@charset "UTF-8";

/* NIKS AANPASSEN IN DIT BESTAND */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video
{margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; background:transparent;}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary
{display: block;}

audio, canvas, video {display: inline-block; *display:inline; *zoom:1;}

audio:not([controls]) {display:none; height:0;}

[hidden] {display:none;}

html {overflow-y:scroll; overflow-x:hidden; font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}    
    
body {line-height: 1;}

nav ul, nav ol {list-style: none; list-style-image:none;}    
ol, ul {list-style: none;}
    
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none; font-size:75%}
abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;}    

sub, sup {font-size:75%; line-height:0; position:relative; vertical-align:baseline}
sub {bottom: -0.25em;}
sup {top: -0.5em;}

table {border-collapse: collapse; border-spacing: 0;}

a:link, a:visited, a:hover, a:active {text-decoration:none;}
a img, :link img, :visited img {border:none;}
a:focus {outline: thin dotted;}
a:active, a:hover {outline: 0;}

html, button, input, select, textarea {font-family: sans-serif;}
textarea {resize:none; vertical-align:top; font-size:100%; overflow:auto;}
textarea:focus {outline:none;}
input:focus {outline:none;}
button, input, select {vertical-align: baseline; *vertical-align: middle; font-size:100%; line-height:normal; margin:0;}
legend {white-space: normal; *margin-left:-7px;}
button, input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance:button; cursor:pointer; *overflow: visible;}
button[disabled], input[disabled] {cursor: default;}
input[type="checkbox"], input[type="radio"] {box-sizing; border-box; *height: 13px; *width: 13px;}
input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;}

img {-ms-interpolation-mode: bicubic;}
svg:not(:root) {overflow:hidden;}

strong, b {font-weight:bold}

tt {font-family: "Courier New", Courier, monospace}
code, kbd, pre, samp {font-family: monospace, serif; _font-family: 'courier new', monospace; font-size:16px;}
pre {white-space: pre; white-space:pre-wrap; word-wrap: break-word;}
hr {display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;}
i {font-style:italic}
u {text-decoration:underline}
strike, del {text-decoration:line-through}
ins {text-decoration:none}
center {text-align:center}
dfn {font-style:italic}
mark {background: #ff0; color: #000;}

/* EXTERNE FONTS */

/* GEHOSTE FONTS */
@font-face {
    font-family: 'ChopinScript';
    src: url('/fonts/chopinscript-webfont.eot');
    src: url('/fonts/chopinscript-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/chopinscript-webfont.woff') format('woff'),
         url('/fonts/chopinscript-webfont.ttf') format('truetype'),
         url('/fonts/chopinscript-webfont.svg#ChopinScript') format('svg');
    font-weight: normal;
    font-style: normal;

}
* {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

body {
	font-family: 'Poppins', sans-serif;
	height: 100%;
	font-size: .8em;
	box-sizing: border-box;
	line-height: 1.5em;
}

textarea:focus, input:focus, select:focus{
	outline: none;
}

input[type=text],
input[type=submit],
input[type=email],
input[type=tel],
input[type=url],
input[type=search],
textarea,
select {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
input[type=text],
input[type=email],
input[type=tel],
input[type=url],
input[type=search],
textarea {
	border:0;
}
.notempty::-webkit-input-placeholder:after {
	content:"*";
	color:red;
	font-size:1.15em;
}

.notempty::input:-moz-placeholder:after {
	content:"*";
	color:red;
	font-size:1.15em;
}
.notempty:-ms-input-placeholder:after {     
	content:"*";
	color:red;
	font-size:1.15em;
}
::-webkit-input-placeholder:after {
	content:"*";
	color:red;
}

::-moz-placeholder:after {
	content:"*";
	color:red;
}

::-ms-placeholder:after {
	content:"*";
	color:red;
}

::placeholder:after {
	content:"*";
	color:red;
}

.home_banner {
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
}

.home_banner .slick-list {
	width: 100%;
}

.home_banner .slick-arrow {
	width: 45px;
	height: 45px;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	left: 10px;
	top: 50%;
	z-index: 20;
	border-radius: 50%;
	border: none;
	background-color: rgba(0,0,0,.5);
	color: white;
	font-size: 16px;
	transform: translateY(-50%);
}

.home_banner .slick-next {
	left: initial;
	right: 10px;
}

.home_banner .slick-dots {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 20;
}

.home_banner .slick-dots .slick-active {
	background-color: #CDB562;
}

.home_banner .slick-dots li {
	border-radius: 50%;
	width: 13px;
	height: 13px;
	margin: 3px;
	border: 1px solid #dbdbdb;
}


.home_banner .slick-dots li button {
	display: none;
}

.home_banner img {
	width: 100%;
}

.home_banner .resimg {
	display: none;
}

h1 {
	font-family: 'Poppins', sans-serif;
}

html {
	height: 100%;
	box-sizing: border-box;
}

/* uptop */
.gototop {
  z-index: 100;
  width: 40px;
  height: 40px;
  border-radius: 200px;
  display: flex;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  position: fixed;
  right: -100px;
  bottom: 40px;
  color: #373a3c93;
  font-size: 1em;  
  opacity: .8;
  cursor: pointer;
  transition: all .3s;
  border-radius: 200;
  border: none;
  background-color: #fff !important;
  transition: all 1s ease;
  box-shadow: #373A3C 0px 5px 15px;
}

.gototop:hover {
  transform: translateY(-10px);
}


/* Business blokken */


.business_blokken {
	position: relative;
	width: 100%;
	display: flex;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
	padding: 30px 0;
}


.pagingInfo {
	position: absolute;
	top: 20px;
	left: 1%;
	color: #fff;
	padding: 7px 20px;
	border-radius: 200px;
	font-size: 11px;
	font-weight: 200;
}

.blokken article:nth-child(even) .pagingInfo {
	left: 20px;
}

.business_blokken_img {
	width: 45%;
}

.spi {
	position: relative;
	width: 45%;
}

.business_blokken_slider {
	width: 100%;
	position: relative;
}

.business_blokken .slick-dots {
	display: none !important;
}

.blokken_moreinfo {
	background-color: #F0F0F0;
	padding: 10px;
	font-weight: 200;
	font-size: 1.1em;
	color: #353535;
	display: none;
	text-align: center;
}


.business_blokken .slick-arrow {
	position: absolute;
	right: 10px;
	bottom: 10px;
	z-index: 2;
	width: 35px;
	height: 35px;
	padding: 0px;
	font-size: 40px;
	background-color: rgba(0,0,0,.8);
	color: #fff;
	border-radius: 200px;
	border: none;
	display: flex;
	align-items: center;
	-ms-align-items: center;
	justify-content: center;
}

.business_blokken .slick-arrow i {
	font-size: 25px;
}

.business_blokken .slick-prev {
	right: 50px;
}

.setmax {
	transition: transform 0.8s ease;
	position: absolute; 
	right: 10px; 
	top: 10px; 
	cursor: pointer;
	width: 35px;
	height: 35px;
	padding: 0px;
	background-color: rgba(0,0,0,.6);
	color: #fff;
	border-radius: 200px;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	border: none;
}

.setmax i {
	color: #fff;
	font-size: 20px;
}

.setmax:hover {
	transform: scale(1.1);
}

/* Blokken */

.blokken {
	max-width: 1600px;
	margin: 0 auto;
	width: 100%;
}

.blokken article {
	width: 100%;
	display: flex;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
	padding: 30px 0;
}

.blokken article img {
	width: 100%;
}

.blokken_img, .business_blokken_img {
	width: 45%;
}

.blokken_content {
	width: 50%;
	display: flex;
	justify-content: center;
	-ms-align-items: flex-start;
	align-items: flex-start;
	flex-direction: column;
	padding: 10px;
	order: 2;
}

.business_blokken_slider {
	width: 100%;
}

.blokken_content h2 {
	color: #000000;
	font-size: 2em;
	font-weight: 700;
	line-height: 120%;
	margin-bottom: 20px;
	max-width: 700px;
}

.blokken_content_missie h2 {
	display: flex;
	justify-content: flex-start;
	-ms-align-items: center;
	align-items: flex-start;
}

.blokken_content h2 div {
	display: flex;
	justify-content: flex-start;
	-ms-align-items: flex-start;
	align-items: flex-start;
	flex-direction: column;
	margin-left: 20px;
}


.blokken_content > a {
	
	color: black;
	padding: 10px 0;
	font-weight: 700;
	letter-spacing: 2px;

}

.blokken_content>div {
	width: 100%;
	color: #777777;
	font-weight: 200;
	font-size: 19px;
	line-height: 180%;
}

.blokken_content>div a {
	font-weight: 200;
	color: #252525;
	text-decoration: underline;
}

.blokken article:nth-child(even) .blokken_img , .blokken article:nth-child(even) .blokken_img_missie,
.blokken article:nth-child(even) .spi , .blokken article:nth-child(even) .business_blokken_img_missie{
	order: 2;
}

.blokken article:nth-child(even) .blokken_content {
	order: 1;
}

.blokken_img {
	width: 45%;
}

/* Einde Business blokken */


/* Popup */

.popup {
	width: 100%;
	background-color: rgba(0,0,0,.6);
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	z-index: 100;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
}

.popup_content {
	max-width: 950px;
	background-color: white;
	border-radius: 5px;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
	position: relative;
	flex-direction: column;
}

.popup_content img {
	width: 400px;
	max-width: 100%;
}

.popup_content h2 {
	font-weight: 700;
	color: #B09700;
	margin-bottom: 20px;
	line-height: 150%;
	font-size: 22px;
}

.popup_content>div {
	padding: 50px 30px;
	line-height: 150%;
	font-size: 18px;
}

.popup_close {
	position: absolute;
	right: 15px;
	top: 15px;
	font-size: 2em;
	color: black;
	cursor: pointer;
	padding: 0 !important;
	height: 20px;
	width: 20px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	border: none;
	background-color: white;
}

.popup_content a {
	display: inline-block;
	margin-top: 15px;
	color: #8BCF97;
}

.popup_text {
	color: #adadad;
}

.popup_overlay {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 0;
}

.menu-block {
	overflow: hidden;
}




/* Einde Popup */

/* NAVIGATIE */

.navigatie {
	width: 100%;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 1600px;
	margin: 0 auto;
	border-bottom: 2px solid #f6f6f6;
	padding-bottom: 15px;
}

.navigatie .logo {
	width: 240px;
}

.navigatie_links {
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	flex-direction: column;
} 

.navigatie_links nav {
	display: block;
	padding: 20px 0;
}

.navigatie_links nav:last-of-type {
	border-top: 2px solid #F9F1DF;
}

.navigatie_links nav ul {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: 100%;
}

.navigatie_links nav ul a {
	font-size: 15px;
	margin: 0 20px;
	font-weight: 200;
	color: #252525;
	padding: 8px 0;
}

.navigatie_links nav ul .active {
	border-bottom: 1px solid #858585;
}


.navigatie_links nav:first-of-type ul a:last-of-type {
	margin-right: 0;
	margin-left: 0;
}

.navigatie_links nav ul a:last-of-type {
	margin-right: 0;
}

.navigatie .login-btn {
	padding: 10px 20px;
	background-color: #F9F1DF;
	color: #252525;
	margin-left: 20px;
	font-weight: 200;
	border-radius: 4px;
}

.navigatie .login-btn i {
	margin-right: 10px;
}

.menubtn {
	width: 30px;
	position: relative;
	cursor: pointer;
	display: none;
	transition: all .3s;
	margin-right: 10px;
} 

.resholder {
	display: none;
	justify-content: center;
	align-items: center;
}

.resholder a {
	padding: 10px 25px;
	background-color: #F9F1DF;
	border-radius: 25px;
	color: #252525;
	font-weight: 200;
	margin-right: 15px;
}

.responsive_links {
	width: 400px;
	height: 100vh;
	position: fixed;
	right: -400px;
	top: 0;
	z-index: 1000;
	overflow: auto;
	transition: all .3s;
	background-color: #353535;
}

.res-nav {
	width: 400px;
	height: 100vh;
	position: fixed;
	right: -400px;
	top: 0;
	z-index: 1000;
	overflow: auto;
	transition: all .3s;
	-webkit-box-shadow: 0px 0px 22px 0px rgba(82, 82, 82, 0.15);
	-moz-box-shadow: 0px 0px 22px 0px rgba(82, 82, 82, 0.15);
	box-shadow: 0px 0px 22px 0px rgba(82, 82, 82, 0.15);
	background-color: #fff;
	background-image: url(/images/tree.png);
	background-position: bottom right;
	background-size: contain;
	background-repeat: no-repeat;
}

.menuoverlay {
	position: absolute;
	z-index: 100;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	display: none;
	background-color: rgba(0, 0, 0, .4);
}

.overvisible {
	display: block;
}

.top_res_nav {
	display: flex;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
	padding: 10px;
	background-color: #F9F1DF;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	padding-right: 10px;
	height: 60px;
}

.extraNavigationElements {
	position: absolute;
	bottom: 16px;
}

.extraNavigationElements .navitem {
	padding-bottom: 0.5rem;
}

.extraNavigationElements .navitem a {
	color: #BDBDBD;
}

.closebtn {
	width: 25px;
	height: 25px;
	cursor: pointer;
}

.logo-mobileNav {
	height: 70px;
	margin-bottom: -25px;
}

.menu-block {
	overflow: hidden;
}

.menu-is-open {
	right: 0;
}

.res-nav nav {
	padding-top: 60px;
	display: flex;
	flex-direction: column;
	-ms-align-items: flex-start;
	align-items: flex-start;
	overflow: auto;
	padding-bottom: 100px;
	height: 100%;
	position: relative;

}

.resnavfooter {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: transparent;
	display: flex;
	justify-content: space-between;
	padding: 10px;
	align-items: center;
	color: #262626;
	font-size: 14px;
	font-family: 'Poppins', serif;
}

.resnavfooter p, .resnavfooter a {
	color: #848484;
	display: flex;
	justify-content: center;
	align-items: center;
}

.minilinks {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding-top: 10px;
	padding-left: 20px;
	margin-bottom: 10px;
	background-color: #F9F1DF;
}

.minilinks a {
	width: 33.33%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding: 10px 5px;
	color: #B09700;
	font-weight: 200;
	font-size: 14px;
	border-top: 2px solid #f0e7d4;
}

.minilinks a i {
	font-size: 20px;
	margin-bottom: 5px;
}

.resnavfooter a i {
	margin: 0 5px;
}

.resnavfooter img {
	width: 25px;
	margin-right: 4px;
}

.navitem {
	width: 100%;
	padding: 13px 20px;
}

.navitem #specialbutton {
	width: 100%;
	display: inline-block;
	text-align: center;
}

.navitem div {
	display: flex;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
	width: 100%;
	cursor: pointer;
}

.navitem div img {
	width: 20px;
	transition: all .5s;
	transform: rotate(-450deg);
}

.rotateImg {
	transform: rotate(0deg) !important;
}

.navitem a {
	color: #353535;
	font-weight: 700;
	font-size: 1.3em;
}

.openNavItem {
	max-height: 350px !important;
	margin-top: 10px !important;
	padding-top: 10px !important;
}

.navitem ul {
	display: flex;
	flex-direction: column;
	-ms-align-items: flex-start;
	align-items: flex-start;
	margin-top: 0;
	padding-top: 0;
	list-style-type: disc;
	padding-left: 10px;
	color: white;
	overflow: hidden;
	transition: all .5s;
	max-height: 0;
}

.navitem ul li {
	display: inline-block;
	padding: 10px;
}

.navitem ul li i {
	margin-left: -7px;
	color: #c8c8c8;
	font-size: .7em;
	margin-right: 20px;
}

.navitem ul a {
	font-size: 1em;
	padding: 10px 0;
	color: #c8c8c8;
}

/* ALGEMENE FUNCTIES */


.spinnerbox {
	width: 100%;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	padding: 20px;
}

.spinnerbox img {
	width: 100px;
}

.hiddenarticles {
	opacity: 0;
	transition: all .3s;
	transform: translateY(70px);
}

.endprods {
	display: flex;
	width: 100%;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
}

.endprods img {
	width: 50px;
	margin: 10px 30px;
}

.endprods div {
	width: 100%;
	height: 1px;
	background-color: #aeaeae;
}


.uppercase {
	text-transform: uppercase;
}

.center-txt {
	text-align: center;
	font-size: 1.2em;
}

.fifty {
	width: 50% !important;
}

.slider {
	width: 100%;
	max-width: 1600px;
	background-color: #F9F1DF;
	background-image: none;
}

.slider-main-bottom {
	width: 100%;
	height: 5px;
	position: absolute;
	bottom: 0;
	background-color: #b09700;
}

.makegolden {
	color: #b09700 !important;
}


/* Links */

.newlinks {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
}

.newlinks h2 {
	font-size: 25px;
	color: #B09700;
	font-weight: 700;
	padding: 1%;
	width: 100%;
}

.newlinksitems {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	margin-bottom: 30px;
}

.newlinksitems article {
	width: 48%;
	margin: 1%;
	display: flex;
	justify-content: flex-start;
	-ms-align-items: center;
	align-items: center;
	-webkit-box-shadow: 0px 0px 22px 0px rgb(207 207 207 / 45%);
	-moz-box-shadow: 0px 0px 22px 0px rgba(207,207,207,.45);
	box-shadow: 0px 0px 22px 0px rgb(207 207 207 / 45%);
	padding: 20px;
	position: relative;
}

.newlinksitems article:hover div {
	background-color: #CDB562;
}

.newlinksitems article div {
	width: 40px;
	min-width: 40px;
	min-height: 40px;
	height: 40px;
	border-radius: 200px;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	background-color: #B09700;
	color: white;
	font-size: 1.2em;
	margin-right: 18px;
	transition: all .3s;
}

.newlinksitems article h3 {
	font-size: 1.5em;
	letter-spacing: 2px;
	color: black;
	font-weight: 200;
}



.newlinksitems article a {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	-ms-align-items: center;
	align-items: center;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 2;
}
/* Vragen */

.vragen {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}

.vragen article {
	
	background-color: #F9F1DF;
	padding: 10px 25px;
	border-radius: 5px;
	margin-bottom: 10px;
	width: 49%;
	-webkit-box-shadow: 0px 0px 22px 0px rgba(82,82,82,0.05);
	-moz-box-shadow: 0px 0px 22px 0px rgba(82,82,82,0.05);
	box-shadow: 0px 0px 22px 0px rgba(82,82,82,0.05);
	margin: .5%;
}

.vragen article h2 {
	font-weight: 700;
	display: flex;
	text-align: left;
	background-color: #F9F1DF;
	line-height: 150%;
	justify-content: space-between;
	-ms-align-items: center;
	font-size: 20px;
	min-height: 60px;
	color: #252525;
	align-items: center;
	cursor: pointer;
	margin: 0;
	letter-spacing: 0;
	text-transform: none;
}

.vragen article div {
	margin-top: 20px;
	color: #777777 !important;
	font-weight: 200;
	font-size: 17px;
	line-height: 180%;
	letter-spacing: .5px;
}

.vragen article div * {
	color: #777777 !important;
}

/* Einde Vragen */


/* FOOTER */

footer {
	background-color: #252525;
	width: 100%;
	position: relative;
	padding: 100px 10px 0 10px;
}

footer > .inner_footer {
	max-width: 1500px;
	width: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

footer > .inner_footer h2 {
	font-weight: 700;
	font-size: 18px;
	color: #fff;
	margin-bottom: 15px;
}

.foot_link {
	padding: 6px 0;
	color: #cecece;
	font-weight: 200;
	font-size: 17px;
	position: relative;
	display: block;
}

.footbiglink {
	background-color: #353535;
	color: #fff;
	width: 100%;
	display: block;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 12px 30px;
	border-radius: 4px;
	margin-bottom: 10px;
	font-size: 15px;
	font-weight: 200;
}

.footbiglink:hover {
	background-color: #fff;
	color: #252525;
}

.footbiglink i {
	font-size: 20px;
	margin-right: 10px;
	color: #CDB562;
}

.foot_ic {
	padding: 10px;
	color: #cecece;
	font-weight: 200;
	font-size: 17px;
	padding-left: 30px;
	position: relative;
	display: block;
}

.foot_ic i {
	position: absolute;
	left: 0;
	font-size: 19px;
	color: #CDB562;
	top: 50%;
	transform: translateY(-50%);
}

.footer_image {
	width: 250px;
}

.footer_quote {
	font-weight: 200;
	font-size: 16px;
	color: #fff;
	max-width: 250px;
	line-height: 150%;
	margin-top: 10px;
}

.siteby {
	width: 100%;
	max-width: 1500px;
	border-top: 2px solid #2e2e2e;
	margin: 0 auto;
	margin-top: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 200;
	color: #4b4b4b;
	padding: 15px;
}

.siteby a {
	color: #4b4b4b;
}

.siteby span {
	margin: 0 10px;
}

.siteby i {
	color: #4b4b4b;
	animation: pulse 4s infinite;
}

@keyframes pulse {
	0% {
		color: #4b4b4b;
	}

	5% {
		color: #CDA03A;
	}
	10% {
		color: #4b4b4b;
	}
	20% {
		color: #CDA03A;
	}
	21% {
		color: #4b4b4b;
	}

	50% {
		color: #4b4b4b;
	}

	100% {
		color: #4b4b4b;
	}
}

/* Einde Footer */



.long {
	width: 40%;
}
.long>p {
	font-style: italic;
	line-height: 2em;
	padding: 10px;
	font-size: 1.1em;
	padding-top: 33px;
	color: #b09700;
}

.tickertape {
	width: 100%;
	height: 160px;
	background-color: transparent;
	position: relative;
	font-style: italic;
	border: none !important;
}
.tickertape>h1 {
	text-align: center;
	width: 100%;
	padding-top: 55px;
	font-style: italic;
	font-size: 1.6em;
	font-family: 'Lato', sans-serif;
	font-weight: 500;
}
.boilerplate {
	background-image: url('/images/boilerplate.png');
	background-size: cover;
	width: 100%;
	height: 180px;
}


.content-box {
	margin: 0 auto;
	display: block;
	max-width: 1600px;
	width: 98%;
	overflow: auto;
	padding-bottom: 60px;
	box-sizing: border-box;
}

.rouw-text p, #contentcenter p
{
	font-size: 19px;
}



.rouw-text a {
	color: #B09700;
	font-weight: 700;
	display: inline-block;
	margin-top: 20px;
	padding: 10px 20px;
	border: 1px solid #B09700;
	font-size: 14px;
	transition: all .3s;
}


.rouw-text a:hover {
	background-color: #B09700;
	color: white;
}

#contentcenter p:empty {
	margin: 1em 0;
}
#contentcenter ul {
	list-style-type: disc;
	margin-left: 3em;
}
#contentcenter ul li {
	font-size: 1.2em;
}
#home {
	padding-bottom: 0;
}

.content-box>h1 {
	width: 90%;
	display: block;
	font-size: 25px;
	font-family: 'Poppins', sans-serif;
	text-align: center;
	font-weight: 700;
	margin: 0 auto;
	margin-bottom: 20px;
	padding-top: 60px;
	color: #B09700;
}

.content-box>p, .center-txt {
	width: 100%;
	max-width: 1200px;
	text-align: center !important;
	margin: 0 auto;
	display: block;
	color: #777777;
	font-weight: 200;
	font-size: 19px;
	line-height: 180%;
	margin-bottom: 20px;
}

.content-box .hidesuccess p {
	width: 90%;
	text-align: center;
	margin: 0 auto;
	display: block;
	font-size: 1.2em;
}
.hidesuccess {
	margin-bottom: 20px;
}
.content-box .hidesuccess h1 {
	width: 90%;
	display: block;
	font-size: 1.2em;
	font-family: 'Poppins', sans-serif;
	text-transform: uppercase;
	text-align: center;
	font-weight: 600;
	margin: 0 auto 30px auto;
	padding-top: 60px;
}

.content-box>h2 {
	font-size: 14px;
	margin: 5px 0;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 3px;
	text-align: center;
	margin-bottom: 20px;
	color: #252525;
}

.condoleren {
	padding-top: 30px;
}
.full-reg {
	display: inline-block;
	margin-left: 50%;
	transform: translateX(-50%);
	background-color: #CDB562;
	color: white; 
	border: none;
	font-weight: 200;
	font-size: 16px;
	padding: 10px;
	border-radius: 4px;
	transition: all 1s;
	margin-bottom: 30px;
}
.full-reg:hover {
	background-color: white;
	color: #CDB562;
}
.condoleren>li {
	float: left;
	width: 15%;
	background-color: white;
	position: relative;
	height: 220px;
	overflow: hidden;
	margin-right: 1.66%;
	margin-bottom: 1.66%;
	-webkit-border-radius: 15%;
	-moz-border-radius: 15%;
	border-radius: 15%;
}
.condoleren>li:hover .overlay {
	opacity: 1;
}
.condoleren>li>img {
	min-width:100%;
	min-height:100%
}

.overlay {
	transition: all .3s;
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	text-align: center;
	border-radius: 15%;
	color: black;
	font-family: 'Poppins', sans-serif;
	background-color: rgba(255,255,255,.7);
}
.overlay h1 {
	font-weight: 700;
	padding: 10px;
	margin-top: 10px;
	font-size: 1.3em;
}
.overlay button, .buttonlay {
	padding: 15px 40px;
	margin-top: 30px;
	color: white;
	background-color: #b09700;
	border: none;
	border: 4px solid #b09700;
	border-radius: 5px;
	transition: all .3s;
}
a:hover .buttonlay {
	display: block;
}
.buttonlay {
	display: none;
	position: absolute;
	margin:0;
	top: 50%;
	left: 50%;
	-o-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	background-color: #b09700;
	color:white;
}
#small:after {
	clear: both;
	display: block;
	content: "";
}
#meermeer {

}
.overlay span {
	color: #b09700;
	margin-right: 10px;
}


/* Home Nieuw */


.home_condoleren {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	padding: 50px 10px;
	max-width: 1600px;
	margin: 0 auto;
}

.condoleren_holder {
	width: 100%;
	margin-top: 40px;
	background-image: url(/images/black_denim.png);
}

.home_condoleren article {
	width: 15.66%;
	margin: .5%;
	border: 2px solid #e8e8e8;
	overflow: hidden;
	border-radius: 4px;
	position: relative;
	background-color: white;
}

.home_condoleren article h2 {
	font-weight: 700;
	margin: 0;
	text-align: center;
	color: #B09700;
	font-size: 20px;
	padding: 10px 0;
	position: relative;
	z-index: 1;
	background-color: white;
}

.home_condoleren article p {
	color: #505050;
	font-size: 16px;
	padding: 5px 10px;
	text-align: center;
	font-weight: 700;
	width: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
}

.home_condoleren article p i {
	width: 20px;
	display: flex;
	justify-content: center;
	align-content: center;
}

.home_condoleren article p span {
	color: #505050;
	font-weight: 700;
	margin-right: 4px;
}

.home_condoleren article a {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 2;
}

.home_condoleren article button {
	width: 100%;
	background-color: #252525;
	color: #fff;
	border: none;
	font-weight: 200;
	font-size: 16px;
	padding: 10px;
	border-radius: 4px;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 1s;
}

.home_condoleren article button img {
	width: 20px;
	margin-right: 10px;
}

.home_condoleren article:hover img {
	transform: scale(1.1);	
}

.home_condoleren article:hover button {
	background-color: #CDB562;
	color: white;
}

.home_condoleren article img {
	width: 100%;
	transition: all .8s;
}

/* Einde Home Nieuw */

/* Detail Rouwregister */


.rouwregister_person {
	width: 100%;
	background-color: #252525;
	background-image: url(/images/black_denim.png);
	padding: 70px 10px 130px 10px;
}

.person_content {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

.person_content > img {
	width: 30%;
	border: 1px solid #CDB562;
	padding: 3px;
}

.person_content > div {
	width: 68%;
	padding: 10px 0;
	padding-left: 30px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-direction: column;
}


.person_content h1 {
	font-size: 30px;
	color: #B09700;
	font-weight: 700;
	margin-bottom: 20px;
}

.person_content .date {
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-top: 5px;
	color: #fff;
}

.person_content .info {
	font-weight: 200;
	font-size: 18px;
	color: #d5d5d5;
	line-height: 170%;
	padding: 20px 0;
}

.person_content .buttons {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}

.person_content .buttons a {
	margin-right: 15px;
	padding: 10px 25px;
	border-radius: 4px;
	font-weight: 200;
	font-size: 15px;
	background-color: #252525;
	color: white;
}

#liverouw {
	background-color: transparent;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-right: 10px;
	transition: all .3s;
}

#liverouw:hover {
	background-color: #252525;
}


#liverouw i {
	width: 39px;
	height: 39px;
	padding-left: 2px;
	margin-right: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #252525;
	border-radius: 200px;
}

.rouwberichten {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	margin-top: -50px;
	background-color: white;
	padding: 30px;
	border: #F3F3F2 2px solid;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}



.rouwberichten aside {
	width: 500px;
	border-right: #F3F3F2 2px solid;
	position: sticky;
	top: 30px;
	padding-right: 30px;
}

.rouwberichten .berichten {
	width: calc(100% - 550px);
} 

.rouwberichten aside input[type=text],
.rouwberichten aside textarea {
	width: 100%;
	font-family: 'Poppins', sans-serif;
	border: #F3F3F2 2px solid;
	margin-bottom: 20px;
	padding: 10px;
	font-size: 16px;
	font-weight: 200;
}


.rouwberichten .radios div {
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: 200;
}

.rouwberichten aside input[type=submit] {
	border-radius: 4px;
	background-color: transparent;
	color: #B09700;
	padding: 10px 30px;
	font-size: 16px;
	width: 100%;
	font-weight: 200;
	max-width: 250px;
	border: 1px solid #B09700;
	margin: 10px 0 0 auto;
	transition: all .3s;
	font-family: 'Poppins', sans-serif;
}

.rouwberichten aside input[type=submit]:hover {
	background-color: #B09700;
	color: #fff;
}

.rouwberichten aside textarea {
	height: 150px;
}

.rouwberichten .berichten > h2,
.rouwberichten aside > h2 {
	font-size: 25px;
	font-weight: 700;
	color: #252525;
	width: 100%;
	margin-bottom: 20px;
}

.rouwberichten .berichten article {
	width: 100%;
	padding: 25px;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	border: 1px solid #eaeaea;
	border-radius: 2px;
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.03);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.03);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.03);
	margin-bottom: 20px;
}

.rouwberichten .berichten article i {
	color: #dfd4ac;
	margin-top: 0px;
	margin-right: 40px;
	font-size: 30px;
}

.rouwberichten .berichten article h2 {
	color: #b09700;
	font-weight: 700;
	font-size: 20px;
	width: 100%;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
}

.rouwberichten .berichten article h3 {
	margin-bottom: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #000;
}

.rouwberichten .berichten article h4 {
	margin-bottom: 5px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #000;
}

.rouwberichten .berichten p {
	width: 100%;
	font-weight: 200;
	font-size: 18px;
	color: #7b7b7b;
	line-height: 150%;
}

/* Einde Detail Rouwregister */

/* Webshop */

.webshop_pagina {
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
	margin-bottom: 30px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.webshop_pagina > div {
	width: 40%;
	position: relative;
	overflow: hidden;
}

.webshop_pagina > div:nth-child(2){
	width: 60%;
}

.webshop_pagina > div video {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	height: 100%;
}

.webshop_pagina .videoholder {
	width: 100%;
	padding-bottom: 95%;
}

.webshop_pagina_content {
	padding: 30px;
}

.webshop_pagina_content h1 {
	font-weight: 700;
	color: #B09700;
	font-size: 25px;
	margin-bottom: 15px;
}

.webshop_pagina_content h2 {
	margin-bottom: 20px;
	margin-top: 50px;
	font-size: 20px;
	color: #252525;
	font-weight: 700;
	width: 100%;
	text-align: left;
}

.webshop_pagina_tekst {
	line-height: 150%;
	color: #9a9a9a;
	font-weight: 200;
	text-align: left;
	font-size: 17px;
}

.webshop_pagina_tekst p {
	text-align: left !important;
}

.webshop_pagina_keuze {
	width: 100%;
	display: flex;
	justify-content: flex-start;
}

.webshop_pagina_keuze a {
	width: 23%;
	margin-right: 2%;
	height: 200px;
	border: 3px solid #F9F1DF;
	padding: 25px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	font-size: 20px;
	font-weight: 700;
	color: #CDB562;
	border-radius: 20px;
	flex-grow: 1;
}

.webshop_pagina_keuze a:last-of-type {
	margin-right: 0;
}

.webshop_pagina_keuze a:hover {
	background-color: #F9F1DF;
}

.webshop_pagina_keuze a i {
	font-size: 50px;
	color: #CDB562;
	margin-bottom: 15px;
}

.webshop_pagina_keuze a img {
	width: 50px;
	margin-bottom: 15px;
}



.page_header {
	width: 100%;
	max-width: 1000px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	margin: 0 auto;
	padding: 50px 10px; 
}

.page_header h1 {
	font-size: 25px;
	color: #B09700;
	font-weight: 700;
	margin-top: 10px;
	text-align: center;
	margin-bottom: 20px;
}

.page_header h2 {
	font-size: 14px;
	text-transform: uppercase;
	color: #bbbbbb;
	text-align: center;
	letter-spacing: 1px;
}

.page_header div {
	color: #636363;
	font-weight: 200;
	font-size: 19px;
	text-align: center;
	line-height: 150%;
}

.webshop {
	width: 100%;
	background-color: #F5F7FA;
	padding: 30px;
}

.webshop_bestellen {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
}

.webshop_bestellen > div {
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}

.webshop_form {
	width: 67%;
}

.webshop_form article {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 20px;
	background-color: white;
	border-radius: 4px;
	padding: 30px;
}

.webshop_form article>div:first-of-type {
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #F5F7FA;
	border-radius: 200px;
	font-size: 23px;
	font-family: 'Poppins', serif;
	color: #B09700;
	font-weight: 700;
}

.webshop_form article>div:last-of-type {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: column;
	width: calc(100% - 60px);
}

.webshop_form article h3 {
	margin-top: 5px;
	margin-bottom: 20px;
}

.webshop_form article label {
	font-size: 18px;
	font-weight: 700;
	font-family: 'Poppins', serif;
	color: #252525;
	margin-bottom: 10px;
	margin-top: 10px;
	display: inline-block;
}
.webshop_form article input[type=email], 
.webshop_form article input[type=text],
.webshop_form article input[type=number], 
.webshop_form article select, 
.webshop_form article textarea {
	width: 100%;
	border: 2px solid #f0f0f0;
	padding: 10px;
	font-family: 'Poppins', serif;
	font-size: 18px;
	font-weight: 200;
}

.zelfkiezen {
	width: 100%;
}
.webshop_form article select {
	background-image: url(/images/select.png);
	background-position: center right;
	background-repeat: no-repeat;
	background-size: contain;
	cursor: pointer;	
}

.typelabels {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.typelabel {
	cursor: pointer;
	width: 31.33%;
	position: relative;
}

.typelabel input {
	opacity: 0;
	position: absolute;
	left: 50%;
	top: 50%;
}


.typelabel div {
	width: 100%;
	padding: 30px;
	font-weight: 200;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	border: 3px solid #F9F1DF;
	background-color: #ffffff;
	border-radius: 25px;
}

.typelabel input:checked + div {
	background-color: #F9F1DF;
}

.typelabel div i {
	font-size: 40px;
	height: 45px;
	color: #CDB562;
	margin-bottom: 10px;
}

.typelabel div img {
	height:45px;
	margin-bottom: 10px;
}

.bedraglabels {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	width: 100%;
}


.bedraglabel {
	width: 15.66%;
	margin-right: 1%;
	position: relative;
	cursor: pointer;
	font-weight: 200 !important;
}

.bedraglabel input {
	position: absolute;
	left: 50%;
	top: 50%;
	opacity: 0;
}

.bedraglabel div:hover {
	background-color: #F9F1DF;
}

.bedraglabel div {
	width: 100%;
	border: 3px solid #F9F1DF;
	background-color: #ffffff;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding: 10px;
	border-radius: 50px;
	border-radius: 25px;
	text-align: center;
	min-height: 69px;
}

.bedraglabel div span {
	font-size: 13px;
	padding-top: 5px;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.bedraglabel input:checked + div {
	background-color: #B09700;
	color: white;
}


.webshop_form .adressplit {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

.webshoppostcode {
	width: 29%;
}

.webshopgemeente {
	width: 69%;
}

.webshop_bestellen h3 {
	font-weight: 700;
	color: #B09700;
	font-size: 25px;

}

.webshop .overview {
	width: 30%;
	background-color: white;
	border-radius: 4px;
	padding: 30px;
	position: sticky;
	top: 3%;
}

.webshop .overview > h2 {
	font-size: 25px;
	font-family: 'Poppins', serif;
	color: #B09700;
	font-weight: 700;
	margin-bottom: 20px;
}

.webshop .overview .orderline {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-weight: 200;
	padding: 10px 0;
	font-size: 16px;
	
}

.kaartjecontent, .kaartje {
	width: 100%;
}

.webshop .overview .lintline,
.webshop .overview .kaartjeline {
	border-top: 1px dashed #d1d1d1;
}

.webshop .overview .totalline {
	padding: 20px 0;
	font-weight: 700;
	color: #6c6c6c;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 20px;
	border-top: 2px solid #F0F1F1;
}


.webshop .overview button {
	width: 100%;
	text-align: center;
	padding: 10px;
	border: 2px solid #B09700;
	background-color: #B09700;
	color: #fff;
	font-weight: 700;
	border-radius: 200px;
	font-family: 'Poppins', serif;
	font-size: 16px;
}

.webshopimg {
	width: 100%;
	border-radius: 20px;
}

.custombedragveld {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

.custombedragveld i {
	width: 50px;
	height: 51px;
	font-size: 18px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #F5F7FA;
	color: #353535;
}

.boeket_types {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	width: 100%;
}

.boeket_type {
	position: relative;
	cursor: pointer;
	width: 22%;
	margin-right: 3%;
}

.boeket_type:nth-child(4n) {
	margin-right: 0;
}

.boeket_type input:checked + div {
	background-color: #F9F1DF;
}

.boeket_type input:disabled + div {
	background-color: #e3e3e3;
	opacity: .4;
}

.boeket_type>div {
	width: 100%;
	padding: 30px 20px;
	border: 3px solid #F9F1DF;
	background-color: white;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	border-radius: 25px;
}

.boeket_type img {
	height: 40px;
}

.aandenkens .boeket_type img {
	height: auto;
	width: 100%;
}

.boeket_type i {
	color: #CDB562;
	font-size: 40px;
}

.boeket_type .type {
	font-size: 18px;
	font-weight: 200;
	color: #252525;
	margin-top: 15px;
	margin-bottom: 5px;
}

.boeket_type .vanafprijs {
	color: #252525;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 14px;
	font-weight: 200;
}

.boeket_type input {
	opacity: 0;
	position: absolute;
}

.aandenken_description {
	width: 100%;
	margin-top: 10px;
	font-size: 18px;
	line-height: 150%;
}

#kwartwidth {
	width: 24%;
}

/* Einde Webshop*/



/* Contact Pagina */

.contact_pagina {
	width: 100%;
	max-width: 1400px;
	display: flex;
	justify-content: space-between;
	-ms-align-items: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	margin: 0 auto;
	padding: 100px 10px 0 10px;
}

.contact_info {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	background-color: #fde8ba;
	padding: 80px 80px;
	margin-top: 20px;
	width: 100%;

}

.contact_info p {
	font-size: 20px;
	font-weight: 200;
	color: #252525;
}

.contact_gegevens {
	width: 35%;
}

.contact_gegevens h1 {
	font-weight: 900;
	color: #B09700;
	margin-bottom: 20px;
	font-size: 2em;
}

.contact_gegevens h2 {
	font-size: 18px;
	font-weight: 200;
	color: #353535;
	line-height: 150%;
}

.contact_gegevens p {
	padding-bottom: 10px;
}

.contact_split {
	margin-top: 60px;
	display: flex;
	justify-content: flex-start;
	-ms-align-items: center;
	align-items: center;
	flex-wrap: wrap;
	position: relative;
	z-index: 1;
}

.contact_split h2 {
	font-weight: 700;
	color: #252525;
	font-size: 25px;
	margin-bottom: 25px;
	line-height: 130%;
}

.contact_split div {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	-ms-align-items: flex-start;
	align-items: flex-start;
	flex-direction: column;
}

.contact_split div p {
	padding: 10px;
	padding-left: 50px;
	position: relative;
	color: #252525;
}

.contact_split div p a {
	color: #252525;
}

.contact_split div p i {
	position: absolute;
	left: 0;
	width: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	top: 50%;
	color: #B09700;
	transform: translateY(-50%);
}

.contact_split img {
	width: 100px;
	border-radius: 200px;
	margin-right: 20px;
}

.contact_formulier {
	width: 55%;
}

.contact_form {
	display: flex;
	justify-content: space-between;
	-ms-align-items: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}

.contact_label {
	width: 100%;
	font-size: 1.2em;
	font-weight: 200;
	color: #353535;
	display: inline-block;
	margin-bottom: 5px;
}

.contact_form input[type=text], 
.contact_form input[type=email] {
	width: 100%;
	border: none;
	border-bottom: 2px solid #EEEEEE;
	padding: 8px 0px;
	color: #CDB562;
	font-size: 18px;
	font-weight: 200;
	margin-bottom: 40px;
	font-family: "Poppins", sans-serif;
}

.contact_form input[type=text]:focus, 
.contact_form input[type=email]:focus {
	border-bottom: 2px solid #CDB562;
	font-weight: 400;
}

.contact_form textarea {
	width: 100%;
	border-bottom: 2px solid #EEEEEE;
	border-radius: 0px;
	padding: 10px 0px;
	color: #CDB562;
	margin-bottom: 20px;
	font-weight: 200;
	font-size: 18px;
	font-family: "Poppins", sans-serif;
	height: 100px;
}

.contact_form textarea:focus {
	border-bottom: 2px solid #CDB562;
	font-weight: 400;
}

.contact_form input[type=submit] {
	border-radius: 4px;
	padding: 10px 40px;
	background: transparent;
	border: 2px solid #CDA03A;
	font-weight: 200;
	color: #CDA03A;
	font-size: 1.2em;
	font-weight: 200;
	font-family: "Poppins", sans-serif;
	transition: all .3s;
}


.contact_form input[type=submit]:hover {
	background-color: #CDA03A;
	color: #fff;
}



.contact_formulier #NaamInput {
	width: 100%;
}

.contact_formulier #EmailInput {
	width: 100%;
}

#dasmap {
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
	height: 600px;
	position: relative;
	z-index: 0;
	margin-top: -70px;
}

/* Einde Contact Pagina */



.rouwcentrum {
	overflow: auto;
	background-color: white;
	box-sizing: border-box;
	max-width: 1600px;
	margin:0 auto;
	padding: 25px 0;
}

.rouw-left-first {
	overflow: hidden;
	float: left;
	width: 48%;
	margin-right: 2%;
	height: 100%;
	position: relative;
}

.rouw-left-first>img, .rouw-right-first>img {
	width: 100%;
}

.rouw-text {
	color: #777777;
	width: 50%;
	min-height: 360px;
	float: left;
	font-size: 17px;
	font-weight: 200;
	line-height: 170%;
	box-sizing: border-box;
	padding: 0 10px;
	font-family: 'Poppins', sans-serif;
}

.rouw-text ul {
	padding-left: 40px !important;
	font-size: 19px;
	list-style-type: disc;
}

.rouw-text ul li {
	padding-left: 10px;
	padding-bottom: 10px;
}
.rouw-text h1 {
	font-weight: 700;
	margin-bottom: 30px; 
	color: #b09700;
	font-size: 1.4em;
}

.stream-title {
	font-size: 16px;
	margin: 5px 0;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 3px;
	text-align: center;
	margin-top: 40px;
	color: #252525;
	width: 100%;
	text-align: center;
}

.arrow-left {
	position: absolute;
	right: 0;
	top: 48%;
}

.arrow-right {
	position: absolute;
	transform: rotate(180deg);
	left: 0;
	top: 48%;
}

.rouw-right-first {
	overflow: hidden;
	width: 50%;
	position: relative;
	height: 100%;
	float: left;
}

.rouwregister {
	width: 100%;	
	margin-top: 20px;
}

.rouwregister>li {
	box-sizing: border-box;
	width: 20%;
	height: 350px;
	padding: 10px;
	float: left;
	position: relative;
}

.rouwregister-item {
	height: 100%;
	width: 100%;
	color: black;
	background-color: white;
}

.rouwregister-item div {
	width: 100%;
	height: 70%;
	overflow: hidden;
}

.rouwregister-item>div img {
	min-width: 100%;
	min-height: 100%;
}

.rouwregister-item>h1 {
	box-sizing: border-box;
	font-weight: 700;
	padding: 10px;
	padding-bottom: 5px;
	text-align: center;
	width: 100%;
	font-size: 1.3em;
}

.rouwregister-item>p {
	width: 100%;
	text-align: center;
}

.more {
	padding: 10px 80px;
	margin: 0 auto;
	display: block;
	margin-top: 10px;
	color: white;
	background-color: #b09700;
	border: none;
	border: 0px solid #b09700;
	border-radius: 5px;
	transition: all .3s;
}

.rouwregister-detail {
	width: 100%;
	margin-top: 30px;
}

hr {
	border: none;
	background-color: gray;
}
#berichtbtn {
	width: 150px;
	padding:0.8em 0;
	margin:0;
	bottom: -55px;
	right: 0;
}

.rouwregister-detail>div {
	width: 33.33%;
	box-sizing: border-box;
	padding: 3px;
	position: relative;
	float: left;
	height: 100%;
	overflow: hidden;
}
.rouwregister-detail>.img {
	border:1px solid #b09700;
	width: auto;
	margin-right: 2%;
	padding:3px;
}
.rouwregister-detail>div>img {
	width: 339px;
	height: 339px;
}

.rouwregister-detail>div h1 {
	color: #b09700;
	font-weight: 700;
	font-size: 1.4em;
}


.rouwcontent {
	position: relative;
	min-height: 347px;
}
.rouwregister-detail>.rouwcontent {
	padding-bottom: 135px;
}
.rouwbtns {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}
.rouwbtns:after {
	display: block;
	content: "";
	clear: both;
}
.rouwbrief-btn {
	padding: 10px 40px;
	margin-left: 0;
	width: 45%;		
}

.rouwregister-detail>div input[type="text"] {
	width: 100%;
	border: none;
	color: gray;
	padding: 15px;
	box-sizing: border-box;
	border-radius: 5px;
}

.rouwregister-detail>div textarea {
	width: 100%;
	height: 180px;
	border: none;
	margin: 10px 0 10px 0;
	box-sizing: border-box;
	color: gray;
	padding: 15px;
	border-radius: 5px;
}

.rouwbrief-btn-verzenden {
	float: right;
	margin-top: 10px;
	width: 20%;
	padding: 10px 5px;
}


#berichtform {	
	position: relative;
}


.shop-item {
	padding: 20px;
	float: left;
	box-sizing: border-box;
	width: 20%;
}

.shop-item>a>div {
	width: 100%;
	height: 215px;
	overflow: hidden;
	display:flex;
	justify-content:center;
	align-items:center;
	background-color: white;
	box-sizing: border-box;
	position: relative;
}

.border {
	border: 1px solid white;
}

.shop-item h1 {
	text-align: center;
	text-transform: uppercase;
	color: #b09700;
	font-weight: 700;
	font-size: 1.1em;
	margin-top: 10px;
}

.overlay-contactus {
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	display: none;
	background-color: rgba(0,0,0,.7);
}

.shop-item:hover .overlay-contactus {
	display: block;
}

.overlay-contactus>h2 {
	text-align: center;
	color: #b09700;
	margin-top: 80px; 
	text-transform: uppercase;
}

.nieuws {
	width: 100%;
	margin: 0 auto;
	display: block;
	padding-bottom: 35px;
	overflow: auto;
}

.nieuws-item {
	width: 31.33%;
	margin: 1%;
	float: left;
	text-align: center;
	box-sizing: border-box;
	min-height: 430px;
	position: relative;
	border: 1px solid #dedede;
	overflow: hidden;
}

.nieuws-item>img {
	width: 100%;
	position: relative;
	z-index: 1;
	transition: all 1s;
}

.nieuws-item-content {
	width: 100%;
	background-color: white;
	padding: 10px 10px;
	position: relative;
	z-index: 2;
}

.nieuws-item:hover img {
	transform: scale(1.1);
}

.nieuws-item a {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 2;
}

.nieuws-item h2 {
	font-weight: 700;
	color: #b09700;
	margin: 0;
	font-family: 'Poppins', sans-serif;
	text-align: left;
	min-height: 60px;
	line-height: 150%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.nieuws-item button {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border: none;
	background-color: transparent;
	color: #B09700;
	font-weight: 700;
	font-size: 16px;
	padding: 0;
	margin-top: 20px;
	font-family: 'Poppins', sans-serif;
}

.nieuws-item h3>img {
	margin: 0 auto;
	margin-top: 30px;
	overflow: auto;
	display: block;
}
.nieuws-item p {
	min-height: 78px;
	font-size: 16px;
	font-weight: 200;
	line-height: 150%;
	text-align: left;
}

.detail-content {
	width: 90%;
	margin: 0 auto;
	overflow: auto;
	margin-top: 30px;
	padding-bottom: 60px;
}

.detail-left {
	width: 60%;
	float: left;
	overflow: auto;
}

.detail-left>img {
	width: 100%;
}

.actions {
	height: 50px;
	content-align: center;
	width: 100%;
	margin-top: -35px;
	position: relative;
	padding-top: 20px;
	z-index: 10;
}

.actions>img {
	float: left;
	width: 5%;
}

.actions>div {
	width: 90%;
	float: left;
	text-align: center;
	margin-left: 5%;
}

.actions button {
	background-color: #b09700;
	color: white;
	border: none;
	width: 90px;
	height: 30px;
	transition: all .3s;
	text-transform: uppercase;
	-webkit-border-radius: 8px;	
	-moz-border-radius: 8px;	
	border-radius: 8px;	
}
.actions button:hover {
	opacity: .7;
}

.detail-right {
	width: 35%;
	float: right;
}

.detail-right h1 {
	color: #b09700;
	font-weight: 500;
	font-size: 1.1em;
}

.detail-right>article {
	padding: 10px;
	overflow: auto;
	cursor: pointer;
	transition: all .3s;
}

.detail-right h1 {
	color: #b09700;
}

.detail-right>article:hover {
	background-color: #5a5a5a;
	color: white;
}

.detail-right>article>img {
	width: 30%;
	border: 1px solid #b09700;
	float: left;
	margin-right: 10px;
}

.detail-right>a>button {
	margin: 0 auto;
	width: 112px;
	height: 30px;
	text-transform: uppercase;
	border: none;
	background-color: #b09700;
	color: white;
	margin-top: 30px;
	display: block;
	transition: all .3s;
}

.detail-right>a>button:hover {
	opacity: .7;
}



.nieuwsdetail {
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	padding: 30px 10px;
}

.nieuwsdetail aside {
	width: 400px;
	margin-right: 50px;
	padding: 25px 20px;
	border: #dedede 2px solid;
}

.nieuwsdetail aside > a {
	width: 100%;
	text-align: center;
	font-weight: 700;
	color: white;
	background-color: #B09700;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	padding: 12px;
	font-size: 16px;
}

.nieuwsdetail aside > h2 {
	font-size: 20px;
	font-weight: 700;
	color: #252525;
	margin-bottom: 20px;
}

.andere_item {
	width: 100%;
	margin-bottom: 20px;
	position: relative;
	border-bottom: 1px dashed #e8e8e8;
}

.andere_item a {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 2;
}

.andere_item img {
	width: 100%;
}

.andere_item h2 {
	font-size: 18px;
	font-weight: 700;
	color: #B09700;
	line-height: 150%;
	margin-bottom: 10px;
}

.andere_item p {
	line-height: 150%;
	font-weight: 200;
	font-size: 15px;
	color: #606060;
}

.andere_item button {
	width: 100%;
	border: none;
	padding: 10px 0;
	background-color: transparent;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 17px;
	font-weight: 700;
	color: #B09700;
}

.andere_item button i {
	font-size: 20px;
}

.nieuwsdetail .nieuws_content {
	width: calc(100% - 450px);
}

.nieuws_content img {
	width: 100%;
}

.nieuws_content h1 {
	font-size: 25px;
	font-weight: 700;
	color: #B09700;
	margin-top: 30px;
	margin-bottom: 25px;
}

.nieuws_content_tekst {
	width: 100%;
	text-align: left;
	font-weight: 200;
	font-size: 17px;
	line-height: 150%;
	color: #606060;
}

.nieuws_content_tekst ul {
	padding-left: 20px;
	list-style-type: disc;
}

.nieuws_content_tekst a {
	font-weight: 700;
	color: #606060;
	text-decoration: underline;
}

.nieuws_content_tekst p {
	margin-bottom: 10px;
}

.sharing {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding: 15px 15px;
	font-size: 1.3em;
	width: 100%;
	margin-top: 0;
}

.sharing button {
	padding: 8px 20px;
	border: none;
	background-color: #B09700;
	font-family: "Poppins", sans-serif;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 700;
	font-size: 14px;
	border-radius: 4px;
	margin-right: 10px;
}

.sharing button i {
	color: #fff;
	font-size: 18px;
	margin-right: 10px;
}

.sharing>div {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.sharing p {
	font-weight: 700;
	color: #353535;
	margin-right: 10px;
}

.sharing>div a:hover {
	background-color: #353535;
	color: white;
}

.sharing>div:last-of-type a {
	color: #fff;
	border-radius: 4px;
	margin: 0 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	width: 35px;
	height: 35px;
	transition: all .3s;
	font-weight: 700;
}


.contact-form {
	margin-top: 40px;
	width: 30%;
	min-height: 422px;
	position: relative;
	margin-bottom: 15px;
	float: left;
}

.contact-form>input[type="text"], .contact-form textarea {
	width: 100%;
	height: 35px;
	margin-bottom: 15px;
	box-sizing: border-box;
	padding-left: 8px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.contact-form textarea {
	height: 150px;
	padding-top: 8px;
}

.contact-form>input[type="submit"] {
	width: 100%;
	height: 35px;
	background-color: #b09700;
	border: none;
	text-transform: uppercase;
	color: white;
	position: absolute;
	bottom: 0;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
.contactpage {
	width: 96%;
	margin: 0 auto;		
	display: block;
}
.contactpage:after {
	display: block;
	content: "";
	clear: both;
}	

.location {	
	box-sizing: border-box;
	width: 36%;
	margin: 40px 2% 0 2%;
	float: left;
	display: table-cell;
	vertical-align: bottom;
}

.mapoverlay {
	background:transparent; 
	position:relative; 
	width:100%;
	height:555px;
	z-index: 2;
	top:502px;  /* your iframe height */
	margin-top:-502px;  /* your iframe height */
}

.location>img {
	width: 100%;
}

.toon-groot, .contact-us {
	width: 100%;
	box-sizing: border-box;
	height: 35px;
	background-color: #b09700;
	border: none;
	text-transform: uppercase;
	color: white;
	vertical-align: bottom;	
	position: absolute;
	bottom: 0;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;

}

.contacteer-ons {
	margin-top: 40px;
	width: 30%;
	font-family: 'Hind', sans-serif;
	font-weight: 500;
	float: right;
	position: relative;
	min-height: 450px;
}

.contacteer-ons>img {
	width: 100%;
	margin-bottom: 20px; 
}

.contact-info>section {
	float: left;
	width: 30px;
	padding-right: 20px; 
}

.contact-info>section>img {
	margin-top: 5px;
	margin-bottom: 5px;
}

.contact-info a {
	color: white;
}

.special-contact {
	margin-bottom: 30px;
}

.contact-us {
	margin-top: 12px;
	left: 0;
}
.contactheight {
	min-height: 606px;	
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-bottom: 50px;
}
#mymap {
	height: 502px;
	margin-top: -54px;
}

#faq{
	padding-left: 30px;
	padding-top: 30px;
	box-sizing: border-box;
	width: 100%;
	float: left;
}

.faqItem {
	float: left;
	width: 45%;
	margin-right: 30px;
	margin-bottom: 1em;
	line-height: 1em;
}

.c
{
	line-height: 1.5em;
	font-size: 1.2em;
}

.question {
	background-color: #b09700;
	background-image: url('/images/vragen3.png');
	background-repeat: no-repeat;
	background-position:right center;	
	box-sizing: border-box;
	border: #b09700 2px solid;
	min-height: 35px;
	width: 100%;
	line-height: 1.4em;
	color: white;
	padding: 5px 0 0 20px;
	position: relative;
	cursor: pointer;
	font-size: 1.4em;
	transition: all .3s;
	margin-bottom: 10px;
	position: relative;
	min-height: 3.2em;
}
.question > span {
	display: block;
	padding-right: 25px;
}
.question.act {
	background: transparent url(/images/vragen2.png) no-repeat right 1em center;
	border: 1px solid #b09700;

}


.question:hover {
	opacity: .7;
}

.answer {
	margin: 0 auto;
	display: block;
	width: 95%;
	margin-bottom: 20px;
	transition: all 1.3s; 
}

.hiddenAnswer {
	display: none;
}

.question>img {
	position: absolute;
	right: 10px;
	top: 10px;
}

.opened {
	background-color: white;
	color: black;
}

.link-subjects {
	margin: 0 auto;
	width: 66.66%;
	overflow: auto;
}

.link-subjects>article {
	width: 50%;
}

.link-subject {
	width: 33.33%;
	float: left;
	box-sizing: border-box;
	padding: 20px;
}
.link-subject:nth-of-type(4){
	margin-left: 16.665%;
}

.link-subject>a>div {
	border: 1px solid #b09700;
	height: 230px;
	width: 100%;
	background-position: center;
	background-size: cover;
	position: relative;
}

.link-subject h1 {
	text-transform: uppercase;
	color: #b09700;
	font-size: 1.3em;
	text-align: center;
	margin-top: 100px;
	font-weight: 700;
}

.ziekenhuis {
	background-image: url('../images/links/ziekenhuizen.png');
}
.informatief {
	background-image: url('../images/links/informatief.png');
}
.leveranciers {
	background-image: url('../images/links/leveranciers.png');
}
.verenigingen {
	background-image: url('../images/links/verenigingen.png');
}
.crematorium {
	background-image: url('../images/links/crematorium.png');
}

.link-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.7);
}

.link-item {
	float: left;
	padding: 20px;
	box-sizing: border-box;
	width: 33.33%;
	position: relative;
}
.link-item a {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	z-index: 50;
}

.link-item>div {
	width: 100%;
	background-color: white;
	min-height: 200px;
}

.link-item>div div {
	width: 90%;
	margin: 0 auto;
	min-height: 50px;
	display: block;
	padding-top: 20px;
	border-bottom: 1px solid gray;
	color: #b09700;
}

.link-item h1 {
	font-size: 1.3em;
	float: left;
}

.link-item img {
	position: absolute;
	right: 0;
	top: 50%;
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.link-item div div {
	position: relative;
	padding-right: 8px;
}

.link-item p {
	color: black;
	padding: 20px;
	text-align: center;
}

.login {	
	background-image: url('/images/background-login-2.jpg');
	background-size: cover;
	min-height: 100%;
	position: relative;	
	background-position: center;
	background-repeat: no-repeat;	
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
}

.login-content {
	width: 500px;	
	margin: 0 auto;
	text-align: center;
}

.logo-login {
	width: 300px;
	height: 150px;
	background-image: url('../images/logo-login.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	margin: 0 auto;
	margin-bottom: 20px;
}

.login-content>form {
	width: 80%;
	margin: 0 auto;
	margin-top: 30px;
} 

.login-content>form>input[type="text"], .login-content>form>input[type="password"] {
	width: 100%;
	box-sizing: border-box;
	padding: 10px;
	margin-top: 10px;
	font-weight: 200;
	font-size: 17px;
	font-family: 'Poppins', sans-serif;
}

.login-content>form>input[type="submit"] {
	width: 100%;
	margin-top: 10px;
	height: 40px;
	background-color: #b09700;
	border: none;
	font-size: 17px;
	font-weight: 700;
	font-family: 'Poppins', sans-serif;
	color: white;
}

.login-content p {
	color: white;
	font-weight: 200;
	line-height: 150%;
	font-size: 16px;
}

.streamingLogo {
	padding: 13px 30px;
	border-radius: 8px;
	background-color: #B09700;
	font-family: 'Poppins', sans-serif;
	color: white;
	display: inline-block;
	margin-bottom: 20px;
	font-weight: 200;
	font-size: 18px;
}

.rouw-res {
	padding-top: 20px;
	width: 100%;
	display: none;
}

.rouw-res>img {
	width: 100%;
}

/*==============Bloemshop================*/

.bloemenshopbtn {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	max-width: 100%;
	margin-bottom: 10px;

}

#bloemenshopbtna {
	background-color: transparent;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-right: 10px;
	transition: all .3s;
}

#bloemenshopbtna i {
	width: 39px;
	height: 39px;
	padding-left: 2px;
	margin-right: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #252525;
	border-radius: 200px;
	font-size: 18px;
}

#bloemform {
	width: 840px;
	max-width: 1400px;
	margin: 20px auto 0 auto;
}
#bloemform label {
	font-size: 1.1em;
}
#bloemform .stap {
	margin-bottom: 30px;
}
#bloemform .stap > div {
	height: 30px;
	width: 100%;
	margin-bottom: 10px;
}
#bloemform .stap:first-of-type>div:nth-child(4){
	height: 100px;
}
#bloemform .stap > div:last-child {
	margin-bottom: 0;
}
#bloemform p {
	line-height: 30px;
}
#bloemform input[type="text"]{
	width: 60%;
	float: right;
	height: 30px;
	padding-left: 5px;
	line-height: 30px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#bloemform select {
	width: 60%;
	float: right;
	height: 30px;
	line-height: 30px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 5px;
	border:none;
}

#bloemform option {
	height: 30px;
	line-height: 30px;
}
#bloemform textarea {
	width: 60%;
	float: right;
	height: 100px;
	padding-left: 5px;
	line-height: 30px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#bloemform input[type="submit"] {
	width: 60%;
	float:right;
	height: 30px;
	line-height: 30px;
	background-color: #b09700;
	border: none;
	text-transform: uppercase;
	color: white;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
}
#bloemform span {
	color: #AF0000;
	margin-left: 2px;
	font-weight: bold;
	font-size: 120%;
}


.bestelling_geplaatst {
	width: 100%;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	background-color: #f0f3f7;
	min-height: 100vh;
}

.bestelling_geplaatst>div {
	background-color: white;
	border-radius: 5px;
	width: 100%;
	max-width: 650px;
	padding: 50px;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	flex-direction: column;
	-webkit-box-shadow: 0px 0px 22px 0px rgba(82,82,82,0.10);
	-moz-box-shadow: 0px 0px 22px 0px rgba(82,82,82,0.10);
	box-shadow: 0px 0px 22px 0px rgba(82,82,82,0.10);
}

.bestelling_geplaatst>div>i {
	font-size: 3em;
	color: #B09700;
}

.bestelling_geplaatst>div h1 {
	color: #B09700;
	margin-top: 20px;
	font-weight: 700;
	font-family: "Poppins", sans-serif;
	margin-bottom: 10px;
	font-size: 28px;
}

.bestelling_geplaatst>div h2 {
	font-size: 14px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #353535;
	margin-bottom: 20px;
}

.bestelling_geplaatst>div>div {
	text-align: center;
	font-size: 19px;
	line-height: 180%;
	color: #6a6a6a;
	padding: 10px;
	width: 100%;
	font-weight: 200;
	margin-bottom: 10px;
}

.confirmation {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.confirmation div {
	min-width: 200px;
} 

.bestelling_geplaatst_button {
	display: inline-block;
	padding: 12px 30px;
	background-color: #B09700;
	border: 2px solid #B09700;
	color: white !important;
	font-weight: 700;
	text-decoration: none;
	text-align: center;
	margin-top: 10px;
	border-radius: 4px;
	font-size: 16px;
	transition: all .3s;
	font-family: 'Poppins', sans-serif;
}

.bestelling_geplaatst_button:hover {
	background-color: transparent;
	color: #B09700!important;
}



/* TIMELINE */

.timelineholder {
	margin-top: 50px;
	position: relative;
	overflow: hidden;
}

.timelineholder::after {
	content: '';
	position: absolute;
	width: 10px;
	background-color: #FCD487;
	top: 100px;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
}

.timelineoverlayholder {
	width: 10px;
	position: absolute;
	transform: translateX(-50%);
	left: 50%;
	z-index: 9;
	overflow: hidden;
	top: 0;
	bottom: 0;
}

.timelineoverlay {
	background-color: #B09700;
	border-radius: 10px;
}

.timeline {
	position: relative;
	max-width: 1400px;
	width: 100%;
	margin: 0 auto;
	padding-bottom: 50px;
	margin-bottom: 50px;
}

.timeline h2 {
	color: #353535;
	font-weight: 700;
	font-size: 1.5em;
	margin-bottom: 20px;
}

.timeline p {
	line-height: 150%;
	color: #a3a3a3;
	font-weight: 200;
	font-size: 18px;
}

.timeline::after {
	content: '';
	position: absolute;
	width: 10px;
	background-color: #605952;
	top: 0;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	border-radius: 100px;
}

.timeline_quote {
	width: 100%;
	color: #181818;
	position: relative;
	padding: 45px;
	background-color: #F9F1DF;
	border-radius: 20px;
}

.timeline_quote i:first-of-type {
	color: #B09700;
	position: absolute;
	left: 15px;
	top: 15px;
	font-size: 25px;
	opacity: .5;
}


.timeline_quote i:last-of-type {
	position: absolute;
	right: 15px;
	bottom: 15px;
	font-size: 25px;
	color: #B09700;
	opacity: .5;
}

.timeline_container {
	padding: 30px 40px;
	position: relative;
	display: flex;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
	background-color: inherit;
	width: 100%;
}

.timeline_container::after {
	content: '';
	position: absolute;
	width: 25px;
	height: 25px;
	left: 50%;
	background-color: #B09700;
	top: 50%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	z-index: 1;
}

.timeline_item_content {
	padding: 20px 0;
	background-color: white;
	position: relative;
	border-radius: 6px;
	width: 45%;
}

.left_time {
	margin-right: 5%;
}

.right_time {
	margin-left: 5%;
}

.imageleft {
	margin-left: 5%;
}

.imageright {
	margin-right: 5%;
}

.timeline_other_content {
	width: 45%;
}

.timeline_other_content img {
	width: 100%;
}

.conclusie {
	max-width: 600px;
	width: 96%;
	margin: 0 auto;
	margin-top: -5px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	background-color: #8BCF97;
	margin-bottom: 50px;
	padding: 25px;
	position: relative;
	z-index: 1;
	border-radius: 3px;
	-webkit-box-shadow: 5px 6px 23px 0px rgba(82,82,82,0.2);
	-moz-box-shadow: 5px 6px 23px 0px rgba(82,82,82,0.2);
	box-shadow: 5px 6px 23px 0px rgba(82,82,82,0.2);
}

.conclusie h2 {
	font-family: 'Montserrat', sans-serif;
	text-align: center;
	color: #fff;
	font-size: 1.8em;
	margin-bottom: 30px;
	margin-top: 10px;
}

.left_time h2 {
	text-align: right;
}

.left_time p {
	text-align: right;
}

.conclusie p {
	text-align: center;
	color: #fff;
	line-height: 150%;
}

/* EINDE TIMELINE */


#ttcontainer {
	height: 100px;
	max-width: 1500px;
	width: 100%;
	box-sizing: border-box;
}

#tickertape {
	height: 100px;
	width: 100%;
	max-width: 1500px;
	margin: 0 auto;
	box-sizing: border-box;
	border: none !important;
}

#tickertapeholder {
	position: absolute;
	left:50%;
	top:50%;
	padding: 10px;
	font-style: normal;
	font-weight: 200;
	transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center;
	width: 100%;	
	max-width: 1400px;
	font-size: 28px;
	line-height: 150%;
	color: #B4AA80;
	font-weight: 700;
	box-sizing: border-box;
}



/* Blog */

/* Blog*/

.blog-content .slider .slick-arrow {
	position: absolute;
	left: 10px;
	top: 50%;
	padding: 0;
	width: 50px;
	height: 50px;
	border-radius: 200px;
	background-color: rgba(0,0,0,.6);
	color: white;
	border: none;
	z-index: 2;
	font-size: 20px;
}

.blog-content .slider .slick-next {
	right: 10px;
	left: initial;
}

.blog-img img {
	width: 100%;
}
.blog-head {
	text-align: left;
	line-height: 180%;
	position: relative;
}
.blog-head .c {
	width: 100%;
	color: #505050;
}

.blog-content {
	width: 100%;
	max-width: 1600px;
	margin:0 auto;
	margin-top: 30px;
}
.footermar-blog {
	padding-bottom: 50px;
}
.blog-item {
	position: relative;
}
.blog-item a {
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index: 2;
}
.blog-rows {
	margin-top: 1%;
}
.blog-row {
	display: flex !important;
	flex-wrap: wrap;
	margin-bottom: 1%;
}
.blog-row:last-child {
	margin-bottom: 0;
}
.blog-row .row-block {
	width: 49.5%;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}
.row-block:not(:nth-child(2n)){
	margin-right: 1%;
}
.blog-row.type-b .row-block {
	margin:0;
	width: 100%;
}
.blog-row.reverse .row-block:first-child {
	order:2;
	margin-left: 1%;
	margin-right: 0%;
}
.blog-content-row .tekst-and-image.reverse .blog-img {
	order:2;
	margin-left: 1%;
	margin-right: 0%;
}
.blog-row .extra .blog-item {
	width: 48.979591836734693877551020408163%;
}
.blog-row .extra .blog-item:not(:nth-child(2n)){
	margin-right: 2.0408163265306122448979591836735%;
}
.blog-rows .blog-main .blog-item {
	width: 100%;
}
.blog-row .extra .blog-item:nth-child(n+3){
	margin-top: 2.0408163265306122448979591836735%;
}

.blog-rows .blog-inhoud {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 20px 15px;
	z-index: 1;
	background-color: rgba(0,0,0,0.58);
	color: #fff;
}

.blog-rows .blog-inhoud h2 {
	font-weight: 700;
	text-align: left;
	line-height: 125%;
}

.blog-rows .blog-main .blog-inhoud h2 {
	font-size: 1.4em;
}
.blog-rows .extra .blog-inhoud h2 {
	font-size: 1.2em;
}
.blog-row.type-c .row-block {
	margin-right: 0;
	width: 100%;
}
.type-c .combo-img {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	align-items: flex-start;
	align-content: flex-start;
}
.type-c.reverse .combo-img .big {
	order:2;
}
.type-c .combo-img > * {
	width: 50%;
}
.type-c .combo-img .big img {
	width: 100%;
}
.type-c .combo-img .small {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	align-content: flex-start;
}
.type-c .combo-img .small img {
	width: 50%;
}
.button-hold {
	margin-top: 40px;
	margin-bottom: 40px;
	text-align: center;
}
.button-hold:last-child {
	margin-bottom:0px;
}
.button-hold a {
	display: inline-block;
	border: 2px solid #B09700;
	padding: 10px 30px;
	border-radius: 200px;
	background-color: transparent;
	cursor: pointer;
	font-weight: 200;
	font-size: 18px;
	color: white;
	background-color: #B09700;
	transition: all 0.8s ease;
}
.button-hold a:hover {
	background-color: transparent; 
	color: #B09700;
}
  /**
 * Blog detail
 **/
 .blog-holder {
 	display: flex;
 	margin-top: 60px;
 	justify-content: space-between;
 	-ms-align-items: flex-start;
 	align-items: flex-start;
 }
 .blog-aside {
 	padding: 30px;
 	width: 400px;
 	margin-right: 50px;
 	border: 2px solid #f6f6f6;

 }
 .blog-main {
 	width: calc(100% - 350px);
 }

 .blog-main .c {
 	font-size: 17px;
 	font-weight: 200;
 	color: #777777;
 	padding: 0;
 	line-height: 180%;
 }

 .blog-item .c {
 	font-size: 18px;
 	color: #252525;
 	padding: 0 15px;
 	font-weight: 200;
 	line-height: 180%;
 }

 .blog-recent .blog-item .c {
 	padding: 0 !important;
 }

 .blog-main .blog-img {
 	position: relative;
 	width: 100%;
 }
 .blog-main .blog-img .h1 {
 	position: relative;
 	margin-top: 40px;
 	margin-bottom: 20px;
 	font-weight: 700;
 	line-height: 180%;
 	color: #B09700;
 	font-size: 2.1em;
 }
 .blog-aside h3 {
 	font-weight: 700;
 	color: #B09700;
 	font-family: 'Poppins',sans-serif;
 	font-size: 1.5em;
 	text-align: left;
 	margin-bottom: 25px;  
 }
 .blog-nav nav {
 	border-top: 1px solid rgb(220,220,220);
 	margin-bottom: 60px;
 }
 .blog-nav a {
 	line-height: 40px;
 	width: 100%;
 	display: block;
 	border-bottom: 1px solid rgb(220,220,220);
 	color: rgb(100,100,100);
 	padding-left: 8px;
 	font-size: 18px;
 	font-weight: 200;
 }
 .blog-nav a:hover,.blog-nav a.active {
 	color: #B09700;
 }
 .blog-nav-btn {
 	display: none;
 	text-align: center;
 	padding:10px 0;
 	font-size: 3.2em;
 	color: #B09700;
 	cursor: pointer;
 }

 .blog-recent h2 {
 	font-size: 15px;
 	font-weight: 700;
 	margin-top: 10px;
 	line-height: 150%;
 	margin-bottom: 10px;
 	color: #777777;
 }

 .blog-recent .c {
 	margin-bottom: 10px;
 	line-height: 180%;
 	font-size: 16px;
 	color: #252525;
 }

 .blog-recent .blog-item {
 	margin-bottom: 35px;
 }

 .blog-recent .moreinf {
 	font-weight: bold;
 	color: #B09700;
 	font-size: 18px;
 	font-weight: 200;
 }

 .blog-overzicht {
 	display: flex;
 	flex-wrap: wrap;
 	justify-content: space-between;
 	align-items: flex-start;
 	align-content: flex-start;
 }

 .blog-overzicht .blog-item a {
 	position: static;
 }

 .blog-overzicht .btn-hold {
 	padding: 15px;
 	text-align: left;
 }

 .blog-overzicht .btn-hold a {
 	display: inline-block;
 	padding: 10px 30px;
 	border-radius: 30px;
 	font-weight: 200;
 	background-color: transparent;
 	font-size: 15px;
 	border: 2px solid #B09700;
 	color: #B09700;
 	transition: all 0.5s ease;
 }
 .blog-overzicht .btn-hold a:hover {
 	background-color: #B09700;
 	color: #fff;
 }
 .blog-overzicht h2 {
 	font-size: 20px;
 	padding: 0 15px;
 	margin-top: 15px;
 	margin-bottom: 15px;
 	color: #B09700;
 	font-weight: 700;
 	line-height: 150%;
 }

 .blog-overzicht .blog-item {
 	width: 48%;
 	margin: 1%;
 	border: 2px solid #f6f6f6;
 	transition: all 1s;
 }

 .blog-overzicht .blog-item:hover {
 	transform: scale(1.03);
 }


 .blog-content-row {
 	margin-bottom: 30px;
 }
 .merk-content .blog-content-row {
 	margin-bottom: 1.33%;
 }
 .blog-content-row h2 {
 	font-family: 'Poppins',sans-serif;
 	font-size: 1.2em;
 	line-height: 150%;
 	color: #B09700;
 }
 .blog-content-row .c {
 	width: 100%;
 	margin:0 auto;
 }
 .blog-content-row .multi-img-holder {
 	display: flex;
 	flex-wrap: wrap;
 	align-items: flex-start;
 	align-content: flex-start;
 	justify-content: space-between;
 }
 .blog-content-row .multi-img-holder.two>* {
 	width: 49%;
 }
 .blog-content-row .multi-img-holder.three>* {
 	width: 32.33%;
 }
 .blog-content-row .multi-img-holder.four>* {
 	width: 24%;
 }
 .blog-content-row .multi-img-holder>a img {
 	width: 100%;
 }
 .blog-content-row .filmpje {
 	max-width: 1000px;
 	padding-top: 20px;
 	padding-bottom: 20px;
 }
 .blog-content-row .tekst-and-image {
 	display: flex;
 	flex-wrap: wrap;
 	align-items: center;
 	align-content: flex-start;
 }
 .blog-content-row .tekst-and-image > * {
 	width: 48%;
 }
 .blog-content-row .tekst-and-image .c {
 	padding:0 20px;
 }
 .blog-content-row .tekst-and-image.reverse .img {
 	order:2;
 } 
 .title-hold {
 	text-align: center;
 	margin-bottom: 36px;
 }
 .title-hold h3 {
 	margin-top: 30px;
 	padding-top: 30px;
 	color: #626572;
 	border-top: 3px solid #ececec;
 	font-size: 1.5em;
 	font-weight: bold;
 }

 /* Einde Blog */



 /* COOKIE MELDING NEW */

 #PLCookie {
 	position: fixed;
 	left: 10px;
 	bottom: 10px;
 	margin-right: 10px;
 	background-color: white;
 	display: flex;
 	flex-direction: column;
 	justify-content: flex-start;
 	-ms-align-items: flex-start;
 	align-items: flex-start;
 	z-index: 100;
 	padding: 25px;
 	transition: all .8s;
 	-webkit-box-shadow: 0px 2px 22px 0px rgba(61,61,61,0.41);
 	-moz-box-shadow: 0px 2px 22px 0px rgba(61,61,61,0.41);
 	box-shadow: 0px 2px 22px 0px rgba(61,61,61,0.41);
 }

 #PLCookie h2 {
 	color: #CDB562;
 	font-size: 25px;
 	font-weight: 700;
 	margin-bottom: 15px;
 	line-height: 30px;
 }

 #PLCookie p {
 	max-width: 500px;
 	font-weight: 200;
 	color: #252525;
 	margin-bottom: 20px;
 	text-align: justify;
 	line-height: 150%;
 	font-size: 1.1em;
 }

 .PL_Buttons {
 	display: flex;
 	justify-content: space-between;
 	-ms-align-items: center;
 	align-items: center;
 	width: 100%;
 }

 .PL_Buttons a {
 	padding: 15px;
 	background-color: transparent;
 	color: #252525;
 	border: 1px solid #252525;
 	width: 48%;
 	cursor: pointer;
 	text-align: center;
 	transition: all .3s;
 	margin: 5px;
 	font-size: 16px;
 }

 .PL_Buttons a:hover {
 	background-color: #252525;
 	color: #fff;
 }

 /* NEW COOKIE END */

 @media screen and (max-width: 1630px) {
 	.navigatie {
 		padding: 10px;
 	}
 }

 @media screen and (max-width: 1500px) {
 	.home_condoleren article {
 		width: 18%;
 	}
 }

 @media screen and (max-width: 1300px) {
 	.blog-overzicht .blog-item {
 		width: 98%;
 	}

 	.rouw-text {
 		padding: 20px;
 	}

 	.radios {
 		width: 100%;
 		margin-bottom: 10px;
 	}

 	.rouwbrief-btn-verzenden {
 		display: block;
 		float: none;
 		width: auto;
 		padding: 10px 30px;
 	}

 	.rouwberichten aside {
 		width: 100%;
 		padding-right: 0;
 		border-right: none;
 		position: relative;
 	}

 	.rouwberichten {
 		padding: 10px;
 	}

 	.rouwberichten .berichten {
 		width: 100%;
 		margin-top: 50px;
 	}

 }
 @media screen and (max-width: 1250px){
 }
 @media screen and (max-width: 1220px){
 	.rouw-text {
 		font-size: 16px;
 		min-height: 1px;		
 	}
 	.rouw-text h1 {
 		margin-bottom: 10px;
 	}
 	.faqItem {
 		width: 100%;
 	}
 }

 @media screen and (max-width: 1200px) {
 	.blog-overzicht .blog-item:nth-child(n+6) h2 {
 		font-size: 1.6em;
 	}
 	.blog-content-row .tekst-and-image > * {
 		width: 100%;
 	}
 	.blog-content-row .tekst-and-image .img {
 		margin:15px auto;
 		max-width: 500px;
 	}
 	.long {
 		width: 33.33%;
 		text-align: center;
 	}

 	.long p
 	{
 		padding-top: 10px;
 		line-height: 1.3em;
 	}

 	.long img {
 		float: none;
 		margin: 0 auto;
 		display: block;		
 	}

 	.condoleren>li {
 		width: 19%;
 		margin-right: 1.25%;
 	}	
 	.condoleren>li:nth-child(5n){
 		margin-right: 0;
 	}

 	.shop-item {
 		width: 25%;
 	}
 	.link-item {
 		width: 50%;		
 	}
 	.rouwregister>li {
 		width: 25%;
 	}	

 	.home_condoleren article {
 		width: 23%;
 	}

 	.nieuwsdetail .nieuws_content {
 		width: 100%;
 		order: 1;
 	}

 	.nieuwsdetail aside {
 		width: 100%;
 		margin-right: 0;
 		order: 2;
 		display: flex;
 		justify-content: space-between;
 		align-items: flex-start;
 		flex-wrap: wrap;
 	}

 	.nieuwsdetail aside article h2 {
 		width: 100%;
 		height: 60px;
 	}


 	.nieuwsdetail aside article {
 		width: 49%;

 	}

 	.contact_pagina {
 		padding: 25px 10px;
 	}

 	.contact_gegevens {
 		margin-bottom: 20px;
 		padding: 30px 10px;
 	}

 	.contact_gegevens, .contact_formulier {
 		width: 100%;
 		padding: 0 10px;
 	}

 	.contact_gegevens h1, .contact_gegevens h2 {
 		text-align: center;
 		line-height: 120%;
 	}

 	.contact_gegevens > div {
 		justify-content: center;
 		-ms-align-items: center;
 		align-items: center;
 		margin-top: 20px;
 	}

 	.contact_split div {
 		padding: 20px;
 	}

 	#dasmap {
 		margin-top: 15px;
 		height: 400px;
 	}





 	.contact_gegevens > div a {
 		display: flex;
 		justify-content: center;
 		-ms-align-items: center;
 		align-items: center;
 		flex-direction: column;
 	}
 	.contact_split img {
 		display: none;
 	}

 	.contact_split div {
 		justify-content: center;
 		-ms-align-items: center;
 		align-items: center;
 	}

 }
 @media screen and (max-width: 1150px){
 	#berichtform {
 		margin-top: 2em;
 	}
 	.rouwregister-detail>div {
 		width: 50%;
 	}

 	.rouwregister-verzenden {
 		width: 100% !important;
 	}

 	.webshop_form {
 		width: 100%;
 	}

 	.webshop .overview {
 		width: 100%;
 	}

 	.webshop {
 		padding: 30px 10px; 
 	}

 	#tickertapeholder {
 		font-size: 20px !important;
 	}

 	footer {
 		padding: 50px 10px 0 10px;
 	}

 	.foot_item:first-of-type {
 		width: 100%;
 		display: flex;
 		justify-content: center;
 		align-items: center;
 		margin-bottom: 50px;
 	}

 	footer > .inner_footer {
 		flex-wrap: wrap;
 		justify-content: space-around;
 	}

 	.business_blokken {
 		flex-wrap: wrap;
 		padding: 10px;
 	}

 	.blokken_content {
 		width: 100%;
 		order: 2 !important;
 	}

 	.business_blokken_slider {
 		width: 100%;
 		order: 1 !important;
 	}

 	.spi {
 		width: 100%;
 	}
 }

 @media screen and (max-width: 1100px) {
 	.navigatie_links {
 		display: none;
 	}

 	.menubtn {
 		display: block;
 	}

 	.resholder {
 		display: flex;
 	}
 }

 @media screen and (max-width: 1050px) {
 	.rouwberichten li {
 		width: 95%;
 	}

 	.contact-form, .location {
 		width: 49%;
 	}
 	.location {
 		margin-left: 2%;
 		margin-right: 0;
 	}

 	.contacteer-ons {
 		width: 60%;
 		float: left;
 	}

 	#faq {
 		padding-left: 0;
 	}

 	.vragen article {
 		width: 100%;
 		margin: 0;
 		margin-bottom: 10px;
 	}
 }
 @media screen and (max-width: 1010px){
 	.rouw-text {
 		width: 100%;
 		min-height: 0;
 		font-size: 15px;
 	}
 	.rouw-text h1 {
 		margin-bottom: 30px;
 	}


 	.rouw-left-first, .rouw-right-first {
 		display: none;
 	}

 	.rouw-res {
 		display: block;
 		margin: 0 auto;
 		width: 100%;
 		padding:20px;
 		box-sizing: border-box;
 		-moz-box-sizing: border-box;
 		-webkit-box-sizing: border-box;
 	}

 	.blog-holder {
 		margin-top: 30px;
 		flex-wrap: wrap;
 	}
 	.blog-aside {
 		order:2;
 		width: 100%;
 		margin-right: 0;
 	}
 	.blog-main {
 		width: 100%;
 		padding: 10px;
 	}
 	.row-block .extra {
 		padding: 10px;
 	}
 	.blog-main .title-hold, .blog-main .blog-overzicht {
 		display: none;
 	}

 	.blog-aside h3 {
 		width: 100%;
 	}

 	.blog-recent {
 		display: flex;
 		justify-content: space-between;
 		flex-wrap: wrap;
 		-ms-align-items: flex-start;
 		align-items: flex-start;
 	}

 	.blog-recent .blog-item {
 		width: 45%;
 	}
 }

 @media screen and (max-width: 990px) {
 	.condoleren>li {
 		width: 23%;
 		margin-right: 2.66%;
 		margin-bottom: 2.66%;
 	}	
 	.condoleren>li:nth-child(5n){
 		margin-right: 2.66%;
 	}
 	.condoleren>li:nth-child(4n){
 		margin-right: 0;
 	}	

 	.detail-left {
 		width: 100%;
 		padding-bottom: 50px;
 	}
 	.detail-right {
 		margin: 0 auto;
 		display: block;
 		width: 70%;
 		float: left;
 	}	
 }

 @media screen and (max-width: 970px) {
 	.shop-item {
 		width: 33.33%;
 	}

 	.nieuws-item {
 		width: 50%;
 		margin-bottom: 2em;
 	}

 	.rouwregister>li {
 		width: 33.33%;
 	}	



 	.faqItem {
 		float: none;
 		width: 100%;
 		margin-right: 0px;
 		margin-bottom: 1em;
 	}
 	.home_condoleren article {
 		width: 31.33%;
 	}

 	.webshop_pagina > div:first-of-type {
 		display: none;
 	}

 	.webshop_pagina > div {
 		width: 100%;
 	}
 }

 @media screen and (max-width: 950px) {
 	.boeket_type>div {
 		padding: 30px 10px;
 	}
 }


 @media screen and (max-width: 900px) {
 	.inner_footer {
 		display: flex;
 		justify-content: center !important;
 		align-items: center !important;
 	}

 	.foot_item {
 		order: 0;
 	}

 	.foot_item:nth-child(2),
 	.foot_item:nth-child(3) {
 		margin: 0 30px;
 		order: 2;
 	}

 	.foot_item:last-of-type {
 		width: 100%;
 		display: flex;
 		justify-content: center;
 		align-items: center;
 		flex-direction: column;
 		margin-top: 50px;
 		order: 1 !important;
 	}

 	.footbiglink {
 		max-width: 300px;
 	}

 	.siteby {
 		margin-top: 30px;
 	}

 	.rouwberichten .berichten article i {
 		display: none;
 	}

 	.newlinksitems article {
 		width: 100%;
 	}

 }

 @media screen and (max-width: 860px) {
 	.boeket_type>div {
 		padding: 30px 5px;
 	}
 	.boeket_type .type {
 		font-size: 16px;
 	}
 }

 @media screen and (max-width: 850px) {
 	.rouwcentrum {
 		padding: 0;
 	}

 	.rouw-res {
 		padding-bottom: 0;
 	}

 	.rouw-text h1 { 
 		margin-bottom: 5px;
 	}

 	.detail-right {
 		width: 100%;
 	}

 	.link-subjects {
 		width: 100%;
 	}

 	.rouwregister_person {
 		padding: 50px 10px 50px 10px;
 	}

 	.link-subject {
 		width: 50%;
 	}
 	.link-item {
 		width: 100%;
 	}
 	.link-subject:nth-of-type(4){
 		margin-left: 0;
 	}

 	.person_content {
 		align-items: center;
 	}

 	.person_content > img {
 		width: 100%;
 		max-width: 400px;
 		margin: 0 auto;
 		margin-bottom: 20px;
 		max-height: 400px;
 	}

 	.person_content {
 		justify-content: flex-start;
 	}

 	.person_content > div {
 		width: 100%;
 		padding-left: 0;
 	}
 }

 @media screen and (max-width: 840px){
 	#bloemform label {
 		width: 100% !important;
 		display: block;
 		margin-bottom: 2px;
 		margin-top: 10px;
 	}	
 	#bloemform input[type="text"],#bloemform select,#bloemform textarea {
 		width: 100%;
 		float: none;
 		display: block;		
 	}
 	#bloemform .stap > div {
 		height: auto;
 	}
 	#bloemform .stap {
 		padding-top: 10px;
 	}

 	.timeline_item_content {
 		width: 100%;
 		padding: 0;
 		order: 1;
 	}

 	.timeline {
 		overflow: auto;
 	}

 	.timeline_other_content {
 		width: 100%;
 		order: 2;
 		text-align: left;
 	}

 	.left_time h2 {
 		text-align: left;
 	}

 	.left_time p {
 		text-align: left;
 	}

 	.timeline_other_content img {
 		width: 100%;
 		margin-top: 10px;
 	}

 	.timeline_container {
 		width: 90%;
 		float: right;
 		flex-wrap: wrap;
 	}

 	.timelineoverlayholder {
 		left: 5%;
 	}

 	.timeline::after {
 		left: 5%;
 	}

 	.timeline_container::after { 
 		left: -5.6%;
 		width: 25px;
 		height: 25px;
 	}

 	.timeline_quote {
 		margin-top: 20px;
 	}

 	.right_time, .imageleft{
 		margin-left: 0;
 	}

 	.imageright {
 		margin-right: 0;
 	}

 	.timeline_container {
 		padding: 10px;
 	}

 	.blog-rows .blog-main .blog-inhoud h2 {
 		font-size: 1.6em;
 	}
 	.blog-content-row .multi-img-holder.four>*,.blog-content-row .multi-img-holder.three>* {
 		width: 49%;
 	}
 	.blog-content-row .multi-img-holder.four>*:nth-child(-n+2){
 		margin-bottom: 2%;
 	}
 	.blog-content-row .multi-img-holder.three>*:last-child{
 		display: none;
 	}

 	.home_banner .resimg {
 		display: block;
 	}

 	.home_banner .mnimg {
 		display: none;
 	}
 }

 @media screen and (max-width: 750px) {
 	.boeket_type .type {
 		font-size: 18px;
 	}
 	.condoleren>li {
 		width: 31%;
 		margin-right: 3%;
 		margin-bottom: 3%;
 	}

 	.contact_info>div {
 		width: 100%;
 		display: flex;
 		justify-content: center;
 		align-items: center;
 		flex-direction: column;
 		margin-bottom: 30px;
 	}

 	.contact_info {
 		padding: 20px 10px;
 	}

 	.contact_info h2 {
 		text-align: center;
 		margin-bottom: 0;
 	}

 	.rouwbrief-btn
 	{
 		width: 100%;
 	}

 	.res-menu
 	{
 		right: 125px;
 	}

 	.login-btn-res span
 	{
 		display: none;
 	}
 	.condoleren>li:nth-child(5n){
 		margin-right: 3%;
 	}
 	.condoleren>li:nth-child(4n){
 		margin-right: 3%;
 	}
 	.condoleren>li:nth-child(3n){
 		margin-right: 0%;
 	}

 	.vragen {
 		padding-left: 0;
 	}

 	.vragen>li {
 		float: none;
 		width: 90%;
 		margin: 0 auto;
 		display: block;
 	}

 	.rouwregister>li {
 		width: 50%;
 	}
 	.rouwregister-detail > div {
 		width: 100%;
 	}
 	.rouwregister-detail > .img {
 		margin-left: auto;
 		margin-right: auto;
 		display: block;
 		float: none;
 		width: 339px;
 		margin-bottom: 2em;
 	}
 	#bloemform {
 		width: 100%;
 	}
 	#bloemform input[type="submit"] {
 		width: 100%;
 	}

 	.webshop_form article {
 		flex-direction: column;
 		padding: 15px;
 	}

 	.webshop_form article>div:first-of-type {
 		margin-bottom: 20px;
 	}

 	.webshop_form article>div:last-of-type {
 		width: 100%;
 	}

 	.boeket_type {
 		width: 48%;
 		margin: 1% !important;
 	}

 	.bedraglabel {
 		width: 32.33% !important;
 	}

 	.webshop_form .adressplit {
 		flex-wrap: wrap;
 		margin-top: 0 !important;
 	}

 	.webshop_form article label {
 		font-size: 16px;
 	}

 	.webshop_bestellen h3 {
 		font-size: 18px;
 	}

 	.page_header div {
 		font-size: 16px;
 	}

 	.webshop_form article input[type=email],
 	.webshop_form article input[type=text],
 	.webshop_form article input[type=number],
 	.webshop_form article select,
 	.webshop_form article textarea {
 		font-size: 15px;
 	}

 	.webshoppostcode {
 		width: 100%;
 		margin-top: 10px;
 	}

 	.webshopgemeente {
 		width: 100%;
 		margin-top: 10px;
 	}

 	#tickertapeholder {
 		font-size: 16px !important;
 	}

 	.bedraglabel {
 		width: 24%;
 	}

 	.typelabels {
 		flex-wrap: wrap;
 	}

 	.typelabel {
 		width: 48%;
 	}

 	.blog-recent .blog-item {
 		width: 100%;
 	}
 }

 @media screen and (max-width: 700px) {

 	.lol
 	{
 		font-size: 1px;
 		line-height: 1px;
 		color: #fff;
 		display: block;
 	}

 	.long > p
 	{
 		padding-top: 15px;
 	}

 	.long {
 		width: 100% !important;
 	}

 	.shop-item {
 		width: 50%;
 	}

 	.home_condoleren article {
 		width: 48%;
 	}

 	.nieuwsdetail aside {
 		padding: 0;
 		border: none;
 		padding-top: 50px;
 	}

 	.nieuwsdetail aside h2 {
 	}

 	.nieuwsdetail aside article {
 		width: 100%;
 	}

 	.blog-row .row-block,.blog-row.type-b .row-block {
 		width: 100%;
 		margin-bottom: 4.0816326530612244897959183673469%;
 	}
 	.row-block:not(:nth-child(2n)){
 		margin-right: 0;
 	}
 	.blog-row.reverse .row-block:first-child {
 		margin-left: 0;
 	}
 	.blog-row {
 		margin-bottom: 0;
 	}

 	.newlinks h2 {
 		padding: 15px 25px;
 		font-size: 20px;
 	}

 	.newlinksitems article h3 {
 		font-size: 16px;
 		letter-spacing: 0;
 	}
 }

 @media screen and (max-width: 680px){
 	.blog-main .blog-img .h1 {
 		position:static;
 		margin-top: 20px;
 		margin-bottom: 10px;
 		font-size: 1.4em;
 	}

 	.tickertape {
 		height: 120px;
 	}
 }

 @media screen and (max-width: 650px) {
 	.stream-title {
 		font-size: 14px;
 		width: 95%;
 		margin: auto;
 	}

 	.vragen article {
 		padding: 5px 10px;
 	}

 	.vragen article h2 {
 		font-size: 16px;
 		min-height: 45px;
 	}

 	.vragen article h2 i {
 		margin-left: 30px;
 	}
 }

 @media screen and (max-width: 600px) {	
 	.rouwcentrum:last-of-type {
 		padding-bottom: 6em;
 	}
 	.rouwcentrum:nth-of-type(1) {
 		padding-top: 6em;
 	}
 	.contact-us {
 		position: relative;
 	}
 	.contact-form, .location,.contacteer-ons {
 		box-sizing: border-box;
 		width: 100%;
 		margin-left: 0;
 		margin-top: 40px;		
 	}
 	.contacteer-ons {
 		padding-top: 40px;		
 	}
 	.location {
 		margin-top: 60px;
 	}
 	.contact-form>input[type="submit"] {
 		width: 100%;
 	}
 	.link-subject {
 		width: 100%;
 	}

 	.blog-more-nav-btn {
 		display: block;
 	}
 	.blog-more-nav {
 		display: none;
 	}

 	#PLCookie {
 		padding: 10px;
 	}

 	.PL_Buttons a {
 		width: 100%;
 	}

 	.PL_Buttons {
 		flex-wrap: wrap;
 	}
 }


 @media screen and (max-width: 550px) {

 	.navigatie .logo {
 		width: 180px;
 	}

 	.long {
 		padding-top: 30px;
 		border-top: 2px solid gray;
 		height: 200px;
 	}
 	.long > p {
 		font-size:1em;
 	}

 	.condoleren>li {
 		width: 49%;
 		margin-right: 2%;
 		margin-bottom: 2%;
 	}	

 	.condoleren>li:nth-child(5n){
 		margin-right: 2%;
 	}
 	.condoleren>li:nth-child(4n){
 		margin-right: 2%;
 	}
 	.condoleren>li:nth-child(3n){
 		margin-right: 2%;
 	}
 	.condoleren>li:nth-child(2n){
 		margin-right: 0%;
 	}

 	.rouwregister-detail>div {
 		width: 100%;		
 	}

 	.rouwberichten p, .rouwberichten h1 {
 		padding-bottom: 10px;
 		float: left;
 		width: 100%;
 	}	

 	.foot_item {
 		width: 100%;
 		display: flex;
 		justify-content: center;
 		align-items: center;
 		flex-direction: column;
 		margin: 20px 0;
 	}

 	.foot_item:nth-child(2),
 	.foot_item:nth-child(3) {
 		margin: 20px;
 	}

 	.foot_item:last-of-type {
 		margin-top: 20px;
 	}

 	.webshop_pagina_keuze {
 		flex-wrap: wrap;
 	}

 	.webshop_pagina_keuze a {
 		width: 100%;
 		margin-right: 0;
 		margin-bottom: 20px;
 	}
 }

 @media screen and (max-width: 500px) {
 	.shop-item {
 		width: 100%;
 	}
 	.nieuws-item {
 		width: 100%;
 	}
 	.link-item img {
 		width: 100%;
 		display: none;		
 	}
 	.login-content {
 		width: 100%;
 	}
 	.logo-login {
 		width: 90%;
 	}	
 	.rouwbrief-btn {
 		width: 100%;
 	}

 	.siteby {
 		font-size: 10px;
 	}

 	.res-nav {
 		width: 100%;
 		right: -500px;
 	}
 	.menu-is-open {
 		right: 0;
 	}

 }

 @media screen and (max-width: 425px) {
 	.login-btn-res {
 		padding: 5px 10px;
 		margin:0;
 		position: absolute;
 		right: 70px;
 		top: 10px;
 	}
 	.rouwregister-detail>div>img {
 		width: 100%;
 		min-width: 0;
 	}
 	.special-contact {
 		margin-bottom: 50px;
 	}
 	.rouwregister>li {
 		width: 80%;
 		float: none;
 		display: block;
 		margin: 0 auto;
 	}

 	.home_condoleren article {
 		width: 98%;
 	}
 }

 @media screen and (max-width: 400px) {
 	.nav-responsive a>li  {
 		width: 46%;
 		margin: 5px 2%;
 		float: left;
 	}
 	.rouwregister-detail > .img {
 		width: 98%;
 	}
 	.rouwregister-detail > div > img {
 		width: 100%;
 		height: auto;
 	}

 	.row-block.extra {
 		display: none;
 	}
 	.blog-main .blog-img .h1 {
 		font-size: 1.6em;
 	}

 	.resholder a {
 		display: none;
 	}

 	.webshop_pagina > div {
 		padding: 30px 10px;
 	}

 	.content-box>p, .center-txt,
 	.blokken_content>div,
 	.webshop_pagina_tekst,
 	.blog-main .c,
 	.rouw-text p, 
 	#contentcenter p,
 	.contact_gegevens h2 {
 		font-size: 15px;
 	}

 	.contact_split div {
 		justify-content: flex-start;
 		align-items: flex-start;
 		text-align: center;
 	}

 	.contact_split div p {
 		font-size: 15px;
 		padding-left: 30px;
 	}

 	.contact_form input[type=text], .contact_form input[type=email], .contact_form textarea {
 		font-size: 16px;
 		margin-bottom: 20px;
 	}

 	.privcnt {
 		flex-wrap: wrap;
 		height: initial !important;
 		line-height: 120%;
 	}

 	.contact_form input[type=submit] {
 		width: 100%;
 		margin-top: 10px;
 	}

 	.resnavfooter {
 		font-size: 10px;
 	}
 }

 @media screen and (max-width: 380px){
 	.login-btn-res span {
 		display: none;
 	}
 }
 @media screen and (max-width: 360px){
 	.question {
 		min-height: 70px;
 	}
 }


 @media screen and (max-width: 350px) {

 	.logo {
 		width: 40%;
 	}

 	.condoleren {
 		width: 100%;
 		margin: 0 auto;
 		display: block;
 	}

 	.condoleren>li {
 		margin-bottom: 15px;
 		width: 100%;
 	}
 	.condoleren>li:nth-child(1n){
 		margin-right: 0;
 	}

 	.special-contact {
 		margin-bottom: 90px;
 	}

 	.rouwregister>li {
 		width: 100%;
 	}
 	#berichtbtn {
 		position: static;
 	}
 }

 @media screen and (max-width: 300px) {
 	.logo {
 		width: 100%;
 	}

 	.login-btn-res {
 		display: none;
 	}
 	.login-btn-resp {
 		display: block !important;
 	}
 	.rouwbrief-btn {
 		width: 98%;
 		position: static;
 	}
 	.rouwregister-detail > .rouwcontent {
 		padding-bottom: 50px;
 	}	
 }
 @media screen and (max-width: 200px){
 	.link-subject {
 		padding:10px;
 	}
 }

 #PL_privacy {
 	margin-top: 10px;
 }
 .privcnt {
 	display: block;
 	position: relative;
 	padding-left: 35px;
 	margin-bottom: 12px;
 	cursor: pointer;
 	font-size: .8em;
 	height: 20px;
 }
 .privcnt input {
 	position: absolute;
 	opacity: 0;
 	cursor: pointer;
 }
 .privcnt a {
 	height: 100%;
 	color: black;
 	font-weight: 700;
 	color: #b09700;
 	position:relative;
 	z-index: 10;
 }
 .checkmark {
 	position: absolute;
 	top: 0;
 	left: 0;
 	height: 20px;
 	width: 20px;
 	background-color: #dedede;
 }
 .privcnt:hover input ~ .checkmark {
 	background-color: #ccc;
 }
 .privcnt input:checked ~ .checkmark {
 	background-color: #b09700;
 }
 .checkmark:after {
 	content: "";
 	position: absolute;
 	display: none;
 }
 .privcnt input:checked ~ .checkmark:after {
 	display: block;
 }
 .privcnt .checkmark:after {
 	left: 6px;
 	top: 2px;
 	width: 5px;
 	height: 10px;
 	border: solid white;
 	border-width: 0 3px 3px 0;
 	-webkit-transform: rotate(45deg);
 	-ms-transform: rotate(45deg);
 	transform: rotate(45deg);
 }

 #content-container {
 	width: 100%;
 	max-width: 1200px;
 	margin: 0 auto;
 	margin: auto;
 }

 #content-container h2 {
 	color: #CDA03A;
 	font-size:20px; 
 	font-weight:bold; 
 	margin-bottom: 1em;
 	font-weight: 700;
 	margin-top: 1em;
 	cursor: pointer;
 }

 #content-container h3 {
 	background: #CDA03A;
 	color: #fff;
 	font-size: 1.2em;
 	font-weight: 700;
 	padding: 10px;
 	overflow: hidden;
 	position: relative;
 	cursor: pointer;
 	display: flex;
 	justify-content: flex-start;
 	-ms-align-items: center;
 	align-items: center;
 	margin-top: 20px;
 }

 #content-container h3 span {
 	position: absolute;
 	z-index: 1;
 	background: transparent url("/images/cross_w.png") no-repeat;
 	display: inline-block;
 	width: 15px;
 }

 #content-container h4 {
 	margin-left: 2em;
 	font-size: 1.1em;
 	font-weight: bold;
 }

 #content-container p {
 	padding: 20px;
 	line-height: 170%;
 	color: #7e7e7e;
 }

 #content-container ul {
 	margin-left: 3em;
 }

 #content-container table {
 	width: 100%;
 }

 #content-container a {
 	color: #CDA03A;
 }

 #gdpr-wrapper {
 	min-height:100%;
 	position:relative;
 }

 #content-container thead {
 	background-color: #dbdbdb;
 	color: white;
 }


 #content-container thead th {
 	border: 1px solid #dbdbdb;
 	padding: 10px;
 }

 #content-container tbody td {
 	border: 1px solid #dbdbdb;
 	color: #7e7e7e;
 	line-height: 150%;
 	padding: 5px;
 }

 #content-container tbody td p {
 	padding: 0px;
 }

 #content-container ul {
 	padding-left: 20px;
 	line-height: 170%;
 	color: #7e7e7e;
 	list-style-type: disc;
 }



@charset 'UTF-8';
/* Base Styles */
#cssmenu,
#cssmenu ul,
#cssmenu li,
#cssmenu a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  font-weight: normal;
  text-decoration: none;
  line-height: 1;
  
  font-size: 14px;
  position: relative; text-transform:uppercase;
}
#cssmenu a {
  line-height: 1.3;
  padding: 6px 22px;
}
#cssmenu {
  width: 260px;
}
#cssmenu > ul > li {
  cursor: pointer;

}
#cssmenu > ul > li:last-child {

}
#cssmenu > ul > li > a {
  font-size: 14px;
  display: block;
  color: #a5a5a5; background-image:url(../images/li.png); background-repeat:no-repeat; background-position:top left;


}
#cssmenu > ul > li > a:hover {
  text-decoration: none; color:#003859; background-position:bottom left;
}
#cssmenu > ul > li.active {
  border-bottom: none;
}
#cssmenu > ul > li.active > a {

  color: #003859; background-position:bottom left;

}
#cssmenu > ul > li.has-sub > a:after {
  content: '';
  position: absolute;
  top: 10px;
  right: 10px;


}
#cssmenu > ul > li.has-sub.active > a:after {
  right: 22px;
  top: 12px;


}
/* Sub menu */
#cssmenu ul ul {
  padding: 0;
  display: none;
}
#cssmenu ul ul a {

  display: block;
  color: #a5a5a5;
  font-size: 12px; padding-left:38px;
}
#cssmenu ul ul a:hover {color: #003859;}

#cssmenu ul ul li {

}
#cssmenu ul ul li.odd a {

}
#cssmenu ul ul li:last-child {
  border: none; margin-bottom:20px;
}
@charset "UTF-8";

/* NIKS AANPASSEN IN DIT BESTAND */
.cb {clear:both}
.fl {float:left}
.fr {float:right}
.al {text-align:left}
.ar {text-align:right}
.aj {text-align:justify}
.ac {text-align:center}
.nm {margin:0px;}
.np {padding:0px;}
.nb {border:none;}
.nbl {border-left:none !important;}
.nbr {border-right:none !important;}
.nbb {border-bottom:none !important;}
.nbt {border-top:none !important;}
.nmr {margin-right:0px !important;}
.nml {margin-left:0px !important;}
.nmt {margin-top:0px !important;}
.nmb {margin-bottom:0px !important;}
.npr {padding-right:0px;}
.npl {padding-left:0px;}
.npt {padding-top:0px;}
.npb {padding-bottom:0px;}
.nbr {border-right: none;}
.nbl {border-left:none;}
.nbt {border-top:none;}
.nbb {border-bottom:none;}
.nbg {background:transparent;}
.dn {display:none;}
.dni {display:none !important;}
.db {display:block;}
.dib {display:inline-block;}
.cp {cursor: pointer;}
.cd {cursor: default;}
.pr {position: relative;}

.ui-datepicker-prev:after
{
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 8px solid #222;
  margin-top: 8px;
  margin-left: 9px;
  content: '';
}

.ui-datepicker-next:after
{
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid #222;
  margin-top: 8px;
  margin-left: 13px;
  content: '';
}

.youtubecontainer
{
  padding-top: 56.25%;
  position: relative;
  width: 100%;
}

.youtubecontainer > iframe
{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  min-height: 100%;
}
.rightform
{
	visibility: hidden;
	position: absolute;
}

.center
{
  margin: 0 auto;
  width: 960px;
}

.c ul
{
	padding-left: 15px;
	list-style-type: disc;
	margin: 1em 0;
}

.c p
{
	margin: 1em 0;
}

.c ol
{
	padding-left: 15px;
	list-style-type: decimal;
	margin: 1em 0;
}

.c strong
{
	font-weight: bold;
}

.c em
{
	font-style: italic;
}

.c table
{
	margin: 1em 0;
}

.c td, .c th
{
	border: 1px solid #333;
	padding: 3px;
}

.c blockquote
{
	border-left: 5px solid #aaa;
	padding-left: 5px;
	font-style: italic;
	margin: 1em 0 1em 15px;
}

.four-row-grid>*
{
	width: 21.1%;
	margin-right: 5.2%;
	margin-top: 4%;
	float: left;
}

.four-row-grid>*:nth-child(4n)
{
	margin-right: 0;
}

.three-row-grid>*
{
	width: 30.5%;
	margin-right: 4.2%;
	float: left;
	margin-top: 4%;
}

.three-row-grid>*:nth-child(3n)
{
	margin-right: 0;
}

.three-row-grid>*:nth-child(3n+1)
{
	clear: left;
}


.five-col-grid>*
{
	width: 15.5%;
	margin-right: 5.625%;
	float: left;
	margin-top: 2%;
}

.five-col-grid img
{
	width: 100%;
}


.five-col-grid>*:nth-child(5n)
{
	margin-right: 0;
}

.six-col-grid>*
{
	width: 14.16%;
	margin-right: 3%;
	float: left;
	margin-top: 2%;
}

.six-col-grid img
{
	width: 100%;
}


.six-col-grid>*:nth-child(6n)
{
	margin-right: 0;
}

.seven-col-grid>*
{
	width: 11.71%;
	margin-right: 3%;
	float: left;
	margin-top: 2%;
}

.seven-col-grid>*:nth-child(7n)
{
	margin-right: 0;
}

.seven-col-grid img
{
	width: 100%;
}



.three-row-grid .cb, .four-row-grid .cb, .five-col-grid .cb, .six-col-grid .cb, .seven-col-grid .cb
{
	width: 100%;
	margin: 0;
	float: none !important;
}

.single-row-four > *
{
	width: 23%;
	margin-left: 2.5%;
	float: left;
}

.single-row-four > *:first-child
{
	margin-left: 0;
}

.single-row-four:after, .single-row-four > .cb
{
	content: '';
	clear: both;
	margin: 0;
	display: block;
	width: 100%;
}

.single-row-four > .cb
{
	display: none;
}

.single-row-three > *:first-child
{
    margin-left: 0px;
}

.single-row-three > *
{
    width: 32%;
    margin-left: 2%;
    float: left;
    margin-top: 2%;
}

.single-row-three:after
{
    display: block;
    content: '';
    clear: both;
}

.justify
{
	text-align: justify;
}

.justify:after
{
	display: inline-block;
	width: 100%;
	content: '';
}

.justify > *
{
	display: inline-block;
	vertical-align: top;
}

@media all and (max-width: 1240px) {
	.seven-col-grid>*
	{
		width: 14.16%;
		margin-right: 3%;
	}

	.seven-col-grid>*:nth-child(7n)
	{
		margin-right: 3%;
	}

	.seven-col-grid>*:nth-child(6n)
	{
		margin-right: 0;
	}
}

@media all and (max-width: 1130px) {
	.six-col-grid>*
	{
		width: 15.5%;
		margin-right: 5.625%;
	}

	.six-col-grid>*:nth-child(6n)
	{
		margin-right: 5.625%;
	}

	.six-col-grid>*:nth-child(5n)
	{
		margin-right: 0;
	}

	.seven-col-grid>*
	{
		width: 15.5%;
		margin-right: 5.625%;
	}

	.seven-col-grid>*:nth-child(6n), .seven-col-grid>*:nth-child(7n)
	{
		margin-right: 5.625%;
	}

	.seven-col-grid>*:nth-child(5n)
	{
		margin-right: 0;
	}

	.four-row-grid>*
	{
		width: 30.5%;
		margin-right: 4.2%;
	}

	.four-row-grid>*:nth-child(4n)
	{
		margin-right: 4.2%;
	}

	.four-row-grid>*:nth-child(3n)
	{
		margin-right: 0;
	}

	.three-row-grid>*
	{
		width: 47.5%;
		margin-right: 0;
	}

	.three-row-grid>*:nth-child(3n)
	{
		margin-right: 0;
	}

	.three-row-grid>*:nth-child(2n)
	{
		float: right;
	}



	.three-row-grid>*:nth-child(3n+1)
	{
		clear: none;
	}

	.three-row-grid>*:nth-child(2n+1)
	{
		clear: left;
	}

	.five-col-grid>*
	{
		width: 21.1%;
		margin-right: 5.2%;
		margin-top: 4%;
	}

	.five-col-grid>*:nth-child(5n)
	{
		margin-right: 5%;
	}

	.five-col-grid>*:nth-child(4n)
	{
		margin-right: 0;
	}

	.single-row-four > *
	{
		width: 48%;
		margin-left: 4%;
		float: left;
	}

	.single-row-four > *:nth-child(4)
	{
		margin-left: 0;
	}

	.single-row-four > .cb
	{
		display: block;
	}
}

@media all and (max-width: 930px) {
	.seven-col-grid>*
	{
		width: 23.125%;
		margin-right: 2.5%;
	}

	.seven-col-grid>*:nth-child(5n), .seven-col-grid>*:nth-child(6n), .seven-col-grid>*:nth-child(7n)
	{
		margin-right: 2.5%;
	}

	.seven-col-grid>*:nth-child(4n)
	{
		margin-right: 0;
	}
}

@media all and (max-width: 900px) {
	.six-col-grid>*
	{
		width: 22.5%;
		margin-right: 3.33%;
	}

	.six-col-grid>*:nth-child(4n)
	{
		margin-right: 0;
	}

	.six-col-grid>*:nth-child(5n), .six-col-grid>*:nth-child(6n)
	{
		margin-right: 3.33%;
	}

	.single-row-three > *
	{
	    float: none;
	    width: 100%;
	    max-width: 500px;
	    margin-left: auto !important;
	    margin-right: auto;
	}
}

@media all and (max-width: 790px) {

	.four-row-grid>*
	{
		width: 47.5%;
		margin-right: 0;
	}

	.four-row-grid>*:nth-child(4n)
	{
		margin-right: 0;
	}

	.four-row-grid>*:nth-child(2n)
	{
		float: right;
	}

	.five-col-grid>*
	{
		width: 30.2%;
		margin-right: 4.2%;
		margin-top: 4%;
	}

	.five-col-grid>*:nth-child(4n)
	{
		margin-right: 4.2%;
	}

	.five-col-grid>*:nth-child(3n)
	{
		margin-right: 0;
	}
}

@media all and (max-width: 750px) {
	.single-row-four > *
	{
		width: 100%;
		margin-left: 0%;
	}
}

@media all and (max-width: 720px) {
	.seven-col-grid>*
	{
		width: 31%;
		margin-right: 3%;
	}

	.seven-col-grid>*:nth-child(4n), .seven-col-grid>*:nth-child(5n), .seven-col-grid>*:nth-child(6n), .seven-col-grid>*:nth-child(7n)
	{
		margin-right: 3%;
	}

	.seven-col-grid>*:nth-child(3n)
	{
		margin-right: 0;
	}
}

@media all and (max-width: 680px) {
	.three-row-grid>*
	{
		width: 100%;
		margin-top: 35px;
	}

	.six-col-grid>*
	{
		width: 30%;
		margin-right: 5%;
	}

	.six-col-grid>*:nth-child(4n), .six-col-grid>*:nth-child(5n), .six-col-grid>*:nth-child(6n)
	{
		margin-right: 5%;
	}

	.six-col-grid>*:nth-child(3n)
	{
		margin-right: 0%;
	}
}

@media all and (max-width: 560px) {
	.five-col-grid>*
	{
		width: 47.5%;
		margin-right: 0 !important;
	}

	.five-col-grid>*:nth-child(4n)
	{
		margin-right: 0;
	}

	.five-col-grid>*:nth-child(2n)
	{
		float: right;
	}
}

@media all and (max-width: 525px) {
	.seven-col-grid>*
	{
		width: 48.5%;
		margin-right: 3%;
	}

	.seven-col-grid>*:nth-child(3n), .seven-col-grid>*:nth-child(4n), .seven-col-grid>*:nth-child(5n), .seven-col-grid>*:nth-child(6n), .seven-col-grid>*:nth-child(7n)
	{
		margin-right: 3%;
	}

	.seven-col-grid>*:nth-child(2n)
	{
		margin-right: 0;
	}
}

@media all and (max-width: 460px) {
	.six-col-grid>*
	{
		width: 47%;
		margin-right: 6% !important;
	}

	.six-col-grid>*:nth-child(2n)
	{
		margin-right: 0 !important;
	}
}

@media all and (max-width: 400px) {
	.four-row-grid>*
	{
		width: 100%;
		margin-top: 35px;
	}

	.three-row-grid>*
	{
		width: 100%;
		margin-top: 35px;
	}
}

@media all and (max-width: 380px) {
	.five-col-grid>*
	{
		width: 100%;
		margin-top: 35px;
	}
}

@media all and (max-width: 340px) {
	.seven-col-grid>*
	{
		width: 100%;
		margin-right: 0% !important;
	}
}