/*
	Theme Name: Custom Template
	Theme URI: https://www.dink.nl
	Description: Basis voor de template
	Version: 1.0
	Author: DINK
	Author URI: https://www.dink.nl

*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@font-face {  font-family: 'icomoon';  src:  url('assets/fonts/icomoon.eot?aspii7');  src:  url('assets/fonts/icomoon.eot?aspii7#iefix') format('embedded-opentype'),    url('assets/fonts/icomoon.ttf?aspii7') format('truetype'),    url('assets/fonts/icomoon.woff?aspii7') format('woff'),    url('assets/fonts/icomoon.svg?aspii7#icomoon') format('svg');  font-weight: normal;  font-style: normal;  font-display: block;}

:root {
	--font-family-montserrat: "Montserrat", sans-serif;
	--color-blue:#163C90;
	--color-blue-dark:#152850;
	--color-blue-light: #2764F3;
	--color-grey:#949598;
	--color-grey-dark:#4E525A;
	--color-grey-light: #E5E5E5;
	--color-orange: #C03E14;
	
	--gradient-dark-light: linear-gradient(45deg,rgba(21, 40, 80, 1) 0%, rgba(22, 60, 144, 1) 100%);
	--gradient-light-dark: linear-gradient(315deg,rgba(21, 40, 80, 1) 0%, rgba(22, 60, 144, 1) 100%);
	
	--border-radius-button: 23px;
	--padding-content: 90px 0 45px;
	--padding-content-first:70px;
	--padding-buttons: 15px 30px;
	--padding-buttons-outline: 14px 28px;
	
	--font-size-body:15px;
	--font-size-14:14px;
	--font-size-18:18px;
	--font-size-24:24px;
	--font-size-36:36px;
	--font-size-52:52px;
	--font-size-56:56px;
	--margin-15: 15px;
	--margin-20: 20px;
	--margin-30: 30px;
	--margin-45: 45px;
	
	--header-height:200px
}
@media screen and (max-width:1000px){
:root {
	
	--header-height:80px
}
	
}



[class^="icon-"], [class*=" icon-"] {  font-family: 'icomoon' !important;
  speak: never;  font-style: normal;  font-weight: normal;  font-variant: normal;  text-transform: none;  line-height: 1;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}
.icon-chevron-left:before {  content: "\e915";}
.icon-chevron-right:before {  content: "\e916";}
.icon-clock:before {  content: "\e917";}
.icon-door-dink:before {  content: "\e918";}
.icon-mail:before {  content: "\e919";}
.icon-marker:before {  content: "\e91a";}
.icon-phone:before {  content: "\e91b";}
.icon-social-facebook:before {  content: "\e91c";}
.icon-social-instagram:before {  content: "\e91d";}
.icon-social-linkedin:before {  content: "\e91e";}
.icon-social-youtube:before {  content: "\e91f";}


a, a:before,a:after, input, button , a span, .expertise-box > div {
  -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;
}
.wpml-ls-legacy-dropdown-click .wpml-ls-item:before {
  -webkit-transition: all .15s ease-in-out;
  -moz-transition: all .15s ease-in-out;
  -o-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
}



.grecaptcha-badge {    visibility: hidden;}

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


\*------------------------------------*/
body, html {margin:0;padding:0}
*,*: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;height:auto}

a{text-decoration:none;}

.blue-background .standaard-content a:not(.btn) {	color:#fff;	text-decoration:underline;}
.white-background .standaard-content a:not(.btn) {	color:var(--color-grey-dark);	text-decoration:underline;}

a:not(.btn):hover {	color:var(--color-orange);}


a:focus {	outline:0;}
a:hover,a:active {	outline:0;}
input:focus {	outline:0;	border:none;}

/*------------------------------------*\
    Fonts
\*------------------------------------*/
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {margin-bottom:0;}
h1, h2, h3, h4, h5, h6 {   font-family: var(--font-family-montserrat); margin: 0;color:var(--color-blue); font-weight:700;line-height:1.2;text-transform:none}
body {font-size:var(--font-size-body);line-height:1.5;font-family: var(--font-family-montserrat);color:var(--color-grey-dark);font-weight:400;}
 
.standaard-content h2,
.standaard-content h3,
.standaard-content h4,
.standaard-content h5,
.standaard-content h6 {font-size:var(--font-size-18);margin-bottom:10px;color:var(--color-blue)}

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

.standaard-content ul, .standaard-content ul li, .standaard-content ol {padding:0;margin:0;list-style:none;display:block}
.standaard-content ul li {position:relative;padding-left:20px;}
.standaard-content ul, .standaard-content ol {margin-bottom:15px;}
.standaard-content ul:last-child, .standaard-content ul li:last-child, .standaard-content ol:last-child {margin-bottom:0}
.standaard-content ul li:before {content:"";position:absolute;left:0;top:8px;line-height:1;content: "";background:var(--color-orange);width:7px;height:7px;border-radius:50%}
.standaard-content ol { counter-reset: li}
.standaard-content ol li {display:block;padding-left:20px;position:relative;}
.standaard-content ol li:before{counter-increment: li;content: counter(li)'.'; color: var(--color-orange);
  display: inline-block; position:absolute;left:0;top:0;}


.bold {font-weight:900}

.standaard-content strong em, .standaard-content em strong,  
.large-content{font-size:var(--font-size-18);font-weight:400;font-style:normal;    margin-bottom: 30px;    display: block;font-weight:500}

.standaard-content p + h2, .standaard-content p + h3, .standaard-content p + h4, .standaard-content p + h5, .standaard-content p + h6,
.standaard-content ul + h2, .standaard-content ul + h3, .standaard-content ul + h4, .standaard-content ul + h5, .standaard-content ul + h6, 
.standaard-content ol + h2, .standaard-content ol + h3, .standaard-content ol + h4, .standaard-content ol + h5, .standaard-content ol + h6{margin-top:25px}

.title-box h1, .title-box .h1, .title-box h2 {font-size:var(--font-size-36);font-weight:900;text-transform:uppercase}

.subtitle-box h3 {color:var(--color-grey-light);font-size:var(--font-size-body);font-weight:700;text-transform:uppercase;border-bottom:1px solid rgb(255 255 255 / 25%);padding-bottom:15px;}
.white-background .subtitle-box h3 {border-color:var(--color-grey-light);color:var(--color-grey)}
.grey-background .subtitle-box h3 {border-color:rgb(148 149 152 / 25%);color:var(--color-grey)}

.bordered-title-box > .row {border-top:1px solid rgb(255 255 255 / 25%);padding-top:45px;}
.bordered-title-box:first-child > .row {border:none;}

.blue-background {color:var(--color-grey-light);}
footer.blue-background {color:#fff;}

 .blue-background h1, .blue-background h2, .blue-background h3, .blue-background h4, .blue-background h5, .blue-background h6 {color:#fff;} 


.vacature-contact ul, .vacature-contact li {padding:0;margin:0;list-style:none;}
.vacature-contact li {display:inline-block;margin-right:40px;}
.vacature-contact li, .vacature-contact li a {font-weight:700;color:var(--color-blue);}
.vacature-contact li a {padding-left:30px;position:relative;}
.vacature-contact li a span {font-size:17px;left:0;top:0;position:absolute;}
.vacature-contact li a span.icon-mail {font-size:14px;top:3px;}
/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/
.row>* {
	    padding-right: calc(var(--bs-gutter-x)* 1);
    padding-left: calc(var(--bs-gutter-x)* 1);
}


.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
     max-width: 1220px;
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    padding: 0 calc(30px - 1.5rem);
}

.content-row {padding:var(--padding-content);}
.white-background + .white-background {padding-top:0;}
.blue-background + .blue-background {padding-top:0;}
.grey-background {background:var(--color-grey-light)}
.white-background {background:#FBFBFB}
.blue-background,.gradient-body {background:var(--color-blue)}
.gradient-background.dark-light {background:var(--color-blue-dark);background:var(--gradient-dark-light);}
.gradient-background.light-dark {background:var(--color-blue-light);background:var(--gradient-light-dark);}
.transparent-background, .gradient-body footer {background:transparent!important;}

.gradient-body.dark-light {background:var(--color-blue-dark);background:var(--gradient-dark-light);}
.gradient-body.light-dark {background:var(--color-blue-light);background:var(--gradient-light-dark);}


.background-shaped {position:relative;}
.background-shaped:before, .expertises-template-template-single-expertise-main main:before{z-index:1;content:"";position:absolute;width:100%;height:100%;top:0;left:0;background-image:url(assets/images/wissekerke-background.png);background-size:100% auto;background-repeat:no-repeat;}
.background-shaped .container {z-index:10;position:relative;}
.home-shape:before {background-position:center 300px;}


.expertises-shape:before {height:1360px;bottom:-180px;z-index:-1;top:auto;}
.expertises-shape-main:before {background-position:center 440px;}
.expertises-shape-sub {background-position:center 760px;}

.expertises-template-template-single-expertise-main main{position:relative;}
.expertises-template-template-single-expertise-main section {z-index:10;position:relative;}

.expertises-template-template-single-expertise-main main:before {background-position:center 980px;}





.test{background-position:-80px center;}



.title-box {margin-bottom:var(--margin-30);position:relative}
.title-btn {text-align:right; margin-bottom:var(--margin-30);}
.margin-fix,.marginfix {margin-bottom:var(--margin-45)}
.nomargin {margin-bottom:0!important}
.small-marginfix {margin-bottom:var(--margin-30);}


.textcenter, .text-center {text-align:center;}
.standaard-content p + .btn {margin-top:5px;}

.media-box {position:relative;border:1px solid var(--color-grey-light)}
.media-box img {width:100%;}
.video-box {position: relative; padding-bottom: 56.25%; overflow: hidden; max-width: 100%;height: auto;} 
.video-box iframe, .video-box object, .video-box embed { position: absolute;top: 0;	left: 0;width: 100%;height: 100%;}

.video-link {display:block;position:relative}
.video-link.overlay {position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;}
.video-link span {position:absolute;top:calc(50% - 45px);left:calc(50% - 45px);background:#fff;border-radius:50%;width:90px;height:90px}

.video-link span:before {content:"";position:absolute;  width: 0; 
  height: 0; 
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 10px solid var(--color-orange);top:calc(50% - 8px);left:calc(50% - 3px)}

.video-link:hover span {background:var(--color-orange);}
.video-link:hover span:before{  border-left: 10px solid #fff;}

.image-slider-holder {position:relative;}
.image-slider, .image-slide, .image-slide img {width:100%;display:block;position:relative;}

.slider-arrow-holder {position:absolute;z-index:10;bottom:30px;right:calc(30px + 1.5rem);display:flex;align-items:center;width:auto;flex-wrap:wrap}
.slider-arrow {width:45px;height:45px;border-radius:50%;background:#fff;color:var(--color-blue);font-size:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;}
.slider-arrow:hover {background:var(--color-orange);color:#fff;}
.slider-prev {margin-right:30px;}
.slider-next {margin-left:30px;}
.images-slider-count, .pagina-slider-count {width:auto;font-weight:700;color:#fff;min-width:55px;text-align:center}


.content-banner {position:relative;min-height:540px;padding-top:120px;padding-bottom:45px;}
.content-banner img,.content-banner picture {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;}
.content-banner:before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background: #000000;background: linear-gradient(135deg,rgba(0, 0, 0, 1) 0%, rgba(3, 3, 3, 0) 100%);opacity:.25;z-index:2;}
.content-banner .container {position:relative;z-index:100;}
.content-banner h1, .content-banner h2 {font-size:var(--font-size-56);color:#fff;font-weight:900;text-transform:uppercase;    text-shadow: 0 3px 6px rgb(0 0 0 / 16%);}
.content-banner h1 span, .content-banner h2 span {font-weight:400;color:var(--color-grey-light);font-size:var(--font-size-body);font-weight:700;margin-bottom:30px;display:block}

.content-banner .btn {margin-top:30px;}
.pagina-slider .content-banner {min-height:760px;padding-bottom:220px;display:flex;flex-wrap:wrap;align-items:center}

.pagina-slider-holder {    position: relative;}
.pagina-slider, .pagina-slide, .pagina-slide img {width:100%;display:block;}
.pagina-slider, .pagina-slide {position:relative;}
.pagina-slider-holder .slider-arrow-holder {bottom:90px}

.merken-slider > div {border-bottom:1px solid var(--color-grey-light);padding-bottom:80px;margin-top:30px}

.merken-row {overflow:hidden;}
.merk-slide {margin-right:175px}
.merk-slide img {width:100%;height:auto;max-width:200px;}
.merk-slide > div {display:flex;align-items:center;height:100%;}
.merken-row .slick-list {overflow:visible}
.merken-row .slick-track{    display: flex !important;}
.merken-row .slick-slide{    height: inherit !important;}
.merken-archief {margin-bottom:45px}
.over-btn {margin-top:-15px;}

.over-adres {display:flex;flex-wrap:wrap;align-items:flex-start;    position: relative;
    z-index: 100;}

.over-adres > a {margin-top:auto;display:flex;align-items:center;}
.over-adres div {width:100%;position:relative;margin-top: 73px;overflow:hidden}
.over-adres div:after {width:322px;height:120px;content:"";position:absolute;top:0;background-size:contain;background-repeat:no-repeat;background-image:url('assets/images/map-lijn-desktop.png');    right: 66px;}
.over-media div > a, .over-media div {position:relative;z-index:10;}
.over-adres div h4 {margin-top:20px;margin-bottom:40px;}
.over-media .video-link {position:absolute;top:0;left:0;width:100%;height:100%;}

.over-media .media-box {position:relative;}
@media screen and (min-width:768px){
	.over-media {order:2;}
	.btn.responsive-btn {display:none}
}
@media screen and (max-width:768px){
	.btn.desktop-btn, .desktop-btn {display:none}
} 
.over-row .container >.row:first-child {position:relative;z-index:100;}
.media-box .nl-map {width:470px;height:575px;position:absolute;left:-235px;top:-235px;}


.read-more span {width:30px;height:30px;background:var(--color-orange);color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center;margin-right:10px;border-radius:50%;}
.read-more {color:var(--color-grey-dark);font-weight:700}

/*------------------------------------*\
    PORTFOLIO
\*------------------------------------*/
.portfolio-box {width:33.333333%;margin-bottom:3rem}
.portfolio-box > a {background:var(--color-grey-light);display:block;box-shadow:0 3px 6px rgb(0 0 0 / 16%)}

.portfolio-box-image {width:100%;height:250px;position:relative;}
.portfolio-box-image img:not(.portfolio-box-icon img) {width:100%;height:250px;object-fit:cover;}
.portfolio-box-icon {height:90px;width:80px;display:flex;align-items:center;justify-content:center;color:#fff;background:var(--color-orange);position:absolute;top:0;left:30px;}
.portfolio-box-icon img {width:auto;max-height:38px;object-fit:contain}
.portfolio-box-content {padding:45px;}
.portfolio-box-content h3 {font-weight:900;color:var(--color-blue);font-size:var(--font-size-24);text-transform:uppercase;margin-bottom:35px;}
.portfolio-box-content span {width:30px;height:30px;background:var(--color-orange);color:#fff;border-radius:50%;font-size:10px;display:flex;align-items:center;justify-content:center;}

.portfolio-box > a:hover {background:var(--color-blue)}
.portfolio-box > a:hover h3 {color:#fff;}

.portfolio-archief {margin-bottom:calc(45px - 3rem);}
.portfolio-box-content > *     {width: 100%;}
.portfolio-box-content {    display: flex;    flex-wrap: wrap;}
.portfolio-box-content span {align-self:flex-end;}

#filter {margin-bottom:30px;display:flex;flex-wrap:wrap;}
#filter label {margin:0 0 15px 0;width:auto;}
#filter label span{padding-left:15px;padding-right:15px;}
#filter label span:before, #filter label span:after {display:none!important}
#filter label :checked + span {border-color:#fff;}

.responsive-filter {
    padding: 0 10px;display:none
}
.responsive-filter .select-holder {margin:0;}

@media screen and (max-width:1250px){
#filter label {
    margin: 0 0 10px 0;
    padding: 0 10px;
}
	#filter {
    margin-bottom: 35px;
    display: flex;
    flex-wrap: wrap;
    padding: 0 calc(1.5rem - 10px);
}
}

@media screen and (max-width:992px){
	.portfolio-box-content {padding:20px;}
	.portfolio-box {width:50%}
	.portfolio-box-icon {    height: 70px;		width: 63px;}
	.portfolio-box-icon img {max-height:30px;}
	.portfolio-box-image img:not(.portfolio-box-icon img), .portfolio-box-image {height:200px}
}

@media screen and (max-width:767px){
	.portfolio-box-image img:not(.portfolio-box-icon img), .portfolio-box-image {height:180px}

	.responsive-filter {display:block}
	#filter label {display:none}
}

@media screen and (max-width:550px){
	.portfolio-box {width:100%}
	
}

.portfolio-slider .slick-list {padding:0;}
.portfolio-slider .slick-list .portfolio-box {padding:0 1.5rem}

/*------------------------------------*\
    EXPERTISES
\*------------------------------------*/
.expertise-archief {margin-bottom:calc(45px - 3rem);}
.expertise-archief .expertise-box {width:33.333333%;margin-bottom:3rem}
.expertise-box-image {width:100%;height:250px;position:relative;}
.expertise-box-image img:not(.expertise-box-icon img){width:100%;height:250px;object-fit:cover;}
.expertise-box-icon {height:90px;width:80px;display:flex;align-items:center;justify-content:center;color:#fff;background:var(--color-orange);position:absolute;top:0;left:30px;}
.expertise-box-icon img {width:auto;max-height:38px;object-fit:contain}
.expertise-box-icon.logo-box-icon {background:#fff;width:120px;    padding: 10px;}
.portfolio-box-image .expertise-box-icon.logo-box-icon  img {object-fit:contain}
.expertise-box-content {padding:45px;    display: flex;    flex-wrap: wrap;
    align-items: flex-start;}
.expertise-box-content > div {width:100%;}
.expertise-box-content h3 {font-weight:900;color:#fff;font-size:var(--font-size-24);text-transform:uppercase;margin-bottom:25px;}

.expertise-box-more {margin-top:auto;width:30px!important;height:30px;background:var(--color-orange);color:#fff;border-radius:50%;font-size:10px;display:flex;align-items:center;justify-content:center;}

.expertise-box > div:hover .expertise-box-more {color:var(--color-orange);background:#fff;}

.expertise-box-content ul, .expertise-box-content li {padding:0;margin:0;list-style:none;display:block;}
.expertise-box-content ul {margin-bottom:25px;}
.expertise-box-content li {margin-bottom:10px;}
.expertise-box-content li:last-child {margin-bottom:0;}
.expertise-box-content li a {display:block;color:var(--color-grey);font-weight:900;text-transform:uppercase;position:relative;padding-right:30px;}
.expertise-box-content li a span {font-size:8px;right:0;top:6px;position:absolute;}

.expertise-box > div:hover .expertise-box-content li a  {opacity:.5;color:#fff;}
.expertise-box > div:hover .expertise-box-content li a:hover,.expertise-box > div:hover .expertise-box-content li a:focus {color:#fff;opacity:1;}

.expertise-archief .expertise-box > div {width:100%;background:var(--color-blue);display:block;box-shadow:0 3px 6px rgb(0 0 0 / 16%);height:100%;}
.expertise-archief .expertise-box > div:hover {background:var(--color-orange)}
.expertise-archief .expertise-box > div:hover h3 {color:#fff;}

.expertise-product-archief {margin-bottom:calc(45px - 3rem);}
.expertise-box > a {background:var(--color-blue);}
.expertise-box .portfolio-box-content h3 {color:#fff;}
.expertise-box > a:hover {background:var(--color-orange)}

.expertise-box >a:hover span {color:var(--color-orange);background:#fff;}
.expertise-box .portfolio-box-image {background-color:#fff;}


@media screen and (max-width:992px){
	.expertise-box-content {padding:20px;}
	.expertise-archief .expertise-box {width:50%}
	.expertise-box-icon  {    height: 70px;		width: 63px;}
	.expertise-box-icon  img {max-height:30px;}
	.expertise-box-image, .expertise-box-image img:not(.expertise-box-icon img) {height:200px}
}

@media screen and (max-width:767px){
	.expertise-box-image, .expertise-box-image img:not(.expertise-box-icon img){height:180px}

}

@media screen and (max-width:550px){
	.expertise-archief .expertise-box {width:100%}
	
}


/*------------------------------------*\
    VACATURES
\*------------------------------------*/
.vacature-box {margin-bottom:30px;}
.vacature-box > div {background:var(--color-blue);box-shadow:0 5px 15px rgb(0 0 0 / 16%)}
.vacature-image {width:400px} 
.vacature-image a {background:var(--color-grey-light);display:block}
.vacature-image a, .vacature-image img {width:100%;height:100%;object-fit:cover;}
.vacature-content {padding:45px;display:flex;align-items:center;flex-wrap:wrap;width:calc(100% - 400px)}
.vacature-box h3 {color:#fff;font-size:var(--font-size-24);text-transform:uppercase;font-weight:900;}
.vacature-content .btn {width:150px;text-align:center;margin-left:30px;}
.vacature-content div {width:calc(100% - 180px);}
.vacature-content ul, .vacature-content li {padding:0;margin:0;list-style:none}
.vacature-content ul {display:block;margin-top:30px;}
.vacature-content li {display:inline-block;margin-right:40px;display:inline-flex;align-items:center;font-weight:700;color:#fff;}
.vacature-content li:last-child {margin-right:0;}
.vacature-content li span {font-weight:normal;color:var(--color-orange);margin-right:5px;}


.vacature-row {background: var(--color-blue);position:relative;}
.vacature-row-image {position:absolute;top:0;left:0;width:50%;height:100%;padding:0;}
.vacature-row-image a, .vacature-row-image img {width:100%;height:100%;object-fit:cover;}
.vacature-row-image a {position:relative}
.vacature-row-content {width:50%;margin-left:50%;padding-top:90px;padding-bottom:90px;padding-left:50px;min-height:720px;display:flex;flex-wrap:wrap;}
.vacature-row-content  div {width:100%;}
.vacature-row-content .subtitle-box {text-align:right}
.vacature-row-content .subtitle-box h3 {position:relative;padding-right:25px;}
.vacature-row-content .subtitle-box h3 span {position:absolute;right:0;top:-7px;width:15px;height:15px;border-radius:50%;color:#fff;font-size:8px;font-weight:900;display:flex;align-items:center;justify-content:center;background:var(--color-orange);}

.vacature-row-desc h2 {color:#fff;font-size:var(--font-size-24);font-weight:900;text-transform:uppercase;}
.vacature-row-desc {margin-bottom:45px;padding-top:90px;padding-bottom:45px;}
.vacature-row-desc .btn {margin-top:45px;}
.vacature-row-btn {margin-top:auto;text-align:right}

.container + .vacature-row {margin-top:45px;}
.vacature-row + .container{ margin-top:45px}

.vacature-row .slide-counter {
    position: absolute;
    bottom: 90px;
    left: 0;
    width: 100%;
    text-align: center;
    font-weight: 700;
    color: var(--color-grey-light);display:flex;align-items:center;justify-content:center;
}
.vacature-row .slide-counter .current {color:#fff;font-size:24px;margin-right:7px}
/*------------------------------------*\
    BREADCRUMB
\*------------------------------------*/
#breadcrumbs {position:relative;padding-bottom: 15px; }
#breadcrumbs:after {content:"";position:absolute;bottom:0;left:1.5rem;width:calc(100% - 3rem);height:1px;background:var(--color-grey-light);}
.blue-background #breadcrumbs:after {background:#fff;opacity:.25}

div#breadcrumbs > div > span {    display: block;      }
div#breadcrumbs, div#breadcrumbs a {color:var(--color-grey);text-transform:uppercase}
.blue-background div#breadcrumbs, .blue-background div#breadcrumbs a {color:var(--color-grey-light)}
div#breadcrumbs a:hover, div#breadcrumbs a:focus {color:var(--color-orange);}
.blue-background div#breadcrumbs a:hover, .blue-background div#breadcrumbs a:focus {color:#fff;}
span.breadcrumb_last {font-weight:700}

#breadcrumbs, #breadcrumbs a {font-size:13px;}


.with-back-btn {align-items:center}
.back-btn {width:60px;}
.back-btn +.col-sm-12 {width:calc(100% - 60px);}
.back-btn a {font-size:12px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;color:#fff!important;background:var(--color-grey);cursor:pointer;border-radius:50%;}
.back-btn a:hover {background:var(--color-orange);}

/*------------------------------------*\
    Pagination
\*------------------------------------*/
.single-pagination-row {margin-top:35px}
.single-pagination-row .col-sm-6 {display:flex;flex-wrap:wrap}
.single-pagination-row .col-sm-6:last-child  .single-pagination{margin-left:auto;}
.single-pagination {border:none;background:none;padding:0;margin:0;color:var(--color-grey);font-size:14px;text-transform:uppercase;font-weight:700;display: flex;    align-items: center;}
.single-pagination span{font-size:12px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;color:#fff!important;background:var(--color-grey);cursor:pointer;border-radius:50%;}
.single-pagination-row .col-sm-6:first-child  .single-pagination span {margin-right:15px;}
.single-pagination-row .col-sm-6:last-child  .single-pagination span {margin-left:15px;}
.single-pagination.disabled{color:var(--color-grey);opacity:.7}
.single-pagination:not(.disabled):hover{color:var(--color-orange)}
.single-pagination:not(.disabled):hover span{background:var(--color-orange);color:#fff;}


.archive-pagination {margin-top:60px;text-align:center;font-size:18px;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center}
.archive-pagination .page-numbers {color:#fff;opacity:.25;margin:0 10px;}
.archive-pagination a.page-numbers:hover, .archive-pagination .page-numbers.current, .archive-pagination button.page-numbers:not(.disabled):hover {opacity:1;color:#fff;}

.archive-pagination button {background:none;border:none;padding:0;}
.archive-pagination .next.page-numbers {width:45px;height:45px;font-size:12px;color:#fff;border:1px solid rgb(255 255 255 / 25%);display:flex;align-items:center;justify-content:center;margin-left:40px;border-radius:50%;opacity:1;margin-right:0;}
.archive-pagination .prev.page-numbers {width:45px;height:45px;font-size:12px;color:#fff;border:1px solid rgb(255 255 255 / 25%);display:flex;align-items:center;justify-content:center;margin-right:40px;border-radius:50%;opacity:1;margin-left:0;}

.archive-pagination .next.page-numbers:not(.disabled):hover , .archive-pagination .prev.page-numbers:not(.disabled):hover {border-color:#fff;}


/*------------------------------------*\
    FORMS
\*------------------------------------*/

.contact-side {    max-width: calc(300px + 3rem);    margin-left:auto;}
.contact-sidebox h4 {    font-size: var(--font-size-24);    text-transform: uppercase;font-weight:900;     margin-bottom: 10px;}

.contact-sidebox div {margin-bottom:25px;}
.contact-sidebox div:last-child {margin-bottom:0;}
.contact-sidebox ul, .contact-sidebox li {padding:0;margin:0;list-style:none;display:block}
.direct-contact {margin-top:10px;margin-bottom:10px}
.direct-contact ul, .direct-contact li {padding:0;margin:0;list-style:none}
.direct-contact li {display:inline-block;margin-bottom:30px;margin-right:45px;position:relative}
.direct-contact, .direct-contact a {font-size:16px;font-weight:700;color:var(--color-orange)!important;text-decoration:none!important}
.direct-contact a{position:relative;padding-left:60px;display:inline-block;margin-bottom:8px;}
.direct-contact a:hover, .direct-contact a:focus {    color: var(--color-blue)!important;}
.direct-contact span{position:absolute;left:0;top:-11px;	overflow: hidden;    border-radius: 50%;    display: flex;    width: 45px;    height: 45px;    align-items: center;
    justify-content: center;    font-size: 18px;    color: #fff;border-radius:50%;background:var(--color-orange);    z-index: 2;}
.direct-contact span.icon-mail {font-size:15px}
.direct-contact a:hover span, .direct-contact a:focus span {  background: var(--color-blue)!important;}
.contact-sidebox p {   font-weight: 700;	color: var(--color-grey);}
.contact-sidebox .socials {margin-bottom:-20px}
.socials {margin:0;padding:0;}
.socials li {display:inline-block;margin-right:15px;margin-bottom:20px;}
.socials li:last-child {margin-right:0;}
.socials a {background:var(--color-orange);overflow:hidden;border-radius:50%;display:flex;width:45px;height:45px;align-items:center;justify-content:center;font-size:19px;color:#fff;position:relative;z-index:2;;}
.socials a:hover, .socials a:focus {background:var(--color-blue);color:#fff;}
.socials a .icon-social-youtube, .socials a .icon-social-linkedin {font-size:16px}
footer .socials a:hover, footer .socials a:focus {background:#fff;color:var(--color-orange);}





p.verplicht {font-size:14px;color:var(--color-grey);text-align:right;margin-bottom:5px;}

form p {margin:0}
form br {display:none}

input[type="text"], input[type="email"], textarea{
 float: left;    width: 100%;    appearance: none;    -webkit-apppearance: none;    background: #fff;    border: 1px solid var(--color-grey-light);;    
	font-weight:400; font-family: var(--font-family-montserrat);font-size:var(--font-size-body); 
	padding-left: 30px;	height: 50px;outline:none!important;margin-bottom:15px;border-radius:25px;
}
span.wpcf7-form-control.wpcf7-radio { background:#fff; min-height:50px;  float: left;    width: 100%;    border: 1px solid var(--color-grey-light);    border-radius: 25px;    margin-bottom: 15px;    padding: 13px 30px 5px;}
span.wpcf7-form-control.wpcf7-radio > span {    float: left;    width: 50%;    margin: 0 0 4px;}

textarea {resize:none;height:120px;margin-top:0;padding-top:25px}

.select-holder { overflow:hidden;border-radius:23px;   width: 100%;     border: 1px solid #fff; position: relative;    z-index: 1000;margin-bottom:15px;}
select {-webkit-appearance:none;appearance:none;background:none;border:none;color:#fff;    font-size: var(--font-size-body);
    font-family: var(--font-family-montserrat);
    color: #fff !important;
    font-weight: 700;height:45px;padding:var(--padding-buttons-outline);padding-top:0!important;padding-bottom:0!important;width:100%;}

.select-holder span{     position: absolute;    z-index: 10;    font-size: 8px;    right: 25px;    top: calc(50% - 4px);    line-height: 1;    color: #fff;}
.select-input {cursor:pointer;position:relative;z-index:100;background:none;height:100%;width:100%;overflow:hidden;padding-left:30px;padding-right:45px; padding-top:18px;padding-bottom:18px;    padding-top: 11px;    padding-bottom: 10px;
}

.select-dropdown { width:calc(100% + 2px); border-radius:0;  background: #fff;    border: 1px solid var(--color-grey-light);position:absolute;top:-1px;left:-1px;z-index:-1;background:#fff;padding:60px 30px 10px;-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);display:none}
 
.select-dropdown .wpcf7-form-control-wrap {line-height:1.5}
.select-dropdown .wpcf7-list-item-label {cursor:pointer;}

.select-holder span {  transform: rotate(90deg); }

.select-dropdown span.wpcf7-form-control.wpcf7-radio {border:none;background:none;padding:0;}
.select-dropdown span.wpcf7-form-control.wpcf7-radio > span {width:100%}

span.verplicht {float:right;font-size:14px;color:#6F6F6F}
span.wpcf7-list-item {    line-height: 1.5;margin:0 0 15px;display:block}


input[type="radio"] {display:none}
input[type="radio"] + span {position:relative;padding-left:30px;color:#3F3E3E;cursor:pointer;}
input[type="radio"] + span:before{border-radius:50%;content:"";position:absolute;left:0;top:0;border:1px solid var(--color-grey-light);width:20px;height:20px;}
input[type="radio"]:checked + span:after {border-radius:50%;content:"";position:absolute;left:5px;top:5px;background:var(--color-orange);width:10px;height:10px;}

span.wpcf7-form-control-wrap {
    float: left;
    width: 100%;
    position: relative;
}



.wpcf7-not-valid-tip {display:none}
.wpcf7-not-valid {border-color:var(--color-orange)!important}
.wpcf7 form .wpcf7-response-output {
    margin: 10px 0 0;
    padding: 15px 20px;
    border: 2px solid var(--color-orange);
    text-align: center;
    background: var(--color-orange);
    width: 100%;
    float: left;
    color: #fff;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: var(--color-orange);
    background: var(--color-orange);color:#fff;
}
.wpcf7 form.sent .wpcf7-response-output{
	    border-color: var(--color-orange);
    background: var(--color-orange);color:#fff;
}


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: var(--color-grey-dark);font-weight:400; font-family: var(--font-family-montserrat);
}
::-moz-placeholder { /* Firefox 19+ */
 color: var(--color-grey-dark);font-weight:400; font-family: var(--font-family-montserrat);}
:-ms-input-placeholder { /* IE 10+ */
 color: var(--color-grey-dark);font-weight:400; font-family: var(--font-family-montserrat);}
:-moz-placeholder { /* Firefox 18- */
 color: var(--color-grey-dark);font-weight:400; font-family: var(--font-family-montserrat);}



@media screen and (min-width:768px){
	.form-half-right {padding-left:15px;width:50%;float:left;}
	.form-half-left {padding-right:15px;width:50%;float:left;}

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

	
}

@media screen and (max-width:767px){
		
	input[type="text"], input[type="email"], textarea, .select-input{padding-left:20px;}
	span.wpcf7-form-control.wpcf7-radio {padding-left:20px;padding-right:20px;}
	.form-file .icon-upload, .select-holder span.icon-chevron-down {right:20px;}
	.select-dropdown {padding:50px 20px 0px}
}


/*------------------------------------*\
    BUTTON
\*------------------------------------*/
.btn {
	font-size: var(--font-size-body);
	font-family:var(--font-family-montserrat);
    color: #fff!important;
    font-weight: 700;
    display: inline-block;
    line-height: 1;
    padding: var(--padding-buttons);
    background: var(--color-orange);
    border-radius: 25px;
    min-width: 150px;
    text-align: center;
  	border:none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-style: normal;
    cursor: pointer;

}




.btn:hover, .btn:focus {background: var(--color-blue);color: #fff;} 
.blue-background .btn:hover, .blue-background .btn:focus, .header-phone .btn:hover, .header-phone .btn:focus, .vacature-row .btn:hover, .vacature-row .btn:focus{background: #fff;color: var(--color-orange)!important;} 


.btn.outline {padding:var(--padding-buttons-outline);color:#fff!important;background:none;border:1px solid rgb(255 255 255 / 50%) }
.btn.outline:hover, .btn.outline:focus {color:#fff!important;border-color:#fff;background:none}


.over-row .btn.outline {color:var(--color-grey-dark)!important; border-color:rgb(148 149 152 / 25%);}
.over-row .btn.outline:hover, .over-row .btn.outline:focus {border-color:var(--color-grey-dark);color:var(--color-grey-dark)!important}

/*------------------------------------*\
    FOOTER
\*------------------------------------*/
footer {padding-top:80px;padding-bottom:50px;}
footer, footer a, footer h4 {color:#fff;}
footer h4 {font-weight:900;font-size:24px;text-transform:uppercase;line-height:1;margin-bottom:25px;}
.footer-top {position:relative;padding-bottom:30px;margin-bottom:45px;}
.footer-top > div {margin-bottom:30px;}
.footer-top:after {content:"";position:absolute;bottom:0;left:1.5rem;width:calc(100% - 3rem);height:1px;background:#fff;opacity:.25}
.footer-top ul, .footer-top li {padding:0;margin:0;list-style:none;display:block;line-height:2;}
.footer-top li, .footer-top li a {color:var(--color-grey-light);font-weight:700}
.footer-top li a:hover, .footer-top li a:focus {color:#fff;}
.footer-bottom > div > a, .footer-bottom .socials .door-dink a {color:var(--color-grey);}
.footer-bottom > div > a:hover, .footer-bottom > div > a:focus, .footer-bottom .socials .door-dink a:hover, .footer-bottom .socials .door-dink a:focus {color:#fff;}
.footer-bottom > div:last-child {margin-left:auto;}
.footer-bottom .socials {display:flex;flex-wrap:wrap;align-items:center;}
.footer-bottom .socials .door-dink {margin-left:auto;}
.footer-bottom .socials .door-dink a {background:none;height:auto;width:auto;border-radius:0;font-size:14px;}
.footer-bottom > div > a {    margin:10px 0;    display: inline-block;}

.footer-contact {margin-top:10px;margin-bottom:90px;position:relative;padding-top:60px;padding-bottom:60px;}
.footer-contact:after {content:"";position:absolute;bottom:0;left:1.5rem;width:calc(100% - 3rem);height:1px;background:#fff;opacity:.25}
.footer-contact:before {content:"";position:absolute;top:0;left:1.5rem;width:calc(100% - 3rem);height:1px;background:#fff;opacity:.25}

.footer-contact > div:first-child {font-weight:700;width:360px;}
.footer-contact > div:nth-child(2) {width:calc(100% - 660px)}
.footer-contact > div:last-child {width:300px;}
.footer-contact-tel, .footer-contact-tel a {font-size:var(--font-size-52);font-weight:900;line-height:1;}

.gradient-body footer {padding-top:0;}
.gradient-body .footer-contact {margin-top:0;}

.responsive-socials {display:none;padding-bottom:40px;margin-bottom:40px;position:relative;}
.responsive-socials:after {content:"";position:absolute;bottom:0;left:1.5rem;width:calc(100% - 3rem);height:1px;background:#fff;opacity:.25}

.footer .socials li {margin-bottom:0;}

@media screen and (max-width:1250px){
	.footer-contact {padding-top:45px;padding-bottom:45px;}
	.footer-contact > div:first-child, .footer-contact > div:nth-child(2) {text-align:center;margin-bottom:20px;width:100%;}
	.footer-contact > div:last-child {width:100%;text-align:center}
}

@media screen and (max-width:1100px){
	.footer-bottom .col-md-4 .socials li:not(.door-dink) {display:none}
	.responsive-socials {display:block}
	.footer-bottom .socials {justify-content:center}
	.footer-bottom > div:last-child {width:100%;}
	.footer-bottom .socials .door-dink {margin-left:0;}
	.footer-bottom .col-sm-12.col-md-4:nth-child(2) {    margin-left: 16.66667%;}
	.footer-bottom .col-sm-12.col-md-4 {text-align:center}
	
}

@media screen and (max-width:992px){
	
	.footer-contact {margin-bottom:40px;padding-top:30px;padding-bottom:30px;}

	.footer-top {    padding-bottom: 10px;    margin-bottom: 40px;}
	footer {    padding-top: 40px;    padding-bottom: 40px;}
	
}
@media screen and (max-width:767px){
    .footer-bottom .col-sm-12.col-md-4:nth-child(2) {        margin-left: 0%;    }
	.footer-bottom .col-md-4 .socials {margin-top:10px;}
}
/*------------------------------------*\
    MISC
\*------------------------------------*/
header {position:fixed;top:0;left:0;width:100%;max-height:100vh;background:var(--color-blue-dark);background:var(--gradient-dark-light);z-index:9000}

header.nav-up {top:-100%}

.nav-container {max-height:var(--header-height);min-height:var(--header-height)}
.active-dropdown .nav-container{max-height:100vh}
main {margin-top:var(--header-height);}

.header-top {height:120px;align-items:center}
.header-logo {width:calc(275px + 3rem)}
.header-phone, .header-language {width:auto;}
.header-phone span.icon-phone {display:none}
.header-phone{margin-left:auto;}

.header-navigatie ul, .header-navigatie li {padding:0;margin:0;list-style:none}
.header-navigatie ul {display:flex;justify-content:space-between;padding:0 1.5rem}
.header-navigatie li {width:150px;height:79px;}
.header-navigatie li a {position:relative;display:flex;flex-wrap:wrap;font-size:15px;text-transform:uppercase;font-weight:700;color:var(--color-grey-light);display:block;border-top:1px solid rgb(255 255 255 / 25%);padding:15px 0;}
.header-navigatie li a:before {content:"";position:absolute;top:0;left:0;width:0;height:1px;background:#fff;}
.header-navigatie li:hover a:before, .header-navigatie li.current-menu-item a:before, .header-navigatie li.current-menu-ancestor a:before {width:100%;}
.header-navigatie li:hover a, .header-navigatie li.current-menu-item a, .header-navigatie li.current-menu-ancestor a {color:#fff;}



.vac-count {display:inline-block;margin-left:10px;width:17px;height:17px;background:var(--color-orange);border-radius:50%;font-weight:700;font-size:9px;display:inline-flex!important;align-items:center;justify-content:center;vertical-align:top;color:#fff;    margin-top: -5px;position:relative!important;top:0!important;left:0!important}

.header-navigatie li a .icon-chevron-right {margin-left:15px;font-size:12px;transform:rotate(90deg);display:inline-block} 
.header-navigatie li:hover  .icon-chevron-right {transform:rotate(-90deg);}

.dropdown-navigatie {overflow:auto;height:calc(100vh - var(--header-height));    max-height: 0;visibility:hidden;position:relative;}
.dropdown-navigatie.active {max-height:calc(100vh - var(--header-height));visibility:visible;padding-bottom:45px;}
.nav-container {max-height:100%}

.dropdown-navigatie ul, .dropdown-navigatie li {padding:0;margin:0;list-style:none;display:block;line-height:1;}
.menu-titel {padding-left:30px;font-weight:700;font-size:15px;text-transform:uppercase;margin-bottom:12px;color:var(--color-grey)}
.dropdown-navigatie li {padding-bottom:3px;padding-right:30px;}

.dropdown-navigatie a {border-radius:20px;display:block;padding:12px 30px;padding-right:35px;font-weight:500;font-size:15px;text-transform:uppercase;color:var(--color-grey-light);position:relative;}
.dropdown-navigatie li:hover > a, .dropdown-navigatie li.current-menu-item > a {color:#fff;background:rgb(148 149 152 / 10%);}
.dropdown-navigatie a span {position:absolute;right:30px;font-size:10px;top:calc(50% - 5px);opacity:0;}
.dropdown-navigatie li:hover > a span, .dropdown-navigatie li.current-menu-item > a span {opacity:1;}

.nav-base-column {width:330px;padding-right:0;;border-right:1px solid rgb(148 149 152 / 25%);}


.dropdown-navigatie .sub-menu {width:calc(50% - 164px);display:none;position:absolute;top:0;height:100%;padding-left:30px;border-right:1px solid rgb(148 149 152 / 25%);}
.dropdown-navigatie .sub-menu-depth-1 {left:329px}
.dropdown-navigatie .sub-menu-depth-2 {
    left: 100%;
    width: 100%;border-right:none;
}

.dropdown-navigatie li:hover > .sub-menu {display:block!important;}

.current-submenu-ancestor > .sub-menu  {display:block}


header{
  -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;
}
.mobbtn span {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;
}
.dropdown-navigatie,.sidenav, .nav-container {
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}



.mobbtn-holder {display:none;width:auto;padding-left:0;}

.mobbtn {border-radius:50%;width:30px;height:30px;position:relative;display:block;border:1px solid #fff;cursor:pointer;}
.mobbtn span {width:16px;height:1px;background:#fff;position:absolute;left:6px;}
.mobbtn span:nth-child(1){top:10px;}
.mobbtn span:nth-child(2){top:14px;}
.mobbtn span:nth-child(3){top:18px;}
.mobbtn.active-menu span:nth-child(2){width:0;left:50%;}
.mobbtn.active-menu span:nth-child(1){transform:rotate(45deg);top:14px;}
.mobbtn.active-menu span:nth-child(3){transform:rotate(-45deg);top:14px;}


.sidenav {justify-content:center;top:0;left:0;width:100%;height:100%;display:none;overflow:auto;height:calc(100vh - var(--header-height)); max-height: 0;visibility:hidden;}
.sidenav ul, .sidenav li {margin:0;list-style:none;}
.sidenav li,.sidenav ul ul {padding:0;}
.sidenav ul ul {padding-left:10px;}
.sidenav a {display:block;line-height:1;font-size:15px;text-transform:uppercase;color:var(--color-grey-light);font-weight:500;}
.sidenav li {display:block;}
.sidenav-holder {padding-top:30px;}

.sidenav-holder {    max-width: calc(450px + 3rem);}
.sidenav-holder > li {padding:15px 0;border-bottom:1px solid rgb(255 255 255 / 25%)}
.sidenav-holder > li > a {font-weight:700;}
.sidenav-holder .current-menu-item > a, .sidenav-holder .current-menu-ancestor > a, .sidenav-holder li:hover > a {color:#fff;}

.sidenav > ul   .sub-menu {margin-top:15px;display:none}
.sidenav > ul   .sub-menu li {margin-bottom:15px;}
.sidenav > ul .sub-menu li:last-child {margin-bottom:0;}
.sidenav .language-switcher {margin-top:45px;text-align:center;padding-bottom:50px;}
.sidenav .language-switcher div {width:auto;margin:0 auto;    display: inline-block;}

.sidenav > ul  a {padding-right:10px;position:relative;}
.sidenav > ul   a span {font-size:10px;position:absolute;right:0;top:2px;}
.sidenav > ul > li > a span {top:3px;}
.sidenav > ul > li.with-children > span {top:12px;}
.sidenav > ul .with-children.active-submenu > a span {display:none}
.sidenav > ul .with-children.active-submenu > span {opacity:1;}

.sidenav > ul  .with-children > a span {transform:rotate(90deg);right:1px}
.sidenav > ul  .with-children {position:relative;}
.sidenav > ul .with-children > span {width:20px;height:20px;position:absolute;top:0;right:-3px;cursor:pointer;opacity:0;}
.sidenav > ul  .with-children > span:before, .sidenav > ul .with-children > span:after {content:"";width:14px;height:1px;background:#fff;position:absolute;left:6px;}
.sidenav > ul  .with-children > span:before{transform:rotate(45deg);top:9px;}
.sidenav > ul  .with-children > span:after{transform:rotate(-45deg);top:9px;}

.wpml-ls-legacy-dropdown-click a {position:relative;}
.wpml-ls-legacy-dropdown-click {
    width: auto;
    max-width: 100%;
}
.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle {
    position: relative;
    padding-right: 20px;width:105x;
} 
.wpml-ls-legacy-dropdown-click a {
    display: flex;
    text-decoration: none;
    color: #fff;
    border: none;
    background-color: transparent;
    padding: 0;
    line-height: 1;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 700;align-items:center;flex-wrap:wrap;
}
.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after {
    content: "";
    vertical-align: middle;
    display: inline-block;
    border: none;
    position: absolute;
    right: 0;
    top: 7px;
    content: "\e915";
    font-family: 'icomoon' !important;
    font-size: 12px;
    transform: rotate(-90deg);
}
.wpml-ls-legacy-dropdown-click .wpml-ls-flag {
    display: inline;
    vertical-align: middle;
    order: 2;
    margin: 0 10px 0 40px;
    width: 25px;
    height: 25px;
    object-fit: cover;
    border-radius: 50%;
}
.wpml-ls-legacy-dropdown-click .wpml-ls-item {position:relative}
.wpml-ls-legacy-dropdown-click .wpml-ls-item:before {border:1px solid rgb(148 149 152 / 25%);width:45px;height:45px;border-radius:23px;position:absolute;content:"";top:-10px;right:20px}



.wpml-ls-legacy-dropdown-click .wpml-ls-item:hover:before{border-color:#fff;}

.wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover>a, .wpml-ls-legacy-dropdown-click a:focus, .wpml-ls-legacy-dropdown-click a:hover {background:none!important;color:#fff!important}


.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {border:none;}
.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a {
    border-width: 0;
    color:transparent
}
.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu .wpml-ls-item:before {display:none}

.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
    border: none;
    padding-top: 5px;
}
.wpml-ls-legacy-dropdown-click .toggle-wpml:before {
	height: 76px;}

.wpml-ls-legacy-dropdown-click .wpml-ls-flag+span {
    position: absolute;
    margin: 0;
    top: calc(50% - 7.5px);
    left: 0;
}




@media screen and (max-width:1000px){
	.header-navigatie {display:none}
	.header-logo {    width: calc(175px + 3rem);}
	.header-top {		height: 80px;}
	.header-phone span.icon-phone {display:block}
	.phone-txt {display:none}
	.header-phone .btn {padding:0;display:flex;align-items:center;justify-content:center;width:30px;height:30px;min-width:0}
	.header-language {display:none}

	.mobbtn-holder {display:block}	
	.sidenav {display:flex}
	
	.sidenav.active-menu{max-height:calc(100vh - var(--header-height));visibility:visible;}
	
}




/*------------------------------------*\
    Responsive
\*------------------------------------*/
@media screen and (max-width:1250px){
	.vacature-image {    width: 300px;}
	.vacature-content {   width: calc(100% - 300px);}
}

@media screen and (max-width:1050px){
	.media-box .nl-map {    width: 280px;    height: 343px;    position: absolute;    left: -140px;    top: calc(50% - 171.5px);}
	.over-media img {height:300px;object-fit:cover;}
	.over-adres div:after {right:6px;}
	.over-adres div {
    width: 100%;
    position: relative;
    margin-top: 148px;
    overflow: hidden;
    margin-bottom: 20px;
}
}

@media screen and (max-width:992px){
	:root {
		--font-size-body:15px;
		--font-size-14:14px;
		--font-size-18:17px;
		--font-size-24:20px;
		--font-size-36:30px;
		--font-size-52:36px;
		--font-size-56:36px;
			
		--border-radius-button: 23px;
		--padding-content: 40px 0 5px;
		--padding-content-first:70px;
		--padding-buttons: 13px 30px;
		--padding-buttons-outline: 11px 28px;
		
	}	
	.back-btn a {    width: 25px;    height: 25px;font-size:10px!important;}
	.back-btn {    width: 45px;}
	.back-btn +.col-sm-12 {    width: calc(100% - 45px);}
	
	.title-box, .title-box.marginfix, .title-box .margin-fix {margin-bottom:20px;}
	.margin-fix, .marginfix {    margin-bottom: 30px;}
	
	div#breadcrumbs, div#breadcrumbs a {font-size:12px}
	#breadcrumbs {padding-bottom:10px;}
	
	.content-banner {min-height:450px;padding-top:90px;}
	.content-banner h1 span, .content-banner h2 span {margin-bottom:15px;}
	
	.pagina-slider .content-banner {min-height:650px;padding-bottom:100px;}
	.pagina-slider-holder .slider-arrow-holder {    bottom: 30px;}
	
	.direct-contact li {margin-bottom:15px;}
	.direct-contact {margin-bottom:15px;}

	.vacature-image {    width: 250px;}
	.vacature-content {    padding: 30px;width: calc(100% - 250px);}	
	.vacature-content ul {margin-top:20px;}
	.vacature-content li {margin-right:30px;}
	.vacature-content div {width:100%;}
	.vacature-content .btn {width:auto;margin-left:0;margin-top:20px;}
	
	
	.slider-arrow-holder {bottom: 20px;    right: calc(20px + 1.5rem);}
	.slider-prev {    margin-right: 20px;}
	.slider-next {    margin-left: 20px;}
	.slider-arrow {    width: 40px;		height: 40px;}
	
	.single-pagination-row {margin-top:15px;}
	
	.archive-pagination {margin-top:20px;}
	
	.vacature-row-content {    padding-top: 40px;    padding-bottom: 40px;    padding-left: 30px;    min-height: 450px;}	
	.vacature-row-desc {    margin-bottom: 45px;    padding-top: 60px;    padding-bottom: 0;}
	.vacature-row .slide-counter {bottom:30px;}
	.vacature-row-desc .btn {    margin-top: 30px;}
	
	.merken-archief {    margin-bottom: 30px;}
	.merken-slider > div {    padding-bottom: 40px;    margin-top: 0px;}
	
	
	.merk-slide {    margin-right: 120px;}
	.merk-slide img {max-width:150px;}
	
	.bordered-title-box > .row {padding-top:30px;}
	.container + .vacature-row {    margin-top: 15px;}
	.vacature-row + .container {    margin-top: 15px;}
}

@media screen and (max-width:767px){
	:root {
		--padding-buttons: 11px 20px;
		--padding-buttons-outline: 9px 18px;
	}
	.contact-side {max-width:100%;}
	
	.direct-contact span {   top:-3px; width: 30px;    height: 30px;font-size:13px;}
	.direct-contact span.icon-mail {    font-size: 11px;}
	.direct-contact a {padding-left:45px;}
	.direct-contact, .direct-contact a {    font-size: 14px;}
	.socials a {width:30px;height:30px;    font-size: 13px;}
	.socials a .icon-social-youtube, .socials a .icon-social-linkedin {    font-size: 11px;}
	
	input[type="text"], input[type="email"], textarea {height:45px;}
	textarea {padding-top:15px;padding-right:15px;height:120px;}
	
	.content-banner {min-height:380px;padding-top:40px;padding-bottom:40px;display:flex;align-items:center;}
	.pagina-slider .content-banner {min-height:380px;padding-bottom:40px;}
	.pagina-slider-holder .slider-arrow-holder {   display:none}
	
	
	.vacature-content {    padding: 20px;}	
	.vacature-image img {    height: 200px;    object-fit: cover;}
	
	.vacature-box {    margin-bottom: 20px;}
	
	
	.btn {font-size:13px;}
	.col-sm-12.subtitle-box.marginfix {margin-bottom:20px;}
	
	.merk-slide {    margin-right: 90px;}
	.merk-slide img {max-width:140px;max-height:90px;object-fit:contain}	
	.title-btn {text-align:left;}
	
	    .media-box .nl-map {
        width: 280px;
        height: 343px;
        position: absolute;
        left: calc(50% - 140px);
        top: calc(100% - 70px);
    }
	.row.over-map-hold {    justify-content: center;}
	    .over-adres div {     overflow:visible;   width: 100%;        position: relative;        margin-top: 215px;      
        margin-bottom: 45px;    }	
	.over-adres div h4 {    margin-top: 0;    margin-bottom: 5px;}
	.over-adres {max-width:240px;padding-left:45px;}
	   
	.over-adres div:after {
        right: auto;right:auto;
                left: -115px;
        top: -74px;width:206px;height:85px;transform:rotate(-90deg)
    }
	
}

@media screen and (max-width:650px){
	:root {
		--font-size-body:15px;
		--font-size-14:14px;
		--font-size-18:15px;
		--font-size-24:18px;
		--font-size-36:20px;
		--font-size-52:24px;
		--font-size-56:24px;
	}	
	.subtitle-box h3 {font-size:13px}
	
	
	.vacature-image {    width: 100%;}
	.vacature-content {    width: 100%;}	
	
	.archive-pagination .page-numbers {margin:0 7px;}
	.archive-pagination .prev.page-numbers {margin-right:15px;}
	.archive-pagination .next.page-numbers {margin-left:15px;}
	
	.single-pagination {font-size:11px;}
	.single-pagination-row .col-sm-6:first-child .single-pagination span {    margin-right: 5px;}
	.single-pagination span {    font-size: 7px;    width: 20px;	height: 20px;}
	.single-pagination-row .col-sm-6:last-child .single-pagination span {    margin-left: 5px;}
	
	    .vacature-row-image {
        position: relative;
        width: calc(100% + 3rem);
        height: 240px;
        max-width: none;
        margin-left: -1.5rem;
    }
	
	    .vacature-row .slide-counter {
        text-align: right;
        bottom: 20px;
        justify-content: flex-end;
        padding-right: 30px;
    }
	.vacature-row-desc {padding-top:20px;margin-bottom:40px;}
	.vacature-row-content {width:100%;margin-left:0;min-height:0;padding-left:1.5rem}
	.vacature-row-content .subtitle-box h3 {text-align:left;display:flex;}
	.vacature-row-content .subtitle-box h3 span {    margin-left: 10px;    position: relative;}
	.vacature-row-desc .btn {margin-top:20px;}
}

@media screen and (max-width:600px){
	.single-pagination-row .col-sm-6 {width:50%; }
	
}
/*------------------------------------*\
    MISC
\*------------------------------------*/



::selection {
	background:var(--color-blue-dark);;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:var(--color-blue-dark);;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:var(--color-blue-dark);;
	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;
	}
}