$grey: #f5f4f1;
$dark-grey: #edece8;
$darker-grey: #6f6660;
$line-height: 22px;
$brown: #9e9890;

body {
	
	font-family: Helvetica Neue, sans-serif;
	color: $brown;

}

.contain {
	
	max-width: 65rem;

}

a[href] {
	
	text-decoration: none;
	color: #9e9890;

}

h1, h2, h3, h4 {
	
	color: #333;

}

.backtotop {
	
	display: none !important;

}

header, #content, footer {
	
	background: #fff;

}

header {
	
	margin: 0;
	padding-bottom: 4em;
	
}

header nav a {
	
	font-size: 1.5em;

}

header nav, header form, footer nav, footer form, main form, main nav {
	
	display: inline-block;
	vertical-align: middle;

}

header nav ul li a[href] {
	
	color: #333;
	line-height: 1;

}

header form input {
	
	margin: 0;
	min-height: 0;

}

form.wide input {
	
	margin: 0;

}

header form {

	margin-top: -3px;

}

form input[type=submit] {
	
	margin: 0;
	background-color: #BE1902;
	color: #fff;
	border-radius: 3px;
	width: 100%;
	text-align: center;

}

header .logo img {
	
	height: 2.2em;
	vertical-align: middle;

}

header nav.drop ul li {
	
	background: transparent;

}

header nav ul {

	margin: 0;
	padding: 0;
	list-style: none;

}

header nav.drop ul li a, nav.drop ul li b.sub, header .top nav ul li a[href], header .top input[type=search] {
	
	font-size: .7rem;
	padding: 0 .5em;
	background: none;
	min-height: 0;
	text-transform: uppercase;
	font-weight: bold;
	color: $brown;

}

header .top input[type=search] {
	
	margin: 0;

}

.no-touch nav.drop ul li li:hover, .no-touch nav.drop ul li li:hover a {
	
	background: none;

}

nav.drop ul li .trigger:checked ~ a, nav.drop ul li .trigger:checked ~ b.sub {
	
	background: none;

}

header .top ::-webkit-input-placeholder {
	
	color: $brown;
	
}

header .top input[type=submit] {
	
	background: transparent url(search.svg) no-repeat center center;
	margin-top: 0;

}

header .top input[type=submit], header .top input[type=search] {
	
	display: inline-block;
	width: auto;
	float: none;
	vertical-align: middle;
	
}

header .top input[type=search] {
	
	padding: .7em .5em;
	width: 7em;
	transition: width .2s ease-in-out;

}

header .top input[type=search]:focus {
	
	width: 21em;

}

input, select {
	
	background: #fff;
	color: #333;

}

header .row.top {
	
	padding: .5em 0;
	margin-bottom: 2em;
	
}

header .row.logo nav, header .row.logo nav ul {
	
	width: 100%;

}

header .row.logo nav ul li + li a {
	
	padding-left: 1em;	

}

header .row.logo nav ul li:first-child {
	
	padding-left: 0;	
	padding-right: 1.5em;	

}

header .row.logo nav ul li:last-child {
	
	margin-top: .5em;
	float: right;

}

nav.drop ul li b.sub:after {
	
	content: '[]';
	background: transparent url(arrow-down.svg) no-repeat scroll center center;
	color: transparent;

}

#content {
	
// 	min-height: 100vh;
	padding-top: 1.5em;

}

.banner {
	
	height: 33em;

}

.banner .slider-wrap {
	
	margin-top: -3em;

}

.banner .contain {
	
	padding: 0 $line-height/2;

}

.parallax-back {

	background: #fff url(Geneva-A320-Stage.jpg) top center no-repeat;

}

footer nav:not(.about nav) a, footer nav:not(.about nav) ul {
	
	display: block;

}

footer a.logo {
	
	display: inline-block;
	vertical-align: middle;

}

footer nav b {
	
	text-transform: uppercase;
	font-size: .8em;
	padding: .5em 0;
	display: block;
	
}

footer nav a {
	
	line-height: 2;
	min-height: 0;

}

footer nav {
	
	margin-top: -4px;

}

footer {

	padding-bottom: 2em;
	background: $grey;

}

footer .about img {
	
	height: 1.3em;

}

footer .about {
	
	background: $dark-grey;

}

footer .about nav a {
	
	font-weight: bold;
	color: $darker-grey;

}

.highlights a {
	
	background: $grey;
	padding-bottom: 2em;
	
}

.highlights a > span {
	
	padding-bottom: 3em;
	
}

.highlights img {
	
	display: block;
	margin-bottom: -1em;
	border-bottom: 4px solid #d6d3cc;
	padding-bottom: 0 !important;
	
}

.highlights span span {
	
	color: #333;
	text-transform: uppercase;
	font-size: .7em;
	display: block;
	margin-top: 1em;
	position: absolute;
	bottom: 1em;
	line-height: 1;
	
}

.highlights span span:after {
	
	content: ' ►';
	font-size: .8em;

}

.highlights h3 {
	
	line-height: 22px;
	margin-top: 22px;
	min-height: 22px;
	margin-bottom: 11px;

}

.slider-wrap.tabs > .slider-nav a {
	
	background: $grey;
	padding: .75em 4em .75em .75em;
	color: $darker-grey;
	border-top: 1px solid #e1dfda;
	border-right: 1px solid #e1dfda;
	
}

.slider-wrap.tabs > .slider-nav a:first-child {
	
	border-left: 1px solid #e1dfda;
	
}

.slider-wrap.tabs > .slider-nav a.active {
	
	background: $darker-grey;
	border-top: 1px solid $darker-grey;
	color: #fff;
	
}

.slider-wrap.tabs > .slider-nav a.active:first-child {
	
	border-left: 1px solid $darker-grey;
	
}

.slider > * {
	
	background: $darker-grey;
	padding: 1em;
	
}

.slider > * .tab {
	
	display: none;
	
}

.slider a[href], form span.checkbox {
	
	margin-right: 1em;
	display: inline-block;
	
}

.slider a[href]:before {
	
	content: '>';
	color: transparent;
	display: inline-block;
	background: url(arrow-right.svg) no-repeat center center;
	background-size: auto 67%;
	margin-right: .5em;

}

.slider form .row {
	
	width: 81%;
	margin-left: -11px;
	margin-top: -22px;

}

.slider form select {
	
	background: #fff url(arrow-select.png) no-repeat calc(100% - 1rem) 50%;

}

.slider form .row > *, .slider form .row a[href] {

	padding-top: 0;
	padding-bottom: 0;
	color: #fff;

}

.offers a, .offers a b, .offers a em {
	
	display: block;
	background: center center no-repeat;
	background-size: cover;

}

.slider-wrap.tabs>.slider-nav.row {
	
	margin-top: 0;

}

.slider-wrap.tabs>.slider-nav a:first-child {
	
	background: #f5f4f1 url(takeoff-dark.png) no-repeat calc(100% - 1rem) 50%;

}

.slider-wrap.tabs>.slider-nav a.active:first-child {
	
	background: $darker-grey url(takeoff-white.png) no-repeat calc(100% - 1rem) 50%;

}

.slider-wrap.tabs>.slider-nav a:nth-child(2) {
	
	background: #f5f4f1 url(car-dark.png) no-repeat calc(100% - 1rem) 50%;

}

.slider-wrap.tabs>.slider-nav a.active:nth-child(2) {
	
	background: $darker-grey url(car-white.png) no-repeat calc(100% - 1rem) 50%;

}

.slider-wrap.tabs>.slider-nav a:nth-child(3) {
	
	background: #f5f4f1 url(hotel-dark.png) no-repeat calc(100% - 1rem) 50%;

}

.slider-wrap.tabs>.slider-nav a.active:nth-child(3) {
	
	background: $darker-grey url(hotel-white.png) no-repeat calc(100% - 1rem) 50%;

}

.slider-wrap.tabs>.slider-nav a:nth-child(4) {
	
	background: #f5f4f1 url(bookings-dark.png) no-repeat calc(100% - 1rem) 50%;

}

.slider-wrap.tabs>.slider-nav a.active:nth-child(4) {
	
	background: $darker-grey url(bookings-white.png) no-repeat calc(100% - 1rem) 50%;

}

.slider-wrap.tabs>.slider-nav a:nth-child(5) {
	
	background: #f5f4f1 url(checkin-dark.png) no-repeat calc(100% - 1rem) 50%;

}

.slider-wrap.tabs>.slider-nav a.active:nth-child(5) {
	
	background: $darker-grey url(checkin-white.png) no-repeat calc(100% - 1rem) 50%;

}

.offers a em {
	
	font-style: normal;
	font-weight: bold;

}

.offers a {
	
	margin-bottom: 1em;

}

.offers a span {
	
	background: url(offer-box-bg.png) top right no-repeat;
	color: #fff;
	display: inline-block;
	padding: .5em 3em .5em 1em;
	margin: 4em 0 1em -1em;
	font-size: 1.3em;

}

form .checkbox, form .checkbox label:first-of-type {
	
	margin: 0;

}

.tip b {
	
	font-size: 1.3em;
	display: block;
	margin-top: .5em;
	margin-bottom: -.5em;

}

#content nav.drop ul li a {
	
	padding: 0;
	min-height: 0;
	background: none;
	color: #BE1902;
	
}

#content nav.drop ul li {
	
	background: none;
	border-right: 1px solid;
	line-height: 1;
	margin-right: 1rem;
	padding-right: 1rem
	
}

@media screen and (max-width: 640px) {

	.slider-wrap.tabs>.slider-nav a {
		
		background-image: none !important;
	
	}
	
	header .row.logo nav ul li:last-child {
		
		float: none;
	
	}
	
	.slider form .row {
		
		width: 100%;
		margin: 0;
		
	}
	
	header .row.top {
		
		margin: 0;
		padding: 0;
		
	}
	
	nav.drop {
		
		width: auto;

	}
	
	header nav.drop {
		
		float: left;

	}
	
	header .row.logo nav ul li:first-child {
		
		display: block;
		margin-bottom: 1em;
		
	}
	
	header .row.logo nav ul li+li a {
		
		padding: 0 .5em 0 0;
		font-size: 1.3em;
		
	}
	

	.banner {
		
		height: 47em;
	
	}
	
	.slider form select {
		
		margin: .3em 0;
		
	}
	
	form input[type=submit] {
		
		margin-top: .5em;
	
	}
	
	#content nav.drop ul li a {
		
		line-height: 2;

	}
	
	#content nav.drop ul li {
		
		background: #fff;
		
	}

}
