/*
Blue Header: 		4FA0D7
Red h1 h2			FF5556 / hover D6484D
Grey light back:	D7D7D7
Grey dark back:		363636
Blue light back:	D9E7F0
*/

/*
*
* Reuseable styles
*
*/
h3.ribbon {
	position: relative;
	display: inline-block;
	margin: 10px 0 0 -17px;
	padding: 0 15px 0 20px;
	font-size: 2rem;
	letter-spacing: 0.03em;
	height: 2.0em;
	line-height: 2.0em;
	color: #fff;
	background-color: #FF5556;
	font-weight: 400;
	text-transform: uppercase;
	
}
h3.ribbon:after {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 0px;
	top: 100%;
	border-width: 5px 5px;
	border-style: solid;
	border-color: #D55654 transparent transparent transparent;
}


/*
* icon shapes
*/
i.diamond {
	position: relative; 
	width: 0; 
	height: 0; 
	top: -37px;
	border: 37px solid transparent; 
	border-bottom-color: #4E9FD5;
} 

i.diamond:after {
	position: absolute; 
	content: ''; 
	width: 0; 
	height: 0; 
	top: 37px; 
	left: -37px; 
	border: 37px solid transparent; 
	border-top-color: #4E9FD5;
}
i.circle {
	width: 100px;
	height: 100px;
	background: red;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	/* Cleaner, but slightly less support: use "50%" as value */
}
.animated {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -10%, 0);
		transform: translate3d(0, -10%, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}
@keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -10%, 0);
		transform: translate3d(0, -10%, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}
.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
}
@-webkit-keyframes fadeOutUp {
 	from {
		opacity: 1;
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -10%, 0);
		transform: translate3d(0, -10%, 0);
	}
}
@keyframes fadeOutUp {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -10%, 0);
		transform: translate3d(0, -10%, 0);
	}
}
.fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	animation-name: fadeOutUp;
}

/*
* Zebra Datepicker updates
*/
.Zebra_DatePicker {
	box-sizing: border-box;
    padding: 20px;
	font: 16px 'Roboto', sans-serif;
	width: 100% !important;
}
@media (min-width: 750px) {
	.Zebra_DatePicker {
		width: 350px !important;
	}
}
.Zebra_DatePicker h6 {
	font-family: 'Roboto', sans-serif;
	font-size: 1.8rem;
	color: #d55654;
	font-weight: 700;
	text-align: center;
}
.Zebra_DatePicker table {
	margin-bottom: 0;
}
.Zebra_DatePicker .dp_body .dp_hover,
.Zebra_DatePicker .dp_body .dp_hover.dp_time_control,
.Zebra_DatePicker .dp_actions .dp_hover {
    background: #e9f0f3;
}
.Zebra_DatePicker .dp_body .dp_selected {
    background: #FF5556;
}

/*
*
* Header 
*
*/
header {
	height: 50px;
	margin: 0px;
	padding: 2px 0 5px 0;
	color: #fff;
	background-color: #4FA0D7;
}
@media (min-width: 700px) {
	header {
		padding: 1px 0 5px 0;
		height: 57px;
	}
}
@media (min-width: 950px) {
	header {
		height: 109px;
	}
}
header .container {
	margin: 10px auto 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
header .container.main { 
	padding: 0 100px 0 15px;
}
header a {
	color: #fff;
}
header .logo {
	position: absolute;
	display: block;
	width: 200px;
	height: auto;
	float: left;
	z-index: 2;
}
@media (min-width: 350px) {
	header .logo {
		width: 270px;
	}
}
@media (min-width: 470px) {
	header .logo {
		width: 350px;
	}
}
@media (min-width: 700px) {
	header .logo {
		width: 430px;
	}
}
@media (min-width: 950px) {
	header .logo {
		width: 490px;
	}
}
header .logo img {
	width: 100%;
	height: auto;
}

@media (min-width: 950px) {
	header .connect {
		display: inline-block;
		float: right;
	}
}


header #head--search-box {
	display: none;
	width: 250px;
	margin: 6px 0 0 40px;
	padding: 3px 20px;
	float: left;
	background-color: #fff;
	border-radius: 20px;
}
@media (min-width: 950px) {
	header #head--search-box {
		display: inline-block;
	}
}
header #head--search-box i {
	display: inline-block;
	float: left;
	margin-top: 10px;
	font-size: 2rem;
	color: #4FA0D7;
}
header #head--search-box input[type=text] {
	width: 230px;
	margin: 0;
	padding: 0 0 0 0.5em;
	color: #666;
	border: none;
	font-size: 1.8rem;
	background-color: #fff;
	-webkit-transition: width 0.2s ease-in-out;
	transition: width 0.2s ease-in-out;
}


header .connect {
	position: relative;
	display: none;
	margin-top: 10px;
}
@media (min-width: 950px) {
	header .connect {
		display: inline-block;
		float: right;
	}
}
header .connect a {
	display: inline-block;
}
header .connect a i {
	display: inline-block;
	font-size: 3.5rem;
	margin-left: 0.5em;
	vertical-align: middle;
	
	transition: all 0.1s ease-in;
	-ms-transition: all 0.1s ease-in;
	-moz-transition: all 0.1s ease-in;
	-webkit-transition: all 0.1s ease-in;
}
header .connect a:hover i,
header .connect a i:hover {
	color: #D7D7D7;
}

header .icon-bell {
	position: relative;
	margin-left: 0.5em;
	font-size: 3.5rem;
	vertical-align: middle;
	cursor: pointer;
}
header .icon-bell .num {
	position: absolute;
	width: 14px;
	height: 14px;
	font-size: 1.0rem;
	top: -2px;
	right: -2px;
	color: #fff;
	background-color: #FF5556;
	border-radius: 50%;
	padding: 2px;
	text-align: center;
}
header .icon-bell {
	position: relative;
	margin-left: 0.5em;
	font-size: 3.5rem;
	vertical-align: middle;
	cursor: pointer;
}

/*
* Notification dropdown
* From https://codepen.io/mohamedalzahaby/pen/oRBbRB
*/
#notifications-dropdown {
	position: absolute;
	display: none;
	right: 0px;
	top: 53px;
	width: 390px;
	min-width: 100px;
	min-height: 10px;
	
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
	z-index: 20;
}
#notifications-dropdown.show {
	display: block;
}
#notifications-dropdown .dropdown-header {
	background: #FFF;
	padding: 15px;
	position: relative;
	text-align: center;
	color: #747F8B;
	font-weight: bold;
	border-radius: 10px 10px 0 0;
	border: 0px;
	border-style: solid;
	border-bottom-width: 1px;
	-moz-border-image: -moz-linear-gradient(right, white, #cedae0, #cedae0, white) 1 20%;
	-o-border-image: -o-linear-gradient(right, white, #cedae0, #cedae0, white) 1 20%;
	border-image: linear-gradient(to right, white 0%, #cedae0 40%, #cedae0 60%, white 100%) 1 20%;
	box-shadow: 0px 2px 10px -2px #cedae0;
}
#notifications-dropdown .triangle {
	position: absolute;
	top: -8px;
	right: 11px;
	height: 15px;
	width: 15px;
	border-radius: 6px 0px 0px 0px;
	transform: rotate(45deg);
	background: #FFF;
}
#notifications-dropdown .dropdown-body {
	max-height: 292px;
	background: #e9f0f3;
	overflow-y: auto;
	overflow-x: hidden;	
}
#notifications-dropdown .notification {
	display: block;
	min-height: 45px;
	padding: 15px;
	border: 0px;
	border-style: solid;
	border-bottom-width: 1px;
	-moz-border-image: -moz-linear-gradient(right, white, #cedae0, #cedae0, white) 1 20%;
	-o-border-image: -o-linear-gradient(right, white, #cedae0, #cedae0, white) 1 20%;
	border-image: linear-gradient(to right, white 0%, #cedae0 40%, #cedae0 60%, white 100%) 1 20%;
	color: #747F8B;
	cursor: pointer;
	font-size: 1.4rem;
	word-spacing: 2px;
	line-height: 21px;
	text-decoration: none;
}
#notifications-dropdown .notification.open-booking-form {
	background-color: #fff;
}
#notifications-dropdown .notification.single {
	min-height: auto;
	padding: 9px 15px;
	background-color: #fff;
	text-align: right;
}
#notifications-dropdown .notification.no-icon {
	padding-left: 65px;
}
#notifications-dropdown .notification:hover {
	background-color: #DDE6EB;
}
#notifications-dropdown .notification .highlight {
	font-weight: 700;
}
#notifications-dropdown .notification img,
#notifications-dropdown .notification i {
	display: inline-block;
	float: left;
	width: 32px;
	height: 45px;
	margin: 0 15px 0 0;
	color: #000;
}
#notifications-dropdown .notification i {
	height: 35px;
	margin: 15px 10px 0 5px;
	font-size: 2.4rem;
}
#notifications-dropdown .notification:hover i {
	color: #000;
}



/*
*
* Header Navigation
*
*/
header nav {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1;
}
@media (min-width: 950px) {
	header nav {
		position: relative;
		float: none;
		clear: both;
		margin: 0;
		padding: 0;
		width: 100%;
		background-color: #363636;
	}
}
header nav .container {
	width: 100%;
	margin-bottom: 0;
}
@media (min-width: 950px) {
	header nav .container {
		width: 96%;
	}
}
header nav ul {
	position: absolute;
	top: 47px;
	right: 0;
	left: 0;
	min-height: 35px;
	margin: 0 auto;
	padding: 10px 0;
	background-color: #363636;
	text-align: center;
	list-style: none;
}
@media (min-width: 700px) {
	header nav ul {
		top: 53px;
	}
}
@media (min-width: 950px) {
	header nav ul {
		position: relative;
		top: 0;
		text-align: left;
		padding: 0;
	}
}
header nav ul li {
	display: block;
	margin: 0;
	padding: 0;
	border-bottom: 1px #444 solid;
}
@media (min-width: 950px) {
	header nav ul li {
		display: inline-block;
	}
}
header nav ul li:hover {
	background-color: #444;
}
header nav ul li a {
	display: block;
	height: 48px;
	margin: 0;
	padding: 0 0.5em;
	color: #fff;
	line-height: 45px;
	text-decoration: none;
	cursor: pointer;
}
@media (min-width: 950px) {
	header nav ul li a {
		padding: 0 1.25em 0 1.24em;
	}
	/*
	header nav ul li:first-child {
		margin-left: 0;
	}
	*/
}
header nav ul li a.active {
	background-color: #444;
}
header nav ul li a:hover {
	text-decoration: none;
}
header nav ul li a i {
	display: inline-block;
	margin-right: 5px;
	font-size: 2rem;
	transform: translateY(3px);
}


/* 
* menu toggle button
*/
.main-menu-btn {
	position: relative;
	display: inline-block;
	float: right;
	width: 31px;
	height: 28px;
	margin: 5px 15px;
	text-indent: 31px;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
@media (min-width: 950px) {
	/* hide the button in desktop view */
	.main-menu-btn {
		position: absolute;
		top: -99999px;
	}
}
/* hamburger icon */
.main-menu-btn-icon, 
.main-menu-btn-icon:before, 
.main-menu-btn-icon:after {
	position: absolute;
	top: 12px;
	left: 0;
	height: 3px;
	width: 31px;
	background: #fff;
	-webkit-transition: all 0.25s;
	transition: all 0.25s;
}
.main-menu-btn-icon:before {
	content: '';
	top: -11px;
	left: 0;
}
.main-menu-btn-icon:after {
	content: '';
	top: 11px;
	left: 0;
}
/* x icon */
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon {
	height: 0;
	background: transparent;
}
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before {
	top: 0;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after {
	top: 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
/* hide menu state checkbox (keep it visible to screen readers) */
#main-menu-state {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	border: 0;
	padding: 0;
	overflow: hidden;
	clip: rect(1px,1px,1px,1px);
}
/* hide the menu in mobile view */
#main-menu-state:not(:checked) ~ #main-menu {
	display: none;
}
@media (min-width: 950px) {
	/* always show the menu in desktop view */
	#main-menu-state:not(:checked) ~ #main-menu {
		display: block;
	}
}
#main-menu-state:checked ~ #main-menu {
	display: block;
}


/*
*
* Schedules Slidebar
*
*/
.js-close-any {
	position: relative;
	cursor: pointer;
	overflow: hidden;
}
.js-close-any:before:hover {
	transform: scale(1.3, 1.3);
	color: red;
}
.js-close-any:after {
	position: absolute;
	content: ' ';
	top: 0; right: 0;
	bottom: 0; left: 0;
	width: 100%;
	height: 100%;
	padding: 10000px 0;
	background:rgba(0,0,0,0.7);
	z-index: 1;
	cursor: pointer;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}
#schedules.slidebar {
	padding: 20px 0px 0px 0px;
	color: #333;
	background-color: #e9f0f3;
}
.slidebar__close {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	color: #fff;
	width: 30px;
	height: 30px;
	padding: 10px;
	font-size: 4.0rem;
	text-align: center;
	line-height: 30px;
	cursor: pointer;
	z-index: 2;
	transition: all 0.1s linear;
}
.slidebar__close.show {
	display: block;
}
#schedules.slidebar h2 {
	margin-left: 15px;
	font-size: 3rem;
}
#schedules.slidebar h2 {
	margin-bottom: 0;
	padding-left: 15px;
	font-size: 2.5rem;
	font-weight: 700;
}
#schedules.slidebar h6 {
	margin-bottom: 10px;
	padding-left: 15px;
	font-size: 1.5rem;
	font-weight: 700;
}
#schedules.slidebar ul {
	margin: 1em 0 0 0;
	list-style-type: none;
}
#schedules.slidebar ul li {
	margin: 0;
	padding: 0;
}
#schedules.slidebar ul li.head {
	padding: 0.5em 0em;
}
#schedules.slidebar ul li a {
	display: block;
	margin: 0;
	padding: 0.4em 1em;
	font-size: 1.5rem;
	border-bottom: 1px #cedae0 solid;
	color: #747F8B;
	text-decoration: none;
}
#schedules.slidebar ul li a:hover {
	background-color: #DDE6EB;
}
#schedules.slidebar ul li ul {
	margin: 0;
	padding: 0;
}
#schedules.slidebar ul li ul li a {
	padding-left: 30px;
}
.mob_cta {
	display: block;
	position: fixed;
	bottom: 0;
	width: 100%;
	margin-bottom: 0;
	z-index: 1;
	border: none !important;
}
@media (min-width: 750px) {
	.mob_cta {
		display: none;
	}
}


/*
* Home page header
*
*/
section#banner {
	position: relative;
	padding: 10px 20px 0 20px;
	background: url("../img/bg-header.jpg") transparent no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	box-shadow: inset 0px 0px 50px rgba(0,0,0,0.8);
	
    
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
section#banner:after {
    position: absolute;
    display: block;
    content: " ";
    bottom: 0;
    left: 0;
    right: 0;
    height: 10px;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, rgba(255, 255, 255, 0)),
        color-stop(1, rgba(255, 255, 255, 100)));
}
#banner.show {
    padding: 20px;
	max-height: 600px;
}
@media (min-width: 750px) {
	section#banner.show {
		padding: 40px 40px 50px;
	}
}
#banner.show:after {
    content: none;
}
section#banner .toggle-booking-form {
	position: absolute;
	left: 0;
	bottom: -40px;
	display: inline-block;
	width: 130px;
	height: 40px;
	margin: auto;
	padding: 0 30px;
	right: 0;
	text-align: center;
	visibility: visible;
	line-height: 40px;
	background-color: #FF5556;
	color: #fff;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	cursor: pointer;
}
section#banner.show .toggle-booking-form {
	color: #FF5556;
	background-color: #fff;
	border: 1px #FF5556 solid;
	border-top: none;
}
section#banner .toggle-booking-form:hover {
	color: #fff;
	background-color: #D6484D;
}
.open-booking-form {
	cursor: pointer;
}

section#banner #search-form {
	max-height: 156px;
    overflow: hidden;
	-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;
	
}
section#banner.show #search-form {
	max-height: none;
	-webkit-transition: all 1.1s ease-in-out;
	-moz-transition: all 1.1s ease-in-out;
	-o-transition: all 1.1s ease-in-out;
	transition: all 1.1s ease-in-out;
}




/*
*
* Flight search form
*
*/
#search-form {
	position: relative;
	width: 100%;
	max-width: 1200px;
	margin: 0px;
	padding: 20px;
	color: #fff;
	background-color: #363636;
	background-color: rgba(54,54,54,0.6);
	box-shadow: inset 0px 0px 20px rgba(0,0,0,0.4);
}
@media (min-width: 750px) {
	#search-form {
		margin: 0 auto;
	}
}
		
#search-form h3.ribbon {
    margin: 0 0 10px -27px;
    padding: 0 40px
}
#search-form .options {
	display: inline-block;
}
#search-form .options label {
	margin-left: 20px;
	font-size: 2rem;
	
}
#search-form .options input {
	display: inline-block;
	margin-right: 0.2em;
}
#search-form label {
	display: inline-block;
}

#search-form input[type=text],
#search-form select,
#search-form textarea {
	display: block;
	margin: 5px 0;
	color: #333;
}
#search-form .fuzzyResults {
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	width: 100%;
}
#search-form .locations {
	width: 100%;
}
#search-form .locations label {
	position: relative;
	width: 100%;
}
@media (min-width: 500px) {
	#search-form .locations label {
		width: 50%;
		box-sizing: border-box;
		padding: 0 5px;
	}
}
#search-form .locations input,
#search-form .dates input,
#search-form .extras input,
#search-form .extras select,
#search-form .extras button {
	width: 100%;
	height: 36px;
	line-height: 36px;
	font-size: 1.8rem;
	border: 1px #222 solid;
}
#search-form .locations input:focus,
#search-form .dates input:focus,
#search-form .extras input:focus,
#search-form .extras select:focus {
	box-shadow: 0px 0px 0px 3px rgba(79,160,215,1);
}

/*
* Fuzzy Results
*/
.fuzzyResults {
	position: absolute;
	display: none;
	border: 1px solid #ccc;
	background: #FFF;
	z-index: 1;
}
.__autoitem {
	padding: 5px 10px;
	font-weight: 400;
	color: #000;
	background-color: #e9f0f3;
	cursor: pointer;
	box-sizing: border-box;
}
.__autoitem:hover {
	background-color: #DDE6EB;
}
.__autoitem.selected{
	background: #4FA0D7;
}


#search-form .dates,
#search-form .extras {
	display: inline-block;
	width: 100%;
}
@media (min-width: 750px) {
	#search-form .dates,
	#search-form .extras {
		width: 50%;
	}
}
#search-form .dates label {
	width: 50%;
	box-sizing: border-box;
	padding: 0 5px;
}

#search-form.oneway #search--return-date-label {
	display: none;
}
#search-form.oneway #search--depart-date-label {
	width: 100%;
}

#search-form .extras label {
	width: 25%;
	box-sizing: border-box;
	padding: 0 5px;
}
@media (min-width: 500px) {
	#search-form .extras label {
		width: 25%;
	}
}
#search-form .extras label#search--label-submit {
	width: 25%;
	color: #fff;
}
@media (min-width: 500px) {
	#search-form .extras label#search--label-submit {
		width: 50%;
	}
}
#search-form .extras label#search--label-submit .submit-text {
	display: none;
}
@media (min-width: 500px) {
	#search-form .extras label#search--label-submit .submit-text {
		display: inline;
	}
}
#search-form #search--submit {
	padding: 2px 15px;
	overflow: hidden;
	transition: all 0.1s linear;
}
#search-form #search--submit:hover {
	padding-right: 50px;
}
#search-form #search--submit i {
	display: inline-block;
	width: 20px;
	font-size: 1.5rem;
	transition: all 0.1s linear;
}
#search-form #search--submit:hover i {
	width: 0;
	opacity: 0;
	transform: translateY(-20px);
}
#search-form .poweredBy {
	position: absolute;
	top: 3px;
	right: 3px;
	width: auto;
	height: 38px;
	opacity: 1;
}

.Zebra_DatePicker_Icon_Wrapper {
	width: 100% !important;
	padding: 0 !important;
}

/*
*
* Content
*
*/
.content,
aside.sidebar {
	margin-top: 0px;
}
.content {
	padding: 0 20px;
}
@media (min-width: 750px) {
	.content,
	aside#sidebar {
		margin-top: 20px;
		margin-bottom: 60px;
		padding: 0;
	}
}
.content h1,
.content h2,
.content h3,
.content h4,
.content h5 {
	margin: 0 0 1em 0;
	padding: 0;
	color: #d55654;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	line-height: 1.2;
	clear: both;
}
.content h2,
.content h3,
.content h4,
.content h5 {
	margin: 1.5em 0 0.5em 0;
}

.content p {
	margin: 0 0 1em 0;
}

.content a {
	color: #FF5556;
}
.content a:hover {
	color: #000;
}

.content .button {
	display: block;
	margin: 1em auto;
	text-align: center;
	color: #fff;
	background-color: #FF5556;
	border-color: #FF5556;
}
.content .button:hover {
	color: #FF5556;
	background-color: #fff;
}
/*
* Tables
*/
.content .table-cont {
	margin: 40px 0 20px 0;
	overflow-x: auto;
}
.content .table-cont table {
	margin-bottom: 0;
}


.content table th {
	padding: 15px 8px;
	font-size: 1.5rem;
	color: #fff;
	background-color: #FF5556;
}
.content table th:first-child {
	padding-left: 15px;
}
.content table tr:hover {
	background-color: #FBFBFB;
}
.content table tr button {
	visibility: hidden;
	padding: 6px 15px;
	color: #FF5556;
	border-color: #FF5556;
}
.content table tr:hover button {
	visibility: visible;
	color: #FF5556;
	border-color: #FF5556;
}
@media (hover: none) {
	table tr button {
		visibility: visible !important;
	}
}
.content table tr:hover button:hover {
	color: #ffffff;
	background-color: #FF5556;
}
.content table td {
	padding: 5px 8px;
	font-size: 1.4rem;
}
@media (min-width: 750px) {
	table td.logo_holdr {
		padding: 0;
	}
}
@media (min-width: 950px) {
	table td.logo_holdr {
		padding: 5px 8px;
	}
}
.content table .airport {
	margin: 10px 0 0 0 ;
	line-height: 1.4;
}
.content table .airline {
	font-weight: 700;
	text-decoration: none;
	line-height: 1.4;
}
.content table .airline:hover {
	color: #FF5556;
	border-bottom: 1px #FF5556 solid;
}
.content table .times {
	color: #FF5556;
}
.content table .price {
	text-align: right;
	line-height: 1.4;
}
.content table .logo {
	display: block;
	width: 64px;
	height: 64px;
	border-radius: 6px;
}
@media (min-width: 750px) {
	table .logo {
		display: none;
	}
}
@media (min-width: 950px) {
	table .logo {
		display: block;
	}
}
.content table a:hover .logo {
	transform: scale(1.03);
}








/*
*
* Sidebar
*
*/
aside#sidebar {
	padding: 0;
}
@media (min-width: 750px) {
	aside#sidebar {
		padding-left: 50px;
	}
}
#sidebar h1,
#sidebar h2,
#sidebar h3,
#sidebar h4,
#sidebar h5,
.slidebar h1,
.slidebar h2,
.slidebar h3,
.slidebar h4,
.slidebar h5 {
	margin-top: 0em;
	padding: 0;
	color: #d55654;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	line-height: 1.2;
}


aside h2,
aside h3,
#subfoot h2,
#subfoot h3 {
	position: relative;
	display: block;
	margin: 0px 0 5px;
	padding-bottom: 20px;
	padding-left: 20px;
	font-family: 'Roboto', sans-serif;
	text-align: left;
	font-weight: 400;
	text-transform: uppercase;
}
aside .airports {
	margin: 0 0 40px 0;
	background-color: #D8E8F1;
	border: 1px #CCCCCC solid;
}

aside #airports .title,
aside #destinations .title {
	background: url(../img/bg-news.jpg) #fff no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding-bottom: 50px;
}
aside #destinations .title {
	margin-top: 30px;
	background-image: url(../img/bg-travel.jpg);
}
aside #airports h2,
aside #destinations h2 {
	margin: 0px auto 70px auto; /* bottom space for image */
	padding: 0 0 0 15px;
	color: #fff;
	font-size: 1.8rem;
	line-height: 4.2rem;
	background-color: #FF5556;
}
aside .articles ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
aside .articles ul li {
	margin: 0;
}
aside .articles ul li a {
	display: block;
	margin: 0;
	padding: 0.8em 15px;
	text-align: left;
	font-size: 1.5rem;
	color: #636363;
	line-height: 1.2;
	background-color: #D8E8F1;
	border-bottom: 1px #fff solid;
	text-decoration: none;
	
    transition: all 0.1s ease-in;
    -ms-transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
    -webkit-transition: all 0.1s ease-in;
}
aside .articles ul li a.more {
	padding: 0.5em 1em;
	text-align: right;
}
aside .articles ul li a:last {
	border: none;
}
aside .articles ul li a:hover {
	background-color: #E1EAEF;
	color: #FF5556;
	border-bottom: 1px #eee solid;
}

aside #links i {
	display: block;
	position: relative;
	line-height: 50px;
	margin: 0 auto 20px auto;
	font-size: 3.0rem;
	color: #fff;
	text-align: center;
	
	/* diamond section */
	width: 50px;
	height: 50px;
	vertical-align: middle;	
}




/*
* Index only
*/
.stripes * {
	position: relative;
	z-index: 1;
}  
.stripes:before {
	position: absolute;
	right: 0px;
	left: 0px;
	top: 0px;
	bottom: 0;
	content: ' ';
	z-index: 0;
	
	/* https://leaverou.github.io/css3patterns/#diagonal-stripes */
	background-image:
		repeating-linear-gradient(45deg, transparent, transparent 12px, 
		rgba(255,255,255,.1) 12px, 
		rgba(255,255,255,.1) 13px);
	/* grid
	background-image: 
		linear-gradient(rgba(255,255,255,.1) 2px, transparent 2px),
		linear-gradient(90deg, rgba(255,255,255,.1) 2px, transparent 2px),
		linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);
	background-size: 100px 100px, 100px 100px, 20px 20px, 20px 20px;
	background-position:-2px -2px, -2px -2px, -1px -1px, -1px -1px;
	*/
	box-shadow: inset 0px 0px 100px rgba(0,0,0,0.3);
}	  
.stripes.strong:before {
	background-image:
		repeating-linear-gradient(45deg, transparent, transparent 12px, 
		rgba(255,255,255,0.8) 12px, 
		rgba(255,255,255,0.8) 13px);
}


.pages {
	position: relative;
	margin: 0px 0px 0 0;
	padding: 70px 50px 30px;
	background-color: #E5F5FF;
	/*background: url("../img/bg-sky-wing.jpg") transparent no-repeat center;*/
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.pages__cont {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0;
}
@media (min-width: 750px) {
	.pages__cont {
		padding: 0 50px;
	}
}
.page__details {
	margin-bottom: 50px;
}
.pages__icon {
	width: 60px;
	margin: 0px 0 0 0;
	float: left;
}
.pages__icon i {
	display: block;
	width: 45px;
	height: 45px;
	line-height: 45px;
	margin: 5px 0;
	font-size: 2.0rem;
	color: #fff;
	text-align: center;
	border-radius: 50%;
	background-color: #FF7071;
}
.pages__icon i.icon-airplane {
	transform: rotate(90deg);
}
.pages__text {
	padding: 0 0 0 80px;
}
.pages__text h2 {
	margin: 0 0 0.5em 0;
	font-size: 2.2rem;
	color: #000;
}
.pages__text p {
	margin: 0 0em 1em 0;
	color: #000;
	font-size: 1.5rem;
}
@media (min-width: 750px) {
	.pages__text p {
		margin: 0 5em 1em 0;
	}
}
.pages__text a {
	font-size: 1.5rem;
	color: #000;
	transition: all 0.1s linear;
	overflow: hidden;
}
.pages__text a:hover {
	padding-right: 30px;
	background-color: #D9E7F0;
}
@media (min-width: 750px) {
	.pages__text a:hover {
		padding-right: 50px;
	}
}
.pages__text a i {
	display: none;
	width: 20px;
	transition: all 0.1s linear;
}
@media (min-width: 750px) {
	.pages__text a i {
		display: inline-block;
	}
}
.pages__text a:hover i {
	width: 0;
	opacity: 0;
	transform: translateY(-20px);
}



#index__text {
	padding: 0px 0 20px;
}

.features {
	position: relative;
	margin: 0px 0 0px 0;
	padding: 30px 50px 10px;
	color: #fff;
	background-color: #FF5556;
}
.features__title {
	margin: 30px auto;
	max-width: 900px;
}
.features__title h2 {
	padding: 0 50px;
	font-size: 3.8rem;
	text-align: center;
}
.features__title h2 span {
	display: block;
	font-size: 1.8rem;
	line-height: 1.8;
}
.features__title p {
	font-size: 2rem;
	text-align: center;
	line-height: 1.4;
}
.features__cont {
	max-width: 1020px;
	margin: 0 auto;
}
.features__cont i {
	display: block;
	font-size: 4.5rem;
	margin: 30px 0;
	border-radius: 50%;
	height: 45px;
	line-height: 45px;
	width: 45px;
	text-align: center;
	background-color: #FF7071;
}
.features__cont h3 {
	line-height: 1;
	font-weight: 700;
}
.features__cont p {
	font-size: 2.0rem;
}
.features__cont .first i,
.features__cont .first h3,
.features__cont .first p,
.features__cont .third i,
.features__cont .third h3,
.features__cont .third p {
	transform: scale(0.85);
	transform-origin: top left;
}


.callout {
	width: 100%;
	margin: 0px 0 50px;
	background-color: #e9f0f3;
}
.callout p {
	max-width: 900;
	margin: 0 auto;
	padding: 40px 15%;
	font-size: 3.1rem;
	text-align: center;
	line-height: 1.4;
}




#index__routes.container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 50px 30px;
}
#index__routes h2 {
	margin: 0 10px 20px 10px;
	text-align: center;
}
#index__routes ul {
	list-style-type: none;
}
#index__routes li {
	padding-left: 3em;
}
#index__routes a {
	display: block;
	text-decoration: none;
	transform-origin: center left;
}
#index__routes a:hover {
	transition: transform 0.1s;
	transform: scale(1.05);
}
#index__routes a h5 {
	color: #FF5556;
	margin: 10px 0 0px 0;
	font-size: 1.8rem;
	transition: transform 0.05s;
}
#index__routes a h5 .route {
	display: block;
	padding-right: 50px;
}
#index__routes a h5 .route:after {
	display: inline-block;
	content: '\00bb';
	margin-right: -30px;
	padding-left: 0.2em;
	font-size: 2.8rem;
	transition: transform 0.2s;
	transform: scale(0);
}
#index__routes a:hover h5 .route:after {
	transform: scale(1);
}
#index__routes a .price {
	color: #4FA0D7;
}
#index__routes .icon-plane {
	display: inline-block;
	padding-bottom: 1em;
	font-size: 1.5em;
	color: #555;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
#index__routes .icon-plane.return {
	padding-bottom: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

/*
* Airline logos sub footer
*/
#section__airline-logos {
	position: relative;
	padding: 60px 0 60px;
	background-color: #fff;
	text-align: center;
}
#section__airline-logos h3 {
	margin:  0 0.5em 60px;
	font-size: 3.2rem;
}
#section__airline-logos a {
	display: inline-block;
	margin: 0 30px 30px 30px;
	cursor: pointer;
}
#section__airline-logos img {
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
	background: #fff;
	border-radius: 6px;
}
#section__airline-logos:hover img:hover {
	box-shadow: 0 2px 20px rgba(0, 0, 0, 0.4);
	filter: none;
	-webkit-filter: grayscale(0);
}


/*
* Index pages load more button
*/
.show_more_main {
	margin: 15px 25px;
}
.show_more {
	background-color: #f8f8f8;
	background-image: -webkit-linear-gradient(top,#fcfcfc 0,#f8f8f8 100%);
	background-image: linear-gradient(top,#fcfcfc 0,#f8f8f8 100%);
	border: 1px solid;
	border-color: #d3d3d3;
	color: #333;
	font-size: 12px;
	outline: 0;
}
.show_more {
	display: block;
	padding: 10px 0;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
}
.show_more.hide {
	display: none;
}
.loading {
	display: none;
	padding: 10px 0;
	color: #333;
	font-size: 12px;
	text-align: center;
	outline: 0;
	font-weight: bold;
	background-color: #e9e9e9;
	border: 1px solid #c6c6c6;
}
.loading.show {
	display: block;
}
.loading_txt {
	border: 0;
	display: inline-block;
	height: 16px;
	padding-left: 20px;
}





#popular-destinations {
	padding: 70px 50px;
	background-color: #e9f0f3;
}
#popular-destinations .holdr {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	overflow: hidden;
}
#popular-destinations .holdr img {
	width: 100%;
	height: auto;
}
#popular-destinations .holdr:hover {
	
}
#popular-destinations .text {
	position: absolute;
	left: 0;
	bottom: 0; right: 0;
	padding: 2em 1em 1em 1em;
	text-align: left;
	color: #fff;
	
	-moz-box-shadow: inset 0 -10px 10px -10px #000000;
	-webkit-box-shadow: inset 0 -10px 10px -10px #000000;
	box-shadow: inset 0 -90px 90px -90px #000000;
}
#popular-destinations .text h5 {
	margin: 0;
	border-bottom: 1px #fff solid;
}
#popular-destinations .text p {
	margin: 0;
}
#popular-destinations .text p:after {
	content: ' >';
}


/*
* Cards
*/
.card {
	position: relative;
	display: inline-block;
	float: left;
	
	width: 100%;
	margin-right: 0%;
	margin-bottom: 40px;
	
	text-decoration: none;
	background-color: #fff;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	box-sizing: border-box;
}
@media (min-width: 400px) {
	.card:not(.full-width) {
		width: 46%;
		margin-right: 4%;
	}
}
@media (min-width: 550px) {
	.card:not(.full-width) {
		width: 29%;
		margin-right: 1.5%;
		margin-right: 1.5%;
	}
}
@media (min-width: 750px) {
	.card:not(.full-width) {
		width: 46%;
		margin-left: 2%;
		margin-right: 2%;
	}
}
@media (min-width: 950px) {
	.card:not(.full-width) {
		width: 29%;
		margin-right: 2.3%;
	}
}
@media (min-width: 1200px) {
	.card:not(.full-width) {
		width: 23%;
		margin-left: 1%;
		margin-right: 1%;
	}
}
/* different responsive layout for full width template */

@media (min-width: 450px) {
	.card.full-width {
		width: 46%;
		margin-left: 2%;
		margin-right: 2%;
	}
}
@media (min-width: 900px) {
	.card.full-width {
		width: 23%;
		margin-left: 1%;
		margin-right: 1%;
	}
}





a.card:hover {
	/* hover effect on <a> only */
	opacity: 0.9;
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
.card.no-hover:hover {
	opacity: 1;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.card img {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
}
.card:after {
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	width: 100%;
	-webkit-box-shadow: inset 0px 60px 55px -70px rgba(100,100,100,0.5);
	-moz-box-shadow: inset 0px 60px 55px -70px rgba(100,100,100,0.5);
	box-shadow: inset 0px 60px 55px -70px rgba(100,100,100,0.5);
	transition: all 0.3s;
}
.card:hover:after {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.card .text {
	padding: 15px 15px 0 15px;
	border-bottom: 15px #F4F4F4 solid;
	background-color: #F4F4F4;
	height: 58px;
	overflow: hidden;
}
.card h3,
.card h4 {
	margin: 0 0 0.25em 0;
	padding: 0px;
	font-size: 1.8rem;
	color: #444;
}
.card h4 {
	font-size: 1.6rem;
}
.card:hover h3,
.card:hover h4 {
	color: #FF5556;
}
.card h3 a,
.card h4 a {
	text-decoration: none;
}



.content img.featured {
	display: block;
	width: 100%;
	max-width: 700px;
	height: auto;
	margin: 30px auto;
}

/*
* Related content
*/
#related-content h2 {
	margin-bottom: 30px;
}
#related-content ul {
	list-style-type: none;
}
#related-content ul li {
	display: inline;
	margin: 0 15px 0 0;
}
#related-content ul a.button {
	display: inline-block;
	width: 100%;
	height: auto;
	padding: 11px 15px;
	font-size: 1.3rem;
}
@media (min-width: 550px) {
	#related-content ul a.button {
		width: auto;
	}
}
	


/* Contact form */
#contact_form #contact_message {
	height: 165px;
}
#contact_form  #contact_website {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/* Alerts */
.alert {
	margin: 0px;
	padding: 12px;
	margin-bottom: 2px;
}
.alert:last-of-type {
	margin-bottom: 2em;
}
.alert-info {
	color: #00529B;
	background-color: #BDE5F8;
}
.alert-success {
	color: #4F8A10;
	background-color: #DFF2BF;
}
.alert-warning {
	color: #9F6000;
	background-color: #FEEFB3;
}
.alert-error {
	color: #D8000C;
	background-color: #FFBABA;
}
.alert .container {
	margin-top: 0;
}



/*
*
* Footer
*
*/
#sub_footer {
	position: relative;
	padding: 60px 0 60px;
	background-color: #e9f0f3;
}
#sub_footer h2 {
	text-align: center;
}



/*
*
* Footer
*
*/
footer {
	padding: 60px 0 40px;
	background-color: #363636;
}
footer .container {
	padding: 0 20px;
}
@media (min-width: 1200px) {
	footer .container {
		padding: 0;
	}
}
footer a,
footer p,
footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6 {
	color: #fff;
}
footer a {
	text-decoration: none;
}
footer a:hover {
	border-bottom: 1px #fff dotted;
}

footer .connect a i {
	display: inline-block;
	font-size: 3.5rem;
	margin-right: 0.5em;
	vertical-align: middle;
	line-height: 1.5;
	
	transition: all 0.1s ease-in;
	-ms-transition: all 0.1s ease-in;
	-moz-transition: all 0.1s ease-in;
	-webkit-transition: all 0.1s ease-in;
}
footer .connect a:hover,
footer .connect a:hover i,
footer .connect a i:hover {
	color: #4FA0D7;
	bordeR: none;
}
footer #footer__small_p {
	margin-top: 45px;
}