*{box-sizing:border-box;}

.vacaturetitel {
    overflow: unset !important; 
}
	
html{-webkit-overflow-scrolling:touch; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; -webkit-font-smoothing:antialiased; overflow-y:scroll; text-size-adjust:none; height:100%; -moz-osx-font-smoothing:grayscale; background:#f2f2f2;}

body{height:100%; margin:0; padding:0; color:#000;}
body,td,input,textarea,button,select{font-size:18px; line-height:28px; font-family:'myriad-pro',sans-serif; font-style:normal; font-weight:300;}

a{color:#14387F; font-weight:normal; text-decoration:none; -webkit-transition:all 100ms linear; transition:all 100ms linear;}
a:hover{color:#e50b14; text-decoration:underline;}
a img{border:0;}
:focus{outline:none;}
		
.rood{color:#e50b14;}
.blauw{color:#14387F;}
.groen{color:#a7c919;}
.dgroen{color:#00953d;}
.turq{color:#497b91;}
.oranje{color:#f7a400;}
.bgrood{background-color:#e50b14;}
.bgblauw{background-color:#14387F;}
.bggroen{background-color:#a7c919;}
.bgdgroen{background-color:#00953d;}
.bgturq{background-color:#497b91;}
.bgoranje{background-color:#f7a400;}

.x-rood .sidebar .text{background-color:#e50b14!important;}
.x-rood h1{color:#e50b14!important;}
.x-rood .h1{color:#e50b14!important;}
	
.x-blauw .sidebar .text{background-color:#14387F!important;}
.x-blauw h1{color:#14387F!important;}
.x-blauw .h1{color:#14387F!important;}
	
.x-groen .sidebar .text{background-color:#a7c919!important;}
.x-groen h1{color:#a7c919!important;}
.x-groen .h1{color:#a7c919!important;}
	
.x-dgroen .sidebar .text{background-color:#00953d!important;}
.x-dgroen h1{color:#00953d!important;}
.x-dgroen .h1{color:#00953d!important;}
	
.x-turq .sidebar .text{background-color:#497b91!important;}
.x-turq h1{color:#497b91!important;}
.x-turq .h1{color:#497b91!important;}
	
.x-oranje .sidebar .text{background-color:#f7a400!important;}
.x-oranje h1{color:#f7a400!important;}
.x-oranje .h1{color:#f7a400!important;}
	
b,strong{font-weight:600;}

p{margin-top:0; padding-top:0;}	

ul{margin-left:0; padding-left:0; list-style:none;}
li{margin-left:0; padding-left:0;}
.txtblok li{position:relative; padding-left:20px;}
.txtblok li:before{position:absolute; top:0; left:0; font-family: 'myriad-pro',sans-serif; content: '•'; /*font-family:'FontAwesome'; content:'\f00c';*/ color:#e50b14; font-size: 24px;
    line-height: 40px;}
	
.clear{clear:both; height:0; overflow:hidden;}

hr{height:0; overflow:hidden; border:0; border-top:1px solid #ccc; margin:12px 0;}

h1, h2, h3, h4{margin:0; padding:0; font-weight:normal;}
h2 {font-size:32px; line-height:38px; padding-bottom:15px;}
h3 {font-size:28px; line-height:32px; padding-bottom:10px;}
h4 {font-size:20px; padding-bottom:5px;}

h1{font-size:32px; line-height:40px; font-style:italic; font-weight:700;}
h1, h2.h1, .spacer{padding-bottom:40px;}
.txtblok h2.right{text-align:right; font-size:32px; line-height:40px; font-style:italic; font-weight:700; padding-bottom:40px;}
h2.h1{font-size:32px; line-height:40px; font-style:italic; font-weight:700;}

.bg{-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; background-repeat:no-repeat; background-position:50% 50%;}
.center{max-width:1110px; margin:0 auto; position:relative; padding:0 45px;}
.wrapper{max-width:1440px; margin:0 auto; position:relative; background:#fff; -webkit-box-shadow:0 0 15px 0 rgba(0,0,0,0.25); -moz-box-shadow:0 0 15px 0 rgba(0,0,0,0.25); box-shadow:0 0 15px 0 rgba(0,0,0,0.25);}

img{height:auto; max-width:100%;}

.center.wide{padding:0 33px;}
.center.wide h1, .center.wide h2{padding-left:10px; padding-right:10px;}
	

/* news btn */
.butnewsbg{height:214px; max-width:1440px; z-index:0; margin:0 auto; position:absolute; left:0; right:0; bottom:90px; background: url(/assets/templates/site/img/bg-news.png) no-repeat; background-size:auto auto; background-size:100%; background-position:bottom;}
.butnews{position:absolute; right:330px; bottom:130px; z-index:2;}
.butnews a{color:#fff; font-family:'myriad-pro',sans-serif; font-weight:900; font-style:italic; font-size:30px; line-height:28px;}


	
/* top */
.top{position:absolute; z-index:100; left:0; right:0;}
.top .wrap{height:214px; max-width:1440px; margin:0 auto; position:relative; background:url(/assets/templates/site/img/bg-nav.png) no-repeat; background-size:100%; background-position:bottom; z-index:101; transition:top 0.35s ease-in-out;}
.bg-tel{height:214px; max-width:1440px; z-index:-1; margin:0 auto; position:absolute; left:0; right:0; background:url(/assets/templates/site/img/bg-tel.png) no-repeat; background-size:100%; background-position:bottom;}
.nmbr{color:#fff; position:absolute; right:5%; top:136px; font-weight:900; font-style:italic; font-size:30px;}
.logo{float:left; margin-top:20px;}
.nav{float:right; margin-top:25px;}
.call{display:none;}

	
/* banners */
.banner .center{height:inherit; position:relative;}
.banner{height:900px; position:relative; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; background-repeat:no-repeat; background-position:50% 50%; background-color:#eee;}
.banner.last{height:1000px;}
.banner.last .center{height:90%;}	
.banner h2{font-size:45px; line-height:50px; color:#fff; font-style:italic; font-weight:700; padding:0; margin:0; position:relative; top:50%; transform: translateY(-50%); /*text-shadow:0 0 10px #000; text-shadow:0 0 10px rgba(0,0,0,1);*/ width:100%;}
.banner.hom h2{width:74%;}
.banner .img{position:absolute; right:0; bottom:10%; width:26%;}
.banner.invert .img{right:auto; left:0;}
.banner.invert h2{float:right; text-align:right;}
	
.balk{height:214px; max-width:1440px; position:absolute; left:0; right:0; z-index:10;}	
.balk.t{top:0; background:url(/assets/templates/site/img/bg-bot.png) no-repeat; background-size:100%; background-position:top;}
.balk.t2{top:0; background:url(/assets/templates/site/img/bg-bot2.png) no-repeat; background-size:100%; background-position:top;}
.balk.b{bottom:0; background:url(/assets/templates/site/img/bg-top.png) no-repeat; background-size:100%; background-position:bottom;}
.balk.b2{bottom:0; background:url(/assets/templates/site/img/bg-top2.png) no-repeat; background-size:100%; background-position:bottom;}


/* homepage */
.items-4st .item{float:left; width:25%; padding:0 12px 0;}
.items-4st .item a{color:#e50b14; font-weight:700; font-style:italic;}
.items-4st .item a:hover{text-decoration:none;}
.items-4st .item .img{margin-bottom:15px;}
.items-4st .item .img h3{padding:22px 20px 0px; color:#fff; margin:0; font-style:italic; font-weight:700; font-size:23px; line-height:27px; position:relative; z-index:1;}
.items-4st .item .img h3:after{position:absolute; content:''; z-index:-1; left:0; right:0; bottom:-35px; height:35px; background-size:100%; background-position:top; background-repeat:no-repeat;}
.items-4st .item .img h3.bgrood:after{background-image:url(/assets/templates/site/img/rand-rood-bot.png);}
.items-4st .item .img h3.bgblauw:after{background-image:url(/assets/templates/site/img/rand-blauw-bot.png);}
.items-4st .item .img h3.bgturq:after{background-image:url(/assets/templates/site/img/rand-turq-bot.png);}
.items-4st .item .img h3.bgoranje:after{background-image:url(/assets/templates/site/img/rand-oranje-bot.png);}
.items-4st .item .img h3.bggroen:after{background-image:url(/assets/templates/site/img/rand-groen-bot.png);}
.items-4st .item .img h3.bgdgroen:after{background-image:url(/assets/templates/site/img/rand-dgroen-bot.png);}
.items-4st .item .img h3 span{font-weight:300;}
	
.items-4st .item .img{display:block; padding-bottom:100%; height:0; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; background-repeat:no-repeat; background-position:50% 50%; position:relative;}
	
.items-4st .item .top, .items-4st .item .bot{position:absolute; display:block; left:0; right:0; height:40px; background-repeat:no-repeat; background-size:100%; z-index:10;}
.items-4st .item .top{top:0; background-image:url(/assets/templates/site/img/rand-wit-top.png); background-position:center top;}
.items-4st .item .bot{bottom:0; background-image:url(/assets/templates/site/img/rand-wit-bot.png); background-position:center bottom;}
	
.go-up{position:relative; margin-top:-120px;}
.invert .go-up{margin-top:-100px;}
.txtblok{position:relative; z-index:11;}
	
	
/* standaard pagina */
.content{float:left; width:65%; padding-right:30px;}
.sidebar{float:right; width:35%;}
.contacto .content{width:40%; padding-right:30px;}
.contacto .sidebar{width:40%; float:left;}

.invert .content{float:right; padding-right:0; padding-left:30px;}
.invert .sidebar{float:left;}
	
.sidebar .text{position:relative; color:#fff; padding:20px 0; font-size:22px; line-height:38px; font-weight:700; font-style:italic;}
.sidebar span.top{position:absolute; left:0; right:0; top:0; background-image:url(/assets/templates/site/img/bg-side-top.png); background-position:top; background-size:100%; height:40px; background-repeat:no-repeat;}
.sidebar span.bot{position:absolute; left:0; right:0; bottom:0; background-image:url(/assets/templates/site/img/bg-side-bot.png); background-position:bottom; background-size:100%; height:40px; background-repeat:no-repeat;}
	
.sidebar .text li{margin-left:30px; padding-right:20px;}
.sidebar .text li:before{position:absolute; top:0; left:0; font-family:'FontAwesome'; content:'\f111'; color:#fff; font-size:7px; font-style:normal; font-weight:100;}
	
.sidebar .afb{position:relative;}
.sidebar .afb img{display:block;}
	

	
/* footer */
.footer{color:#fff; min-height:300px; position:relative; /*background-image:url(/assets/templates/site/img/bg-blauw.png);*/ background:#14387F; padding-bottom:50px;}
.footer .balk.one{max-width:1440px; position:absolute; left:0; right:0; z-index:10; height:350px; top:-350px; background:url(/assets/templates/site/img/bg-footer-top.png) no-repeat; background-size:100%; background-position:top;}
.footer .balk.two{max-width:1440px; position:absolute; left:0; right:0; z-index:10; height:185px; top:-185px; background:url(/assets/templates/site/img/bg-footer-top2.png) no-repeat; background-size:100%; background-position:bottom;}

.balk.one{padding-top:50px;}

.footer .logos{max-width:700px;}
.footer .logos a{float:left; display:block;}
.footer .logos .l1{width:14%;}
.footer .logos .l2{width:15%;}
.footer .logos .l3{width:15%;}
.footer .logos .l4{width:15%;}
.footer .logos .l5{width:18%;}
.footer .logos .l6{width:21%;}
	
.footer h3, .certificeringen h2{font-size:24px; font-weight:700; font-style:italic; line-height:24px; margin:0; padding:0 0 35px 0;}
.footer .item{float:left; width:25%; padding-right:15px; padding-bottom:30px; padding-top:15px;}
.footer .item b, .footer .item strong{font-style:italic; font-weight:700;}
.footer .item a{color:#fff; text-decoration:none;}
.footer .item a:hover{color:#e50b14;}	


/* navigatie */
.bars {display:inline-block; cursor:pointer; margin-top:0; margin-right:0; width:inherit; height:inherit;}
.bar1, .bar2, .bar3{width:25px; height:4px; background:#14387F; margin:4px 0; transition:0.4s;}
.change .bar1 {-webkit-transform: rotate(-45deg) translate(-4px, 3px); transform: rotate(-45deg) translate(-6px, 6px);}
.change .bar2 {filter:alpha(opacity=0); opacity:0; zoom:1;}
.change .bar3 {-webkit-transform: rotate(45deg) translate(-8px, -8px); transform: rotate(45deg) translate(-5px, -6px);}
	
.nav-link{display:none;}
.nav{font-size:19px; z-index:10;}
.nav ul{position:relative; z-index:101; padding:0; list-style:none; margin:0; transition:0.6s;}
.nav ul li{display:inline-block; margin-right:5px; line-height:30px; position:relative;}
.nav ul li a{display:block; color:#14387F; text-decoration:none; padding:0 5px; font-weight:600;}
.nav ul li:before{content:'•'; position:absolute; top:0; left:-5px; color:#e50b14;}
.nav .secrow ul li:before{left:-8px;}
.nav ul li.first:before{content:''; display:none;}
.nav ul li.last a{padding-right:0;}
.nav ul li a:hover{text-decoration:none; color:#e50b14;} 
.nav ul li.active > a{text-decoration:none; color:#14387F;}

.nav .secrow{font-size:23px; font-style:italic; text-align:right;}	
.nav .secrow ul li a{color:#e50b14; font-weight:800;}
.nav .secrow ul li a:hover{color:#14387F;} 
.nav .secrow ul li.active > a{color:#e50b14;}
.nav .secrow ul li:before{color:#14387F;}
	
	
/* forms 
textarea{resize:vertical;}
textarea, input[type="text"], input[type="button"], input[type="submit"] {-webkit-appearance:none; border-radius:0;}
	
.form-item{padding-bottom:5px; clear:both;}
.form-item input, .form-item.textfield textarea{border:1px solid #ccc; padding:3px 6px; width:65%; float:right;}
.form-item.verplicht{float:right; padding-top:10px; font-size:85%;}
.form-btn{clear:both; text-align:right;}
.form-btn input{background:#14387F; color:#fff; display:inline-block; border:0; margin-top:10px; padding:5px 12px 6px;}
.form-btn input:hover{cursor:pointer; background:#e50b14;}
.form-item label{float:left; width:35%;}

.errors{padding:10px 12px; margin-bottom:25px; border:1px solid #e50b14; color:#e50b14;}
.ster{color:#e50b14;}	
*/
	
	
/* RESPONSIVE */	
@media screen and (max-width:1440px){		
	.wrapper{max-width:1280px;}	
	.go-up{margin-top:-100px;}
	.invert .go-up{margin-top:-60px;}
	
	.banner{height:830px;}
	.banner.last{height:930px;}
	.balk{height:200px;}
	
	.nmbr{right:10%; top:143px; font-size:27px;}
	

	/* news btn */
	.butnewsbg{height:214px; max-width:1440px; bottom:90px;}
	.butnews{right:280px; bottom:118px;}
}
	
@media screen and (max-width:1280px){	
	body,td,input,textarea,button,select{font-size:16px; line-height:25px;}
	
	h1{font-size:30px; line-height:35px;}
	h1, h2.h1, .spacer{padding-bottom:35px;}
	.txtblok h2.right{font-size:30px; line-height:35px; padding-bottom:35px;}
	h2.h1{font-size:30px; line-height:35px;}

	.txtblok li:before{line-height:35px;}
	
	.sidebar .text{padding:15px 0; font-size:20px; line-height:34px;}
	
	.items-4st .item .img h3{padding:20px 18px 0px; font-size:21px; line-height:24px;}
	
	.wrapper{max-width:1020px;}	
	.logo{width:200px; margin-top:20px;}
	
	.go-up{margin-top:-80px;}
	.invert .go-up{margin-top:-40px;}
	
	.nmbr{font-size:23px; top:132px; right:140px;}
	
	.banner{height:750px;}
	.banner.last{height:850px;}
	.banner.last .center{height:80%;}
	.banner.last .img{bottom:2%}
	.banner h2{font-size:40px; line-height:45px;}
	.banner.hom h2{width:70%;}
	.banner .img{right:4%; width:26%; bottom:8%;}
	
	.balk{height:160px;}
	.top .wrap{height:190px;}
	.bg-tel{height:190px;}
	
	.footer h3.blauw, .certificeringen h2{padding-bottom:10px; padding-top:20px;}
	.footer h3, .certificeringen h2{font-size:21px;}
	.footer .balk.two{height:150px; top:-150px;}
	.footer .balk.one{height:270px; top:-270px;}
	
	/* news btn */
	.butnewsbg{height:200px; bottom:75px;}
	.butnews{right:260px; bottom:95px;}
	.butnews a{font-size:24px;}

		
}
	
@media screen and (max-width:1020px){	
	body,td,input,textarea,button,select{font-size:15px; line-height:23px;}
	
	h1{font-size:30px; line-height:36px;}
	h1, h2.h1, .spacer{padding-bottom:30px;}
	.txtblok h2.right{font-size:30px; line-height:36px; padding-bottom:30px;}
	h2.h1{font-size:30px; line-height:36px;}
	
	.items-4st .item .img h3{padding:15px 12px 0; font-size:17px; line-height:20px;}
	
	.wrapper{max-width:768px;}
	.center{padding:0 30px;}
	.center.wide{padding:0 18px;}
	
	.go-up{margin-top:-60px;}
	.invert .go-up{margin-top:-10px;}
	
	.sidebar .text{padding:12px 0; font-size:18px; line-height:28px;}
	.sidebar .text li{margin-left:20px;}
	
	.banner{height:620px;}
	.banner.last{height:720px;}
	.banner.last .center{height:78%;}
	.banner h2{font-size:30px; line-height:36px;}
	
	.balk{height:115px;}
	
	.logo{width:150px; position:absolute; z-index:11; padding-left:5px;}
	
	.nav{font-size:16px;}
	.nav .secrow ul li a{font-size:18px; font-weight:700;}
	
	.footer .balk.two{height:120px; top:-120px;}
	
	.top .wrap, .bg-tel{height:160px;}
	.nmbr{font-size:16px; top:114px; right:105px;}
	
	/* news btn */
	.butnewsbg{height:150px; bottom:55px;}
	.butnews{right:180px; bottom:70px;}
	.butnews a{font-size:18px;}
			
}	
	
	

@media screen and (max-width:767px){		
	
	.wrapper{max-width:680px;}
	
	h1{font-size:25px; line-height:28px;}
	h1, h2.h1, .spacer{padding-bottom:15px;}
	.txtblok h2.right{font-size:25px; line-height:28px; padding-bottom:20px;}
	h2.h1{font-size:25px; line-height:28px;}
	
	.wrapper{max-width:680px;}
	.center{padding:0 20px;}
	.center.wide{padding:0 8px;}
	
	.sidebar .text{font-size:16px; line-height:24px;}
	.banner h2{font-size:25px; line-height:28px;}
	.top .wrap, .bg-tel{height:110px;}

	.logo{width:160px; padding-left:30px; margin-top:5px;}

	.nmbr{font-size:15px; top:68px; right:100px;}
	
	.banner{height:460px;}
	.banner.last{height:590px;}
	.banner.last .center{height:75%;}
	
	.items-4st .item{width:50%; padding-bottom:30px;}
	.items-4st .item .img h3:after{bottom:-55px; height:55px;}
	.items-4st .item .img h3{padding:25px 12px 0; font-size:20px;}
	
	.txtblok h2.right{text-align:left;}
	
	.go-up{margin-top:-30px;}
	
	.top .center{padding:0;}
	
	.footer .balk.two{height:100px; top:-100px;}
	.footer .balk.one{height:240px; top:-240px;}
	.footer .item{width:50%;}
	.footer .item.
	
	.balk.one{padding-top:32px;}
	.balk{height:100px;}
	
	
	/* nav */
	.nav-link {display:block; color:#14387F; position:absolute; right:15px; text-decoration:none; padding:6px 7px; width:40px; height:40px; z-index:200; top:10px; overflow:hidden;}	
	
	.nav{min-width:inherit; position:relative; top:0; left:0; padding:0; overflow:hidden; max-height:0; width:100%; margin-top:0;}
	.nav.active{max-height:800px;}
	.nav{background:url(/assets/templates/site/img/bg-nav-mob.png); background-repeat:no-repeat; background-position:bottom; background-size:100%;}
	.nav ul li{display:block;}
	.nav ul li.first{padding-top:80px;}
	.nav ul li.last{padding-bottom:0;}
	.nav .secrow ul li.first{padding-top:0px;}
	.nav .secrow ul li.last{padding-bottom:50px;}
	.nav ul li{padding:0; border:none; margin:0;}
	.nav ul li a{display:block; position:relative; color:#14387F; line-height:32px; padding:0 40px;}
	.nav ul li.active a{color:#e50b14;}
	
	.nav .secrow{font-style:normal; text-align:left;}	
	.nav .secrow ul li a{font-size:16px;}
	
	/* news btn */
	.butnewsbg{height:100px; bottom:48px;}
	.butnews{right:154px; bottom:60px;}
	.butnews a{font-size:18px;}
	
}

@media screen and (max-width:680px){	
	.call{display:block; position:absolute; top:10px; right:65px; width:40px; height:40px; line-height:40px; text-align:center; font-size:26px; z-index:101;}
	.call a{color:#e50b14;}
	.call:before{content:"24/7"; position:absolute; font-size:15px; font-weight:bold; color:#14387F; margin-left:-40px;}
	.bg-tel{display:none;}
	.nmbr{display:none;}
	.items-4st .item .txt{display:none;}
	.items-4st .item{padding-bottom:10px;}
	.balk{height:100px;}
	.sidebar .text{font-size:14px;}
	.footer h3, .certificeringen h2{font-size:16px;}
	
	/* news btn */
	.butnewsbg{display:none;}
	.butnews{display:none;}
}

@media screen and (max-width:580px){
	.content, .invert .content{float:none; width:100%; padding-left:0; padding-right:0;}
	.sidebar{float:left; max-width:230px; width:100%;}
	
	.contacto .content{float:none; width:100%;}
	.contacto .sidebar{float:none; max-width:100%; width:100%;}
	.contacto .ahhh{display:none;}
}
	
@media screen and (max-width:480px){
	
	h1{font-size:21px; line-height:25px;}
	.txtblok h2.right{font-size:21px; line-height:25px; padding-bottom:15px;}
	h2.h1{font-size:21px; line-height:25px;}

	.top .wrap{height:90px;}
	.logo{padding-left:20px; padding-right:20px;}
	.nav ul li a{ padding:0 25px;}
	
	.items-4st .item .img h3{font-size:14px; line-height:18px; padding:15px 10px 0;}
	
	.banner.hom h2{width:100%;}
	.banner h2{top:70px; transform: translateY(0); font-size:20px; line-height:22px; text-align:center;}
	.banner.invert h2{text-align:center;}
	.banner.first h2{top:135px;}
	.banner .img{left:38%; right:auto; width:26%; bottom:4%;}
	.banner.invert .img{left:38%; right:auto; width:26%; bottom:6%;}
	
	.banner.first{height:400px;}
	.banner{height:360px;}
	.banner.last{height:460px;}
	.banner.last .center{height:80%;}
	
	.go-up{margin-top:0;}
	.balk{height:70px;}
	.balk.one{padding-top:10px;}
	.footer .balk.two{height:65px; top:-65px;}
	.footer .balk.one{height:160px; top:-160px;}
	.footer .item{width:100%; float:none; padding-top:0; padding-right:0; padding-bottom:20px;}
	.footer .logos{max-width:330px;}
	
}




/*EXTRA CSS CHUNK*/

/** 
 * Helpers
 */
	
	.txtblok--projecten .rood {
		padding-bottom:20px;
	}
	
	.hidden {
		display: none;
	}
	.align-left {
		text-align: left !important;
	}
	.btn--link {
		background: none;
		border: none;
		padding: 0;
		font: inherit;
		cursor: pointer;
		outline: inherit;
	}
	.f-blauw {
		color: 	#14387F !important;
	}
	.nomouse{ 
		cursor:default;
	}

/**
 * Overwrites
 */
	@media screen and (max-width: 767px){
		/* Achtegrond image van de navigatie iets breder op mobiel 
		 * zodat hij mooier past op alle formaten */
		#nav.nav {
			background-size: 107%;
		}
		/* geen bolletjes meer op mobiel menu*/
		.nav ul li::before {
			content: none;
		}
	}

	
/** 
 * Fancybox
 */
	.fancybox-button {
		background: none;
	}
	
/** 
 * Vacature sticky
 * we hebben flexbox nodig om de aside 
 * even hoog te krijgen als de content.
 */
	.vacature-main {
		display:flex;
		flex-wrap: wrap;
	}
	.vacaturesidebar {
		position: relative;
	}
	.vacaturesidebar .sticky {
		position: sticky;
		top: 40px;
		margin-bottom: 40px;
	}

/**
 *	Full width template, vooral voor privacy verklaring en
 *	cookiebeleid, inclusief gestylde h2 
 */
	.full-width .content {
		width: 70%;
	}
	@media screen and (max-width: 1020px){
		.full-width .content {
			width: 100%;
		}	
	}
	.full-width h2 {
		font-size: 1.5rem;
		font-style: italic;
		font-weight: 600;
		line-height: inherit;
	}
	@media screen and (max-width:1280px){
		.full-width h2 {
			font-size: 1.4rem;
		}
	}

	@media screen and (max-width: 767px){
		.full-width h2 {
			font-size: 1.2rem;
		}
	}
	@media screen and (max-width: 480px){
		.full-width h2 {
			font-size: 1.1rem;
		}
	}
/**
 * Cookiebanner
 */
	/*== Main banner */
	.gdpr-banner {
		border-top:none;
		-webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.25);
		-moz-box-shadow: 0 0 15px 0 rgba(0,0,0,0.25);
		box-shadow: 0 0 15px 0 rgba(0,0,0,0.25);
		background:#f2f2f2;
		color:black;
		font-family: 'myriad-pro',sans-serif;
		left: 0;
		right: 0;
	}
	.gdpr-banner-inner {
		max-width: 1440px;
		margin-left: auto;
		margin-right: auto;
		position: relative;
	}
	/*-- Description / lees meer */
	.gdpr-banner-desc {
		margin-top:0;
		margin-bottom: 0;
		font-size: 16px;
	}
	.gdpr-banner-link:hover {
		text-decoration:none;
	}
	/*== Right / Buttons */
	.gdpr-banner-right {
		padding-right: 10px;
		justify-content: right;
		display:flex;
		height: 100%;
		padding-left: 16px;
		text-align: left;
		align-items: center;

	}
	.gdpr-banner-right 
	.gdpr-banner-link {
		color:black;
	}
	.gdpr-banner-decline,
	.gdpr-banner-accept {
		font-weight: 600;
		padding: 6px 26px;
	}
	.gdpr-banner-decline:hover,
	.gdpr-banner-accept:hover {
		text-decoration: none;
	}
	/*-- Decline button */
	.gdpr-banner-decline {
		cursor:pointer;
		color:#14387F;
		border:2px solid #14387F;
	}
	.gdpr-banner-decline:hover {
		color: white;
		background-color: #14387F;
		border-color: #14387F;
	}
	/*-- Accept button */
	.gdpr-banner-accept {
		cursor:pointer;
		color: white;
		border:2px solid #14387F;
		background-color: #14387F;
	}
	.gdpr-banner-accept:hover {
		color: white;
		border-color: #08366c;
		background-color: #08366c;
	}
	
	/*-- feedback */
	.gdpr-banner-decline:active,
	.gdpr-banner-accept:active {
		transform: translateY(1px);
	}
	.btn-accept-cookie {
		margin-top:8px;
	}
	/*-- Animation */
	.gdpr-banner-link {
		animation: none;
	}
	/*== Media */
	@media screen and (max-width: 1440px){
		.gdpr-banner-inner {
			max-width: 1280px;
		}
	}
	@media screen and (max-width: 1280px){
		.gdpr-banner-inner {
			max-width: 1020px;
			padding: 0 45px;
		}
		.gdpr-banner-desc {
			font-size: 15px;
			line-height: 1.4;
			
			margin-left: 0;
			margin-right: 0;
			padding-left: 0;
		}
		.gdpr-banner-right {
			padding-left: 16px;
			text-align: left;
		}
	}
	@media screen and (max-width:1020px){
		.gdpr-banner-inner {
			max-width: 768px;
			padding: 0 30px;
		}
		.gdpr-banner-right {
			justify-content: center;
		}
	}
	@media screen and (max-width:767px){
		.gdpr-banner-inner {
			max-width: 680px;
			padding: 0 20px;
		}
		.gdpr-banner-right {
			padding-left: 0;
			padding-right: 0;
		}
	}
		@media screen and (max-width: 667px){
			.gdpr-banner-right {
				display: block;
			}
		}
	/** 
	 * Projectoverzicht
	 */
		.projectoverzicht .content--fw {
			padding-top: 0!important;
		}
		.content--fw {
			width: 100%;
			padding-top: 65px;
		}
		.img-contain {
			object-fit: cover;
			width: 100%;
			height: 100%;
		}
		.projects {
			display: flex;
			flex-wrap: wrap;
		}
		.projects--all {
			margin-top:10px;
		}
		.projects__item.item {
			float: none;
		}
		.projects__item__media {
			padding-bottom: 71%;
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
		}
		.projects__item__media.clip-corner {
				clip-path: polygon(0 0, 87% 0%, 100% 21%, 100% 100%, 0 100%, 0% 50%);
		}
		.projects__item__content {
			margin-top: 25px;
			margin-bottom: 100px;
		}
		.projects--home .projects__item__content {
			margin-bottom: 50px;
		}
		@media screen and (max-width:1280px){
			.projects__item__content {
				margin-bottom: 75px;
			}
			
			.projects--home .projects__item__content {
				margin-bottom: 50px;
			}
			
		}
		@media screen and (max-width:1020px){
			.projects--home .projects__item__content,
			.projects__item__content {
				margin-top: 15px;
				margin-bottom: 45px;
			}
			
		}
		@media screen and (max-width:767px){
			.projects--home .projects__item__content,
			.projects__item__content {
				margin-bottom: 30px;
			}
			
		}
		.projects__item__link {
			color:  #14387F!important;
			font-weight: 700;
			font-style: italic;
		}
		.projects__item__link:hover,
		.projects__item__link:focus
		{
			color:  #e50b14!important;
		}
		.projects__item .img-link:hover + .projects__item__content > .projects__item__link {
			color:  #e50b14!important;
		}

		
		
		/**
	     * Homepage aanpassingen
		 */
	
		/* Projecten */
		.txtblok--projecten .content--fw {
			padding-top: 80px;
		}
		.projects__link {
			font-size: 22px;
			font-weight: 600;
			font-style: italic;
		}
		@media screen and (max-width: 1440px){
			.projects__link {
				font-size: 20px;
			}
		}
		@media screen and (max-width: 1280px){
			.projects__link {
				font-size: 20px;
			}
		}
		@media screen and (max-width:767px){
			.projects__link {
				font-size: 18px;
			}
			.txtblok--projecten .content--fw {
				padding-top:30px;
			}
		}
	
		/* items */
		.clip-corner {
			clip-path: polygon(0 0, 87% 0%, 100% 33%, 100% 100%, 0 100%, 0% 50%);
		}
		.items-4st .item .item__img {
			padding-bottom: 61%;
		}
		.item__header {
			padding: 20px 20px 15px 20px;
			border-bottom: 8px solid #fff;
		}
		.item__header .kop {
			color: #fff;
			padding: 0;
			margin: 0;
			font-style: italic;
			font-weight: 700;
			font-size: 23px;
			line-height: 27px;
			position: relative;
			z-index: 1;
		}
	@media screen and (max-width: 1440px) {
		.item__header .kop{
			font-size: 21px;
			line-height: 24px;
		}
		.item__header {
			padding: 18px 18px 15px 18px;
		}
	}
	@media screen and (max-width: 1280px) {
		.item__header .kop{
			font-size: 17px;
			line-height: 20px;
		}
		.item__header {
			padding: 10px 12px 12px 12px;
		}
	}
	@media screen and (max-width: 767px) {
		.item__
		.item__header {
			padding: 15px 18px 15px 12px;
			border-bottom: 5px solid #fff;
		}
	}
	@media screen and (max-width: 480px) {
		.item__header .kop{
			font-size: 14px;
		}
		.item__header {
			padding: 10px
		}
	}
	
	
	/**
	 * Project detail
	 */
	.content--fw.first {
		padding-top: 10px!important;
	}
	/* Banner title gecentreerd */
	.project-detail .vacaturetitel {
		top: 48%;
	}
	/* Banner title op mobiel */
	.banner-title--mobile {
		display: none;
	}
	@media screen and (max-width: 1020px){
		.banner-title--mobile {
			font-size: 32px;
			font-weight: 700;
			font-style: italic;
			display: block;
			padding-bottom: 5px;
		}
		.txtblok--projecten .rood {
			font-size: 28px;
			padding-bottom: 15px;
		}
	}
	@media screen and (max-width: 767px){
		.banner-title--mobile {
			font-size: 22px;
			line-height: 26px;
		}
		.txtblok--projecten .rood {
			font-size: 18px;
		}
	}
	/* Beschrijving */
	.project-detail .vacaturetitel h2 {
		text-transform: none !important;
		font-style: italic !important;
	}
	.project {
		display: flex;
		color:  #14387F;
		margin-bottom: 70px;
	}
	.project__desc {
		width: 66%;
		margin-right: 30px;
	}
	.project__img {
		width: 33%;
		max-height: 240px;
	}
	@media screen and (max-width:1020px){
		.project {
			margin-bottom: 50px;
		}
	} 
	@media screen and (max-width: 1020px) and (min-width:767px){
		.project__img {
			max-height: 150px;
		}
	}
	@media screen and (max-width: 768px){
		.project {
			flex-wrap: wrap;
		}
		.project__desc {
			width: 100%;
			margin-right: 0;
		}
		.project__img {
			width: 100%;
			max-height: 240px;
		}
	}
	
	.project__img.clip-corner {
		clip-path: polygon(0 0, 89% 0%, 100% 16%, 100% 100%, 0 100%, 0% 50%);
	}
	.desc__list {
		margin: 0;
		padding: 0 50px 0 0;
	}
	.desc__list__item {
		display: flex;
		padding-left: 0!important;
		margin-bottom: 20px;
		
		font-size: 18px;
		font-weight: 600;
	}
	.desc__list__item::before {
		content: none!important;
	}
	.desc__list__label {
		font-weight:700;
		display:block;
		min-width: 110px;
		max-width: 110px;
	}
	@media screen and (max-width: 1020px){
		.desc__list {
			padding-right: 0;
		}
		.desc__list__item {
			margin-bottom: 25px;
			font-size: 16px;
		}
	}
	@media screen and (max-width:480px){
		.desc__list__item {
			margin-bottom: 15px;
			font-size: 16px; 
		}
		.desc__list {
			margin-bottom: 10px;
		}
	}
	
	.project__footer__fotos {
		display:block;
		margin-bottom: 80px;
		
		font-size: 22px;
		font-style: italic;
		font-weight: 700;
	}	
	.project__footer__fotos:focus,
	.project__footer__fotos:hover {
		text-decoration: underline;
	}
	
	.project__footer__link {
		font-size: 18px;
		font-style: italic;
		font-weight: 700;
	}
	.project__footer__link:focus,
	.project__footer__link:hover {
		text-decoration: none;
	}
		@media screen and (max-width: 1280px){
			.project__footer__fotos {
				margin-bottom: 60px;
			}
		}
		@media screen and (max-width:767px){
			.project__footer__fotos {
				font-size: 18px;
			}
			.project__footer__link {
				font-size: 16px;
			}
		}
		@media screen and (max-width:767px){
			.project__footer__fotos {
				font-size: 16px;
			}
			.project__footer__link {
				font-size: 15px;
			}
		}
	
	
	
	/** 
	 * Pagebuilder blokken 
	 */
	
	.pb__blok {
		margin-bottom: 100px;
		color: #14387F;
	}
	.background-grey {
		background: #f7f7fb;
	}
	/* Style */
	.blok__txt strong {
		font-weight: 600;
	}
	.blok__txt h2 {
		font-weight: 700;
		font-size: 21px;
		padding-bottom: 20px;
		color: #e50b14;
	}
	/* Layout */
	.blok__container {
		display: flex;
		justify-content: space-between;
	}
	.blok__txt.left {
		margin-right: 30px;
	}
	.pb__blok-bg .blok__txt.left {
		margin-left: 15px;
	}
	.blok__txt.right {
		margin-left: 30px;
	}
	.pb__blok-bg .blok__txt.right {
		margin-left: 15px;
	}
	.blok__img .clip-corner {
		clip-path: polygon(0 0, calc(100% - 35px) 0%, 100% 35px, 100% 100%, 0 100%, 0% 50%);
	}
	.blok__img--33 {
		width: 33%;
	}
	.blok__img--50 {
		width: 50%;
	}
	.blok__txt--50 {
		width: 50%;
	}
	.blok__txt--66 {
		width: 66%;
	}
	
	/* Pb blok met Achtergrond */
	.pb__bg {
		margin-top: 200px;
		background-image:url('/assets/images/banner/bg-bottombar.png');
		background-position: bottom;
		background-size: 100%;
		background-repeat: no-repeat;
	}
	.pb__bg .blok__container {
		padding-bottom: 100px;
	}
	.pb__blok-bg {
		padding-bottom: 100px;
		margin-bottom: 0;
	}
	
	/* Pb responsive */
	@media screen and (max-width: 1280px){
		.blok__txt h2 {
			padding-bottom: 35px;
		}
		.pb__blok  {
			font-size: 16px;
			margin-bottom: 75px;
		}
		.pb__bg {
			margin-top: 125px!important;
		}
		.pb__bg .pb__blok {
			margin-bottom: 25px;
		}
		.pb__bg .blok__container {
			padding-bottom: 25px;
		}
		.pb__bg .content--fw {
			padding-top: 50px;
		}
		.pb__bg .blok__container {
			padding-bottom: 10px;
		}
		
	}
	@media screen and (max-width: 1020px){
		.pb__blok  {
			font-size: 15px;
		}
		.blok__txt h2 {
			padding-bottom: 25px;
		}
	}
	@media screen and (max-width: 767px){
		.project {
			margin-bottom: 40px;
		}
		.blok__img--50.left {
			display: none;
		}
		.blok__img--66.left {
			display: none;
		}
		.blok__txt h2 {
			padding-bottom: 15px;
			font-size: 18px;
		}
		.blok__container {
			flex-wrap: wrap;
		}
	
		.blok__txt {
			width: 100% !important;
			margin-left: 0!important;
			margin-right: 0!important;
		}
		.blok__img {
			width: 100% !important;
		}
		
		.pb__blok {
			margin-bottom: 40px;
		}
		.blok__img.blok__img--33.right {
			margin-top: 20px;
		}
		.blok__txt.blok__txt--50.right {
			margin-top: 0;
		}
		.pb__bg .content--fw {
			padding-top: 40px;
		}
		.pb__bg {
			margin-top: 50px!important;
		}
		.pb__blok-bg {
			padding-bottom: 75px;
		}
		.pb__blok-bg .blok__txt--50.left {
			margin-bottom: 10px;
		}
		.blok__img.blok__img--33.left {
			margin-bottom: 15px;
		}
	}
	
	/*
	## Nieuwe header
	*/
	.flex {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
	}
	.space-between {
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}
	.no-link {
		color: inherit;
		text-decoration: none;
		font-weight: inherit;
	}
	.no-link:hover,
	.no-link:focus {
		color: inherit;
		text-decoration: none;
	}
	.header {
		height:280px;
		z-index: 99;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		background-image: url('/assets/images/theme/header-bg2.png');
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}
	.header__cta {
		position: absolute;		
		right: 16px;
		top: 3px;
	}
	.header__cta__link {
		padding: 7px 25px 7px 12px;
		background-color: #e50b14;
		color: #fff;
		font-weight: 600;
		font-size: 24px;
		font-style: italic;
		-webkit-clip-path: polygon(0 0, 100% 0, 100% 55%, 87% 100%, 0 100%);
		        clip-path: polygon(0 0, 100% 0, 100% 55%, 87% 100%, 0 100%);
	}
	.header__cta__link:hover,
	.header__cta__link:focus {
		color: #fff;
		text-decoration: none;
	}
	.header__cta__link:hover span,
	.header__cta__link:focus span {
		left: 2px;
	}
	.header__cta__link span {
		left: 0;
		-webkit-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		transition: all 0.2s ease;
		position: relative;
		font-size: 26px;
	}
	.header__logo {
		margin-top: 25px;
		width: 100%;
		max-width: 247px;
	}
	.header__logo__media {
		width: 100%;
		height: auto;
		display: block;
	}
	
	.header__wrap {
		padding-top: 25px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	.header__nav {
		width: 100%;
		margin-bottom: 15px;
		
	}
	.header__nav .nav {
		margin-top: 0;
	}
	.header__text {
		font-family: 'myriad-pro',sans-serif;
		color: #14387F;
		font-style: italic;
		font-weight: 800;
		font-size: 34px;
		line-height: 1.147;
		width: auto;
		display: inline-block;
	}
	.header__text .red {
		color: #e50b14;
	}
	.header__text__bot {
		font-size: 24px;
		line-height: 1.125;
		font-weight: 800;
		text-align: right;
		letter-spacing: -0.75px;
	}
	.nav__item a {
		font-size: 20px;
	}
	.header__nav .nav ul li.active > a {
		color: #e50b14;
	}
	.header__nav .nav ul li::before {
		font-size: 22px;
	}
	.header__nav .nav ul li a { /* ew */
		font-weight: 400;
		padding-left: 7px;
		padding-right: 7px;
	}
	.header__nav .nav ul li.last a { /* ew */
		padding-right: 0;
	}
	.header__nav .nav ul li:last-of-type {
		margin-right: 0;
	}

	.header__subnav {
		-webkit-box-flex: 1;
		    -ms-flex-positive: 1;
		        flex-grow: 1;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: end;
		    -ms-flex-pack: end;
		        justify-content: flex-end;
	}
	.header__subnav__list {
		margin-top: 0;
		margin-bottom: 0;
		margin-right: 50px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: flex-end;
		    -ms-flex-align: flex-end;
		        align-items: flex-end;
	}
	.header__subnav__item {
		position: relative;
		padding: 0 10px;
	}
	.header__subnav__item a {
		font-size: 24px;
		font-weight: 800;
		color: #e50b14;
		font-style: italic;
	}
	.header__subnav__list > li:first-of-type::before {
		content: none;
	}
	.header__subnav__item::before {
		content: '•';
		position: absolute;
		top: 0;
		left: -3px;
		color: #14387F;
		font-size: 24px;
	}
	.header a {
    	-webkit-transition: color 100ms linear;
    	transition: color 100ms linear;
	}
	.header__nav .secrow {
		display: none;
	}
	/* Responsive */
	@media screen and (min-width: 768px) and (max-width: 1440px){
	
		body .wrapper {
			padding-top: 12.500vw;
		}	
		.header .center.wide {
			padding-right: 115px;
		}
		.header {
			height:19.444vw;
		}
		.header__cta {
			right: 1.111vw;
			top: 0.208vw;
		}
		.header__cta__link {
			padding: 0.486vw 1.736vw 0.486vw 0.833vw;
			font-size: 1.667vw;
		}
		.header__cta__link:hover span,
		.header__cta__link:focus span {
			left: 0.139vw;
		}
		.header__cta__link span {
			font-size: 1.806vw;
		}
		.header__logo {
			margin-top: 1.736vw;
			max-width: 13.153vw;
		}
		.header__wrap {
			padding-top: 2.8vw;
		}
		.header__nav {
			margin-bottom: 0;
		}
		.header__text {
			font-size: 2.361vw;
		}
		.header__text__bot {
			font-size: 1.667vw;
			letter-spacing: -0.052vw;
		}
		.nav__item a {
			font-size: 1.389vw;
		}
		.header__nav .nav ul li::before {
			font-size: 1.528vw;
		}
		.header__nav .nav ul li a { /* ew */
			padding-left: 0.486vw;
			padding-right: 0.486vw;
		}
		.header__subnav__list {
			margin-right: 3.472vw;
		}
		.header__subnav__item {
			padding: 0 0.694vw;
		}
		.header__subnav__item a {
			font-size: 1.667vw;
		}
		.header__subnav__item::before {
			left: -3px;
			font-size: 1.667vw;
		}
	}
	@media screen and (max-width:1020px){
		.header__more {
			display: none;
		}
		.header__subnav__list {
			margin-right: 0;
		}
	}
	/*
	## Mobile nav
	*/
	@media screen and (max-width: 767px){
		.header {
			height: 130px;
		}
		body .wrapper {
			padding-top: 80px;
		}
		.header__cta {
			display: none;
		}
		.header__subnav {
			display: none;
		}
		.header__logo {
			padding-left: 20px;
			padding-right: 20px;
			max-width: 160px;
			margin-top: 5px;
		}
		.header__nav {
			position: absolute;
			left: 0;
			right: 0;
		}
		.header__logo {
			z-index: 99;
		}
		.header__logo {
			margin-top: 10px;
		}
		.nav.active * {
			transition: none;
		}
		.nav.active ul li.first {
			padding-top: 75px;
		}
		.nav.active ul{
			background-color: white;
			padding-left: 20px;
		}
		.nav.active {
			background:url('/assets/images/theme/header-bg.png');
			background-position: bottom;
			background-repeat: no-repeat;
			padding-bottom: 70px;
		} 
		.call {
			display: block;
			position: absolute;
			top: 10px;
			right: 65px;
			width: 40px;
			height: 40px;
			line-height: 40px;
			text-align: center;
			font-size: 26px;
			z-index: 101;
		}
		.call a {
			color: #e50b14;
		}
		.call::before {
			content: "24/7";
			position: absolute;
			font-size: 15px;
			font-weight: bold;
			color: #14387F;
			margin-left: -40px;
		}
		.header__nav .secrow {
			display: block;
		}
		.nav.active .secrow ul li.first {
			padding-top: 15px;
		}
		.nav .secrow ul li.last {
			padding-bottom: 0;
		}
		.nav .secrow ul li.btn-vacatures a {
			margin-left: -20px;
		}
		.nav .secrow ul li.btn-vacatures a {
			padding-left: 28px !important;
		}
		.nav .secrow ul li a {
			font-size: 20px;
		}
	}
	
	@media screen and (max-width: 480px){
		.header {
			height: 115px;
		}
		.header__logo {
			padding-left: 15px;
			padding-right: 0;
			max-width: 135px;
		}
		.nav.active ul{
			padding-left: 15px;
		}
		.nav.active {
			padding-bottom: 47px;
		}
		body .wrapper {
			padding-top: 65px;
		}
	}
	
	
	/*
	## Footer aanpassingen
	*/
	.footer {
		background: none;
		padding-bottom: 0;
	}
	.footer__certi {
		padding-top: 50px;
		background-color: #fff;
	}
	.footer__bg {
		margin-top: 60px;
		margin-bottom: -1px;
		background-image: url('/assets/images/theme/footer-bg.png');
		background-repeat: no-repeat;
		background-position: top;
		background-size: cover;
		height: 65px;
	}
	.footer__nav {
		background-color: #1b2d70;
		padding-bottom: 50px;
	}
	.footer__nav > .center {
		display: flex;
		flex-wrap: wrap;
	}
	@media screen and (max-width:1280px){
		.footer__certi {
			padding-top: 30px;
		}
		.footer__nav {
			padding-bottom:30px;
		}
	}
	@media screen and (max-width: 480px){
		.footer__certi {
			padding-top: 15px;
		}
		.footer__bg {
			height: 35px;
			margin-top: 40px;
		}
		.footer__nav {
			padding-bottom: 15px;
		}
	}

/*EINDE CSS CHUNK*/


/* CSS VACATURES CHUNK*/

	.nostyle, .nostyle:hover{color:black; text-decoration:none;}
	
	.banner-vacatures{background-color:white; height:600px;}
	.balk.bvacatures{bottom:-110px;}

	.vacaturetitel{
		position:absolute;
		left:245px;
		padding: 0;
		margin: 0;
		top: 30%;
		width: 100%;
		max-width: 550px;
		height:250px;
		overflow: hidden;
	}

	.banner.banner-vacatures .vacaturetitel h2{
		color:#e30613;
		text-shadow:none;
		line-height:48px;
		font-size:44px;
		transform: none;
		top: 0px;
		font-style:normal;
		text-transform:uppercase;
		padding-bottom:3px;
	}

	.vacaturetitel span{
		font-size: 38px;
		line-height: 58px;
		color: #fff;
		font-style: italic;
		font-weight: 700;
		color:#14387F;
	}

	.vacaturekop{border-bottom:1px solid #e50b14; width:100%; /*margin-top:80px;*/}
	.vacaturekop-top{color:#14387F; font-weight:700; font-size:20px; line-height:24px; text-transform:uppercase;}
	.vacaturekop-bottom{color:#14387F; font-weight:700; font-size:20px; line-height:24px; text-transform:uppercase;}

	.vacature-intro{color:#14387F;}
	.vacature-intro h3{font-size:32px; line-height:38px;  font-weight:700;     font-style: italic; padding-bottom:0px; padding-bottom: 5px; padding-top: 10px;}

	.vacaturepunt{font-size:24px; line-height:28px; max-width:500px; display:inline-block; color:#14387F;}
	.vacaturepunt.italic{font-style:italic;}
	.vacaturepunt.bold{font-weight:700;}
	.vacaturepunt.normal{font-weight:400;}
	.vacaturepunt.uppercase{text-transform:uppercase;}


	.vacature-detail ul li{color:#14387F; font-weight:700;}
	.vacature-detail hr{border-top: 1px solid #e50b14; margin:0;}

	.vacatureinfo{padding-top:10px;}
	.vacatureinfo .info-item{padding-bottom:55px;}
	.vacatureinfo .info-item.last{padding-bottom:60px;}
	.vacatureinfo h3{font-size:24px; line-height:28px; color:#14387F; font-weight:700; font-style:italic; padding-bottom:25px;}

	.vacatureinfo .info-item p, .vacatureinfo .info-item ul{margin-bottom:0px; padding-bottom:0px; margin-top:0px;}

	 .vacature-detail .txtblok .content li:before{
		content: '•';
		color: #e50b14;
		font-family: 'myriad-pro',sans-serif;
		font-size: 24px;
		line-height: 24px;
	}
	
	.sidebar

	.reactie-vacature{padding-bottom:35px; padding-top:10px;}
	.reactie-vacature h3{font-size:28px; line-height:34px; font-weight:700; font-style:italic; color:#e50b14; padding-top:5px; padding-bottom:5px;}
	
	
	
	/*FORMULIER VACATURES*/


	.vacatureform .form-label-left{
		font-size:18px;
		width:17%; 
		display:inline-block;
		color:#14387F;
	}

	.vacatureform .inputveld{
		width:82%;
		border:1px solid #14387F;
		border-radius: 5px;
		padding-left:10px;
	}

	.vacatureform .form-label-holder{
		width:75%;
		display:inline-block;
	}

	.vacatureform .form-item{margin-bottom:20px;}

	.form-item-cv, .form-item-textarea{display:inline; width:50%;}
	.form-item-textarea #message{width:100%;
		border: 1px solid #14387F;
		border-radius: 5px;
		padding-left:10px;
	}

	.vacatureform .inputveld, .form-item-textarea #message{font-size:18px; font-weight:700; color:#14387F;}

	.form-item-cv .form-label-left, .form-item-textarea .form-label-left{width:100%;}
	.flex-container{display:flex; flex-direction:row;}


	.uploadbtn{
		background-color: #14387F;
		color: white;
		padding: 5px 15px 5px 15px;
		border-radius: 5px;
		font-weight: 700;
		font-size:16px;
	}

	.vacatureform .button-submit{
		background-color: #e50b14;
		color: white;
		padding: 5px 10px 5px 10px;
		border-radius: 5px;
		font-weight: 700;
		border:none;
		font-style:italic;
		padding: 5px 20px 5px 20px;
		font-size: 24px;
		line-height: 30px;
	}

	#bestand-melding{
		background:white;     
		border: 1px solid #14387F;
		border-radius: 5px;
		width: 80%;
		display: inline-block;
		padding:5px;
		margin-bottom:20px;
		padding-left:10px;
	}

	.flex-container .form-label-left{padding-bottom:10px;}

	.vacatureform .button-submit:hover, .uploadbtn:hover{cursor:pointer;}
	.vacatureform .form-item-submit{text-align:right;}
	.form-item-messages{padding-bottom:35px;}
	
	.form-item-textarea span{font-size:12px;}
	
	
	/* sidebar vacatures*/
	.vacaturesidebar.mob{display:none;}
	.bg-blauw{background:#14387F;}
	.vacaturesidebar h4{color:white; text-transform:uppercase; font-size:32px; line-height:38px; font-weight:700; padding-bottom:20px;}
	

		/**
	     * Vacature lijst 
	     */
		.icon-pijltjes {
			font-weight: 700;
			letter-spacing: -2px;
			font-style:normal;
		}
		.vacatures__list {
			margin: 0;
			padding: 0;
		}
		.vacatures .vacatures__list__item {
			padding-left: 0;
		}
		.vacatures .vacatures__list__item::before {
			content: none;
		}
	
		/* Vacatures lijst detail pagina */
		.vacatures--detail {
			background-color: #14387F;
		}
		.vacatures--detail .vacatures__list {
			padding: 25px;
		}
		.vacatures--detail .vacatures__list__item a {
			display: block;
			color: #fff;
			font-size: 21px;
			font-weight: 600;
			font-style:italic;
			padding: 15px 0px;
		}
		.vacatures--detail .vacatures__list__item--current a {
			color: #e50b14;
		}
	
	/*overzichtspagina*/
	.vacatureoverzicht .banner.banner-vacatures .vacaturetitel h2{font-size: 80px;line-height: 94px; margin-top:40px;}
	.vacatureoverzicht .vacaturekop{border:none;}
	
	.vacatures-overzicht{margin-top:30px;}
	.vacature-overzicht-item{background:#14387F; margin-bottom:10px; max-width:460px; color:white; font-weight:700; font-style:italic; font-size:24px;}
	.vacatures-overzicht a:hover{color:white}
	.vacature-overzicht-item{padding:10px 30px 10px 30px;}
	
	@media screen and (max-width: 1440px){
		.banner-vacatures{height:535px;}
		.vacaturetitel{
			left:265px;
			max-width: 500px;
			line-height: 38px;
			font-size: 40px;
			/* overflow: hidden; */
		}
		
		
		.balk.bvacatures { bottom: -100px;}
		
	}

	@media screen and (max-width: 1280px){
		.banner-vacatures{height:550px;}
		.banner.banner-vacatures .vacaturetitel h2{line-height:35px; font-size:38px;}
		.vacaturetitel{left:220px;}
		.vacatureinfo h3{padding-bottom:20px;}
		.balk.bvacatures {bottom: -80px;}
	}

	@media screen and (max-width: 1020px){
		.banner-vacatures{height:330px;}
	
		.balk.bvacatures {bottom: -60px;}
		
		.vacaturetitel { left: 185px; max-width:330px; height:170px; scale:0.8;}
		.vacature-detail .vacaturetitel{top:37%;}
		
		.vacaturetitel span{font-size:21px; line-height:26px;}
		
		.banner.banner-vacatures .vacaturetitel h2 {
			line-height: 34px;
			font-size: 32px;
		}
		
		
	}

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

			.vacatures--detail .vacatures__list__item a, .vacature-overzicht-item a{
			font-size:20px; line-height:24px;
	}
		
		.txtblok li:before{font-size:20px; line-height:23px;}
		.vacaturekop{ /*margin-top:30px;*/}
		.vacaturekop-top {
			color: #14387F;
			font-weight: 700;
			font-size: 25px;
			line-height: 28px;
			text-transform: uppercase;
		}

		.vacature-intro h3  {
			font-size: 20px;
			line-height: 24px;
		}
		
		.vacatureinfo h3{padding-bottom:10px;}

		.reactie-vacature h3{font-size:25px; line-height:28px;}


		.vacaturepunt, .vacatureinfo h3 {
			font-size: 18px;
			line-height: 22px;
		}


		.vacatureinfo .info-item{padding-bottom:40px;}
		.vacatureinfo { padding-top: 0px;}

		.vacatureinfo .info-item.last{padding-bottom:30px;}
		
		
		/*vacatureform*/
		.vacaturesidebar.desk{display:none;}
			.vacaturesidebar.mob{display:block; max-width:100%; float:none;}
			.vacaturesidebar h4{font-size:25px;}
			.vacatures--detail .vacatures__list__item a{font-size:18px; padding:10px; padding-left:0px;}
			
			.reactie-vacature{padding-top:20px;}
			.flex-container{display:block!important;}
			#bestand-melding{width:100%;}
			.vacatureform .form-label-left, .vacatureform .inputveld{width:100%;}
			.vacatureform .form-label-left{padding-bottom:5px;}
			.reactie-vacature{padding-bottom:15px;}
			.form-item-textarea{displaY:block; width:100%; margin-top:20px;}
			.vacatureform .form-item-submit{margin-top:40px; text-align:left;}
			.vacaturekoptitel{font-size:25px; line-height:30px;}
		
		.vacaturesidebar{width:100%;}
		
		.vacature-detail .txtblok .content .sidebar li:before{content: ' ';}
		
		.balk.bvacatures {bottom: -40px;}
		
		.vacaturetitel{left:20.24vw;}

	}
	
	
	@media screen and (max-width: 624px){
		.vacaturetitel{left:16.5vw;}
	}
	
	@media screen and (max-width: 480px){

		.vacaturekop-top{font-size:21px; line-height:25px;}


		.vacature-intro h3  {
			font-size: 18px;
			line-height: 22px;
		}

		.vacaturepunt, .vacatureinfo h3 {
			font-size: 18px;
			line-height: 21px;
		}

		.banner-vacatures{height:68vw!important;}
		.top{top:0px; position:fixed;}
		.banner-vacatures .center{margin-top:15px;}
		
		.balk.bvacatures {
    bottom: 0px;
}
		
		.vacature-overzicht-item{font-size:21px;}
		
		
		
		.vacaturetitel{left:25vw;}
		

	}

	
	@media screen and (max-width: 440px){
		.banner.banner-vacatures .vacaturetitel h2 {line-height: 24px; font-size: 20px;}
		.vacaturetitel{max-width:264px;}
		.vacaturetitel span{line-height:30px;}
		
	}
	
	
	@media screen and (max-width: 410px){
		.banner-vacatures{height:70vw!important;}
		.banner-vacatures .center{margin-top:30px;}
		.vacature-detail .vacaturetitel{top:30%;}
	}
	
	
	@media screen and (max-width: 380px){
		.banner.banner-vacatures .vacaturetitel h2 { line-height: 26px; font-size: 22px;}
		.vacaturetitel span {line-height: 18px;}
		.vacaturetitel{height:120px;}
	}
	

	/*AANPASSING NAVIGATIE*/

	.nav .secrow ul li.btn-vacatures a{
			
		background:#e50b14;
		
		font-style:italic;
		color:white!important;
		padding: 2px 10px 2px 10px;
	}

	.nav .secrow ul li.btn-vacatures:before{content: ' ';}
	
	.btn-vacatures span{font-size: 26px;padding-left: 5px;}
	
		@media only screen and (max-width: 767px) {
  .nav .secrow ul li.btn-vacatures a{padding-left:40px;}
			.btn-vacatures span{font-size: 20px;}
}
	
	@media only screen and (max-width: 480px) {
  .nav .secrow ul li.btn-vacatures a{padding-left:25px;}
}



/* EINDE CSS VACATURES CHUNK*/




/* CSS CHUNK*/


	.wrapper{padding-top:180px;}
	.txtblok{padding-top:50px; padding-bottom:110px;}

	

	
	.banner{position:relative;}

	.banner .bannercontent{	position: absolute;height: 150px;}


	.banner.first .bannercontent{height:155px; margin-top:227px; padding-left:90px; padding-right:88px;}
	.banner.laag .bannercontent{height:150px;  }

	.banner.bannerleft .bannercontent{padding-right:80px; margin-top:135px;}
	.banner.invert .bannercontent{padding-left:55px; padding-right:45px; right:0px; margin-top: 150px;}


	.banner.hom h2, .banner h2{ float:none; text-align:left; }
	.banner.invert h2{text-align:left;}
	

	


		@media only screen and (min-width: 1021px) {
			.banner.laag{height:450px;}
			.banner.first.intro{height:600px;}
.banner.intro h2{font-size:34px; line-height:42px;}
.banner.first .bannercontent{width:660px;}
.banner.hom h2, .banner h2{width:100%;}
.banner .bannercontent{width:570px;}
.banner h2{
		font-size:28px;
		line-height:36px;
	}
}


	
	.header__subnav .act{color:#14387F;}


	

	.shaduw-top{
		background: rgb(0,0,0);
		background: linear-gradient(180deg, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0) 100%);
		height:30px;
		position: absolute;
		top: 0px;
		width: 100%;
	}

	.shaduw-bottom{
		background: rgb(0,0,0);
		background: linear-gradient(180deg, rgba(0,0,0,0) 0% 0%, rgba(0,0,0,0.35) 100%);
		height:30px;
		position: absolute;
		bottom: 0px;
		width: 100%;
	}
	
	
	.topbanner-hoog{position:absolute; width:100%; height:600px; top:1px; background-size:cover; background-repeat: no-repeat; background-position: 50% 50%;}
	
	.topbanner-hoog.blauw{background-image:url(/assets/images/banners-vlakken/banner-hoog-blauw-links.png);}
	.topbanner-hoog.groen{background-image:url(/assets/images/banners-vlakken/banner-hoog-groen-links.png);}
	
	.topbanner-hoog.rood, .topbanner-hoog.dgroen, .topbanner-hoog.turq{background-image:url(/assets/images/banners-vlakken/banner-hoog-rood-links.png);}
	
.topbanner-hoog.oranje{background-image:url(/assets/images/banners-vlakken/banner-hoog-oranje-links.png);}
	
	.topbanner-laag{position:absolute; width:100%; height:450px; top:1px; background-size:cover; background-repeat: no-repeat; background-position: 50% 50%;}
	
	.topbanner-laag.blauw{background-image:url(/assets/images/banners-vlakken/banner-laag-blauw-rechts.png);}
	.topbanner-laag.groen{background-image:url(/assets/images/banners-vlakken/banner-laag-groen-rechts.png);}
	
	.topbanner-laag.rood, .topbanner-laag.dgroen, .topbanner-laag.turq{background-image:url(/assets/images/banners-vlakken/banner-laag-rood-rechts.png);}
	.topbanner-laag.oranje{background-image:url(/assets/images/banners-vlakken/banner-laag-oranje-rechts.png);}
	
	
	.topbanner-laag.links.blauw{background-image:url(/assets/images/banners-vlakken/banner-laag-blauw-links.png);}
	.topbanner-laag.links.groen{background-image:url(/assets/images/banners-vlakken/banner-laag-groen-links.png);}
	
	.topbanner-laag.rood.links, .topbanner-laag.links.dgroen, .topbanner-laag.links.turq {background-image:url(/assets/images/banners-vlakken/banner-laag-rood-links.png);}
	.topbanner-laag.links.oranje{background-image:url(/assets/images/banners-vlakken/banner-laag-oranje-links.png);}
	
	
	.topbanner-laag.kaal{background-image:url(/assets/images/banners-vlakken/banner-laag-rechts-kaal.png)!important;}
	.topbanner-laag.kaal.links{background-image:url(/assets/images/banners-vlakken/banner-laag-links-kaal.png)!important;}
	
	
	.clip-corner.small {
    clip-path: polygon(0 0, 80% 0%, 100% 21%, 100% 100%, 0 100%, 0% 50%);
}
	
	
@media screen and (min-width: 1440px){		.projects__item__content{
	font-size:17px;
	}
	}
	
	
	@media screen and (max-width: 1440px){	
		/*banner intro hoog*/
		.banner.first.intro, .topbanner-hoog {height:530px;}
		.banner.first .bannercontent{height:140px; margin-top:200px; width:550px; margin-left:60px; padding-left:60px; padding-right:60px;}
		.banner.intro h2 {font-size: 31px;line-height: 37px;}


		/*banner laag algemeen*/
		.banner.laag, .topbanner-laag{height:400px;}
		.banner.laag .bannercontent { height: 135px;}
		.banner .bannercontent{width:535px;}

		.banner h2 {
			font-size: 26px;
			line-height: 33px;
		}

		/*banner laag links*/
		.banner.bannerleft .bannercontent{margin-top:120px; padding-left:40px; padding-right:60px;}
		

		/*banner laag rechts*/
		.banner.invert .bannercontent {
			padding-left: 55px;
			padding-right: 40px;
			right: 40px;
			margin-top: 135px;
		}

	}


	@media screen and (max-width: 1280px){	
		/*banner intro hoog*/
		.banner.first.intro, .topbanner-hoog{height:425px;}
		.banner.first .bannercontent{height:110px; margin-top:160px; width:440px; margin-left:105px; padding-left:50px; padding-right:50px;}
		.banner.intro h2 {font-size: 24px;line-height: 30px;}



		/*banner laag algemeen*/
		.banner.laag, .topbanner-laag{height:320px;}
		.banner.laag .bannercontent { height: 110px;}
		.banner .bannercontent{width:440px;}

		.banner h2 {
			font-size: 22px;
			line-height: 28px;
		}

		/*banner laag links*/
		.banner.bannerleft .bannercontent{margin-left:45px; margin-top: 90px;padding-left: 40px;padding-right: 40px;}


		/*banner laag rechts*/
		.banner.invert .bannercontent {
			padding-left: 40px;
			padding-right: 30px;
			right: 95px;
			margin-top: 105px;
		}

	}


	@media screen and (max-width: 1020px){
		/*banner intro hoog*/
		.banner.first.intro, .topbanner-hoog{height:320px;}
		.banner.first .bannercontent{height:85px; margin-top:120px; width:330px; margin-left:80px; padding-left:30px; padding-right:30px;}
		.banner.intro h2 {font-size: 20px;line-height: 24px;}
		
		/*banner laag algemeen*/
		.banner.laag, .topbanner-laag{height:270px;}
		.banner.laag .bannercontent { height: 100px;}
		.banner .bannercontent{width:370px;}

		.banner h2 {
			font-size: 19px;
			line-height: 24px;
		}

		/*banner laag links*/
		.banner.bannerleft .bannercontent{margin-left: 0px;margin-top: 70px; padding-left: 30px;padding-right: 20px;}


		/*banner laag rechts*/
		.banner.invert .bannercontent {
			padding-left: 30px;
			padding-right: 25px;
			right: 35px;
			margin-top: 90px;
		}
		
		
	}	
	
	@media screen and (max-width: 767px){	
		
		/*banner intro hoog*/
		.banner.first.intro, .topbanner-hoog{height:320px;}
		.banner.first .bannercontent{margin-left:50px; padding-left:35px; padding-right:35px;}
		.banner.intro h2 {font-size: 18px;line-height: 22px;}
		
		/*banner laag algemeen*/
		.banner.laag, .topbanner-laag{height:240px;}
		.banner.laag .bannercontent { height: 80px;}
		.banner .bannercontent{width:330px;}

		.banner h2 {
			font-size: 17px;
			line-height: 20px;
		}

		/*banner laag links*/
		.banner.bannerleft .bannercontent{margin-left: 5px;}


		/*banner laag rechts*/
		.banner.invert .bannercontent {
			right: 30px;
		}
		
	}

	@media screen and (max-width: 680px){
		/*banner intro hoog*/
		.banner.first.intro, .topbanner-hoog{height:41.176vw;}
		.banner.first .bannercontent{height:11.029vw; margin-top:15.441vw; width:41.912vw; margin-left:11.029vw; padding-left:4.412vw; padding-right:4.412vw;}
		.banner.intro h2 {font-size: 2.647vw;line-height: 3.488vw;}
		
		
		/*banner laag algemeen*/
		.banner.laag, .topbanner-laag{height:33.824vw;}
		.banner.laag .bannercontent { height: 11.624vw;}
		.banner .bannercontent{width:45vw;}

		.banner h2 {
			font-size: 2.224vw;
			line-height: 3.108vw;
		}

		/*banner laag links*/
		.banner.bannerleft .bannercontent {
   margin-left: 2.082vw;
       margin-top: 9.794vw;
padding-left: 3.412vw;
    padding-right: 3.412vw;
}


		/*banner laag rechts*/
		.banner.invert .bannercontent {
			padding-left: 3.676vw;
			padding-right: 2.941vw;
			right: 6.5vw;
			margin-top: 11.24vw;
		}
			
		
	}

	@media screen and (max-width: 480px){
		/*banner intro hoog*/
		.banner.first.intro, .topbanner-hoog{height:260px;}
		.banner.first h2 {top: auto;}
		.banner.first .bannercontent{height:70px; margin-top:100px; width:270px; margin-left:0px; padding-left:4.412vw; padding-right:4.412vw;}
		/*.banner.first{background-position: -70px 50%;}*/
		.banner.intro h2{transform: translateY(0%);}
.banner.intro h2, .banner h2 {font-size: 15px;line-height: 21px; }
		
		.banner.laag, .topbanner-laag{height:190px;}
		.banner.laag .bannercontent{height:70px; margin-top:60px;}
		
		.banner.invert{background-position: 80% 50%;}
		
		.banner h2{top:50%; transform: translateY(-50%); font-size: 13px;line-height: 18px;}
		.banner.laag .bannercontent{width:260px;}
			
		/*banner left klein algemeen*/
		.banner.bannerleft{    background-position: 20% 50%;}
		.banner.laag.bannerleft .bannercontent{margin-top:55px; margin-left: 7px; padding-right: 3.676vw; padding-left: 2.941vw;}
		
		.invert .topbanner-laag{background-position: 85% 50%;}
		.bannerleft .topbanner-laag {background-position: 20% 50%;}
		.banner.first.hom{background-position: 45% 50%;}
		
	}
	
	@media screen and (max-width: 450px){
	.banner.first{background-position: 35% 50%;}
	}
	
	@media screen and (max-width: 430px){
		.banner.invert .bannercontent{right:4.24vw;}
		.banner.laag.bannerleft .bannercontent{left:1.860vw;}
		.banner.first.hom{background-position: 35% 50%;}
		.topbanner-hoog{background-position: 35% 50%;}
		
	}
	
		@media screen and (max-width: 415px){
			.banner.first{background-position: 30% 50%;}
			.topbanner-hoog{background-position: 30% 50%;}
		}
	
	
	@media screen and (max-width: 380px){
		.banner.first{background-position: 25% 50%;}
		.banner.invert{    background-position: 85% 50%;}
		.banner.bannerleft{    background-position: 15% 50%;}
		.banner.first.hom{background-position: 28% 50%;}
		.topbanner-hoog{background-position: 28% 50%;}
	}

/* EINDE CSS CHUNK*/




/*CERTIFICERINGEN*/
	.certificeringen-n{
		display:flex;
		align-items: center;
		margin-bottom:60px;
	}

	.center.wide .certificeringen-n h2{
		font-size:18px;
		font-weight:700;
		padding-right:30px;
	}

	.certificeringen-n .items{
		display:flex;
		column-gap: 30px;
	}

	.certificeringen-n .certificaat {
		display:inline-block;
		width:93px;
	}
	
	.ftct{
		margin-top:60px;
	}


	@media only screen and (max-width: 1280px) {
		.certificeringen-n .certificaat {
			display:inline-block;
			width:80px;
		}	
	}


	@media only screen and (max-width: 1020px) {
		.certificeringen-n .certificaat {
			display:inline-block;
			width:47px;
		}	
	}


	@media only screen and (max-width: 767px) {
		.certificeringen-n .certificaat {
			display:inline-block;
			width:50%;
		}	
		.certificeringen-n{
			display:grid;
		}
		
		.certificeringen-n .items{
		padding-left:10px;
			padding-right:10px;
			column-gap: 10px;
	}
		
		.certificeringen-n{
			margin-bottom:40px;
			margin-top:-20px;
		}
		
		.ftct{
		margin-top:40px;
	}
		
		.center.wide .certificeringen-n h2{
		font-size:16px;
			padding-bottom:10px;
		}
	}