/*
donker blauw #0b56a5
licht blauw #122e5c

*/
:link,:visited{text-decoration:none}
body{font-family: 'Open Sans', sans-serif;font-weight: 300;}
input,textarea,label{font-size:0.875em;}
hr{border:none;margin:0;height:1em;overflow:hidden;}
hr:after {
    content: "";
	width:100%;
    height: 2em;
	display:block;
	border-bottom: 1px solid #e4e4e4;
    box-shadow: 0 8px 15px -10px #ccc;
	position:absolute;
	top:-1.25em;
	left:0;
}
.container ul{margin-left:0;padding-left:0;}
ul li{list-style:none;}
.default-spacer{height:1em;}

.devider{border-top:solid 1px #ddd;}
.center-it{text-align:center;}
.to-right{text-align:right;}
.to-left{text-align:left;}
strong{font-weight:700;}
#skrollr-body{}

h1{font-weight:600;}
h2{color:#004277;font-weight:600;}
h3{color:#004277;font-weight:600;}
h4{color:#004277;}

.button{padding:0.75em 1.5em;margin:0em 0 0.75em;display:inline-block;border:none;text-decoration:none;}
.button.primary{color:#fff !important;background-color:#ec6600;border:none}
.button.primary:hover{background-color:#000;text-decoration:none;}

.button.secondary{color:#fff !important;background-color:#082c5c;border:none;}
.button.tertiary{border:none;text-decoration:none;}
.button.tertiary:hover{background-color:#000;}

.button.white{color:#000 !important;background-color:#fff;border:none}
.button.white:hover{background-color:#ddd;text-decoration:none;}

.container ul li{position:relative;padding-left:1em;}
.container ul li::before{content:"•";font-size:2em;line-height:50%;color:#004277;position:absolute;left:0;top:0.125em;}/*;{background:url("../images/bull-blue.png") no-repeat scroll 0 0.625em;padding-left:1em;}*/
.container ul li a{color:#004277;}

/*.container-wrapper > div{clear:both;}*/

p a{color:#122e5c;}

#header{position:fixed;left:0;right:0;top:0;background-color:#fff;box-shadow:0 0px 2px #000;z-index:200;}
.header-spacer{height:5em;}

	#header .col24{float:none;}
	#header a.logo{margin:0;border:none;padding:2em 0;font-size:1em;float:left;display:block;height:1.5em;}
	#header a.logo img{height:1.5em;}
	
	nav ul li:hover > ul{display:block;}
	
	nav ul{float:right;list-style:none;position:relative;display:inline-table;margin-top:1.75em;}
	nav ul:after{content:"";clear:both;display:block;}
	nav ul li:first-child{display:none;}

	nav ul li:last-child{border:none;}
	nav ul li:last-child a{padding-right:0;}
	nav ul li{float:left;position:relative;border-right:solid 1px #efefef;}
	nav ul li:hover a{color:#000;}
	nav ul li a.current{font-weight:bold;}
	nav ul li a.toplevel{font-weight:500;font-size:0.875em;}
	
	nav ul li.has-dropdown:after{background-color:transparent;bottom:-70px;content:"";display:none;height:70px;left:50%;margin-left:-105px;position:absolute;width:210px;}
	nav ul li:hover, nav ul li:hover:after {display: block;}
	nav ul li a{display:block;color:#122e5c;text-decoration:none;padding:0.25em 0.75em;}
	
	nav ul ul{display:none;background:#fff;padding:0;position:absolute;top:60px;padding:0em 1em 0.5em 1em;min-width:220px;margin:0;left: 50%;margin-left: -110px;box-shadow:0 0 2px #999;z-index:400;font-size:0.875em;}
	nav ul ul::before{content:"";position:absolute;top:-3px;left:0;right:0;height:6px;background-color:#fff;z-index:500;}
	nav ul ul li:first-child{display:block;}
	nav ul ul li{float:none;border-top:1px solid #ddd !important;position:relative;border-right:none;}
	nav ul ul li:last-child{}
	nav ul ul li a{padding:0.5em 0;}
	nav ul ul li a:hover{color:#ec6600;}
	nav ul a:hover{text-decoration:none;}
	
	nav ul a.toggle-search{background: url(../images/search-bg.png) no-repeat 100% 50%;border:none;display:block;height:25px;opacity:0.5;padding-left:0.5em;}		
	
	nav ul li.change-language > ul{min-width:0;width:120px;left:50%;margin-left:-60px;}	
	nav ul li.change-language > a.toplevel{background: url(../images/change-lang.png) no-repeat 100% 50%;display:block;text-indent:-5000px;padding-left:1.75em;opacity:0.25;}
	
	nav ul li.change-language ul a{padding-left:2em;}
	nav ul li.change-language ul a.en{background: url(../images/flag_en.png) no-repeat 0 52%;}
	nav ul li.change-language ul a.tr{background: url(../images/flag-tr.png) no-repeat 0 52%;}
	
		
/*	#header .custom-header{position:absolute;top:0;right:0;font-size:0.875em;cursor:pointer;}
		#header .custom-header::after{background-color:transparent;top:-3em;left:0;content:"";height:4.5em;position:absolute;width:210px;z-index:300;}
		#header .custom-header span{position:relative;background: url(../images/change-lang.png) no-repeat 100% 50%;display:block;padding-right:1.5em;opacity:0.25;}
		#header .custom-header:hover span{opacity:0.75;}
		#header .custom-header ul{background-color:#fff;padding;box-shadow:0 0px 0.75em rgba(0,0,0,0.25);text-align:center;display:none;position:relative;z-index:200;margin-top:0.75em;}
		#header .custom-header a{display:block;color:#000;padding:0.5em 1em;border-bottom:solid 1px #ddd;text-decoration:none;}
		#header .custom-header a:hover{color:#ec6600;}
		#header .custom-header:hover ul, #header .custom-header::after {display:block;}	*/
		
		
#showcase{height:425px;position:relative;padding:0;border-bottom:solid 1px #efefef;background-color:#fff;}
	#showcase.loading{background: #333 url(../images/loader.html) no-repeat 50% 50%;}
	#showcase #cases,#showcase .case{position:relative;height:425px;overflow:hidden;}	
	#showcase .case{margin:auto;overflow:hidden;position:absolute;width:100%;}

	#showcase .case .background{position:absolute;top:0;width:100%;height:100%;overflow:hidden;}
	#showcase .case .mask{position:absolute;top:0;left:0;right:0;margin:auto;width:100%;height:100%;background: url(../images/case-mask.png) no-repeat 50% 0;z-index:1;}	

	#showcase .case img.bg{position:absolute;top:0;left:0;right:0;margin:auto;min-width:100%;min-height:100%;z-index:0;}	
	#showcase .case .test{width:100%;height:100%;}

	#showcase .showcase-text{position:relative;z-index:2;}
	#showcase .text-position{text-align:center;margin-top:3em;padding:0.125em 1em 1em 1em;border-radius:0.75em; }
	#showcase .text-position.left{text-align:left;}
	#showcase .text-position.right{text-align:left;}		
	#showcase .text-position h1{color:#000;text-align:center;font-weight:300;}
	#showcase .text-position h2{font-weight:300;color:#ec6600;text-align:center;font-weight:500;}
	#showcase .text-position p{text-align:center;}
	#showcase .text-position .button{margin:0 0.75em;background-color:#004277 !important;color:#fff !important;}	

	#showcase  .slick-dots{bottom:0;z-index:1000;margin-left:0;text-align:center;}
	#showcase  .slick-dots li{background:none;padding:0;}
	#showcase  .slick-dots li::before{display:none;}

#smart-row{margin:0;padding:1.5em 0;}
	#smart-row .number{width:10%;float:left;}
	#smart-row .number a{display:block;text-align:center;color:#000;text-decoration:none;font-weight:700;font-size:0.75em;padding-bottom:1em;line-height:1.5em;}
	#smart-row .number img{display:block;width:75%;margin:auto;margin-bottom:1em;}	
	#smart-row .number.bottom{margin-top:5%;}

	#smart-row.has-active .number{opacity:0.25;}	
	#smart-row.has-active .active{opacity:1;}
	
	#smart-row .number a img {
	    -webkit-transition: all 0.5s ease;
	    -moz-transition: all 0.5s ease;
	    -ms-transition: all 0.5s ease; 
	    -o-transition: all 0.5s ease; 
	    transition: all 0.5s ease;
	}
	#smart-row .number a:hover img {
	    -webkit-transform:scale(1.15);
	    -moz-transform:scale(1.15);
	    -ms-transform:scale(1.15); 
	    -o-transform:scale(1.15);
	     transform:scale(1.15);
	}
		

	.call-out{background-color:#122e5c;margin-bottom:2em;overflow:hidden;}
	.call-out  > *{color:#fff;}
	.call-out h1{color:#fff;text-align:center;}
	.call-out li{background: url(../images/bull-white.png) no-repeat 0 7px;}
	
	.sidebar-navigation{position:relative;z-index:1000;}
	.navigation-block{margin:1.5em 0;}
	.sidebar-navigation h2{margin-top:0;color:#122e5c;}
	.sidebar-navigation h2 a{color:#122e5c;text-decoration:none;}
	.sidebar-navigation .button{display:block;text-align:center;}
		.sidebar-navigation ul{margin-bottom:2em;}
		.sidebar-navigation li{background:none;padding:0;}
		.sidebar-navigation ul li::before{top:0.375em;} 		
		.sidebar-navigation li a{color:#000;text-decoration:none;display:block;border-bottom:solid 1px #e3e3e3;padding:0.5em 0;}
		.sidebar-navigation li a:hover{color:#122e5c;}
		
		.sidebar-block{margin-top:2em;border:solid 1px #e3e3e3;border-top:solid 1px #e3e3e3;padding:1em 1em 0.5em 1em;}
		.sidebar-block img{max-width:100%;}
		.sidebar-block strong{color:#122e5c;}
		.sidebar-block .button{background-color:#ddd;color:#000;border:solid 1px #ccc;text-shadow:none;}	
		.sidebar-block .button:hover{background:#555;border:1px solid #000;box-shadow:0 1px 0 rgba(255,255,255,0.4) inset,0 1px 1px rgba(0,0,0,0.1);color:#fff;}
				
.column-wrapper .button{margin-top:1em;display:inline-block;color:#fff;}
.column-wrapper .button:hover{background-color:#122e5c;border:solid 1px #0b56a5;color:#fff;}

.case-overview{margin:2em 0;}
.case-overview:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
	.case-overview .block{background-color:#fff;border:solid 1px #efefef;padding:1.5em;overflow:hidden;height:4em;position:relative;margin-bottom:1.5em;}
	.case-overview .block span{margin-top:0;color:#fff;text-decoration:none;display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;text-align:center;background: url(../images/mask-text.png) repeat-x 0% 0%;padding-top:1.5em;font-size:0.875em;transition: all .2s ease-in-out;}
	.case-overview .block img{transition: all .2s ease-in-out;}
	.case-overview .block a:hover img{ transform: scale(1.2); }

	.case-overview .bg{position:absolute;left:0;top:0;width:100%;}
	
/* enlarge image */	
.enlarge-image{position:relative;display:block;z-index:100;}
.enlarge-image:hover:after{
	clear:both;
	display:block;
	width:100%;
	height:100%;
	content: "";
	background: url(../images/visit-hover.png) no-repeat 50% 50%;
	top: 0;
	left:0;
	z-index:10000;
	position:absolute;
}

/* overlay */
#overlay{position:absolute;top:0;left:0;z-index:10000;width:100%;height:500px;background-color:#fff;cursor:pointer;overflow:visible;}
#overlayBox{position:absolute;left:50%;margin-left:-480px;width:960px;z-index:10001;}

#overlayBox #closeOverlay{position:absolute;z-index:9999;right:0px;top:-10px;cursor:pointer;width:25px;height:25px;}
#overlayBox.large{width:800px;margin-left:-400px;background:none;}
#overlayBox.medium{width:700px;margin-left:-350px;text-align:center;}
#overlayBox img{}
#overlayBox a.close{width:50px;height:50px;display:block;background:url(../images/close.png) no-repeat 0 0px;text-indent:-5000px;position:absolute;top:-50px;right:-50px;}
#overlayBox a.close:hover{background-position:0 -50px;}

#overlayBox .bg-wrapper{background-color:#ffffff;padding:1em;box-shadow:0 0 5px #ccc;}
#overlayBox .bg-wrapper img{display:block;}

.image-full-width{overflow:hidden;position:relative;height:350px;margin-bottom:1em;border-bottom:solid 1px #e2e3e3;}
.image-full-width > div,.image-full-width .image-wrapper{height:100%;}
.image-full-width .column-wrapper{position:absolute;top:0;left:-50%;width:200%;height:100%;z-index:100;overflow:hidden;}
.image-full-width img{position:absolute;top:0;left:0;right:0;margin:auto;min-width:50%;min-height:50%;z-index:100;}

.case-image img{width:100%;}

.qoute{position:relative;z-index:1000;}
.qoute *{position:relative;height:100%;}
.qoute p{font-size:1.5em;width:55%;font-family: 'Raleway', sans-serif;position:absolute;bottom:0;line-height:1.5em;height:auto;padding:0.5em;text-align:justify;}

.qoute .sign-open{background: url(../images/quote-open.png) no-repeat 100% 100%;position:absolute;top:0.25em;left:-0.5em;width:20px;height:15px;}
.qoute .sign-close{background: url(../images/quote-close.png) no-repeat 100% 100%;width:17px;height:15px;display:inline-block;vertical-align:text-bottom;}


.column-wrapper p a,.column-wrapper ul a{color:#122e5c;}
.column-wrapper p a:hover,.column-wrapper ul a:hover{color:#000;}			
	
#footer{position: relative;clear:both;z-index:10000;background-color:#333;}
	#footer .container-wrapper{padding-top:3.5em;}
	#footer h2{font-weight:500;color:#666;margin-bottom:0.5em;margin-bottom:1em;font-size:1em;}
	#footer h3{color:#ccc;margin-top:0;font-size:0.875em;}
	#footer h3 a{color:#ccc;}
	#footer ul{margin-bottom:1em;}
	#footer ul li{background:none;padding-left:0;}
	#footer p{margin-bottom:3em;}
	#footer p,#footer ul,#footer a{color:#999;}
	#footer p,#footer ul{font-size:0.75em;}
	#footer a{}
	#footer a:hover{color:#fff;}		
	#footer .copy{line-height:2em;}
	#footer .copy ul{padding-top:1em;}
	#footer .copy li{color:#999;width:50%;float:left;border-top:solid 1px #666;background:none;padding:0.5em 0 0.5em 0;}
	#footer .copy li.right{}
	#footer .copy a{color:#999;}
	#footer .copy strong{font-weight:normal;}
	#footer .copy a.facebook{background: url(images/facebook.html) no-repeat;text-indent:-5000px;display:block;float:right;width:20px;height:20px;margin:5px 0 0 10px;}
	#footer .copy a.twitter{background: url(images/twitter.html) no-repeat;text-indent:-5000px;display:block;float:right;width:20px;height:20px;margin:5px 0 0 10px;}
	#footer .copy a.pinterest{background: url(images/pinterest.html) no-repeat;text-indent:-5000px;display:block;float:right;width:20px;height:20px;margin:5px 0 0 0;}
	
	#footer .aanmelden-nieuwsbrief{margin-top:1em;}
	#footer .input{border:none;padding:0.25em;}
	#footer .button{background-color:#999;color:#fff;border:none;margin:0.5em 0;padding:0.25em;border-radius:0.25em;cursor:pointer;}
	#footer .button:hover{background-color:#666;}
	
	#footer .custom-footer{margin:0;}
	#footer strong{color:#fff;font-weight:700;}
	#footer .pillars-nec{position:absolute;top:-7px;left:0;}
	
/* tooltip */
#toolTip{position:absolute;z-index:20000;font-size:0.75em;border:solid 2px #f17e00;color:#222;background-color:#fff;padding:0.25em 0.5em;text-align:center;font-weight:bold;box-shadow: 0 0 5px 0px #999;}
#toolTip.on-page{width:250px;left:50%;margin-left:-125px;font-size:0.875em;padding:0.5em;}
#nec {text-align: right; padding-right: 15px;}
#nec img {display: inline-block; max-width: 100%; height: auto;}
.scroll-to-top{background:#404040 url(../images/to-top.png) 50% 50% no-repeat;border-radius:0.5em 0.5em 0 0;bottom:0;color:#fff;display:block;height:10px;padding:15px 0 25px;position:fixed;right:1em;text-align:center;text-decoration:none;transition:all 0.3s ease 0s;width:49px;z-index:10000;opacity:0;}