/*
LIGHTBLUE 	#2399c1
DARKBLUE 	#283761
SILVER 		#91a3b5
LIGHTGREY 	#ecf1f5
*/
/* GENERAL ELEMENTS */
*{ font-family:Roboto, Arial, sans-serif; }
*, *::after, *::before{ box-sizing:border-box; }
html{ height:100%; }
body, html{ position:relative; margin:0; padding:0; color:#283761; font-size:14px; line-height:1.5; }
body{ overflow-x:hidden; overflow-y:scroll; min-height:100%; padding-bottom:33px; }
a{ text-decoration:none; cursor:pointer; }
input:focus, textarea:focus, select:focus, button:focus{ outline:0; }
label{ cursor:pointer; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
table, td, th, tr{ margin:0; padding:0; border-collapse:collapse; border-spacing:0; text-align:left; vertical-align:top; font-weight:normal; }
p{ margin:0 0 16px 0; }
ul{ margin:0; padding:0 0 0 17px; }
a{ color:#2399c1; }
h1, h2, h3, h4, h5, h6{ margin:0; }
label input[type="radio"], label input[type="checkbox"]{ display:none; }
label input[type="radio"] + i.input, label input[type="checkbox"] + i.input{ display:inline-block; position:relative; width:18px; height:18px; top:3px; border:2px solid #2399c1; margin-right:6px; /**/ transition:border-width .15s; -moz-transition:border-width .15s; -ms-transition:border-width .15s; -o-transition:border-width .15s; -webkit-transition:border-width .15s; }
label input[type="checkbox"].error + i.input { border-color:#ff6d6d; } 
label input[type="radio"].error + i.input { border-color:#ff5555; }
input[type="text"].error, input[type="number"].error, textarea.error{ border-bottom-color:#ff0000; }
label input[type="radio"]:checked + i.input, label input[type="checkbox"]:checked + i.input{ border-width:9px; }
label input[type="radio"] + i.input{ border-radius:100%; }
input[type="text"], input[type="number"], textarea{ background:#ecf1f5; border:0; border-bottom:2px solid #ecf1f5; font-size:14px; line-height:1.5; border-radius:0; }
input::placeholder, textarea::placeholder { color:#91a3b4; }
textarea{ resize:vertical; min-height:63px;}

/* GLOBAL STYLES */
.p{ width:1224px; padding:0 24px; margin:auto; position:relative; z-index:1; }
.clear{ clear:both; }
.t{ display:table; height:100%; width:100%; }
.tc{ display:table-cell; vertical-align:middle; }

	/* MODAL */
	.modal{ display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0); z-index:99; padding: 16px; /**/ animation:modalShow 0.2s both; -moz-animation:modalShow 0.2s both; -ms-animation:modalShow 0.2s both; -o-animation:modalShow 0.2s both; -webkit-animation:modalShow 0.2s both; }
		@keyframes modalShow{ from{ background:rgba(40, 55, 97, 0); } to{ background:rgba(40, 55, 97, 0.7); } }
	.modal .box{ background:#fff; opacity:0; padding:32px; margin:auto; position:relative; /**/ animation:modalBoxShow 0.2s both; -moz-animation:modalBoxShow 0.2s both; -ms-animation:modalBoxShow 0.2s both; -o-animation:modalBoxShow 0.2s both; -webkit-animation:modalBoxShow 0.2s both; }
		@keyframes modalBoxShow{ from{ opacity:0; margin-top:40px; } to{ opacity:1; margin-top:0px;  } }
		
	.modal.hide{ /**/ animation:modalHide 0.2s both; -moz-animation:modalHide 0.2s both; -ms-animation:modalHide 0.2s both; -o-animation:modalHide 0.2s both; -webkit-animation:modalHide 0.2s both; }	
		@keyframes modalHide{ from{ background:rgba(40, 55, 97, 0.7); } to{ background:rgba(40, 55, 97, 0); } }
	.modal.hide .box{ /**/ animation:modalHideShow 0.2s both; -moz-animation:modalHideShow 0.2s both; -ms-animation:modalHideShow 0.2s both; -o-animation:modalHideShow 0.2s both; -webkit-animation:modalHideShow 0.2s both; }
		@keyframes modalHideShow{ from{ opacity:1; margin-top:0px; } to{ opacity:0; margin-top:40px; } }
	.modal .close { background:#283761; width:31px; height:31px; position:absolute; right:-8px; top:-8px; border-radius:100%; border:3px solid #fff; cursor:pointer; transform:rotate(45deg); } 
		.modal .close::after { content:""; background:#fff; width:3px; height:15px; position:absolute; top:5px; left:11px; } 
		.modal .close::before { content:""; background:#fff; width:15px; height:3px; position:absolute; top:11px; left:5px; }

/* NAVIGATION */
nav{ font-weight:bold; position:relative; height:64px; overflow:hidden; }
nav ul{ float:right; height:64px; padding-left:0; }
nav ul div{ height:100%; }
nav ul li.navButton{ display:none; }
nav ul li{ list-style:none; display:inline-block; height:100%; height:64px; line-height:62px; border-bottom:3px solid transparent; }
nav ul li.active{ border-bottom:3px solid #2399c1; }
nav ul li + li{ margin-left:36px; }
nav ul li a{ color:#91a3b5; }
nav ul li.active a{ color:#283761; }
nav .logo{ color:#283761; display:inline-block; text-transform:uppercase; font-size:16px; margin:17px 0; position:relative; padding-left:41px; line-height:1; }
nav .logo span{ text-transform:none; font-weight:normal; color:#65798c; font-size:13px; display:block; line-height:1; margin-top:1px; }
nav .logo::before{ content:""; width:33px; height:33px; background-image:url(../img/logo.png); background-size:33px 33px; background-repeat:no-repeat; position:absolute; left:0; top:-2px; }
	.hb{ position:relative; cursor:pointer; display:inline-block; margin-right:4px; }
	.hb span{ width: 14px; height: 2px; background: #32475b; display:block; /**/ transition:opacity 0.2s; -moz-transition:opacity 0.2s; -ms-transition:opacity 0.2s; -o-transition:opacity 0.2s; -webkit-transition:opacity 0.2s; }
	.hb span:first-of-type{ margin-bottom:6px; }
	.hb i{ width: 14px; height: 2px; background: #32475b; display: block; position: absolute; top: 4px; /**/ transition:transform 0.2s; -moz-transition:transform 0.2s; -ms-transition:transform 0.2s; -o-transition:transform 0.2s; -webkit-transition:transform 0.2s; }
		.show .hb span{ opacity:0; }
		.show .hb i:first-of-type{ transform:rotate(45deg); }
		.show .hb i:last-of-type{ transform:rotate(-45deg); }		

/* HEADER */
header{ /*max-width:1512px;*/ /*width:calc(100% - 48px);*/ width:100%; height:320px; margin:auto; position:relative; background-color:#283761; background-size:cover; background-position:top center; /**/ transition:background-image 0.2s; }
header::after { position:absolute; content:""; width:100%; height:100%; top:0; left:0; background:rgba(40, 55, 97, 0.2); background:-moz-linear-gradient(top, rgba(40, 55, 97, 0.2) 50%, rgba(40, 55, 97, 0.5) 100%); background:-webkit-linear-gradient(top, rgba(40, 55, 97, 0.2) 50%, rgba(40, 55, 97, 0.5) 100%); background:linear-gradient(to bottom, rgba(40, 55, 97, 0.2) 50%, rgba(40, 55, 97, 0.5) 100%); }
.home .container header{ background-image:url('../img/header-1.jpg'); height:536px; position:relative; overflow:hidden; }
.home .container header .subheader{ background-color:#283761; position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover; background-position:top center; opacity:0; transform:scale(1.1); transform-origin:bottom center; /**/ transition:opacity .4s, transform .4s; }
	.home .container header .subheader.show{ opacity:1; transform:scale(1); }
	.subheader#productie 		{ background-image:url('../img/headers/productie/productie.jpg'); }
		.subheader#agf 						{ background-image:url('../img/headers/productie/agf.jpg'); }
		.subheader#automotive 				{ background-image:url('../img/headers/productie/automotive.jpg'); }
		.subheader#chemie-en-farma 			{ background-image:url('../img/headers/productie/chemie-en-farma.jpg'); }
		.subheader#fashion 					{ background-image:url('../img/headers/productie/fashion.jpg'); }
		.subheader#food 					{ background-image:url('../img/headers/productie/food.jpg'); }
		.subheader#kunststof 				{ background-image:url('../img/headers/productie/kunststof.jpg'); }
		.subheader#machinebouw 				{ background-image:url('../img/headers/productie/machinebouw.jpg'); }
		.subheader#metaalbewerking 			{ background-image:url('../img/headers/productie/metaalbewerking.jpg'); }
		.subheader#meubel-en-interieurbouw 	{ background-image:url('../img/headers/productie/meubel-en-interieurbouw.jpg'); }
		.subheader#print-en-drukwerk 		{ background-image:url('../img/headers/productie/print-en-drukwerk.jpg'); }
		.subheader#verpakkingen 			{ background-image:url('../img/headers/productie/verpakkingen.jpg'); }
	.subheader#groothandel 		{ background-image:url('../img/headers/groothandel/groothandel.jpg'); }
		.subheader#bouw-technische 		{ background-image:url('../img/headers/groothandel/bouw-technische.jpg'); }
		.subheader#chemie-farmaceutisch { background-image:url('../img/headers/groothandel/chemie-farmaceutisch.jpg'); }
		.subheader#fashion 				{ background-image:url('../img/headers/groothandel/fashion.jpg'); }
		.subheader#food 				{ background-image:url('../img/headers/groothandel/food.jpg'); }
		.subheader#medisch 				{ background-image:url('../img/headers/groothandel/medisch.jpg'); }
	.subheader#retail 			{ background-image:url('../img/headers/retail/retail.jpg'); }
		.subheader#producten 					{ background-image:url('../img/headers/retail/producten.jpg'); }
		.subheader#voeding-en-genotsmiddelen 	{ background-image:url('../img/headers/retail/voeding-en-genotsmiddelen.jpg'); }
	.subheader#dienstverlening 	{ background-image:url('../img/headers/dienstverlening/dienstverlening.jpg'); }
		.subheader#advies 				{ background-image:url('../img/headers/dienstverlening/advies.jpg'); }
		.subheader#arbeidsbemiddeling 	{ background-image:url('../img/headers/dienstverlening/arbeidsbemiddeling.jpg'); }
		.subheader#evenementen 			{ background-image:url('../img/headers/dienstverlening/evenementen.jpg'); }
		.subheader#financieel-diensten 	{ background-image:url('../img/headers/dienstverlening/financieel-diensten.jpg'); }
		.subheader#hospitality 			{ background-image:url('../img/headers/dienstverlening/hospitality.jpg'); }
		.subheader#ict 					{ background-image:url('../img/headers/dienstverlening/ict.jpg'); }
		.subheader#media 				{ background-image:url('../img/headers/dienstverlening/media.jpg'); }
		.subheader#onderhoudsbedrijven 	{ background-image:url('../img/headers/dienstverlening/onderhoudsbedrijven.jpg'); }
		.subheader#marketing-sales 	{ background-image:url('../img/headers/dienstverlening/marketing-sales.jpg'); }
	.subheader#logistiek 		{ background-image:url('../img/headers/logistiek/logistiek.jpg'); }
		.subheader#luchtvracht 			{ background-image:url('../img/headers/logistiek/luchtvracht.jpg'); }
		.subheader#opslagactiviteiten 	{ background-image:url('../img/headers/logistiek/opslagactiviteiten.jpg'); }
		.subheader#wegtransport 		{ background-image:url('../img/headers/logistiek/wegtransport.jpg'); }
	.subheader#overheid 		{ background-image:url('../img/headers/overheid/overheid.jpg'); }
		.subheader#overheidsdiensten 		{ background-image:url('../img/headers/overheid/overheidsdiensten.jpg'); }
	.subheader#gezondheidszorg 	{ background-image:url('../img/headers/gezondheidszorg/gezondheidszorg.jpg'); }
		.subheader#verpleging 	{ background-image:url('../img/headers/gezondheidszorg/verpleging.jpg'); }	
	.subheader#bouw 			{ background-image:url('../img/headers/bouw/bouw.jpg'); }
		.subheader#afwerkbedrijven 		{ background-image:url('../img/headers/bouw/afwerkbedrijven.jpg'); }
		.subheader#algemeen-bouwbedrijf { background-image:url('../img/headers/bouw/algemeen-bouwbedrijf.jpg'); }
		.subheader#bouwtechnisch-advies { background-image:url('../img/headers/bouw/bouwtechnisch-advies.jpg'); }
		.subheader#constructiebouw 		{ background-image:url('../img/headers/bouw/constructiebouw.jpg'); }
		.subheader#gww 					{ background-image:url('../img/headers/bouw/gww.jpg'); }
		.subheader#projectontwikkeling 	{ background-image:url('../img/headers/bouw/projectontwikkeling.jpg'); }
	.subheader#onderwijs 		{ background-image:url('../img/headers/onderwijs/onderwijs.jpg'); }
		.subheader#bedrijfsopleiding-en-training 		{ background-image:url('../img/headers/onderwijs/bedrijfsopleiding-en-training.jpg'); }
		.subheader#regulier-onderwijs 		{ background-image:url('../img/headers/onderwijs/regulier-onderwijs.jpg'); }
	.subheader#verhuur 			{ background-image:url('../img/headers/verhuur/verhuur.jpg'); }
	.subheader#installatie 		{ background-image:url('../img/headers/installatie/installatie.jpg'); }
	.subheader#overige 			{ background-image:url('../img/headers/overige/overige.jpg'); }

/* WIZARD */
.home .container{ position:relative; z-index:2; }

.wizard{ margin-top:-250px; background:#fff; position:relative; box-shadow:0px 8px 24px rgba(20, 51, 94, 0.2); overflow:hidden; border-radius:3px; }
	.wizard ul, .wizard li{ display:block; list-style-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII='); padding:0; margin:0; }
	
	.wizard .top{ padding:32px 40px 30px 40px; background:#2399c1; color:#fff; }
		.wizard .top h1{ font-size:22px; display:inline-block; padding-right:16px; }
		.wizard .top h1 br{ display:none; }
		.wizard .top h2{ font-size:14px; display:inline-block; color:rgba(255,255,255,0.7); position:relative; top:-1px; white-space:nowrap; }
		.wizard .top h2 .fa{ font-size:18px; margin:0 4px 0 0; position:relative; top:1px; }
		
	.wizard .content{ position:relative; overflow:hidden; }
		.wizard .content h2{ font-size:16px; }
			.wizard .content h2::after{ content:"U heeft nog niet alle vragen ingevuld"; display:none; margin:0 0 -2px 0; position:relative; top:-3px; background:#da0000; color:#fff; font-style:normal; padding:5px 6px 4px 6px; border-radius:3px; white-space:nowrap; font-size:11px; text-transform:initial; transform-origin:center bottom; cursor:default; /**/ transition:all 0.1s; -moz-transition:all 0.1s; -ms-transition:all 0.1s; -o-transition:all 0.1s; -webkit-transition:all 0.1s; }
			.wizard .content h2.error::after{ display:inline-block; }
		.wizard .content .left{ width:calc(100% - 432px); float:left; padding-right: 32px; }
		.wizard .content .answers{ width:100%; }
		.wizard .content .answers::after{ content:""; display:block; clear:both; }
		.wizard .content .answers.full{ width:100%; }
		.wizard .content .info{ width:432px; float:right; background:#ecf1f5; padding:24px; /*position:absolute; top:40px; right:40px;*/ }
			.wizard .content .info u{ text-decoration-color:#91a3b5; }
		
		.wizard .content .question{ padding:32px 40px 0 40px; display:none; width:100%; }
		.wizard .content .question::after{ content:""; display:block; clear:both; }
		.wizard .content .question.active{ display:block; }
			.wizard .content input[type="text"], .wizard .content input[type="number"]{ padding:10px 0 8px 11px; }
			.wizard .content input[type="text"].explanation{ margin:10px 0 0 0; width:192px; display:block; }
			.wizard .content *[data-subquestion]{ display:none; /*text-indent:24px;*/ padding-left:24px; }
			.wizard .content *[data-subquestion] .right{ text-indent:0; }
			.wizard .content label + label{ margin-left:16px; }
			.wizard .content span.bracket{ color:#91a3b5; }
			.wizard .content .question .right{ float:right; position:relative; top:-2px; }
			.wizard .content .question .right input[type="text"]{ position:relative; margin:-8px 0 0 0; width:110px; }
			.wizard .content .question.extra textarea{ width:100%; margin-top:8px; padding:8px; }
			.wizard .content .question ul.half li:nth-child(odd){ width:50%; float:left; }
			.wizard .content .question ul.half li:nth-child(even){ width:50%; float:right; }
			.wizard .content .question li.dotted{ margin:0; position:relative; padding-top:8px; padding-bottom:8px; border-bottom:2px solid #ecf1f5; }
			.wizard .content .question li.dotted:first-of-type{ margin-top:8px; }
			/* .wizard .content .question li.dotted{ position:relative; } .wizard .content .question li.dotted::before { content:""; position:absolute; width:calc(100% - 32px); border:dotted #ecf1f5; border-width:2px 0 0 0; top:15px; left:0; z-index:0; } .wizard .content .question li.dotted::after { content:""; display:block; clear:both; } .wizard .content .question li[data-subquestion].dotted::before, .wizard .content .question *[data-subquestion] li.dotted::before{ width:calc(100% - 56px); left:24px; } .wizard .content .question li.dotted .right{ background:#fff; position:relative; z-index:1; padding-left:6px; } .wizard .content .question li.dotted > span{ padding-right:6px; position:relative; } .wizard .content .question li.dotted > span span{ background:#fff; } */
			
			.wizard .content .question li{ margin-top:16px; list-style:none; list-style-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII='); }
				.wizard .content .question.swipeOutToLeft, .wizard .content .question.swipeOutToRight, .wizard .content .question.swipeInFromRight, .wizard .content .question.swipeInFromLeft{ width:100%; height:100%; display:block; position:absolute; }	
					.wizard .content .question.swipeOutToLeft{ top:0; left:0; /**/ animation:swipeOutToLeft 300ms both; -moz-animation:swipeOutToLeft 300ms both; -ms-animation:swipeOutToLeft 300ms both; -o-animation:swipeOutToLeft 300ms both; -webkit-animation:swipeOutToLeft 300ms both; }
						@keyframes swipeOutToLeft{ from{ left:0%; opacity:1; } to{ left:-100%; opacity:0; } }
					.wizard .content .question.swipeOutToRight{ top:0; left:0; /**/ animation:swipeOutToRight 300ms both; -moz-animation:swipeOutToRight 300ms both; -ms-animation:swipeOutToRight 300ms both; -o-animation:swipeOutToRight 300ms both; -webkit-animation:swipeOutToRight 300ms both; }
						@keyframes swipeOutToRight{ from{ left:0%; opacity:1; } to{ left:100%; opacity:0; } }
					.wizard .content .question.swipeInFromRight{ top:0; right:-100%; /**/ animation:swipeInFromRight 300ms both; -moz-animation:swipeInFromRight 300ms both; -ms-animation:swipeInFromRight 300ms both; -o-animation:swipeInFromRight 300ms both; -webkit-animation:swipeInFromRight 300ms both; }
						@keyframes swipeInFromRight{ from{ right:-100%; opacity:0; } to{ right:0%; opacity:1; } }
					.wizard .content .question.swipeInFromLeft{ top:0; right:-100%; /**/ animation:swipeInFromLeft 300ms both; -moz-animation:swipeInFromLeft 300ms both; -ms-animation:swipeInFromLeft 300ms both; -o-animation:swipeInFromLeft 300ms both; -animation:swipeInFromLeft 300ms both; }
						@keyframes swipeInFromLeft{ from{ right:100%; opacity:0; } to{ right:0%; opacity:1; } }
						
			.wizard .sliderWrap.employees{ margin-top:24px; }
			.wizard .sliderWrap.users{ margin-top:32px; }
			.wizard .sliderWrap input{ margin-bottom:12px; width:55px; }
			.wizard .sliderPadding{ width:100%; height:8px; padding-right:16px; margin-top:8px; background:#ecf1f5; margin-bottom:6px; }
			.wizard .ui-slider { width:100%; height:100%; position:relative; }
			.wizard .ui-slider .ui-slider-range{ background:#2399c1; height:100%; position:absolute; top:0; left:0; }
			.wizard .ui-slider .ui-slider-handle{ background-size:cover; background-repeat:no-repeat; position:absolute; height:22px; width:22px; border-radius:100%; top:-7px; display:block; margin-left:-2px; cursor:pointer; background:#2399c1; }
			.wizard .ui-slider .ui-slider-handle::after { content:""; position:absolute; width:26px; height:26px; border-radius:100%; border:3px solid #fff; top:-2px; left:-2px; }
			.wizard .ui-slider .ui-slider-handle:focus{ outline:0; }						
	
			/* FIRST:CHOOSE SECTOR */
			.wizard .content .question#first li{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-right:8px; }
			.wizard .content .question#first li:nth-child(odd){ width:50%; float:left; }
			.wizard .content .question#first li:nth-child(even){ width:50%; float:right; }				
			/* 1:PRODUCTIE */
			.wizard .content .question[data-s="1"][data-q="1"] ul{ width:50%; float:left; }
			.wizard .content .question[data-s="1"][data-q="1"] li{ white-space:nowrap; }
			.wizard .content .question[data-s="1"][data-q="1"] .explanation{ display:inline-block; margin:-8px 0 0 4px; width:180px; vertical-align:top; }
			.wizard .content .question[data-s="1"][data-q="3"] .explanation{ display:inline-block; margin-left:4px; margin-top:-8px; vertical-align:top; }
			/* 5:LOGISTIEK */
			.wizard .content .question[data-s="5"][data-q="2"] span.bracket{ display:block; clear:both; font-size:13px; }	
			/* 8:BOUW */
			.wizard .content .question[data-s="8"][data-q="1"] li{ white-space:nowrap; padding-right:7px; text-overflow:ellipsis; overflow:hidden; }
			/* 10:INSTALLATIE */
			.wizard .content .question[data-s="10"][data-q="2"] li{ clear:both; }
			/* 12:OVERIG */
			.wizard .content .question[data-s="12"][data-q="1"] textarea{ width:100%; height:210px; padding:8px; }	
						
			/* LAST:LOADER */
			.wizard .content .question.last.loading{ text-align:center; min-height:300px; }
			.wizard .content .question.last.loading .t{ position:absolute; top:24px; left:0; }
				.loader{ border-radius:100%; width:80px; height:80px; margin:0 auto 16px auto; position:relative; overflow:hidden; }
				.loader .loaderCircle{ width:80px; height:80px; transform:rotate(0deg); /**/ transition:transform 2s; -moz-transition:transform 2s; -ms-transition:transform 2s; -o-transition:transform 2s; -webkit-transition:transform 2s; }
				.loader .loaderCircle.done{ /**/ animation:none !important; -moz-animation:none !important; -ms-animation:none !important; -o-animation:none !important; -webkit-animation:none !important; }
				.loader .inner{ color:#2399c1; box-shadow:inset 0 0 0 8px; width:78px; height:78px; position:absolute; border-radius:100%; top:1px; left:1px; z-index:2;  }
				.loader .half{ position:absolute; height:80px; width:40px; top:0; overflow:hidden; }
				.loader .half div{ border:8px solid #ecf0f1; width:100%; height:100%; }
					.loader .half:nth-of-type(1){ z-index:4; left:0; transform-origin:40px 40px; transform:rotate(0deg); /**/ transition:transform 1.7s; -moz-transition:transform 1.7s; -ms-transition:transform 1.7s; -o-transition:transform 1.7s; -webkit-transition:transform 1.7s; }
					.loader .half:nth-of-type(1) div{ background:#fff; transform-origin:40px 40px; border-right:0; border-bottom-left-radius:80px; border-top-left-radius:80px; }
					.loader .half:nth-of-type(2){ z-index:3; right:0; transform-origin:0; transform:rotate(0deg); /**/ transition:transform 1.7s 0.3s; -moz-transition:transform 1.7s 0.3s; -ms-transition:transform 1.7s 0.3s; -o-transition:transform 1.7s 0.3s; -webkit-transition:transform 1.7s 0.3s; }
					.loader .half:nth-of-type(2) div{ background:#fff; transform-origin:0; border-left:0; border-bottom-right-radius:80px; border-top-right-radius:80px; }
						.loader .half.done{ animation:none !important; }
						.loader .half.done:nth-of-type(1) div{ animation:rotateHalf 0.5s linear both; -moz-animation:rotateHalf 0.5s linear both; -ms-animation:rotateHalf 0.5s linear both; -o-animation:rotateHalf 0.5s linear both; -webkit-animation:rotateHalf 0.5s linear both; }
						.loader .half.done:nth-of-type(2) div{ animation:rotateHalf 0.5s linear 0.5s both; -moz-animation:rotateHalf 0.5s linear 0.5s both; -ms-animation:rotateHalf 0.5s linear 0.5s both; -o-animation:rotateHalf 0.5s linear 0.5s both; -webkit-animation:rotateHalf 0.5s linear 0.5s both; }
							.loader .check{ position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) rotate(-45deg); width:40px; height:40px; margin-left:6px; }
							.loader .check::after, .loader .check::before{ content:""; position:absolute; background:#2399c1; }			
							.loader .check::before{ width:8px; height:0px; top:2px; left:0; }
							.loader .check::after{ width:0px; height:8px; top:16px; left:0; /**/ transition-delay:.2s; }
								.loader.done .check::after, .loader.done .check::before{ /**/ transition:all 0.2s ease; -moz-transition:all 0.2s ease; -ms-transition:all 0.2s ease; -o-transition:all 0.2s ease; -webkit-transition:all 0.2s ease; }
								.loader.done .check::before{ height:22px; }
								.loader.done .check::after{ width:36px; }
			
			@keyframes loader{ 0%{ transform:rotate(0deg); } to{ transform:rotate(360deg); } }
			@keyframes rotateHalf{ 0%{ transform:rotate(0deg); } to{ transform:rotate(180deg); } }
			
			/* LAST:FORM */	
			.wizard .content .question.last input[type="text"]{ width:100%; }
			.wizard .content .question.last .title{ margin-top:16px; }
			.wizard .content .question.last ul{ width:100%; }
			.wizard .content .question.last li{ width:calc(50% - 8px); float:left; }
			.wizard .content .question.last li:nth-child(even){ float:right; }	
			.wizard .content .question.last #firstname{ width:calc(50% - 8px); display:block; float:left; }
			.wizard .content .question.last #lastname{ width:calc(50% - 8px); display:block; float:right; margin-left:0; }	
			
			.wizard .content .question.last h2{ }
			.wizard .content .question.last .info{ text-align:center; height:calc(100% - 40px); padding:0 24px 8px 24px; background:#ddf3e7; color:#2c975e; position:absolute; right:40px; top:40px; margin-top:0; }
			.wizard .content .question.last .info strong{ font-size:16px; }	
			.wizard .content .question.last .info .finalCheck{ height:64px; width:64px; border:6px solid #2c975e; border-radius:100%; margin:auto; margin-bottom:8px; transform:rotate(-45deg); }
			.wizard .content .question.last .info .finalCheck div::before{ content:""; display:block; background:#2c975e; width:8px; height:19px; top:14px; left:13px; position:relative; }
			.wizard .content .question.last .info .finalCheck div::after{ content:""; display:block; background:#2c975e; height:8px; width:30px; position:relative; top:6px; left:13px; }				
	
	.wizard .actions{ padding:32px 40px; text-align:right; }
	.wizard .actions > div{ position:relative; }
		.wizard .actions .but{ display:inline-block; font-weight:bold; text-transform:uppercase; padding:12px; color:#fff; border-radius:2px; position:relative; /**/ transition:opacity .2s; -moz-transition:opacity .2s; -ms-transition:opacity .2s; -o-transition:opacity .2s; -webkit-transition:opacity .2s; /**/ -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
		.wizard .actions .but.disabled{ cursor:default; opacity:0; pointer-events:none; }
		
		.wizard .actions .but.next .submit{ display:none; }
			.wizard .actions .but.next.disabled{ cursor:pointer; opacity:1; pointer-events:inherit; }
			.wizard .actions .but.next.loading{ cursor:default !important; opacity:0.3; }		
				.wizard .actions .but.next.show .submit{ display:inline; }
				.wizard .actions .but.next.show .next{ display:none; }
		.wizard .actions .but .fa{ font-size:20px; position:relative; top:2px; }	
			.wizard .actions .but.prev{ position:absolute; left:0; top:0; background-color:#2399c1; /*background:#87cee7;*/ }
				.wizard .actions .but.prev .fa{ margin-right:6px; }
			.wizard .actions .but.skip{ margin-right:12px; color:#91a3b5; }
				.wizard .actions .but.skip .fa{ margin-left:6px; top:1px; font-size:18px;  }
			.wizard .actions .but.next{ background:#2c975e; }
				.wizard .actions .but.next .fa{ margin-left:6px; }
		
		.modal.skip .box{ max-width:448px; }
		.modal.skip strong{ margin-bottom:8px; display:block; font-size:18px; }
		.modal.skip .box .but{ color:#91a3b5; display:inline-block; font-weight:bold; text-transform:uppercase; }
		.modal.skip .box .but.skip{ color:#2399c1; margin-left:20px; }
			.modal.skip .box .but.skip .fa{ position:relative; margin-left:6px; top:1px; font-size:18px;  }
				
	.wizard .progress{ height:6px; }
		.wizard .progress .bar{ height:100%; width:0%; background:#2c975e; /**/ transition:width .3s; -moz-transition:width .3s; -ms-transition:width .3s; -o-transition:width .3s; -webkit-transition:width .3s; } 
		
/* USP */	
.home .usp{ /*background:#f2f6fa;*/ padding:96px 0 96px 0; position:relative; }
.home .usp ul{ padding:0; }
.home .usp ul li{ display:block; width:33.33%; width:calc(100% / 3); float:left; position:relative; padding:72px 12px 0 12px; text-align:center; }
.home .usp p{ margin:0; }
.home .usp h3{ font-size:20px; margin-bottom:2px; }
.home .usp h2{ color:#b3c4d8; margin-bottom:16px; text-transform:uppercase; font-size:13px; letter-spacing:0.7px; /*color:#b3c4d8; margin-bottom:56px; text-transform:uppercase; font-size:13px; text-align:center; background:#e4ecf5; height:3px; letter-spacing:0.7px;*/ }
.home .usp h2 span{ /*position:relative; background:#f2f6fa; top:-8px; padding:0 8px;*/ }
.home .usp svg{ width:50px; position:absolute; left:50%; top:0; transform:translateX(-50%); }
.home .usp .target svg{ width:62px; top:-6px; }
.home .usp svg .cls-1{ fill:#2399c1; }
		
/* FAQ */
/* .home .faq{ padding:64px 0 64px 0; background:#f2f6fa; } .home .faq .text{ padding-left:calc(100% / 3); position:relative; } .home .faq h2{ position:absolute; top:-10px; left:0; padding-right:16px; width:33.33%; width:calc(100% / 3); font-size:24px; text-align:center; } .home .faq ul{ padding:0; } .home .faq li{ display:block; width:50%; float:left; padding-right:16px; } .home .faq li + li{ float:right; } .home .faq li p:last-of-type{ margin-bottom:0; } */
.home .faq{ padding:104px 0 104px 0; background:#ecf1f5; }
.home .faq .text{ position:relative; }
.home .faq h2{ font-size:24px; margin-bottom:16px; }
.home .faq ul{ padding:0; }
.home .faq li{ display:block; width:33.33%; width:calc(100% / 3); float:left; padding-right:24px; }	
.home .faq li:nth-child(4){ clear:both; }
	
/* LOGO SLIDER */
.home .logo-slider{ white-space:nowrap; overflow:hidden; position:relative; height:320px; }
.home .logo-slider::before, .home .logo-slider::after{ content:""; position:absolute; top:0; height:100%; width:20%; z-index:1; }
.home .logo-slider::before{ left:0; background:-moz-linear-gradient(left, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%); background:-webkit-linear-gradient(left, rgba(255,255,255,1) 20%,rgba(255,255,255,0) 100%); background:linear-gradient(to right, rgba(255,255,255,1) 20%,rgba(255,255,255,0) 100%); }
.home .logo-slider::after{ right:0; background:-moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%); background:-webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%); background:linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%); }
.home .logo-slider .images{ position:absolute; height:100%; top:0; white-space:nowrap; /*left:-200%;*/ /**/ transition:left .2s linear, right .2s linear; -moz-transition:left .2s linear, right .2s linear; -ms-transition:left .2s linear, right .2s linear; -o-transition:left .2s linear, right .2s linear; -webkit-transition:left .2s linear, right .2s linear; pointer-events:none; /**/ -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
.home .logo-slider .images.scroll{ /**/ transition:left 0.4s linear, right 0.4s linear; -moz-transition:left 0.4s linear, right 0.4s linear; -ms-transition:left 0.4s linear, right 0.4s linear; -o-transition:left 0.4s linear, right 0.4s linear; -webkit-transition:left 0.4s linear, right 0.4s linear; }
.home .logo-slider .image{ display:inline-block; vertical-align:middle; margin-left:96px; width:136px; height:90px; background-position:center; background-size:contain; background-repeat:no-repeat; }
.home .logo-slider .image:first-child{ margin-left:166px; }
.home .logo-slider .image:last-child{ margin-right:166px; }
.home .logo-slider .button{ position:absolute; top:50%; width:72px; height:72px; transform:translateY(-50%); text-align:center; cursor:pointer; z-index:2; color:#2399c1; background:#fff; border:3px solid #2399c1; /**/ transition:all 0.1s; }
	.home .logo-slider .button.hover{ color:#fff; background:#2399c1; }
		.home .logo-slider .button.left.hover{ left:0; }
		.home .logo-slider .button.right.hover{ right:0; }		
.home .logo-slider .button .fa{ font-size:48px; position:relative; top:8px; display:none; }
.home .logo-slider .button::before{ font-size: 48px; position: relative; top: 9px; font-family: "FontAwesome"; line-height: 1; }
	.home .logo-slider .button.left{ left:-8px; border-radius:0 100% 100% 0; }
		.home .logo-slider .button.left .fa{ left:-2px; }
		.home .logo-slider .button.left::before{ content:"\f104"; }
	.home .logo-slider .button.right{ right:-8px; border-radius:100% 0 0 100%; }				
		.home .logo-slider .button.right .fa{ left:2px; }
		.home .logo-slider .button.right::before{ content:"\f105"; }
		
	
/* OVER ONS */
.over-ons h1{ font-size:28px; line-height:36px; margin:56px 0 16px 0; }
.over-ons header{ background-image:url('../img/over-ons.jpg'); }
.over-ons .text{ width:55%; float:left; }
	.over-ons .text strong{ display:block; }
	.over-ons .results{ width:45%; float:right; }
	.over-ons .results ul{ padding:0; margin-top:56px; }
	.over-ons .results li{ display:block; width:80%; float:right; clear:both; background:#ecf1f5; text-align:center; position:relative; padding:20px 8px; }		
	.over-ons .results li + li{ margin-top:8px; }
	.over-ons .results li p{ margin-bottom:0; }
	.over-ons .results strong{ font-size:20px; }
	.over-ons .results svg{ width:40px; display:block; margin:0 auto 6px auto; }
	.over-ons .results svg .cls-1{ fill:#2399c1; }
	.over-ons .results .thumb svg{ width:36px; }	
.over-ons header.second{ background-image:url('../img/privacy-header.jpg'); margin:72px 0 0 0; }			
.over-ons .statistics li{ width:calc(100% / 6); }
.over-ons .retail svg, .over-ons .logistiek svg, .over-ons .bouw svg, .over-ons .verhuur svg{ width:46px; }
.over-ons .installatie svg{ width:37px; } 
	.statistics h3{ font-weight:normal; font-size:14px; margin-top:4px; }
	.statistics{ text-align:center; padding:72px 0; }
	.statistics ul{ padding:0; }
	.statistics li{ width:calc(100% / 6); float:left; display:block; list-style:none; padding-top:48px; position:relative; margin-top:48px; }
	.statistics svg{ width:40px; height:40px; display:block; position:absolute; top:0; left:50%; transform:translate(-50%); }
	.statistics .st0{ fill:#2399c1; }
	.statistics .percentage{ display:block; font-weight:bold; font-size:20px; }

.over-ons .history{ background:#283761; color:#fff; padding:56px 0; overflow:hidden; }
.over-ons .history h2{ text-align:center; }
.over-ons .history ul{ padding:0; margin:auto; position:relative; margin-top:232px; }
.over-ons .history ul::before{ content: ""; width: 200vw; height: 4px; position: absolute; left: -100vw; top: calc(50% - 2px); background: #2399c1; }
	.over-ons .history li::before{ content:""; position:absolute; top:4px; left:-8px; width:16px; height:16px; border-radius:100%; background:#2399c1; }
.over-ons .history li{ display:block; white-space:nowrap; position:relative; width:20%; float:left; padding-left:34px; transform:rotate(-35deg); transform-origin:-17px 0; }
.over-ons .history .date{ background:#2399c1; display:inline-block; position:relative; padding:2px 6px 2px 4px; line-height:20px; margin-bottom:8px; }
.over-ons .history li .date::before{ content:""; border:transparent 12px solid; border-right-color:#2399c1 ; left:-23px; top:0; position:absolute; }
.over-ons .history li .description{ padding-left:34px; }			
/* .over-ons .history{ background:#283761; color:#fff; padding:56px 0; overflow:hidden; } .over-ons .history h2{ width:50%; } .over-ons .history ul{ padding:0; margin:auto; position:relative; } .over-ons .history ul::before{ content:""; width:4px; height:200%; position:absolute; top:-50%; left:calc(50% - 2px); background:#2399c1; } .over-ons .history li{ display:block; white-space:nowrap; position:relative; } .over-ons .history li::before{ content:""; position:absolute; top:4px; width:16px; height:16px; border-radius:100%; background:#2399c1; } .over-ons .history li:nth-child(odd){ text-align:left; margin-left:50%; padding-left:24px; } .over-ons .history li:nth-child(even){ text-align:right; margin-right:50%; padding-right:24px; } .over-ons .history li + li{ margin-top:56px; } .over-ons .history .date{ background:#2399c1; display:inline-block; position:relative; padding:2px 6px; line-height:20px; margin-bottom:8px; } .over-ons .history li:nth-child(odd)::before{ left:-8px; } .over-ons .history li:nth-child(odd) .description{ padding-left:4px; } .over-ons .history li:nth-child(odd) .date{ padding-left:4px; } .over-ons .history li:nth-child(odd) .date::before{ content:""; border:transparent 12px solid; border-right-color:#2399c1; left:-24px; top:0; position:absolute; } .over-ons .history li:nth-child(even)::before{ right:-8px; } .over-ons .history li:nth-child(even) .description{ padding-right:4px; } .over-ons .history li:nth-child(even) .date{ padding-right:4px; } .over-ons .history li:nth-child(even) .date::before{ content:""; border:transparent 12px solid; border-left-color:#2399c1; right:-24px; top:0; position:absolute; }*/			
					
						
/* OTHER PAGES */				
.other header{ }
.other header::after{ }
.other .container{ overflow:hidden; }
.other .container .text{ max-width:560px; }
.other .container .p h1{ margin-bottom:16px; font-size:28px; line-height:36px; }
.other .container .p h2{ font-size: 20px; line-height: 1.3; margin-bottom: 4px; }
.other .container .p h3{ font-size:14px; }
.other .container .p ul{ margin-bottom:16px; }
.other .container header .tc{ vertical-align:bottom; padding-bottom:40px; }
.other .container .text{ padding-top:40px; padding-bottom:40px; }
	.other.contact header{ background-image:url('../img/contact.jpg'); }
	.other.contact table table td:first-child{ padding-right:24px; }
	
	/* HOE HET WERKT */
	.other.hoe-het-werkt header{ background-image:url('../img/hoe-het-werkt.jpg'); }
	.other.hoe-het-werkt h2.grey{ font-size:14px; margin:24px 0 0 0; }
	.other.hoe-het-werkt ul.usp{ padding:0; }
	.other.hoe-het-werkt .usp{ max-width:904px; margin:auto; }
	.other.hoe-het-werkt .usp h2{ font-size:20px; float:left; }
	.other.hoe-het-werkt .usp li{ display:block; background:#ecf1f5; padding:48px; }
	.other.hoe-het-werkt .usp li + li{ margin-top:8px; }
	.other.hoe-het-werkt .usp li p:last-of-type{ margin-bottom:0; }
	.other.hoe-het-werkt .usp p{ max-width:560px; float:right; }
	.other.hoe-het-werkt .usp svg{ width:50px; vertical-align:middle; display:inline-block; margin-right:7px; position:relative; }
	.other.hoe-het-werkt .usp .target svg{ width:62px; top:-6px; margin-right:0; }
	.other.hoe-het-werkt .usp svg .cls-1{ fill:#2399c1; }	
	.other.hoe-het-werkt header.second{ background-image:url('../img/privacy-header.jpg'); margin:72px 0 0 0; }	

	.other.hoe-het-werkt .statistics li{ width:25%; }
	.other.hoe-het-werkt .statistics li:nth-child(5){ margin-left:25%; }
	.other.hoe-het-werkt .cloud svg{ width:48px; }
	.other.hoe-het-werkt .hybrid svg{ width:48px; top:-2px; }
	
	/* PRIVACY STATEMENT & GDPR */
	.other.privacy header{ background-image:url('../img/privacy-header.jpg'); }
	.other.privacy .sources{ font-size:13px; border-top:1px solid #ecf1f5; margin-top:48px; padding-top:8px; }
	.other.privacy .source{ font-size:11px; vertical-align:super; }
	.other.privacy .imageWrap{ position:relative; height:326px; margin:48px 0 48px 0; }
	.other.privacy .imageWrap img{ position:absolute; top:0; left:50%; transform:translate(-50%); }
	.other.privacy.gdpr header{ background-image:url('../img/gdpr-header.jpg'); }
	
/* FOOTER */
footer{ background:#2399c1; padding:6px 0; position:absolute; bottom:0; left:0; width:100%; }
footer ul{ padding:0; }
footer ul li{ display:inline-block; }	
footer ul li + li{ margin-left:16px; }
footer ul li a{ color:#fff; }
		
/* BEDANKT */
.home.bedankt{  }
.home.bedankt .usp{ margin-top:0; }	
.home.bedankt header .t{ position:absolute; top:0; left:0; text-align:center; z-index:1; }	
.home.bedankt header h1, .home.bedankt header h2 { color:#fff; text-shadow:0 0 20px #283761; }
.home.bedankt header h1{ font-size:48px; line-height:1.2; margin-bottom:8px; }
.home.bedankt header h2{ font-size:24px; }		
		
/* COOKIE NOTIFICATION */
.cookie{ text-align:center; background:#2399c1; font-size:12px; line-height:18px; padding:6px 0 8px 0; position:relative; z-index:1; transition:margin 200ms, opacity 200ms; }
.cookie.hide{ opacity:0; }
.cookie, .cookie a{ color:#fff; }
.cookie a{ }
.cookie a span{ text-decoration:underline; }
.cookie .closeWrap{ height:100%; position:absolute; top:0; right:24px; width:26px; cursor:pointer; z-index:1; }
.cookie .close{ cursor:pointer; position:absolute; right:24px; top:45%; left:0; height:16px; width:16px; transform-origin:center center; transform:rotate(45deg) translateY(-50%); }
.cookie .close::after, .cookie .close::before{ content:""; background-color:#fff; position:absolute; }
.cookie .close::before{ height:2px; width:16px; top:7px; left:0; }
.cookie .close::after{ height:16px; width:2px; top:0; left:7px; }	

/* GDPR LABEL */
.gdprLabel{ position:absolute; right:24px; bottom:24px; background:#f2f6fa; height:52px; width:181px; border-radius:4px; overflow:hidden; z-index:2;  /* width:58px; transition:width 0.3s; -webkit-transition:width 0.3s; -moz-transition:width 0.3s; -ms-transition:width 0.3s; -o-transition:width 0.3s; */ }
.gdprLabel img{ width:58px; height:52px; position:absolute; top:0; left:0; }
.gdprLabel .gdprText{ position:absolute; right:0; top:0; white-space:nowrap; display:table; height:100%; font-weight:bold; line-height:18px; padding-top:1px; }
.gdprLabel .gdprText > div{ display:table-cell; vertical-align:middle; padding-right:10px; }
.gdprLabel .gdprTitle{ font-size:14px; }
.gdprLabel .gdprLink a{ font-size:12px; text-decoration:none; color:#11aceb; }
			
@media (min-width:1900px) and (min-height:900px) {
    .wizard{ margin-top:-200px; }
}	
@media (max-width:1241px) { /* 1224px (wrapper) + 17px (scrollbar) */
	.p{ width:1007px; }
	
	.home .container header{ height:456px; }
	
	.wizard { margin-top:-168px; }
	.wizard .top{ padding:32px; }
	.wizard .content .question{ padding:32px 32px 0 32px; }
		.wizard .content .left{ width:calc(100% - 352px); }
		.wizard .content .info{ width:352px; top:32px; right:32px; }
	.wizard .actions{ padding:32px; }
	.wizard .content .question.last .info{ right:32px; top:32px; }
	
	/* TWEAKS */
	.wizard .content .question[data-s="1"][data-q="1"] ul{ width:40%; }
	.wizard .content .question[data-s="1"][data-q="1"] ul + ul{ width:60%; }
	.wizard .content .question[data-s="5"][data-q="2"] li span.bracket{ max-width:calc(100% - 96px); }
	.wizard .content .question[data-s="12"][data-q="3"] input[name='12_3_10']{ margin-bottom:0; }
	
	.over-ons .history .p{ min-width:100%; }
	.over-ons .history ul{ padding-right: 7%; }
}
@media (max-width:1024px) {
	.p{ width:783px; }
	header{ height:240px; }
	
	/* HOME */
	.home .container header{ height:400px; }
	.home .faq li{ width:50%; }
	.home .faq li:nth-child(4){ clear:none; }
	.home .faq li:nth-child(3), .home .faq li:nth-child(5){ clear:both; }
	
	
	/* WIZARD */
	.wizard .top{ padding:24px; }
	.wizard .content .question { padding:24px 24px 0 24px; }
		.wizard .content .left{ width:calc(100% - 274px); padding-right:24px; }
		.wizard .content .info{ width:274px; padding:16px; top:24px; right:24px; }
	.wizard .content label + label { margin-left:8px; }
	.wizard .content h2.error::after { display:none; }
	.wizard .actions{ padding:24px; }
	.wizard .content .question.last .info{ padding:0 16px; top:24px; right:24px; }
	.wizard .content .question.last .info strong { font-size:14px; display:block; }
	.wizard .content .question.last .info br{ display:none; } 	
	
		/* TWEAKS */
		.wizard .content .question#first li:nth-child(odd) { width:44%; }
		.wizard .content .question#first li:nth-child(even) { width:56%; }
		.wizard .content .question[data-s="1"][data-q="1"] .explanation{ margin:8px 0 0 0; }
		.wizard .content .question[data-s="1"][data-q="1"] li{ white-space:normal; }
	
	/* OVER ONS */
	.statistics{ padding:56px 0; }
	.over-ons h1{ margin-top:32px; }
	.over-ons .results ul{ margin-top:32px; }
	.over-ons .statistics li { width:25%; }
	.over-ons header.second{ margin-top:32px; }
	.over-ons .history ul { padding-right: 16%; }
	
	/* OTHERS */
	.other .container .text{ padding-top:32px; padding-bottom:32px; }
		.other.hoe-het-werkt .usp li{ padding:32px 0; }
		.other.hoe-het-werkt .usp h2{ float: none; max-width: 560px; margin:0 auto 8px auto; padding:0 24px; }
		.other.hoe-het-werkt .usp p{ float:none; margin-left:auto; margin-right:auto; padding:0 24px; }
		.other.hoe-het-werkt .usp svg{ width:32px; }
		.other.hoe-het-werkt .usp .target svg{ width:44px; top:-4px; }
		.other.hoe-het-werkt .usp .shield svg{ top:-2px; }
		.other.hoe-het-werkt .statistics li{ width:calc(100% / 3); }
		.other.hoe-het-werkt .statistics li:nth-child(5){ margin-left:0; }
}
@media (max-width:800px) {
	.p{ width:100%; }
	
	/* HOME */
	.home .container header { height:320px; }
	.home.bedankt header h1{ font-size:32px; }
	.home.bedankt header h2{ font-size:16px; }	
	
	/* WIZARD */
	.wizard { margin-top:-127px; }	
	.wizard .top h1 { font-size:20px; }
	.wizard .top h2{ }
	.wizard .top h2 .fa{ margin:8px 4px 0 0; }	
	.wizard .content .left{ width:100%; padding-right:0; float:none; }
	.wizard .content .info{ width:100%; float:none; margin:24px 0 0 0; overflow:hidden; font-size:0; color:transparent; /**/ transition:color 0.4s; -moz-transition:color 0.4s; -ms-transition:color 0.4s; -o-transition:color 0.4s; -webkit-transition:color 0.4s; }
	.wizard .content .info br{ display:none; }
	.wizard .content .info strong{ display:block; padding-left:22px; font-size:12px; position:relative; color:#283761; cursor:pointer; }
	.wizard .content .info strong::before{ content:"\f067"; position:absolute; left:0; top:-3px; font-family:"FontAwesome"; font-size:16px; color:#91a3b5; font-weight:normal; }
	.wizard .content .question.last .info strong{ padding-left:0; }
		.wizard .content .info.show{ font-size:12px; color:#283761; }
		.wizard .content .info.show strong{ margin-bottom:6px; }
		.wizard .content .info.show strong::before{ content:"\f068"; }
	.wizard .content .question .right{ margin-right:0; }
	.wizard .content .question li.dotted .right{ padding-left:8px; }
	.wizard .actions .but.skip span{ display:none; }
	.wizard .content .question.extra textarea{ width:100%; }
	.wizard .content .question[data-s="1"][data-q="1"] .explanation { display:block; }
	
	.wizard .content .question.last .info .finalCheck{ transform: rotate(-45deg) scale(0.7); margin-bottom:0; }
	.wizard .content .question.last .info { position: static; font-size: 14px; height: auto; margin-top: 16px; padding:8px 16px 16px 16px; }
	.wizard .content .question.last .info.show strong{ margin-bottom:0; }
	.wizard .content .question.last .info strong{ color:inherit; }
	.wizard .content .question.last .info strong::before{ display:none; }
	
	/* OVER ONS */
	.over-ons h1 { font-size: 24px; }
	.over-ons .text{ width:100%; float:none; max-width:500px; margin:auto; }
	.over-ons .results{ width:100%; float:none; }
	.over-ons .results ul{ display:flex; }
	.over-ons .results li{ width:calc(100% / 3); float:left; clear:none; position:relative; padding-top:70px; }
		.over-ons .results li + li{ margin:0; }
		.over-ons .results svg{ position:absolute; top:22px; left:50%; transform:translateX(-50%); }
		.over-ons .results .thumb svg{ margin-top:-4px; }
		.over-ons .results strong{ font-size:inherit; }
	.over-ons .history{ display:none; }
	.over-ons .statistics li { width:calc(100% / 3); }
	
	/* OTHER */
	.other .container .p h1 { font-size: 24px; }
	
	.cookie{ text-align:left; }
	.cookie .p{ padding-right:48px; }
}	

@media (max-width:750px) {
	header { height: 180px; }
	
	/* NAV */
	nav{ height:115px; }
	nav .p{ height:100%; padding:0; }
	nav .logo{ margin-left:24px; }
	nav ul { width: 100%; background: #ecf1f5; white-space: nowrap; height: auto; float: none; padding-left:0; }
	nav ul li{ line-height:48px; white-space:nowrap; height:51px; }
	nav ul li + li { margin-left:24px; }
	
	/* HOME */
	.home .usp ul li { width:100%; max-width:500px; margin:auto; float:none; padding-top:62px; }	
	.home .usp li + li { margin-top:32px; }
	.home .faq { padding:64px 0 64px 0; text-align:center; }
	.home .faq li{ width:100%; padding-right:0; max-width:500px; margin:auto; float:none; }
	.home .faq li + li { margin-top:24px; }
	.home .faq li:nth-child(3), .home .faq li:nth-child(5){ clear:none; }
.home .logo-slider{ height:200px; }
	.home .logo-slider img { margin-left: 56px; max-width: 96px; max-height: 40px; }
	.home .logo-slider .button{ width:56px; height:56px; }
	.home .logo-slider .button::before { font-size: 40px; top: 4px; }
	.home .logo-slider .button.left{ left:-16px; }
		.home .logo-slider .button.left .fa{ left: 2px; }
	.home .logo-slider .button.right{ right:-16px; }
		.home .logo-slider .button.right .fa{ left: -2px; }	

	.home .logo-slider img:first-child{ margin-left:100px; }
	.home .logo-slider img:last-child{ margin-right:100px; }
	
	/* OTHER */
	.other.hoe-het-werkt header{ background-position: 77% center; }
	.other.hoe-het-werkt .statistics li{ width:50%; }
	.other.hoe-het-werkt .statistics li:nth-child(3),
	.other.hoe-het-werkt .statistics li:nth-child(5){ clear:both; }
}

@media (max-width:600px) {
	.other.privacy .imageWrap{ height: 260px; margin:32px 0; }
	.other.privacy .imageWrap img{ height: 100%; }
	
	.subheader#productie 					{ background-position: 30% 0; }
		.subheader#agf 						{ background-position: 90% 0; }
		.subheader#kunststof 				{ background-position: 20% 0; }
		.subheader#machinebouw 				{ background-position: 90% 0; }
	.subheader#groothandel 					{ background-position: 30% 0; }
		.subheader#bouw-technische 			{ background-position: 20% 0; }
		.subheader#medisch 					{ background-position: 60% 0; }
	.subheader#retail 						{ background-position: 37% 0; }
	.subheader#dienstverlening 				{ background-position: 67% 0; }
		.subheader#advies 					{ background-position: 55% 0; }
		.subheader#evenementen 				{ background-position: 90% 0; }
		.subheader#financieel-diensten 		{ background-position: 72% 0; }
		.subheader#hospitality 				{ background-position: 72% 0; }
		.subheader#ict 						{ background-position: 25% 0; }
		.subheader#media 					{ background-position: 100% 0; }
		.subheader#onderhoudsbedrijven 		{ background-position: 25% 0; }
		.subheader#opslagactiviteiten 		{ background-position: 80% 0; }
		.subheader#wegtransport 			{ background-position: 27% 0; }
		.subheader#verpleging 				{ background-position: 60% 0; }
		.subheader#afwerkbedrijven 			{ background-position: 35% 0; }
		.subheader#algemeen-bouwbedrijf 	{ background-position: 40% 0; }
		.subheader#bouwtechnisch-advies 	{ background-position: 80% 0; }
		.subheader#constructiebouw 			{ background-position: 40% 0; }
		.subheader#gww 						{ background-position: 83% 0; }
	.subheader#onderwijs 					{ background-position: 80% 0; }
		.subheader#bedrijfsopleiding-en-training 		{ background-position: 30% 0; }
		.subheader#regulier-onderwijs 		{ background-position: 29% 0; }
	.subheader#installatie 					{ background-position: 25% 0; }
}

@media (max-width:550px) {
	.over-ons .statistics li { width:50%; }
}

@media (max-width:485px) {
	.p{ padding:0 16px; }
	
	/* NAV DROPDOWN */
	nav{ height:auto; }
	nav .logo{ margin-left:16px; }
	nav ul { padding:0; height:47px; overflow:hidden; /**/ transition:height 0.2s; -moz-transition:height 0.2s; -ms-transition:height 0.2s; -o-transition:height 0.2s; -webkit-transition:height 0.2s; }
	nav ul div{ padding:6px 0 6px 0; height:auto; }
	nav ul li.navButton{ display:block; cursor:pointer; /**/ -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
	nav ul li.navButton .fa{ margin-right:4px; }
	nav ul li{ white-space:nowrap; line-height:1.5; border-bottom:0 !important; display:block; padding:7px 16px; height:auto; }
	nav ul li + li { margin:0 0 0 0; }
	
	/* WIZARD */
	.wizard .top{ padding:16px; }
	.wizard .content .question{ padding:16px; }
	.wizard .content .question li.dotted{ padding-bottom:40px; }
	.wizard .content .question li.dotted .right { float:none; padding-left:0; position:absolute; width:100%; bottom:10px; top:auto; }
	
	.wizard .content .question#first li:nth-child(odd) { width:100%; }
	.wizard .content .question#first li:nth-child(even) { width:100%; }
	.wizard .content .question .right input[type='text']{ margin-top:0; width:100%; padding:8px 0 8px 11px; top:12px; }
	.wizard .content .question ul.half li:nth-child(odd){ width:100%; float:none; }
	.wizard .content .question ul.half li:nth-child(even){ width:100%; float:none; }
	.wizard .content .question *[data-subquestion] .right input[type="text"]{ width:calc(100% - 24px); padding:8px 0 8px 11px; top:10px; }
	.wizard .content .question.last li,
	.wizard .content .question.last li:nth-child(even){ width:100%; float:none; }
	
	.wizard .actions{ position: fixed; width: 100%; bottom: 0; left: 0; background: #283761; padding:12px 16px 9px 16px; transform:translateY(0%); /**/ transition:transform .2s; -moz-transition:transform .2s; -webkit-transition:transform .2s; -ms-transition:transform .2s; -o-transition:transform .2s; }
	.wizard .actions.hide{ transform:translateY(100%); }
	.wizard .content .info{ margin:24px 0 0 0; }
	.wizard .actions .but.prev, .wizard .actions .but.next { font-size: 11px; }
	.wizard .actions .but .fa{ top:1px; font-size:16px; }
	.wizard .actions .but.prev .fa { margin:0 5px 0 -1px; }
	.wizard .actions .but.next .fa { margin:0 -1px 0 5px; }
	.wizard .actions .but.prev .fa::before{ content:"\f104"; }
	.wizard .actions .but.next .fa::before{ content:"\f105";  }
	.wizard .actions .but.skip{ margin-right:4px; font-size:11px; }
	.wizard .actions .but.skip .fa{ font-size:14px; }
	
	.modal.skip .box{ padding: 24px; }
	.modal.skip .box .but.skip{ display: block; margin: 16px 0 0 0; }
	
		/* TWEAKS */
		.wizard .content .question[data-s="1"][data-q="1"] ul{ width:100% }
		.wizard .content .question[data-s="1"][data-q="1"] ul + ul{ width:100% }
		.wizard .content .question[data-s="1"][data-q="3"] .explanation{ display:block; margin:8px 0 0 0; }
		.wizard .content .question[data-s="5"][data-q="2"] li span.bracket { max-width:100%; }
	
	/* OVER ONS */
	.over-ons .container header:first-of-type{ background-position: 20% center; }
	.over-ons .results ul{ display:block; }
	.over-ons .results li{ width:100%; float:none; position:relative; }
	.over-ons .results li + li{ margin:0; }
	.over-ons .results svg{ position:absolute; top:22px; left:50%; transform:translateX(-50%); }
	.over-ons .results .thumb svg{ margin-top:-4px; }
	.over-ons .results strong{ font-size:inherit; }
	
	/* OTHER */
	.other.privacy .imageWrap{ height: 200px; margin:24px 0; }
	.other.privacy .imageWrap img{ height: 100%; }
	
	.other.hoe-het-werkt .usp h2{ padding:0 16px; }
	.other.hoe-het-werkt .usp p{ padding:0 16px; }
	.other.hoe-het-werkt .usp li { padding: 20px 0 16px 0; }
	
	.other.contact .p p br{ display:none; }
	.other.contact td{ display:block; }
	.other.contact table table td:first-child{ padding-right:0; }
}