.subheader#productie 		{ background-image:url('../img/headers/productie.jpg'); }
.subheader#groothandel 		{ background-image:url('../img/headers/groothandel.jpg'); background-position:right top; }
.subheader#retail 			{ background-image:url('../img/headers/retail.jpg'); }
.subheader#dienstverlening 	{ background-image:url('../img/headers/dienstverlening.jpg'); }
.subheader#logistiek 		{ background-image:url('../img/headers/logistiek.jpg'); }
.subheader#overheid 		{ background-image:url('../img/headers/overheid.jpg'); }
.subheader#gezondheidszorg 	{ background-image:url('../img/headers/gezondheidszorg.jpg'); }
.subheader#bouw 			{ background-image:url('../img/headers/bouw.jpg'); }
.subheader#onderwijs 		{ background-image:url('../img/headers/onderwijs.jpg'); }
.subheader#verhuur 			{ background-image:url('../img/headers/verhuur.jpg'); }
.subheader#installatie 		{ background-image:url('../img/headers/installatie.jpg'); }
.subheader#overige 			{ background-image:url('../img/headers/overige.jpg'); }


body, html{ color:#214367; }
a { color: #2d93ad; }

label input[type="radio"] + i.input, label input[type="checkbox"] + i.input{border-color: #2d93ad;}

nav{background: #214367;}
nav ul li.active {border-bottom: 3px solid #2d93ad;}
nav ul li.active a { color: #fff; }
nav ul li a{color: rgb(191, 206, 222);}
nav .logo, nav .logo span{ color:#fff; }
header{ background-color:#214367; }
header::after {background: rgba(33, 67, 103, 0.6);background: -moz-linear-gradient(top, rgba(33, 67, 103, 0.2) 50%, rgba(33, 67, 103, 0.6) 100%);background: -webkit-linear-gradient(top, rgba(33, 67, 103, 0.2) 50%, rgba(33, 67, 103, 0.6) 100%);background: linear-gradient(to bottom, rgba(33, 67, 103, 0.2) 50%, hsla(211, 45%, 25%, 0.6) 100%);}

.wizard .top{background: #2d93ad;}
.wizard .actions .but.prev {background: #2d93ad;} 
.wizard .actions .but.next{ background:#2c975e; }
.wizard .content .info {background: #e3eff3;}
.wizard .progress .bar { background: #2d93ad; }
.wizard .ui-slider .ui-slider-handle, .wizard .ui-slider .ui-slider-range{ background:#41a9c3; }
.wizard .sliderPadding{ background:#e3eff3; }
.wizard .content span.bracket { color: #afbdd2; }
input[type="text"], input[type="number"], textarea{ background:#e3eff3; border-bottom-color:#e3eff3; }
.wizard .actions .but.skip { /* color: #959bb0; */ }
.loader .check::after, .loader .check::before{ background:#2d93ad; }	
.loader .inner{ color:#2d93ad; }	
.modal.skip .box .but.skip { color: #2d93ad; }
.modal.skip .box .but { color: #959bb0; }
@keyframes modalShow{ from{ background:rgba(33, 67, 103,0); } to{background: rgba(33, 67, 103, 0.7);} }
@keyframes modalHide{ from{ background:rgba(33, 67, 103,0.7); } to{ background:rgba(33, 67, 103,0); } }
.wizard .content .question.last .info {/* background: #2d93ad; *//* color:#fff; */}
.wizard .content .question.last .info .finalCheck{/* border-color:#fff; */}
.wizard .content .question.last .info .finalCheck div::before, .wizard .content .question.last .info .finalCheck div::after{/* background:#fff; */}
.wizard .content .question .right{ padding-left:4px; }
.wizard .sliderWrap.employees{ margin-top: 16px; }
.wizard .sliderWrap.users{ margin-top: 16px; }

.wizard .content .question[data-s="1"][data-q="3"] ul{ width:50%; float:left; }
.wizard .content .question[data-s="1"][data-q="3"] li{ white-space:nowrap; }
.wizard .content .question[data-s="1"][data-q="4"] ul{ width:50%; float:left; }
.wizard .content .question[data-s="1"][data-q="4"] li{ white-space:nowrap; }

.home .container header { }
.home .container header, .home .container header .subheader{ background-color:#214367; }
.home .usp svg .cls-1 { fill: #2d93ad; }
.home .faq {background: #e3eff3;}
.home .logo-slider .button{ color:#2d93ad; border:3px solid #2d93ad; }
.home .logo-slider .button:hover{ background:#2d93ad; }

.cookie, footer {background: #1a3a5d;}
.cookie, .cookie a{color: rgba(255, 255, 255, 0.5);}

.over-ons .results li{ background:#e3eff3; }
.over-ons .results svg .cls-1, .statistics .st0, .st0 { fill: #2d93ad; }
.over-ons .history { background: #0c2f65; }
.over-ons .history .date, .over-ons .history li::before, .over-ons .history ul::before{ background-color: #2d93ad; }
.over-ons .history li .date::before{ border-right-color:#2d93ad; }

.other.hoe-het-werkt .usp li{ background:#e3eff3; }
.other.hoe-het-werkt .usp svg .cls-1 { fill: #2d93ad; }

@media (max-width:1241px) { 
	/* TWEAKS */
	.wizard .content .question[data-s="1"][data-q="3"] .explanation{ display:block; margin:6px 0 0 0; }
	
}

@media (max-width: 1024px){
	/* TWEAKS */
	.wizard .content .question[data-s="1"][data-q="3"] ul,
	.wizard .content .question[data-s="1"][data-q="4"] ul{ width:100%; float:none; }
}

@media (max-width: 800px){
	.wizard .content .info strong::before { color: #2d93ad; }
}

@media (max-width: 750px){
	nav ul { background: #1a3a5d; }
}

@media (max-width:600px) {
	.subheader#productie 		{ background-position:66% center; }
	.subheader#groothandel 		{ background-position:85% center; }
	.subheader#retail 			{ background-position:68% center; }
	.subheader#dienstverlening 	{ background-position:67% center; }
	.subheader#logistiek 		{ background-position:82% center; }
	.subheader#overheid 		{ }
	.subheader#gezondheidszorg 	{ background-position:70% center; }
	.subheader#bouw 			{ }
	.subheader#onderwijs 		{ background-position:54% center; }
	.subheader#installatie 		{ background-position:45% center; }
	.subheader#verhuur 			{ }
	.subheader#overige 			{ background-position:41% center; }
}

@media (max-width: 485px){
	.hb span, .hb i{ background:#fff; }
	nav ul li.navButton { color:#fff; }
	.wizard .actions { background: #1a3a5d; }
}