/* BASIS */

	html,
	body
	{	
		border: 0px;
		margin: 0px;
		height: 100%;
		min-height: 100%;
		font-family: 'Quicksand';
		color: #ffffff;
		font-style: normal;
		font-weight: 400;
		font-size: 17px;
		line-height: 140%;
	}
	
	a
	{
	 
	 	color: #ffffff;
		text-decoration: underline;
	
	}


/* PAGINAOPMAAK */

	h1, h2, h3
	{
	margin-top: 10px;
	margin-bottom: 10px;
	}
	
	h4
	{
	margin-bottom: 0px;
	}
	
	h1
	{
		font-family: 'Quicksand';
		font-size: 72px;
		font-weight: normal;
		font-style: normal;
		text-transform: uppercase;
	}
	
	h2
	{
		font-family: 'Quicksand';
		font-size: 25px;
		font-weight: normal;
		font-style: normal;
		text-transform: lowercase;
		
	}
	
	h3
	{
	
	font-family: 'Quicksand';
	font-size: 25px;
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
	line-height: 100%;
	margin-top: 0px;
	}
	
	h4
	{
	font-family: 'Quicksand';
	font-size: 20px;
	font-weight: 700;
	font-style: normal;

	}
	
	.countdown
	{
	/*background-color: #ffffff;*/
	width: 100%;
	padding: 5px;
	font-family: 'Quicksand';
	font-size: 28px;
	color: #ffffff;
	/*color: #b0997e;*/
	}
	.is-countdown {
	/*background-color: #ffffff;*/
	}
	.countdown-rtl {
		direction: rtl;
	}
	.countdown-holding span {
		color: #888;
	}
	.countdown-row {
		clear: both;
		width: 100%;
		padding: 0px 2px;
		text-align: center;
	}
	.countdown-show1 .countdown-section {
		width: 98%;
	}
	.countdown-show2 .countdown-section {
		width: 48%;
	}
	.countdown-show3 .countdown-section {
		width: 32.5%;
	}
	.countdown-show4 .countdown-section {
		width: 24.5%;
	}
	.countdown-show5 .countdown-section {
		width: 19.5%;
	}
	.countdown-show6 .countdown-section {
		width: 16.25%;
	}
	.countdown-show7 .countdown-section {
		width: 14%;
	}
	.countdown-section {
		display: block;
		float: left;
		font-size: 75%;
		text-align: center;
	}
	.countdown-amount {
		font-size: 200%;
	}
	.countdown-period {
		font-family: 'Quicksand';
		display: block;
		font-size: 11px;
		font-weight: 400;
		text-transform: uppercase;
		
	}
	.countdown-descr {
		display: block;
		width: 100%;
	}

	
	.patroon
	{
    width: 100%;	
    height: 340px;	
	background-image: url('/img/thedate.png');
    background-repeat: no-repeat;
    background-position: center; 
	margin-top: -30px;
	margin-bottom: -50px;
	
		 
	}
	
	.balkoranje a
	{
		color: #ebebeb;
	}
	
	
	
/*FOOTER */
	
	.adres
	{
		text-align: center;	
	}
	#bottom
	{
	font-family: 'ProximaNovaA-Regular';
	font-weight: normal;
	font-style: normal;
	font-size: 16px;
	}
	.social
	
	{
	text-align: right;
	
	}
	#bottom a
	{
		text-decoration: none;
		color: #ffffff;	
	}
	#bottom a:hover
	{
	color: #f95951;
	}
	
/*IMG */
.max-img 								{ width:100%; height:auto; }		
.media 									{ position:relative; margin:0 0 0px 0;	padding-bottom:67%; height: 100%; overflow:hidden;  }
.media iframe,
.media object,  
.media embed 							{ position:absolute; top:0; left:0; width:100%; height:100%; }

					
/***** FORM *****/

		#contact label, #offerte label  
		{
			float:left;
			font-size: 16px;
			height: 20px;
		}
			
	

		#contact input[type=text], #offerte input[type=text]
			{
				border: 0px solid #363636;
				text-align:left;
				padding: 0px;
				padding-left: 15px;
				margin: 0px;
				display:block;
				background: #ebebeb;
				color: #363636;
				font-family: 'ProximaNovaA-Regular', Arial, Verdana;
				font-size: 17px;
				font-weight: normal;
				-moz-box-sizing:    border-box;
				-webkit-box-sizing: border-box;
				box-sizing:        border-box;
				display: inline;
				height: 50px;
				width: 100%;
			}
			
		.hetformulier	
		{
			font-size: 15px;
		}
		
		.hetformulier .categorie
		{
			font-size: 15px;
			font-family: ProximaNovaA-Bold;
			color: #f95951;
			
		}
			
		.succesbericht	
		{
			text-align: center;
			font-family: 'ProximaNovaA-Light', Arial, Verdana;
			font-size: 21px;
			font-weight: normal;
			color: #f95951;
			float: right;
			margin-top: 10px;
			height: 150px;
			text-transform: uppercase;
		}
		#contact .verplichtevelden, #offerte .verplichtevelden
		{
				font-family: 'ProximaNovaA-Light', Arial, Verdana;
				font-size: 13px;
				font-weight: normal;
				color: #ebebeb;
				float: right;
				margin-top:10px;
		}

		#contact textarea, #offerte textarea
			{
					color: #363636;
					width: 100%;
					font-size: 16px;
					text-align:left;
					height: 175px;
					border: 0px solid #363636;
					padding: 15px;
					font-family: 'ProximaNovaA-Regular', Arial, Verdana;
					font-size: 17px;
					margin: 0px;
					display:block;
					background: #ebebeb;
					-moz-box-sizing:    border-box;
					-webkit-box-sizing: border-box;
					box-sizing:        border-box;
			}
			
			#contact select, #offerte select
			{
					color: #333333;
					width: 100%;
					font-size: 16px;
					border: 1px solid #b3b3b3;
					width: 100%;
					text-align:left;
					height: 40px;
	
					margin: 0px;
					display:block;
					background: #f2f2f2;
					-moz-box-sizing:    border-box;
					-webkit-box-sizing: border-box;
					box-sizing:        border-box;
			}	
	
			#contact label.error, #offerte label.error
			 
			{
				
			  text-align: left;
			  float:left;
			  color: #f95951;
			  font-family: 'ProximaNovaA-Light', Arial, Verdana;
			  font-size: 15px;
			  font-weight: 100;
			 
			  
			}
		

		#contact #versturen, #offerte #versturen
			{
				
				width: 100%;
				height: 50px;
				background-color: #f95951;
				text-align: center;
				font-family: 'ProximaNovaA-Thin', Arial, Verdana;
				font-weight: normal;
				font-style: normal;
				font-size: 25px;
				color: #ffffff;
				text-decoration: none;
				font-weight: 100;
				text-transform: uppercase;
				padding-top: 5px;
				-moz-box-sizing:    border-box;
				-webkit-box-sizing: border-box;
				box-sizing:        border-box;
				margin-top: 10px;
				border: 0px;
				cursor:pointer;
				-webkit-appearance: none;
				
			}	
			
			
		/* placeholder */
			
		::-webkit-input-placeholder {
			  font-family: 'ProximaNovaA-Regular', Arial, Verdana;
				font-weight: normal;
				font-size: 15px;
				color: #898989;
			}
			
			:-moz-placeholder { /* Firefox 18- */
			   font-family: 'ProximaNovaA-Regular', Arial, Verdana;
				font-weight: normal;
				font-size: 15px;
				color: #898989; 
			}
			
			::-moz-placeholder {  /* Firefox 19+ */
			  	font-family: 'ProximaNovaA-Regular', Arial, Verdana;
				font-weight: normal;
				font-size: 15px;
				color: #898989;
			}
			
			:-ms-input-placeholder {  
			   font-family: 'ProximaNovaA-Regular', Arial, Verdana;
				font-weight: normal;
				font-size: 15px;
				color: #898989;
			}
		


/* VIDEO */

	.hero-wrap
	{
		height: 100%;
		min-height: 200px;
		overflow: visible;
		position: relative;
		z-index: -1;
	}
	.hero-video
	{
		width: 100%;
		height: 100%;
		overflow: hidden;
		position: relative;
		z-index: -2;
	}

	.hero-video video,.hero-video img.alternative
	{
		height:auto;
		position:absolute;
		-webkit-user-select:none;
		-moz-user-select:none;
		-ms-user-select:none;
		user-select:none;
		width:auto;
		z-index:0
	}
	
	.touch .hero-video video,.no-touch .hero-video img.alternative
	{
		display:none
	}
	 
	.video-link-wrap
	{
		bottom:10%;
		left:0;
		position:absolute;
		text-align:center;
		width:100%;
		
	
	}
	.video-link-wrap a
	{
		background-position:8px 7px;
		background-repeat:no-repeat;
		display:inline-block;
		line-height:50px;
		padding:0 2em 0 2.5em;
	}
	 
	.logo
	{
		top:15px; 
		left: 5%;
		position:absolute;
		width:200px; 
		z-index: 1;
	}
	
	#mute
	{
		 
		z-index: 5000;
		bottom:10%;
		left:5%;
		position:absolute;
		text-align:left;
		width:200px;
	}
		 
	.video-popup
	{
		cursor:pointer;
		height:256px;
		width:376px;
		display:block
	}
	
	.video-backdrop
	{
		display:none;
		position:fixed;
		background:rgba(249,89,81,0.7);
		left:0;
		right:0;
		top:0;
		bottom:0;
		z-index:99999
	}
	
	.video-popup-container
	{
		position:absolute;
		left:50%;
		top:50%;
		height:180px;
		max-width:100%;
		width:100%;
		margin-left:-50%;
		margin-top:-90px
	
	}
	
	.video-container iframe
	{
		position:relative;
		z-index:3
	}
	
	.video-popup-close
	{
		background:transparent url("/img/icons/close-icon.png") no-repeat top center;
		-webkit-background-size:22px;
		-moz-background-size:22px;
		background-size:22px;
		cursor:pointer;
		display:none;
		height:44px;
		position:absolute;
		opacity:.4;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";filter:alpha(opacity=40);
		right:-44px;
		top:0;
		width:44px;
		z-index:2;
	}
	
	.hoogtevideo
	{
		height: 500px;
		
	}

	
	.no-svg .video-popup-close
	{
		background:url("/img/icons/close-icon.png") no-repeat top center;
		-webkit-background-size:22px;
		-moz-background-size:22px;
		background-size:22px
	
	}
	
	.no-touch .video-popup-close:hover
	{
		opacity:1;
		-ms-filter:none;
		filter:none
	}

	@media screen and (min-width:37.5em){.video-popup-container{max-width:100%;width:100%;margin-left:-50%;height:360px;margin-top:-180px}
	}
	@media screen and (min-width:56.25em){.video-popup-container{margin-left:-400px;width:800px;height:450px;margin-top:-225px}
	.video-popup-close{display:block}
	.play{-webkit-background-size:78px;-moz-background-size:78px;background-size:78px;height:74px;margin-top:-37px;margin-left:-37px;width:74px;}
	.no-svg .play{background:url("/img/icons/play_74x74.png") no-repeat 50%}
	}		
	
	@media screen and (min-width:76.25em){.video-popup-container{margin-left:-600px;width:1200px;height:675px;margin-top:-335px}
	.video-popup-close{display:block}
	.play{-webkit-background-size:78px;-moz-background-size:78px;background-size:78px;height:74px;margin-top:-37px;margin-left:-37px;width:74px;}
	.no-svg .play{background:url("/img/icons/play_74x74.png") no-repeat 50%}
	}
