/* Import */
/*@import url("/3rdparty/global/css/global-v1.css");*/
/*@import url("https://fonts.googleapis.com/css?family=Lato:400,700|Passion+One:400");*/

html, 
html a {  				-webkit-font-smoothing: antialiased;}
html, 
body {					font-family: 'Lato', sans-serif; font-size: 16px; line-height: 30px; font-weight: 400; color: #444; margin: 0; padding: 0;}
.container {			max-width: 1200px;}
.clear {				clear: both;}

h1 {					font-family: 'Passion One', cursive; font-size: 100px; line-height: 85px; font-weight: 400; color: #fff; text-shadow: 3px 3px 0px rgba(0, 0, 0, 0.65);}
h2 {					font-family: 'Passion One', cursive; font-size: 60px; line-height: 70px; font-weight: 400; color: #035491; text-align: center;}
h3 {					font-family: 'Passion One', cursive; font-size: 35px; line-height: 40px; font-weight: 400; color: #0469BC; text-align: left;}
h4 {					font-family: 'Lato', sans-serif; font-size: 24px; line-height: 35px; font-weight: 400;}
h5 {					font-family: 'Lato', sans-serif; font-size: 20px; line-height: 30px; font-weight: 400; color: #035491;}


header {				background-image: url(/img/schiphol5.jpg); background-position: center center; background-size: cover; width: 100%; height: 75vh; min-height: 650px; max-height: 900px; overflow: hidden;}
header .column-1-2 .grid-item { margin: 0px; height: 75vh; top: -70px; min-height: 650px; max-height: 900px;}
header .column-1-2 .grid-item h1 { bottom: 100px; position: absolute;}
#headerblock {			width: 100%; height: 70px; background-color: rgba(4, 105, 189, 0.95); line-height: 70px;} 

#staticheader{ 			background-image: url(/img/schipholtaxi_staticpage.jpg); background-position: center top; height: 350px; min-height: 0; margin-bottom: 50px;}
#staticheader #headerblock { height: 350px;}
#staticheader .priceblock,
#staticheader h1 { position: absolute; bottom: 60px;}
#staticheader .priceblock h4 { font-size: 100px; text-shadow: 3px 3px 0px rgba(0, 0, 0, 0.5); color: #fff; border-bottom-color: #F4C300;}
#staticheader .priceblock h5 { font-size: 40px; text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.5); line-height: 40px; margin-top: -5px; color: #fff;}
#staticheader .priceblock h5 span { color: #F4C300;}
#menu {					float: right; height: 70px; position: relative; z-index: 5;}
#menu ul {				margin: 0px; list-style: none;}
#menu ul li {			float: left; margin-left: 35px;}
#menu ul li a {			font-family: 'Passion One', cursive; font-size: 25px; color: #fff;	text-decoration: none; height: 70px; display: inline-block;}
/*#menu ul li a:hover {	border-bottom: 4px solid #F4C300; margin-bottom: -4px;}*/
#menu ul li a {   		position: relative; text-decoration: none;}
#menu ul li > a:before {content: ""; position: absolute;width: 100%;height: 4px; bottom: 0; left: 0; background-color: #F4C300;visibility: hidden; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;}
#menu ul li > a:hover:before { visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1);}
#menu ul li a.active {	color: #F4C300;}
#menu ul li a.active:hover:before {visibility: hidden;}

#logo {					height: 70px; display: inline-block; line-height: 70px;}
#logo img {				max-width: 310px;padding-top: 12px;}

#calculation_homepage {	background-color: rgba(245, 196, 0, 0.95); border-radius: 10px; padding: 25px; padding-top: 20px;padding-bottom: 30px; position: absolute; bottom: 85px; box-shadow: 0px 0px 35px rgba(0,0,0,0.5);}
#calculation_homepage h3 { margin-bottom: 20px; font-size: 60px; line-height: 55px;}
#calculation_homepage button { float: right; }

#calculation_homepage #homesearch_alt,
#departure_search_alt,
#arrival_search_alt {
	color: rgba(4, 105, 188, 0.5);
}

#calculation_homepage #homesearch,
#departure_search,
#arrival_search {
	background-color: transparent;
}

#calculation_homepage #homesearch_wrap,
#departure_search_wrap,
#arrival_search_wrap {
	position: relative;
	width: 100%;
	height: 80px;
	clear: left;
}

#calculation_homepage #homesearch, #calculation_homepage #homesearch_alt,
#departure_search, #departure_search_alt,
#arrival_search, #arrival_search_alt {
	position: absolute;
}



#usp,
#references {			width: 100%; padding: 50px 0px; }

#references h4,
footer h4 {				display: inline-block; padding-bottom: 15px; border-bottom: 5px solid #F4C300; margin-bottom: 25px;}

#usp {					background-color: #0469BC; color: #fff; text-align: center;}
#usp i {				color: #F4C300; line-height: 135px; font-size: 85px;}
#usp .column-1-3:first-child i {margin-left: -10px;}
#usp h2 {				color: #fff;}
#usp h4 {				text-align: center;}
#usp .icon {			width: 135px; height: 135px; display: inline-block; border-radius: 68px; background-color: #fff; margin: 25px 0px;}
	
#references h2 { 		margin-bottom: 50px;}
#references h4 {		font-weight: 700; color: #0469BC; min-height: 90px;}
#references p {			min-height: 210px;}

.reference {			margin-top: 25px;}
.reference img {		max-width: 50px; margin-right: 5px;}

/* - - - - - S T A T I C P A G E - - - - - */

#reservation h3 {		text-align: center; font-family: 'Lato', sans-serif; font-size: 22px; margin: 35px 0px; font-weight: 700;}

#departure,
#arrival {				border-radius: 10px; background-color: #F4C300; padding: 30px 25px; box-shadow: 0px 4px 0px #C39E0A; margin-bottom: 50px; margin-top: 50px;}
#arrival {				background-color: #0469BC; box-shadow: 0px 4px 0px #035491;}

#departure h2,
#arrival h2 {			text-align: left; color: #0469BC; height: 100px; line-height: 100px;}
#arrival h2 {			color: #F4C300;}

#departure img,
#arrival img {			float: left; width: 100px; margin-right: 35px; margin-bottom: 30px;}

.priceblock h4 {		font-family: 'Passion One', cursive; font-size: 75px; line-height: 75px; padding-bottom: 20px; border-bottom: 7px solid #0469BC; float: left; display: inline-block; color: #F4C300;}
.priceblock h5 {		font-family: 'Passion One', cursive; font-size: 26px; display:inline-block; float: left; color: #035491; width: auto; font-weight: 400; line-height: 30px; margin-top: 7px; margin-left: 25px;}

#usp_reservation {		margin-bottom: 100px;}
#usp_reservation span {	width: 40px; height: 40px; border-radius: 25px; background-color: #F4C300; display: inline-block; color: #fff; text-align: center; font-size: 24px; line-height: 40px; float: left; margin-right: 25px;}
#usp_reservation h3 {	text-align: left; font-weight: 400; line-height: 40px;}

#reservation_gegevens {	margin-top: 50px;}
#reservation_gegevens h2 { text-align: left;}
#reservation_gegevens input {border: 1px solid rgba(3, 83, 145, 0.5); width: 33%; margin-right: 20px;}
#reservation_gegevens br {	clear: both;}
#reservation_gegevens input.small { width: 15%;}
#reservation_gegevens input:focus {border: 1px solid #0469BC; box-shadow: none;}
#reservation_gegevens h4 { color: #035491;}
#reservation_gegevens h4 span { font-family: 'Passion One', cursive; font-size: 35px;}


#staticpage_gegevens p,
#staticpage_gegevens em { font-size: 20px; line-height: 38px; color: #035491;}
#staticpage_gegevens em { font-size: 16px;}

/* - - - - - F O O T E R - - - - - */

footer {				background-image: url(/img/schipholtaxi_footer.jpg); background-position: center center; background-size: cover; padding: 30px 0px; padding-bottom: 125px; position: relative; margin-top: 100px; }
footer .overlay {		width: 100%; height: 100%; display: block; background-color: rgba(4, 105, 188, 0.9); position: absolute; left: 0px; top: 0px;}

footer h4 {				font-family: 'Passion One', cursive; color: #fff; }
footer a {				color: #fff; text-decoration: none;}
footer a:hover {		color: #F4C300;}

#disclaimer {			font-family: 'Passion One', cursive; font-size: 25px; color: #fff; width: 100%; height: 75px; line-height: 75px; background-color: rgba(3, 83, 145, 0.75); z-index: 1; position: absolute; left: 0px; bottom: 0px;}
#disclaimer span {		color: #F4C300;}
#disclaimer p {			font-family: 'Lato', sans-serif; display: inline-block; font-size: 18px;}
#disclaimer #ntvbs {	font-family: 'Lato', sans-serif; float: right; font-size: 18px;}
#disclaimer #ntvbs span{font-family: 'Passion One', cursive; font-size: 25px; color: #fff;}

/* - - - - - S T Y L E F O R M - - - - - */

input,
input.datepicker,
select { width: 100%; height: 60px; background-color: #fff; box-shadow: 0 3px 0 rgba(0,0,0,0.15); border-radius: 5px; border: none; padding: 0px 20px; padding-right: 5px; margin-bottom: 20px; transition: box-shadow 0.3s ease-in-out; -webkit-transition: box-shadow 0.3s ease-in-out; -moz-transition: box-shadow 0.3s ease-in-out; -ms-transition: box-shadow 0.3s ease-in-out; -o-transition: box-shadow 0.3s ease-in-out; color: #0469BC;}

input[type=checkbox].css-checkbox {
	position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}

input[type=checkbox].css-checkbox + label.css-label, input[type=checkbox].css-checkbox + label.css-label.clr {
	padding-left:45px; height:43px; display:inline-block; line-height:43px; background-repeat:no-repeat; background-position: 0 0; font-size:43px; vertical-align:middle; cursor:pointer;
}

input[type=checkbox].css-checkbox:checked + label.css-label, input[type=checkbox].css-checkbox + label.css-label.chk {
	background-position: 0 -43px;
}

label.css-label {
	background-image:url(/img/checkbox.png);
	-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
}

label h3 {margin: 0px !important; margin-bottom: 50px !important; text-align: left !important;}

input::-webkit-input-placeholder { color: rgba(4, 105, 188, 0.5);}
input:-moz-placeholder { color: #0469BC; opacity: 0.5;}
input::-moz-placeholder { color: #0469BC; opacity:  0.5;}
input:-ms-input-placeholder { color: rgba(4, 105, 188, 0.5);}

select { cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none;}

option:disabled { color: rgba(4, 105, 188, 0.5); }

input:focus,
select:focus { -webkit-transition: box-shadow 0.3s ease-in-out; -moz-transition: box-shadow 0.3s ease-in-out; -ms-transition: box-shadow 0.3s ease-in-out; -o-transition: box-shadow 0.3s ease-in-out; outline: none; box-shadow: 0 -2px 0 rgba(0,0,0,0.15);}

button,
.button { height: 60px; line-height: 60px; text-decoration: none; color: #fff; background-color: #0469BC; box-shadow: 0 4px 0 #035491; display: inline-block; border-radius: 5px; border: none; padding: 0px 25px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; font-family: 'Passion One', cursive; font-size: 28px;}

button:hover,
.button:hover { background-color: #035491; box-shadow: 0 4px 0 #073b65; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out;}

.yellowbutton { background-color: #F4C300; box-shadow: 0 4px 0 #C39E0A; color: #0469BC;}
.yellowbutton:hover { background-color: #e3b900; box-shadow: 0 4px 0 #af8c00;}

/* - - - - - AUTOCOMPLETE - - - - - */

.autocomplete-suggestions { background: #fff; overflow: auto; margin-top: 10px; margin-left: 1px; border-radius: 5px; box-shadow: 0px 3px 0px rgba(0,0,0,0.15); padding: 5px 0px;}
.autocomplete-suggestion { cursor: pointer; padding: 2px 20px; color: #0469BC; }
.autocomplete-selected { background: #0469BC; color: #fff; padding: 2px 15px; border-radius: 5px; margin: auto 5px; padding-left: 15px;}

/* - - - - - RESERVEREN - - - - - */

input.achternaam {		display: none;} 

#departure, 
#arrival {				overflow: hidden; transition: max-height 1000ms; max-height: 480px; }

#departure.delay, 
#arrival.delay {		transition-delay: 300ms;}

#departure input, #departure select, #departure label,
#arrival input, #arrival select, #arrival label  {	transition: transform 500ms, opacity 500ms;	}

#departure.closed input, #departure.closed select, #departure.closed label,
#arrival.closed input, #arrival.closed select, #arrival.closed label {
	transform: scale(0,0);
	opacity: 0;
}

#departure .datum,
#arrival .datum {		transition-delay: 200ms;width: 65%; margin-right: 4%;}



#departure .tijd,
#arrival .tijd {		transition-delay: 200ms; width: 15%;}

#departure .tijd.first,
#arrival .tijd.first { margin-right: 1%;}

#departure .personen,
#arrival .personen {	transition-delay: 400ms;}

#departure .vluchtnummer,
#arrival .vluchtnummer {transition-delay: 600ms;}

#departure.delay #departure_search_wrap input, #departure.delay #departure_search_wrap label,
#arrival.delay #arrival_search_wrap input, #arrival.delay #arrival_search_wrap label {
	transition-delay: 600ms;
}

#departure.delay .datum,
#arrival.delay .datum,
#departure.delay .tijd,
#arrival.delay .tijd {
	transition-delay: 400ms;
}

#departure.delay .personen,
#arrival.delay .personen {
	transition-delay: 200ms;
}

#departure.delay .vluchtnummer,
#arrival.delay .vluchtnummer {
	transition-delay: 0ms;
}

#departure.closed,
#arrival.closed {
	max-height: 150px;
}

#departure_price, 
#arrival_price {
	transition: opacity 500ms, ease .5s;
	visibility: visible;
	opacity: 1;
}

#departure_price.closed, 
#arrival_price.closed {
	opacity: 0;
	visibility: hidden;
}

label.errorlabel {
position: absolute;width: 30%;height: 50px;padding: 0px 15px;border: 0px solid transparent;line-height: 50px;background: white;border-radius: 5px;box-sizing: border-box;margin: 5px;color: red;cursor: text;
}

label.errorlabel.small {
	width: 14%;
}

#departure .errorlabel,
#arrival .errorlabel {
	z-index: 10;
	width: 90%;
}

#departure .errorlabel.datum,
#arrival .errorlabel.datum {
	width: 55%;
}

#departure select.error,
#arrival select.error {
	color: red;
}