/* Add your custom styles here */

@font-face {
	font-family: 'vkr8';
	src: url('/fonts/vkr8.eot');
	src: url('/fonts/vkr8.woff') format('woff'), url('/fonts/vkr8.ttf') format('truetype'), url('/fonts/vkr8.svg#vkr8') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'VKR8quote';
	src: url('/fonts/VKR8quote.eot');
	src: url('/fonts/VKR8quote.woff') format('woff'), url('/fonts/VKR8quote.ttf') format('truetype'), url('/fonts/VKR8quote.svg#VKR8quote') format('svg');
	font-weight: normal;
	font-style: normal;
}


.social-wrap.social-round span.primary {background-color:#0077b5;}
.social-wrap.social-round span.primary:hover {background-color:#008cc9;}

.t4-wrapper .moduletable {border: none;}

/*menu*/
#t4-header .container {padding: 0px;}
#t4-header .container p {margin-bottom: 0px !important;}

#t4-header .menu .custom {text-align: right; float: right !important;}
#t4-header ul {min-height:inherit; height:110px; display:block;  padding-bottom:0px; padding-top:85px; overflow:hidden; text-transform:uppercase; margin-bottom: 0px !important;}
#t4-header ul li {line-height:20px !important; display:inline-block}
#t4-header ul li a {font-weight:600 !important; padding:0 0 0 20px !important;}
#t4-header ul li a:hover {text-decoration: none;}
#t4-header ul li.active a {color:#000000 !important; }
#t4-header ul a::after {float:right; color: #000000; content: "\2022"; font-size: 1em;  padding-left:3px;  position: relative;  top: 0em;}
#t4-header ul li.active a::after { color: #00aab3;}


.welkomtext h2 {position:relative; margin-bottom:60px; padding-bottom:10px;}
.welkomtext h2 {text-transform:uppercase; font-weight:600; letter-spacing:1px;}
.welkomtext h2::after {content: ""; height:2px;	background:#00aab3; width:100px; position:absolute;	left:0px; bottom:-20px;}
.welkomtext p {font-size:1.4em; font-weight:600; line-height:1.7em;}
.logo-mkr8-png-welkom img {position:absolute; right:0px; bottom:30px;}

/*quotes*/
#t4-quote1, #t4-quote2, #t4-quote3, #t4-quote4 {background:#00aab3;}
#t4-quote1 .t4-section-inner,  #t4-quote2 .t4-section-inner,  #t4-quote3 .t4-section-inner,  #t4-quote4 .t4-section-inner {width: 100%;  max-width: 100%; }
#t4-quote1 blockquote, #t4-quote2 blockquote, #t4-quote3 blockquote, #t4-quote4 blockquote {color:#ffffff; font-family:'VKR8quote'; font-size:2vw; border:none; padding:0px 0 10% 0px; margin:3% 13% 1% 13%; letter-spacing:-1px; font-style:normal; line-height:0.9em  !important; background:url('/images/background/quote.png') bottom left / 100%  no-repeat;} 
#t4-quote1 .quote1-img, #t4-quote2 .quote2-img, #t4-quote3 .quote3-img , #t4-quote4 .quote4-img  {padding:0px;} 
#t4-quote1 .quote1-img p, #t4-quote2 .quote2-img p, #t4-quote3 .quote3-img p, #t4-quote4 .quote4-img p {margin:0px; padding:0px;} 

#quote1wrap .nomargin p, #quote2wrap .nomargin p, #quote3wrap .nomargin p, #footerwrap .nomargin p {line-height:0.5em !important;}  

/*ankerheaders  + intro*/
.intro  h3.module-title {color:#ffffff; margin-top:0px; text-transform:uppercase; font-weight:700; letter-spacing:1px;  background: url('/images/Vkr8kopbg.png') 100% 40px / 81px 26px  no-repeat;}
.intro h3.module-title span {border-bottom: none !important; font-size:150%; margin-top:40px;  } 
.intro .module-ct {max-width:600px; width:100%; font-weight:700; margin:50px 0px;}

/*onze kracht*/
#t4-onzekracht {background:linear-gradient(-180deg, #000000 80px, rgba(255,255,255,0.85) 81px, rgba(255,255,255,0.3) 80%), url('/images/background/bg1.jpg') top center / cover no-repeat;}
.intro.ok .zen-module-body {color:#000000;}
#t4-onzekracht [role="button"] {background: #ffffff; border: 0px; border-radius: 0px; margin-top:8px;}
#t4-onzekracht [role="button"]:hover {background: #00aab3; }
#t4-onzekracht [role="button"] h3 {font-size: 130%; line-height:2.5em !important; font-weight: 600;}
#t4-onzekracht [data-rlta-element="panel"] {background: #eaeaea; border: 0px; border-radius: 0px;}
#t4-onzekracht [data-rlta-element="panel"] p {padding-bottom:30px; max-width:750px;}

#grid2wrap section.open {background:linear-gradient(-180deg, #ffffff 70px, #eaeaea 71px) !important;}
#grid2wrap .zt-accordion-content .zt-text-intro {margin-top:30px; margin-bottom:0px}
.accordion-title {line-height:1.2em !important;}
.accordion-title .zt-accordion-trigger {margin-top:0px !important;}
.accordion-title a {font-weight:700;}
.zt-accordion .zt-text-intro p {max-width:750px;}

/*wie we zijn*/
#t4-wiezijnwe {background: linear-gradient(-180deg, #000000 80px, rgba(0,170,179,0.13) 81px), url('/images/background/whitedots.png') 0px 40px repeat ;}
#t4-wiezijnwe .wie-ze-zijn-slider .module-inner {background: #ffffff; margin-bottom: 40px;}
#t4-wiezijnwe .wie-ze-zijn-slider .module-inner h4 {padding:15px 20px; position: relative; font-weight: normal; }
#t4-wiezijnwe .wie-ze-zijn-slider .module-inner h4::after {content: ""; height:2px;	background:#00aab3; width:100px; position:absolute;	left:20px; top:50px;}
#t4-wiezijnwe .wie-ze-zijn-slider .module-inner p { padding:0px 20px 0px 20px;}
#t4-wiezijnwe .logo-mkr8-wzw img {position:absolute; right:0px; bottom:30px;}

.wzw .zt-text-intro h5 {position:absolute; bottom:0px; font-weight:700;}
.wzw .zt-text-intro h5 a {font-weight:700;}
.wzw .zt-text-intro h5 a:hover {color:#00aab3 !important;} 
.wzw .zt-text-intro p {margin-bottom: 0px !important;}
.wzw .zt-text-intro p::after {content:' '; padding-right:50px; }
.wzw .zt-lightbox span {float: right; margin-top: -53px; color:#00aab3 !important; }

/*onze tools*/
#t4-onzetools {background:linear-gradient(-180deg, #000000 80px, rgba(255,255,255,1) 81px, rgba(255,255,255,0) 50%), url('/images/background/bg2.jpg') top center / cover no-repeat; min-height:500px; padding-bottom: 50px;}
#t4-onzetools [role="button"] {background: #ffffff; border: 0px; border-radius: 0px; margin-top:8px;}
#t4-onzetools [role="button"]:hover {background: #00aab3; }
#t4-onzetools [role="button"] h3 {font-size: 130%; line-height:2.5em !important; font-weight: 600;}
#t4-onzetools [data-rlta-element="panel"] {background: #eaeaea; border: 0px; border-radius: 0px;}
#t4-onzetools [data-rlta-element="panel"] p {padding-bottom:30px; max-width:750px;}

#t4-onzetools [role="tab"] {background: #eaeaea; border: 0px; border-radius: 0px; margin-top:8px;}
#t4-onzetools [data-rlta-id="1_2sub"] [data-rlta-state="open"] h3 {color:#00aab3;}

.tools section.open {background:linear-gradient(-180deg, #ffffff 70px, #eaeaea 71px) !important;}
.tools .zt-accordion-content .zt-text-intro {margin-top:30px; margin-bottom:0px}
.tools .zt-filter-list.zt-separator ul {width:auto; border-top: solid #00aab3 1px; padding-top:20px;}
.tools .zt-filter-list.zt-separator ul li {font-weight:bold;}
.tools .zt-filter-list.zt-separator ul li span::after {color:#000000 !important;}
.tools .zt-filter-list.zt-separator ul li.active span {color:#00aab3;}
.tools .zt-filter .zt-text-intro {margin-top:20px; margin-bottom:0px}

/*de praktijk*/
#t4-depraktijk {background:linear-gradient(-180deg, #000000 80px, rgba(255,255,255,1) 81px); min-height:200px;}
.dp h4 {font-weight:700;}
.dp .zt-title {position:relative; margin-bottom:50px; padding-top:20px; border-top: #eaeaea 2px solid;}
.dp h4::after {content: ""; height:2px;	background:#00aab3; width:100px; position:absolute;	left:0px; bottom:-40px;}
.dp blockquote {color:#00aab3 !important;  font-size:1.4em; border-left:2px #00aab3 solid;  margin-left:0px; margin-right: 5px;}
.dp blockquote p {color:#00aab3 !important; line-height:100%;}

/*contact*/
#bottomwrap {background:linear-gradient(-180deg, #000000 80px, rgba(255,255,255,1) 81px); min-height:500px; }
.intro.contact .zen-module-body {max-width:100%; width:100%; font-weight:700; margin:0px 0px; margin-top:-14px;}
.zen-nav.zen-nav-tabs li a, .zen-nav.zen-nav-tabs li span {font-weight: 700;}
.zen-nav.zen-nav-tabs li.active a, .zen-nav.zen-nav-tabs li.active span {border-bottom-color:#ffffff;}
.contact .tab-content {padding-top:0px; font-weight: 700;}
.contact .tab-pane {border-top:0px;}
.contact fieldset legend {font-size:inherit;}

/*responsive menu*/

#top-right a.btn-empty {border:2px #000000 solid !important; color:#000000 !important;}
#off-canvas-menu a {text-transform:uppercase; font-weight:700 !important;}
#off-canvas-menu .active a {color:#000000 !important;}

.zen-icon-arrow-up::before {content: "\f106"; color: #ffffff; font-weight:700;}
#toTop:hover {background:#7b7979; border-color:#7b7979;}


@media screen and (max-width: 992px) {
    #t4-quote1 blockquote, #t4-quote2 blockquote, #t4-quote3 blockquote, #t4-quote4 blockquote {font-size:30px !important;} 
    #t4-header .logo img {margin:40px;}
    #t4-header ul {height:auto; display:block;  padding:10px 20px 10px 0px;  margin-bottom: 0px !important; }
    #t4-header ul li {line-height:22px !important; display: block; text-align: right;  }

}