/* Basis */
body {
	font-family: 'museo', Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background-color: #f6f9ff;
}

h1,h2,h3,h4,h5,h6,p{
	margin: 0;
	padding: 0;
}

.no-p{padding: 0;}
.semi-bold{font-weight:700;}
.bold{font-weight:900;}

.cta {
	border-radius: 5px;
	padding: 10px 30px 12px 30px;
	font-size: 22px;
	margin-bottom: 20px;
	border: 0;
	outline : 0;
	width: 100%;
	display: inline-block;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	text-decoration: none;
	text-align: center;
	color: #ffffff;
	cursor: pointer!important;
	font-weight: 900;
	background: linear-gradient(to right, #a3db56, #cde761);
}
.cta:hover {
	color: #ffffff;
	text-decoration: none;
}
.cta:visited, .cta:link {
	color: #ffffff;
	text-decoration: none;
	border: 0;
	outline : 0;
}
.cta:active {
	transform: scale(0.9);
	border: 0;
	outline : 0;
}
.nudge {
	font-size: 14px;
}
.nudge a{
	color: #29a3ee;	
	text-decoration: underline;
}

/* ============= FORMULIER CSS ================= */	
input-placeholder {
 	color:#8B8B8B;
 	font-size: 14px;
 	font-style: italic;
}
.errorbox, #postcodeError {
	float: left;
}
@media (max-width: 767px) {
 	.errorbox, #postcodeError {
 		width:100%;
	}
}
.errormachtiging {
 	float:left;
 	padding-left:30px;
}
li.error {
 	color:#EB8283;
 	font-size:14px;
 	list-style-type:none;
}
li.valid {
 	height:0;
 	color:#EB8283;
 	font-size:11px;
 	list-style-type:none;
}

/* ============= CHECKBOX ================= */	
.form-checkbox input[type=checkbox] {
	visibility:hidden;
}
.form-checkbox .check-box {
	color:#7f7d7d;
 	width: 100%;
 	padding:1px 0 0 30px;
 	background-color: transparent;
 	position: relative;
 	display: inline-block;
 	-moz-box-sizing: border-box;
 	-webkit-box-sizing: border-box;
 	box-sizing: border-box;
 	background:url(img/checkbox.png) no-repeat left top;
 	background-size:17px 17px;
 	font-size:15px;
 	line-height:16px;
 	cursor: pointer;
}
.form-checkbox .check-box::before, .check-box::after {
 	-moz-box-sizing: border-box;
 	-webkit-box-sizing: border-box;
 	box-sizing: border-box;
 	position: absolute;
 	height: 0;
 	width: 3px;
 	background-color: #3399FF;
 	display: inline-block;
 	-moz-transform-origin: left top;
 	-ms-transform-origin: left top;
 	-o-transform-origin: left top;
 	-webkit-transform-origin: left top;
 	transform-origin: left top;
 	border-radius: 1px;
 	content: ' ';
 	-webkit-transition: opacity ease .5;
 	-moz-transition: opacity ease .5;
 	transition: opacity ease .5;
}
.form-checkbox .check-box::before {
 	top: 15px;
 	left: 9px;
 	box-shadow: 0 0 0 0px #ffffff;
 	-moz-transform: rotate(-135deg);
 	-ms-transform: rotate(-135deg);
 	-o-transform: rotate(-135deg);
 	-webkit-transform: rotate(-135deg);
 	transform: rotate(-135deg);
}
.form-checkbox .check-box::after {
 	top: 8px;
 	left: 0px;
 	-moz-transform: rotate(-45deg);
 	-ms-transform: rotate(-45deg);
 	-o-transform: rotate(-45deg);
 	-webkit-transform: rotate(-45deg);
 	transform: rotate(-45deg);
}
.form-checkbox input[type=checkbox]:checked + .check-box, .check-box.checked {
	border-color: #3399FF;
}
.form-checkbox input[type=checkbox]:checked + .check-box::after, .check-box.checked::after {
 	height: 12px;
 	-moz-animation: dothabottomcheck 0.2s ease 0s forwards;
 	-o-animation: dothabottomcheck 0.2s ease 0s forwards;
 	-webkit-animation: dothabottomcheck 0.2s ease 0s forwards;
 	animation: dothabottomcheck 0.2s ease 0s forwards;
}
.form-checkbox input[type=checkbox]:checked + .check-box::before, .check-box.checked::before {
 	height: 30px;
 	-moz-animation: dothatopcheck 0.4s ease 0s forwards;
 	-o-animation: dothatopcheck 0.4s ease 0s forwards;
 	-webkit-animation: dothatopcheck 0.4s ease 0s forwards;
 	animation: dothatopcheck 0.4s ease 0s forwards;
}

/* ============= INPUT VELDEN ================= */	
.form-field input {
	color:#000000;
 	font-size:16px;
 	display:block;
 	width:100%;
 	border:none;
 	height:50px;
 	margin:30px 0 5px 0;
 	padding:10px;
 	transition:0.4s ease all;
 	-moz-transition:0.4s ease all;
 	-webkit-transition:0.4s ease all;
 	-webkit-appearance:none;
 	background-color: #f5f5f5;
}
.form-field input:focus, input.form-geboorte, input.form-datum {
	outline:none;
	border:1px solid #3399FF;
}
.form-field input.valid, input.form-geboorte, input.form-datum {
	border:1px solid #58c143;
}
.form-field input.error, input.form-geboorte, input.form-datum {
	border:1px solid #EB8283;
}
.adressconfirm {
 	font-size: 14px;
 	color: #6B6B6B;
}

/* ============= LABELS ================= */	
.form-field label {
 	color:#000000;
 	font-size:14px;
 	font-weight:normal;
 	position:absolute;
 	top:10px;
 	left:20px;
 	cursor: text;
}
.form-field input:required {
 	box-shadow:none;
}
@media(max-width: 767px){
	.mob-top{
		top: -20px!important;
	}
}

/* =============== VOORWAARDEN =================== */
.modal-container{
 	position: fixed;
 	background-color: rgba(0, 0, 0, 0.8);
 	background: rgba(0, 0, 0, 0.8);
 	color: rgba(0, 0, 0, 0.8);
 	z-index: 99999;
 	width: 100%;
 	height: 100%;
 	display: none;
}
.modal-block{
 	background-color: #ffffff;
 	width:50%;
 	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display: block;
 	height: 50vh;
 	margin:auto;
 	padding:50px 50px 50px 50px;
 	font-family: Source Sans Pro, Helvetica, Arial, sans-serif;
 	margin: auto;
 	position: absolute;
 	overflow: scroll;
}
.modal-close {
    position: fixed;
    color: #ffffff;
    padding-top: 8px;
    font-size: 30px;
    font-weight: 900;
    cursor: pointer;
    right: 24%;
    top: 22%;
    width: 60px;
    height: 60px;
    background-color: #3399FF;
    border-radius: 50px;
    text-align: center;
    z-index: 999999;
}
.form-open {
 	width: 90%;
 	transition:1s ease all;
 	-moz-transition:1s ease all;
 	-webkit-transition:1s ease all;
 	opacity:1;
}
.popuptitle {
 	font-weight:900;
 	font-size:30px;
 	margin-bottom:20px;
}
.fillvoorw{
	font-size: 14px;
	color: #000000;
}
@media(max-width: 992px){
	.modal-block{
		width: 70%;
	}
	.modal-close {
	    right: 12%;
		top: 22%;
	}
}
@media(max-width: 767px){
	.modal-block{
		width: 100%;
	    padding: 30px 15px 30px 15px;
	}
	.modal-close{
		top:20%;
		right:15px;
	}
}

/*Keyframes Checkbox*/
@-moz-keyframes dothabottomcheck {
	0% {height: 0;}
 	100% {height: 11px;}
}
@-webkit-keyframes dothabottomcheck {
	0% {height: 0;}
 	100% {height: 11px;}
}
@keyframes dothabottomcheck {
	0% {height: 0;}
 	100% {height: 11px;}
}
@keyframes dothatopcheck {
	0% {height: 0;}
 	50% {height: 0;}
 	100% {height: 24px;}
}
@-webkit-keyframes dothatopcheck {
	0% {height: 0;}
 	50% {height: 0;}
 	100% {height: 24px;}
}
@-moz-keyframes dothatopcheck {
	0% {height: 0;}
 	50% {height: 0;}
 	100% {height: 24px;}
}






header{
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color:#ffffff;
}
header img{
	width: 100%;
	height: auto;
	max-width: 112px;	
}
header img:first-child{
	margin-right: 55px;
}

.main{
	padding-top: 40px;
	padding-bottom: 90px;
	text-align: center;
	background: url(img/bg-bottom-left.png) bottom left no-repeat, url(img/bg-bottom-right.png) right bottom no-repeat, url(img/bg-top-right.png) right top no-repeat;
}
.main h1{
	font-size: 50px; 
	font-weight: 900;
	color: #00689a;
	line-height: 50px;
	padding-bottom: 15px;
}
.main h2.yellow{
	font-size: 26px;
	font-weight: 700;
	display: inline-block;
	color: #0d364a;
	background-color: #fee433;
	line-height: 24px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 55px;
	padding-right: 55px;
	margin-bottom: 35px;
}
.main p{
	font-size: 18px;
	font-weight: 300;
	color: #0d364a;
	line-height: 28px;
	padding-bottom: 40px;
}
.main .lamp{
	position: relative;
}
.main .lamp img.lamp-ico{
	position: absolute;
	left: 0;
	top: 15px;
	width: 186px;
}
.main .lamp img.mening-ico{
	position: absolute;
    left: -140px;
    top: 100px;
    width: 189px;
}
.main .stem-container{
	padding-left: 45px;
	padding-right: 45px;
	margin-bottom: 100px;
	position: relative;
}
.main .stem-container img.idee{
	position: absolute;
    right: -160px;
    top: 100px;
    width: 125px;
    height: auto;
}
.main .stem-container img.ideeleft {
	position: absolute;
	left: -160px;
	top: 100px;
	width: 125px;
	height: auto;
    transform: rotate(-18deg);
    display: none;
}
.main .stem-container .stem-block{
	padding-top: 50px;
	padding-bottom: 45px;
	padding-left: 25px;
	padding-right: 25px;
	text-align: left;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	height: 470px;
	position: relative;
	width: 100%;
	left: 0px;
	cursor: pointer;
}
.main .stem-container .stem-block img{
	height: 41px;
	width: auto;
	margin-bottom: 25px;
}
.main .stem-container .stem-block h2{
	font-size: 24px;
	color: #ffffff;
	font-weight: 900;
	padding-bottom: 15px;
	color: #00689a;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.main .stem-container .stem-block p{
	line-height: 28px;
	font-size: 18px;
	font-weight: 300;
	padding-bottom: 30px;
	color: #0d364a;
overflow: hidden;
text-overflow: ellipsis;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.main .stem-container .stem-block a.next{
	color: #69b500;
	font-weight: 900;
	font-size: 22px;
	text-decoration: none;
	position: absolute;
	bottom: 30px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.main .stem-container .stem-block a.next img{
	width: 20px;
	height: 17px;
	display: inline-block;
	margin-top: 20px;
	margin-left: 20px;
}
.main .stem-container .stem-block img.blauw{
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 1;
}
.main .stem-container .stem-block img.wit{
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0;
	display: none;
}
.main .stem-container .stem-block .nowrap{
	white-space: nowrap;
}

.main .stem-container .stem-block:hover{
	background: linear-gradient(to right, #00689a, #0097c1);
	width: 405px;
	z-index: 99;
}
.main .stem-container .stem-block:hover.left{
	left: -143px;
}
.main .stem-container .stem-block:hover.right{
	left: 0px;
}
.main .stem-container .stem-block:hover h2{
	color:#ffffff;
}
.main .stem-container .stem-block:hover p{
	color:#ffffff;
}
.main .stem-container .stem-block:hover a.next{
	color:#ffffff;
	background: linear-gradient(to right, #a3db56, #cde761);	
	padding-left: 35px;
	padding-right: 32px;
	display: block;
	text-shadow: 1px 1px 6px rgba(0,0,0,0.35);
	border-radius: 5px; 
}
.main .stem-container .stem-block:hover img.blauw{
	display: none;
}
.main .stem-container .stem-block:hover img.wit{
	display: block;
	opacity: 1;
}
.main .stem-container .stem-block:hover .nowrap{
	white-space: pre-wrap;
}

.main .outro{

}
.main .outro p{
	font-size: 18px;
	padding-bottom: 25px;
}
.main .outro p a{
	color: #29a3ee;
	text-decoration: underline;
}
.main .outro .socials{
	width: 350px;
	text-align: center;
	display: block;
	margin: 0 auto;
}
.main .outro .socials a{
	text-decoration: none;
}
.main .outro .socials img{
	width: 60px;
	height: 60px;
	margin-right: 25px;
}
.main .outro .socials img.mail-ico{
	margin-right: 0px;
}
.main .outro .socials .app{
	display: none;
}

.slick-next{
	/*background-image: url();*/
	background-size: 45px 65px; 
    width: 45px;
    height: 65px;
    z-index: 99;
    right: -45px;
    transition: .3s all;
    -moz-animation: bounce 2s ease 0s infinite;
 	-o-animation: bounce 2s ease 0s infinite;
 	-webkit-animation: bounce 2s ease 0s infinite;
 	animation: bounce 2s ease 0s infinite;
}
.slick-next:before{
    content: '';
    background: url(img/slider-right.png);
    background-size: 45px 65px;
    width: 45px;
    height: 65px;
    display: block;
    position: absolute;
    right: -45px;
    top: 0px;
    z-index: 99;
    transition: .3s all;
}
.slick-prev{
	transition: .3s all;
	background-size: 45px 65px; 
    width: 45px;
    height: 65px;
    z-index: 99;
    right: -45px;
    -moz-animation: bouncee 2s ease 0s infinite;
 	-o-animation: bouncee 2s ease 0s infinite;
 	-webkit-animation: bouncee 2s ease 0s infinite;
 	animation: bouncee 2s ease 0s infinite;
}
.slick-prev:before{
    content: '';
    background: url(img/slider-right.png);
    background-size: 45px 65px;
    transform: rotate(180deg);
    width: 45px;
    height: 65px;
    display: block;
    position: absolute;
    left: -45px;
    top: 0px;
    z-index: 99;
    transition: .3s all;
}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before{
	opacity: 0;
}
.slick-dots li button:before{
	content: '';
	width: 20px;
	height: 20px;
	background-color: #00689a;
	border-radius: 50%;
}
.slick-dots{
	bottom: -60px;
}
@media(max-width: 1450px){
	.main .lamp img.mening-ico{
	    left: -8px;
	    top: 149px;
	    width: 119px;
	}
	.slick-next, .slick-prev{
	    width: 30px;
    	height: 50px;
	}
	.slick-next:before{
	    background-size: 30px 50px;
	    width: 30px;
	    height: 50px;
	    right: -5px;
	}
	.slick-prev:before{
	    background-size: 30px 50px;
	    width: 30px;
	    height: 50px;
	    left: -5px;
	}
	.main .stem-container img.idee{
	    right: -90px;
	}
	.main .stem-container img.ideeleft{
	    left: -90px;
	}
}
@media(max-width: 1325px){
	.main .stem-container img.idee, .main .stem-container img.ideeleft{
	    display: none;
	}

}
@media(max-width: 1200px){
	.main h2.yellow{
		padding-left: 15px;
		padding-right: 15px;
	}
	.main .lamp img.mening-ico {
	    top: 177px;
	}
	.main .stem-container img.idee {
		display: block;
	}
}
@media(max-width: 1025px){
	.main .stem-container img.idee, .main .stem-container img.ideeleft{
		display: none;
	}
	.main .stem-container .stem-block img{
		margin: 0 auto;
	    margin-bottom: 20px;
	}
	.main .stem-container .stem-block{
		padding-top: 35px;
		cursor: normal;
	}
	.main .stem-container .stem-block p.idee-mob{
		color: #69b500;
		font-size: 22px;
		font-weight: 900;
		text-align: center;
		padding-bottom: 20px;
	}
	.main .stem-container .stem-block:hover{
		background: inherit;
		width: inherit;
		z-index: 99;
	}
	.main .stem-container .stem-block:hover.left{
		left: 0;
	}
	.main .stem-container .stem-block:hover.right{
		left: 0px;
	}
	.main .stem-container .stem-block:hover h2{
		color:#00689a;
	}
	.main .stem-container .stem-block:hover p.idee-mob{
		color:#69b500;
	}
	.main .stem-container .stem-block:hover p{
		color:#0d364a;
	}
	.main .stem-container .stem-block:hover img.blauw{
		display: block;
	}
	.main .stem-container .stem-block a.next{
		color:#ffffff;
		background: linear-gradient(to right, #a3db56, #cde761);	
		padding-left: 35px;
		padding-right: 32px;
		display: block;
		text-shadow: 1px 1px 6px rgba(0,0,0,0.35);
		border-radius: 5px; 
		width: 100%;
		max-width: 270px;
		margin: 0 auto;
	}
	.main .stem-container .stem-block a.next img{
		margin-top: 20px;
		margin-bottom: 20px;
		margin-left: 60px;
	}
	.main .stem-container .stem-block .nowrap{
		white-space: pre-wrap;
	}
	.verstoppen{
		display: none!important;
	}
	.main .stem-container img.idee, .main .stem-container img.idee{
		display: none!important;
	}
}
@media(max-width: 767px){
	.main{
		background: none;
	}
	.main h1{
		font-size: 28px;
		text-align: left;
		line-height: 30px;
	}
	.main .lamp img.lamp-ico{
		left: inherit;
		right:15px;
		top: -20px;
		width: 85px;
	}
	.main h2.yellow{
		margin-left: -15px;
		margin-right: -15px;
		font-size: 17px;
		text-align: left;
		padding-left: 15px;
		margin-bottom: 20px;	
	}
	.main p{
		text-align: left;
	}
	.main .stem-container{
		padding-left: 0px;
		padding-right: 0px;
	}
	.no-p-mob{
		padding: 0;
	}
	.slick-next{
		right: 20px;
	    top: 115px;
	    width: 27px;
	    height: 39px;
	}
	.slick-next:before{
		background-size: 27px 39px;
	    width: 27px;
	    height: 39px;
	    right: 20px;
        top: -10px;
	}

	.slick-prev{
		left: 20px;
	    top: 115px;
	    width: 27px;
	    height: 39px;
	}
	.slick-prev:before{
		background-size: 27px 39px;
	    width: 27px;
	    height: 39px;
	    left: 20px;
        top: -10px;
	}

	.main .outro .socials{
		width: unset;
	}
	.main .outro .socials .app{
		display: inline-block;
	}
	.main .outro .socials img{
		width: 45px;
		height: 45px;
		margin-right: 15px;
	}
	.main .stem-container .stem-block{
		height: auto;
		min-height: 470px;
	}
	.main .stem-container .stem-block p{
		padding-bottom: 57px;
	}
}


.form-section{
	padding-top: 45px;
	padding-bottom: 90px;
	background: url(img/bg-bottom-left-next.png) bottom left no-repeat, url(img/bg-bottom-right-next.png) right bottom no-repeat, url(img/bg-top-right-next.png) right top no-repeat;
	position: relative;
	min-height: 967px;
}
.form-section .blue-bg{
	width:100%;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	position: absolute;
	background-color: #00689a;
	opacity: .8;
}
.form-section .form-container{

}
.form-section .form-container .green-top{
	background: linear-gradient(to right, #a3db56, #cde761);
	border-top-right-radius: 12px;
	border-top-left-radius: 12px;
	padding-top: 20px;
	padding-bottom: 20px;
	position: relative;
}
.form-section .form-container .green-top h2{
	text-shadow: 1px 1px 6px rgba(0,0,0,0.35);
	font-size: 32px;
	color: #ffffff;
	font-weight: 900;
	text-align: left;
	padding-left: 55px;
}
.form-section .form-container .green-top .form-close{
	position: absolute;
	right: 47px;
	top: 22px;
	color: #00689a;
	font-size: 20px;
	font-weight: 900;
	cursor: pointer;
}
.form-section .form-container .green-top .form-close span{
	color: #ffffff;
	background-color: #00689a;
	padding-left: 6px;
	padding-right: 6px;
	border-radius: 50%;
	font-size: 20px;
	font-weight: 900;
	margin-left: 10px;
    top: 1px;
    position: relative;
}
.form-section .form-container .form-white{
	background-color: #ffffff;
	padding-top: 50px;
	padding-bottom: 50px;
	padding-left: 60px;
	padding-right: 60px;
}
.form-section .form-container .form-white p.blue{
	background: linear-gradient(#00689a, #0096c1);
	display: block;
	font-size: 18px;
	color: #ffffff;
	font-weight: 700;
	text-align: center;
	max-width: 280px;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 16px;
	margin-bottom: 25px;
}
.form-section .form-container .form-white h2{
	font-size: 24px;
	color: #00689a;
	font-weight: 900;
	padding-bottom: 15px;
}
.form-section .form-container .form-white h2 span{
	display: inline-block;
}
.form-section .form-container .form-white p{
	font-size: 18px;
	color: #0d364a;
	font-weight: 300;
	line-height: 28px;
	padding-bottom: 20px;
}
@media(max-width: 1200px){
	.form-section{
		min-height: 1011px;
	}	
}	
@media(max-width: 992px){
	.form-section{
		background: url(img/bg-bottom-left.png) bottom left no-repeat, url(img/bg-bottom-right.png) right bottom no-repeat, url(img/bg-top-right.png) right top no-repeat;
	}	
}	
@media(max-width: 767px){
	.form-section{
		background: none;
	}
	.form-section .form-container .green-top h2{
		padding-left: 0px;
	    padding-right: 110px;
	    font-size: 26px;
	}
	.form-section .form-container .green-top{
		border-radius: 0;
		padding-left: 15px;
	}
	.form-section .form-container .form-white{
		padding-left: 15px;
		padding-right: 15px;
	}
	.form-section .form-container .green-top .form-close{
		right: 15px;
	}
	.form-section{
		padding-top: 0;
		padding-bottom: 0;
	}
}


.footer-wrap {
	background-color: #ffffff;
	width: 100%;
	color: #ffffff;
	padding: 50px 0;
}

.footer-left p, .footer-left img {
    float: left;
}

.footer-left p {
	margin-top: 10px;
	margin-left: 15px;
}

.footer-left img {
	margin-bottom: 20px;
}
.footerblock img.footer-logo{
	width: 100%;
	height: auto;
}
.footer-wrap h3 {
	padding-bottom: 15px;
	font-size: 18px;
	font-weight: 700;
	color: #00689a;
}

.footer-info {
	background-image: url(img/footer-line.png);
	background-repeat: repeat-x;
	background-position: 50%;
	margin-top: 30px;
}
.footer-middle p{
	color: #989898;
	font-size: 16px;
	line-height: 28px;
}

.footer-info a {
	color: #ffffff;
	text-decoration: underline;
}
.footer-right img{
	margin-right: 5px;
	width: 33px;
	height: 33px;
}

.blueblock {
    background-color: #1f6893;
    padding: 0 65px;
    width: 55%;
    margin: 0 auto;
}

footer{
	background-color: #ffffff;
	padding-top: 40px;
	padding-bottom: 50px;
}
@media(max-width: 1200px){
	.footer-right img{
		margin: 0;
	}
}
@media screen and (max-width: 992px) {
	.form-container {width: 100%;}
	img.img-right {right: -45px;}
		.footer-middle p{
		padding-bottom: 25px;
	}	
	.footer-right img{
		margin-right: 5px;
	}
}
@media(max-width: 767px){
	.footerblock img.footer-logo{
		max-width: 230px;
	}
}

/*Keyframes Checkbox*/
@-moz-keyframes bounce {
	0% {right: -45px;}
 	50% {right: -65px;}
 	100% {right: -45px;}
}
@-webkit-keyframes bounce {
	0% {right: -45px;}
 	50% {right: -65px;}
 	100% {right: -45px;}
}
@keyframes bounce {
	0% {right: -45px;}
 	50% {right: -65px;}
 	100% {right: -45px;}
}

/*Keyframes Checkbox*/
@-moz-keyframes bouncee {
	0% {left: -45px;}
 	50% {left: -65px;}
 	100% {left: -45px;}
}
@-webkit-keyframes bouncee {
	0% {left: -45px;}
 	50% {left: -65px;}
 	100% {left: -45px;}
}
@keyframes bouncee {
	0% {left: -45px;}
 	50% {left: -65px;}
 	100% {left: -45px;}
}


@media(max-width: 767px){
	/*Keyframes Checkbox*/
	@-moz-keyframes bounce {
		0% {right: 20px;}
	 	50% {right: 15px;}
	 	100% {right: 20px;}
	}
	@-webkit-keyframes bounce {
		0% {right: 20px;}
	 	50% {right: 15px;}
	 	100% {right: 20px;}
	}
	@keyframes bounce {
		0% {right: 20px;}
	 	50% {right: 15px;}
	 	100% {right: 20px;}
	}

	/*Keyframes Checkbox*/
	@-moz-keyframes bouncee {
		0% {left: 20px;}
	 	50% {left: 15px;}
	 	100% {left: 20px;}
	}
	@-webkit-keyframes bouncee {
		0% {left: 20px;}
	 	50% {left: 15px;}
	 	100% {left: 20px;}
	}
	@keyframes bouncee {
		0% {left: 20px;}
	 	50% {left: 15px;}
	 	100% {left: 20px;}
	}
}


/*BEDANKT_BLOKKEN*/
.main.bedankt{
	padding-top: 40px;
	padding-bottom: 155px;
	text-align: center;
	background: url(img/bg-bottom-left-next.png) bottom left no-repeat, url(img/bg-bottom-right-next.png) right bottom no-repeat, url(img/bg-top-right-next.png) right top no-repeat;
}
.main.bedankt h1.bedankt-head{
	margin-top: 40px;
	margin-bottom: 35px;
	padding-bottom: 0;
}
.main.bedankt .lamp, .main .lamp-bedankt{
	position: relative;
}
.main.bedankt .lamp-bedankt img.lamp-ico{
	position: absolute;
	left: 0;
	top: 0px;
	width: 186px;
}
.main.bedankt .bedankt-container{
	margin-bottom: 45px;
	display: block;
	overflow: hidden;
}
.main.bedankt .gradient-top{
	background: linear-gradient(to right, #a3db56, #cce761);
	height: 12px;
}
.main.bedankt .tussenstand-block{
	background-color: #ffffff;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 30px;
	padding-bottom: 30px;
}
.main.bedankt .tussenstand-block table tr td{
	font-size: 18px;
	color: #0d364a;
}
@media(max-width: 1450px){
	.main.bedankt{
		padding-top: 40px;
		padding-bottom: 155px;
		text-align: center;
		background: url(img/bg-bottom-left.png) bottom left no-repeat, url(img/bg-top-right.png) right top no-repeat, url(img/bg-bottom-right-next.png) right bottom no-repeat;
	}
}
@media(max-width: 1200px){
	.main.bedankt{
		padding-top: 40px;
		padding-bottom: 155px;
		text-align: center;
		background: url(img/bg-bottom-left.png) bottom left no-repeat, url(img/bg-top-right.png) right top no-repeat, url(img/bg-bottom-right-next.png) right bottom no-repeat;
	}
	.main .lamp img.lamp-ico {
	    width: 136px;
	}
}
@media(max-width: 992px){
	.main.bedankt{
		background: url(img/bg-bottom-left.png) bottom left no-repeat, url(img/bg-bottom-right.png) right bottom no-repeat, url(img/bg-top-right.png) right top no-repeat;
	}
	.main .lamp img.lamp-ico {
	    width: 96px;
	}
	.main.bedankt .tussenstand-block{
		padding-left: 15px;
		padding-right: 15px;
	}
}
@media(max-width: 767px){
	.w45{
		width: 45%!important;
	}
	.w10{
		width: 10%!important;
	}
}



/*WINAARS_BLOKKEN*/

.main.bedankt{
	padding-top: 40px;
	padding-bottom: 155px;
	text-align: center;
	background: url(img/bg-bottom-left-next.png) bottom left no-repeat, url(img/bg-bottom-right-next.png) right bottom no-repeat, url(img/bg-top-right-next.png) right top no-repeat, url(img/bg-top-left.png) right top no-repeat;
}
.main.bedankt h1.winnaar-head{
	margin-top: 40px;
	margin-bottom: 35px;
	padding-bottom: 0;
}
.main.bedankt .lamp, .main .lamp-winnaar{
	position: relative;
}
.main.bedankt .lamp-winnaar img.lamp-ico{
	position: absolute;
	left: 0;
	top: 0px;
	width: 186px;
}

.main.bedankt .winnaar-container{
	margin-bottom: 65px;
	display: block;
	overflow: hidden;
}
.main.bedankt .gradient-top{
	background: linear-gradient(to right, #a3db56, #cce761);
	height: 12px;
}
.main.bedankt .winnaar-block{
	background-color: #ffffff;
	padding: 35px;
	text-align: left;
}
.main.bedankt .winnaar-block.color2{
	background-color: #ddecfe;	
}
.main.bedankt .winnaar-block .idee-img{
	height: 75px;
	margin-bottom: 10px;
	display: block;
}
.main.bedankt .winnaar-block .idee-img img{
	width: 99px;
	height: 42px;
	margin: 0 0;
}
.main.bedankt .winnaar-block .idee-beschrijving{
	height: 200px;
}
.main.bedankt .winnaar-block .idee-beschrijving h2{
    font-size: 24px;
    font-weight: 900;
    padding-bottom: 15px;
    color: #00689a;
}
.main.bedankt .winnaar-block .idee-beschrijving p{
    line-height: 28px;
    font-size: 18px;
    font-weight: 300;
    padding-bottom: 30px;
    color: #0d364a;
}

@media(max-width:1200px){
	.main.bedankt{
		background: url(img/bg-bottom-left.png) bottom left no-repeat, url(img/bg-bottom-right.png) right bottom no-repeat, url(img/bg-top-right.png) right top no-repeat, url(img/bg-top-left.png) right top no-repeat;
	}
	.main.bedankt .lamp-winnaar img.lamp-ico{
		width: 136px;
	}
	.main.bedankt .winnaar-block{
		padding: 20px;
		height: 360px;
	}
}

@media(max-width: 992px){
	.main.bedankt .lamp-winnaar img.lamp-ico{
		display: none;
	}
	.main.bedankt h1.winnaar-head{
		margin-top: 0px;
	}
	.main.bedankt{
		background: url(img/bg-bottom-left.png) bottom left no-repeat, url(img/bg-bottom-right.png) right bottom no-repeat, url(img/bg-top-right.png) right top no-repeat, url(img/bg-top-left.png) right top no-repeat;;
	}
	.main.bedankt .winnaar-block{
		max-width:300px;
		display: block;
		margin: 0 auto;
		margin-bottom: 30px;
		height: auto;
	}
	.main.bedankt .gradient-top{
		/*max-width:300px;*/
		display: block;
		margin: 0 auto;
	}
	.main.bedankt {
	    padding-bottom: 50px;
	}
}

@media(max-width: 767px){
	.main.bedankt h1.winnaar-head{
		margin-bottom: 15px;
	}
	.main.bedankt{
		background: url(img/bg-top-left.png) right top no-repeat;
		padding-bottom: 30px;
	}
	.main.bedankt .winnaar-container{
		margin-bottom: 0px;
	}
}
.cookie-notification-block{
    box-shadow: 0 15px 24px 0 hsla(0,0%,60%,.2);
    top: 0;
    bottom: auto;
    position: fixed;
    left: 0;
    right: 0;
    z-index: 9998;
    background: #ffffff;
    box-shadow: 0 -4px 14px 0 rgba(207,211,223,.5);
    padding: 20px 0;
}
.cookie-notification-block p {
    margin: 0;
    font-size: 16px;
}
.cookie-notification-block p a{
    color: #2eaed2;
    text-decoration: underline;
    letter-spacing: .5px;
}
a.accept-cookies{
    position: relative;
    display: inline-block;
    cursor: pointer;
    border-radius: 5px;
    font-weight: 700;
    text-align: center;
    overflow: hidden;
    font-size: 1.4rem;
    padding: 12px 20px;
    background: linear-gradient(15deg,#95c427,#c7e44f 97%);
    color: #ffffff;
    text-align: center;
}
a.accept-cookies:hover{
    background-image: linear-gradient(15deg,#568f2f,#8cbc28);
    color:#ffffff;
}
a.decline-cookies{
    position: relative;
    display: inline-block;
    cursor: pointer;
    border-radius: 5px;
    font-weight: 700;
    text-align: center;
    overflow: hidden;
    font-size: 1.4rem;
    padding: 12px 20px;
    background: transparent;
    color: #95c427;
    text-align: center;
    border: 1px solid #95c427;
}
.button-wrapper{
    text-align: right;
}

@media(max-width: 1200px){
	a.accept-cookies{
		width: 100%;
		margin-bottom: 10px;
		max-width: 220px;
	}
	a.decline-cookies{
		width: 100%;
		max-width: 220px;
	}
}

@media(max-width: 767px){
	.cookie-notification-block{
		top: unset;
		bottom: 0;
	}
	.button-wrapper{
	    text-align: left;
	}
	.cookie-notification-block p {
    	margin-bottom: 30px;
	}
	a.accept-cookies{
		width: unset;
		margin-bottom: unset;
		max-width: 220px;
	}
	a.decline-cookies{
		width: unset;
		max-width: 220px;
	}
}


.tussenstand-block {
	text-align: left;
}

.tussenstand-block table tr td:last-of-type {text-align: right;}



@media(min-width:992px) {
	.intro p {    background-color: rgba(246, 249, 255, 0.8);
    float: left;
    width: 80%;
    margin-left: 10%;}
}


.num {
	width:30px;
	height:30px;
	background-color: #00689a;
	font-weight: bold;
	text-align:center;
	margin-right:10px;
	display: inline-block;
	color: #ffffff;
	border-radius: 50%;
	padding-top: 3px;
}

h3 {font-weight: bold; width:100%; float:left; text-align:center; color: #00689a;}

@media screen and (max-width: 768px) {
	.main.bedankt .tussenstand-block{padding-left:0; padding-right:0; padding-top: 0; padding-bottom: 0;}
	.tussenstand-block table tr:nth-child(odd) {
		background-color: #deecff;
	}
	.tussenstand-block table tr td:nth-child(1) {
		padding-left: 15px;
	}
	.tussenstand-block table tr td:nth-child(3) {
		padding-right: 15px;
	}
	.tussenstand-block table tr td {
		padding-top: 15px; padding-bottom: 15px;
	}
	h3 {text-align:left;}
}


