/*
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}  
*/    
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;1,300;1,600&display=fallback');
  
@font-face {
    font-family: 'Bebas Neue Pro';
    src: url('/style/webfont/BebasNeuePro-Bold.woff2?v2') format('woff2'),
        url('/style/webfont/BebasNeuePro-Bold.woff?v2') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: fallback; 
}

@font-face {
    font-family: 'Bebas Neue Pro';
    src: url('/style/webfont/BebasNeuePro-Regular.woff2?v2') format('woff2'),
        url('/style/webfont/BebasNeuePro-Regular.woff?v2') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: fallback;
}


@font-face {
  font-family: 'icomoon';
  src:  url('/style/webfont/icomoon.eot?mjfxij');
  src:  url('/style/webfont/icomoon.eot?mjfxij#iefix') format('embedded-opentype'),
    url('/style/webfont/icomoon.ttf?mjfxij') format('truetype'),
    url('/style/webfont/icomoon.woff?mjfxij') format('woff'),
    url('/style/webfont/icomoon.svg?mjfxij#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrowfat:before {
  content: "\e908";
}
.icon-youtube:before {
  content: "\e902";
}
.icon-fax:before {
  content: "\e901";
}
.icon-menu:before {
  content: "\e900";
}
.icon-mail:before {
  content: "\e903";
}
.icon-location:before {
  content: "\e904";
}
.icon-phone:before {
  content: "\e905";
}
.icon-arrow:before {
  content: "\e906";
}
.icon-bullet:before {
  content: "\e907";
}
.icon-linkedin:before {
  content: "\eac9";
}



/*=============
BOOTSTRAP MODIFICATIONS AND ADD ONS
=============*/
article {	min-height: 20px;	position: relative;}   
textarea.form-control {  outline: none;  resize: none;  overflow: auto; }
.cookieaccept {font-size: 10px;background: black;}
.cookieaccept nav{border-top: 2px solid white;	padding-top: 5px;} 
body.cmsmode header.header{	display: none;}  
.ui-datepicker { z-index: 10000 !important; } 
.ytp-spinner{position:absolute;left:45%;top:45%;width:10%;height:10%;z-index:1}.ytp-spinner-message{position:absolute;left:50%;top:100%;width:300px;font-size:127%;line-height:182%;margin-left:-150px;display:none;text-align:center;background-color:#000;opacity:.5}@keyframes ytp-spinner-dot-fade{0%{opacity:.5;-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);transform:scale(1.2,1.2)}50%{opacity:.15;-moz-transform:scale(.9,.9);-ms-transform:scale(.9,.9);-webkit-transform:scale(.9,.9);transform:scale(.9,.9)}to{opacity:.15;-moz-transform:scale(.85,.85);-ms-transform:scale(.85,.85);-webkit-transform:scale(.85,.85);transform:scale(.85,.85)}}@-moz-keyframes ytp-spinner-dot-fade{0%{opacity:.5;-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);transform:scale(1.2,1.2)}50%{opacity:.15;-moz-transform:scale(.9,.9);-ms-transform:scale(.9,.9);-webkit-transform:scale(.9,.9);transform:scale(.9,.9)}to{opacity:.15;-moz-transform:scale(.85,.85);-ms-transform:scale(.85,.85);-webkit-transform:scale(.85,.85);transform:scale(.85,.85)}}@-webkit-keyframes ytp-spinner-dot-fade{0%{opacity:.5;-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);transform:scale(1.2,1.2)}50%{opacity:.15;-moz-transform:scale(.9,.9);-ms-transform:scale(.9,.9);-webkit-transform:scale(.9,.9);transform:scale(.9,.9)}to{opacity:.15;-moz-transform:scale(.85,.85);-ms-transform:scale(.85,.85);-webkit-transform:scale(.85,.85);transform:scale(.85,.85)}}.ytp-spinner-dot{-moz-animation:ytp-spinner-dot-fade .8s ease infinite;-webkit-animation:ytp-spinner-dot-fade .8s ease infinite;animation:ytp-spinner-dot-fade .8s ease infinite;opacity:0;fill:#ccc;-moz-transform-origin:4px 4px;-ms-transform-origin:4px 4px;-webkit-transform-origin:4px 4px;transform-origin:4px 4px}.ytp-spinner-dot-1{-moz-animation-delay:.1s;-webkit-animation-delay:.1s;animation-delay:.1s}.ytp-spinner-dot-2{-moz-animation-delay:.2s;-webkit-animation-delay:.2s;animation-delay:.2s}.ytp-spinner-dot-3{-moz-animation-delay:.3s;-webkit-animation-delay:.3s;animation-delay:.3s}.ytp-spinner-dot-4{-moz-animation-delay:.4s;-webkit-animation-delay:.4s;animation-delay:.4s}.ytp-spinner-dot-5{-moz-animation-delay:.5s;-webkit-animation-delay:.5s;animation-delay:.5s}.ytp-spinner-dot-6{-moz-animation-delay:.6s;-webkit-animation-delay:.6s;animation-delay:.6s}.ytp-spinner-dot-7{-moz-animation-delay:.7s;-webkit-animation-delay:.7s;animation-delay:.7s}

.video-container { position: relative; padding-bottom: 56.25%; overflow: hidden; width: 100%;max-width: 100%; background: black ;} 
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } 
.videowrapper {   overflow: hidden; cursor: pointer; position: relative; width: 100%;} 
div.videowrapper:after{border-style:solid;border-width:30px 0 30px 50px;border-color:transparent transparent transparent #fff;content:"";position:absolute;left:50%;top:50%;margin-left:-20px;margin-top:-30px;width:0;height:0;display:inline-block;transition:opacity .1s ease-out;transition-delay:.2s;cursor:pointer;opacity:.8}
div.videowrapper:before{content:"";width:120px;height:120px;border-radius:999px;margin-left:-60px;margin-top:-60px;outline:10px solid rgba(255,255,255,.7);background:#0082be;position:absolute;left:50%;top:50%;transition:opacity .1s ease-out;transition-delay:.2s;cursor:pointer;opacity:.8}
div.videowrapper:hover:before {opacity: 1; transition: opacity 0.1s ease-out;transition-delay: 0.2s; }
div.videowrapper:hover:after {opacity: 1; transition: opacity 0.1s ease-out;transition-delay: 0.2s; }
div.videowrapper img { cursor: pointer; } 
div.videowrapper.playing:after { display: none;}

 

.crop-text {overflow : hidden;  text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;}
.crop-text-1 {-webkit-line-clamp: 1;}
.crop-text-2 {-webkit-line-clamp: 2;}
.crop-text-3 {-webkit-line-clamp: 4;}
.crop-text-4 {-webkit-line-clamp: 4;}
.crop-text-5 {-webkit-line-clamp: 4;} 

 
/*=============
FLOAT LABEL STYLES
=============*/
.has-float-label{display:block;position:relative}.has-float-label label,.has-float-label>span{position:absolute;cursor:text;font-size:75%;opacity:1;-webkit-transition:all .2s;transition:all .2s;top:-.5em;left:12px;z-index:3;line-height:1;padding:0 1px}.has-float-label label::after,.has-float-label>span::after{content:" ";display:block;position:absolute;background:#fff;height:2px;top:50%;left:-.2em;right:-.2em;z-index:-1}.has-float-label .form-control::-webkit-input-placeholder{opacity:1;-webkit-transition:all .2s;transition:all .2s}.has-float-label .form-control::-moz-placeholder{opacity:1;transition:all .2s}.has-float-label .form-control:-ms-input-placeholder{opacity:1;transition:all .2s}.has-float-label .form-control::placeholder{opacity:1;-webkit-transition:all .2s;transition:all .2s}.has-float-label .form-control:placeholder-shown:not(:focus)::-webkit-input-placeholder{opacity:0}.has-float-label .form-control:placeholder-shown:not(:focus)::-moz-placeholder{opacity:0}.has-float-label .form-control:placeholder-shown:not(:focus):-ms-input-placeholder{opacity:0}.has-float-label .form-control:placeholder-shown:not(:focus)::placeholder{opacity:0}.has-float-label .form-control:placeholder-shown:not(:focus)+*{font-size:100%;opacity:.5;top:.7em;font-weight:400}.input-group .has-float-label{display:table-cell}.input-group .has-float-label .form-control{border-radius:4px}.input-group .has-float-label:not(:last-child) .form-control{border-bottom-right-radius:0;border-top-right-radius:0}.input-group .has-float-label:not(:first-child) .form-control{border-bottom-left-radius:0;border-top-left-radius:0;margin-left:-1px} /*https://github.com/tonystar/bootstrap-float-label/tree/v3-dev*/
.has-float-label .form-control,
.has-float-label .form-control:focus {	background: none;	border-radius:0;	border:0;	border-bottom: 1px solid #18344A;	box-shadow: none;} 
input:-webkit-autofill,input:-webkit-autofill:hover, input:-webkit-autofill:focus,textarea:-webkit-autofill,textarea:-webkit-autofill:hovertextarea:-webkit-autofill:focus,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus { 
  -webkit-text-fill-color:  #18344A;
  -webkit-box-shadow: none;
  transition: background-color 5000s ease-in-out 0s;
}
.swipebox{
	cursor: zoom-in;
} 
/*=============
LAYOUT STYLES
=============*/   
 
html {
	min-height: 100vh;
	padding:0;
	height: 100%;
} 

body {               
	overflow-y: auto;   
	overflow-x: auto;   
	position: relative;     
  min-height: 100vh;    
  height: 100%;
  font-family: 'Bebas Neue Pro';
  margin:0;  
  color: #003767;   
  font-size: 1.25rem;
}     
  
h1, h2, h3, h4{ 	
	font-family: 'Bebas Neue Pro';
    font-weight: bold;
	text-transform: uppercase;
}  
h2.largehead{
	font-size: 2.6rem
}

h2.bullet{
	padding-left: 35px;
	background: url(/images/bulletpoint-blauw.svg) no-repeat top 6px left;
	background-size: 22px auto;	
}

h3.bulletwit{
	padding-left: 35px;
	background: url(/images/bulletpoint-wit.svg) no-repeat top 6px left;
	background-size: 22px auto;	
}

h6.bullet{ 
	padding-left: 25px;
	background: url(/images/bulletpoint-grijs.svg) no-repeat top 6px left;
	background-size: 13px auto;	
}

h6.grey{
	color: #9DA0A2; 
}

h3.grey{
	color: #E9EAEA
}
p{
  line-height: 180%;
} 

.lead{
	font-weight: bold;
}
/*
a {  
	color:  #2E2284;  
	transition: 0.2s;
} 
a:hover,
a:focus{   
	color:  #CA0516;  
	text-decoration: none; 
	transition: 0.2s;
} 
 */
section#content p>a:not(.btn),
section#content ul:not(.subnav):not(.admintool):not(.filter):not(.nav):not(.pagination) a {  
	color: black;
	position: relative;
	display: inline-block; 
} 
section#content p>a:not(.btn):hover,
section#content p>a:not(.btn):focus,
section#content ul:not(.navbar-nav):not(.subnav):not(.admintool):not(.filter):not(.nav):not(.pagination) a:hover,
section#content ul:not(.navbar-nav):not(.subnav):not(.admintool):not(.filter):not(.nav):not(.pagination) a:focus{  
	text-decoration: none;
	color: #0392C8; 
  transition: all 0.2s ease-out;
}  
  
a.helptekst{
	cursor: help;
}

.p-relative{
	position: relative;
}

/*@media(min-width: 768px) */

	section#content{
		min-height: calc(100vh - 336px - 89px);  /*280 footer 89 header*/
		padding-top: 89px;
	} 
	

section#content {
  padding-top: 100px;
}

section#content article ul{
	padding-left: 15px;
}  

  
::selection {
	background: #0182BE;
	color: #fff;
}
::-moz-selection {
	background: #0182BE;
	color: #fff;
}

ul>li>p{
	margin:0;
}


.btn-custom { 
	color: #00447A !important; 
  border: 0; 
	border-radius:0;
  position: relative;
  display: inline-block;
  vertical-align: middle; 
  padding: 12px 50px 12px 20px; 
  background:  #FCC200 url(/images/arrow.svg) no-repeat right 10px center ;
  background-size: auto 18px;
  font-size: 20px;
  transition: padding 0.2s ease-out;
  line-height: 1;
}  

.btn-custom.btn-block{
	text-align: left;
} 
.btn-custom:hover,
.tocitem:hover .btn-custom {
	color:#00447A !important;	
	padding-left: 30px;
  padding-right:40px;   
  transition: padding 0.2s ease-out;
} 


.btn-custom-blue {  
  background:  #1E9AED url(/images/arrow-white.svg) no-repeat right 10px center ;
	color: white !important; 
} 
.btn-custom-blue:hover {
	color:white !important;	 
} 

.btn-custom-yellow {  
  background:  #FCC200 url(/images/arrow.svg) no-repeat right 10px center ;
	color: #00447A !important; 
} 
.btn-custom-yellow:hover {
	color:#00447A !important;	 
} 


.btn-custom-xl{
	display: block;
	font-size: 32px;
  padding: 20px 50px 20px 50px; 
  background:  #fff url(/images/arrowfat.svg) no-repeat left 20px center ;
  text-align: left;
  text-transform: uppercase;
  transition: padding 0.2s ease-out, color 0.2s ease-out, background 0.2s ease-out;
  font-weight: bold;
}
.btn-custom-xl:hover{
	display: block; 
	color: white !important;
  background:  #0082BE url(/images/arrowfat_white.svg) no-repeat left 20px center ;
  transition: padding 0.2s ease-out, color 0.2s ease-out, background 0.2s ease-out;
	font-size: 32px; 
	padding-left: 60px;
  padding-right:40px;   
}
	
	
header{
	border-bottom: 1px solid #E9EAEA;
	background: white;
	z-index:1001;
	min-height: 89px;
}
.navbar-light .navbar-toggler-icon{
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28 0,55,103,1 %29' stroke-linecap='square' stroke-miterlimit='10' stroke-width='4' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}  
.navbar-toggler{
	margin: 19px 0; 
	border-radius: 0;
	border:0;
} 
.navbar-toggler:focus{
	outline:none;
}  
.navbar-brand img{ 
	margin-top: 10px; 
	margin-bottom: 8px; 
	width: 110px;
	max-width: 50vw; 
}   
@media(min-width: 768px){ 
	.navbar-brand img{ 
		margin-top: 20px; 
		margin-bottom: 8px; 
		width: 125px;
		max-width: 50vw;
		margin-bottom: -85px;
	}   
}
.navbar{
	position:relative;
}
.navbar .payoff{
	position:absolute;
	bottom:0;
	right:0;
}
@media(max-width:991px){ 
	.navbar .payoff{
		width: 300px;
	}
}
@media(max-width:767px){ 
	.navbar .payoff{
		display: none;
	}
}
.navbar-nav {
	margin-top: 15px;
	margin-bottom: 15px;
}
 
.navbar-nav a.nav-link{  
	position: relative;  
	transition: color 0.2s;
	color: #003767 !important;   
	font-size: 25px;
	text-transform: lowercase;
	font-family: 'Bebas Neue Pro';
	font-weight: bold;
	text-transform: uppercase;
}
.navbar-nav a.nav-link:after{
	content:'';
	position: absolute;
	bottom: -5px;
	left:8px;
	right:8px; 
	border-top: 3px solid rgba(157,160,162,0);
	transition: all 0.2s ease-in;
} 

.navbar-nav>li.active>a,
.navbar-nav>li>a.nav-link:hover,
.navbar-nav>li>a.nav-link:focus{
	color: #0082BE  !important
}   
.navbar-nav>li>a.nav-link:hover:after,
.navbar-nav>li>a.nav-link:focus:after{ 
	content:''; 
	bottom: 0px; 
 
	border-top: 3px solid rgba(157,160,162,1);
	transition: all 0.2s ease-in;
} 

@media(min-width: 1200px){ 
	.navbar-nav>li+li { 
		margin-left: 10px;
	}
}
@media(min-width: 1200px){
	.navbar-nav{
		margin-left: 100px;
	}
} 

@media(min-width: 768px) AND (max-width: 991px){
	.navbar-expand-md	{
		flex-flow: row wrap;
	} 
} 
@media(min-width: 992px) AND (max-width:1199px){ 
	.navbar-brand img{   
	}   
	.nav-link{
		font-size: 1rem;
	}
} 


@media only screen and (min-width:992px) {
  .navbar .dropdown:hover .dropdown-menu {
    display: block;
		background: rgb(255,255,255); 
  }
  .dropdown-menu {
  	padding-top: 15px;
  }
}
.dropdown-toggle:after{
	opacity: 0.2;
	transition: 0.2s;
}
.dropdown-toggle:hover:after{
	opacity: 1;
	transition: 0.2s;
}

.togglemobiel{
	position:relative;
}
@media(max-width:991px ){
	.toggletitle{
		display: none;
	}
	.dropdown a.dropdown-toggle{
		position:absolute;
		right: 0;
		top:0;
		background: #fff;
		width: 41px;
	}
	.dropdown a.dropdown-toggle:after{
		border-left-width: 0.5em;
		border-right-width: 0.5em;
		border-top-width: 0.5em;
	}
  .nav-item{
  	border-bottom: 1px solid #F3F9F5;
  }
}

.inspring{
	text-indent: 10px;
}
.dropdown-header {
	color: #5E5E5E;
}
a.dropdown-item{ 
	color: #000  !important;
	text-transform: lowercase;
	transition: background 0.1s ease-in, color 0.1s ease-in;
	position: relative;  
	background: #fff;
	margin-bottom: 5px;
} 

a.dropdown-item:hover,
a.dropdown-item:focus,
a.dropdown-item:active,
a.dropdown-item.active{
	background: #fff;
	transition: background 0.1s ease-in, color 0.1s ease-in;
	color: #2E992E !important;
}


.flex-center{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:100%}


.limitedwrap{
	max-width: 2560px;
	margin: 0 auto;
}


.container-fluid-limited{
	max-width: 1600px; 
}
@media(min-width: 1460px){
	.container-extrawide{
		max-width: 1400px;
	} 
} 
@media(min-width: 1660px){
	.container-extrawide{
		max-width: 1600px;
	} 
} 

@media(min-width: 1860px){
	.container-ultrawide{
		max-width: 1800px;
	} 
}  
@media(min-width: 2260px){
	.container-insanewide{
		max-width: 2200px;
	} 
}  
@media(min-width: 2560px){
	.container-extraultrawide{
		max-width: 2500px;
	} 
}  

ol.breadcrumb{
	background: none;
	padding:0;
}
 

.max-w-400{
	max-width: 400px;
} 
.max-w-500{
	max-width: 500px;
}
.max-w-600{
	max-width: 600px;
}
@media(min-width: 9921px){ 
	.max-w-lg-600{
		max-width: 600px;
	}
}

.max-w-800{
	max-width: 800px;
}
 
.rounded{
	border-radius: 1.25rem !important;
}
.tag{
	background: #00aef0;
	color: white;
	padding: 3px 12px;
	display: inline-block;
	margin: 0 3px 3px 0;
	line-height: 140%;
}

.cardlink .card{
	border-radius: 0;
	background: rgba(0,0,0,0);
	padding-top: 20px;
	transition: padding 0.2s ease-in;
} 
.cardlink:hover .card{  
	padding-top: 0;
	transition: padding 0.2s ease-in;
}

.cardlink {
	color: white; 
}
.cardlink h3.card-title{ 
	color: #003767;
	border-bottom: 5px solid #003767;
	padding-bottom: 10px;
	font-weight: bold;
}
.cardlink .card-body {
	background:#E9EAEA;
	transition: background 0.2s;
	color: #3C4449;  
} 


.cardlink:focus .card-body ,
.cardlink:hover .card-body {
	transition: background-color 0.2s;
} 
.cardlink .card-body:after,
.cardlink .card-body:after {
	content:'';
	position: absolute;
	bottom: 20px;
	left: calc(50% - 10px);
	width: 20px;
	height: 20px;
	opacity:0;
	transition: opacity 0.2s;
	transition-delay: 0.2s;
	background:url(/images/arrow.svg) no-repeat bottom center; 
} 
.cardlink:focus .card-body:after,
.cardlink:hover .card-body:after {
	content:'';
	opacity:1;
} 

section#content .card-body ul {
	list-style: none;
	padding-left:0;
}
section#content .card-body ul li{
	list-style: none;
	font-size: 20px;
	background: url(/images/bulletpoint.svg) no-repeat left top 8px;
	background-size: 18px auto;
	padding-left: 35px;
	margin-bottom: 10px;
}



@media(min-width: 768px){
	.h-md-100{
		height: 100% !important;
	}	
}
@media(min-width: 992px){
	.h-lg-100{
		height: 100% !important;
	}	
	.h-lg-75{
		height: 75% !important;
	}	
} 
.v100-minusnav{
	min-height: calc(100vh - 94px);
}

footer{ 
	background: #003767;
	color: white;
}

ul.footermenu{
	list-style: none;
	padding-left: 35px;
}
ul.footermenu a{
	color: white;
}

ul.footermenu2{
	list-style: none;
	padding-left: 0;
}
ul.footermenu2 a{
	color: white;
}

ul.footermenu2 li span{
	width:23px;
	text-align: center;
	margin-right: 12px;
	display: inline-block;
}
footer .dimmed,
footer .dimmed a{
	color: #9DA0A2;
	font-size: 16px;
	line-height: 120%;
}







@media(max-width: 767px){ 
	.sideimage{
		background-image: none !important;
		position: relative;
	}   
}
	@media(min-width: 768px){ 
		.sideimage{ 
			position: relative;
		}   
		.sideimage .imagewrapper{
			width: calc(50vw - 98px);
			height: 100%;
			position:absolute;
			top: 0; 
		}    
	}
	@media(min-width: 992px){  
		.sideimage .imagewrapper{
			width: calc(50vw - 124px);
			height: 100%;
			position:absolute;
			top: 0; 
		}
		
	}
	@media(min-width: 1200px){ 
		.sideimage .imagewrapper{
			width: calc(50vw - 204px);
			height: 100%;
			position:absolute;
			top: 0; 
			min-height: 500px; 
		}
		.sideimage, 
		.sideimage .h-100{
			min-height: 500px; 
		}    
	}
	@media(min-width: 2560px){ 
		.sideimage .imagewrapper{
			width: 1074px;
			min-height: 600px; 
		}    
		.sideimage, 
		.sideimage .h-100{
			min-height: 600px; 
		}    
		
	}
	
	.sideimage .imagewrapper{
		height: 100%;
		position:absolute;
		top: 0; 
	}
	.sideimage .imagewrapper.imagewrapper-left{
		left:0; 
	}
	.sideimage .imagewrapper.imagewrapper-right{
		right:0; 
	}
	
	
	
@media(max-width: 767px){ 
	.sideimage-l{ 
	}   
}
	@media(min-width: 768px){ 
		.sideimage-l, 
		.sideimage-l .h-100{
			min-height: 685px; 
		}    
	} 
	@media(min-width: 1200px){  
		.sideimage-l .imagewrapper{
			width: calc(50vw - 104px); 
		}   
	}
	@media(min-width: 2560px){ 
		.sideimage-l .imagewrapper{
			width: 1184px;
		}   
	} 

.greybg{
	background: #E9EAEA
}
.square {
  position: relative;
  width: 100%;
}

.square:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.square .content {
  position: absolute;
  width: 100%;
  height: 100%; 
} 

.square.half:after{
  content: "";
  display: block;
  padding-bottom: 50%; 
}

@media(max-width: 767px){
	
	.square-sm {
	  position: relative;
	  width: 100%;
	}

	.square-sm:after {
	  content: "";
	  display: block;
	  padding-bottom: 100%;
	}

	.square-sm .content {
	  position: absolute;
	  width: 100%;
	  height: 100%; 
	} 

	.square-sm.half:after{
	  content: "";
	  display: block;
	  padding-bottom: 50%; 
	}
}


.imagelink {
  position: relative;
  overflow: hidden;
}
.imagelink .content { 
  height: 100%; 
} 
.imagelink .content { 
  transition: all .2s;
} 
.imagelink .content:hover,
.imagelink:hover .content{  
	text-decoration: none;
  transform: scale(1.02); 
}

.imagecaption{
	background: rgba(0,55,103,.85);
	color: white;
	position:absolute;
	bottom:0;
	pointer-events: none;
}
.imagecaption >div{
	min-height: 66px;
}
.imagecaption h4{
	font-size: 20px;
	color: #D1D0D0;
	margin-bottom:0;
	font-weight: normal;
} 

.heroblue{ 
	padding-top: 160px;
	padding-bottom: 80px;
	color: white;
	background: url(/images/herobg.jpg) no-repeat center center / cover;
}
.heroblue.negmargin{
	margin-bottom: -100px;
}
.heroblue.negmargin+div{ 
	position:relative;
	padding-top: 150px;
}

.herobluebg{
	position: relative;
	padding-top: 85px;
}
.herobluebg:before{
	content:'';
	height: 500px;
	display: block;
	width: 100%;
	background: url(/images/herobg.jpg) no-repeat center center / cover;
	position: absolute;
	top:0;
	left:0;
}
.herobluebg h1{
	color: white;
}
.herobluebg h3{
	color: #E9EAEA;
	margin-bottom:0;
}

.prevnext,
.prevnext:focus{
	border:0 !important;
  border-radius:0;
	background: #E9EAEA url(/images/arrow.svg) no-repeat center center; 
	color: #003767;
	outline: none;
  transition: background-color .3s; 
  width: 50px;
  height: 50px;
}
.prevnext:hover{ 
	background: #ffffff url(/images/arrow.svg) no-repeat center center;
	color: #003767;
	outline: none;
	border:0 !important;
  transition: background-color .3s;
}

.prevnext.prev{
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}
.prevnext.swiper-button-disabled,
.prevnext.swiper-button-disabled:hover{
	opacity: 0.3;
	background: #E9EAEA url(/images/arrow.svg) no-repeat center center; 
	cursor: default;
}

.greypanel{
	background: #E9EAEA;
	color: #00447A;
}
.greypanel a:not(.btn){
	color: #00447A;
}
.greypanel a:hover:not(.btn){
	color: rgb(3,146,200) !important;	
	text-decoration: none
}
.greypanel.profile{
	color: black;
}
.greypanel.profile p{
	line-height: 1.5;
	font-size: 1.4rem
}

.greypanel.profile .icon-linkedin{
	font-size: 2rem;
}

.darkgrey{
	background: #9DA0A2;
	color: white;
}


.bluepanel{
	background: #0082BE;
	color: #fff;
}
.greypanel a:hover:not(.btn){
	color: rgb(3,146,200) !important;	
}

.onlyright .swiper-slide{
	height: 250px;
}
 
@media(min-width: 992px){ 
	.onlyright{
		padding-left: calc((100vw - 992px) / 2);
	}  
	.onlyright .swiper-slide{
		height: 300px;
	} 
}
@media(min-width: 1200px){ 
	.onlyright{
		padding-left: calc((100vw - 1160px) / 2);
	}  
	.onlyright .swiper-slide{
		height: 350px;
	}
}
@media(min-width: 2560px){ 
	.onlyright{
		padding-left: 725px
	}   
}




.nieuwsarchief{
	height: 600px !important;
}
.nieuwsarchief .imagecaption{
	background: white;
	color: #003767
}


@media(min-width: 768px){
	.h-md-50{
		height: 50% !important;
	}
	.h-md-100{
		height: 100% !important;
	}
}

@media(max-width: 767px){
	.border-md-left {
		border-left:0 !important;
	}
}
@media(max-width: 339px){
	.border-sm-left {
		border-left:0 !important;
	}
}



@media only screen and (max-width : 480px) {
  #recaptcha_challenge_image{
  margin: 0 !important;
  width: 100% !important;
  height: auto !important;
  }
  #recaptcha_response_field
  {
  margin: 0 !important;
  width: 100% !important;
  height: auto !important;
  }
  .recaptchatable #recaptcha_image {
  margin: 0 !important;
  width: 100% !important;
  height: auto !important;
  }
  .recaptchatable .recaptcha_r1_c1, 
  .recaptchatable .recaptcha_r3_c1, 
  .recaptchatable .recaptcha_r3_c2, 
  .recaptchatable .recaptcha_r7_c1, 
  .recaptchatable .recaptcha_r8_c1, 
  .recaptchatable .recaptcha_r3_c3, 
  .recaptchatable .recaptcha_r2_c1, 
  .recaptchatable .recaptcha_r4_c1, 
  .recaptchatable .recaptcha_r4_c2, 
  .recaptchatable .recaptcha_r4_c4, 
  .recaptchatable .recaptcha_image_cell {

  margin: 0 !important;
  width: 100% !important;
  background: none !important;
  height: auto !important;
  }

}