@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700&display=swap');
html {min-height: 100%;position: relative; }
html, body{overflow-x: hidden;}
body.page{ margin:0px; }
*{outline: none}
*{-webkit-font-smoothing: auto; -webkit-font-smoothing:antialiased; outline: none}
input, textarea, select{appearance:none; -moz-appearance:none; -webkit-appearance:none; border-radius: 0}
img{max-width: 100%}
body{color:#000;padding:0;margin:0px auto;line-height:normal;font-size:18px; font-family: 'Open Sans', sans-serif;   background: #fff; font-weight:400}
/*p, ul, li, img, a, input, select, div{ margin:0px; padding:0px; outline:none!important; box-shadow:none; border:0px; list-style:none; }*/ 
h1, h2, h3, h4, h5, h6{outline:none!important; box-shadow:none; border:0px; list-style:none;   }
a{-webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
::-webkit-input-placeholder {opacity:1; color:#B5B8DE}:-moz-placeholder {opacity:1; color: #B5B8DE}::-moz-placeholder {opacity:1; color: #B5B8DE}:-ms-input-placeholder {opacity:1; color:#B5B8DE}
p{color:#000;line-height: 2;margin-bottom:35px; font-size:18px} 
.home p{ line-height:2;}
a, .calander-main a:hover i{text-decoration:none;color: #2a2d71;}
.home-news a .news-block .block-info p {color: #fff;text-decoration: none;}
a:hover .agenda-list , a:hover .news-block.primaryBg { background: #dc6d95;-webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
a:hover .news-block.primaryBg.masterclass { background: #4c6a97; }
a:hover{color:#d13270}
a:hover, a:focus{text-decoration:none; outline:0;}
.z-index{ position:relative; z-index:99}
.theme{color:#f992b5}
.whiteTxt{color:#fff;}
.primaryBg{ background:#d2036f; color:#fff; }
.primarylightBg{ background:#e9e9e1; }
.secondaryBg{ background:#2c245d; color:#fff;}

.secondaryBg.wit{ background:#fff;}
.secondaryBg.beige{ background:e0d8b9;}
.secondaryBg.lichtbeige{ background:#f3f2e6;}
.secondaryBg.blauw{ background:#2a2d71;}
.secondaryBg.donker{ background:#231f20;}

.blackBg{ background:#000000; color:#fff}
.darkBg{ background:#928967;}	
.mediumBg{ background:#e0d8b9;}
/*.lightBg{ background:#EFEBDE;}*/
.lightBg{ background:#e9e9e1;}
.blueBg{ background:#2A2D71;}
.bluelightBg{ background:#47598A;}
.grayBg{ background:#C2C0B0;}
.sbold{ font-weight:600}
.mbold{ font-weight:500}
.bold{ font-weight:700}
.padd75{ padding:75px 0px}
.padd60{ padding:60px 0px}
.padd65{ padding:65px 0px}
.pt60{ padding-top:60px}
ul.list-style{ margin:0px; padding:0px;}
ul.list-style li{ margin:0px 0 15px 0; padding:0px;  position:relative; padding-left:53px}
ul.list-style li:before{ background:url(../images/icons.png) no-repeat; content:""; position:absolute; left:0; top:0; height:14px; width:26px; }
h1{font-size: 3.313rem;  }
h2{font-size: 2.5rem}
h2.h2, .f40{font-size: 2.5rem; font-weight:300; }
h3.f18{font-size: 18px; }
h3{font-size: 24px; }
h4{font-size: 30px; }
h5{font-size: 22px; font-weight:400; margin-bottom:15px}
.f24{ font-size:24px}
.f18{ font-size:18px}
.f19{ font-size:19px}
.f15{ font-size:15px}
.f22{ font-size:22px}
.white-txt{ color:#fff;}
.whitebg{ background:#fff;}
.sub-title{ color:#aa6706; font-weight:600; font-size:24px }
.zindex{ z-index:2;  position:relative}
.whitetxt{ color:#fff}
.heading-style h2{color:#1a97a3; position:relative; padding-bottom:33px; margin-bottom:25px}
.heading-style h2:before{background: rgb(26,151,163); background: linear-gradient(90deg, rgba(26,151,163,1) 48%, rgba(107,229,234,1) 52%); content:""; position:absolute; width:227px; height:2px; bottom:0 }
.heading-style.text-center h2:before{ left:50%;transform:translateX(-50%)}

.btn.btn-secondary{ border:#fff solid 1px; padding:12px 50px; background:none; text-decoration:none;  border-radius:30px	}
.btn.btn-secondary:hover{ background:#fff; color:#1a97a3; border:#fff solid 1px}
.blackOverlay{position:relative }
.blackOverlay:before{content:"";background-color:rgba(0, 0, 0, .6);position:absolute;left:0;top:0;width:100%;height:100% }
.links{ color:#928967 !important;  text-decoration:none; position:relative; font-size:28px }
.links:hover{ color:#928967;text-decoration:underline;  }
#cn-notice-buttons a {
    color: #cdbe8c;
}
.heading{ padding:30px 0px}
section.heading.team {
    padding: 0;
}
/*****css start*************/
	.hero { animation: marquee 90s infinite linear; }

 #scrollscreen {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 301px;
    background-image: url(../images/W-logoslider-XL2.png);
    background-size: auto 295px;
    top: -55px;
    position: relative;
    opacity: 1;
    z-index: 2;
} 
.paper {
    display: inline-block;
    margin-top: 40px;
} 
.container, .container-lg{ max-width:1024px !important}
.content p {     margin-bottom: 25px; }
.content.vervolg {     margin-top: 50px; }
.header-top { padding-top:0;  width:100%; z-index: 999999; top:0px; padding-bottom: 0px; position:fixed;
	-webkit-box-shadow: 5px 5px 15px 5px #0000001c;
	border-top:#af1a52 solid 1px;
    box-shadow: 5px 5px 15px 5px #0000001c;
    height: 131px;}
.header-top .logo { margin-top:5px}
ul.headerSocial{ position:fixed; left:0; top:260px;  z-index:9; width:40px;}
ul.headerSocial li{ width:40px}
ul.headerSocial li:hover{ opacity:0.5}
.teambanner {     margin-top: 0;     height: calc(100vh - 250px); }
.topLinks{ margin:10px 0 0 0; padding:0px; display: none; justify-content: flex-end; }
.topLinks li{ margin:0px 0 0 20px; padding:0px; list-style:none;}
.topLinks li a{ color:#fff; text-decoration:none;}
.topMenu{ margin:30px 0 0 0px;     justify-content: flex-end;}
.topMenu li { margin-left:50px}
.topMenu li a{ text-decoration:none}
.recentWrap:before{ content:""; position:absolute; background:#e0d8b9; right:0; width:calc(100% - 50%); height:100% }
.recentWrap{ background:#f3f2e6; color:#000; position:relative} 
.recentWrap h2{ color:#fff; margin-bottom:0px;  position:relative; z-index:1} 
.recentWrap h2.h2{ color:#000;} 
.recentWrap  h2.darkBg.h2{ color:#fff;} 
.recentWrap .homeBlog{ font-size:30px; position:relative; z-index:1;  max-width:400px; margin:100px auto 130px;  } 
.recentWrap .homeVacatures{ max-width:400px; margin:100px auto 130px; }
.recentWrap .vacaturesList .recente-vacature{ border-bottom:#000 solid 1px; padding:30px 0 30px 0px; margin-right:30px}
.recentWrap .vacaturesList .recente-vacature a{ color:#000; text-decoration:none}
.recentWrap .vacaturesList .recente-vacature a:hover{ color:#000; text-decoration:none}
.recentWrap .vacaturesList .recente-vacature a h2{ color:#000; font-size:20px; font-weight:bold; margin-bottom:5px}
.recentWrap .vacaturesList .recente-vacature a i{ color:#000; font-size:18px; font-style:normal}
.recentWrap .vacaturesList .recente-vacature span{ color:#000; font-size:18px; display: none}
.recentWrap .vacaturesList .vacaturesoverflow{ overflow-y:scroll; height:650px; overflow-x:hidden; margin-bottom:50px}
.recentWrap .vacaturesList .vacaturesoverflow::-webkit-scrollbar { width: 15px; }
.recentWrap .vacaturesList .vacaturesoverflow::-webkit-scrollbar-track {  background:#7a7f81;}
.recentWrap .vacaturesList .vacaturesoverflow::-webkit-scrollbar-thumb { background: #000;}
.recentWrap .vacaturesList .vacaturesoverflow::-webkit-scrollbar-thumb:hover { background: #000; }
.recentWrap .homeBlog a.leesverder{ font-size:18px; display:block ; margin-top:5px; color:#928967;}
.recentWrap .links { font-size:40px; letter-spacing:-1px; background:url(../images/plus-icon.png) 0 13px no-repeat;     padding-left: 51px;  margin-left: -28px;}
.recentWrap .links:hover{ opacity:0.9; text-decoration:none;	}

.bannerSectionBottom {     background-repeat: no-repeat;     height: 550px;     background-size: cover;     background-position: center center; }

img.alignright {
    float: right;
    margin-bottom: 20px;
}


.news-box {
    display: block;
    width: 25vw;
    position: absolute;
    z-index: 9;
    margin: 40px;
    padding: 30px 40px 40px 40px;
}
a .news-box {
    color: #231f20;
    background: #ccbf8ccc;
	-webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;
}
a:hover .news-box {
    background: #cdbe8c;
	-webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;
}
.news-box.linksonder {
bottom: 0;
}
.news-box.rechtsboven {
right: 0;
}
.news-box.rechtsonder {
right: 0;
bottom: 0;
}
.news-box h2 {
    font-size: 34px;
    font-weight: 300;
}
/***FLEXBOXES***/
section.flexbox {
  
}
.bannerSectionFlex{ background-repeat:no-repeat; height:550px;     background-size: cover; background-position: center center;}

.bannerText {
    display: block;
    width: 40vw;
    padding: 50px;
    margin: auto;
    padding-top: 100px;
}
.bannerText, .bannerText p {
    color: #fff;
    text-shadow: 5px 3px 5px black;
}
.bannerText.donker, .bannerText.donker p { color:#000; text-shadow: none;}

.photoarea {
    position: absolute;
    right: 0;
    width: calc(100% - 50%);
    height: 100%;
    top: 0;
}
section.twocolumnContent.photo {
    background-size: 50%;
    background-position-x: right;
    background-repeat: no-repeat;
}
section.twocolumnContent.photo-rechts {
    background-size: 50%;
    background-position-x: left;
    background-repeat: no-repeat;
}
.col-md-6.contentarea.photo {
    padding-top: 3rem!important;
    padding-bottom: 3rem!important;
}
.col-md-6.contentarea.photo.order-2 {
    padding-left: 40px;
}
.col-md-6.contentarea.white, .col-md-6.contentarea.white p {
    color: #fff;
	font-weight: 200;
}
.contentarea.white, .contentarea.white p {
    color: #fff!important;
	font-weight: 200;
}
section.twocolumnContent.photo-rechts:before, section.twocolumnContent.photo:before  {
    content: "";
    background-color: unset;
}
.agedna-section .container ul {
    list-style: none;
    padding: 0;
}
a.btn {
    margin-top: 0!important;
    text-decoration: none;
    padding: 10px 40px;
    margin-top: 40px;
    display: inline-block;
    border-radius: 0;
}
a.btn.wit {  background: #fff; color: #1a1a1a; }
a.btn.beige {  background: #d4c694; color: #1a1a1a; }
a.btn.lichtbeige {  background: #e9e9e1; color: #1a1a1a; }
a.btn.roze {  background: #d2026e; color: #fff; }
a.btn.paars {  background: #2c245d; color: #fff; }
a.btn.zwart {  background: #1a1a1a; color: #fff; }
a.btn:hover { opacity: 0.8;}

.nf-before-form-content {
    display: none;
}
section.agedna-section .col-md-4 {
    height: 290px;
}
/***footer****/
footer a{ color:#fff;}
footer a:hover{ color:#fff; text-decoration:none;}
footer{ background:#2c245d; padding-top:25px; color:#fff}
footer address{ color:#fff; font-size:17px; font-weight:300; line-height:1.6; margin-left:30px}
footer address p{ color:#fff; font-size:17px; font-weight:300; line-height:1.6 !important; }
footer address a{ color:#fff; text-decoration:none;}
footer address a:hover{ color:#fff;}

footer .socialmediaList{ margin-bottom:-20px}
footer .socialmediaList li { background:#b8a86f; height:34px; width:34px; margin:0 0 0 15px; display:flex; justify-content:center; align-items: center; }
footer .socialmediaList li i.fa{ margin:0px; padding:0px; font-size:24px}
.footerLink a{ margin-left:15px;     text-decoration: none; font-weight:300}


	

/**team page****/
.twocolumnContent{ position:relative; overflow: hidden;}
.twocolumnContent .container{ position:relative; z-index:9}
.twocolumnContent:before{ content:""; position:absolute; background:#f3f2e6; left:0; width:calc(100% - 50%); height:100%; top:0; }

.twocolumnContent.wit:before{ background:#000;}
.twocolumnContent.beige:before{ background:#f3f2e6;}
.twocolumnContent.lichtbeige:before{ background:#cdbe8c;}
.twocolumnContent.blauw:before{ background:#2a2d71;}
.twocolumnContent.donker:before{ background:#fff;}

.twocolumnContent p{ font-size:18px; line-height:2; padding-right:50px; color:#000}
.twocolumnContent .col-md-6 + .col-md-6{ padding-left:40px}

.teamSection .teambx{  height:315px; border-radius:100%; width:315px; overflow:hidden; margin-bottom:15px; position:relative; font-weight: 100; }
.teamSection .teambx:before{ content:""; position:absolute; background:#2A2D71; left:0; width:100%;  height:100%; opacity:0.75;  transition: .8s; top:0px; z-index:1}
.teamSection .teambx{     transition: .8s;}
.teamSection .teambx:hover:before{top:100%}
.teamSection .teambx .teaminfo { position: absolute; left: 33px; bottom: 54px; z-index: 1; color: #fff; word-break: break-all; transition: .8s; bottom:100px;}
.teamSection .teambx .teaminfo a{display:block}
.teamSection .teambx:hover .teaminfo{bottom:-72px}
.teamSection .teambx img{    transition: .6s;}
.teamSection .teambx:hover img{     transform: scale(1.2);}
.teamSection .teambx img.plus-icon {   width: 28px;     position: absolute;     margin-top: 140px;     margin-left: -64px; z-index: 5; }
.teamSection .teambx:hover img.plus-icon {  margin-left: 24px;   transform: scale(1);}
.teamSection .teambx .profiel-info {
    background: #060000;
	color: #fff;
    position: absolute;
    height: 100%;
    width: 100%;
    margin-left: 0;
	z-index: 1;
	opacity: 0;
}
.teamSection .teambx .profiel-info.toon {
    margin-left: 0;
    z-index: 2;
	opacity: 2;
	transition: .6s;
}
.teaminfo-top {
    position: absolute;
    left: 56px;
    z-index: 1;
    color: #fff;
    top: 61px;
}
.teaminfo-top a {
    text-decoration: none;
    color: #cdbe8c;
}
.teaminfo-top a:hover {
    text-decoration: underline;
}
.teaminfo-bottom {
    position: absolute;
    left: 30px;
    z-index: 1;
    color: #fff;
    bottom: 61px;
}
.partner_naam {
    font-weight: 600;
    font-size:17px;
}
.functietitel {      word-break: break-all;
    width: 259px;
    font-size: 14px;}
.onecolumnlayout h2{ font-weight:bold; margin-bottom:30px}
.onecolumnlayout p{ line-height:2}

/**twocolumnlayout**/
.topcontentSection{ margin-top:20px; text-align:left;}
.topcontentSection h2{ font-size:40px; font-weight: bold; margin-bottom: 30px;}
.topcontentSection p { font-size:18px; line-height:2}
.contentarea h2{  font-weight:bold; letter-spacing: -1px;margin-bottom: 30px;}
.contentarea p{ font-size:18px; line-height:2}
.twocolumnContent .col-md-6 + .col-md-6 p{ padding-right:0px}
.onecolumnContent.bottomContent h2{ font-weight:bold;}
.onecolumnContent.bottomContent p{ font-size:28px; line-height:1.8	}
.twocolumnContent .col-md-6.contentarea h2{ margin-bottom:40px}
.twocolumnContent .col-md-6 + .col-md-6.contentarea h2{ margin-bottom:10px; font-size:32px}


/***vacatures***/
#vacature_list{ position: relative; z-index: 999; }
.vacature_list .row{ margin:0 -5px}
.vacature_list .row .col-md-4{ padding:0 5px}
.vacancyWrap{ position:relative; overflow:hidden; margin-bottom:10px}
.vacancyWrap .vacancyimg, .vacancyWrap .benoemingimg {width:100%; height:323px; background-size:cover; position:relative}
.vacancyWrap .vacancyinfo{position:absolute; top:0; height:100%; width:100%}
.vacancyWrap .vacancyimg:before{ content:""; position:absolute; background:#2A2D71; left:0; width:100%;  height:100%; opacity:0.90 }  
.vacancyWrap .benoemingimg:before{ content:""; position:absolute; background:#000; left:0; width:100%;  height:100%; 
  -webkit-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;	
	} 
a:hover .vacancyWrap .benoemingimg:before{background:#333333!important;
  -webkit-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;	
}
.vacancyWrap .vacancyinfo{ padding:30px 20px 20px 20px}
.vacancyWrap .vacancyinfo .overzicht_vacatures_titel{ position:relative; height:100%;}
.vacancyWrap .vacancyinfo .overzicht_vacatures_titel h3{  color:#fff;}
.vacancyWrap .vacancyinfo .overzicht_vacatures_titel a{ color:#fff}
.vacancyWrap .vacancyinfo .bottomTxt { position:absolute; bottom:0px; left:0px;     display: flex; 	flex-wrap: wrap;  }
.vacancyWrap .vacancyinfo .bottomTxt { color:#fff }
.vacancyWrap .vacancyinfo .bottomTxt span.txt2{ font-weight:bold;display: block;min-height: 25px;width: 100%;}

.topcontent h2{font-weight:bold; color:#928968;}
.topcontent p{font-size:28px; max-width:713px; margin:auto; line-height:1.6; font-weight:300; margin-bottom:10px}

.contentbox { position:relative; padding:23px 0 20px 0}
.contentbox p{ margin-bottom:0px; padding-bottom:0px;}
.vacturelist {     margin-top: 70px; }
.vacturelist h2{ font-weight:bold; margin-bottom:25px}
.vacturelist ul { margin:0px; padding:0px}
.vacturelist li { margin:0px 0 8px 0; padding:0px; list-style:none; display:flex; align-items:center;}
.vacturelist li .colorbx{ background:#928968; width:33px; height:33px; border:#cfc08e solid 1px; display: block; margin-right:20px}
.searchandfilter h4 {     margin: 0;     padding: 5px 0 20px!important;     font-size: 18px!important;     font-weight: 400!important; }
.sf-field-taxonomy-categorie li{margin:0px 0 8px 0; padding:0px; list-style:none; display:flex !important; align-items:center; position:relative;}
.sf-field-taxonomy-categorie li.sf-option-active{font-weight:bold;}
.sf-field-taxonomy-categorie li input{ width: 33px!important;     height: 33px;     border: 0;     display: inline-block;     margin-right: 8px;     margin-bottom: 0;}

.sf-field-taxonomy-categorie li.sf-option-active:before { content: ""; position: absolute; width: 20px;height: 9px; border-left: #fff solid 2px; border-bottom: #fff solid 2px; transform: rotate(-49deg); left: 7px; top: 15px;cursor:pointer !important;}
.sf-field-taxonomy-categorie li label{cursor:pointer; margin-left: -40px;

    position: relative;
    z-index: 99999; padding:5px 0 5px 50px !important}
.sf-field-taxonomy-categorie li.sf-item-73 input{ background:#928968;}
.sf-field-taxonomy-categorie li.sf-item-74 input{ background:#2a2d71;}
.sf-field-taxonomy-categorie li.sf-item-75 input{ background:#000000;}	

.vacature_list .row .col-md-4 .vacancyWrap.open-vacatures .vacancyimg:before{background:#928968; }
.vacature_list .row .col-md-4 .vacancyWrap.kandidaten-gepresenteerd .vacancyimg:before{background:#2a2d71; }
.vacature_list .row .col-md-4 .vacancyWrap.succesvol-afgerond .vacancyimg:before{background:#000; }

a:hover .vacancyWrap.open-vacatures .vacancyimg:before{background:#cdbe8c!important; }
a:hover .vacancyWrap.kandidaten-gepresenteerd .vacancyimg:before{background:#070b63!important; }
a:hover .vacancyWrap.succesvol-afgerond .vacancyimg:before{background:#333333!important; }
.col-sm-4.profiel {     margin-bottom: 40px; }
a.link-benoemingen {     display: block;     background: #231f20;     padding: 10px;     margin-top: 30px;     text-decoration: none;     color: #fff; }
a.link-open-vacatures {     display: block;     background: #cdbe8c;     padding: 10px;     margin-top: 0px;     text-decoration: none;     color: #fff; }
a:hover.link-benoemingen {     background: #000; }
a:hover.link-open-vacatures {     background: #928968; }
.vacancyimg:before {
  -webkit-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;	
}
a:hover .vacancyimg:before{
  -webkit-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
}
span.status-vacature {
    display: block;
    font-weight: 200;
    margin-top: -20px;
    margin-bottom: 20px;
    font-size: 14px;
}
.vacature_list .row .col-md-4 .vacancyWrap.open-vacatures .overzicht_vacatures_titel h3,
.vacature_list .row .col-md-4 .vacancyWrap.open-vacatures .vacancyinfo .bottomTxt{ color:#000 }
.vacturelist li:nth-child(2) .colorbx{ background:#2a2d71;}
.vacturelist li:nth-child(3) .colorbx{ background:#000000;}	
.readmore a{ color:#2a2d71; text-decoration:none; position:relative;}
.readmore a:before{ width:13px; height:13px; border-bottom:#2a2d71 solid 1px;  border-left:#2a2d71 solid 1px; content:""; position:absolute; bottom:-20px; left:34px;     transform: rotate(
-45deg);  }

.bottomsection{ width:100%; height:250px;  margin-top:15px; position:relative; }
/*.bottomsection:before{ content:""; position:absolute; width:50%; height:100%; background:#eae5d1; left:0; top:0;}*/
.bottomsection  .owl-carousel .owl-stage-outer{ overflow: inherit;}

footer{ position:relative}
.scrolldown {     margin-top: -15px;     position: absolute;     display: block;     margin-left: auto;     margin-right: auto;     height: 0px;     width: 100%; }
.downarrow { position: absolute; width: 20px; height: 20px; left: calc(50% - 10px); top: -30px;}
.downarrow.vervolg {top: -30px;}
.home-next {     display: inline-block;     width: 20px;     height: 20px;     margin-top: -255px;     position: absolute; }
.vervolg-next {     display: inline-block;     width: 20px;     height: 20px;     margin-top: -180px;     position: absolute; }
.downarrow span:after{ width:13px; height:13px; border-bottom:#fff solid 1px;  border-right:#fff solid 1px; content:""; position:absolute; bottom:0px; left:0px;  transform: rotate(45deg); filter: drop-shadow(0px 0px 1px #000); }
.uparrow { position: absolute; width: 20px; height: 20px; margin-left:calc(50% - 6px); top: -30px;}
.uparrow span:after{ width:13px; height:13px; border-top:#2a2d71 solid 1px;  border-left:#2a2d71 solid 1px; content:""; position:absolute; bottom:0px; left:0px;  transform: rotate(45deg);  }

.popup.blackBg{ position:relative; }
.popup.blackBg .popup-inner{ position:relative; z-index:1} 
.popup p { color: #828183;   line-height: 1.7; font-size: 16px; }
.popup .popup-content{ font-size:18px; max-width:500px}
.popup .popup-content .designation{ margin-bottom:35px; font-weight:300; display:block; color: #828183;  font-size:16px}
.popup .popup-content .c-info { position:absolute; bottom:30px; font-size: 16px;color: #928968;}
.popup .popup-content .c-info .tel{ color:rgb(205, 196, 144); text-decoration:none;}
.popup .popup-content .c-info ul{  margin:0px; padding:0px; list-style:none; display:flex}
.popup .popup-content .c-info li { background:#928968; height:34px; width:34px; margin:22px 15px 0 0px; display:flex; justify-content:center; align-items: center; }
.popup .popup-content .c-info li i.fa{ margin:0px; padding:0px; font-size:24px; color:#fff;}
.sub.c-info li { background:#928968; height:34px; width:34px; margin:10px 15px 0 0px; display:flex; justify-content:center; align-items: center; }
.sub.c-info li i.fa{ margin:0px; padding:0px; font-size:24px; color:#fff;}
.popup   .owl-carousel .owl-item img { max-width: 100%; height: 700px; object-fit: contain; width:auto;  }
.bottomsection  .owl-carousel .owl-item img { max-width: 100%; height: 1000px; object-fit: contain; margin-top: -290px;  margin-left: -147px;}
.owl-dots{display:none;}
.teamSection .owl-nav {width:100%; position:absolute; top:50%; right:0;   margin-top:-50px }
.teamSection .owl-nav button.owl-prev{ color:#2A2D71; font-size:30px }
.teamSection .owl-nav button.owl-prev,
.teamSection .owl-nav button.owl-next{ width:50px; height:50px}
.teamSection .owl-nav button.owl-prev span,
.teamSection .owl-nav button.owl-next span{border-top: #fff solid 1px;  border-left: #fff solid 1px; width: 20px; height: 20px; display: block; transform: rotate(-45deg); top: 0px; position: relative;
 font-size:0px;}
.teamSection .owl-nav button.owl-next span { border-left:none; border-top:none;  border-right: #fff solid 1px; border-bottom: #fff solid 1px;}
.teamSection .owl-nav button.owl-next.disabled span, .teamSection .owl-nav button.owl-prev.disabled span{ cursor:none;}
.teamSection .modal-dialog{ max-width:70%}
.teamSection .owl-nav button.owl-next{ right:0px; position: absolute; }
.teamSection .owl-nav button.owl-prev{ left:25px; position: absolute; }
.teamSection  .btn-close{width:25px; height:25px; position:absolute; right:30px; border:#fff solid 2px; top:30px;     border-radius: 50%;
background:url(../images/closeIcon-w.svg) no-repeat;     background-size: 14px; background-position: center center; z-index:99; opacity:1}
.single-vacancy .vacancyimg, .single-post .vacancyimg{width:100%; height:323px; background:url(../images/W-vacature-320px-4.jpg) no-repeat; background-size:cover; position:relative; margin-top: 25px;}
.social-icons {     display: inline-block;     float: right; }	
.social-share {     display: block;     margin-top: 20px; margin-bottom: 0px;}
.social-share a {     color: #fff;     background: #2a2d71;     width: 30px;     height: 30px;     display: inline-block;     text-align: center;     padding-top: 2px;     margin-left: 3px; }
.vacancy-details{ padding-left:50px;    padding-bottom: 50px;}
.teamSection .slideclose { position: absolute; top: 32px; border: #45598a solid 1px; width: 32px; height: 32px; border-radius: 100%; text-align: center; text-decoration: none; margin-left: 37px; line-height: 30px; color: #45598a; z-index: 9999; left:50%;}
.postNavigation {     position: relative; top: 40px;margin-bottom: 80px;  margin-left: 90px;     display: block; }
.postNavigation a.prevLink, .postNavigation a.nextLink{ border-top: #45598a solid 1px;  border-left: #45598a solid 1px; width: 20px; height: 20px; display: block; transform: rotate(-45deg); top: 0px; position: relative;
 font-size:0px;}
.postNavigation a.nextLink { border-left:none; border-top:none;  border-right: #45598a solid 1px; border-bottom: #45598a solid 1px; margin-left:95px;}
.postNavigation .closeItem { position: absolute; top: -8px;  width: 41px; height: 41px; border-radius: 100%; text-align: center; text-decoration: none; margin-left: 45px; 
background:url(../images/close-icon.png) no-repeat;}

.vacancy-details h1{font-weight:500; font-size:30px; margin-bottom:30px; color:#000}
.vacancy-details h1 strong{font-weight:bold; }
.vacancy-details ul li{ margin-bottom:6px; display:block; line-height:1.6; position:relative;  padding-left:20px; color:#000 }
.vacancy-details ul li:before{ width:5px; height:5px; background:#000; content:""; position:absolute; left:0; top:13px; border-radius:50%}
.downloadbtn{background: #2a2d71;color: #fff; border-radius: 0px;width: 100%;display: inline-block;  justify-content: center; margin:25px 0 0 0px; padding:6px 25px}
.downloadbtn:hover{ background:#cdbe8c; color:#000;}
.logo-opdrachtgever {     border: solid 1px #cdbe8c;     padding: 30px; }
.afbeelding-opdrachtgever {margin-top:25px;}
.heroBannerImg{ overflow:hidden; background:#000; height:calc(100vh - 246px) !important;      position: relative; }
.heroBannerImg video{width:100% !important; height:100vh !important; margin-top:-10px; margin-bottom:-10px}
video { object-fit: fill; position: absolute; }
.container.actueel {     padding-top: 50px; }
h2.news { font-size:30px;}
h2.news a { color:#000; text-decoration: none;font-size: 23px;}
.news-image img {     width: auto;     height: auto;     max-height: 150px;     max-width: 200px;     float: right; }
.nieuwscontent.specialsacties {     font-size: 18px;     line-height: 2; }
.row.news {     margin-top: 50px;     margin-bottom: 25px; }
.row.newsitem {     margin-bottom: 80px; }
.homevideo{ overflow:hidden; background:#000; height:calc(100vh - 246px) !important;      position: relative;}
.homevideo video{width:100% !important; height:100% !important; margin-top:-10px; margin-bottom:-10px}

.hero {
  height: 1000px;
  position:relative;z-index:2;
  background-repeat: repeat;
  text-align: center;
  top: -275px; 
	
}
.middleSection, .heroBannerImg{  margin-top:125px;}
@keyframes marquee {
  0% {
    background-position: 0;
  }
  100% {
    background-position: -4550px;
}
}

label {
    display: inline;
}
.wpcf7 h3 {     color: #ffffff!important;     margin: -30px -30px 20px -30px;     padding: 10px 24px;     background-color: #f15a24;    border-radius: 10px 10px 0 0; }
input[type="button"], input[type="reset"], input[type="submit"] {     border: none;     background-color: #2a2d71;     color: #fff;     padding: 10px 30px;     border-radius: 0px;}

input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    border-radius: 0px;
    border: 0px;
    padding: 10px;
}
input, textarea {
    background-color: #ffffff;
    border: 1px solid #231f20;
    width: 100%!important;
    margin-bottom: 20px;
}
::placeholder { 
  color: #cdbe8c;
  opacity: 1; 
}
:-ms-input-placeholder { 
  color: #cdbe8c;
}



/*dev css*/
b, strong {
    font-weight: 700;
}
/*
.bannerSection {
    background-repeat: no-repeat;
    height: 450px;
    background-size: cover;
    background-position: center center;
    margin-top: 0;
    overflow: hidden;
    text-align: right;
}
*/
@-webkit-keyframes rotate-new {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(359deg);
    }
}
/*
.bannerAnimation {
    height: 179vh;
    width: 170vh;
    top: -60vh;
	right:45vh;	
    position: relative;
    margin-left: auto;
    animation: rotate-new 50s infinite linear;
    object-fit: cover;
    object-position: left;
}
*/





@media min-width(1440) and max-width(1920){
	.hero {
	  height: 1000px;
	  position:relative;z-index:2;
	  background-repeat: repeat;
	  text-align: center;
	  top: -275px;
	}
	#scrollscreen{
	  top: -275px;
	}
}

@media (max-width:1024px){
		.topLinks{display:none}
		.header-top .logo { margin-top: 0px;}
		.header-top{ padding:10px 0px;     height: auto;}
		.teamSection .modal-dialog{ max-width:100%}
		.heroBannerImg{height:calc(100vh - 199px) !important;      }
		}
		
@media (max-width:990px){
.recentWrap .links{ font-size:30px;     margin-left: 0; padding-bottom:5px;     background-position: 0 5px;}	
.bannerSection{ height:350px}
.bottomsection{ height:500px}
.bottomsection .owl-carousel .owl-item img { height: 700px;     margin-top: -224px; }
.popup .popup-content { max-width: 100%; text-align: center; margin-top: 20px; margin-bottom: 25px; padding: 0 24px;}
.popup .popup-content .c-info ul{ justify-content: center;}
.popup .popup-content .c-info { position:relative; bottom:inherit}
video { object-fit: cover; }
.heroBannerImg{height:calc(100vh - 195px) !important;      }
#scrollscreen{  height: 450px !important; background-size: auto 450px;  top: -74px;}
}	

@media (max-width:767px){
.wesImg {width: auto !important; padding:0 15px;}
.header-top .col-md-5{ width:250px}
.header-top .col-md-7{ width:calc(100% - 250px)}
.socialmediaList, .footerLink  {display:none !important}
.footerLogo img{ width:200px !important}
.headerSocial{display:none;}
footer address{     margin-left: 20px;font-size: 15px;    line-height: 1.4;}
.recentWrap:before{display:none;}
.recentWrap .vacaturesList .recente-vacature a h2{     word-break: break-word;}
.homeContent p{ font-size:20px}
h2.h2, .f40, .topcontentSection h2,h2{ font-size:30px}
.recentWrap .homeVacatures, .recentWrap .homeBlog{    margin: 50px auto 60px;}
.uparrow { position: absolute; width: 40px;  height: 40px; left: inherit; bottom: 32px; top:inherit;right: 30px;}
.uparrow span:after { width: 30px; height: 30px; border-top: #fff solid 2px; border-left: #fff solid 2px; }
.bottomsection{     padding-top: 30px; padding-bottom:30px; background-size: 100%; height:auto; }	.twocolumnContent .col-md-6 + .col-md-6 { padding-left: 15px;}
.topcontentSection p, .onecolumnContent.bottomContent p{ font-size:17px; line-height:1.6}
.twocolumnContent:before{display:none;}
.popup p{ margin-bottom:0px}
.popup .popup-content .designation{ margin-bottom:10px}
.bottomsection .owl-carousel .owl-item img { height: auto;     margin-top: 0px;  margin-left:0px}
.heroBannerImg{height:inherit !important;      }
.heroBannerImg video{ position:relative; height:50vh !important}
.news-box { display: block; width: calc(100% - 60px); font-size: 13px; position: absolute; z-index: 9; margin: 40px 30px; padding: 22px 25px 25px 25px; }
.news-box h2 { font-size: 25px; font-weight: 300;}
news-box.rechtsonder, news-box.rechtsboven, news-box.linksonder     { right: unset; top: unset; bottom: 0; }
a.nb-button { float: left!important; margin-left: 20px; }
#scrollscreen{  height: 300px !important; background-size: auto 300px;  top: -74px;}
.vacancy-details{ padding-left:0px;    padding-top: 50px;}
}

/**new css ***/
.show{z-index:9999;}
.modal{z-index:999999;}
.f60{font-size:4rem;     font-weight: 300;}
.scrolldown{display:none}
.bannerAnimation img { width: 100%; height: 100%; object-fit: cover; animation: rotate-new 100s infinite linear; }
.bannerAnimation { height: auto; width: 100%; top: 0; bottom: 0; right: -7%; position: absolute; animation: rotate-new 100s infinite linear; object-fit: cover; object-position: left; margin: auto;}
.bannerSection {  background-repeat: no-repeat;  height: 45vh;  background-size: cover;  background-position: center center;  margin-top: 0;  overflow: hidden;   text-align: right;  position: relative;}
.pinkBg { background: #d2036f;  color: #fff; padding: 15px 0 15px 0!important; }
.incompany .pinkBg { background: #d4c694; }
.contentarea li { margin: 10px;}
.whiteBg { background: #fff; color: #000;}
.home-news .news-block{ padding:15px; color:#fff; height: 100%; min-height: 313px; position: relative; overflow: hidden;}
.home-news .news-block span{ font-size:1.5rem; margin-bottom:1.5rem; font-weight:bold} 
.home-news .news-block a { color:#fff; font-size:1.5rem;  font-weight:bold; line-height:1.4; text-decoration:none} 
.home-news .news-block a p{ color:#fff;  text-decoration:none; font-size:1.375rem; line-height:1.6 !important} 
.home-news .news-block a:hover  {  text-decoration:none} 
.home-news .news-block .block-info{ position:relative; z-index:1}
.home-news h2.h2, .binn-wrap h2.h2 { color:#2a2659; font-size:4.688rem; font-weight:300}
.homeContent p{ font-size:1.625rem; line-height:2; font-weight:400; color:#000; max-width:1000px; margin:auto;}
.binn-wrap .news-block h3{ margin-bottom:0px; font-weight:bold}
.binn-wrap .news-block span.date{ font-size:1.5rem; opacity:0.8;  margin-bottom:1.5rem; font-weight:bold} 
.binn-wrap .news-block.masterclass span.date{  opacity:0.8; } 
.binn-wrap .news-block span.catName{ font-size:1.5rem; color:#fff; font-weight:bold} 
.binn-wrap .news-block a { color:#fff; font-size:13px;  font-weight:normal; line-height:1.4; text-decoration:none; display:inline-block; margin-top:15px} 
.binn-wrap .news-block a p{ color:#fff;  text-decoration:none; font-size:1.375rem; line-height:1.6 !important} 
.binn-wrap .news-block a:hover  {  text-decoration:none} 
.binn-wrap .primaryBg.masterclass { background:#2c245d;  }
.binn-wrap .primaryBg.incompany { background:#d4c694;  }
a:hover .news-block.primaryBg.incompany { background: #b1a478; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.binn-wrap .news-block { padding: 15px; color: #fff; height: 100%; min-height: 313px; position: relative; overflow: hidden; }
.binn-wrap .news-block .block-info{ position:relative; z-index:1}
.binn-wrap .news-block a i { background: url(../images/cta_arrow.png) no-repeat; width: 36px; height: 25px; display: block;}
.binn-wrap .news-block a:hover i{ opacity:0.8}
.binn-wrap .courseList .news-block h3.catName{ opacity:0.8 }
.masterclass .primaryBg{ background:#2c245d }

/***graphic blocks*/
.home-news .graphic{ width: 900px; opacity: 0.8; height: 900px; position: absolute; overflow: hidden; z-index: 0; background-size: contain; background-repeat: no-repeat;}
.home-news .graphic.top { background-position: center center; bottom: 65px; left: -517px; background-size: cover;  transform: rotate(30deg);}
.home-news  .graphic.bottom { background-position: top right; bottom: -720px; left: -230px; background-size: cover; transform: rotate(135deg);}
.home-news .graphic.left {   background-position: top right; bottom: -730px; left: -236px; background-size: cover; transform: rotate(30deg);}
.binn-wrap .graphic{ width: 900px; opacity: 0.5;  height: 900px; position: absolute; overflow: hidden; z-index: 0; background-size: contain; background-repeat: no-repeat;}
.binn-wrap .graphic.top { background-position: center center; bottom: -18px;left: -82%; background-size: cover; transform: rotate(27deg); width: 850px; height: 850px; }
.binn-wrap .graphic.bottom { background-position: top right; bottom: -641px; left: -238px;opacity: 0.5; background-size: cover;    transform: rotate(18deg);}
.binn-wrap .graphic.right { background-position: bottom right; bottom: -242px; left: -40px; background-size: cover; opacity: 0.5; transform: rotate(-1deg); width: 935px; height: 850px;}
.binn-wrap .graphic.left { background-position: left top; bottom: -339px; left: -7px; background-size: cover; transform: rotate(-252deg); width: 900px; height: 900px; }
.course-details { color:#000}
.course-details h1 { font-weight: 700; color: #000; font-size: 3.125rem; margin-bottom:1.875rem}
.course-details p{ color:#000;    ;}
.course-details p strong{ color:#000;   }
.masterclass .course-details h1 {color: #2c245d; }
.course-details h1:first-child {color: #d2036f; }
.masterclass .course-details h1:first-child {color: #2c245d; }
.course-details h3 { font-weight: 700; color: #000; font-size: 1.5rem;}
.course-details ul { margin: 0 0 1.875rem 0px}
.course-details ul li{ margin-bottom:6px; display:block; line-height:1.6; position:relative;  padding-left:20px; color:#000 }
.course-details ul li:before{ width:5px; height:5px; background:#000; content:""; position:absolute; left:0; top:11px; border-radius:50%}
.masterclass .pinkBg { background: #2c245d;  color: #fff; }
.docenten-wrap h2{ color:#d2036f; font-size:1.5rem; margin-bottom:20px; font-weight:bold;}
.docenten-wrap .docenten-block img{ height:auto;}
.docenten-wrap .docenten-block  figure{ position:relative;}
.docenten-wrap .docenten-block  figure figcaption{ position:absolute; left:0; bottom:0; width:calc(100% - 40px); color:#fff; padding:20px;}
.docenten-wrap .docenten-block  figure figcaption span{ color:#fff; display:block;  margin-bottom:5px; font-weight:bold;	}
.docenten-wrap .docenten-block  figure figcaption span + span{ font-weight:normal}
.agedna-section h2{ color:#d2036f; font-size:1.5rem; margin-bottom:20px; font-weight:bold; margin-top:-5px}
.brochure-wrap h2{ color:#d2036f; font-size:1.625rem; margin-bottom:30px; font-weight:bold; margin-top:-5px}
.brochure-wrap{ margin:24px 0 0 0; padding:0px;}
.brochure-wrap .brochure-list{ margin:0px; padding:0px; display:flex; flex-wrap:wrap}
.brochure-wrap figure{ width:320px; margin-right:25px;}
.brochure-wrap figure img{ width:100%; height:320px; object-fit: cover; box-shadow: rgb(0 0 0 / 50%) 6px 9px 14px;}
.brochure-wrap .content{ width:calc(100% - 345px);}
.brochure-wrap .content p{ color:#000}
.brochure-wrap .content h3{ font-weight:bold; font-size:1.875rem; color:#000}
.leergang .secondaryBg{  background:#d2036f}
.post_lists .post-list:nth-child(2n + 2) { background:#e9e9e1}
.post-list img{ height:auto}
.post-list .postinfo h2{ font-weight:bold}
.brochure-wrap ul{ margin:0px; padding:0px;}
.brochure-wrap li{ margin:0px; padding:0px; list-style:none;}


@media (max-width:1600px){ html{ font-size: 90%;   -webkit-text-size-adjust: 90%; } }
@media (max-width:1400px){ html{ font-size: 80%;   -webkit-text-size-adjust: 80%; }  }	
@media (max-width:1200px){ .f60 { font-size: 4.625rem;}}
@media (max-width:767px){
.bannerSection {  height: 300px; }
.f60 { font-size: 3rem;}
.homeContent p{ font-size:20px; line-height:1.5}
.home-news h2.h2, .binn-wrap h2.h2{ font-size:45px}
.brochure-wrap .content{ width:calc(100% - 275px);}
.brochure-wrap figure{ width:260px; margin-right:15px;}
.brochure-wrap figure img{ height:260px}
section.twocolumnContent.photo { background: none!important;}
.course-details h1{ font-size:2rem}
}
@media (max-width:414px){
.brochure-wrap .content{ width:calc(100% - 0px);}
.brochure-wrap figure{ width:100%; margin-right:0px;}
}