/*
	Theme Name: Overwater
	Theme URI: https://quick-online.nl
	Description: Overwater
	Version: 1.0
	Author: QuickOnline
	Author URI: https://quick-online.nl
*/

a, a:before,a:after, .childnav-indicator, .mobbtn span, .page-box, .dienstgroep-box {
  -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;
}
.btn {
  margin-bottom: 20px;
}
/*------------------------------------*\
    BASIC RESET
\*------------------------------------*/

*,*:after,*:before {	-moz-box-sizing:border-box;	box-sizing:border-box;	-webkit-font-smoothing:antialiased;	font-smoothing:antialiased;	text-rendering:optimizeLegibility;}
html {	font-size:62.5%;}
.clear:before,.clear:after {    content:' ';    display:table;}
.clear:after {    clear:both;}
.clear {    *zoom:1;}
img {	max-width:100%;	vertical-align:bottom;}
a {	    color: #416d96;     font-weight: 600;	text-decoration:none;}
a:hover {	color:#444;}
a:focus {	outline:0;}
a:hover,a:active {	outline:0;}
input:focus {	outline:0;	border:none;}





/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/
header .wrapper, .breadcrumb .wrapper {max-width:1200px}

.wrapper {
	max-width:1100px;
	width:100%;
	margin:0 auto;
	position:relative;
}
main {margin-top:50px;}

body.search main {margin-top:151px}

@media screen and (max-width:1000px){
main {margin-top:35px;}
body.search main {margin-top:136px}
	
}

.center-align {display: -ms-flexbox;display: -webkit-flex;display: flex;-ms-flex-align: center;-webkit-align-items: center;-webkit-box-align: center;align-items: center;}
@media screen and (min-width:768px){
.bottom-align{
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-end;
  align-items: flex-end;	
  -moz-align-items:flex-end;
  -ms-align-items:flex-end;
}
	}
.textcenter, .text-center {text-align:center}


.marginfix {margin-bottom:25px}

.regular-padding {padding:45px 0 20px}
.no-padding-top {padding:0 0 25px}
.no-padding-bottom {padding:45px 0 0}
.no-padding-both {padding:0}
.extra-padding-bottom {padding:0 0 65px}
.extra-padding-top {padding:90px 0 45px}

.first-box {padding-top:65px!important}
.error-404-row.first-box.regular-padding {    padding-top: 190px!important;}

.blue-background {background-color:#e8f1f5}
.color-background-box {    background-color: #e8f1f5;    padding: 30px;    border-radius: 5px;}

.title-box ~ .content-box {margin-top:35px}



.content-row img {width:100%}


.content-row ul, .content-row li {padding:0;margin:0;list-style:none;display:block;}
.content-row ul {margin: 0 0 25px;}
.content-row ul:last-child {margin:0}
.content-row li {position:relative;padding-left:30px;}
.content-row li:before {content: "\f00c";position:absolute;left:0;top:0;width:10px;height:10px;color:#489e87;  font-family: 'Font Awesome 5 Free';  font-weight: 900;}


.call-to-action {background-size:cover;background-position:center center;background-repeat:no-repeat;background-color:#f1f1f1;position:relative;padding:90px 0 65px}
.call-to-action .wrapper {z-index:10;position:relative;}
.call-to-action:before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;opacity:0.8}


.image-box {    border-radius: 5px;    overflow: hidden;}
.rounded-image {    border-radius: 50%;    background-color: #f1f1f1;    padding-bottom: 100%;    background-position: center center;    background-size: cover;    background-repeat: no-repeat;}


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




.video-link {display:block;width:100%;position:relative;border-radius:5px;overflow:hidden}
.video-link:before {width:100%;height:100%;position:absolute;top:0;left:0;content:"";background-color:#fff;opacity:0.5}
.video-link:after {    content: "";    position: absolute;    top: calc(50% - 14px);    left: calc(50% - 9px);    width: 0;    height: 0;    border-top: 14px solid transparent;    border-bottom: 14px solid transparent;    border-left: 23px solid #fff;}



.double-column .content-box > div:first-child {margin:0 0 25px}
.double-column .content-box > div:last-child {margin:0}


@media screen and (min-width:768px) {
	.double-column:first-child {padding-right:2.5%}
	.double-column:last-child {padding-left:2.5%}
}




/*Op de Hoogte / informatiebox*/
.app-box,.ophoogte-box {    background: #fff;    border-radius: 5px;    padding: 40px;}
.app-content{    width: 55%;}
.app-img {width: 45%}
.app-img > div {background-size:cover;background-position:center center;background-repeat:no-repeat;padding-bottom:100%;border-radius:50%;}

.app-content {    padding-right: 20px;margin-bottom:20px;}
.app-img  {padding-left:20px}

.ophoogte-box {background-color:#e8f1f5}
.ophoogte-content {margin-bottom:20px}


@media screen and (min-width:768px) and (max-width:991px){
.app-content{    width: calc(100% - 250px);}
.app-img {    width: 250px;}
}






/*Punten*/
.punten-titel {margin-bottom:35px}
.punt-box {padding-left:90px;position:relative;margin-bottom:35px}
.punt-counter {font-size:60px;color:#416d96;opacity:0.2;position:absolute;left:0;line-height:1;top:calc(50% - 30px);font-weight:700}


/*Meer diensten*/
.gerelateerd-box {background-color:#fff;border-radius:5px;overflow:hidden}
.gerelateerd-image {width:200px;min-height:200px;position:relative;background-size:cover;background-position:center center;background-color:#f1f1f1;background-repeat:no-repeat;}
.gerelateerd-image a {position:absolute;top:0;left:0;width:100%;height:100%;content:"";}

.gerelateerd-box h3, .gerelateerd-box h3 a {color:#333;font-size:20px;line-height:1.2;font-weight:700}
.gerelateerd-box h3, .gerelateerd-box h3:last-child {margin-bottom:30px}
.gerelateerd-content {width:calc(100% - 200px);padding:30px 40px;background-color:#fff}
.gerelateerd-content {line-height:1.3}
.gerelateerd-inner-content {margin-bottom:30px}
.gerelateerd-btns .read-more {    width: 100%;    display: block;}

/*Specialisten*/
.specialist-box h3 {    font-size: 20px;    margin: 0 0 5px;}

.specialist-box a {    color: #416d96;    font-size: 16px;    line-height: 1;}
.specialist-box a:hover, .specialist-box a:focus {color:#333333}

.specialist-image {border-radius:50%;background-color:#ccc;background-position:center center;background-repeat:no-repeat;background-size:cover;width:140px;height:140px;display:block;margin:0 auto}

.specialist-innerbox {    border-radius: 5px;    padding: 100px 20px 40px;    background: #fff;}

.specialist-image-holder {    margin-bottom: -70px;    position: relative;    z-index: 1;}

.specialist-innerbox li {padding:0!important;margin:0!important}
.specialist-innerbox li:before {display:none}

.specialist-fold-hold {
    position: relative;margin-top:20px;
}

.specialist-box button.read-more {
    padding-right: 20px;
    cursor: pointer;
}

.specialist-fold {
    position: absolute;
    width: calc(100% + 130px);
    background: #fff;
    left: -65px;
    padding: 0 65px 65px;
    z-index: 100;
   
}
.specialist-fold {
    position: absolute;
    width: calc(100% + 40px);
    background: #fff;
    left: -20px;
    padding: 0 20px 20px;
    z-index: 100;
    font-size: 16px;
}


.active .small-20.specialist-innerbox, .active .specialist-fold {
    -webkit-box-shadow: 0px 6px 5px 0px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 6px 5px 0px rgb(0 0 0 / 15%);
}


/*Direct regelen box*/


.hulp-image {text-align:center;}
.hulp-image img {width:100%;max-width:350px;}
.direct-row > div {z-index:10;position:relative;}

.direct-row .marginfix {margin-bottom:40px}

.direct-row ul, .direct-row li{padding:0;margin:0;list-style:none;display:block;}
.direct-row li {padding-left:20px;margin-bottom:3px;}
.direct-row li:last-child {margin:0;}
.direct-row li a {display:block;position:relative;padding-right:25px;}

.nav-arrow {    line-height: 1;    font-size: 16px;    position: absolute;    right: 0;    top: calc(50% - 8px);}
.hulp-image {position:absolute!important;right:0;bottom:0;z-index:5!important;width:350px;}

.direct-naam {    font-family: 'Architects Daughter', cursive;    margin-top: 35px!important;	font-size: 20px;}
.direct-naam:before {content:"-";margin-right:10px;}
.direct-naam:after {content:"-";margin-left:10px;}


@media screen and (max-width:600px){
	.hulp-image {width:250px;}
	.direct-column:first-child {margin-bottom:50px}
	
}
@media screen and (min-width:600px) and (max-width:767px){
	.direct-column {width:50%}
}
@media screen and (min-width:768px){
	.direct-small-row .hulp-image {    right: 50%;}
}

/*Dienst slider*/
.slick-slide {outline:none;    padding: 10px 10px 25px;}
.dienstslide-container {    background-color: #fff;    border-radius: 5px;    overflow: hidden;}
.dienstslide-content {    padding: 15px;}
.dienstslide h3, .dienstslide h3 a {    color: #333;    font-size: 20px;    font-weight: 799;    line-height: 1.3;    margin-bottom: 15px;}
.dienstslide h3 a:hover, .dienstslide h3 a:focus {color: #406c96;}
.dienstslide-icon {    padding-bottom: 90px;    background-size: contain;    background-repeat: no-repeat;    background-position: calc(100% + 20px) center;
    margin: 20px 0 5px;position:relative;}
.dienstslide-icon a {content:"";position:absolute;top:0;left:0;width:100%;height:100%;}

.slider-arrow {  cursor:pointer;  position: absolute;    width: 40px;    height: 40px;    background: #fff;    border-radius: 50%;    border: 3px solid #f4f4f4;    z-index: 100;    text-align: center;    line-height: 1;    font-size: 20px;    padding-top: 8px;    top: 120px;}
.slider-arrow:hover {color:#fff;background-color:#333;border-color:#333}

.slider-arrow-next {right:-15px;}
.slider-arrow-prev {left:-15px;}

.dienstslide-container .gerelateerd-image {width:100%}


.dienstslide-container:hover {-webkit-box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.25);}


.dienstslide-container, .slider-arrow, button{  -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:1200px){
	.diensten-slider {width:95%;margin-left:2.5%}
}


ul.slick-dots, ul.slick-dots li {  line-height: 1;  display: block;    margin: 0;    padding: 0;    list-style: none;    text-align: center;}
ul.slick-dots li {    display: inline-block;    margin: 0 4px;}
ul.slick-dots li:before {display:none!important}
ul.slick-dots li button {    text-indent: -9999px;    overflow: hidden;    font-size: 0;    width: 5px;    height: 5px;    background: #c7c7c7;    border-radius: 50%;    border: none;padding:0;}
ul.slick-dots li:hover button, ul.slick-dots .slick-active button {    background: #000;

}




.page-box {    background-color: #fff;    border-radius: 5px;    overflow: hidden;}
.page-box:hover{
    -webkit-box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.25);
}

.page-box-image {
    min-height: 200px;
    padding-bottom: 50%;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-color: #f1f1f1;
    background-repeat: no-repeat;
}
.page-box-image a {position:absolute;top:0;left:0;width:100%;height:100%;content:"";}
.page-box-title {text-align:center;}
.page-box-title h2, .page-box-title h2 a{    font-weight: bold;   color: #333333;    line-height: 1.3;    font-size: 25px;}
.page-box-title h2 a {    padding: 15px 0;    display: block;}

.page-box:hover h2 a {color:#416d96;}


@media screen and (max-width:700px){
.page-box-title h2, .page-box-title h2 a{    font-size: 18px;}
	
}

.dienstgroep-box .overlay {position:absolute;top:0;left:0;width:100%;height:100%;}
.dienstgroep-box {margin-bottom:20px;border-radius:5px;overflow:hidden}
.dienstgroep-content{padding:30px 20px 20px; background:#fff;}
.dienstgroep-content h3, .dienstgroep-content h3 a {font-size:20px;color:#333333;}

.dienstgroep-content li {padding-left:0!important}
.dienstgroep-content li:before {display:none!important}
.dienstgroep-content .read-more {    font-weight: 500;    font-size: 14px;    padding-right: 20px;}
.dienstgroep-content .read-more i {
    position: absolute;
    right: 0;
    font-size: 12px;
    line-height: 1;
    top: calc(50% - 5px);
}


.dienstgroep-img {position:relative;padding-bottom:75%;background-color:#f9f9f9;background-size:cover;background-position:center center;}

.dienstgroep-box { -webkit-box-shadow: 0px 8px 14px 0px rgba(0,0,0,0.12);    -moz-box-shadow: 0px 8px 14px 0px rgba(0,0,0,0.12);    box-shadow: 0px 8px 14px 0px rgba(0,0,0,0.12);}
.dienstgroep-box:hover {    -webkit-box-shadow: 0px 8px 14px 0px rgba(0,0,0,0.36);
    -moz-box-shadow: 0px 8px 14px 0px rgba(0,0,0,0.36);
    box-shadow: 0px 8px 14px 0px rgba(0,0,0,0.36);}


/*Home usps*/
.usps-icon {    margin-bottom: 15px;}
.usps-content h3 {    font-size: 20px;}
.home-usps-row {padding-bottom:50px}
.usps-content {    padding-right: 20px;}
.home-usps-first {padding-top:100px!important}
/*------------------------------------*\
    BASIS FONTS
\*------------------------------------*/
body {	font-family: 'Open Sans', sans-serif;font-size:18px;line-height:1.6;	color:#333;font-weight:400;background-color:#fafafa}


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

h1, h2, h3, h4, h5, h6 {margin:0 0 15px;color:#333333;line-height: 1.3;font-size:30px}
h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child {margin:0}

h1 {font-size:40px;}

/*------------------------------------*\
    BTNS
\*------------------------------------*/
.btn {font-size:18px;color:#fff;padding:16px 20px;line-height:1;min-width:220px;text-align:center;display:inline-block;background-color:#416d96;border-radius:3px;font-weight:normal}
.btn:hover, .btn:focus {background:#345a7d;color:#fff}

.btn-orange {background-color:#d6620d;}
.btn-orange:hover, .btn-orange:focus {background:#416d96;color:#fff}


.btn-green {background-color:#489e87;}
.btn-green:hover, .btn-green:focus {background:#444;color:#fff}


.btn.white.outline {background:none;border:2px solid #fff;padding:12px 20px;}
.btn.white.outline:hover {color:#345a7d;background:#fff}

.read-more {color:#416d96;font-size:18px;font-weight:600;position:relative;padding-right:50px;}
.read-more i {position:absolute;right:0;font-size:16px;line-height:1;top:calc(50% - 8px);}

.read-more:nth-child(2) {color:#729bc7}
.read-more:nth-child(2):hover, .read-more:nth-child(2):focus {color:#333}


.read-more.read-more-back {    padding-right: 0;padding-left:50px}
.read-more.read-more-back  i {right:auto;left:0}

/*------------------------------------*\
    ARCHIVE
\*------------------------------------*/
.filter-box {background:#fff;padding:30px 20px 20px;border-radius:5px;margin-bottom:20px}
.filter-box h3 {margin-bottom:15px}

.filter-box input[type="radio"] {display:none;}

.filter-selectie li {padding:0!important;}
.filter-selectie li:before {display:none}

.filter-selectie li {cursor:pointer;    line-height: 1;    min-width: 110px;    padding: 7px 25px!important;    background-color: #e8f1f5; margin-right:5px;margin-bottom:10px;
    color: #999;    border-radius: 15px;    display: inline-block;    text-align: center;    font-size: 16px;}
.filter-selectie li:hover, .filter-selectie li.selected {background:#416d96;color:#fff}


.filter-selectie li, .post-box{
  -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;
}


.filter-selectie-vacatures li{cursor: pointer;
    line-height: 1;
    min-width: auto;
    padding: 0!important;
    background: none!important;
       margin-right: 15px;
    margin-bottom: 10px;
    color: #999;
    border-radius: 0;
    display: inline-block;
    text-align: center;
    font-size: 16px;}


.filter-selectie-vacatures input[type="checkbox"] ~ span:before {
    border: 1px solid #333;
    border-radius: 0;
    width: 20px;
    height: 20px;
    top: 2px;
    left: 0px;
}
.filter-selectie-vacatures li {color:#333!important}
.filter-selectie-vacatures span {color:#333}
.filter-selectie-vacatures input[type="checkbox"] ~ span:after {
    content: "";
    content: "\f00c";
    font-family: 'Font Awesome 5 Free';
    position: absolute;
    font-weight: 900;
    left: 3px;
    top: 4px;
    width: 13px;
    height: 13px;
    background: none; 
    border-radius: 50%;
    opacity: 0;
}
.filter-selectie-vacatures input[type="checkbox"] ~ span {    padding-left: 35px;}

.pagination {text-align:center;}
.page-numbers {
    font-size: 16px;
    background: #e8f1f5;
    color: #fff;
    display: inline-block;
    padding: 17px 20px;
    line-height: 1;
    border-radius: 5px;
    width: 50px;
    margin: 0 1px;
}
a.page-numbers:hover, a.page-numbers:focus, .page-numbers.current {    background: #416d96;color:#fff}
.page-numbers.next,.page-numbers.prev {width:auto;}



.more-post-holder {margin-bottom:5px;margin-top:15px}
.more-post-holder ~ div {margin-top:15px}
.post-box-holder {margin-bottom:20px;}

.post-box {background-color:#fff;border-radius:5px;}
.post-box:hover {-webkit-box-shadow: 0px 8px 14px 0px rgba(0,0,0,0.36);
-moz-box-shadow: 0px 8px 14px 0px rgba(0,0,0,0.36);
box-shadow: 0px 8px 14px 0px rgba(0,0,0,0.36);}

.post-box-content-holder {    padding: 35px 20px 30px;position:relative;}
.post-box-content {margin-bottom:30px;    font-size: 16px;}

.post-box-title h3, .post-box-title h3 a {color:#333;font-size:20px;}
.post-box-title h3 a:hover, .post-box-title h3 a:focus {color:#416d96}
.post-box-title h3 {margin-bottom:25px}

.post-box-holder-small .post-box-title h3 {margin:0 0 10px;}
.post-box-holder-small .post-box-image {padding-bottom:50%}
.post-box-image {    padding-bottom: 60%;    background-color: #f1f1f1;    position: relative;    border-radius: 5px 5px 0 0;overflow:hidden;background-size:cover;background-position:center center;background-repeat:no-repeat;}
.post-box-image a {content:"";position:absolute;top:0;left:0;width:100%;height:100%;}

.post-tax {
   position:absolute;left:10px;top:-15px;    line-height: 1;    min-width: 110px;    padding: 7px 25px;    background-color: #e8f1f5;    border-radius: 15px;    display: inline-block;    text-align: center;    font-size: 16px;    color: #fff;}

/*------------------------------------*\
    VACATURE ARCHIEF
\*------------------------------------*/
.vacature-box-holder {    background-color: #fff;    border-radius: 5px;    margin-bottom: 20px;    padding: 30px 20px;}
.vacature-box {position:relative;}
.vacature-box h3, .vacature-box h3 a {    color: #333;    font-weight: 700;    font-size: 24px;    margin-bottom: 20px;}
.vacature-box h3 a:hover, .vacature-box h3 a:focus {color: #416d96;}

.vacature-info li {display:inline-block;font-size:16px;color:#416d96;font-weight:600;padding-left:0;margin-right:15px}
.vacature-info li:last-child {margin-right:0;}
.vacature-info li:before {display:none}
.vacature-info li i {margin-right:3px;}

.vacature-box-content li {display:inline-block;margin-right:22px;}
.vacature-box-content li:last-child {margin-right:0}
.vacature-box-content {margin-bottom:15px}

.vacature-box-title {padding-right:200px;}
.vacature-box .post-tax {left:auto;right:25px;top:0}

@media screen and (max-width:600px){
	.vacature-box-title {padding-right:0;}
	.vacature-box .post-tax {    left: auto;    right: auto;    top: 0;    position: relative;    margin-bottom: 10px;}
}
.vacature-box-holder:hover {-webkit-box-shadow: 0px 8px 14px 0px rgba(0,0,0,0.36);
-moz-box-shadow: 0px 8px 14px 0px rgba(0,0,0,0.36);
box-shadow: 0px 8px 14px 0px rgba(0,0,0,0.36);}

.vacature-box-holder{
  -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;
}


/*------------------------------------*\
    FORMULIEREN
\*------------------------------------*/
.form-double {width:50%}
.form-double:first-child {padding-right:10px;}
.form-double:last-child {padding-left:10px;}


input, button {
	-webkit-appearance: none;
	-moz-appearance:none;
	appearance:none;
	outline:none;
	outline:0;

}

.wpcf7-text, input[type="email"], input[type="text"] {
    width: 100%;
    display: block;
    border: none;
    height: 45px;
    padding-left: 15px;
    border-radius: 5px;
    margin-bottom: 10px;
	background-color:#fff;
}
span.wpcf7-list-item {margin:0;}
.aanmelding-voor .wpcf7-list-item {float:left;width:33.333333%;margin-bottom:5px}

input[type="checkbox"] {display:none;}
.wpcf7-checkbox {    float: left;    margin-bottom: 15px;}
input[type="checkbox"] ~ span {position:relative;padding-left:30px;margin-bottom:5px}
input[type="checkbox"] ~ span:before {content:"";position:absolute;left:0;top:0;width:25px;height:25px;background:#fff;border-radius: 5px;}
input[type="checkbox"] ~ span:after {content:"";position:absolute;left:6px;top:6px;width:13px;height:13px;background:#416d96;border-radius: 50%;opacity:0;}
input[type="checkbox"]:checked ~ span:after {opacity:1;}

input.wpcf7-submit, input[type="submit"] {
    height: 50px;
	font-size:18px;color:#fff;padding:0 20px;line-height:1;min-width:260px;text-align:center;display:inline-block;background-color:#416d96;border-radius:3px;border:none
}
input.wpcf7-submit:hover, input.wpcf7-submit:focus, input[type="submit"]:hover, input[type="submit"]:focus {background:#345a7d;color:#fff}

div.wpcf7-response-output {    float: left;    width: 100%;    margin: 0;    margin-top: 20px;    font-size: 14px;    text-align: center;
    line-height: 1.4;    padding: 10px;}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {    border: 2px solid #ff0000;    color: #ff0000;}
span.wpcf7-not-valid-tip {display:none}
.wpcf7-not-valid {    background-color: #ffecec;}
/*------------------------------------*\
    Banner
\*------------------------------------*/
.banner {    width: 100%;  min-height:750px;background-size:cover;  overflow: hidden;    background-color: #f3f3f3;    padding-bottom: 90px;padding:200px 0 50px}

.banner-center-align {background-position:center center}
.banner-top-align {background-position:center top}
.banner-bottom-align {background-position:center bottom}


.banner-box {background-color: rgba(255, 255, 255, 0.9);border-radius:5px;padding:35px 30px}
.banner-box h2 {color:#416d96;font-size:30px;margin:0 0 20px;line-height:1.2}

@media screen and (max-width:1200px){
.banner-box h2 {color:#416d96;font-size:25px;}
	
}

.banner-box p, .banner-box {font-family: 'Open Sans', sans-serif;font-size:18px;line-height:1.4;}
.banner-box ul, .banner-box li {padding:0;margin:0;list-style:none;display:block;}
.banner-box li {margin-bottom:10px;position:relative;padding-left:30px;}
.banner-box li:last-child {margin-bottom:0}
.banner-box li:before {content: "\f00c";position:absolute;left:0;top:0;width:10px;height:10px;color:#489e87;  font-family: 'Font Awesome 5 Free';
  font-weight: 900;}

.banner-box-btn {margin-top:35px}


.split-banner {position:relative;}
.split-banner:before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#333333;opacity:.8;z-index:1}
.split-banner .wrapper {z-index:100;position:relative}

.split-banner .btn {margin: 0 10px 15px;    width: 270px;}


.split-banner h2, .split-banner h1 {color:#fff;}
.split-banner, .split-banner p {color:#f9f9f9}
@media screen and (min-width:768px){
	.split-banner h2, .split-banner h1 {font-size:36px}
}


.blok-banner {padding-bottom:0!important;position:relative;}
.blok-banner:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#406c95+0,001c42+100&0+0,1+100 */
background: -moz-linear-gradient(top, rgba(64,108,149,0) 0%, rgba(0,28,66,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(64,108,149,0) 0%,rgba(0,28,66,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(64,108,149,0) 0%,rgba(0,28,66,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00406c95', endColorstr='#001c42',GradientType=0 ); /* IE6-9 */;opacity:.7}
.blok-banner .wrapper {position:relative;z-index:100}

.blok-banner-content {color:#fff;}
.blok-banner-content h1, .blok-banner-content h2 {color:#fff;font-size:36px}
ul.banner-list-btns, ul.banner-list-btns li {padding:0;margin:0;list-style:none;}
ul.banner-list-btns li {display:inline-block;margin-right:20px;margin-bottom:20px}
.blok-banner-box {max-width:350px;float:right;font-size:15px}
.blok-banner-box, .blok-banner-box h2, .blok-banner-box a {color:#fff;}
.blok-banner-box h2 {font-size:20px}
.blok-banner-box a:hover {opacity:.8}
.blok-banner-box a, .blok-banner-box p, .blok-banner-box {font-size:15px}

.blok-banner-content > div {margin-bottom:45px;margin-top:65px}
.blok-banner-box > div {
    padding: 30px 30px;
    background: rgb(117 166 209 / 85%);
}

@media screen and (max-width:767px){
	.blok-banner-box {
    max-width: 100%;
    float: left;
    padding: 0;
    font-size: 15px;
}
	.blok-banner-box > div {		padding: 30px 10px;}
}


.breadcrumb {background:#406c95;padding:20px 0;color:#fff;font-size:14px;}
.breadcrumb a {color:#fff}
.breadcrumb a:hover {opacity:.8}
.breadcrumb ul, .breadcrumb li {display:inline-block;padding:0;margin:0;list-style:none;}
.breadcrumb li {margin-right:20px;position:relative;}
.breadcrumb li:last-child {margin-right:0;}
.breadcrumb li:last-child {font-weight:600}

.breadcrumb li:last-child:after {display:none}
.breadcrumb li:after {     font-family: 'Font Awesome 5 Free';    content: "\f054";    position: absolute;    right: -15px;    font-size: 12px;    color: #fff;    top: calc(50% - 5px);    font-style: normal;    font-weight: 900;    line-height: 1;}
/*------------------------------------*\
    NAVIGATIE
\*------------------------------------*/
header {position:fixed;left:0;top:0;width:100%;z-index:9999}
header ul, header li {padding:0;margin:0;list-style:none;display:inline-block}
.fixed-header {background-color:#fff;}

.fixed-header .navbar, .dropdown-menu.depth_0, .active-mega .navbar{-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.47);
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.47);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.47);}


.topbar {background:#e8f1f5}

.topbar, .topbar p, .topbar a {color:#333;font-size:18px;font-weight:normal}
.topbar i {color:#416d96}


.top-switch {width:350px;}
.top-switch ul {float:left;width:100%;}
.top-switch li {width:50%;float:left;border-right:1px solid #c1c7ca}
.top-switch li:first-child {border-left:1px solid #c1c7ca} 
.top-switch a {    display: block;
    text-align: center;
    width: 100%;
    padding: 16px 10px;
    line-height: 1;}

.top-adres {padding:10px 0}
.top-adres li {margin-left:20px;}
.top-adres li:first-child {margin:0}

.topbar-margin {margin:2px 0!important}

.top-btn:hover  {color:#fff;background:#416d96;}
.top-btn.active-btn {font-weight:600;color:#fff;background:#416d96;}
@media screen and (min-width:1001px){
.top-switch ~ .top-adres {width:calc(100% - 350px);text-align:right}
	
}
@media screen and (max-width:1000px){
	.top-switch	, .top-adres{width:100%;text-align:center}
	.top-switch {border-bottom:1px solid #c1c7ca}
	.top-adres {padding:5px;line-height:1}
	.top-adres li {padding:3px 0}
	.top-switch li {border:none;}
	.top-switch li:first-child {border-right:1px solid #c1c7ca;border-left:none}
	.top-switch {padding:0}
	.top-switch a {padding:15px 10px;font-size: 15px;}
	.topbar, .topbar p, .topbar a {font-size:15px}
}



.navbar {padding:15px 0;background-color:rgba(255,255,255,0.95);}
.fixed-header .navbar {    padding: 10px 0;}

.header-logo {width:260px}
.nav-holder {width:calc(100% - 260px);}

.nav-box {text-align:right}

.desktopnav .sub-menu {display:none;position:absolute;top:28px;left:calc(50% - 100px);width:200px; background: #f9f9f9;
    text-align: left;}
.desktopnav > ul> li:hover > .sub-menu {display:block}

.desktopnav .sub-menu a {width:100%;display:block;padding:2px 10px;font-size:17px;color:#231f20;font-weight:normal}
.desktopnav .sub-menu a:hover, .desktopnav .sub-menu a:focus, .desktopnav .sub-menu li.current-menu-item > a{    color: #416d96;}

.desktopnav .sub-menu li {display:block}
.desktopnav .sub-menu a {border-bottom:1px solid #f1f1f1f1}
.desktopnav .sub-menu li:last-child a {border:none}

.desktopnav > ul> li {    margin-left: 50px;}
.desktopnav > ul> li:first-child {margin-left:0;}

.desktopnav > ul> li > a {    font-size: 20px;    display: inline-block;	color:#231f20;font-weight:normal}
.desktopnav > ul> li > a:hover, .desktopnav > ul> li > a:focus, .desktopnav > ul> li.current-menu-item > a, .desktopnav > ul> li.current-menu-ancestor > a {    color: #416d96;}

.desktopnav a i {color:#416d96}

.desktopnav li{position:relative;}
.childnav-indicator {display:none;}

.menu-item-has-children> a > .childnav-indicator, .dropdown > a > .childnav-indicator {    display: block;    position: absolute;    top: 5px;    right: 0;    line-height: 1;    color: #406c96;}
.menu-item-has-children {position:relative;}
.menu-item-has-children > a {padding-right:25px!important;}
.menu-item-has-children:hover> a > .childnav-indicator, .dropdown:hover > a > .childnav-indicator,.active-mega-menu.dropdown > a > .childnav-indicator, .childnav-indicator.open-nav{  -ms-transform: rotate(180deg);  -webkit-transform: rotate(180deg);  transform: rotate(180deg); }



.dropdown-toggle {position:relative;}
.dropdown-toggle {padding-right:25px}
.desktopnav li.mega-menu-parent, header .wrapper {    position: static;}
header .mega-menu-wrapper .wrapper {max-width:1150px;}

.mega-menu-wrapper.dropdown-menu.depth_0 {    position: absolute;    top: -500%;    left: 0;    width: 100%;    text-align: left;    background: rgba(232, 241, 245, 0.95);    padding: 50px 0 25px;z-index: -1;opacity:0;}
.active-mega-menu .mega-menu-wrapper.dropdown-menu.depth_0 {opacity:1;top:100%}



.mega-menu-column {width:33.33333%;margin-bottom:25px;}

header .mega-menu-column ul, header .mega-menu-column li {display:block}
.desktopnav .mega-menu-column .sub-menu {    display: block;    position: relative;    top: 0;    left: 0;    width: 100%;    background: none;}
.dropdown a {    color: #333;}
.dropdown .menu-item-has-children > a {font-weight:700}
.desktopnav .dropdown .sub-menu a {    padding: 0;border:none}
.dropdown .menu-item-has-children {    margin-bottom: 15px;}
.dropdown .menu-item-has-children:last-child {margin-bottom:0}


.mega-menu-wrapper{
  -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;
}



.widget-extra {margin:20px 0}

.mega-menu-column h3 {    font-size: 18px;margin:0;}
.mega-menu-column h3.big-widget-title{font-size:24px}
.widget-extra .btn {margin-top:5px;color:#fff!important}

.contact-widget a {font-weight:normal}



.mobbtn {    width: 60px;    height: 40px;    float: right;    position: relative;display:none}

.mobbtn span {content:"";position:absolute;width:100%;height:6px;left:0;background:#416d96;border-radius:3px}

.mobbtn span:nth-child(1){top:0;}
.mobbtn span:nth-child(2){top:17px}
.mobbtn span:nth-child(3){top:34px}


.mobbtn.open-nav span:nth-child(2){width:0!important;} 



.mobbtn.open-nav span:nth-child(1)
{  -ms-transform: rotate(45deg); /* IE 9 */
  -webkit-transform: rotate(45deg); /* Safari prior 9.0 */
  transform: rotate(45deg);    top: 18px;}

.mobbtn.open-nav span:nth-child(3)
{  -ms-transform: rotate(-45deg); /* IE 9 */
  -webkit-transform: rotate(-45deg); /* Safari prior 9.0 */
  transform: rotate(-45deg);    top: 18px;}


.side-nav {position:fixed;top:0;right:-300px;width:300px;height:100%;background:#fff;z-index:9999;padding:50px 5px 0}

.side-nav ul, .side-nav li {padding:0;margin:0;list-style:none;display:block}

.side-nav .sub-menu {display:none}


.respnav > ul > li > a{
	    font-size: 18px;
    display: block;
    color: #333;
	padding:10px 5px;
	border-bottom:1px solid #f1f1f1
}





.respnav .sub-menu a {width:100%;display:block;padding:4px 20px;font-size:17px;color:#333;border-bottom:1px solid #f1f1f1;font-weight: 500;}
.respnav .sub-menu a:hover, .respnav .sub-menu a:focus, .respnav .sub-menu li.current-menu-item > a{    color: #416d96;}
.respnav > ul> li > a:hover, .respnav > ul> li > a:focus, .respnav > ul> li.current-menu-item > a, .respnav > ul> li.current-menu-ancestor > a {    color: #416d96;}

.side-nav .menu-item-has-children > .childnav-indicator {
height: auto;
    width: 20px;
    text-align: center;
    top: 17px;
    padding-top: 0;
    display: block;
    position: absolute;
    right: 0;
    line-height: 1;
}


@media screen and (max-width:1200px){
	.desktopnav > ul> li {    margin-left: 30px;}
	
}


@media screen and (max-width:991px){
	.desktopnav {display:none}
.mobbtn {display:block}
	.side-nav.open-nav {right:0;}	
	header.open-nav {left:-300px}
}

.navbar, header, .side-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;
}


/*------------------------------------*\
    FOOTER
\*------------------------------------*/
.footer-top {background:#fafafa;padding-top:95px;padding-bottom:35px;border-bottom:2px solid #fff}
.footer-bottom {padding-top:15px;padding-bottom:5px;background:#e8f1f5}

.footer-bottom .wrapper > div {margin-bottom:10px;}
footer, footer h4, footer p, footer a {color:#333333;}
footer, footer p, footer a {font-size:18px;font-weight:normal;line-height:1.8}
footer h4 {font-size:20px;margin:0 0 25px;    line-height: 1.2;font-weight:700}
footer a:hover, footer a:focus {color:#416d96}

footer ul, footer li {padding:0;margin:0;list-style:none}

.widget-holder {margin-bottom:35px;}
.design-box {margin-top:30px}


.footer-bottom li {display:inline-block;margin:0 5px}

.footer-bottom .wrapper > div:first-child li:first-child {margin-left:0;}
.footer-bottom .wrapper > div:first-child a {display: inline-block;    width: 45px;    height: 45px;    background: #fff;    color: #416d96;    border-radius: 50%;    text-align: center;    padding-top: 0px;    font-size: 25px;}
.footer-bottom .wrapper > div:first-child a:hover, .footer-bottom .wrapper > div:first-child a:focus {color:#fff;background:#416d96;}

.footer-bottom .wrapper > div:last-child li:last-child {margin-right:0;}



@media screen and (min-width:992px){
	.footer-bottom .wrapper > div:last-child {text-align:right}
	
}
@media screen and (max-width:991px){
	.footer-bottom .wrapper > div {text-align:center}
}
@media screen and (max-width:767px){
	.widget-holder, .design-box  {text-align:center;}
}



/*------------------------------------*\
    START TEMPLATE
\*------------------------------------*/

.start-dienst-row {margin-bottom:5px;}
.start-dienst-holder  {margin-bottom:20px;}
.start-dienst-image {position:relative;padding-bottom:60%;background-size:cover;background-position:center center;background-repeat:no-repeat;border-radius:5px;overflow:hidden}
.start-dienst-image:before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;opacity:0.7;z-index:4}
.simple-start-dienst:hover .start-dienst-image:before {opacity:0}
.start-dienst-icon-holder {position:absolute;width:100px;height:100px;border-radius:50%;top:calc(50% - 80px);left:calc(50% - 50px);z-index:10}
.start-dienst-icon {width:70%;height:70%;position:relative;margin-left:15%;margin-top:15%;content:"";background-size:contain;background-position:center center;background-repeat:no-repeat;}
.start-dienst-overlay {position:absolute;top:0;left:0;width:100%;height:100%;z-index:20;content:"";}

.simple-start-dienst-color {position:absolute;top:0;left:0;width:100%;height:100%;content:"";opacity:0.1;z-index:5}

.start-dienst-imgtitle {position:absolute;left:0;bottom:0;width:100%;text-align:center;padding:15px;z-index:10}
.start-dienst-imgtitle h3 {color:#fff;font-size:22px;margin:0;line-height:1}
.simple-start-dienst> div {border-radius:5px}

.start-dienst-holder> div:hover {-webkit-box-shadow: 0px 8px 14px 0px rgba(0,0,0,0.36);
-moz-box-shadow: 0px 8px 14px 0px rgba(0,0,0,0.36);
box-shadow: 0px 8px 14px 0px rgba(0,0,0,0.36);}



.expanded-start-dienst {background-color:#e8f1f5;padding:70px 0 45px;}
.large-dienst-box {    background-color: #fff;    border-radius: 5px;overflow:hidden}
.large-dienst-box-img {    padding-bottom: 50%;    background-size: cover;    background-position: center center;    background-repeat: no-repeat;
	position:relative;}
.large-dienst-box .start-dienst-icon-holder {    left: 35px;    bottom: -50px;    top: auto;    width: 100px;    height: 100px;}
.large-dienst-box-content {    padding: 75px 20px 10px;}
.large-dienst-box-content .read-more {display:block;width:100%}
.large-dienst-box h3 {    font-size: 20px;    margin: 0;}


.start-dienst-holder> div, .start-dienst-image:before {
  -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;
}


/*------------------------------------*\
    SEARCH
\*------------------------------------*/
.desktopnav {width:calc(100% - 40px);padding-right:20px}


.search-click-holder {
    width: 40px;
    font-size: 23px;
    color: #231f20;
}
.search-click:hover, .search-click.active {
    color: #416d96;
}
.search-click {
    display: block;
    width: 40px;
    text-align: center;
    position: relative;
    color: #231f20;margin:0;line-height: 1.4;
}
.search-click i.fa.fa-times {
    position: absolute;
    left: 9px;
    font-size: 31px;
    top: 0px;
    opacity: 0;
}
.active i.fa.fa-times {
    opacity: 1;
}
.active i.fa.fa-search {
    opacity: 0;
}

body.search footer {border-top:1px solid #ddd}

.search-box {
    padding: 30px 20px;
    background: #fff;margin-bottom: 20px;
    border-radius: 5px;
    overflow: hidden;
	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;
}
.search-box:hover {
    -webkit-box-shadow: 0px 8px 14px 0px rgb(0 0 0 / 36%);
    -moz-box-shadow: 0px 8px 14px 0px rgba(0,0,0,0.36);
    box-shadow: 0px 8px 14px 0px rgb(0 0 0 / 36%);
}
.search-box h2, .search-box h2 a {    font-size: 20px;    color: #333333;}

form.search {float:left;width:100%}
.search-holder {
    background: #416d96;
    padding: 10px 0;
}
input.search-input {
    width: 100%;
    width: calc(100% - 50px);
    box-sizing: border-box;
    height: 50px;
    padding-left: 15px;
    background: none;
    font-size: 18px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    float: left;
    color: #fff;
}
button.search-submit {
    width: 50px;
    height: 50px;
    float: left;
    color: #fff;
    cursor: pointer;font-size:20px
}
button.search-submit i {color:#fff}
button {
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    border-radius: 0px;
    background: transparent;
    line-height: 1;
    cursor: auto;
}
input.search-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
input.search-input::-moz-placeholder { /* Firefox 19+ */
  color:  #fff;
}
input.search-input:-ms-input-placeholder { /* IE 10+ */
  color:  #fff;
}
input.search-input:-moz-placeholder { /* Firefox 18- */
  color:  #fff;
}
/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
@media screen and (max-width: 991px){
	.search-click-holder {    width: calc(100% - 60px);       padding-right: 20px;font-size:28px}
	.search-click {float:right}
	
	.search-click i.fa.fa-times {
    position: absolute;
    left: 7px;
    font-size: 36px;
    top: 3px;
    opacity: 0;
}
	
	
	}


@media screen and (max-width:767px){
	body, .btn {font-size: 16px;}	
	h1 {    font-size: 32px;}
	h1, h2, h3, h4, h5, h6 {font-size:22px}
}


@media screen and (max-width:550px){
	h1 {    font-size: 25px;}
	
	
	.header-logo {    width: 200px;}
	.nav-holder {
    width: calc(100% - 200px);
}
	.top-adres li {margin:0 40px}
}




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

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	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;
	}
}