/*
	Theme Name: Quick Online
	Theme URI: https://www.quick-online.nl/
	Description: Basis voor de template
	Version: 1.0
	Author: Quick Online
	Author URI: https://www.quick-online.nl/

*/


a, a:after, input,button, h1, h2, h3, h4,.to-top, .special-icon img, .special-image{
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
	outline:0
}


.to-top {position:fixed;right:30px;z-index:9000;  -ms-transform: skewX(-10deg); /* IE 9 */
  -webkit-transform: skewX(-10deg); /* Safari */
  transform: skewX(-10deg); /* Standard syntax */
    background: #1e1e1e;width:50px;height:50px;text-align:center;    padding-right: 2px;bottom:-100px;cursor:pointer;border:2px solid #fff ;   line-height: 1;
    margin-top: -3px;}

.to-top:before {width:56px;height:56px;content:"";position:absolute;top:-3px;left:-3px;position:absolute;z-index:-1}

.to-top.shown {bottom:30px;}

.to-top span {color:#fff;font-size:45px;-ms-transform: skewX(10deg); /* IE 9 */
  -webkit-transform: skewX(10deg); /* Safari */
  transform: skewX(10deg);margin-top:-2px}




.popup {
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
	outline:0
}
.popup.show-popup {left:0;}
.popup {position:fixed;left:-300px;bottom:50px;background-size:cover;background-position:center center;background-color:#009dea;z-index:9999;width:300px;padding:60px 20px 30px;text-align:center}
.popup:before {content:"";width:100%;height:100%;position:absolute;background:#009dea;opacity:0.8;left:0;top:0;z-index:1;    display: block;}
.popup > div {position:relative;z-index:10}

.popup h5 {color:#1e1e1e;text-transform:uppercase;font-size:20px;margin:0 0 10px}
.popup h4 {font-size:48px;font-weight:bold;color:#fff;text-transform:none}

.popup .wpcf7-submit {
    width: 100%;
    border-color: #0b9637;
    background: #0b9637;
    color: #fff;
}
.popup .wpcf7-submit:hover, .popup .wpcf7-submit:focus {background-color:#1e1e1e;border-color:#1e1e1e}
.popup span.ajax-loader {display:none}

.popup .popup-close {position:absolute;right:15px;top:15px;width:30px;height:30px;}
.popup-close:after, .popup-close:before {content:"";position:absolute;left:0;top:calc(50% - 1px);width:100%;height:2px;background:#fff}

.popup-close:after {  -ms-transform: rotate(45deg); /* IE 9 */
  -webkit-transform: rotate(45deg); /* Safari */
  transform: rotate(45deg);}

.popup-close:before {  -ms-transform: rotate(-45deg); /* IE 9 */
  -webkit-transform: rotate(-45deg); /* Safari */
  transform: rotate(-45deg);}




@media screen and (max-width:600px){
	.popup {display:none!important}	
}

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}

h1, h2,h3, h4, h5, h6 {
    margin: 0 0 25px;color:#000; font-size:48px; font-weight:700;line-height:1.2; text-transform:uppercase;
}

.layout-row h1, .layout-row h2,.layout-row h3,.layout-row h4,.layout-row h5,.layout-row h6 {
    font-size:30px
}
.single-layout-row h1, .single-layout-row h2,.single-layout-row h3,.single-layout-row h4,.single-layout-row h5,.single-layout-row h6 {
    font-size:24px
}
h3.subtitle {color:#a3a3a3;font-size:16px;letter-spacing:3px}
.layout-row h3.subtitle  {margin-bottom:20px}

body {font-size:18px;line-height:1.4;color:#1e1e1e;font-family: 'Lato', sans-serif;}

p {font-size:18px;line-height:1.4;}


.title-box h1, .title-box h2, .title-box h4 {position:relative;margin-bottom:35px}

.title-box h1:after, .title-box h2:after, .title-box h4:after {    content: "";
    width: 100px;
    height: 6px;
    position: absolute;
    bottom: -17px;
    left: 0;
    background-color: #009dea;}

.textcenter.title-box h1:after, .textcenter.title-box h2:after, .textcenter.title-box h4:after,
.text-center.title-box h1:after, .text-center.title-box h2:after, .text-center.title-box h4:after{
	left:calc(50% - 50px);
}

@media screen and (max-width:767px){
h1, h2,h3, h4, h5, h6 {    margin: 0 0 15px; font-size:30px;}	
	body, p {font-size:16px}
}

/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#009dea;
	text-decoration:none;
}
.layout-row a {font-weight:800}
a:hover {
	color:#00355d;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

.error-row {padding:100px 0}
.nomargin,.no-margin {margin-bottom:0!important;}
.marginfix, .margin-fix {margin-bottom:25px!important}

.textcenter, .text-center {text-align:center;}
/* wrapper */
.wrapper {
	max-width:1200px;
	width:100%;
	margin:0 auto;
	position:relative;
}

p { margin:0 0 25px}
p:last-child {margin:0}

strong {text-transform:none;color:#00355d}

.margin-box, .marginbox {margin-bottom:25px;}

.center-align{
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;	
  -moz-align-items:center;
  -ms-align-items:center;
}

.contact-layout-row {    padding-top: 90px;    padding-bottom: 65px;}


@media screen and (max-width:767px){
.contact-layout-row {    padding-top: 50px;    padding-bottom: 25px;}
	
}


@media screen and (min-width:800px){
	.special-box {width:33.3333%;}
	
}
.special-box {padding:30px 0 20px;text-align:center;position:relative;background-color:#f8f8f8;}
.special-box > div {position:relative;z-index:10;}
.special-box .special-image {position:absolute;z-index:5;left:0;top:0;content:"";width:100%;height:100%;background-size:cover;background-position:center center;opacity:0;}
.special-box .special-image:before {content:"";width:100%;height:100%;position:absolute;background:#009dea;opacity:0.8;left:0;top:0}

.special-title {padding:0 30px}
.special-title h3 {
    font-size: 20px;
    text-transform: none;
    margin-bottom: 30px;
}

.special-content {
    padding: 0 10px;margin-bottom:25px
}
.special-content p {font-weight:300;font-size:18px}

.special-icon {    text-align: center;overflow:hidden;margin-bottom:10px}
.special-icon img {width:60px;height:auto;opacity:1}
.special-icon img:nth-child(2){position:absolute;left:50%;left:calc(50% - 30px);top:0;}

.special-icon img:nth-child(2), .special-box:hover .special-icon img{opacity:0;}
.special-box:hover .special-icon img:nth-child(2), .special-box:hover .special-image{opacity:1;}


.special-box:hover .special-title h3 , .special-box:hover .special-content p,
.special-box .read-more:hover, .special-box .read-more:focus, .special-box:hover .read-more {color:#fff}


.layout-row .title-box {margin-bottom:20px}

.layout-row.first-layout-row {    padding-top:0;padding-bottom: 0px;}

.first-box {
    padding: 50px 0;
    text-align: center;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-color: #009dea;
	-webkit-box-shadow: 2px 7px 18px 5px rgba(0,0,0,0.23);
-moz-box-shadow: 2px 7px 18px 5px rgba(0,0,0,0.23);
box-shadow: 2px 7px 18px 5px rgba(0,0,0,0.23);
	    z-index: 1;
}
.first-box:before {content:"";width:100%;height:100%;position:absolute;opacity:0.8;background:#009dea;z-index:1;left:0;top:0;}
.first-box > .small-20 {position:relative;z-index:10}
.first-box p {font-size:24px;color:#fff}

.first-home-box {margin-top:0!important;text-align:left;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;padding-left:5%;padding-right:5%}
.first-home-column {background-color: #fff;    position: relative;    z-index: 1;
	-webkit-box-shadow: 2px 7px 18px 5px rgba(0,0,0,0.23);
-moz-box-shadow: 2px 7px 18px 5px rgba(0,0,0,0.23);
box-shadow: 2px 7px 18px 5px rgba(0,0,0,0.23);    }


.first-home-box h2 {    font-size: 23px;    color: #fff;    font-weight: 700;}
.first-home-box p {font-size:16px}

.icon-box {background-color:#fff;    padding: 30px;    padding-left: 25px;    padding-right: 25px}

.iconwrapper {    width: 50%;    margin-bottom: 35px;    margin-top: 35px;}
@media screen and (max-width:991px){
.iconwrapper {   margin-bottom: 25px;    margin-top: 25px;}
	
}
@media screen and (max-width:700px){
.iconwrapper {    width: 100%;margin-top:15px;margin-bottom:15px }
	
	
}

.iconwrapper .icon {width:90px;}
.iconwrapper .icon img {width:100%;}
.iconcontent {width:calc(100% - 90px);padding-left:15px}


.iconcontent h3, .iconcontent h3 a{font-size:15px;color:#00355d;text-transform:none;    font-weight: 700;}
.iconcontent h3 a:hover, .iconcontent h3 a:focus {color:#009dea}
.iconcontent p {font-size:14px;margin:0}
.iconcontent a {font-size:14px}

.layout-row-color {background-color:#f8f8f8}
.layout-row {padding:100px 0 75px}
.layout-row.no-padding-top, .layout-row.no-padding-both {padding-top:0}
.layout-row.no-padding-bottom, .layout-row.no-padding-both {padding-bottom:0}

.layout-row li, .layout-row ul {display:block;}
.layout-row li {margin:0 0 10px;position:relative;}
.layout-row li:before {content:"\f00c";font-family:'FontAwesome';color:#009dea;margin-right:15px}
.layout-row li:last-child {margin:0;}
.layout-row ul {margin-bottom:25px;}
.layout-row ul:last-child {margin-bottom:0;}



.media-box img {width:100%}


.video-box {position: relative;	padding-bottom: 56.25%;	overflow: hidden;	max-width: 100%;	height: auto;background:#fff} 
.video-box iframe,	.video-box object,	.video-box embed { 	position: absolute;	top: 0;	left: 0;width: 100%;height: 100%;}

.video-box, .media-box img{
	    	-webkit-box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.35);
-moz-box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.35);
box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.35);
}



.call-to-action {position:relative;padding:65px 0 45px;background-color:#1e1e1e;background-size:cover;background-position:center center;background-repeat:no-repeat;}
.call-to-action:before {content:"";width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;background-color:#1e1e1e;opacity:0.7}
.call-to-action .wrapper {position:relative;z-index:10}
.call-to-action h2 {font-size:36px}
.call-to-action h2, .call-to-action p, .call-to-action a {color:#fff}
.call-to-action a:hover {color:#009dea}

.call-to-action .btn {color:#fff;border-color:#0c9737;min-width:250px;margin-top:10px}
.call-to-action .btn:hover, .call-to-action .btn:focus {background:#0c9737;color:#fff}

.e-bookdownload {    width: 50%;    display: block;    clear: both;    margin-left: 25%;}
.e-bookdownload .wpcf7-text {    width: 50%;	width:calc(50% - 10px);margin-right:10px;    float: left;border-color:#fff }
.e-bookdownload .wpcf7-submit {    float: left;    width: 50%;color:#fff;border-color:#0c9737;width:calc(50% - 10px);margin-left:10px;}
.e-bookdownload .wpcf7-submit:hover, .e-bookdownload .wpcf7-submit:focus {background:#0c9737;color:#fff}
.call-to-action div.wpcf7-response-output {    color: #fff;}
.call-to-action form p {    margin: 0;}


@media screen and (max-width:950px){
	.e-bookdownload .wpcf7-text {    width: 100%;    margin-right: 0;}
	.e-bookdownload .wpcf7-submit {width:100%;margin:0}
	
}


.acf-map {
	width: 100%;
	height: 380px;
	border: none;
	-webkit-box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.35);
-moz-box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.35);
box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.35);
}

/* fixes potential theme css conflict */
.acf-map img {
   max-width: inherit !important;
}
.contact-info-content h4 {font-size:24px; color:#00355d;text-transform:none;margin:0}
.contact-info-content h4, .contact-info-content p{    line-height: 1;    font-size: 18px;}
.contact-info-content a {color:#009dea}
.contact-info-content a:hover, .contact-info-content a:focus {color:#1e1e1e;}


.contact-info-content li:before {display:none!important}
.contact-info-content li {padding-left:0!important}
.contact-info-content li a {font-weight:normal!important}

.spacer {height:25px;width:100%}





@media screen and (max-width:991px){
.first-box p {    font-size: 20px;   }

}
@media screen and (max-width:767px){
.first-box p {    font-size: 18px;   }

.layout-row {padding:60px 0 35px}
.layout-row.no-padding-top, .layout-row.no-padding-both {padding-top:0}
.layout-row.no-padding-bottom, .layout-row.no-padding-both {padding-bottom:0}	
}


/*------------------------------------*\
    SINGLE
\*------------------------------------*/
.layout-row.archive-content {    padding-bottom: 50px;}

.single-layout-row {    padding: 40px 0 75px;}
.back-btn {margin-bottom:30px}

.back-btn a {font-weight:700;color:#009dea;font-size:20px;}
.back-btn a:hover, .back-btn a:focus {color:#1e1e1e}
.back-btn .fa {font-size:18px;font-weight:bold;display:inline-block;margin-right:5px}
.post-image img {    width: 100%;}

.post-info ul, .post-info li {display:block;float:left;width:100%}
.post-info li {padding-left:0!important;}
.post-info li:before {display:none}
.post-info .datum {font-size:16px;color:#a3a3a3;margin-bottom:10px}
.post-info .categorie, .post-info .categorie a {font-size:18px;color:#009dea;font-weight:700;text-transform:uppercase}
.post-info .categorie a:hover {color:#1e1e1e}

.nieuws-box-large .post-info .categorie, .nieuws-box-large .post-info .categorie a {font-size:14px}

.post-content {background-color:#fff;padding: 25px 10px 0}
.post-content img {width:100%;}
.post-content .video-box, .post-content img {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}


.post-content h2 {
    margin: 0;
    text-transform: none;
	    font-size: 24px;
    text-transform: uppercase;
}
.single-layout-row h3.subtitle a {
    color: #a3a3a3;
}
.single-layout-row h3.subtitle {margin-bottom:20px}

.post-content strong {color:#1e1e1e;}

.post-content li, .post-content ul {display:block;}
.post-content li {margin:0 0 10px;padding-left:37px;position:relative;}
.post-content li:before {position:absolute;content:"";top:3px;left:0;width:18px;height:20px;background-image:url(img/check.svg);background-repeat:no-repeat;background-position:center center}
.post-content li:last-child {margin:0;}
.post-content ul {margin-bottom:25px;}
.post-content ul:last-child {margin-bottom:0;}





.nieuws-box-large .btn {width:100%}
.nieuws-box {margin:0 0 25px;}
.nieuws-image {background-size:cover;background-position:center center;background-color:#ccc;padding-bottom:40%;position:relative;}
.nieuws-box-large .nieuws-image {padding-bottom:30%;     width: 33.3333%;}
.nieuws-box-large .nieuws-content {    background: none;    padding: 0;    width: 66.66666%;    padding-left: 20px;}


.nieuws-content {padding:15px;background-color:#fff}
.nieuws-content .categorie {    font-size: 14px;    text-transform: uppercase;    margin: 0 0 12px;color: #009dea;}
.nieuws-content h3, .nieuws-content h3 a {color:#1e1e1e;font-size:23px;text-transform:none;font-weight:900;margin:0;}
.nieuws-content h3 a:hover, .nieuws-content h3 a:focus {    color: #009dea;}

.nieuws-content h3.subtitle {margin-bottom:15px}
.nieuws-content h3.subtitle a, .nieuws-content h3.subtitle{color:#a3a3a3;font-size:16px;letter-spacing:3px;text-transform:uppercase}
.nieuws-content h3.subtitle a:hover, .nieuws-content h3.subtitle a:focus, .nieuws-content h2 a:hover, .nieuws-content h2 a:focus {    color: #009dea;}
.nieuws-content h2, .nieuws-content h2 a {    color: #1e1e1e;    font-weight: 700;}
.post-info-box {margin-top:20px}
.post-content .post-info-box {    margin-top: 0;}
.single-layout-row .title-box {    margin-bottom: 50px;}

.overlay {content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
.pagination {text-align:center;margin-bottom:35px}
.pagination, .page-numbers, a.page-numbers {font-weight:700;font-size:20px;color:#1e1e1e}
.page-numbers {margin:0 5px}

.page-numbers, .next.page-numbers:hover, .prev.page-numbers:hover{    color: #00355d;}
.page-numbers.current, .page-numbers:hover, .next.page-numbers, .prev.page-numbers{    color: #009dea;}


.taxlist-box {padding:30px 15px 40px;background-color:#fff;margin-bottom:25px}
.taxlist-box li{padding-left:0!important;text-align:center;}
.taxlist-box li:before{display:none!important}

.taxlist-box a {font-size:16px;color:#a3a3a3;font-weight:700;text-transform:uppercase;letter-spacing:1px}
.taxlist-box a:hover, .taxlist-box a:focus {    color: #009dea;}
.layout-row .taxlist-box .title-box {margin:0}
.layout-row .taxlist-box .title-box h4, .single-layout-row .taxlist-box .title-box h4 {    font-size: 24px;    margin-bottom: 50px;}

.sidebar_cta {margin: 0 0 25px;background-size:cover;background-position:center center;background-color:#009dea;position:relative;padding:25px;text-align:center;}
.sidebar_cta p {color:#fff;font-size:30px;line-height:1.2;text-transform:uppercase;font-weight:700}

.sidebar_cta:before{background-color:#009dea;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0.8;z-index:1;content:""}
.sidebar_cta .small-20 {position:relative;z-index:10;}
.sidebar_cta a {position:absolute;top:0;left:0;width:100%;height:100%;content:"";z-index:100}

.recent-nieuws-box {margin:0 0 15px}
.recent-nieuws-box:last-child {margin:0}

.recent-nieuws-box .nieuws-image {
    width: 100px;
    height: 80px;
    padding-bottom: 0;
}
.recent-nieuws-content {width:calc(100% - 100px); padding-left:15px}
.recent-nieuws-content h3, .recent-nieuws-content h3 a {font-size:14px;font-weight:700;text-transform:none;margin:0}
.recent-nieuws-content h3 a:hover {    color: #009dea;}



.nieuws-box.nieuws-box-large {width:100%}
.nieuws-holder {background-color:#fff;padding:20px}


.related-posts > .title-box {
    margin-bottom: 20px;
    margin-top: 35px;
}

.related-box {width:33.3333%}
.related-box > .small-20{background:#fff;padding:20px}
.related-box .title-box {    margin: 0!important;}
.related-box .image {    background-size: cover;    background-color: #f1f1f1;    width: 100%;    padding-bottom: 60%;    position: relative;    margin-bottom: 10px;}

.related-box h3, .related-box h3 a {
    font-size: 18px!important;
    color: #1e1e1e;margin-bottom:35px;position:relative;
}

.related-box h3:before{    content: "";
    width: 100px;
    height: 4px;
    position: absolute;
    bottom: -15px;
    left: 0;
    background-color: #009dea;}

.related-box .subtitle, .related-box .subtitle a {
    font-size: 13px!important;letter-spacing:2px;    color: #a3a3a3;
    font-size: 16px;text-transform:uppercase;
}

@media screen and (min-width:768px) and (max-width:991px){
	.nieuws-content h3, .nieuws-content h3 a {font-size:18px}
	.recent-nieuws-content, .recent-nieuws-box .nieuws-image {width:100%;}
	.recent-nieuws-box .nieuws-image {margin-bottom:10px}
}
@media screen and (max-width:991px){
.home-nieuws-box {    width: 100%;}
	
}
@media screen and (min-width:768px){
	.nieuws-box {width:33.3333%}	
}
@media screen and (max-width:600px){
	.nieuws-content h3, .nieuws-content h3 a {font-size:18px}	
	.home-nieuws-box .nieuws-image {width:100%;height:200px;}
	.home-nieuws-box .nieuws-content {width:100%;padding:0;margin-top:15px} 
	
}

@media screen and (max-width:767px){
	.related-box {width:100%;margin-bottom:25px}

	.nieuws-box-large .nieuws-image {padding-bottom:0;height:200px;width:100%;margin-bottom:15px}
	.nieuws-box-large .nieuws-content {width:100%;padding-left:0}


	.nieuws-content h3.subtitle a, .nieuws-content h3.subtitle {
    font-size: 14px;
    letter-spacing: 2px;
}
	
	.nieuws-content h2, .nieuws-content h2 a {
    font-size:24px!important
}
	.nieuws-content h2 {margin-bottom:15px!important}
	
}
/*------------------------------------*\
    uls a& lis
\*------------------------------------*/
ul, ol, li {
padding:0; margin:0; list-style:none	
}


/*------------------------------------*\
    BUTTONS
\*------------------------------------*/


.btn {
    color: #fff;
    border: none;
    outline: none;
        padding: 15px 30px;
    display: inline-block;
	font-size:20px; text-transform:lowercase; font-weight:700;
    min-width:220px;text-align:center;line-height: 1;
	background-color:transparent;
	border:2px solid #009dea;
		color:#009dea
}
.btn span {font-weight:bold;margin-left:5px}

.btn:hover, .btn:focus {
   color:#fff	;background-color:#009dea
}

.banner .btn {color:#fff;margin:0 10px 10px;font-size:24px}
a.btn.white {border-color:#fff}
a.btn.white:hover, a.btn.white:focus {background-color:#fff;color:#009dea}

a.read-more span {font-weight:bold}
a.read-more, .readmore{    font-size: 20px; color: #009dea;text-transform: lowercase; font-weight: 700;}
a.read-more:hover, a.read-more:focus, .readmore:hover, .readmore:focus {color:#444}





.banner .btn {margin-right:5px}
.banner.text-center .btn {margin:0 5px;}



/*------------------------------------*\
    BANNER
\*------------------------------------*/
.layout-cta:before {content:"";position:absolute; top:0; left:0; width:100%; height:100%; opacity:0.8; z-index:1; background-color:#000}


.banner {min-height:550px; background-size:cover;background-position:center center;background-color:#CCC; background-repeat:no-repeat; position:relative;padding:240px 0 150px;overflow:hidden}
.banner:before, .banner-post-slide:before{content:"";position:absolute; top:0; left:0; width:100%; height:100%;z-index:1}
.dark-overlay:before, .light-overlay:before, .banner-post-slide:before{background:#000;opacity:0.6}
.light-overlay:before{opacity:0.2}
.banner.img-banner {min-height:auto!important;padding:0!important}

.banner .wrapper {position:relative;z-index:10;}

.img-banner {padding:0}
.banner img {
    width: 100%;
}
article.img-banner-content {
    position: absolute;
    left: 0;width:100%
}
.banner h1, .banner h2 {font-size:60px;color:#fff}
.banner .banner-with-btns h1 {margin-bottom:50px;}
.banner h2, .banner p {color:#fff}
.banner h3.subtitle, .banner h3.subtitle a {    color: #ffffff;    font-size: 18px;}
.banner h3.subtitle{    margin: 0 0 20px;}

.banner h1:after {
    width: 250px;bottom:-20px
}
.banner .text-center h1:after {
    left:calc(50% - 125px)
}

.post-banner {padding:0!important;min-height:auto}
.banner-post-buttons {position:absolute;bottom:70px;width:100%;left:0}
.banner-post-slide {background-size:cover;background-position:center center;background-color:#1e1e1e;position:relative;}
.banner-postslider.slick-slider {    z-index: 10;}
.banner-post-slide {position:relative;}

.post-banner h2, .post-banner h2 a {    font-size: 84px;    color: #fff;    line-height: 1;    margin-bottom: 30px;}
.post-banner h2 a:hover, .post-banner h2 a:focus {color:#E5E5E5}

.post-banner p {    font-size: 20px;}
.banner-post-content {margin-bottom:40px}
.banner a.read-more {    font-size: 24px;}
.banner a.read-more:hover, .banner a.read-more:focus {color:#fff}
.post-holder {    padding: 150px 0 200px;}

.post-nav {position:absolute;top:0;top:50%;z-index:9001;color:#fff;    font-size: 40px;    opacity: 0.3;cursor:pointer;}
.post-nav:hover, .post-nav:focus {opacity:0.8}
.post-nav-right {right:0;right:calc(50% - 600px);}
.post-nav-left {left:0;left:calc(50% - 600px);}

@media screen and (max-width:1199px){
.post-nav-right {right:10px}
.post-nav-left {left:10px;}
	.post-banner h2, .post-banner h2 a {    font-size: 70px;}	
}

.post-nav{
	
	 -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
@media screen and (max-width:767px){
	.banner {padding:130px 0 70px}
}

@media screen and (max-width:1100px){
.banner h1, .banner h2 {font-size:52px;}
.post-banner h2, .post-banner h2 a {    font-size: 50px;}
	
}

@media screen and (max-width:767px){
.banner h1, .banner h2 {font-size:35px;}
	.banner {min-height:350px }	
	
	.img-banner .btn {display:none}
	.banner .banner-with-btns h1, .banner .banner-with-btns h2 {margin-bottom:0;}

	.post-banner h2, .post-banner h2 a {    font-size: 35px;}
	.post-holder {padding-left:50px;padding-right:50px}
	.banner .post-holder h3.subtitle, .banner .post-holder h3.subtitle a {font-size:14px}
	.post-banner p {    font-size: 16px;}
	.banner a.read-more {    font-size: 18px;}
	
	.banner .btn {font-size:16px;min-width:auto;}
.banner h3.subtitle {
    margin: 0 0 10px;
}
}

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

/*------------------------------------*\
    HEADER
\*------------------------------------*/
header {position:absolute;z-index:9990;width:100%;background:none;top:0;left:0;}

header, .navbox, .navbtn span, .sidenav, .navigatie{
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
	outline:0
}
.header-logo {
position:relative;
	width: 300px;text-align:center
}

.header-logo a {color:#fff;text-transform:uppercase;font-weight:bold;
 position:relative;z-index:10;display:block;width:100%}


.navigatie {width:calc(100% - 300px);margin-top:22px;}
.navbtn {width:40px;height:34px;display:inline-block;float:right;position:relative;}
.navbtn span {position:absolute;width:100%;height:2px;background:#fff;right:0;}
.navbtn span:nth-child(1){top:0;}
.navbtn span:nth-child(2){top:16px;width:80%}
.navbtn span:nth-child(3){top:31px;}

.navbtn:hover span:nth-child(2) {width:100%} 

.navbtn.nav-open span:nth-child(1){  -ms-transform: rotate(-45deg); /* IE 9 */
  -webkit-transform: rotate(-45deg); /* Safari */
  transform: rotate(-45deg);    top: 16px;}
.navbtn.nav-open span:nth-child(3){  -ms-transform: rotate(45deg); /* IE 9 */
  -webkit-transform: rotate(45deg); /* Safari */
  transform: rotate(45deg);    top: 16px;}

.navbtn.nav-open span:nth-child(2){ width:0;right:50%; }

.sidenav.nav-open {right:0}
.sidenav {    /* display: none; */
    position: fixed;
    right: -600px;
    width: 100%;
    max-width: 500px;
    z-index: 9980;
    height: 100%;
    top: 0;}





.sidenav:before {z-index:-1;content:"";width:200%;height:100%;-ms-transform: skewX(-10deg);
    -webkit-transform: skewX(-10deg);
    transform: skewX(-10deg);background:#fff;position:absolute;left:0;top:0;opacity:0.97}


.mobile-nav {
    padding-top: 100px;
    width: 300px;
    float: right;
    padding-right: 50px;text-align:right
}

.mobile-nav li {display:block;margin-bottom:5px}
li.title {
    font-size: 48px;
    font-weight: bold;
    color: #1e1e1e;
    position: relative;
    padding-bottom: 10px;
    position: relative;margin-bottom:20px
}
.mobile-nav li a, .follow-us li {
    font-size: 18px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #1e1e1e;
    display: inline-block;
    padding: 5px 0;
}
.mobile-nav li a:hover, .mobile-nav li a:focus, .mobile-nav li.current-menu-item a {color:#009dea}

li.title:after {width:100px;height:4px;background:#009dea;position:absolute;content:"";right:0;bottom:0}

.follow-us {
    position: absolute;
    bottom: 50px;
    width: 300px;
    right: 0;
    padding-right: 60px;
    text-align: right;
}
.follow-us li {display:inline-block}
.follow-us i {position:relative;z-index:3}
.follow-us li a {width:30px!important;margin:0 7px!important;display:inline-block!important;position:relative!important;text-align:center!important;color:#fff!important}
.follow-us li a:before {z-index:1;position:absolute;top:calc(50% - 15px); left:-1px;width:30px;height:30px;content:"";border-radius:50%}
li.facebook a:before {background:#3b5998}
li.linkedin a:before {background:#007ab9}


body.nav-open {overflow:hidden}


@media screen and (min-width:768px){
	.nav-open .navigatie {    width: calc(100% - 750px);}
}
@media screen and (max-width:767px){
	.nav-open .navigatie span {background-color: #1e1e1e;} 
	.mobile-nav {    padding-top: 75px;	}
	li.title {    font-size: 38px;}
	.mobile-nav li {margin-bottom:0}
	.mobile-nav li.title {margin-bottom:10px}
}
/*------------------------------------*\
    Logoslider
\*------------------------------------*/
.logo-row {padding:65px 0;position:relative;background-size:cover;background-position:center center;background-repeat:no-repeat;
    background: #009dea;}
.logo-row:before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#009dea;opacity:0.8;z-index:1}

.logo-slider {position:relative;z-index:10}
.logo-slide {position:relative;outline:none;padding:0 20px;}
.logo-slide img {max-width:250px;max-height:100px;margin:0 auto;    width: 100%;}


/*------------------------------------*\
    CONTACT & KLANTEN VERTELLEN
\*------------------------------------*/
.contact-review-row {overflow:hidden;position:relative;}

.contact-box {    background: #f6f6f6;    padding: 50px 0 50px 5%;position:relative;z-index:1}
.contact-box:before {content:"";width:2000px;height:100%;left:100%;top:0;background: #f6f6f6;position:absolute;z-index:0;display:none}
.contact-box .small-20 {position:relative;z-index:10}


.review-box {padding-top:50px;padding-bottom:50px}

.review-foto {width:140px;margin-right:15px}
.review-foto > .small-20 {background-size:cover; background-position:center center; background-repeat:no-repeat;background-color:#f1f1f1;padding-bottom:100%;border-radius:50%;overflow:hidden}
.review-content {width:calc(100% - 155px);    padding-left: 2.5%;
    padding-right: 2.5%;}
.review-content p {font-style:italic;color:#444;font-size:15px; margin-bottom:10px}
p.review-person {    font-size: 16px;    font-weight: 700;    color: #009dea;margin:0;}



.review-slide {outline:none;margin-bottom:25px}

.review-content .small-20 {position:relative;z-index:10}
.review-content .small-20:before {    position: relative;    z-index: -1;    position: absolute;    top: -10px;    right: 10px; 
       content: "\f10e";    font-family: 'FontAwesome';    color: #3299d5;    font-size: 60px;    line-height: 1;    opacity: 0.2;}



.contact-review-row ul.slick-dots, .contact-review-row ul.slick-dots li {display:inline-block;}
.contact-review-row ul.slick-dots {width:100%;text-align:center}

.contact-review-row  .slick-dots li {margin:0 10px}
.contact-review-row  li button {text-indent:-9999px;overflow:hidden;font-size:0;width:12px;height:12px;background:#e3e3e3;border-radius:50%;float:left;}

.contact-review-row  li:hover button, .contact-review-row .slick-active button {background:#1a1a1a}

@media screen and (min-width:992px){
	.contact-review-row:before {content:"";width:50%;height:100%;left:50%;top:0;background: #f6f6f6;position:absolute;z-index:0;}	
}

@media screen and (max-width:991px){
	.contact-box {padding-right:5%}
	.review-box {padding-right:5%;padding-left:5%}
	.contact-box:before {left:calc(50% - 1000px);display:block}
	
	.review-box .title-box, .contact-box .title-box {text-align:center}
	
	.review-box .title-box h2:after, .contact-box .title-box h2:after {left: calc(50% - 50px);}
	
	
	
}

@media screen and (max-width:767px){
	.review-foto, .review-content {width:100%}	
	.review-foto > .small-20 {width:140px;height:140px;padding-bottom:0;float:none;margin:0 auto 15px;}
	.review-content {text-align:center}
}

/*------------------------------------*\
    FORMULIEREN & CONTACT
\*------------------------------------*/

input,textarea {outline:0}
.wpcf7-text {
    width: 100%;
    box-sizing: border-box;
    height: 50px;
    padding-left: 15px;
    border: 1px solid #c6c6c6;
    margin-bottom: 15px;background:#fff;    font-size: 18px;
}
.wpcf7-textarea {
    width: 100%;
    resize: none;
    padding-left: 15px;
    padding-top: 7px;
    height: 150px;
    margin-bottom: 15px;
	 border: 1px solid #c6c6c6;background:#fff;    font-size: 18px;outline:0
}


.wpcf7-submit {
    color: #1e1e1e;
    border: none;
    outline: none;
    padding: 0 30px;
    display: inline-block;
    font-size: 20px;
    text-transform: lowercase;
    font-weight: 600;
    min-width: 200px;
    text-align: center;
    line-height: 1;
	height:50px;
    background-color:transparent;outline:none; -webkit-appearance:none;-moz-appearance:none; appearance:none;border:none;border:2px solid #1e1e1e
}
.wpcf7-submit:hover, .wpcf7-submit:focus {
	     color:#fff	;background-color:#1e1e1e
}



.wpcf7-response-output {
    clear: both;
    text-align: center;
    padding: 10px!important;
    float: left;
    font-size: 15px;
    width: 100%;
    margin: 0!important;
    margin-top: 10px!important;
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    border: 2px solid #ff0000;
}
span.wpcf7-not-valid-tip {display:none}
.wpcf7-not-valid {
    border-color: #ff0000!important;
}

.contact-box-form .wpcf7-text, .contact-box-form .wpcf7-textarea{border:1px solid transparent}

/*------------------------------------*\
    FOOTER
\*------------------------------------*/


footer {background-color:#f8f8f8;    line-height: 1.6;}

footer h4 {color:#1e1e1e;text-transform:uppercase;font-size:18px;margin:0 0 35px}


footer > .wrapper {padding:50px 0 20px}
.footer-widget {margin-bottom:30px}

.footer-widget ul, .footer-widget li {padding:0;margin:0;list-style:none;}
.footer-widget p, .footer-widget a {color:#a3a3a3;font-size:18px;}
.footer-widget, .footer-widget p {line-height:30px}

.footer-bottom {background-color:#1e1e1e;text-align:center}
.footer-bottom, .footer-bottom a, .footer-bottom p {color:#fff;font-size:16px;}
.footer-bottom a:hover, .footer-bottom a:focus, .footer-widget a:hover,.footer-widget a:focus {color:#009dea}
.footer-bottom ul, .footer-bottom li {margin:0;padding:0;list-style:none;display:inline-block}
.footer-bottom .wrapper {padding: 20px 0;}


footer h2.logo {
    width: auto;
    font-size: 18px;
    text-align: left;
    color: #fff;
    letter-spacing: 1px;
    margin: 0;
}
li.facebook a, li.linkedin a {
    width: 30px;
    display: inline-block;
    text-align: center;
    margin: 0 3px;
	position:relative;    line-height: 1;
}
.socials a:before {content:"";width:30px;height:30px;position:absolute;left:0;top:calc(50% - 15px);border-radius:50%}
.socials a span {position:relative;z-index:1}
li.linkedin a:before {background:#007ab9;z-index:0}
li.facebook a:before {background:#3b5998;z-index:0}
ul.socials li:first-child {
    margin-right: 10px;
    font-weight: 600;
    text-transform: uppercase;
}

@media screen and (min-width:768px){
	.footer-bottom-top .small-20:last-child {text-align:right}
	.footer-widget {width:33.3333%}
	
	.footer-widget:nth-child(2) {text-align:center;}
	.footer-widget:last-child {text-align:right;}
	.footer-copyright ,small-20:last-child{text-align:right}
}

@media screen and (max-width:992px){
.footer-bottom, .footer-bottom a, .footer-bottom p {color:#fff;font-size:16px;}

}


@media screen and (max-width:767px){
	footer h4 {margin-bottom:15px}
	footer h2.logo {text-align:center;margin-bottom:15px}
	footer {text-align:center}
	
	.footer-widget p, .footer-widget a {font-size:16px;}


}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#f8963d;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#f8963d;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#f8963d;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}


/* Remove meta data */
.entry-meta .byline, .entry-meta .cat-links { display: none; }
.entry-meta .posted-on { display: none; }