/* Basis */
body {
	font-size: 16px;
	margin: 0;
	background: #fff;
	height: 100%;
	color: #181818;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.no-p{
	padding: 0px;
}
.usp li {
	background-image: url(img/check_usp.png);
	background-repeat: no-repeat;
	background-position: left top 5px;
	background-size: 14px;
	list-style-type: none;
	margin-left: 0px;
	padding-left: 30px;
}
.cta {
	color: #ffffff;
    background: linear-gradient(to right, #f05f03 , #ff9702);
    width: 100%;
    height: 65px;
    font-size: 22px;
    font-weight: 900;
    font-family: 'museo', sans-serif;
    margin-bottom: 15px;
    display: inline-block;
    text-decoration: none;
    transition: .3s ease;
    border-radius: 0px!important;
    border: 0;
    border-bottom: 3px solid #f06003;
}
.cta:link {
	color: #ffffff;
	text-decoration: none;
}
.cta:visited {
	color: #ffffff;
	text-decoration: none;
}
.cta:active {
	transform: scale(0.9);
}
.cta:hover {
	background-color: #4bb20d;
}
.nudge {
	font-size: 14px;
    color: #012f6f;
	font-weight: bold;
	font-family: 'museo', sans-serif;
	margin-top: 10px;
}
.nudge a{
	text-decoration: underline;
	color: #012f6f;
}

.teltekst{
	font-size: 13px;
	font-family: 'museo', sans-serif;
	color: #a5a5a5;
}

.bottomlogo {
	margin-top:100px;
}

/* ============= FORMULIER CSS ================= */
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 color:#8B8B8B;
 font-size: 14px;
 font-style: italic;
}
::-moz-placeholder { /* Firefox 19+ */
 color: #8B8B8B;
 font-size: 14px;
 font-style: italic;
}
:-ms-input-placeholder { /* IE 10+ */
 color: #8B8B8B;
 font-size: 14px;
 font-style: italic;
}
:-moz-placeholder { /* Firefox 18- */
 color: #8B8B8B;
 font-size: 14px;
 font-style: italic;
}



	/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
	:focus {
outline: none;
}
a:focus, a:active, button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, select::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {
border: 0;
outline : 0;
}
}
 @media(max-width: 767px) {
 .label-top-20 {
 top:20px!important;
}
}

@media only screen and (min-width : 767px) {
 	.errorbox, #postcodeError {
 		float: left;
	}
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 320px) {
 .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;
}
}

.geslachtlabel {
 	color: #012f6f;
 	font-size: 14px;
 	font-weight: normal;
 	padding-left: 20px;
}
.form-geslacht input[type=radio] {
 	visibility: hidden;
 	width: 1px;
 	height: 1px;
 	cursor: pointer;
 	padding: 0px;
 	float:left;
 	margin-left:1px;
 	-moz-appearance: none; 
 	-webkit-appearance:none;
 	appearance:none;
}
.form-geslacht input[type=radio] + label {
 	color:#012f6f;
 	font-family: 'museo', sans-serif;
 	font-size:14px;
 	background-image: url(img/bullet_unchecked.png);
 	background-repeat:no-repeat;
 	background-size: 30px;
 	background-position: left -5px top 5px;
 	padding-top: 10px;
 	padding-bottom: 10px;
    padding-left: 25px;
 	width: 100%;
 	max-width: 75px;
 	cursor: pointer;
 	-webkit-transition: all 0.2s ease-in-out;
 	-moz-transition: all 0.2s ease-in-out;
 	-o-transition: all 0.2s ease-in-out;
 	transition: all 0.2s ease-in-out;
}
.form-geslacht input[type=radio]:hover + label {
 	background-image: url(img/bullet.png);
}
.form-geslacht input[type=radio]:checked + label {
 	background: url(img/bullet.png) no-repeat;
 	background-size: 30px;
 	background-position: left -5px top 5px;
 	transition: 0.5s;
}


/* 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;
}
}
.form-checkbox input[type=checkbox] {
visibility:hidden;
}
 .form-checkbox .check input:focus ~ label, .check input:valid ~ label {
 top:0;
 cursor:pointer;
 color:#999;
 margin-right:-30px;
 width:95%;
 height:auto;
}
 .form-checkbox .check-box {
 width: 100%;
 height:18px;
 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;
 -moz-transition: border-color ease 0.2s;
 -o-transition: border-color ease 0.2s;
 -webkit-transition: border-color ease 0.2s;
 transition: border-color ease 0.2s;
 background:url(img/checkbox.png) no-repeat left top;
 background-size:18px 18px;
 font-size:14px;
 line-height:16px;
}
 .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;
}

/* form starting stylings ------------------------------- */
	
.group {
 position:relative;
}
.form-field input {
 font-size:16px;
 display:block;
 width:100%;
 border:none;
 border:1px solid #8d8d8d;
 border-radius:3px;
 height:45px;
 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;
}
.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;
}

/* LABEL */
.form-field label {
 color:#999;
 font-size:14px;
 font-weight:normal;
 position:absolute;
 top:-20px;
 left:20px;
 cursor: text;
}
@media(max-width: 767px) {
 .labeltop20 {
 top: 10px!important;
}
}
/* Einde LABEL */

.form-field input:required {
 box-shadow:none;
}

/* Geboortedatum */
.form-geboorte label {
 font-size:16px;
 color: #012f6f;;
 left:20px;
 position:absolute;
 top: 10px;
 font-family: 'museo', sans-serif;
}
 .form-datum label {
 font-size:16px;
 color: #012f6f;
 left:20px;
 position:absolute;
 top:0px;
}

/*Calender*/
.form-datum input.showReadonly[readonly] {
 text-align: center;
 border:1px solid #8d8d8d;
 background:url(img/cal.png) no-repeat 10px 10px, url(img/drop.png) no-repeat right 10px top 20px, url(img/cal_focus.png) 0 0 no-repeat, url(img/drop_focus.png) 0 0 no-repeat;
 padding:3px 0 0 40px;
 background-size:20px 22px, 10px 5px, 0 0, 0 0;
 cursor:pointer;
 background-color:transparent;
 width:100%;
 margin-top:20px;
 margin-bottom:15px;
 height:45px;
 float:left;
 border-radius: 3px;
}
.form-datum input.showReadonly[readonly]:focus {
 border:1px solid #3399FF;
 color:#3399FF;
 background:url(img/cal_focus.png) no-repeat 10px 10px, url(img/drop_focus.png) no-repeat right 10px top 20px;
 background-size:20px 22px, 10px 5px;
}
.form-datum input.showReadonly[readonly].error {
 border:1px solid #FF0004;
 color:#E45053;
}
 .dd {
 width:50px;
 display: inline-block;
 margin-right:10px;
font-size:16px;
 border:none;
 border:1px solid #8d8d8d;
 border-radius:3px;
 height:45px;
 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;
}
.mm {
 width:50px;
 display: inline-block;
 margin-right:10px;
font-size:16px;
 border:none;
 border:1px solid #8d8d8d;
 border-radius:3px;
 height:45px;
 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;
}
.yy {
 width:70px;
 display: inline-block;
font-size:16px;
 border:none;
 border:1px solid #8d8d8d;
 border-radius:3px;
 height:45px;
 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;
}
 @media only screen and (min-width : 768px) {
 .form-field label {
 top:10px;
}
 li.error {
 font-size:14px;
}
}	
	
	
	
	
/* =============== VOORWAARDEN POP-UP CSS =================== */

#fillVoorw li {
 margin-left:-30px;
 list-style-type: square;
 padding: 0 0px 0 0;
}
 #fillVoorw ul {
 list-style-type: square;
 padding: 0 0px 0 0;
}
 .voorwaardenoverlay {
 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;
}
 .popuptitle {
 font-weight:900;
 font-size:30px;
 width:100%;
 margin-bottom:20px;
}



/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
@keyframes open {
 0% {
 display: none;
}
 1% {
 width: 0;
 display: block;
 color:white;
 opacity: 0;
}
 80% {
 color:white;
}
 100% {
 display: block;
 width: 90%;
 color:#181818;
 opacity: 1;
}
}
 .form-open {
 width: 90%;
 animation: open 1s;
 transition:1s ease all;
 -moz-transition:1s ease all;
 -webkit-transition:1s ease all;
 opacity:1;
}
 .lightbox {
 background-color: #ffffff;
 height: 100vh;
 overflow-y: auto;
 color:#181818;
 top:0;
 left: 0;
 list-style-type:square;
 padding:20px 50px 20px 20px;
 font-family: Source Sans Pro, Helvetica, Arial, sans-serif;
 font-size:14px;
 line-height:1.6em;
 -webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.25);
 -moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.25);
 box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.25);
}
 #close {
 position:fixed;
 color:#ffffff;
 padding-top: 11px;
 font-size:40px;
 font-weight:900;
 cursor:pointer;
 bottom:200px;
 right:3px;
 width: 80px;
 height: 80px;
 background-color:#3399FF;
 border-radius: 50px;
 text-align: center;
 z-index:9999;
}
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
 @keyframes open {
 0% {
 display: none;
}
 1% {
 width: 0;
 display: block;
 color:white;
 opacity: 0;
}
 80% {
 color:white;
}
 100% {
 width: 100%;
}
}
 .form-open {
 animation: open 1s;
 transition:1s ease all;
 -moz-transition:1s ease all;
 -webkit-transition:1s ease all;
}
 .lightbox {
 background-color: #ffffff;
 height: 50vh;
 color:#181818;
 margin:auto;
 list-style-type:square;
 padding:50px 50px 50px 50px;
 font-family: Source Sans Pro, Helvetica, Arial, sans-serif;
 font-size:14px;
 line-height:1.6em;
 -webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.25);
 -moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.25);
 box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.25);
 margin: auto;
 position: absolute;
 width:100%;
 top: 0;
left: 0;
bottom: 0;
right: 0;
}
 #popup {
 width: 60%;
 margin:auto;
 position:absolute;
 height:50vh;
 top: 0;
left: 0;
bottom: 0;
right: 0;
}
 #close {
 position:absolute;
 color:#ffffff;
 top:-20px;
 right:-20px;
 padding-top: 10px;
 font-size:20px;
 font-weight:700;
 cursor:pointer;
 width: 50px;
 height: 50px;
 background-color:#3399FF;
 border-radius: 30px;
 text-align: center;
 z-index:9999;
}
}

	
header{
	background-color: #ff6600;
	height: 60px;
}
header img{
	width: 100%;
	height: auto;
	max-width: 87px;
	margin-top: 10px;
}
header p{
	color: #ffffff;
	font-size: 19px;
	font-family: 'museo', sans-serif;
	font-weight: 900;
	text-align: right;
	padding-top: 15px;
}
@media(max-width: 767px){
	header{
		height: inherit;
		position: relative;
		height: 100px;
	}
	header p{
	    text-align: center;
	    position: absolute;
	    top: -120px;
	    left: 0;
	    right: 0;
	    z-index: 9999;
	    display: block;
	}
	header img{
		width: 100%;
		height: auto;
		max-width: 87px;
		margin-top: 55px!important;
	}
}

.main{
	background-color: #fef5d7;
	background-image: url(img/beach_bg.png);
	background-repeat: no-repeat;
	background-position: bottom center;
	height: 669px;
	padding-top: 80px;
}
.main.bedankt{
	height: inherit!important;
	background-color: #fef5d7;
	background-position: left -50px top;
}
.main h2{
	font-size: 18px;
	font-family: 'museo', sans-serif;
	font-weight:;
	color: #002d6e;
	line-height: 30px;
	padding-bottom: 30px;
    padding-right: 20px;
	margin: 0;
	position: relative;
	/*z-index: 999999;*/
}
.main h2 span{
	font-weight: 700;
}
.main h1{
	font-size: 38px;
	font-family: 'museo', sans-serif;
	line-height: 48px;
	font-weight: 900;
	color: #002d6e;
	padding-bottom: 20px;
}
.main p{
	color: #0099ff;
	font-size: 20px;
	font-weight: 700;
	font-family: 'museo', sans-serif;
}
.main p.toform{
    width: 304px;
    text-align: center;
}
.main img.check{
	max-width: 36px;
	width: 100%;
	height: auto;
	margin-right: 15px;
	display: inline-block;
	margin-top: -8px;
}
.main img.img-eindcijfer{
    width: 575px;
    height: auto;
    position: relative;
    left: 30px;
    bottom: -75px;
}
@media(max-width: 1200px){
	.main img.img-eindcijfer{
		width: 500px;
	    height: auto;
	    position: relative;
        top: 110px!important;
    	left: 0px!important;
	}
	.main{
		background-image: url(img/beach_bg.png);
		background-position: left -50px top;
	}
}
@media(max-width: 992px){
	.main{
		background-image: url(img/beach_bg.png);
		background-position: top center;
		background-color: #fef5d7;
	}
	.main img.img-eindcijfer{
		width: 100%;
		max-width: 500px;
	    height: auto;
	    position: relative;
	    display: block;
	    margin: 0 auto;
	    top: -45px!important;
	}
	.main.bedankt{
		height: inherit!important;
		padding-bottom: 30px;
	}
	.main p{
		padding-bottom: 20px;
	}
	.main p.toform{
		width: inherit;
	}
	.parasol-con img{
		right: 30px!important;
	}
	.main h1{
		font-size: 38px;
	}
}
@media(max-width: 767px){
	.main{
		padding-top: 40px;
	}
	.main h1{
		font-size: 36px;
		line-height: 40px;
	}
	header img{		
		display: block;
		margin: 0 auto;
		margin-top: 10px;
	}
}

.main a.spinbutton{
	color: #ffffff;
	background: linear-gradient(to right, #f05f03 , #ff9702);
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 22px;
	font-weight: 900;
	font-family: 'museo', sans-serif;
	border-bottom: 3px solid #f06003;
	margin-bottom: 15px;
	display: inline-block;
	text-decoration: none;
	transition: .3s ease;
	position: relative;
	/*z-index: 999999;*/
}
.main a.spinbutton img.arrow-right{
	width: 10px;
	height: auto;
}

.main .gefeliciteerd h2{
	font-size: 44px;
	font-weight: 900;
	font-family: "museo", sans-serif;
	color: #002d6e!important;
	line-height: 50px;
	padding-bottom: 30px!important;
}
.main .gefeliciteerd p{
	color: #002d6e;
	font-size: 18px;
    font-weight: 300;
    font-family: 'museo', sans-serif;
    line-height: 30px;
    padding-bottom: 30px;
}
.main .gefeliciteerd span{
	font-weight: 900;
}

.main .gefeliciteerd .form-block{
    background-color: #ffffff;
    padding: 40px;
    border: 6px solid #e8c664;
    width: 680px;
    z-index: 99999;
    position: relative;
}
@media(max-width: 992px){
	.main .gefeliciteerd .form-block{
		margin-bottom: 40px;
	}
}
@media(max-width: 767px){
	.main .gefeliciteerd .form-block{
		width: inherit;
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 30px;
	}
	.parasol-con img{
	    left: 0;
	    right: -270px!important;
	    top: -10px!important;
		display: block;
		margin: 0 auto;
	}
}

.main .gefeliciteerd .form-block p{
	font-family: 'museo', sans-serif;
	color: #3ca8e2;
	font-size: 20px;
	font-weight: 800;
	padding-bottom: 15px;
}
.main .gefeliciteerd .form-block p.aanhef{
	font-family: 'museo', sans-serif;
	color: #012f6f;
	font-size: 18px;
	font-weight: 900;
	padding-bottom: 10px;
}
.main .gefeliciteerd .form-block p.aanhef.aanhef2{
	padding-top: 25px;
	padding-bottom: 0;
}
.main .gefeliciteerd .form-block p.aanhef.aanhef3{
	font-size: 15px;
	color: #012f6f;
	font-weight: 300;
	padding-top: 0px;
	padding-bottom: 10px;
	line-height: 17px;
}
.main .gefeliciteerd .form-block .vrijblijvend{
	color: #56c000;
	background-color: #e7f1db;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 45px;
	padding-right: 45px;
	width: 450px;
	border-radius: 8px;
	font-family: 'museo', sans-serif;
	font-weight: 600;
	margin-bottom: 20px;
	background-image: url('img/check.png');
	background-repeat: no-repeat;
	background-position: 20px center;
	background-size: 18px 15px;
}
@media(max-width: 767px){
	.main .gefeliciteerd .form-block .vrijblijvend{
		width: inherit;
	}
}

#actiecode{
	display: inline;
}

.radposclass{
	position: relative;
	height: 550px;
	top: 80px;
}
img.radtext{
    position: absolute;
    z-index: 999;
    margin: 0 auto;
    display: block;
    left: 10px;
    right: 0;
    top: -60px;
    width: 100%;
    height: auto;
    max-width: 390px;
}
img.pointer{
	position: absolute;
    width: 60px;
    height: 61px;
	display: block;
	left: 0;
	right: 0;
	top: -6px;
	margin: 0 auto;
}
@media(max-width: 992px){
	.radposclass{
	    left: 0px;
	    right: 0;
	    display: block;
	    margin: 0 auto;
	    position: relative;
	    width: 438px;
	}
	img.radtext{
	    left: 0px;
	    right: 0;
	    top: 0px;
	    max-width: 250px;
	}
}
@media(max-width: 767px){
	.radposclass{
	    left: 0px;
	    display: table;
	    top: 20px;
	    width: inherit;
	    min-height: 370px;
	    height: inherit;
	}
	img.pointer{
	    width: 28px;
    	height: 31px;
    	right: 0;
    	top: 5px;
	}
}

footer{
	text-align: center;
	height: 110px;
	background: linear-gradient(to right, #002d6e , #0043a5);
    position: relative;	
}
footer p{
    font-size: 22px;
    color: #FFFFFF;
    line-height: 32px;
    font-family: 'museo', sans-serif, arial;
    font-weight: 500;
    padding-top: 40px;
}
.blue{
	color:#002d6e;
}
.blue a{
	color:#002d6e;
	text-decoration: underline;
}


.footerimage img{
	width: 100%;
    height: auto;
    max-width: 285px;
    display:block;
    margin:0 auto;
    margin-top:-25px;
}

.footerspeelbewust {
	margin-top:10px;
	margin-bottom:40px;	
}

.footerspeelbewust img {
	display:block;
	height:auto;
	width:100%;
	max-width:150px;
	margin:0 auto;	
}

@media(max-width: 992px){
	.main{
		padding-bottom: 30px;
		height: inherit;
		margin-bottom: 0px!important;
	}
	footer img.loterij-img{
		display: block;
		margin: 0 auto;
		position: relative;
		margin-top: -30px;
		top: 0;
		left: 0;
	}
	.main .gefeliciteerd .form-block{
		width: inherit;
	}
	.txtcenter{
		text-align: center;
	}
}

.vakantie-animatie{
	position: relative;
}
.vakantie-animatie img.island{
	display: block;
	position: relative;
	left: -70px;
	top: 53px;
}
.vakantie-animatie img.sportscar{
    position: absolute;
    width: 240px;
    height: auto;
    top: 90px;
    left: -170px;
    animation: carDrive 8s;
}

.vakantie-animatie img.plane{
    position: absolute;
	bottom: 180px;
    left: -170px;
    animation: flight 8s;
}

.island-animate{
	animation: fadeInOutEffect 8s;
}

.parasol-con img{
   	position: absolute;
    right: -60px;
    top: 30px;
}
#confetti img{
    position: absolute;
    left: -60px;
    top: 40px;
}
@media(max-width: 1200px){
	#confetti img{
	    left: -100px;
	    top: 50px;
	}
}

@media(max-width: 992px){
	#confetti img{
	    position: absolute;
	    display: block;
	    margin: 0 auto;
	    right: 0;
	    left: 0;
	    top: -20px;
	    height: 560px;
	    width: auto;
	}
}

@media(max-width: 767px){
	#confetti img{
	    position: absolute;
		right: 0px;
		top: -20px;
		width: 490px;
		height: auto;
	}
}
@media(max-width: 490px){
	#confetti img{
	    position: absolute;
		right: 0px;
		top: -20px;
		width: 320px;
		height: auto;
	}
	.parasol-con img{
		display: none;
	}
}

.datum{
	color:#ffffff;
}

.eenopdetien{
	color: #ffffff;
    background: -moz-linear-gradient(left, #0099ff 0%, #26bdee 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #0099ff 0%,#26bdee 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #0099ff 0%,#26bdee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0099ff', endColorstr='#26bdee',GradientType=1 ); /* IE6-9 */
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
	font-size: 18px;
    font-weight: 900;
    font-family: 'museo', sans-serif;
    margin-bottom: 20px;
}

.footertxt{
	font-size: 14px;
	font-family: 'museo', sans-serif, arial;
	color: #a5a5a5;
	margin-bottom: 50px;
}
.bdblock{
	background-color: #ffffff;
	padding: 40px;
    border: 6px solid #e8c664;
    margin-bottom: 50px;
}
.bdblock p{
	padding-bottom: 30px;
}
.bdblock img{
	width: 100%;
	height: auto;
	max-width: 200px;
}
@media(max-width: 767px){
	.bdblock{
		padding: 15px;
	}
	.footertxt{
		text-align: left;
	}
}

.animate{
	animation: fadeEffect 1s;
	position: relative;
	z-index: 999;
}

.fadeout{
	animation: fadeOutEffect .5s;
	position: relative;
}

.confetti-fade{
	animation: fadeIn .5s;
}

@keyframes fadeInOutEffect {
    from {opacity: 0;}
    20%{opacity: 1;}
    80%{opacity: 1;}
    to{opacity: 0;}
}

@keyframes carDrive {
    from {opacity:0;left:-170px;}
    20% {opacity:0;left:-170px;}
    21% {opacity:1;}
    to {left:150px;}
}

@keyframes flight {
    from {opacity: 0;left:-170px;bottom: 160px;}
    40%{opacity: 0;left:-170px;bottom: 160px;}
    41%{opacity: 1;}
    to {bottom: 270px;left: 170px;}
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeInEffect {
    from {opacity: 0;left:-200px;}
    to {opacity: 1;left:0px;}
}

@keyframes fadeEffect {
    from {opacity: 0;left:-200px;}
    to {opacity: 1;left:0px;}
}

@keyframes fadeOutEffect {
    from {opacity: 1;left: 0;}
    to {opacity: 0;left: 200px;}
}




@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  55%{
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  60%, 70% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  65%, 75% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  80% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
  -webkit-animation-duration: 8s;
  animation-duration: 8s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
