/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
	border-radius: 5px;
	border: 0px solid #f72144;
	background: #111;
	color: #fff;
}

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 14px;
	padding: 8px 10px;
	overflow: hidden;
}

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
	/* border-color: ... !important; */
}


/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
	cursor: help;
	margin-left: 4px;
}






/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
	padding: 0;
	font-size: 0;
	line-height: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999999;
	pointer-events: none;
	width: auto;
	overflow: visible;
}
.tooltipster-base .tooltipster-content {
	overflow: hidden;
}


/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
	display: block;
	width: 0;
	height: 0;
	position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-top: 8px solid;
	bottom: -7px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-top: 9px solid;
	bottom: -7px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-bottom: 8px solid;
	top: -7px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-bottom: 9px solid;
	top: -7px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
	left: 0;
	right: 0;
	margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
	left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	left: 5px;
}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
	right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
	right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important;
	border-left: 8px solid;
	top: 50%;
	margin-top: -7px;
	right: -7px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important;
	border-left: 9px solid;
	margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important;
	border-right: 8px solid;
	top: 50%;
	margin-top: -7px;
	left: -7px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important;
	border-right: 9px solid;
	margin-top: -8px;
}


/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */

.tooltipster-fade {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
.tooltipster-fade-show {
	opacity: 1;
}

.tooltipster-grow {
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-o-transform: scale(0,0);
	-ms-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-swing {
	opacity: 0;
	-webkit-transform: rotateZ(4deg);
	-moz-transform: rotateZ(4deg);
	-o-transform: rotateZ(4deg);
	-ms-transform: rotateZ(4deg);
	transform: rotateZ(4deg);
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
}
.tooltipster-swing-show {
	opacity: 1;
	-webkit-transform: rotateZ(0deg);
	-moz-transform: rotateZ(0deg);
	-o-transform: rotateZ(0deg);
	-ms-transform: rotateZ(0deg);
	transform: rotateZ(0deg);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
	top: 0;
	-webkit-transition-property: top;
	-moz-transition-property: top;
	-o-transition-property: top;
	-ms-transition-property: top;
	transition-property: top;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-fall-show {
}
.tooltipster-fall.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	top: 0px !important;
	opacity: 0;
}

.tooltipster-slide {
	left: -40px;
	-webkit-transition-property: left;
	-moz-transition-property: left;
	-o-transition-property: left;
	-ms-transition-property: left;
	transition-property: left;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-slide-show {
}
.tooltipster-slide.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	left: 0px !important;
	opacity: 0;
}


/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
	opacity: 0.5;
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

.tooltip-inner {
    white-space:pre-wrap;
}

/* The tooltipster arrow is appearing too far from left and
pushing content on Tablets */

@media (min-width: 768px) and (max-width: 1024px) {
    .tooltipster-arrow {
        display: none!important;
    }
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .tooltipster-arrow {
        display: none!important;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    .tooltipster-arrow {
        display: none!important;
    }
}
/* css reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, menu, nav, section {
    display: block;
}

input, button {
    outline: 0; /* kills stupid blue border around inputs when focused */
}

ol, ul {
    list-style: none;
}

a {
    text-decoration: none;
    color: #2cb8e2;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition: all 0.2s;
}

a:hover {
    color: #12a2e2;
}

/* box sizing to combat box model padding */
*, *:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* modern sticky footer - http://mystrd.at/modern-clean-css-sticky-footer/ */
html {
    position: relative;
    min-height: 100%;
    scroll-behavior: smooth;
}

body {
    margin: 0 0 50px; /* bottom = footer height */
    padding: 0;
    font: 400 13px/20px 'arial', sans-serif;
    color: #333;
    background-color: #fff;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
}

html.is-mobile-app .site-header {
    position: fixed;
    top: 0;
    width: 100%;
}

/* LIST */
ol, ul {
    list-style: none;
}

/* TABLE */
table {
    border-spacing: 0;
    border-collapse: collapse;
}
.sprite-item{
    background-image: url("https://www.flighthub.com/images/sprites/fh-sprite.png");
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
}

.sprite-item.flag{
    height: 11px;
    width: 16px;
    margin: -4px 7px 0 0;
}

.sprite-item.flag.ca,
.sprite-item.flag.ca-fr{background-position: 0px 0px;}

.sprite-item.flag.us{background-position: 0px -16px;}


@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {

   .sprite-item{
        background-image: url("https://www.flighthub.com/images/sprites/fh-sprite-2x.png");
        background-size: 215px 324px;
    }

}

/*@media screen and (-webkit-device-pixel-ratio: 2){

}*/
.site-logo {
    display: inline-block;
    width: 200px;
    height: 45px;
    background-image: -webkit-linear-gradient(transparent, transparent), url("https://www.flighthub.com/cf-assets/images/logo-flighthub.svg");
    background-image: linear-gradient(transparent, transparent), url("https://www.flighthub.com/cf-assets/images/logo-flighthub.svg");
    background-position: 0 center;
    background-repeat: no-repeat;
    -webkit-transition: width .2s linear;
    -moz-transition: width .2s linear;
    -ms-transition: width .2s linear;
    transition: width .2s linear;
}

.modal-fare-alerts-logo {
    width: 200px;
    height: 45px;
}

.printable-logo {
    display: none;
}

/* base */

.btn {
    padding: 15px 25px;
    font-size: 13px;
    font-weight: 700;
    display: block;
    width: 100%;
    border-radius: 2px;
    border: 0;
    cursor: pointer;
    text-align: center;
    transition: all 0.2s;
}


/* sizing */

.btn.small {
    padding: 7px 15px;
    font-size: 12px;
}

.btn.large {
    padding: 15px 25px;
    font-size: 20px;
}

.btn.xlarge {
    padding: 20px 35px;
    font-size: 22px;
}


/* colors */

.btn.tangerine {
    color: white;
    background-color: #ff6432;
}

.btn.tangerine:hover {
    background-color: #ff3217;
}

.btn.capri {
    color: white;
    background-color: #2cb8e2;
}

.btn.capri:hover {
    background-color: #12a2e2;
}

.btn.disabled {
    color: #999;
    background-color: #eee;
}

.btn.disabled:hover {
    color: #999;
    background-color: #ddd;
}


/* helpers */

.btn.inline {
    display: inline-block;
    width: auto;
}

.btn:focus {
    border: 0;
    outline: 0;
}

.btn.centered {
    margin: 0 auto;
}
header {
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid #dcdcdc;
}

.header-container {
    margin: 0 auto;
    padding: 0 15px;
    max-width: 1230px;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
    position: relative;
}

body.flight .header-container {
    padding: 0 15px;
    max-width: 1370px;
}

.cobrand-wrap {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
}

/* Language spinner */
.lang-spinner {
    margin: 0 auto;
    padding: 35px;
    display: inline-block;
    color: #fff;
    background: rgba(255,255,255,0.9);
    text-align: center;
    border-radius: 20px;
    position: absolute;
    top: 35px;
    left: 45%;
    z-index: 100000;
    box-shadow: 0 0 10px #999;
}

.currency-flag {
    vertical-align: middle;
    margin-top: -3px;
}

.old-currency-selector-flag {
    vertical-align: middle;
    margin-top: -3px;
    width: 20px;
}

.logo {
    width: 165px;
    height: 37px;
    flex: 0 1 auto;
    -webkit-flex: 0 1 auto;
    background-image: url('https://www.flighthub.com/cf-assets/images/logo-flighthub.svg');
    background-position: 0 center;
    background-repeat: no-repeat;
    background-size: 165px 379px;
}

.logo-plus {
    width: 30px;
    flex: 0 1 auto;
    -webkit-flex: 0 1 auto;
    vertical-align: text-bottom;
    color: #999;
    font-size: 22px;
    text-align: center;
}

.logo-cobranding {
    width: 140px;
    flex: 0 1 auto;
    -webkit-flex: 0 1 auto;
    vertical-align: super;
}

.phone-warning-banner {
    padding: 10px;
    background-color: #ffffcc;
    font-weight: 700;
    text-align: center;
    border-bottom: 1px solid #d0d0aa;
}

nav.nav-container {
    flex: 0 1 auto;
    -webkit-flex: 0 1 auto;
}

nav>ul {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
}

nav ul li.mobile-main-nav {
    display: none;
}

nav>ul>li {
    flex: 0 1 auto;
    -webkit-flex: 0 1 auto;
    position: relative;
}

nav>ul>li>a {
    padding: 15px 15px;
    display: block;
    font-size: 12px;
    font-weight: 400;
    color: #666;
    transition: all 0.2s;
}

nav>ul>li>a:hover {
    color: #444;
}

nav>ul>li>a.header-signin {
    padding: 15px 25px 15px 40px;
    color: white;
    background-color: #2cb8e2;
    position: relative;
}

nav>ul>li>a.header-signin.tall {
    padding: 25px 25px 25px 40px;
}

.user-logged-in nav>ul>li>a.header-signin {
    width: 215px;
}

nav>ul>li>a.header-signin:before {
    content: '\f007';
    font-family: "Font Awesome 5 Free", Fontawesome;
    font-weight: 900;
    color: white;
    position: absolute;
    top: 15px;
    left: 20px;
    font-size: 16px;
}

nav>ul>li>a.header-signin.tall:before {
    top: 25px;
}

.user-logged-in nav>ul>li>a.header-signin:after {
    content: '\f107';
    font-family: "Font Awesome 5 Free", Fontawesome;
    font-weight: 900;
    position: absolute;
    top: 17px;
    right: 10px;
    font-size: 16px;
}

nav>ul>li>a.header-signin:hover {
    background-color: #12a2e2;
}

.mobile-nav-button {
    display: none;
}

.mobile-header-phone {
    displaY: none;
}

#header_myaccount {
    padding: 15px;
    border-top: 3px solid #00b4ff;
    width: 300px;
    position: absolute;
    left: -90px;
    top: 25px;
    background-color: #fff;
    z-index: 10;
}

#header_myaccount input {
    margin-bottom: 5px;
}

ul#header_myaccount li {
    border-bottom: 1px solid #dadada;
}

ul#header_myaccount li:last-child {
    border-bottom: 0;
}

ul#header_myaccount li a {
    padding: 8px 20px;
    display: block;
}

ul#header_myaccount li a:hover {
    color: #ec5300;
}

.hp-login-title {
    padding-bottom: 5px;
    font-weight: 700;
}

.login-links-wrap {
    margin-top: 15px;
}

.btn-login {
    padding: 7px 15px;
    color: #fff;
    background-color: #2cb8e2;
    border: 0;
    display: inline-block;
    text-align: center;
    cursor: pointer;
}
.btn-login:hover {
    background-color: #018dde;
}



/* subheader */

.subheader {
    width: 100%;
    background-color: #f5f5f5;
    border-bottom: 1px solid #dcdcdc;
}

.subheader-container {
    margin: 0 auto;
    padding: 0 15px;
    max-width: 1230px;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
}

body.flight .subheader-container {
    max-width: 1370px;
}

.submenu {
    flex: 0 1 auto;
    -webkit-flex: 0 1 auto;
}

.submenu>ul {
    display: flex;
    display: -webkit-flex;
}

.submenu>ul li {
    flex: 0 1 auto;
    -webkit-flex: 0 1 auto;
}

.submenu>ul li a {
    padding: 7px 28px 7px 0;
    display: block;
    color: #555;
    font-size: 12px;
    font-weight: 600;
}

.submenu-right {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}

.subheader-currency {
    padding: 5px 0;
    flex: 0 1 auto;
    -webkit-flex: 0 1 auto;
    position: relative;
}

.subheader-currency a {
    color: #555;
    font-size: 12px;
}






/* phone number in subheader */

.header-phone-container {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.header-phone-left {
    flex: 0 1 30px;
}

.header-phone-left img {
    width: 100%;
    display: block;
}

.header-phone-right {
    padding-left: 5px;
    flex: 1;
    font-size: 14px;
    line-height: 20px;
    font-weight: 900;
    text-align: left;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    position: relative;
}

.header-phone-right .fa.header-phone-info {
    margin: 0 0 -1px 7px;
    color: #bbb;
}

.header-phone-tooltip {
    display: none;
}

.header-phone-right .fa:hover + .header-phone-tooltip {
    padding: 10px;
    display: block;
    position: absolute;
    bottom: 20px;
    left: 0;
    font-size: 14px;
    font-weight: 400;
    color: #444;
    background-color: #ffffff;
    border-radius: 4px;
    box-shadow: 2px 2px 5px #666;
    white-space: nowrap;
}

.header-phone-tooltip img {
    margin: 0 5px -3px 0;
    display: inline-block;
}



/* currencies dropdown  JC - Nov 17 2021 */

.currency-selection-container {
    padding: 10px;
    width: 510px;
    background-color: #f5f5f5 !important;
    text-align: left;
}

.currency-selection-list {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

.currency-selection-list-item {
    flex: 0 0 25%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.0s;
}

.currency-selection-list-item:hover {
    background-color: #2cb8e2;
    color: #fff;
}

.currency-selection-list-item:hover .currency-symbol {
    background-color: #fff;
    color: #444;
}

.currency-selection-list-item:hover a {
    color: #fff;
}

.currency-selection-list-item a {
    padding: 5px 10px;
    color: #444;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    transition: all 0.0s;
}

.currency-selection-list-item a span {
    flex: 0 0 30px;
}

.currency-selection-list-item img {
    width: 18px;
    display: block;
}

.currency-symbol {
    margin-left: 5px;
    padding: 0 5px;
    display: inline-block;
    font-size: 12px;
    height: 20px;
    min-width: 20px;
    background-color: #f1f1f1;
    border-radius: 10px;
    text-align: center;
}

#header_lang.currency-selection-container {
    border-top: 0 solid #00b4ff;
    position: absolute;
    left: -520px;
    top: 32px;
    width: 510px;
    background-color: #f5f5f5;
    z-index: 1000;
    box-shadow: 1px 1px 3px #888;
}

.lang-slide-trigger img {
    margin-right: 5px;
    width: 16px;
    display: inline-block;
    vertical-align: middle;
}

.lang-slide-trigger .fa {
    margin-left: 5px;
}


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

    .currency-selection-container {
        padding: 10px 15px;
        font-size: 14px;
        background-color: #fff !important;
        width: 100%;
        display: flex;
        display: -webkit-flex;
        flex-direction: column;
        -webkit-flex-direction: column;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        align-items: flex-start;
        -webkit-align-items: flex-start;
    }

    .currency-selection-list {
        display: none;
    }

    .currency-selection-item {
        flex: 0 0 auto;
        -webkit-flex: 0 0 auto;
    }

    .currency-selection-item img {
        width: 16px;
        display: inline-block;
        vertical-align: middle;
    }

    .currency-selection-item select {
        margin-top: 10px;
        padding: 3px 5px;
        max-width: 160px;
        background-color: #fff;
        border-radius: 6px;
        border: 1px solid #dcdcdc;
    }

}

/* end currencies dropdown  JC - Nov 17 2021 */



#header_lang {
    border-top: 3px solid #00b4ff;
    position: absolute;
    left: -10px;
    top: 25px;
    width: 150px;
    background-color: #fff;
    z-index: 1000;
    box-shadow: 1px 1px 3px #888;
}

#header_lang ul li {
    border-bottom: 1px solid #dadada;
}

#header_lang ul li:last-child {
    border-bottom: 0;
}

#header_lang ul li a {
    padding: 7px 15px;
    display: block;
    color: #444;
}

#header_lang ul li a:hover {
    color: #fff;
    background-color: #2cb8e2;
}

#header_logout {
    position: absolute;
    left: 0;
    top: 50px;
    width: 215px;
    background-color: #fff;
    z-index: 10;
    box-shadow: 0 3px 5px rgba(0,0,0,.2);
}

#header_logout ul li a {
    padding: 10px;
    display: block;
    color: #666;
    transition: all 0.3s;
}

#header_logout ul li a:hover {
    color: #444;
    background-color: #f9f9f9;
}

#toggle-currency-box {
    border-top: 3px solid #00b4ff;
    position: absolute;
    left: -20px;
    top: 25px;
    width: 100px;
    background-color: #fff;
    z-index: 10;
    box-shadow: 1px 1px 3px #888;
}

#toggle-currency-box ul li {
    border-bottom: 1px solid #dadada;
}

#toggle-currency-box ul li:last-child {
    border-bottom: 0;
}

#toggle-currency-box ul li a {
    padding: 7px 15px;
    display: block;
    color: #444;
}

#toggle-currency-box ul li a:hover {
    color: #fff;
    background-color: #2cb8e2;
}

.header-service-btn {
    margin-top: 12px;
    padding: 10px 25px;
    display: inline-block;
    background-color: #ff6433;
    font-size: 16px;
    font-weight: 700;
    color: white;
    text-align: center;
    border-radius: 3px;
    transition: all 0.2s;
}

.header-service-btn:hover {
    background-color: #b63b00;
    color: white;
}

.header-phone {
    margin-left: 15px;
    padding: 10px 15px 11px;
    line-height: 20px;
    background-color: #ec5300;
    color: #fff;
    display: table-cell;
    height: 100%;
    float: right;
    text-align: center;
}

.header-phone a {
    display: none;
}

.header-phone span {
    font-size: 24px;
    color: #fff;
}

.header-phone a:hover {
    color: #fff;
}

nav span.menu-new-tag {
    position: absolute;
    left: 70px;
    top: -15px;
    display: block;
    background: #ec5300;
    font-weight: bolder;
    border-radius: 5px;
    color: white;
    padding: 3px 4px 2px;
    font-size: 8px;
}
span.plus-symb {
    font-weight: bolder;
    font-family: Arial, sans-serif;
}

.covid19-alert {
    background-color: #f1f1f1;
    border-bottom: 1px solid #dcdcdc;
}

.covid19-alert-inner {
    margin: 0 auto;
    padding: 12px 0;
    width: 100%;
    max-width: 1230px;
    font-size: 13px;
    line-height: 15px;
    text-align: center;
    display: flex;
    justify-content: center;
}

.covid19-alert-inner .fa {
    margin-right: 3px;
    color: #555;
}

.covid19-alert-inner a {
    font-weight: 600;
    color: #1197bf;
    text-decoration: underline;
}

.covid19-alert-inner a:hover {
    color: #0d7391;
}



/* Hide */
.sidenav {
    display: none;
}




/* ukraine aid banner */

.ukraine-aid-banner {
    display: none;
}

body.home .ukraine-aid-banner {
    padding: 10px 15px;
    background-color: #005BBB;
    color: white;
    font-weight: 600;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.ukraine-aid-banner-icon {
    padding-right: 7px;
    flex: 0 0 auto;
}

.ukraine-aid-banner-icon img {
    display: block;
}

.ukraine-aid-banner-text {
    flex: 0 1 auto;
}

.ukraine-aid-banner-text a {
    color: #FFE877;
}

@media  (max-width: 650px) {

    .ukraine-aid-banner {
        margin-bottom: 20px;
    }

    .ukraine-aid-banner-text {
        font-size: 13px;
        line-height: 18px;
        display: flex;
        flex-direction: column;
    }

}






/* Flighthub anniversary banner */

.anniversary-banner {
    padding: 10px 15px;
    /*background-color: #272727;*/
    color: white;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: linear-gradient(-45deg, #000, #000, #2d3f46, #000);
    background-size: 200% 200%;
}

.anniversary-title {
    padding: 0 15px;
    flex: 0 1 auto;
    font-size: 24px;
    font-weight: 600;
    color: #FEBE1D;
    text-transform: uppercase;
}

.anniversary-text {
    padding: 0 15px;
    flex: 0 1 auto;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
}

.anniversary-code {
    padding: 10px 5px 10px 15px;
    flex: 0 1 auto;
    color: #2DB9E3;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.3em;
    border: 2px dashed #2DB9E3;
    text-transform: uppercase;
}

.anniversary-off {
    color: #FEBE1D;
}


@media  (max-width: 1075px) {

    .anniversary-title {
        padding: 0 10px;
        font-size: 18px;
    }

    .anniversary-text {
        padding: 0 10px;
        font-size: 14px;
    }

    .anniversary-code {
        padding: 5px 5px 5px 15px;
        font-size: 16px;
    }

}


@media  (max-width: 890px) {

    .anniversary-title {
        padding: 0 5px;
        font-size: 15px;
    }

    .anniversary-text {
        padding: 0 5px;
        font-size: 12px;
    }

    .anniversary-code {
        padding: 5px 5px 5px 15px;
        font-size: 12px;
    }

}









/* ==== Black Friday ==== */
.black-friday-banner {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #000000;
    /* background-image: url('https://www.flighthub.com/images/summer-sale-desktop-FH.jpg'); */
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 45px;
    /*padding: 5px 10px;*/
    text-align: center;
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 700;
    color: #FFF;
    margin: 0 auto;
    margin-top: -32px;
    -moz-font-feature-settings:"lnum" 1;
    -moz-font-feature-settings:"lnum=1";
    -ms-font-feature-settings:"lnum" 1;
    -o-font-feature-settings:"lnum" 1;
    -webkit-font-feature-settings:"lnum" 1;
    font-feature-settings:"lnum" 1;
}
.black-friday-banner span span{
    color: #febe1d;
    font-weight: 900;
}
.banner-green {
    color: #27CC41;
}
.banner-white {
    color: #ffffff;
}
.black-friday-img-head {
    width: 250px;
}
.black-friday-banner .fa-tags {
    color: #ffc932;
    font-size: 16px;
    margin-right: 5px;
}
.black-friday-banner #countdown {
    color: #FFF;
    width: 205px;
    padding: 5px 10px !important;
    text-transform: lowercase;
    margin: 0 14px;
    background: #2CB8E2;
    border-radius: 100px;
    font-size: 16px !important;
    font-weight: bolder;
}
.black-friday-banner .arrow-black-left {
    width: 0;
    height: 0;
    border-top: 19px solid transparent;
    border-left: 19px solid #000;
    border-bottom: 19px solid transparent;
    margin-right: -33px;
    z-index: 999;
    margin-left: 12px;
}
.black-friday-banner .arrow-yellow-right {
    width: 0;
    height: 0;
    border-top: 19px solid transparent;
    border-left: 19px solid #03d2ec;
    border-bottom: 19px solid transparent;
    margin-left: -14px;
    margin-right: 12px;
}

@media only screen and (max-width: 780px) {
    .black-friday-banner {
        font-size: 13px;
        flex-wrap: wrap;
        padding: 8px;
    }
    .black-friday-banner #countdown {
        margin: 0 8px;
        background: transparent;
        color: #ffc932;
        width: auto;
        padding: 0;
    }
    .black-friday-banner .arrow-black-left,
    .black-friday-banner .arrow-yellow-right{
        display: none;
    }
}

@media only screen and (max-width: 380px) {
    .black-friday-banner .fa-tags {
        display: none;
    }
}
/* ==== End Black Friday ==== */


@-webkit-keyframes highlightHeaderUser {

    0% {
        background: #30C8F6;
    }
    100% {
        background: #2cb8e2;
    }

}

@keyframes highlightHeaderUser {

    0% {
        background: #30C8F6;
    }
    100% {
        background: #2cb8e2;
    }

}

.jfly-header-user-profile.header-dropdown-updated {
    -webkit-animation: highlightHeaderUser 1s linear;
    animation: highlightHeaderUser 0.6s linear;
}

@media (max-width: 1250px) {

    .menu-responsive-hide {
        display: none;
    }

}

@media screen and (min-width: 1175px) {

    nav.nav-container {
        display: block !important;
    }
}

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

    .logo {
        margin: 5px 0;
    }

    .subheader {
        display: none;
    }

    nav>ul>li.mobile-main-nav {
        display: block;
    }

    nav.nav-container {
        display: none;
        position: absolute;
        top: 55px;
        right: 0;
        background: white;
        width: 50%;
        z-index: 19;
        max-width: 220px;
        transition: 0.3s; /* 0.5 second transition effect to slide in the sidenav */
        box-shadow: 0 3px 5px rgba(0,0,0,.2);
    }

    nav ul {
        flex-direction: column;
        -webkit-flex-direction: column;
        align-items: flex-start;
        -webkit-align-items: flex-start;
    }

    nav ul li {
        width: 100%;
    }

    nav ul li.top-separator {
        border-top: 1px solid #ddd;
    }

    nav ul li.bottom-separator {
        border-bottom: 1px solid #ddd;
    }

    nav ul li a {
        padding: 10px 15px;
        color: #666;
        font-size: 12px;
        font-weight: 600;
        text-transform: capitalize;
    }

    nav ul li a:hover {
        color: #444;
        background-color: #f9f9f9;
    }

    nav>ul>li>a.active {
        color: #fff !important;
        background-color: #00b4ff;
    }

    #header_logout {
        display: block !important;
        position: static;
        left: auto;
        top: auto;
        width: 100%;
        background-color: transparent;
        z-index: 10;
        box-shadow: none;
    }

    #header_logout ul li a {
        padding: 10px 15px;
        color: #666;
        font-size: 14px;
        font-weight: 800;
    }

    .mobile-nav-button {
        display: flex;
        display: -webkit-flex;
        flex: 0 1 auto;
        -webkit-flex: 0 1 auto;
    }

    .mobile-nav-button a {
        padding: 2px 5px 0;
        display: block;
        color: #999;
        font-size: 22px;
    }

    nav.slide-trigger ul {
        flex-direction: column;
        -webkit-flex-direction: column;
        align-items: flex-start;
        -webkit-align-items: flex-start;
    }

    nav.slide-trigger ul li {
        width: 100%;
    }

    nav.slide-trigger ul li a {
        color: #666;
    }

    nav>ul>li>a.header-signin {
        padding: 10px 15px;
        color: #666;
        background-color: white;
    }

    nav>ul>li>a.header-signin:before {
        content: '';
    }

    nav>ul>li>a.header-signin:hover {
        background-color: white;
    }

}







@media (max-width: 1024px) {

    .menu-responsive-hide {
        display: block;
    }

    #mobile_menu .fa {
        display: inline-block;
        margin-right: 7px;
    }

    #header_logout {
        border-top: 0 solid #00b4ff;
        position: relative;
        width: 100%;
        left: 0;
        top: 0;
    }


    #header_lang {
        border-top: 0 solid #00b4ff;
        position: relative;
        width: 100%;
        left: 0;
        top: 0;
    }

    #toggle-currency-box {
        border-top: 0 solid #00b4ff;
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
    }

    #mobile_menu .fa {
        display: inline-block;
        margin-right: 7px;
    }

    .mobile-hide {
        display: none;
    }
}
/* footer */
.footer {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 336px;
    width: 100%;
    color: #777;
}

html.is-mobile-app .footer {
    display: none;
}

.section-features *, .section-partners *, .section-footer * {
    padding: 0;
    margin: 0;
    border: 0;
}

div.section {
    font-family: 'Arial', 'Helvetica', sans-serif;
    font-size: 12px;
}

div.section ul, div.section li {
    list-style-type: none;
}

.section-footer {
    color: #fff;
}

div.section a {
    text-decoration: none;
    color: inherit;
}

.section-footer {
    background: #222;
    padding: 20px 0;
    line-height: 1.7;
}

div.section .container {
    width: 90%;
    max-width: 980px;
    margin: auto;
}

.display-table,
div.section .table-wrap {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.display-table .column,
.table-wrap .table-col {
    display: table-cell;
    vertical-align: top;
}

.assistance-box {
    background: #333;
    padding: 20px 20px 30px;
    line-height: 1.4;
    margin-top: 8px;
}

.table-col.assistance {
    width: 195px;
    font-size: 14px;
}

.section-footer .assistance a {
    font-weight: bold;
    font-size: 18px;
    display: block;
    margin: 5px 0;
}

.table-col.tab-navigation {
    padding: 8px 0 0 30px;
    overflow: hidden;
}

.table-col.tab-navigation .heading {
    font-weight: bold;
    text-transform: uppercase;
}

.tab-navigation .tab-items a.active, .tab-navigation .tab-items a:hover, .section-footer .assistance a {
    color: #75b6d6;
}

.tab-navigation .tab-items {
    float: left;
    width: 22%;
}

.tab-navigation .tab-results {
    float: left;
    width: 78%;
    padding-left: 10px;
}

.tab-navigation .tab-results-wrap {
    display: none;
    overflow: hidden;
    font-size: 0;
}

.tab-navigation .tab-results-wrap:first-child {
    display: block;
}

.tab-navigation .tab-results ul {
    width: 33.333333%;
    display: inline-block;
    padding: 0 10px;
    font-size: 12px;
    vertical-align: top;
}

.tab-navigation .tab-items a {
    font-size: 13px;
    position: relative;
    padding-left: 12px;
    display: inline-block;
}

.tab-navigation .tab-items a:before {
    content: '\2022';
    position: absolute;
    left: 0;
    font-size: 16px;
    top: -2px;
    display: none;
}

.tab-navigation .tab-results a, .table-col.tab-navigation .heading, .tab-navigation .tab-items a {
    line-height: 1.3;
    margin-bottom: 6px;
}

.tab-navigation .tab-items a.active:before {
    display: block;
}

.tab-navigation .tab-results a {
    display: inline-block;
    color: #75b6d6;
    margin-bottom: 4px;
}

.tab-navigation .tab-results a:hover {
    color: #fff;
}

/* =========== SECTION PARTNERS ========  */
.section-partners.section {
    text-align: center;
    background: #fff;
    padding: 25px 0;
}

.section-partners.section ul {
    font-size: 0;
}

.section-partners.section li {
    display: inline-block;
    font-size: 12px;
    vertical-align: middle;
    padding: 0 25px;
    max-height: 50px;
}
/* misc */
h1 {
    margin: 0 0 10px 0;
    font: 400 27px/26px arial, sans-serif;
}

sup {
    font-size: 8px;
}

input[type=text] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* float */
.left {
    float: left;
}
.right {
    float: right;
}

/* border */
.border-top {
    border-top: 1px solid #e1e1e1;
}
.dotted-border-bottom {
    border-bottom: 1px dotted #c1c1c1;
}
.border-grey {
    border: 1px solid #e1e1e1;
}

/* typo: align */
.center {
    text-align: center !important;
}
/* typo: style */
.underline {
    text-decoration: underline;
}
/* typo: weight */
.normal,
.nobold {
    font-weight: 400;
}
/* typo: size */
.xsmall {
    font-size: 9px;
    font-family: tahoma, sans-serif;
}
.smaller {
    font-size: 10px !important;
}
.small {
    font-size: 11px !important;
    line-height: 13px;
}
.regular {
    font-size: 12px !important;
}
.medium {
    font-size: 14px !important;
}
.big {
    font-size: 16px !important;
}
.bigger {
    font-size: 18px !important;
}
.biggest {
    font-size: 24px !important;
}
.massive {
    font-size: 28px !important;
    line-height: initial;
}
.huge {
    font-size: 30px !important;
}
/* typo: colors */
.dark-grey {
    color: #444;
}
.med-grey {
    color: #666;
}
.grey {
    color: #999 !important;
}
.light-grey {
    color: #d1d1d1;
}
.green {
    color: #629900;
}
.green-bright {
    color: #5da606;
}
.green-neon {
    color: #90f41a !important;
}
.blue-dark {
    color: #165772;
}
.orange {
    color: #ff5200 !important;
}
.yellow {
    color: #ffd259 !important;
}
.brightyellow {
    color: #ffff00;
}
.blue-reg {
    color: #0071a5 !important;
}
.blue {
    color: #1a5277;
}
.blue-bright {
    color: #2cb8e2;
}
.blue-fhub {
    color: #0072a3;
}
.yellow-fhub {
    color: #eea800;
}
.white {
    color: #fff !important;
}
.bg-green {
    background: #f0fed6;
}
.bg-grey {
    background: #f7f7f7;
}
.red {
    color: #d03636 !important;
}

/* buttons */
a.blue-reg-btn {
    padding: 7px 14px 8px;
    font: 700 12px arial, sans-serif;
    color: #fff;
    display: inline-block;
    background-color: #0072a3;
    border: 1px solid #0072a3;
    cursor: pointer;
    border-radius: 2px;
    transition: background-color 0.2s;
}
a.blue-reg-btn:hover {
    background: #004a6a;
    color: #ffffff;
}
a.green-reg-btn {
    padding: 7px 14px 8px;
    font: 700 12px arial, sans-serif;
    color: #fff;
    display: inline-block;
    background-color: #7dbe36;
    border: 1px solid #7dbe36;
    cursor: pointer;
    border-radius: 2px;
    transition: background-color 0.2s;
}

a.green-reg-btn:hover {
    background: #438100;
    color: #ffffff;
}

a.button-filter {
    margin: 0 0 25px;
    padding: 5px 14px;
    font: 700 12px arial, sans-serif;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    display: block;
    background: #0072a3;
    border: 1px solid #0072a3;
    text-align: center;
    position: relative;
    z-index: 2;
}

#new-search-buttons {
    display: inline;
}

.modal-search-btn-wrapper {
    display: inline;
}


a.btn-orange {
    padding: 9px 15px;
    font: 700 12px arial, sans-serif;
    color: #fff;
    display: inline-block;
    background-color: #f26639;
    cursor: pointer;
    border-radius: 2px;
    transition: background-color 0.2s;
}

a.btn-orange:hover {
    background-color: #c0512e;
    color: #fff;
}

/* photo */
.photo-right {
    margin: 0 20px 0 40px;
    float: right;
}
.photo-padded {
    padding: 3px;
    border: 1px solid #cdcdcd;
    background: #fff;
}

/* padding */
.padtop6 {
    padding-top: 6px;
}

.pad-both {
    padding: 5px;
}
/* margin */
.margin-right-18 {
    margin-right: 18px;
}

.middle, .middle10px, .middle9px, .middle8px, .middle7px, .middle6px, .middle5px, .middle4px, .middle3px, .middle2px, .middle1px {
    vertical-align: middle;
}
.middle12px {
    margin-top: -12px;
}
.middle11px {
    margin-top: -11px;
}
.middle10px {
    margin-top: -10px;
}
.middle9px {
    margin-top: -9px;
}
.middle8px {
    margin-top: -8px;
}
.middle7px {
    margin-top: -7px;
}
.middle6px {
    margin-top: -6px;
}
.middle5px {
    margin-top: -5px;
}
.middle4px {
    margin-top: -4px;
}
.middle3px {
    margin-top: -3px;
}
.middle2px {
    margin-top: -2px;
}
.middle1px {
    margin-top: -1px;
}
.pointer {
    cursor: pointer
}
.textshadow {
    text-shadow: -1px 1px 0 #333;
}
.regular-font {
    font: 12px Arial, Helvetica, sans-serif;
}

.mobile-only {
    display: none !important;
}

.clear {
    clear: both;
}

/* modern clearfix - http://cssmojo.com/the-very-latest-clearfix-reloaded/ */
.clearfix:after {
    content:"";
    display:block;
    clear:both;
}

/* error message */
.form-error {
    margin: 0 0 10px;
    display: none;
    clear: both;
    overflow: hidden;
    color: #ff0000;
}
.error-flow {
    margin-top: 11px;
    color: #ff0000;
}

/* feedback */
.feedback-error {
    margin: 0 0 5px;
    padding: 5px 10px;
    font-weight: 700;
    color: #fff;
    background-color: #b63434;
    border-radius: 2px;
    text-align: center;
}
.feedback-warning {
    margin: 0 0 5px;
    padding: 5px 10px;
    font-weight: 700;
    color: #AD7900;
    background: #F9F9CA;
    border-radius: 2px;
    text-align: center;
}
.feedback-success {
    margin: 0 0 5px;
    padding: 5px 10px;
    font-weight: 700;
    color: #fff;
    background-color: #7cb536;
    border-radius: 2px;
    text-align: center;
}

.fa-output-container {
    padding: 5px 15px;
    border-radius: 2px;
    margin-bottom: 5px;
    color: #FFFFFF;
}

/* head office only stats link */
a.searchStatsLink {
    color: white;
    text-decoration: underline;
}

/* recaptcha */

div #recaptcha_table .recaptcha_image_cell {
    padding: 0px !important;
    border: 1px solid #DFDFDF !important;
}

.recaptchatable,
.recaptchatable #recaptcha_image {
    border: 0px solid #DFDFDF !important;
}

.recaptchatable #recaptcha_image img {
    width: 230px !important;
}

/* css-only loading spinner */

.loader-container {
    margin: 0 auto;
    display: block;
}

.seatmap-upsell-error .loader-container {
    margin: 0 auto;
}

.final-step-modal .loader-container-upsell {
    display: block;
    margin: 5px auto;
    width: 6em;
}

.final-step-modal .loading-alert {
    color: #666;
    font-style: normal;
}

.loader, .loader-upsell {
    margin: 0;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border-top: 1.1em solid rgba(236,83,0, 0.2);
    border-right: 1.1em solid rgba(236,83,0, 0.2);
    border-bottom: 1.1em solid rgba(236,83,0, 0.2);
    border-left: 1.1em solid #ec5300;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
    overflow: hidden;
}

.loader,
.loader:after, .loader-upsell, .loader-upsell:after {
    border-radius: 50%;
    width: 6em;
    height: 6em;
}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}



@media (max-width : 1024px) {

    .mobile-only {
        display: block !important;
    }

}

.seatmap-upsell-container {
    padding: 15px 0 30px;
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 980px;
}

/* seatmap error */
.seatmap-upsell-error {
    padding: 0;
    background-color: #fff;
    max-width: 980px;
    text-align: center;
}

.error-content-1,
.error-content-2,
.error-content-3 {
    padding: 10px;
    box-sizing: border-box;
    display: inline-block;
    margin: 0 auto;
}

.error-content-img {
    width: 120px;
    height: auto;
    margin: 0 auto 20px;
}

.error-content-img img {
    width: 100%;
}

.seatmap-error {
    padding: 10px 50px 10px 10px;
    /* display: none; */
    font-weight: 600;
    line-height: 1.2;
    color: #d62727;
    position: relative;
    background: #fff0f0;
    border: 1px solid #d62727;
}

.seatmap-error .fa {
    position: absolute;
    right: 10px;
    top: 50%;
    font-size: 20px;
    margin-top: -10px;
}

.error-content-2 .seatmap-error-bigtext {
    color: #3FB151;
}
.seatmap-error-bigtext {
    padding: 0 0 10px 0;
    font-size: 32px;
    line-height: 35px;
    font-weight: 400;
    color: #444;
}

.seatmap-error-text {
    padding: 10px 0 0 0;
    font-size: 16px;
    line-height: 22px;
    color: #777;
}

.seatmap-error-infotext {
    margin: 20px auto 0;
    padding: 30px 0 0;
    border-top: 1px solid #cacaca;
    font-size: 16px;
    line-height: 22px;
    color: #666;
    width: 50%;
}

.seatmap-error-buttons {
    margin: 30px auto 0;
    width: 40%;
    text-align:center;
}

.seatmap-error-button {
    padding: 0 10px;
    display:inline-block;
    width: 49%;
}

.seatmap-error-button a {
    padding: 12px;
    display: block;
    background-color: #fff;
    color: #777;
    border: 1px solid #cacaca;
    border-radius: 2px;
    text-align: center;
}

.seatmap-error-button a:hover {
    color: #333;
    border: 1px solid #999;
}

.seatmap-not-available-wrap .seatmap-disabled {
    text-align: center;
}

/* disclaimer */
.hp-disclaimer {
    margin: 0 auto;
    padding: 0 0 25px;
    font-size: 11px;
    color: #999;
    max-width: 1024px;
}

/* linklist */
.hp-linklist-wrap {
    padding: 30px 0;
    width: 100%;
    background-color: #f6f6f6;
}

.hp-linklist-container {
    margin: 0 auto;
    padding: 0 15px;
    width: 75%;
    max-width: 1200px;
}

.hp-linklist-container>ul {
    display: flex;
    display: -webkit-flex;
}

.hp-linklist-container>ul>li {
    padding-bottom: 3px;
    flex: 1;
    text-align: left;
    vertical-align: top;
}

*:lang(fr) .hp-linklist-container>ul {
    flex-direction: column;
    -webkit-flex-direction: column;
}

*:lang(fr) .hp-linklist-container>ul>li {
    padding-bottom: 0;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
}

.hp-linklist-container ul li ul li.footer-title {
    padding-bottom: 5px;
}

.hp-linklist-container ul li ul li.notitle-column {
    padding-top: 28px;
}

.hp-linklist-container ul li ul li {
    width: 100%;
}

*:lang(fr) .hp-linklist-container ul li ul {
    display: flex;
    display: -webkit-flex;
}

*:lang(fr) .hp-linklist-container ul li:first-child ul {
    margin-bottom: 10px;
}

*:lang(fr) .hp-linklist-container ul li ul li {
    margin-right: 15px;
    padding-bottom: 0;
    width: auto;
    flex: 0 1 auto;
    -webkit-flex: 0 1 auto;
}

.hp-linklist-container ul li ul li a {
    color: #999;
    transition: all 0.2s;
}

.hp-linklist-container ul li ul li a:hover {
    color: #555;
}

/* social */
.hp-social-wrap {
    background-color: #2cb8e2;
}

.hp-social-container {
    margin: 0 auto;
    width: 65%;
}

.hp-social-container ul {
    padding: 25px 0;
    text-align: center;
}

.hp-social-container ul li {
    margin-right: -4px;
    display: inline-block;
    width: 10%;
}

.hp-social-container ul li a {
    font-size: 40px;
    color: #fff;
    transition: all 0.2s;
}

.hp-social-container ul li a:hover {
    color: #003348;
}


/* footer-logos */
.hp-footer-logos-wrap {
    background-color: #fff;
    overflow: hidden;
}

.hp-footer-logos-container {
    margin: 0 auto;
    padding: 20px 0;
    width: 33%;
    max-width: 1400px;
    display: table;
    color: #999;
}

.hp-footer-logos-cell {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

/* footer */

footer {
    padding: 15px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #111;
    color: #999;
    border-top: 0 solid #dadada;
}

.footer-wrap {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.footer-left {
    flex: 0 1 auto;
}

.footer-right {
    flex: 0 1 auto;
    text-align: right;
}

footer ul {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}

footer ul li {
    padding: 0 10px;
    flex: 0 1 auto;
    color: #999;
}

footer ul li a {
    color: #999;
}

footer ul li a:hover {
    color: #FFF;
}




@media (max-width: 1200px) {

    .hp-linklist-container {
        width: 95%;
    }

}





@media (max-width: 1024px) {

    .hp-social-container ul li a {
        font-size: 28px;
    }

}
/* universal layout classes */

.columns-wrap {
    margin: 0 auto;
    padding: 0 15px;
    max-width: 1200px;
    width: 100%;
    box-sizing: border-box;
    overflow-x: hidden;
}

.contest-rules-wrap {
    margin: 0 auto;
    padding: 45px 0;
    max-width: 1190px;
    overflow: hidden;
}

.contest-rules-wrap h1 {
    margin: 0 0 20px;
    padding: 0 !important;
    font-size: 24px;
    font-weight: 600;
}

.contest-rules-wrap p {
    margin: 0 0 20px;
}

.columns-container {
    margin: 20px auto 0;
    padding-bottom: 50px;
    display: table;
    table-layout: fixed;
    width: 100%;
    max-width: 100%;
}

/* Long legal/subpages (same view on mobile and desktop): last section clears fixed/absolute footer */
.columns-wrap .columns-container {
    padding-bottom: 120px;
}

.columns-left {
    display: table-cell;
    min-width: 250px;
    background: #f9f9f9;
    border: 1px solid #e1e1e1;
}

.columns-right {
    padding-left: 20px;
    display: table-cell;
    width: 100%;
    min-width: 0;
    min-height: 600px;
    vertical-align: top;
}

.section-title {
    padding: 0 0 5px;
    font-size: 18px;
    overflow: hidden;
    border-bottom: 1px solid #dadada;
}

.sidebar-title {
    margin-bottom: 5px;
    font-size: 12px;
    font-weight: 700;
    border-bottom: 1px solid #dadada;
}

@media only screen and (max-width: 1200px) {
    .contest-rules-wrap{
        max-width: 900px;
        margin: 0 auto;
        overflow: hidden;
        padding-left: 6px;
        padding-right: 6px;
    }
}




/* about us, terms, etc */

body.site {
    margin: 0 0 50px;
    background-color: #fff;
}

body.site.newsletter {
    margin: 0;
}

.subpage-heading-wrap {
    background-color: #393939;
}

.subpage-heading {
    margin: 0 auto;
    padding: 35px 15px;
    max-width: 1200px;
    font-size: 2vw;
    font-weight: bold;
    color: white;
}

.terms-nav-wrap {
    margin-bottom: 15px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
}

.terms-nav-wrap .terms-nav-item {
    padding: 15px;
    flex: 0 0 32.5%;
    background-color: #f9f9f9;
    border: 1px solid #eee;
}

.terms-nav-wrap .terms-nav-item ul {
    margin: 0;
    list-style-type: none;
}

.terms-nav-wrap .terms-nav-item ul li {
    padding: 3px 0;
}

.terms-nav-wrap .terms-nav-item ul li a {
    color: #2cb8e2;
}

.terms-nav-wrap .terms-nav-item ul li a:hover {
    color: #555;
}

.terms-section {
    margin-bottom: 15px;
    padding: 15px;
    background-color: #f9f9f9;
    border: 1px solid #eee;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
}

.terms-section p {
    margin-bottom: 10px;
}

.terms-section ul, .terms-section ol {
    margin: 15px 20px;
    list-style-type: disc;
}

.terms-section ul ul, .terms-section ol ol {
    margin: 5px 20px 0;
    list-style-type: disc;
}

.terms-section ul li, .terms-section ol li {
    padding: 5px 0;
}

#student-portal ol {
    list-style-type: decimal;
}
#student-portal ol li p,
#student-portal ol li::marker {
    font-weight: bold;
}
#student-portal li ul {
    margin: 5px 20px;
}
#student-portal ul li strong {
    font-style: italic;
}

.terms-section-title {
    padding-bottom: 15px;
    font-size: 16px;
    font-weight: bold;
}

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

    .terms-nav-wrap {
        padding: 15px;
        flex-direction: column;
        background-color: #f9f9f9;
        border: 1px solid #eee;
    }

    .terms-nav-wrap .terms-nav-item {
        padding: 0;
        flex: 1;
        border: 0;
    }

    footer .footer-wrap ul {
        justify-content: flex-start;
        flex-wrap: wrap;
        column-gap: 8px;
    }

}




/* fees table */


table.feesmodal {
    margin: 0 auto 25px;
    width: 600px;
    font-size: 11px;
    line-height: 15px;
    background-color: white;
    border-collapse: collapse;
    table-layout: fixed;
}

table.feesmodal td {
    padding: 10px;
    text-align: center;
    border: 1px solid #ddd;
}

table.feesmodal td.title {
    background-color: #e9e9e9;
    font-weight: bold;
}

table.feesmodal td.subtitle {
    background-color: #f9f9f9;
    font-weight: bold;
}

table.feesmodal td.txt-left {
    text-align: left;
}

table.feesmodal td ul {
    list-style-type: none;
}

table.feesmodal td ul li {
    padding: 0;
}

/* data tables (e.g. CA privacy policy) */
.general-table-wrap {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: 16px 0 24px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.general-table-wrap table {
    width: 100%;
    min-width: 560px;
    border-collapse: collapse;
    margin: 0;
    background-color: #fff;
    font-size: 13px;
    line-height: 1.45;
}

.general-table-wrap table thead tr {
    background-color: #f5f5f5;
}

.general-table-wrap table th {
    border: 1px solid #ddd;
    padding: 10px 12px;
    text-align: left;
    font-weight: 600;
    vertical-align: top;
}

.general-table-wrap table td {
    border: 1px solid #ddd;
    padding: 10px 12px;
    vertical-align: top;
}

.general-table-wrap table tbody tr:nth-child(even) {
    background-color: #fafafa;
}

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

    .general-table-wrap table {
        width: max-content;
        min-width: 100%;
    }

    .general-table-wrap table th,
    .general-table-wrap table td {
        max-width: min(200px, 42vw);
        overflow-wrap: anywhere;
        word-break: break-word;
    }

}

.back-to-top {
    display: none;
    position: fixed;
    bottom: 100px;
    right: 50px;
}

.back-to-top a:before {
    display: block;
    font-family: "Font Awesome 5 Free", Fontawesome;
    font-weight: 900;
    content: '\f077';
    font-size: 26px;
    color: #ffffff;
    background: #2cb8e2;
    height: 48px;
    width: 48px;
    border-radius: 4px;
    text-align: center;
    padding-top: 12px;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
}




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

    table.feesmodal {
        width: 450px;
    }

    table.feesmodal td {
        padding: 5px;
    }

    .fees-table-wrap {
        margin: 0 auto;
        width: 310px;
        overflow-x: auto;
    }

    .general-table-wrap table {
        font-size: 11px;
    }

    .general-table-wrap table th,
    .general-table-wrap table td {
        padding: 8px;
    }

    .back-to-top a:before {
        font-size: 24px;
    }

}






/* testimonials page */
.testimonials-top {
    margin: 0 0 25px;
    padding: 0;
    width: 100%;
    height: 385px;
    background: transparent url("https://www.flighthub.com/images/testimonials-top-bg.png") top center no-repeat;
    position: relative;
    z-index: 2;
}
.container-testimonials {
    margin: -100px auto 25px;
    padding: 25px;
    width: 980px;
    background: #fff;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
}
.title-testimonial {
    padding: 0 0 8px;
    margin: 0 0 20px;
    border-bottom: 1px solid #dcdcdc;
    overflow: hidden;
    font-size: 28px;
    line-height: 27px;
    font-weight: 300;
}
.title-testimonial h1 {
    padding: 0 0 3px;
    margin: 0;
}
ul.testimonials-reviews {
    overflow: hidden;
}
ul.testimonials-reviews li {
    margin-right: 3%;
    float: left;
    width: 30%;
}
ul.testimonials-reviews li:nth-child(3n) {
    margin-right: 0;
    width: 33%;
}
.testimonial-big-review {
    margin: 0 auto;
    padding: 20px 0 40px;
    width: 80%;
    text-align: center;
    font-family: 'lato', arial, sans-serif;
    font-size: 42px;
    font-weight: 100;
    font-style: italic;
    line-height: 42px;
}

ul.testimonials-topreviews {
    font-size: 0;
    background: #f8fdff;
    padding: 10px;
}

ul.testimonials-topreviews li {
    font-size: 12px;
    display: inline-block;
    vertical-align: top;
    padding: 10px;
    width: 33.333333%;
}







/* support */

.column-wrap-help {
    margin: 20px auto 0;
    padding-bottom: 50px;
    display: table;
    width: 980px;
}

.column-left-help {
    display: table-cell;
    min-width: 250px;
    background: #f9f9f9;
    border: 1px solid #e1e1e1;
}

.column-right-help {
    display: table-cell;
    width: 100%;
    min-height: 600px;
    vertical-align: top;
}

.column-right-receipt {
    margin-left: 265px;
    min-height: 600px;
}

.faq-search-wrap {
    padding: 15px 0;
}

.faq-search-left {
    margin-right: 1%;
    float: left;
    width: 79%;
}

.faq-search-left input {
    padding: 8px;
    width: 100%;
    border: 1px solid #cdcdcd;
}

.faq-search-right {
    float: left;
    width: 20%;
}

a.button-faq-search {
    padding: 6px;
    display: block;
    font: 300 16px arial, sans-serif;
    color: #fff;
    background: #0071a0;
    border: 1px solid #0071a0;
    border-radius: 2px;
    cursor: pointer;
    text-align: center;
}

a.button-faq-search:hover {
    background: #00405b;
}

.faq-title {
    padding: 10px 15px;
    font-size: 18px;
    overflow: hidden;
    background: #fff;
    border-bottom: 1px solid #e1e1e1;
}

.faq-title a {
    color: #006699;
}

ul.faq-default-list > li > div > ol {
    margin: 0 52px 0 70px;
    list-style: decimal;
}

ul.faq-default-list > li > div > ol > li:first-child {
    padding-top: 21px;
}

ul.faq-default-list > li > div > ol > li {
    padding: 11px 0 10px 0;
    border-bottom: 1px dotted #e1e1e1;
}

ul.faq-default-list > li > div > ol > li:last-child {
    padding-bottom: 21px;
    border-bottom: 0;
}

ul.faq-default-list {
    margin: 0;
}

ul.faq-default-list li a strong {
    font-weight: 400;
}

ul.faq-default-list > li {
    padding: 11px 0 10px 0;
    border-bottom: 1px dotted #e1e1e1;
    overflow: hidden;
}

ul.faq-default-list > li:last-child {
    border-bottom: 0;
}

.faq-bottom-title {
    padding: 13px 15px 11px 15px;
    border-top: 1px solid #d1d1d1;
    font-size: 16px;
    overflow: hidden;
}

.container-yes-no-btn {
    margin: 14px 0 10px 0;
}

ul.faq-sub-list {
    margin: 0 0 0 16px;
    list-style: disc;
}

ul.faq-sub-list > li:first-child {
    padding-top: 11px;
}

ul.faq-sub-list > li {
    padding: 11px 0 10px 0;
    border-bottom: 1px dotted #e1e1e1;
}

ul.faq-sub-list > li:last-child {
    padding-bottom: 11px;
    border-bottom: 0;
}



/* my account */
.my-account-wrap {
    margin: 0 auto;
    max-width: 1200px;
}

.column-wrap-myaccount {
    margin: 0 auto;
    padding: 0 0 50px;
    display: table;
    width: 100%;
}

.column-wrap-myaccount {
    margin: 20px auto 0;
    padding-bottom: 50px;
    display: table;
    width: 980px;
}

.column-left-myaccount {
    display: table-cell;
    min-width: 250px;
    background: #f9f9f9;
    border: 1px solid #e1e1e1;
}

.column-right-myaccount {
    padding-left: 20px;
    display: table-cell;
    width: 100%;
    vertical-align: top;
}

.login-content {
    margin: 0;
    overflow: hidden;
}

.social-login-buttons-wrap {
    display: table;
    table-layout: fixed;
}

.login-social-left .social-login-buttons-wrap {
    margin-top: 30px;
}

.social-login-buttons-left {
    display: table-cell;
    width: 40%;
}

.social-login-buttons-middle {
    display: table-cell;
    width: 20%;
    color: #666;
    vertical-align: middle;
    text-align: center;
}

.social-login-buttons-right {
    display: table-cell;
    width: 40%;
}

.social-login-buttons-left button {
    padding: 5px 15px 5px 8px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    color: #fff;
    background-color: #4267b2;
    border-radius: 2px;
    border: 0;
    outline: 0;
    transition: all 0.2s;
    cursor: pointer;
}

.social-login-buttons-left button:hover {
    background-color: #2c467b;
}

.social-login-buttons-left button .fa {
    margin-right: 10px;
    float: left;
    color: #fff;
    font-size: 24px;
}

.social-login-buttons-right button {
    padding: 5px 15px 5px 8px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    color: #fff;
    background-color: #4285f4;
    border-radius: 2px;
    border: 0;
    outline: 0;
    transition: all 0.2s;
    cursor: pointer;
}

.social-login-buttons-right button:hover {
    background-color: #3263b5;
}

.social-login-buttons-right button .fa {
    margin-right: 10px;
    float: left;
    color: #fff;
    font-size: 24px;
}

.social-sign-in .instructions {
    padding: 20px 0;
}

.account-content-signup .instructions {
    padding: 20px 0;
}

.login-social-wrap {
    display: table;
    width: 100%;
}

.login-social-left {
    padding-right: 15px;
    display: table-cell;
    width: 30%;
    border-right: 1px solid #dadada;
}

.login-social-right {
    padding: 25px 0 0 35px;
    display: table-cell;
    width: 70%;
    vertical-align: top;
}

.login-social-left .social-login-buttons-wrap {
    width: 100%;
}

.login-social-left .social-login-buttons-wrap .social-login-buttons-left,
.login-social-left .social-login-buttons-wrap .social-login-buttons-right,
.login-social-left .social-login-buttons-wrap .social-login-buttons-middle {
    padding: 10px 0;
    display: block;
    width: 100%;
    text-align: center;
}

.modal-error-login {
    margin-top: 5px;
    padding: 5px 10px;
    display: inline-block;
    color: #c32f2f;
    background-color: #fff7f7;
    border: 1px solid #c32f2f;
    border-radius: 2px;
}

.my-account-title {
    padding: 0 0 8px;
    font-size: 18px;
    overflow: hidden;
    background: #fff;
    border-bottom: 1px solid #e1e1e1;
}

.account-content-signup {
    margin: 35px 0 0;
    border-top: 1px solid #dadada;
}

.account-content {
    padding-top: 15px;
}

.account-content p {
    margin: 0;
    padding: 0 0 1em;
}

.account-content-nm {
    padding: 5px 0 15px;
    background: #fff;
    overflow: hidden;
}

.column-right-btn-wrap {
    padding-top: 10px;
}

.my-account-title a {
    color: #006699;
}

.login-fields-row {
    width: 50%;
}

#myaccount_nav {
    display: block;
}

.myaccount_nav_toggle {
    display: none;
}

ul.account-nav {
    margin: 0;
}

ul.account-nav li {
    position: relative;
}

ul.account-nav li a {
    padding: 13px 12px;
    font: 400 12px arial, sans-serif;
    color: #777;
    display: block;
    border-bottom: 1px solid #e1e1e1;
}

ul.account-nav li a img {
    padding: 0 7px 0 0;
}

ul.account-nav li a.active2:first-child, ul.account-nav li a.active:first-child {
    border-top: 0 solid #e1e1e1;
}

ul.account-nav li a:hover {
    margin: 0 0 0 0;
    border-bottom: 1px solid #e1e1e1;
    color: #006699;
    background: #fff;
}

ul.account-nav li a.active, ul.account-nav li a.active2 {
    margin: 0 0 0 0;
    border-bottom: 1px solid #e1e1e1;
    color: #006699;
    cursor: default;
    background: #fff;
    box-shadow: -5px 0 0 #0071a0;
}

.account-info-box-fields {
    margin-right: 15px;
    padding-top: 10px;
    float: left;
}

.account-info-gender {
    margin: 0 1% 10px 0;
    float: left;
    width: 19%;
}

.account-info-fname {
    margin: 0 1% 10px 0;
    float: left;
    width: 39%;
}

.account-info-lname {
    margin-bottom: 10px;
    float: left;
    width: 40%;
}

.account-info-password {
    margin-bottom: 10px;
    width: 100%;
}

.account-old-password, .account-new-password, .account-confirm-password {
    margin-bottom: 10px;
    width: 50%;
}

.account-info-month {
    margin-right: 1%;
    width: 19%;
    float: left;
}

.account-info-day {
    margin-right: 1%;
    width: 19%;
    float: left;
}

.account-info-year {
    width: 19%;
    float: left;
}

.account-info-email, .account-info-password {
    margin-bottom: 10px;
    width: 50%;
}






/* Surveys page */
.survey-container {
    margin: 10px auto 25px;
    width: 95%;
    max-width: 1170px;
}

.survey-wrapper {
    padding-bottom: 45px;
    display: flex;
    flex-direction: column;
}

.survey-top {
    padding: 0 0 35px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.survey-thanks {
    margin-top: 45px;
    padding: 45px;
    background-color: #f1f1f1;
    text-align: center;
}

.survey-thanks a {
    padding: 15px 35px;
    display: inline-block;
    font-size: 16px;
    font-weight: 800;
    outline: 0;
    border: 0;
    color: white;
    background-color: #ec5300;
    border-radius: 4px;
    transition: all 0.2s;
    cursor: pointer;
}

.survey-thanks a:hover {
    background-color: #b94100;
}

.survey-thanks strong {
    font-size: 24px;
    line-height: 32px;
}

.survey-left {
    padding-right: 35px;
    flex: 0 0 auto;
}

.survey-right {
    flex: 1;
    font-size: 24px;
    line-height: 28px;
}

.survey-right span {
    display: block;
    font-size: 40px;
    line-height: 48px;
    font-weight: 800;
}

.survey-thankyou {
    padding: 15px;
    font-size: 18px;
    line-height: 24px;
    background-color: #ffffcc;
    text-align: center;
}

.survey-question {
    margin-bottom: 15px;
    font-size: 18px;
}

.survey-question-wrap {
    margin-bottom: 65px;
}

.survey-question-wrap ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.survey-question-wrap ul li {
    flex: 0 0 19%;
}

.survey-question-wrap ul.radio {
    justify-content: flex-start;
}

.survey-question-wrap ul.radio li {
    margin-right: 35px;
    flex: 0 0 auto;
}

.survey-question-wrap ul li a {
    padding: 15px;
    display: block;
    color: white;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    background-color: #f1f1f1;
    border-radius: 12px;
    transition: all 0.2s;
    cursor: pointer;
}

.survey-question-wrap ul li a img {
    margin: 0 auto 10px;
    display: block;
}

.survey-question-wrap ul li a.selected {
    border: 4px solid #2cb8e2 !important;
    background-color: #cdeef7 !important;
}

.survey-question-wrap ul li a.red-answer {
    border: 4px solid #ff555f;
    background-color: #ff555f;
    color: #821d1d;
}

.survey-question-wrap ul li a.orange-answer {
    border: 4px solid #ff8447;
    background-color: #ff8447;
    color: #b53d3c;
}


.survey-question-wrap ul li a.yellow-answer {
    border: 4px solid #ffce18;
    background-color: #ffce18;
    color: #c05a58;
}

.survey-question-wrap ul li a.green1-answer {
    border: 4px solid #9ed872;
    background-color: #9ed872;
    color: #3f8144;
}
.survey-question-wrap ul li a.green2-answer {
    border: 4px solid #64ca64;
    background-color: #64ca64;
    color: #3f8144;
}


.survey-question-wrap textarea {
    padding: 15px;
    font-size: 16px;
    width: 100%;
    height: 150px;
    resize: none;
    border: 1px solid #dcdcdc;
}

.survey-question-wrap textarea:focus {
    outline: 0;
    border: 1px solid #aaa;
}

.survey-btn-wrap {
    margin: 25px auto;
    text-align: center;
}

.survey-btn-wrap button {
    padding: 15px 35px;
    display: inline-block;
    font-size: 24px;
    font-weight: 800;
    outline: 0;
    border: 0;
    color: white;
    background-color: #ec5300;
    border-radius: 4px;
    transition: all 0.2s;
    cursor: pointer;
}

.survey-btn-wrap button:hover {
    background-color: #b94100;
}

.survey-btn-wrap button.disabled {
    background-color: #e1e1e1;
}




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

    .survey-top {
        flex-direction: column;
    }

    .survey-question-wrap ul li a {
        padding: 10px;
        font-size: 14px;
    }

    .survey-right {
        text-align: center;
    }

    .survey-right span {
        font-size: 32px;
        line-height: 40px;
    }

    .survey-left {
        padding-right: 0;
    }

}




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

    .survey-question-wrap ul li a {
        height: 125px;
    }

    .survey-question-wrap ul.radio {
        flex-direction: column;
        align-items: flex-start;
    }

    .survey-question-wrap ul li a {
        padding: 5px;
        font-size: 15px;
        font-weight: 600;
    }

    .survey-question-wrap ul li a img {
        margin: 0 5px 0 0;
        width: 25px;
        display: inline-block;
        vertical-align: middle;
    }

    .survey-question-wrap {
        margin-bottom: 40px;
    }

    .survey-right {
        font-size: 16px;
        line-height: 22px;
    }

    .survey-right span {
        font-size: 24px;
        line-height: 32px;
    }

    .survey-left img {
        margin: auto;
        width: 150px;
    }

}




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

    .survey-question-wrap ul {
        flex-direction: column;
    }

    .survey-question-wrap ul li {
        padding: 3px 0;
        width: 100%;
    }

    .survey-question-wrap ul li a {
        height: auto;
    }

    .review-form-container-title {
        font-size: 18px;
        line-height: 24px;
    }

    .review-form-container-title span {
        font-size: 13px;
        line-height: 18px;
    }

    .review-stats-wrap {
        font-size: 13px;
    }

    .review-fields-wrap ul li select {
        width: 90%;
    }

}





/* Download Assets Page */

/* Grey page background for the assets page only (body carries `assets` action class) */
body.ss-fhub.assets {
    background-color: #f2f4f7;
}

.assets-svg-defs {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
}

.assets-wrap {
    box-sizing: border-box;
    margin: 0 auto;
    /* generous bottom padding clears the position:absolute site footer (~104px, taller on mobile) */
    padding: 48px 24px 140px;
    max-width: 1316px;
    color: #344054;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.assets-section + .assets-section {
    margin-top: 108px;
}

.assets-section-title {
    margin: 0 0 56px;
    padding: 0 0 12px;
    font-size: 18px;
    font-weight: 600;
    line-height: 32px;
    text-transform: uppercase;
    color: #344054;
    border-bottom: 1px solid #d0d5dd;
}

/* Header section: intro paragraph sits close under the title */
.assets-intro .assets-section-title {
    margin-bottom: 12px;
}

.assets-intro-text {
    margin: 0;
    max-width: 720px;
    font-size: 16px;
    line-height: 24px;
    color: #344054;
}

/* Variant rows (logo / icon) */
.assets-variants {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: 32px;
}

.assets-variants--single {
    justify-content: center;
}

.asset-variant {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}

.asset-preview {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.asset-preview--dark {
    background-color: #222222;
}

.asset-logo {
    display: block;
    width: 260px;
    max-width: 100%;
    height: auto;
}

.asset-logo--tagline {
    width: 360px;
}

.asset-icon {
    display: block;
    width: 120px;
    max-width: 100%;
    height: auto;
}

.asset-downloads {
    display: flex;
    flex-direction: row;
    gap: 32px;
}

.asset-download {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    line-height: 24px;
    color: #1570ef;
    text-decoration: none;
}

.asset-download:hover,
.asset-download:focus,
.asset-download:active {
    color: #1570ef; /* hold brand blue; overrides the global a:hover colour change */
    text-decoration: underline;
}

.asset-download-icon {
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
}

/* Colour palette */
.assets-palette {
    display: flex;
    flex-direction: row;
    gap: 40px;
}

.asset-swatch {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.asset-swatch-color {
    width: 100%;
    height: 79px;
}

.asset-swatch-color--capri {
    background-color: #2cb8e2;
}

.asset-swatch-color--pineapple {
    background-color: #f8ca33;
}

.asset-swatch-color--tangerine {
    background-color: #ff6432;
}

.asset-swatch-info {
    display: flex;
    flex-direction: column;
    gap: 12px;
    font-size: 16px;
    line-height: 24px;
    color: #344054;
}

.asset-swatch-name {
    margin: 0;
    font-weight: 700;
}

.asset-swatch-row {
    display: flex;
    justify-content: space-between;
}

.asset-swatch-row span:last-child {
    text-align: right;
}


@media (max-width: 950px) {

    .assets-section + .assets-section {
        margin-top: 72px;
    }

    .assets-variants {
        flex-wrap: wrap;
        justify-content: center;
        gap: 48px;
    }

    .assets-palette {
        flex-wrap: wrap;
    }

    .asset-swatch {
        flex: 1 1 45%;
    }

}


@media (max-width: 600px) {

    .assets-wrap {
        padding: 32px 16px 220px; /* footer wraps taller on mobile */
    }

    .asset-downloads {
        gap: 20px;
    }

    .asset-swatch {
        flex: 1 1 100%;
    }

}




/* Reviews page */
.review-form-container {
    margin: 25px auto;
    width: 93%;
    max-width: 1200px;
    border: 1px solid #dcdcdc;
    border-radius: 12px;
}

.review-form-container-title {
    padding: 15px;
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
    background-color: #f9f9f9;
    border-bottom: 1px solid #dcdcdc;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.review-form-container-title span {
    display: block;
    font-size: 15px;
    line-height: 21px;
    font-weight: 400;
}

.review-stats-wrap {
    padding: 15px;
    font-size: 15px;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    border-bottom: 1px dashed #ccc;
}

.review-stats-item {
    flex: 1;
    -webkit-flex: 1;
}

.review-stats-item ul li {
    margin-bottom: 5px;
}

.review-stats-item ul li:last-child {
    margin-bottom: 0;
}

.review-fields-wrap {
    padding: 15px;
}

.review-fields-wrap.msg {
    padding: 35px;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
}

.review-fields-wrap ul li label {
    padding: 0 0 5px;
    display: block;
}

.review-fields-wrap ul li>label {
    font-weight: 600;
}

.review-fields-wrap ul li input {
    padding: 10px 15px;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    position: relative;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    width: 343px;
}

.review-fields-wrap ul li {
    margin-bottom: 10px;
}

.review-fields-wrap ul > li:last-child {
    margin-bottom: 0;
}

.review-fields-wrap ul li select {
    padding: 10px 15px;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    position: relative;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Ctitle%3Edown-arrow%3C%2Ftitle%3E%3Cg%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M10.293%2C3.293%2C6%2C7.586%2C1.707%2C3.293A1%2C1%2C0%2C0%2C0%2C.293%2C4.707l5%2C5a1%2C1%2C0%2C0%2C0%2C1.414%2C0l5-5a1%2C1%2C0%2C1%2C0-1.414-1.414Z%22%20fill%3D%22%23000000%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-size: .6em;
    background-position: calc(100% - 1.3em) center;
    background-repeat: no-repeat;
}

select::-ms-expand {
    display: none;
}

.review-fields-wrap ul li textarea {
    width: 50%;
    min-height: 200px;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
}

.review-fields-wrap ul li textarea:focus {
    border: 1px solid #999;
}

.review-fields-wrap ul li ul li {
    margin-bottom: 5px;
}

.review-fields-wrap ul li ul li label {
    font-weight: 400;
}

.review-fields-wrap ul li ul li label input {
    margin: 0 4px 0 0;
}

button.review-form-btn {
    padding: 15px 35px;
    display: inline-block;
    color: white;
    font-size: 18px;
    font-weight: 600;
    background-color: #2cb8e2;
    border: 0;
    outline: none;
    border-radius: 4px;
    transition: all 0.3s;
    cursor: pointer;
}

button.review-form-btn:hover {
    background-color: #31ccfb;
}

.review-form-container .alert {
    margin: 15px;
}

.review-back-btn {
    margin: 15px auto;
    padding: 15px 35px;
    display: block;
    width: fit-content;
    width: -moz-fit-content;
    color: white;
    font-size: 18px;
    font-weight: 600;
    background-color: #2cb8e2;
    border-radius: 4px;
    transition: all 0.3s;
    cursor: pointer;
}

.review-back-btn:hover {
    background-color: #31ccfb;
    color: white;
}

.alert {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

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

    .review-form-container {
        margin: 15px auto;
    }

}





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

    .review-form-container {
        width: 96%;
    }

    .review-stats-wrap {
        flex-direction: column;
        -webkit-flex-direction: column;
    }

    .review-fields-wrap ul li textarea {
        width: 100%;
        min-height: 150px;
    }

    .review-stats-item ul li:last-child {
        margin-bottom: 5px;
    }

    .review-stats-item:last-child ul li:last-child {
        margin-bottom: 0;
    }

}





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


    .review-form-container-title {
        font-size: 18px;
        line-height: 24px;
    }

    .review-form-container-title span {
        font-size: 13px;
        line-height: 18px;
    }

    .review-stats-wrap {
        font-size: 13px;
    }

    .review-fields-wrap ul li select {
        width: 90%;
    }

}
.not-found-container {
    margin: 0 auto;
    padding: 100px 0 150px;
    max-width: 400px;
    text-align: center;
}

.not-found-container .call-us-text {
    font-size: 1.125em;
    font-weight: 600;
    line-height: 1.2;
    color: #999;
}

.not-found-container .call-us {
    font-size: 1em;
    margin: 15px 0 20px 0;
}

.not-found-container .call-us-link {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 10px;
    font-size: 1.875em;
    font-weight: 700;
}

.flip-board-wrap {
    margin: 0 0 25px;
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 3px;
}

.flip-board-number {
    padding: 25px;
    display: table-cell;
    color: #f9f9f9;
    font-size: 150px;
    line-height: 100px;
    font-weight: 400;
    border-radius: 6px;
    vertical-align: middle;
    background: rgba(0,0,0,1);
    background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(51,51,51,1) 51%, rgba(0,0,0,1) 51%, rgba(34,34,34,1) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(51,51,51,1) 51%, rgba(0,0,0,1) 51%, rgba(34,34,34,1) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(51,51,51,1) 51%, rgba(0,0,0,1) 51%, rgba(34,34,34,1) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(51,51,51,1) 51%, rgba(0,0,0,1) 51%, rgba(34,34,34,1) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(51,51,51,1) 51%, rgba(0,0,0,1) 51%, rgba(34,34,34,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#222222', GradientType=0 );
}









@media (max-width : 600px) {

    .not-found-container {
        margin: 0 auto;
        padding: 50px 2% 0;
    }

    .flip-board-number {
        font-size: 100px;
        line-height: 80px;
    }

}

@media (min-width : 1025px) {

    #myContent {
        display: block !important;
    }

}





@media (max-width : 1024px) {

    .idle-modal-phone {
        display: none;
    }

    .idle-modal-phone-mobile {
        padding-bottom: 3px;
        font-size: 24px;
        line-height: 30px;
        font-weight: 700;
        color: #0074a4;
        display: block;
    }

    html {
        -webkit-text-size-adjust: none;
        position: relative;
        min-height: 100%;
    }

    body {
        min-height: inherit;
    }

    html, body {
        height: auto !important;
    }

    .container-recent-search, .container-deal-alerts, .package-select-btn, .package-select-img, .package-bonus-text, .airline-name, .container-important-info2, .checkout-destination-title, .container-contact-info, .modal-inner-bottom, .container-secure-booking, .checkout-inner-right, .insurance-btn-block-left, .column-left-receipt, .flight-details-sub-duration, .takeoff-landing-title {
        display: none;
    }

    .modal-close-btn {
        top: -24px;
        right: -2px;
    }

    .img-responsive {
        margin: 0 0 20px;
        padding: 0 0 20px;
        background-image: url("https://www.flighthub.com/images/full-screen-banner.jpg");
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .orange-big-btn .fa, .button-select-fare .fa, .packages-os-select .fa {
        display: inline-block;
    }

    .container-content-checkout {
        margin: 5px auto 40px;
        padding: 0 0 20px;
    }

    .orange-big-btn.mobile-active, .button-select-fare.mobile-active, .packages-os-select.mobile-active {
        background: #a84f31 !important;
        box-shadow: inset 0 0 0 #fff !important;
        border: 0 solid #ff5200 !important;
    }

    .fare-alert-modal-title strong {
        display: block;
        font-weight: 400;
        font-size: 15px;
        color: #555;
    }

    /* new handholding msg (checkout) */
    .top-success-green{
        margin: 0 0 10px;
    }

    .top-success-left{
        padding: 10px 2px;
        width: 7%;
    }

    .top-success-right{
        padding: 10px;
        width: 93%;
        font-size: 12px;
    }

    .package-select-wrapper {
        position: relative;
    }

    .select-wrapper {
        width: 100%;
    }

    #fares-search-flexible {
        margin: 0 2%;
        width: 96%;
    }

    .calendar-icon{
        background: #fff !important;
    }

    .flex-title {
        margin-bottom: 0;
        padding: 5px 10px;
        color: #333;
        display: block;
        background: #fefcea;
        border-bottom: 0 solid #ddd;
    }

    .exp-container-price-right {
        padding-top: 10px;

    }

    /* MEMBERSHIP UPSELL PAGE */
    .container-membership-short {
        padding: 3% 2% 2%;
        width: 96%;
        background: none;
    }

    .membership-title-short {
        font-size: 37px;
        line-height: 47px;
    }

    .mem-subheading-wrap-short {
        margin: 20px 2% 0;
        width: 96%;
    }

    .mem-subheading-left-short {
        float: left;
        width: 40%;
        text-align: center;
    }

    .mem-subheading-middle-short {
        margin: 0 auto;
        padding: 10px 2%;
        float: left;
        width: 56%;
        border-right: 0 solid #cdcdcd;
        text-align: left;
    }

    .mem-subheading-right-short {
        clear: both;
        padding: 30px 0 0 0;
        float: none;
        width: 100%;
    }

    fieldset.mem-points-title {
        margin-top: 25px;
        border-top: 0 solid #cdcdcd;
    }

    fieldset.mem-points-title legend {
        padding: 2% 2%;
        font-size: 28px;
        line-height: 38px;
    }

    .membership-confirmation-number {
        padding: 2px 0 10px;
    }

    .upsell-feedback-message .feedback-success {
        margin: 20px auto 0;
        padding: 10px 15px 5px;
        background-image: none;
        background-color: #f0f0f0;
        border-radius: 0;
        box-shadow: none;
        color: #50913f;
        overflow: hidden;
        width: 100%;
        text-align: center;
        font-size: 23px;
        border: none;
        font-weight: 400;
    }

    .mem-points-wrap-short {
        margin: 35px 0;
        border-bottom: 1px solid #dcdcdc;
    }

    .mem-points-left {
        margin: 0 auto;
        padding: 0 2%;
        width: 96%;
        float: none;
    }

    .mem-points-right {
        margin: 0 auto;
        padding: 0 2%;
        width: 96%;
        float: none;
    }

    .mem-item {
        margin-bottom: 55px;
    }

    .mem-description {
        margin-left: 35px;
    }

    .mem-points-wrap {
        padding: 0 2%;
        margin-top: 350px;
    }

    .mem-points-title-wrap {
        overflow: hidden;
        background: url("https://www.flighthub.com/images/mem-divider.png") 120px 15px no-repeat;
    }

    .mem-points-title-left {
        padding: 0 15px 0 0;
        background: #f0f0f0;
        display: inline-block;
        font-size: 30px;
        line-height: 30px;
    }

    .mem-points-title-right {
        display: inline-block;
    }

    .mem-divider {
        background: #b4b4b4;
        border-bottom: 1px solid #fff;
        height: 1px;
        width: 100%;
    }

    .mem-feature-wrap {
        margin-bottom: 45px;
        overflow: hidden;
    }

    .mem-feature-left {
        padding: 15px 0 0 36px;
        float: none;
        width: 100%;
    }

    .mem-feature-right {
        display: none
    }

    .mem-feature-full {
        padding: 15px 0 0 36px;
        float: none;
        width: 100%;
    }

    .mem-elite-wrap {
        margin-top: 40px;
        overflow: hidden;
    }

    .mem-elite-left {
        padding-left: 36px;
        float: none;
        width: 100%;
    }

    .mem-elite-right {
        padding-left: 36px;
        float: none;
        width: 100%;
    }

    .mem-partner-wrap {
        margin-bottom: 25px;
        overflow: hidden;
    }

    .mem-partner-left {
        padding-top: 0;
        padding-left: 0 !important;
        float: none;
        width: 100%;
        text-align: center !important;
    }

    .mem-partner-right {
        padding-left: 0;
        padding-top: 8px;
        float: none;
        width: 100%;
        text-align: center;
    }

    .mem-buttons-wrap {
        margin: 0 2%;
    }

    .mem-buttons-left {
        padding-top: 25px;
    }

    a.mem-button-continue {
        padding: 6px 13px;
        font-size: 20px;
    }

    .mem-card-mobile {
        display: none;
    }

    .membership-phone-ext {
        margin-top: -20px;
    }

    /* Airlines */
    .section-footer, .section-partners {
        display: none;
    }

    #fares-search-top-flights-buttons{
        margin: 10px 0 0;
    }

    .mobile-alert-filter-left,
    .mobile-alert-filter-right{
        padding: 0 5px 5px;
        float: left;
        width: 50%;
    }

    .mobile-alert-filter-left {
        padding-left: 0;
    }

    .mobile-alert-filter-right {
        padding-right: 0;
    }

    .mobile-alert-filter-left-b {
        margin-right: 1%;
        padding: 0;
        float: left;
        width: 49.5%;
    }

    .mobile-alert-filter-left-b .flights-search-sidebar-wrap {
        margin: 0 auto;
        display: none;
    }

    .mobile-alert-filter-right-b {
        padding: 0;
        float: left;
        width: 49.5%;
    }

    #mobilealert {
        display: none;
    }

    a.mobile-fare-alert-btn{
        padding: 2% 0;
        color: #0072a3;
        display: block;
        text-align: center;
        background: #ffffff;
        background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2));
        background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);
        background: -ms-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);
        background: linear-gradient(to bottom, #ffffff 0%,#f2f2f2 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );
        border: 1px solid #d0d0d0;
        box-shadow: inset 0 0 2px #fff;
    }

    .alert-form-left-mobile{
        width: 83%;
        float: left;
    }

    .alert-form-left-mobile input{
        padding: 2%;
        width: 100%;
        height: 40px;
        border: 1px solid #cdcdcd;
        border-right: 1px solid #006699;
        -webkit-appearance: none;
        -moz-appearance: none;
        border-radius: 0;
    }

    .top-search-bar input{
        border-radius: 0;
        -webkit-appearance: none;
    }

    .select-flight-left {
        text-align: left;
        width: 65%;
    }

    .select-flight-right {
        width: 35%;
    }

    .alert-form-right-mobile{
        width: 17%;
        float: left;
    }

    a.alert-mobile-btn{
        padding: 9px 0;
        display: block;
        height: 40px;
        background: #006699;
        text-align: center;
        color: #fff;
        font-size: 12px;
        border: 1px solid #006699;
        text-transform: uppercase;
    }

    .alert-form-right-mobile .blue-reg-btn {
        padding: 9px 0 10px;
        display: block;
        background: #006699;
        text-align: center;
        font: normal 12px arial, sans-serif;
        color: #fff;
        border: 1px solid #006699;
        cursor: pointer;
        box-shadow: none;
    }

    .container-airfare-mobile {
        margin: 0 2% 2px;
        padding: 2%;
        background: #f9f9f9;
        display: none;
        text-align: center;
    }

    .transition-alert-form-mobile {
        margin: 0 2% 10px;
        padding: 0 2% 1%;
    }

    a.mobile-fare-alert-btn,
    .button-show-filters {
        margin: 0;
        padding: 8px 0;
        color: #0072a3;
        display: block;
        text-align: center;
        background: #ffffff;
        background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2));
        background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);
        background: -ms-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);
        background: linear-gradient(to bottom, #ffffff 0%,#f2f2f2 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );
        border: 1px solid #d0d0d0;
        box-shadow: inset 0 0 2px #fff;
    }

    a.button-show-filters-b {
        margin: 0;
        padding: 3px 0;
        color: #0072a3;
        display: block;
        text-align: center;
        background: #ffffff;
        background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2));
        background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);
        background: -ms-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);
        background: linear-gradient(to bottom, #ffffff 0%,#f2f2f2 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );
        border: 1px solid #d0d0d0;
        box-shadow: inset 0 0 2px #fff;
    }

    #sidebar-content-loading {
        display: none;
    }

    .exp-wrapper {
        margin: 0 1%;
        width: 98%;
    }

    .bigtext {
        font-size: 18px;
    }

    .exp-container-flight-package li:hover a.exp-price {
        text-decoration: none;
    }

    .exp-container-flight-package li {
        padding: 0;
    }

    .exp-details {
        margin-top: -10px;
        margin-bottom: 10px;
        padding: 15px;
        background: #fff;
    }

    .select-flight-wrap {
        padding: 0 2% 8px;
        text-align: center;
    }

    .select-flight-text {
        text-transform: uppercase;
        font-size: 21px;
    }

    .chosen-package-wrap {
        margin: 15px 2% 10px;
        padding: 0 1% 10px;
        background: #f2f9fd;
        border: 1px solid #76b5d0;
    }

    .chosen-package-wrap .exp-package {
        margin-top: 10px;
    }

    .exp-chosen-airline {
        padding-top: 10px !important;
    }

    .codeshares {
        display: none;
    }

    .exp-codeshares {
        display: none;
    }

    a.phone-deal-btn,
    a.button-select-fare {
        margin-top: 5px;
        padding: 5px 5px 4px;
        font: bold 15px arial, sans-serif;
        color: #fff;
    }

    .underline-mobile {
        text-decoration: underline;
    }

    .ad-wrap {
        display: none;
    }

    .ad-wrap-footer {
        display: none;
    }

    .ad-wrap-sponsored {
        display: none;
    }

    /* homepage */
    .container-hp {
        margin: 0 auto 0;
        width: 100%;
    }

    .mobile-hide {
        display: none !important;
    }

    .home-inner-left {
        padding: 0;
        width: 100%;
        float: none;
        position: relative;
        overflow:visible;
    }

    .home-inner-right {
        display: none;
    }

    .container-home-search {
        margin: 20px auto 0;
        padding: 20px;
        width: 60%;
        border: 1px solid #e1e1e1;
        overflow: hidden;
        background: #fff;
        box-shadow: none;
    }

    .hp-boxes-wrap {
        display: none;
    }

    .home-search-from-left {
        float: left;
        width: 65%;
        border: 0;
    }

    .home-search-from-right {
        float: left;
        width: 33%;
    }

    .home-search-to-left {
        float: left;
        width: 65%;
    }

    .home-search-to-right {
        float: left;
        width: 33%;
    }

    a.home-search-btn {
        font: 400 16px helvetica, arial, sans-serif;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

    .container-options-expand {
        background: #fff;
    }

    .input-text-box-home {
        margin: 0;
        padding: 8px 2%;
        width: 95%;
        font-size: 12px;
        border: 1px solid #dadada;
        border-radius: 2px;
        box-shadow: inset 0 0 0 #666;
        -webkit-appearance: none;
    }

    .input-text-box-home:focus {
        border: 1px solid #bbb;
        box-shadow: inset 0 0 0 #555;
    }

    .search-input-text-wrap {
        margin-bottom: 5px;
    }

    .search-input-text-wrap input {
        width: 100%;
    }

    .home-search-from-right input,
    .home-search-to-right input {
        width: 100%;
    }

    .input-calendar-box, .input-calendar-box-hotel {
        padding: 8px 4%;
        width: 100%;
        border: 1px solid #dadada;
        background-image: none !important;
        box-shadow: inset 0 0 0 #666;
        -webkit-appearance: none;
    }

    .input-calendar-box-home {
        padding: 8px 4%;
        width: 89%;
        border: 1px solid #dadada;
        background-image: none !important;
        box-shadow: inset 0 0 0 #666;
        -webkit-appearance: none;
    }

    /* passenger select */
    .mobile-pass-select{
        border: 1px solid #dadada;
        font-size: 12px;
        text-align: center;
        border-radius: 2px;
    }

    .passenger-select {
        width: 100%;
    }

    .mobile-pass-select-wrap{
        margin-right: 2%;
        padding-bottom: 5px;
        float: left;
        width: 48%;
    }

    .mobile-pass-select-wrap-last{
        margin-left: 2%;
        padding-bottom: 5px;
        float: left;
        width: 48%;
    }

    .mobile-pass-select-left{
        float: left;
        font-size: 16px;
        font-weight: bold;
        width: 20%;
        border-right: 1px solid #dadada;
        background: #f9f9f9;
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px;
    }

    .mobile-pass-select-middle{
        padding: 6px;
        float: left;
        width: 60%;
        font-size: 11px;
    }

    .mobile-pass-select-right{
        float: right;
        font-size: 16px;
        font-weight: bold;
        width: 20%;
        border-left: 1px solid #dadada;
        background: #f9f9f9;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
    }

    .mobile-pass-select-left a,.mobile-pass-select-right a{
        padding: 6px;
        color: #444;
        display: block;
    }

    .container-transition {
        margin: 20px auto;
        padding: 10px 2%;
        border: 0;
        text-align: center;
        font-size: 16px;
        line-height: normal;
        width: 90%;
        top: 50px;
        left: 0;
        background-color: #fff;
        position: relative;
    }

    .room_element {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
    }

    .child-age-right .field-wrap {
        margin-bottom: 8px;
    }

    .popular-destinations-content {
        padding-top: 8px;
        padding-left: 2%;
        width: 78%;
    }

    .popular-destinations-paging {
        margin: 0 auto;
        overflow: hidden;
        width: 200px;
        padding-left: 0;
    }

    .ac2u-select {
        display: none;
    }

    /* results page */

    .package-date-wrap {
        display: block;
    }

    ul.exp-container-flight-package {
        min-height: 0;
        margin: 15px 0 0;
    }

    .icon-package-arrow .fa-lg {
        font-size: 1em;
        vertical-align: 0;
    }

    /* progress bars */
    .container-progress-bar {
        width: 96%;
        border: 0;
        float: none;
    }

    .progress-bar-inner {
        padding: 1px;
        background: transparent;
        width: 100%;
    }

    .progress-bar {
        margin: 0;
    }

    .container-package-loading {
        background: transparent;
        border: 0;
    }
    /* end progress bars */

    .container-sort {
        margin: 0 auto;
        width: 96%;
        padding: 10px 1% 15px;
    }

    .filter-title {
        padding: 8px 2%;
    }

    .stops-filter li .only-stops,
    .airlines-filter li .filters-inline-only,
    .origin_airports li .only-origin-airport,
    .layover_airports li .only-layover-airport,
    .destination_airports li .only-destination-airport {
        visibility: visible;
    }

    .container-airfare {
        display: none;
    }

    /* package */
    ul.container-flight-package {
        margin-bottom: 7px;
        padding: 10px 2%;
        position: relative;
        border: 0 solid #ddd;
        background: #fff;
        width: 96%;
    }

    ul.container-flight-package li:hover {
        background: #fff;
    }

    .container-flight-results {
        padding-right: 1%;
        padding-left: 1%;
        width: 97%;
    }

    .mobile-details {
        margin: 10px 8px 0 0;
        padding: 5px 5px 4px;
        text-align: center;
        width: 100%;
        height: auto;
        color: #fff;
        font-size: 15px;
        display: block;
        font-weight: bold;
        background: #ff712d;
        background: -moz-linear-gradient(top, #ff712d 0%, #ff5200 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff712d), color-stop(100%,#ff5200));
        background: -webkit-linear-gradient(top, #ff712d 0%,#ff5200 100%);
        background: -ms-linear-gradient(top, #ff712d 0%,#ff5200 100%);
        background: linear-gradient(to bottom, #ff712d 0%,#ff5200 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff712d', endColorstr='#ff5200',GradientType=0 );
        box-shadow: inset 0 0 2px #fff;
        border: 1px solid #ff5200;
        cursor: pointer;
        border-radius: 5px;
    }

    .mobile-details:hover {
        color: #fff;
    }

    .inbound-outbound-title-mobile {
        padding: 3px 5px;
        background: #f3faff;
        border: 1px solid #e1e1e1;
    }

    table.details-mobile-airline {
        border-bottom:1px dotted #e1e1e1;
    }

    table.details-mobile-airline td {
        padding: 10px 0;
    }

    .package-row-top {
        margin-left: 0;
        width: 100%;
        height: auto;
        overflow: hidden;
        position: relative;
    }

    .package-row-middle {
        padding: 0;
        border: 0 solid #e1e1e1;
        overflow: hidden;
        position: relative;
        min-height: 52px;
    }

    .package-price-box {
        padding-top: 30px;
        height: auto;
        border-top: 0 solid #e1e1e1;
        width: 20%;
        font-size: 28px;
        color: #4e7720;
        float: left;
        background: transparent;
    }

    .price-box-bottom {
        border-bottom: 0 solid #e1e1e1;
        background: #fff;
        float: none;
        height: auto;
        top: 32px;
        text-align: center;
        width: 22%;
    }

    .mobile-seats {
        position: absolute;
        top: 13px;
        right: 0;
        font-size: 11px;
        color: #ff0000;
    }

    .sub-price-txt {
        margin: 0;
        padding: 0;
    }

    .package-row2-left {
        width: 15%;
    }

    .package-row2-right {
        padding: 5px 0 0;
        width: 85%;
    }

    /* search - compact */
    .search-wrap {
        margin: 15px 2%;
        padding: 10px;
        width: 96%;
    }

    .hotel_search_fields_bar {
        width: 100%;
    }

    .compact-form-hotel-left {
        width: 75%;
    }

    .compact-form-hotel-right {
        width: 25%;
    }

    html[lang="fr"] .compact-form-hotel-left {
        width: 75%;
    }

    html[lang="fr"] .compact-form-hotel-right {
        width: 25%;
    }


    .add-edit-rooms {
        display: none;
        width: 0;
    }

    .compact-form-left{
        margin-right: 1%;
        width: 81%;
    }

    .compact-form-right{
        width: 18%;
    }

    .search-compact-from{
        width: 29%;
    }

    .search-compact-to{
        width: 29%;
    }

    .search-compact-date-from{
        width: 16%;
    }

    .search-compact-date-to{
        width: 16%;
    }

    .more-options{
        display: none;
    }

    .compact-search-btn{
        width: 100%;
    }

    .compact-search-btn a{
        width: 100%;
        text-align: center;
    }

    .container-flight-package li {
        border-top: 0;
    }

    .container-flight-package li:last-child {
        border-bottom: 0;
    }

    .cabin-mobile {
        margin: 0 0 0;
        background: transparent;
        border-top: 1px dotted #e1e1e1;
        border-bottom: 0 dotted #e1e1e1;
        text-align: left;
        font-size: 11px;
        color: #999;
    }

    /* insurance page */
    .insurance-banner {
        display: none;
    }

    .insurance-header-wrap2 {
        margin: 0 2%;
        padding-bottom: 2%;
        width: 96%;
    }

    .insurance-header-left2 {
        margin: 10px 0 0;
        float: none;
        width: 100%;
        background: #fff;
        border: 0;
    }

    .insurance-header-right2 {
        margin: 5px 0 0 0;
        padding: 2%;
        color: #444;
        width: 100%;
        border: 0;
        box-shadow: none;
    }

    ul.insurance-nav li a {
        padding: 8px 0;
        text-align: center;
    }

    ul.insurance-nav li a.active:first-child {
        border-top: 0 solid #e1e1e1;
    }

    ul.insurance-nav li a:hover {
        margin: 0 0 0 0;
        box-shadow: 0 0 0 #0071a0;
        border-bottom: 1px solid #e1e1e1;
    }

    ul.insurance-nav li a.active {
        margin: 0 0 0 0;
        box-shadow: 0 0 0 #0071a0;
        border-bottom: 1px solid #e1e1e1;
        background: #0095d4;
        color: #fff;
    }

    .mobile-table-container {
        width: 100%;
        overflow-x: auto;
    }

    .insurance-package-text-btn {
        height: auto;
    }

    .insurance-package-text-left {
        width: 100%;
        float: none;
    }

    .insurance-package-btn-right {
        margin-top: 25px;
        width: 100%;
        float: none;
        text-align: left;
        height: 40px;
    }

    table.manulife-plans th {
        text-align:left;
    }

    /* flight details modal */
    .seat-count {
        display: none;
    }

    #myContentForm {
        margin-bottom: 10px;
        padding: 15px;
        background-color: #f9f9f9;
        border: 1px solid #dadada;
    }

    #myContent, #myContentForm {
        display: none;
    }

    .mobile-sidebar-search-form-wrap {
        margin: 0 auto;
    }

    .flights-search-sidebar-wrap, .trips-wrap-sidebar {
        margin: 0 auto !important;
        max-width: 500px;
    }

    .fare-alert-modal-wrap {
        margin: 0 auto;
        max-width: 550px;
    }

    .flights-search-sidebar-wrap .seg0_date_wrap,
    .flights-search-sidebar-wrap .seg1_date_wrap {
        height: auto;
        overflow: visible;
    }

    .hp-search-city-full {
        margin: 0 0 5px 0;
    }

    .ss-wrap .hp-search-date-left {
        margin: 0 1% 10px 0;
    }

    .ss-wrap .search-button-wrap a {
        padding: 10px;
        display: block;
        font-size: 15px;
        font-weight: 700;
        background-color: #ECECEC;
        color: #7d7d7d;
        text-align: center;
        border-radius: 2px;
        border-bottom: 2px solid #ccc;
    }

    .ss-wrap input {
        margin-bottom: 0;
    }

    .ss-wrap .seg0 input.search-calendar {
        margin-top: 0;
    }

    .ss-wrap .seg1 input.search-calendar,
    .ss-wrap .seg2 input.search-calendar,
    .ss-wrap .seg3 input.search-calendar,
    .ss-wrap .seg4 input.search-calendar {
        margin-top: 5px;
    }

    .mobile-sidebar-search-form-wrap .trips-wrap-sidebar ul li a.active {
        background-color: #fff;
    }

    .mobile-sidebar-search-form-wrap .ss-wrap {
        background-color: #fff;
    }

    /* checkout */
    .container-content {
        margin: 10px auto 0;
        padding: 0 0 10px;
        width: 100%;
        overflow: hidden;
    }

    .passenger-info-list-indent-row {
        margin-left: 0;
    }

    .box-checkout-title {
        padding: 2%;
    }

    .box-checkout-title-cards {
        margin-top: -1%;
        position: relative;
        top: auto;
        right: auto;
        float: right;
    }

    .airfare-details-price-total {
        padding: 13px 0 2%;
    }

    .checkout-mobile-topmargin {
        margin-top: 15px;
    }

    .ff-and-meals {
        margin-left: 0;
    }

    .insurance-btn-block-right {
        margin: 5px 1% 0 0;
        padding: 10px 1% 10px 9%;
        float: left;
        width: 22%;
        text-align: left;
        min-height: 120px;
        position: relative;
    }

    .container-insurance-decline {
        margin: 8px 0 0 0;
        padding: 10px 1% 10px 9%;
        float: none;
        width: 88%;
        text-align: left;
        min-height: 0;
        position: relative;
    }

    .insurance-decline-middle {
        width: 100%;
        padding: 0;
        float: left;
    }

    .container-insurance-decline input {
        position: absolute;
        top: 33px;
        left: 20px;
    }

    .insurance-decline-right {
        margin: 0;
        float: left;
        text-align: left;
        width: 100%;
    }

    ul.guarantee-list {
        padding: 0;
        margin-left: 2.5%;
        margin-right: 2.5%;
        width: 95%;
    }

    .container-airfare-details-content {
        margin-left: 2.5%;
        margin-right: 2.5%;
        width: 95%;
        margin-bottom: 0;
    }

    .insurance-btn-block-right input {
        position: absolute;
        top: 60px;
        left: 20px;
    }

    .checkout-responsive {
        width: 14%;
        margin-right: 1%;
        float: left;
    }

    .select-first-text {
        padding: 6px 23px 6px 13px;
    }

    .checout-responsive-ext-title {
        width: 2%;
        text-align: right;
        padding-right: 1%;
    }

    .checkout-responsive-full-width {
        width: 100%;
    }

    .checkout-responsive-safe-info {
        padding-top: 0;
        width: 100%;
    }

    ul.flight-details-info-mobile li {
        padding: 0 0 3px;
    }

    .flight-date {
        width: 25%;
        float: left;
    }

    .airport-code {
        width: 15%;
    }

    .airport-location {
        width: 60%;
        float: left;
    }

    .responsive-billing-country {
        width: 100%;
    }

    ul.review-details-list {
        margin: 0 0 15px;
        width: 100%;
    }

    .responsive-special-request {
        padding-right: 1%;
        padding-left: 1%;
        width: 97%;
    }

    select.seatmap-select {
        padding: 1px;
        width: 80px;
        border: 1px solid #aaa;
        border-radius: 2px;
    }

    table.seatmap-table {
        margin: 0 0 0 0;
        border-collapse: collapse;
        width: 100%;
    }

    .container-seatmap-info {
        display: none;
    }

    .container-create-account {
        margin: 15px 0 0 0;
        padding: 2%;
        width: 100%;
        border: 1px solid #e1e1e1;
        background: #f7f7f7;
    }

    .ins-top-wrap {
        overflow: hidden;
    }

    .ins-top-left {
        float: left;
    }

    .ins-top-right {
        border-left: 1px solid #dedede;
        margin-left: 20px;
        padding-left: 15px;
        float: left;
        line-height: 24px;
    }

    ul.review-details-sub-list {
        margin-left: 0;
    }

    .fixed-summary {
        position: relative;
        margin-left: 0;
        width: 100%;
    }

    .passenger-info-title {
        padding: 8px 2.5%;
        width: 95%;
        border: 0 solid #e1e1e1;
        background: #0074a4;
        color: #fff;
        border-bottom: 3px solid #74d6ff;
        border-top: 3px solid #74d6ff;
    }

    .container-airfare-details {
        border: 0 solid #e1e1e1;
    }

    .airfare-details-title {
        padding: 8px 2.5%;
        width: 95%;
        background: #0074a4;
        color: #fff;
        border-bottom: 3px solid #74d6ff;
        border-top: 3px solid #74d6ff;
    }

    .passenger-details-footer {
        padding: 10px 3% 10px 3%;
        border-top: 1px solid #e1e1e1;
        border-bottom: 1px solid #e1e1e1;
        background: #f7f7f7;
        overflow: hidden;
    }

    .billing-title {
        padding-top: 0;
    }

    /* receipt page */
    .column-right-receipt {
        margin: 0 2%;
        padding: 10px 0;
        border: 0;
        min-height: 0;
        width: 96%;
        box-shadow: none;
    }

    .details-top-left {
        height: auto;
    }

    .details-top-right {
        margin-left: 0;
    }

    table.data-table td, table.data-table th {
        padding: 5px 5px;
    }

    .receipt-travellers-content, .receipt-itinerary {
        padding: 10px 1%;
        width: 100%;
    }

    .receipt-payment, .receipt-title-blue, .receipt-title-yellow, .receipt-title-warning, .receipt-title-orange, .receipt-title-red {
        padding: 8px 1%;
        width: 100%;
    }

    ul.flight-details-info {
        margin-left: 0;
        margin-bottom: 10px;
        float: left;
        background: #f9f9f9;
        font-size: 12px;
        padding: 10px 1% 0 1%;
        width: 71%;
    }

    .container-flight-details-block {
        margin: 0 0 0 0;
        overflow: hidden;
        background: #fff;
        border-right: 0 solid #e1e1e1;
        border-left: 0 solid #e1e1e1;
    }

    .container-flight-details-block {
        margin-top: 5px;
        font-size: 11px;
    }

    .cabin {
        margin: 5px 0;
        text-align: center;
        background: #fff;
        border: 1px solid #e1e1e1;
    }

    table.travellers-receipt th, table.travellers-receipt td {
        padding-left: 1%;
        padding-right: 1%;
    }

    /* faq */

    .faq-title {
        padding: 2%;
        font-size: 15px;
    }

    ul.faq-default-list {
        margin: 0 0 0 0;
        width: 100%;
    }

    /* my account */

    .columns-left {
        margin-bottom: 25px;
        display: block;
        min-width: 0;
    }

    .columns-right {
        padding-left: 0;
        display: block;
        min-height: 0;
    }

    .my-account-title {
        padding: 2%;
        font-size: 15px;
    }

    #myaccount_nav {
        display: none;
    }

    .myaccount_nav_toggle {
        display: block;
    }

    .nav-toggle-wrap {
        display: table;
        width: 100%;
        background-color: #f9f9f9;
        font-size: 14px;
        color: #999;
        border-bottom: 2px solid #ddd;
    }

    .nav-toggle-left {
        padding: 8px;
        color: #666;
        display: table-cell;
        width: 80%;
        vertical-align: middle;
    }

    .nav-toggle-right {
        padding: 8px;
        display: table-cell;
        width: 20%;
        vertical-align: middle;
        text-align: right;
    }

    .nav-toggle-left .fa {
        margin-right: 5px;
    }

    ul.account-nav li a.active, ul.account-nav li a.active2 {
        box-shadow: 0 0 0 #0071a0;
    }

    ul.account-nav li a.active, ul.account-nav li:last-child a.active2 {
        border-bottom: 1px solid #dadada;
    }

    ul.account-nav {
        border-top: 1px solid #dadada;
    }

    .account-wrap {
        padding: 15px 0 25px;
    }

    .account-content {
        padding: 15px 0;
    }

    .responsive-home-popular-destinations {
        width: 100% !important;
    }

    .container-search-flights-btn, .container-home-search-options {
        padding: 0;
        width: 100%;
    }

    .container-home-search-options {
        padding-top: 10px;
    }

    .home-search-from-hotel {
        float: none;
        width: 100%;
    }

    .home-search-btn img {
        display: none;
    }

    .container-home-search-btn {
        margin: 0 auto 15px;
        width: 100%;
        overflow: hidden;
    }

    .container-home-search-cabin {
        margin-bottom: 10px;
        width: 100%;
        /*overflow: hidden;*/
    }

    .hotel-search-calendar-left {
        margin-right:1%;
        width: 49%;
    }

    .home .select-box,
    .xtox-home-search .select-box {
        width: auto;
    }

    .hotel-search-calendar-right {
        margin-left: 0;
        width: 50%;
        float: left;
    }

    .child-age-select {
        margin-bottom: 2px;
        width: 50%;
    }

    .child-age-left {
        padding-left: 0;
        padding-top: 5px;
    }

    .buttons-add-remove {
        margin: 0 auto 10px;
        width: auto;
        text-align: left;
    }

    .recent-dropdown {
        width: 100%;
    }

    .container-results-hotels {
        margin: 10px 2% 0;
        padding: 0;
        width: 96%;
    }

    .container-results-nav {
        padding: 0 0 0 2%;
        width: 96%;
        overflow: hidden;
    }

    .sb-field-wrap {
        margin: 0;
        padding: 0;
        overflow: hidden;
    }

    .sb-field-right {
        float: right;
    }

    .mobile-slider-wrap {
        width: 100%;
    }

    .container-many-flights {
        margin-top: 5px;
        margin-bottom: 15px;
        padding: 5px 0;
        border-top: 1px solid #e1e1e1;
        border-bottom: 1px solid #e1e1e1;
        border-right: 0;
        border-left: 0;
        background: #f7f7f7;
    }

    .modal-inner-left {
        width: 676px;
        float: none;
        overflow: hidden;
        margin-right: 0;
    }

    .checkout-inner-left {
        margin:0 2%;
        width: 96%;
        float: none;
        overflow: hidden;
    }

    .container-insurance-btn {
        margin-bottom: 5px;
        width: 100%;
        overflow: hidden;
    }

    .insurance-table {
        margin-bottom: 0;
        display: none;
    }

    .insurance-decline-left {
        float: none;
    }

    ul.flight-details-info li, ul.flight-details-info li:first-child, ul.flight-details-info li:last-child {
        padding: 0 0 0 0;
    }

    .airport-location {
        width: auto;
        float: left;
    }

    .inbound-outbound-date {
        width: 100%;
        float: none;
    }

    .inbound-outbound-duration {
        width: 100%;
        float: none;
        text-align: center;
    }

    .container-modal {
        padding: 2%;
    }

    .container-modal .search-modal-segment-right {
        width: 30%;
        height: auto;
    }

    .passenger-info-box-fields-nopadding {
        margin-left: 0;
        float: none;
        font-size: 12px;
    }
    .account-receipt-hotel-img {
        float: none;
        width: 100%;
    }

    .account-receipt-hotel-info {
        margin-left: 0;
    }

    .column-right-title {
        margin: 20px 0 0 0;
    }

    .faq-search-wrap {
        padding: 10px 0 20px 0;
    }

    .input-text-box-faq {
        width: 63%;
    }

    .airline-wrap {
        margin: -398px auto;
        width: 100%;
        overflow: hidden;
    }

    .airline-right {
        padding: 20px 2%;
        background: #fff;
        margin-top: 271px;
        width: 95%;
    }

    .airline-master-title {
        text-align: center;
        color: #fff;
        font-size: 48px;
        padding: 10px 0 14px;
        width: 100%;
    }

    .airline-push {
        height: 398px;
    }

    .insurance-banner {
        display: none;
    }

    .insurance-package-text-btn {
        height: auto;
    }

    .insurance-package-text-left {
        width: 100%;
        float: none;
    }

    .insurance-package-btn-right {
        margin-top: 25px;
        width: 100%;
        float: none;
        text-align: left;
        height: 40px;
    }

    .column-right-content {
        margin: 0 0 15px;
        overflow: hidden;
    }

    .container-insurance {
        padding: 0 2%;
        width: 96%;
    }

    .insurance-title-big {
        font: 700 24px/24px helvetica, arial, sans-serif;
        color: #222;
    }

    .insurance-title-small {
        font: 700 18px/18px helvetica, arial, sans-serif;
        color: #222;
    }

    .insurance-left {
        float: none;
        width: 100%;
    }

    .insurance-right {
        margin-left: 0;
    }

    .insurance-title-email {
        margin-top: 45px;
        padding: 10px 0;
    }

    .plan-expire {
        padding: 15px 0;
        width: 100%;
    }

    .ins-badge {
        display: none;
    }

    .plan-name-left {
        float: none;
    }

    .plan-name-right {
        padding-top: 0;
        float: none;
    }

    a.button-white {
        margin-top: 10px;
        box-shadow: 0 0 0 #333;
    }

    .plan-desc-yellow {
        padding-top: 0;
        border-top: 0 solid #ffbd68;
    }

    .plan-desc-orange {
        padding-top: 0;
        border-top: 0 solid #eb8e62;
    }

    .ins-plan-blue {
        background: #006590;
        height: auto;
    }

    .ins-plan-yellow {
        background: #ff9000;
        height: auto;
    }

    .ins-plan-blue, .ins-plan-yellow, .ins-plan-orange {
        padding: 15px 2%;
        width: 96%;
        line-height: 26px;
    }

    .ins-plan-orange {
        background: #eb4c00;
        height: auto;
    }

    .action-bar-left {
        padding-top: 20px;
        float: none;
        text-align: center;
    }

    .action-bar-right {
        padding-top: 17px;
        float: none;
        text-align: center;
    }

    .ins-right-title-left {
        padding-top: 0;
        float: left;
        max-width: 180px;
    }

    .hotel-inner-left {
        margin: 10px auto;
        padding: 2%;
        width: auto;
        float: none;
        background: #fff;
        border: 1px solid #cdcdcd;
        max-width: 300px;
    }

    .hotel-inner-right {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding: 10px 0;
    }

    .hotel-packages {
        padding: 10px 0 20px;
        background: transparent;
    }

    #hotelfilters {
        display:none;
    }

    .info-container {
        margin: 0 0 10px;
        padding: 3px 0;
    }

    .sort-container {
        padding: 0;
        display: inline-block;
        background: transparent;
        width: 100%;
    }

    .sort-container > a.sorting {
        margin-left: 0 !important;
    }

    a.sorting {
        margin-left: 0;
        padding: 7px 0;
        border-right: 0 solid #fff;
        text-align: center;
        width: 25%
    }

    .sort-left {
        display: none;
    }

    .hotel-alert-container {
        margin: 0;
        padding: 3px 0 2px;
        background: #fff2eb;
        border-top: 1px solid #f7d5c5;
        border-right: 1px solid #f7d5c5;
        border-left: 1px solid #f7d5c5;
        color: #ec5300;
        display: block;
        float: none;
        font-size: 11px;
        text-align: center;
    }

    .hotel-result-wrap {
        margin: 0 0 10px 0;
        overflow: hidden;
        border: 1px solid #ccc;
        background: #f9f9f9;
        cursor: pointer;
        box-shadow: 0 0 0 #aaa;
        position: relative;
    }

    .hotel-result-wrap:hover {
        background: #fff;
        box-shadow: 0 0 0 #aaa;
    }

    .hotel-result-photo-left {
        float: left;
        width: 160px;
        margin-right: 1.6%;
    }

    .hotel-result-photo-right {
        margin-left: 0;
        margin-top: 0;
        width: 76.7%;
    }

    .hotel-result-left {
        padding: 10px 1.6% 5px 1.6%;
        float: none;
        width: 96.2%;
        border-right: 0 solid #ccc;
    }

    .hotel-result-right {
        margin-left: 0;
        padding: 0 0 0 0;
        position: static;
        text-align: left;
        border-bottom: 0 solid #ccc;
        background: #fff;
        min-height: 0;
    }

    .room-price {
        margin-top: 0;
        text-align: right;
        float: none;
        font: normal 40px/30px arial, sans-serif;
        position: absolute;
        top: 7px;
        right: 10px;
    }

    .original-price {
        padding: 0 0 0 0;
        color: #999;
        text-decoration: line-through;
        float: none;
        position: absolute;
        top: 46px;
        right: 66px;
    }

    .free-cancellation {
        position: absolute;
        top: 80px;
        right: 10px;
        font-size: 11px;
    }

    input.hotel-name-contains {
        padding: 5px;
        border: 1px solid #ccc;
        background: #fff;
        border-radius: 3px;
        width: 200px;
        vertical-align: middle;
    }

    input.search-calendar {
        background-image: none !important;
    }

    .rooms-left-selectroom {
        margin: 5px 15px 0 0;
        padding: 0 0;
        background: #fff;
        color: #d53535;
        font-size: 12px;
        text-align: right;
    }

    .rooms-left-arrow {
        display: none;
    }

    /* selectroom.php */
    .hotel-back-search {
        display: none;
    }

    .hotel-name {
        display: block;
    }

    .top-price {
        display: none;
    }

    .hotel-top {
        padding: 0 2%;
        border-top: 0 solid #ddd;
        border-bottom: 0 solid #ddd;
    }

    .hotel-photos-container {
        padding:0 2%;
        width: 100%;
        height: auto;
    }

    .hotel-photos-container img {
        max-width: 95%;
        max-height: 205px;
    }

    .hotel-img-container {
        float: none;
        width: 100%;
        height: auto;
        min-height: 215px;
        border: 0 solid #ccc;
        background: transparent;
    }

    .thumbs-container {
        margin-left: 10px;
        margin-top: 5px;
        float: none;
        width: 96%;
    }

    .thumbs-container ul li:nth-child(6n) {
        margin: 0 7px 2px 0;
        padding: 0;
        float: left;
    }

    .hotel-amenities-wrap {
        margin-bottom: 0;
        padding: 10px 2% 0;
        background: #fff;
        border: 1px solid #ddd;
    }

    .map-info-left {
        float: none;
        width: 100%;
    }

    .map-info-left img {
        max-width: 100%;
    }

    .map-info-right {
        margin-left: 0;
    }

    .room-select-wrap {
        margin-top: 10px;
        padding-bottom: 10px;
    }

    .hotel-desc-left {
        padding: 0 2% 15px;
        width: 100%;
    }

    .room-select-left {
        padding: 10px;
        float: left;
        width: 70%;
    }

    .room-select-right {
        margin-left: 0;
        padding: 0;
        max-height: 400px;
        width: 30%;
        float: right;
        text-align: right;
        overflow: hidden;
    }

    .top-price-book-room {
        margin-top: 10px;
        overflow: hidden;
        width: 200px;
        float: right;
    }

    .amenities-prices-wrap {
        width: 100%;
    }

    .amenities-prices-left {
        width: auto;
        float: none;
    }

    .amenities-prices-right {
        margin-left: 0;
    }

    .room-name-right {
        margin-top: 5px;
        float: none;
    }

    .hotel-map {
        border: 0 solid #999;
    }

    .hotel-tabs ul li a {
        padding: 10px 5px;
        display: block;
        background: #f1f1f1;
        font: bold 12px/16px arial, sans-serif;
    }

    .hotel-tabs ul li a.active {
        padding: 10px 5px;
        display: block;
        background: #fff;
        font: bold 12px/18px arial, sans-serif;
    }

    textarea.hotel-request {
        margin-top: 10px;
        padding: 5px;
        border: 1px solid #ccc;
        border-radius: 3px;
        width: 259px;
        height: 80px;
    }

    a.orange-reg-btn {
        display: inline-block;
    }

    .mobile-float {
        display: inline-block !important;
    }

    /* search result */
    .exp-container-flight-package-left table.exp-package {
        margin-top: 0;
    }

    table.exp-package .stops-cell,
    table.exp-package .flight-duration {
        width: 135px;
    }

    .date-range-container {
        display: none;
    }

    .tablet-show {
        display: inline-block !important;
    }

    .tablet-show.block {
        display: block !important;
    }

    .orange-big-btn{
        display: inline-block;
    }

    /* share modal */
    .share-form input, .share-form textarea{
        padding: 1%;
    }

    a.share-button {
        padding: 10px 25px;
        display: inline-block;
    }

    .flex-package .button-select-fare {
        display: none;
    }

    body.one-step-alt .flex-package .button-select-fare {
        display: block;
    }

    .filter-content li {
        position: relative;
    }

    .modify-search-wrap {
        display: inline-block;
    }

    a.button-show-filters-b {
        padding: 3px 0;
        font-size: 12px;
    }

    .modal-close-btn {
        position: absolute;
        top: -23px;
        right: -1px;
        z-index: 1;
    }

    .flex-tag {
        margin: 0;
    }

    .column-sidebar-wrap {
        border-top: 1px solid #dadada;
    }

    .hp-linklist-wrap {
         padding: 25px 0;
     }

    .hp-linklist-container>ul>li {
        margin-right: 0;
        margin-bottom: 15px;
        display: block;
        width: 100%;
    }

    .hp-linklist-container ul li ul li {
        padding-right: 30px;
        width: auto;
        float: left;
    }

    .hp-linklist-container>ul>li:nth-child(2) {
        margin-right: 0;
        width: 100%;
    }

    .hp-linklist-container>ul>li:nth-child(3) {
        margin-right: 0;
        width: 100%;
    }

    .hp-linklist-container>ul>li:last-child {
        margin-right: 0;
        width: 100%;
    }

    .hp-linklist-container ul li ul.hp-linklist-wide li {
        width: 25%;
    }

    .hp-footer-logos-container {
        margin: 0 auto;
        width: 55%;
    }

}









@media (max-width : 980px) {

    footer {
        padding: 10px;
        background-color: #f9f9f9;
        border-top: 1px solid #dadada;
    }

    .footer-wrap {
        flex-direction: column;
        align-items: flex-start;
        font-size: 11px;
        line-height: 16px;
    }

    .footer-left {
        text-align: left;
    }

    .footer-right {
        text-align: center;
    }

    .footer-link-mobile-hide {
        display: none;
    }

    footer ul {
        flex-direction: row;
    }

    footer ul li {
        padding: 3px 0 0;
        text-align: left;
    }

    footer ul li a:hover {
        color: #000;
    }

    .topbar-inner {
        padding: 0 15px;
        width: 100%;
    }

    .topbar-text img {
        display: none;
    }

    .topbar-text {
        padding-bottom: 10px;
        font-size: 18px;
        line-height: 22px;
        display: block;
    }

    .topbar-button {
        display: block;
        min-width: 0;
        text-align: center;
    }

    .topbar-button a {
        padding: 6px 12px;
        display: inline-block;
        min-width: 0;
        font-size: 16px;
        font-weight: 700;
    }

}









@media (max-width : 767px) {

    body {
        margin: 0 0 62px;
    }

    .head-wrap {
        box-shadow: 0 0 0 #666;
        background: #fff;
        height: auto;
    }

    .container-deal-alerts, .search-wrap, .package-select-btn, .package-select-img, .package-bonus-text, .airline-name, .container-important-info2, .checkout-destination-title, .container-contact-info, .modal-inner-bottom, .container-secure-booking, .checkout-inner-right, .insurance-btn-block-left, .flight-details-sub-duration, .takeoff-landing-title {
        display: none;
    }

    .section-features{
        display: none;
    }

    .mobile-alert-filter-wrap{
        margin: 0 0 5px;
        width: 100%;
    }

    #fares-search-flexible {
        margin: 0;
        width: 100%;
    }

    .tag:before {
        display: none;
    }

    .topbar-text {
        font-size: 15px;
        line-height: 20px;
    }

    .topbar-button a {
        padding: 4px 10px;
        font-size: 14px;
    }

    /* MEMBERSHIP UPSELL PAGE */
    .mem-subheading-left-short {
        float: none;
        width: 100%;
        text-align: center;
    }

    .mem-subheading-middle-short {
        margin: 0 auto;
        padding: 10px 2%;
        float: none;
        width: 96%;
        border-right: 0 solid #cdcdcd;
        text-align: center;
    }

    .mem-subheading-right-short {
        padding: 30px 0 0 0;
        float: none;
        width: 100%;
    }

    fieldset.mem-points-title {
        margin-top: 45px;
        border-top: 0 solid #cdcdcd;
    }

    .membership-confirmation-number {
        margin: 0 auto;
        padding: 2px 0 10px;
        text-align: center;
        font-size: 15px;
        font-weight: 400;
        background: #f0f0f0;
    }

    .mem-item {
        margin-bottom: 55px;
    }

    .mem-points-wrap {
        margin-top: 25px;
        padding: 0 2%;
    }

    .mem-points-title-left {
        background: #fff;
        font-size: 18px;
        line-height: 28px;
    }

    .mem-feature-wrap {
        margin-bottom: 35px;
    }

    .mem-feature-left {
        padding: 10px 0 0 30px;
        float: none;
        width: 100%;
    }

    .mem-feature-right {
        padding-top: 8px;
        float: none;
        width: 100%;
        text-align: center;
    }

    .mem-feature-full {
        padding: 10px 0 0 30px;
        width: 100%;
    }

    .mem-elite-wrap {
        margin-top: 30px;
    }

    .mem-elite-left {
        float: none;
        width: 100%;
    }

    .mem-elite-right {
        float: none;
        width: 100%;
    }

    .mem-partner-left {
        padding-top: 6px;
        padding-left: 0 !important;
        float: none;
        width: 100%;
        text-align: center !important;
    }

    .mem-partner-right {
        padding-left: 0;
        padding-top: 8px;
        float: none;
        width: 100%;
        text-align: center;
    }

    .mem-buttons-wrap {
        margin: 0 2%;
        position: relative;
    }

    .mem-buttons-left {
        padding-top: 0;
        float: none;
        width: 100%;
        position: absolute;
        left: 0;
        top: 160px;
    }

    .mem-buttons-right {
        padding-top: 30px;
        float: none;
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }

    .mem-buttons-bottom {
        margin-top: 210px;
    }

    .mem-item-title {
        font-size: 18px;
    }

    .mem-card-mobile {
        width: 100%;
        display: block;
    }

    ul.perks-box {
        margin-top: 20px;
    }

    ul.perks-box li {
        margin-right: 0;
        margin-bottom: 2%;
        float: none;
        width: 100%;
        height: auto;
    }

    .perks-title {
        padding: 2%;
        background: #f5f5f5;
        font-size: 14px;
        font-weight: 700;
        color: #ff5200;
    }

    .perks-box-right-inner {
        padding-left: 15px;
    }

    .mem-partner-left-myaccount {
        padding-bottom: 15px;
        float: none;
        width: 100%;
        text-align: center;
    }

    .mem-partner-right-myaccount {
        padding-left: 0;
        float: none;
        width: 100%;
        text-align: center;
    }

    table.billing-history {
        margin-top: 15px;
    }

    .mem-partner-left-myaccounthome {
        padding-bottom: 10px;
        float: none;
        width: 100%;
        text-align: center;
    }

    .mem-partner-right-myaccounthome {
        float: none;
    }

    /* membership-form responsive */
    .membership-billing-date {
        float: left;
    }

    .membership-form .account-info-box-fields, .membership-address-wrap {
        width: 100%;
    }

    .membership-type .membership-select-box {
        width: 60%;
    }

    .membership-type .membership-price-box {
        width: 35%;
        margin-right: 0;
    }

    .membership-form .account-info-box-fields input {
        width: 95.5%;
    }

    .cc-name-oncard input, .membership-form .membership-cc-exp-m, .membership-form .membership-cc-exp-y, .membership-form .membership-cc-cvv {
        width: 30%;
    }

    .membership-form .membership-cc-cvv {
        margin-right: 0;
    }

    .membership-b-address-wrap input, .membership-address-wrap input, .membership-phone-wrap input, .membership-phone-ext input {
        width: 95%;
    }

    .membership-phone-ext {
        margin-top: 0;
    }

    .result-promo-wrap {
        margin-top: 0;
        background: #fff;
        position: relative;
    }

    .result-promo-top {
        padding-top: 0;
        border-bottom: 0 solid #f0f0f0;
    }

    .result-promo-bottom {
        display: none;
    }

    .result-promo-top-left {
        display: none;
    }

    .result-promo-top-middle {
        float: none;
        width: 100%;
    }

    .result-promo-top-right {
        padding: 0 10px 15px 15px;
        float: none;
        width: 100%;
        text-align: left;
        position: absolute;
        top: 0;
        left: 0;
    }

    .result-promo-textbox {
        margin: 55px 2% 0;
        padding: 10px;
        width: 96%;
    }

    .result-promo-pointer {
        display: none;
    }

    .promo-textbox-top {
        padding-bottom: 10px;
        font-size: 16px;
        color: #fe5301;
        border-bottom: 1px solid #dadada;
        text-align: center;
    }

    .promo-textbox-bottom {
        padding: 10px 0 5px;
        border-bottom: 1px solid #dadada;
        overflow: hidden;
    }

    .promo-textbox-bottom-left {
        float: left;
        font-size: 35px;
        color: #3d9d00;
        line-height: 34px;
    }

    .promo-textbox-bottom-right {
        float: right;
    }

    .result-promo-phone {
        font-size: 23px;
        line-height: 18px;
        color: #4d4d4d;
    }

    .result-promo-5mins {
        font-size: 14px;
        color: #4d4d4d;
    }

    .result-promo-price {
        margin-top: 0;
    }

    .button-select-fare-promo {
        padding: 10px 25px;
        position: absolute;
        top: 10px;
        right: 8px;
    }

    .exp-wrapper {
        margin: 0 0;
        width: 100%;
    }

    .exp-price img {
        margin-bottom: -6px;
    }

    .bigtext {
        font-size: 12px;
    }

    #fares-search-top-flights-buttons {
        margin: 0;
    }


    #mobilealert {
        display: none;
    }

    .alert-form-left-mobile {
        width: 62%;
        float: left;

    }

    .alert-form-left-mobile input {
        padding: 7px 7px 8px;
        width: 100%;
    }

    .alert-form-right-mobile {
        width: 37%;
        float: left;
    }

    .container-airfare-mobile {
        margin: 0 0 2px;
        padding: 4%;
        background: #f9f9f9;
        display: none;
        text-align: center;
    }

    .transition-alert-form-mobile {
        margin: 0 2% 10px;
        padding: 0 2% 1%;
    }

    .exp-airlines-wrap {
        margin: 5px 0;
    }

    .exp-container-flight-package-left,
    .exp-container-flight-package-right {
        padding: 0;
        display: block;
        overflow: hidden;
        width: auto;
    }

    .exp-container-flight-package-right {
        padding: 0 0 15px;
    }

    .flight-package-wrap .per-person,
    .flight-package-wrap .result-price {
        vertical-align: middle;
    }

    .flight-package-wrap .per-person {
        padding: 5px 0 0 0;
        clear: both;
    }

    .exp-container-price-left {
        padding: 3px 0 0;
        float: left;
        width: 40%;
        text-align: left;
    }

    .exp-container-price-right {
        padding: 0;
        float: left;
        width: 60%;
        text-align: right;
    }

    .exp-airlines-left {
        margin-left: -5px;
    }

    .exp-details {
        margin-top: -10px;
        margin-bottom: 10px;
        padding: 1%;
        background: #fff;
        border: 0;
        font-size: 11px;
    }

    .exp-leg-wrap {
        overflow: hidden;
    }

    .exp-leg-left {
        padding: 2% 0;
        float: none;
        width: 100%;
        overflow: hidden;
        border-top: 1px solid #dedede;
        border-bottom: 0 solid #dedede;
    }

    .exp-leg-right {
        padding: 5px 1% 10px 3%;
        float: none;
        width: 96%;
        line-height: 18px;
        border-top: 0 solid #dedede;
    }

    .exp-layover {
        margin: 0 0 0 0;
        padding: 5px 2%;
        background: #fff;
        color: #8dbe6e;
        font-weight: normal;
        border-top: 1px solid #dedede;
        font-size: 11px;
    }

    .exp-leg-left-logo {
        padding: 2% 3% 3%;
        float: left;
        width: 15%;
        text-align: center;
    }

    .exp-leg-left-airline {
        padding-top: 3%;
        padding-right: 8px;
        float: left;
        text-transform: lowercase;
        width: 60%;
        text-align: left;
        line-height: 16px;
    }

    .exp-leg-left-airline:first-letter{
        text-transform: capitalize
    }

    .exp-leg-left-flight {
        padding-top: 3%;
        float: left;
        width: 25%;
        text-align: center;
        line-height: 16px;
    }

    a.button-outbound-back {
        margin-top: 13px;
        padding: 0;
        font-weight: normal;
        color: #006699;
        background: transparent;
        box-shadow: none;
        border: 0;
    }

    a.button-outbound-back:hover {
        background: transparent;
        color: #006699;
    }

    .chosen-package-wrap {
        margin: 10px 0;
        padding: 0 1% 10px;
        border-top: 1px solid #2cb8e2;
        background: #f2f9fd;
    }

    .chosen-package-left {
        float: none;
        width: 100%;
        text-align: center;
    }

    .chosen-package-middle {
        width: 75%;
    }

    .chosen-package-middle table.exp-package tr td{
        padding: 0 2px;
        line-height: 17px;
    }

    .chosen-package-right {
        padding-top: 0;
        float: right;
        text-align: center;
        width: 25%;
    }

    .select-flight-wrap {
        margin-bottom: 5px;
        padding: 10px 4%;
        text-align: center;
        line-height: 19px;
        color: #fff;
        background: #0072a3;
    }

    .select-flight-left {
        width: 100%;
        text-align: center;
    }

    .select-flight-right {
        display: none;
    }

    .select-flight-wrap .blue-bright{
        color: #fff;
    }

    .select-flight-text {
        font-size: 13px;
    }

    .select-flight-text2 {
        font-size: 13px;
    }

    .chosen-package-left-left {
        margin-left: 10px;
        padding-right: 10px;
        float: left;
        font-weight: bold;
        font-size: 13px;
    }

    .chosen-package-left-right {
        float: left;
        font-size: 13px;
    }

    .exp-chosen-airline {
        padding-top: 0 !important;
    }

    .img-responsive {
        margin: 0 0 0;
        padding: 0;
        background-image: none;
    }

    .home-inner-left {
        padding: 0 0 15px;
        width: 100%;
        float: none;
        overflow: hidden;
    }

    .container-home-search {
        margin: 0;
        padding: 10px 2% 0;
        width: 100%;
        border: 0 solid #e1e1e1;
        overflow: hidden;
        background: #fff;
        font-size: 12px;
    }

    .home-search-from-left {
        float: none;
        width: 100%;
        border: 0;
    }

    .multi .home-search-from-right {
        margin-left: 2%;
        float: left;
        width: 32%;
        display: block;
    }

    .home-search-to-left {
        float: left;
        width: 64%;
    }

    .multi .home-search-to-right {
        margin-left: 2%;
        float: left;
        width: 32%;
        display: block;
    }

    .recent-search-drop-down {
        padding: 5px 8px;
    }

    .responsive-home-search-margin-right {
        margin-right: 2% !important
    }

    .container-home-search-btn{
        display: none;
    }

    .container-search-flights-btn{
        overflow: visible;
    }

    .container-search-flights-btn a.orange-big-btn {
        margin: 0 auto;
        padding: 12px 25px;
        font: 300 23px helvetica, arial, sans-serif;
        color: #fff;
        background: #ff5200;
        width: 100%;
        cursor: pointer;
        display: block;
        border-radius: 2px;
    }

    .container-search-flights-btn a.orange-big-btn:hover {
        background: #ff5200;
    }

    .input-text-box {
        border: 1px solid #dadada;
        box-shadow: inset 0 0 0 #777;
        -webkit-appearance: none;
    }

    .input-text-box-home {
        margin: 0;
        padding: 12px 2%;
        width: 100%;
        font-size: 12px;
        border: 1px solid #dadada;
        border-radius: 3px;
        box-shadow: inset 0 0 0 #666;
        -webkit-appearance: none;
    }

    .input-text-box-home:focus {
        border: 1px solid #bbb;
        box-shadow: inset 0 0 0 #555;
    }

    .input-calendar-box, .input-calendar-box-hotel, .input-calendar-box-home {
        padding: 12px 4%;
        width: 96%;
        border: 1px solid #dadada;
        background-image: none !important;
        box-shadow: inset 0 0 0 #666;
        -webkit-appearance: none;
    }

    .select-date-range-wrap .comiseo-daterangepicker-triggerbutton{
        margin-left: 0;
        margin-right: 0;
        padding: 10px 8px;
        width: 100%;
        font-size: 12px;
        display: block;
        color: #555;
        background-color: #fff;
        border: 1px solid #dadada;
        border-radius: 2px;
    }

    .options-expand-left {
        margin-right: 2%;
        width: 49%;
        float: left;
        text-align: center;
    }

    .options-expand-right {
        width: 49%;
        float: left;
        text-align:center;
    }

    .top-price-book-room {
        width: auto;
    }

    .top-price-room {
        padding:0 10px 0 0;
        width: auto;
        float: none;
    }

    a.button-select-hotel-sq-left {
        margin-top: 10px;
    }

    /* flight and hotel tabs */
    .container-home-search-btn.form-type-tab-wrap {
        margin: 0;
    }

    .form-type-tab {
        display: none;
    }

    .hp-box-title {
        display: none;
    }

    .hp-box {
        display: none;
    }

    /* results page */
    ul.exp-container-flight-package {
        margin: 15px 0 0;
        min-height: 0;
    }

    .mobile-small {
        font-size: 11px;
    }

    .container-sort {
        margin: 0 auto;
        padding: 0 2% 15px;
        width: 96%;
    }

    a.filter-button {
        font-size: 11px;
        line-height: 13px;
    }

    .filter-content ul li {
        padding: 0 1% 2%;
    }

    .container-airfare {
        display: none;
    }

    /* package */
    ul.container-flight-package {
        margin-bottom: 7px;
        padding: 0 2%;
        position: relative;
        border: 0 solid #ddd;
        background: #fff;
    }

    ul.container-flight-package li {
        border-top: 0 solid #d0d0d0;
    }

    ul.container-flight-package li:last-child {
        border-bottom: 0 solid #d0d0d0;
    }

    .container-flight-results {
        margin: 0 auto;
        width: 98%;
    }

    a.phone-deal-btn,
    a.button-select-fare {
        width: 100%;
        max-width: 200px;
        float: right;
    }

    .mobile-details {
        margin: 0;
        padding: 5px;
        font-size: 14px;
        font-weight: bold;
        width: 100%;
        max-width: 200px;
        text-align: center;
        display: block;
        float: right;
    }

    .seats-left {
        width: 100%;
        max-width: 200px;
        float: right;
    }

    .package-row-middle {
        padding: 10px 0 0 0;
        border: 0 solid #e1e1e1;
        overflow: hidden;
        position: relative;
    }

    .package-price-box {
        height: auto;
        border-top: 0 solid #e1e1e1;
        width: 225px;
        position: absolute;
        top: 0;
        left: 0;
        font-size: 28px;
        color: #4e7720;
        text-align: left;
        background: transparent;
    }

    .price-box-bottom {
        border-bottom: 0 solid #e1e1e1;
        width: 100%;
        background: #fff;
        float: none;
        height: auto;
        margin-left: 0;
        margin-top: 0;
        position: absolute;
        top: 30px;
        right: 0;
    }

    .fd-layover {
        margin-left: 1%;
    }

    .fd-airline-logo, .fd-bottom-blank {
        display: none;
    }

    .underline-mobile {
        text-decoration: underline;
    }

    .package-row2-left {
        width: 14%;
    }

    .package-row2-right {
        padding: 5px 0 0;
        width: 86%;
    }

    .airlines-wrap-single {
        padding-top: 12px;
        position: relative;
        height: 100%;
    }

    .airlines-multi {
        padding-top: 6px;
        overflow: hidden;
        width: 32px;
    }

    .airlines-right {
        display: none;
    }

    .departure-hour {
        width: 12%;
        font-size: 14px;
        font-weight: bold;
    }

    .arrival-hour {
        width: 12%;
        font-size: 14px;
        font-weight: bold;
    }

    .package-airport-code {
        width: 8%;
    }

    .package-arrow {
        width: 6%;
        text-align: center;
    }

    .package-stops {
        width: 20%;
        text-align: center;
        font-size: 11px;
        color: #999;
    }

    .mobile-seats {
        font-size: 11px;
        color: #ff0000;
        width: 100%;
        text-align: center;
    }

    .details-modal-warning {
        margin: 0 0 2%;
        padding: 2%;
    }

    .cabin-mobile {
        margin: 0 0 0;
        background: transparent;
        border-top: 0 dotted #e1e1e1;
        border-bottom: 0 dotted #e1e1e1;
    }

    .airline-logo-details-mobile {
        float: left;
    }

    .insurance-btn-block-right {
        margin: 5px 0 0 0;
        padding: 10px 2%;
        float: none;
        width: 95%;
        text-align: center;
        min-height: 0;
        position: relative;
    }

    .container-insurance-decline {
        padding: 7px 2% 10px 20%;
        width: 78%;
        overflow: hidden;
        text-align: left;
        position: relative;
        line-height: 26px;
    }

    .container-insurance-decline input {
        position: absolute;
        top: 47px;
        left: 20px;
    }

    .insurance-decline-right {
        margin: 0 0 0 3px;
        float: none;
        text-align: left;
    }

    .field-subtext, .container-passenger-info-expand {
        margin-top: 0;
        margin-left: 0;
    }

    ul.passenger-info-list {
        padding: 0;
    }

    ul.passenger-info-list li {
        margin: 0 0 5px;
        padding: 0 0 5px;
    }

    .container-create-account {
        display:none;
    }

    .ins-top-left {
        float: none;
    }

    .ins-top-right {
        border-left: 0 solid #dedede;
        margin-left: 0;
        padding-left: 0;
        float: none;
        text-align: center;
    }

    .passenger-info-title {
        padding: 8px 4%;
        border: 0 solid #e1e1e1;
        background: #0074a4;
        color: #fff;
        border-bottom: 3px solid #74d6ff;
        border-top: 3px solid #74d6ff;
    }

    .container-airfare-details-content {
        margin: 11px 4% 15px;
    }

    ul.guarantee-list {
        padding: 2% 0;
    }

    .airfare-details-title {
        padding: 8px 4%;
        border-bottom: 0 solid #e1e1e1;
        background: #0074a4;
        color: #fff;
        border-bottom: 3px solid #74d6ff;
        border-top: 3px solid #74d6ff;
    }

    .passenger-details-footer {
        padding: 10px 15px;
        border-top: 1px solid #e1e1e1;
        border-bottom: 1px solid #e1e1e1;
        background: #f7f7f7;
        overflow: hidden;
    }

    .responsive-traveller-box2 {
        width: 100%;
    }

    .checkout-account-email {
        margin: 10px 0 10px 0;
        float: none;
        width: 100%;
    }

    .checkout-account-emailconfirm {
        margin: 0 0 10px 0;
        float: none;
        width: 100%;
    }

    .checkout-responsive-full-width {
        width: 100%;
    }

    .responsive-payment-date-left {
        margin-right: 2%;
        width: 31%;
    }

    .responsive-payment-date-right {
        margin-right: 2%;
        width: 31%;
    }

    .checkout-billing-card-number{
        width:100%;
    }

    .responsive-payment-exp-date {
        width: 45%;
        margin-right: 4%;
        float: left;
        clear: none;
    }

    .responsive-billing-country {
        width: 100%;
    }

    .checkout-responsive-email {
        width: 100%;
    }

    .box-checkout-content {
        margin: 0;
        padding: 2% 2% 0;
        background: #fff;
    }

    .box-checkout-content-aa {
        margin: 0;
    }

    .box-checkout-title-cards {
        display: none;
    }

    .box-checkout {
        padding: 0 0 2%;
    }

    .checkout-responsive-safe-info {
        padding-top: 0 !important;
        width: 100%;
    }

    .checkout-hotel-fname {
        width: 100%;
    }

    .checkout-hotel-lname {
        width: 100%;
    }

    .billing-title {
        padding-top: 0;
    }

    /* flighthub elite section */
    .box-checkout-col,
    .box-checkout-col-6 {
        width: 100%;
    }

    .box-checkout-header span {
        display: none;
    }

    .flightelite-wrap {
        border-right: 0;
    }

    .priority-wrap .box-checkout-inner-container,
    .box-checkout-inner-container {
        padding-left: 10px;
    }

    .receipt-payment, .receipt-travellers-content, .receipt-title-blue, .receipt-title-blue, .receipt-title-yellow, .receipt-title-warning, .receipt-title-orange, .receipt-title-red {
        padding: 8px;
    }

    .receipt-itinerary {
        padding: 8px 0;
    }

    .details-top-left {
        height: auto;
        margin-right: 0;
        margin-bottom: 10px;
        padding: 2%;
        float: none;
        width: 100%;
        border: 1px solid #dadada;
    }

    .details-top-right {
        height: auto;
        margin-right: 0;
        padding: 2%;
        float: none;
        width: 100%;
        border: 1px solid #dadada;
    }

    .baggage-checkin-left, .baggage-checkin-right {
        margin-right: 0;
        margin-left: 0;
        float: none;
        width: 100%;
    }

    ul.flight-details-info {
        margin-left: 0;
        margin-bottom: 10px;
        padding: 0 5px;
        width: auto;
        float: none;
        background: #f9f9f9;
        border-right: 1px solid #e1e1e1;
        border-bottom: 1px solid #e1e1e1;
        border-left: 1px solid #e1e1e1;
        font-size: 11px;
    }

    /* my account */
    .column-right-myaccount-nobg {
        margin-left: 0;
        padding: 0 2% 15px;
        border: 0 solid #e1e1e1;
        min-height: 0;
        background: transparent;
    }

    .account-info-email, .account-info-password {
        width: 100%;
    }

    .column-right {
        margin-left: 0;
        padding: 2% 2% 5%;
        border: 0 solid #e1e1e1;
        min-height: 0;
    }

    /* pagination */
    .pager ul li,.pager ul li.active {
        display: none;
    }

    .pager ul li:first-child {
        display: block;
    }

    .pager ul li:last-child {
        display: block;
    }

    .pager ul li a span {
        font-size: 42px;
    }

    .pager ul li.no-previous {
        font-size: 42px;
    }

    .pager ul li a {
        background: #e1e1e1;
    }

    .container-sort-left {
        padding: 0 0 5px;
        width: 100%;
        float: none;
        text-align: center;
    }

    .container-sort-right {
        margin: 0 auto;
        padding: 0;
        width: 220px;
        float: none;
        text-align: center;
    }

    .account-old-password, .account-new-password, .account-confirm-password {
        width: 100%;
    }

    .account-info-gender {
        float: none;
        width: 40%;
    }

    .account-info-fname {
        margin: 0 0 10px 0;
        float: none;
        width: 100%;
    }

    .account-info-lname {
        margin-bottom: 10px;
        float: none;
        width: 100%;
    }

    .account-info-month {
        width: 32%;
    }

    .account-info-day {
        width: 32%;
    }

    .account-info-year {
        width: 34%;
    }

    .fields-box-notitle {
        padding-top: 18px;
    }

    ul.review-details-sub-list > li {
        padding: 5px 0 0 0;
    }

    /* traveller details */
    .checkout-select-traveller {
        width: 100%;
    }

    .checkout-gender {
        margin: 0 0 5px;
        width: 100%;
    }

    .checkout-first-name, .checkout-middle-name, .checkout-last-name {
        margin: 0 0 5px;
        width: 100%;
    }

    .checkout-month, .checkout-day {
        margin:0 1% 5px 0;
        float: left;
        width: 33%;
    }

    .checkout-year {
        margin: 0 0 5px;
        float: left;
        width: 32%;
    }

    .checkout-passport-country {
        margin: 0 0 5px;
        clear: left;
        width: 100%;
    }
    /* end traveller details */

    /* billing info */
    .checkout-card-number {
        margin: 0 1% 5px 0;
        width: 65%;
        float: left;
    }

    .checkout-card-type {
        margin: 0 0 5px;
        width: 34%;
        float: left;
    }

    .checkout-expiry-month, .checkout-expiry-year{
        margin: 0 1% 5px 0;
        float: left;
        width: 32%;
    }

    .checkout-expiry-month {
        clear: left;
    }

    .checkout-billing-cvv{
        margin: 0 0 5px;
        width: 34%;
        float: left;
    }

    .checkout-billing-fname {
        margin: 0 0 15px;
        width: 100%;
    }

    .checkout-billing-lname {
        margin: 0 0 5px;
        margin-bottom: 15px;
        width: 100%;
    }

    body.checkout-b .checkout-create-account-email {
        margin: 0 0 15px 0;
        float: none;
        width: 100%;
    }

    body.checkout-b .checkout-create-account-emailconfirm {
        margin: 0 0 15px 0;
        float: none;
        width: 100%;
    }

    .checkout-billing-address1 {
        margin: 0 1% 5px 0;
        float: none;
        width: 100%;
    }

    .checkout-billing-address2 {
        margin: 0 0 5px;
        float: none;
        width: 46%;
    }

    .checkout-billing-city {
        margin: 0 0 5px;
        width: 100%;
    }

    .checkout-billing-country {
        margin: 0 1% 5px 0;
        float: left;
        width: 37%;
    }

    .checkout-billing-region {
        margin: 0 1% 5px 0;
        float: left;
        width: 33%;
    }

    .checkout-billing-postal {
        margin: 0 0 5px;
        float: left;
        width: 28%;
    }

    .checkout-extra-phone {
        margin: 0 1% 15px 0;
        width: 47%;
        float: left;
    }

    .checkout-extra-phone-field {
        margin: 0 0 15px 0;
        width: 52%;
        float: left;
    }

    .checkout-extra-phone-ext {
        margin: 0 0 15px 0;
        width: 40%;
        float: none;
    }
    /* end billing info */

    /* new cc page */
    .newcc-card-number {
        width: 69%;
    }

    .newcc-card-type {
        margin: 0 0 10px 0;
        width: 29%;
    }

    .newcc-card-month {
        clear: both;
        width: 32%;
    }

    .newcc-card-year {
        padding-top: 20px;
        width: 32%;
    }

    .newcc-card-cvv {
        width: 34%;
    }

    .newcc-city {
        margin: 0 0 10px 0;
        float: none;
        width: 100%;
    }

    .newcc-country {
        margin: 0 0 10px 0;
        float: none;
        width: 100%;
    }

    .newcc-region {
        width: 69%;
    }

    .newcc-postal {
        width: 30%;
    }
    /* end new cc page */

    .faq-search-wrap {
        padding: 15px 0;
        width: 100%;
    }

    a.button-faq-search {
        padding: 8px 6px;
        font: 300 12px arial, sans-serif;
    }

    .plan-desc-blue {
        display: none;
    }

    .plan-desc-blue, .plan-desc-yellow, .plan-desc-orange {
        margin-top: 0;
        padding-top: 0;
    }

    /* misc */
    .mobile-scroll {
        overflow-y: scroll !important;
    }

    .tipsy {
        display: none;
    }

    .tipsy-inner {
        max-width: 150px;
    }

    /* CHECKOUT INSURANCE EXPERIMENT */
    .ins-top-wrap-exp {
        display: none;
    }

    .ins-package-radio-blue-exp {
        padding: 21px 0;
        text-align: center;
        width: 10%;
        height: 60px;
        border-bottom: 1px solid #c9c9c9;
    }

    .ins-package-radio-yellow-exp {
        padding: 21px 0;
        text-align: center;
        width: 10%;
        height: 60px;
        border-bottom: 1px solid #c9c9c9;
    }

    .ins-package-radio-orange-exp {
        padding: 21px 0;
        text-align: center;
        width: 10%;
        height: 60px;
        border-bottom: 1px solid #c9c9c9;
    }

    .ins-package-radio-white-exp {
        padding: 21px 0;
        text-align: center;
        width: 10%;
        height: 60px;
        border-bottom: 1px solid #c9c9c9;
    }

    .ins-package-middle-exp {
        padding: 0 5px;
        width: 90%;
        height: 60px;
        border-right: 0 solid #c9c9c9;
        border-bottom: 1px solid #c9c9c9;
    }

    .ins-package-middle-exp-decline {
        padding: 0 5px;
        width: 90%;
        height: 60px;
        border-right: 0 solid #c9c9c9;
        border-bottom: 1px solid #c9c9c9;
    }

    .ins-package-right-exp {
        padding: 10px;
        clear: both;
        float: none;
        width: 100%;
    }

    .ins-package-right-exp-decline {
        padding: 10px;
        clear: both;
        float: none;
        width: 100%;
    }

    .ins-package-points-wrap {
        overflow: hidden;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .ins-package-points-left {
        margin-bottom:10px;
        margin-right: 0;
        width: 100%;
        float: none;
    }

    .ins-package-points-right {
        margin-right: 0;
        width: 100%;
        float: none;
    }

    .ins-package-points-full {
        padding-top: 0;
    }

    .ins-package-points-full-2lines {
        padding-top: 0;
    }

    ul.plan-points {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    ul.plan-points li {
        padding-left: 0;
        font-size: 11px;
    }

    .ins-package-price-wrap {
        margin-top: 5px;
        margin-bottom: 0;
        float: right;
        width: auto;
    }

    .plan-name-exp {
        padding-top: 16px;
        float: left;
        width: 40%;
        font-size: 13px;
        line-height: 14px;
    }

    .ins-package-price-left {
        padding: 0 8px 0 0;
        float: none;
        font-size: 16px;
    }

    .ins-package-price-left-decline {
        padding: 15px 8px 0 0;
        float: none;
        font-size: 16px;
    }

    .ins-package-price-right {
        float: none;
    }

    ul.plan-points li {
        line-height: 15px;
    }

    ul.plan-points li + li {
        padding-left: 14px;
    }

    /* mobile calendar */
    .date-rangepicker-label {
        text-align: center;
    }

    .date-rangepicker-label .date-rangepicker-label-text {
        font-size: 12px;
    }

    .home-search-from-left,
    .home-search-to-left {
        width: 100%;
    }

    .multi .home-search-from-left,
    .multi .home-search-to-left {
        width: 64%;
    }

    .fields-row-dates {
        flex-direction: column;
        -webkit-flex-direction: column;
    }

    .hp-search-date-left,
    .hp-search-date-right {
        margin-bottom: 5px;
        flex: 1;
        -webkit-flex: 1;
        width: 100%;
    }

    /* show multiple city for mobile */

    .home .multi .home-search-from-left,
    .home .multi .home-search-to-left {
        width: 64%;
        float: left;
    }

    .home .multi .home-search-from-right {
        float: right;
    }

    .home .multi-seg .home-search-from-left br,
    .home .multi-seg .home-search-to-left br,
    .home .multi-seg .home-search-from-right br {
        display: none;
    }

    .home .multi-seg .home-search-to-right {
        float: right;
    }

    .multi .seg0_date_wrap,
    .multi .seg1_date_wrap {
        width: 32%;
        height: auto;
    }

    /* calendar */
    .ui-datepicker table{
        width: 96% !important;
        margin: 0 2% !important;
    }

    .date-range-container {
        display: none;
    }

    .select-date-range-wrap .ui-button-icon-secondary {
        display: none;
    }

    .trip-cancellation-select-box {
        margin-left: 0;
    }
    a.share-button {
        padding: 10px 25px;
        display: inline-block;
    }

    /* no-results */
    .no-results-box {
        margin: 15px 2% 0 2%;
    }

    .ins-decline-wrap {
        margin: 15px 0;
        padding: 3%;
        border: 1px solid #cdcdcd;
        border-radius: 4px;
    }

    /* insurance experiments */
    .ins-exp-plan-left{
        margin-right: 0;
        margin-bottom: 10px;
        float: none;
        width: 100%;
    }

    .ins-exp-plan-right{
        margin-left: 0;
        float: none;
        width: 100%;
    }

    .ins-best-value {
        font-size: 11px;
    }

    .ins-exp-title {
         margin: 0 auto 15px;
         line-height: 25px;
     }

    .all-inclusive-select-box {
        font-size: 12px;
    }

    .ins-exp-natural {
        width: 100%;
    }

    .ins-exp-natural .list-right {
        width: 90%;
        line-height: 17px;
    }

    .select-title, .specs-title {
        text-align: center;
    }

    .modify-search-wrap {
        display: inline !important;
    }

    .modify-search {
        margin: 0;
        padding: 0;
        color: #fff;
        display: inline-block;
        font-size: 13px;
        font-weight: normal;
        text-decoration: underline;
        text-align: center;
        background-color: transparent;
        background: transparent;
        border: 0 solid #d0d0d0;
        box-shadow: inset 0 0 0 #fff;
    }

    .checkout .modal-inner-left {
        width: 100%;
    }

    .mem-partner-row {
        display: block;
    }

    .mem-partner-box {
        margin-bottom: 15px;
        display: block;
    }

    .login-social-left {
        padding-right: 0;
        padding-bottom: 25px;
        display: block;
        width: 100%;
        border-right: 0 solid #dadada;
    }

    .login-social-right {
        padding: 15px 0 0 0;
        display: block;
        width: 100%;
        border-top: 1px solid #dadada;
    }

}








@media (max-width : 750px) {

    .hp-footer-logos-container {
        margin: 0 auto;
        width: 80%;
    }

    .aa-upsell-list-left,
    .aa-basic-economy-left {
        display: block;
        width: 100%;
        text-align: center;
    }

    .aa-upsell-list-right,
    .aa-basic-economy-right {
        padding-top: 20px;
        display: block;
        width: 100%;
        text-align: center;
    }

    .aa-basic-economy-right {
        padding-top: 5px;
    }

    .aa-upsell-list-right ul li {
        list-style: none;
    }

    .subtitle-aa-upsell {
        display: none;
    }

}







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

    .is-mobile-app .autofill {
        display: block;
    }

    .receipt-seatmap .seatmap-matrix {
        display: inline-block;
    }

    .receipt-seatmap .seatmap-matrix .column {
        padding: 3px 0;
        text-align: left;
    }

    .receipt-seatmap .seatmap-matrix .mobile-segment {
        margin: 0;
    }

    .receipt-seatmap .seatmap-matrix .selected-seats {
        font-size: 12px;
        padding: 5px 10px;
        line-height: 1.1;
    }

    .receipt-seatmap .selected-seat,
    .receipt-seatmap .seatmap-matrix .mobile-segment {
        display: inline-block;
    }

    .is-mobile-app .autofill {
        display: block;
    }

    .ins-csadirect .insurance-heading-right-csa, .insurance-heading-right {
        font-size: 16px;
    }

    .ins-csadirect .radio-options-footer .item {
        font-size: 14px;
    }

    .ins-csadirect .ins-options-wrap .column.ins-options-left {
        display: none;
    }
}



@media (max-width : 650px) {

    .cuba-reason-left {
        display: block;
        width: 100%;
    }

    .cuba-reason-right {
        display: block;
        width: 100%;
        border-top: 1px dotted #dadada;
    }

    table.exp-package td:first-child {
        padding-left: 0;
    }

    table.exp-package td {
        padding: 0 5px 3px 5px;
        font-size: 12px;
    }

    table.exp-package td .bigtext {
        margin: 0;
    }

    .phone-deals table.exp-package .arrow-wrap,
    table.exp-package .arrow-wrap {
        width: 30px;
        vertical-align: top;
    }

    .exp-package .icon-package-arrow {
        font-size: 14px;
    }

    table.exp-package .stops-cell,
    table.exp-package .flight-duration {
        width: auto;
    }

    .flex-package table.exp-package td .bigtext,
    table.exp-package td .bigtext {
        font-size: 14px;
    }

    table.exp-package td .details {
        display: none;
    }

    .flex-tag {
        font-size: 12px;
    }

    .room-info-left {
        width: 50%;
    }

    .room-info-right {
        width: 48%;
    }

    .ui-menu .ui-menu-item a {
        padding: .4em .6em;
    }

    .modal-fare-alerts-logo {
        width: 225px;
        height: 48px;
    }

    .ins-csadirect .ins-options-left {
        padding-right: 0;
        float: none;
        width: 100%;
    }

    .ins-csadirect .ins-options-right {
        float: none;
        width: 100%;
    }

    .ins-options-right {
        padding-top: 0;
    }
}




@media (max-width : 580px) {

    .tooltip {
        left: 2% !important;
        width: 96% !important;
        margin: 0 auto !important;
    }


    /*  experiment */
    .premium-economy-experiment.box-checkout .aa-upsell-list-wrap ul {
        display: block;
        flex-wrap: nowrap;
    }

    .premium-economy-experiment.box-checkout .aa-upsell-list-wrap li {
        width: 90%;
    }

    .premium-economy-experiment.box-checkout .upsell-button-row {
        text-align: center;
    }

}




@media (max-width : 550px) {

    .social-login-buttons-wrap {
        width: 100%;
    }

    .social-login-buttons-left {
        display: block;
        width: 100%;
        text-align: center;
    }

    .social-login-buttons-middle {
        padding: 20px 0;
        display: block;
        width: 100%;
        text-align: center;
    }

    .social-login-buttons-right {
        display: block;
        width: 100%;
        text-align: center;
    }

    .social-sign-in .instructions,
    .account-content-signup .instructions {
        text-align: center;
    }

    /* stored payment */
    .stored-payment-box td {
        display: inline-block;
    }

    .stored-payment-box tbody tr.gap {
        display: block;
    }

    .stored-payment-box td:first-of-type {
        display: none;
    }


    .stored-payment-box td.stored-cc-name {
        width: 100%;
        text-align: center;
        background: #eeeeee;
        color: #404040;
        display: block;
        margin-bottom: 5px;
        padding: 5px;
    }

    .saved-payment-info-selected td.stored-cc-name {
        background: #0174a3;
        color: white;
    }

    .stored-payment-box td .input-text-box {
        width: 70px;
        margin: 5px;
    }

    .stored-payment-box td input::placeholder {
        visibility: visible;
        text-align: center;
    }

    .stored-payment-box td.stored-cc-image {
        width: 12.5%;
        margin-left: 2.5%;
    }

    .stored-payment-box td.stored-cc-image img {
        height: 22px;
    }

    .stored-payment-box td.stored-cc-card {
        width: 40%;
        text-align: center;
        font-size: 11px;
    }

    .stored-payment-box td.stored-cc-expiration {
        width: 15%;
        text-align: left;
        font-size: 10px;
    }

    .stored-payment-box td.stored-cc-expiration span {
        display: none;
    }

    .stored-payment-box td.cc-security-code {
        width: 20%;
        margin-left: 0;
        text-align: center;
        font-size: 10px;
    }

    .stored-payment-box td.cc-security-code .fields-box label,
    .stored-payment-box td.cc-security-code .fields-box i.fa {
        display: none;
    }

}





@media (max-width : 530px) {

    .hotel-result-photo-left {
        float: none;
    }

    #modal_box {
        margin-left: -200px !important;
        left: 50% !important;
        width: auto !important;
    }

    .partner-logo {
        float: none;
    }

    .price-change-top {
        font-size: 15px;
        line-height: 20px;
    }

    .price-change-top span {
        font-size: 15px;
    }

    .price-change-bottom {
        padding: 10px;
        line-height: 20px;
    }

    .price-change-bottom .strike {
        font-size: 15px;
    }

    .price-change-bottom .newprice {
        font-size: 15px;
    }
}




@media (max-width : 500px) {

    .share-buttons-wrap a.share-modal-btn {
        padding: 10px;
        font-size: 12px;
    }

}





@media (max-width : 480px) {

    .phone-hide {
        display: none !important;
    }

    .flex-package table.exp-package td .bigtext,
    .phone-deals .dates,
    table.exp-package td .bigtext {
        font-size: 12px;
    }

    .exp-package .icon-package-arrow .fa-lg {
        font-size: 10px;
    }

    .room-select-left {
        width: 100%;
        padding: 8px;
    }

    .room-info-left,
    .room-info-right {
        width: 100%;
    }

    .room-info-right {
        margin-bottom: 10px;
    }

    .room-select-right {
        margin-left: 0;
        padding: 0;
        max-height: none;
        width: 100%;
        float: left;
    }

    .room-name {
        line-height: 19px;
    }

    .top-price-book-room {
        width: 100%;
    }

    .top-price-room {
        padding: 0;
        width: auto;
        float: none;
        text-align: center;
    }

    .top-price-book-room span {
        float: none;
    }

    a.button-select-hotel-sq-left {
        margin: 5px 10px;
        display: block;
    }

    .rooms-left-selectroom {
        text-align: center;
        margin: 0;
    }

    .checkout .modal-inner-left table.segment-title,
    .checkout .modal-inner-left table.segment {
        font-size: 11px;
    }

}




@media (max-width : 450px) {

    .hp-footer-logos-wrap {
        display: none;
    }

    #modal_box {
        margin-left: -175px !important;
        width: 350px !important;
    }

    .segment-airline {
        margin-bottom: 5px;
        padding: 0 0 5px 0;
        width: 100%;
        float: none;
        text-align: center;
        border-bottom: 1px dotted #dadada;
    }

    .segment-airline-icon {
        float: left;
        width: 15%;
        text-align: left;
    }

    .segment-airline-name {
        padding-top: 5px;
        float: left;
        width: 85%;
        text-align: left;
    }

    .segment-city {
        width: 60%;
    }

    .segment-duration {
        width: 20%;
    }

    .segment-info {
        width: 100%;
        float: none;
    }

    .segment-carrier {
        margin: 5px 0;
        padding: 5px 0 0 0;
        border-top: 1px dotted #dadada;
    }

    .segment {
        margin: 7px 0 0;
    }

    .segment-title-time {
        display: none;
    }

    .layover-middle {
        display: none;
    }

    .layover-left {
        width: 80%;
    }

    .layover-title-bar-mobile .layover-title {
        padding: 3px;
    }

    .layover-title-bar-mobile {
        padding: 0;
    }

    .layover-title-bar-mobile .layover-airport-code {
        padding: 3px;
        width: 50%;
    }

    .layover-title-bar-mobile .layover-airport-location {
        padding: 3px;
        width: 50%;
    }

    .layover-title-bar-mobile .layover-duration {
        padding: 3px;
    }

    .layover-title-bar-mobile .layover-airport-location {
        display: none;
    }

    .receipt-itinerary .segment-duration, .modal-inner-left .segment-duration {
        display: none;
    }

    .receipt-itinerary .segment-city, .modal-inner-left .segment-city {
        width: 70%;
    }

    .receipt-itinerary .segment-time, .modal-inner-left .segment-time {
        padding-left: 10px;
        width: 30%;
    }

}




@media (max-width : 400px) {

    .hotel-adult-wrap-left,
    .hotel-children-wrap-left {
        width: 100%;
        margin: 5px 0;
    }

    .hotel-children-left,
    .hotel-adult-left,
    .hotel-children-right,
    .hotel-adult-right {
        width: 50%;
    }

    .container-options-expand {
        padding: 5px 10px;
    }

    .hotel-children-left,
    .hotel-adult-left {
        text-align: right;
    }
}




@media (max-width : 380px) {

    #modal_box {
        margin-left: -150px !important;
        width: 300px !important;
    }

}




@media (max-width : 350px) {

    .share-buttons-wrap a.share-modal-btn {
        width: 100%;
    }

}
body.newsletter {
    background-image: url('https://www.flighthub.com/images/newsletter-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
}

body.newsletter header {
    border-bottom: 0 solid #dadada;
    box-shadow: 0 0 0 #ddd;
}

.wrapper-newsletter {
    margin: 0;
    padding: 70px 20px 0;
}

.wrapper-newsletter h1 {
    margin: 0 0 25px 0;
    font-size: 40px;
    line-height: 50px;
    color: #f9f9f9;
    font-weight: 700;
    text-align: center;
}

.wrapper-newsletter h1 span {
    font-size: 30px;
    line-height: 40px;
    font-weight: 400;
    display: block;
}

.container-newsletter {
    margin: 0 auto;
    padding: 20px;
    max-width: 700px;
    font-size: 15px;
    line-height: 22px;
    color: #555;
    background: #fff;
    border-radius: 12px;
}

.newsletter-title {
    margin: 0 0 15px;
    padding: 0 0 5px;
    font-size: 38px;
    line-height: 48px;
    border-bottom: 1px solid #cdcdcd;
}

.newsletter-page-form-wrap {
    margin-top: 20px;
    padding: 15px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: relative;
    background: #f9f9f9;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
}

.newsletter-page-form-left {
    padding-right: 5px;
    flex: 1;
}

.newsletter-page-form-right {
    flex: 0 1 auto;
}

.newsletter-page-form-left input {
    padding: 15px;
    width: 100%;
    height: 50px;
    font-size: 15px;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    white-space: nowrap;
}

.newsletter-page-button {
    padding: 15px;
    color: #fff;
    width: 100%;
    background-color: #ec5300;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    display: block;
    text-align: center;
    outline: none;
    height: 50px;
    border: 0;
    border-radius: 3px;
    transition: all 0.2s;
}

.newsletter-page-button:hover {
    background-color: #fa6818;
    color: #fff;
}

.newsletter-loading {
    padding-top: 5px;
    text-align: center;
    position: absolute;
    top: 20px;
    right: -19px;
}
.package-tooltip-element,
.package-flight-number-detail,
.flight-info-tooltip,
.stops-tooltip,
.flight-amenities-tooltip-content {
    display: none;
    position: absolute;
    z-index: 3;
    background: #fff;
    color: #444;
    line-height: 1.2;
    font-weight: normal;
    padding: 10px;
    border: 1px solid #cacaca;
    border-radius: 2px;
    box-shadow: rgb(204, 204, 204) 0 0 5px;
}

.flight-info-trigger-wrap {
    position: relative;
    display: inline-block;
    color: #999;
}

.flight-info-trigger-wrap.active {
    color: #0074A4;
}

.flight-info-tooltip-trigger {
     font-size: 13px;
     cursor: pointer;
 }

.flight-info-tooltip-trigger:hover,
.flight-info-tooltip-trigger:focus {
    color: #0074A4;
}

.flight-info-tooltip {
    padding: 0;
}

.flight-info-tooltip,
.package-flight-number-detail {
    z-index: 6;
    bottom: 100%;
    cursor: default;
}

.flight-info-tooltip {
    left: -15px;
}

.package-flight-number-detail {
    left: 0;
}

.package-flight-number-detail {
    font-size: 13px;
    width: 145px;
    font-weight: 600;
}

.flight-info-tooltip .flight-info-inner {
    width: 320px;
}

.flight-info-tooltip .flight-info-inner li {
    width: 100%;
    margin: 5px 0 0 0;
}

.flight-info-tooltip .flight-info-inner li.city {
    margin-top: 0;
}

.basic-economy-cabin-details-content {
    width: 500px;
}

.stops-tooltip,
.flight-amenities-tooltip-content {
    position: absolute;
    z-index: 23;
    max-width: 235px;
    padding: 12px;
    font-size: 13px;
    font-weight: 600;
}

.flight-amenities-tooltip-content .column {
    vertical-align: middle;
}

.flight-amenities-tooltip-content li + li {
    margin-top: 10px;
}

.stops-tooltip .title,
.flight-amenities-tooltip-content .title {
    color: #567199;
    line-height: 1;
    font-weight: 700;
    border-bottom: 1px dashed #e5e5e5;
    padding: 0 0 10px 0;
    margin-bottom: 10px;
}

.flight-amenities-tooltip-content .flight-amenity {
    color: #567199;
}

.flight-amenities-tooltip-content .disabled,
.flight-amenities-tooltip-content .disabled .flight-amenity {
    color: #bbbbbb;
}

.flight-amenities-tooltip-content .icon {
    width: 20px;
    text-align: center;
}

.flight-amenities-tooltip-content .flight-amenity {
    font-size: 13px;
    margin: 0;
}

.flight-amenities-tooltip-content .text {
    line-height: 1.1;
    font-size: 12px;
    padding-left: 8px;
}

.package-tooltip-element:before,
.package-tooltip-element:after,
.flight-info-tooltip:before,
.flight-info-tooltip:after,
.package-flight-number-detail:before,
.package-flight-number-detail:after,
.stops-tooltip:before,
.stops-tooltip:after,
.flight-amenities-tooltip-content:before,
.flight-amenities-tooltip-content:after {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.package-tooltip-element:before,
.flight-info-tooltip:before,
.package-flight-number-detail:before,
.stops-tooltip:before,
.flight-amenities-tooltip-content:before {
    border-color: transparent;
    border-top-color: #cacaca;
    border-width: 8px;
}

.package-tooltip-element:after,
.flight-info-tooltip:after,
.package-flight-number-detail:after,
.stops-tooltip:after,
.flight-amenities-tooltip-content:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #ffffff;
    border-width: 6px;
}

.flight-info-tooltip:before,
.package-flight-number-detail:before {
    left: 12px;
}

.flight-info-tooltip:after,
.package-flight-number-detail:after {
    left: 14px;
}

.package-tooltip-element:before,
.stops-tooltip:before,
.flight-amenities-tooltip-content:before {
    right: 13px;
}

.package-tooltip-element:after,
.stops-tooltip:after,
.flight-amenities-tooltip-content:after {
    right: 15px;
}

.standard-economy-upgrade-upsell-tooltip li,
.basic-economy-cabin-details-content li,
.stops-tooltip-content li {
    position: relative;
}

.standard-economy-upgrade-upsell-tooltip li + li,
.basic-economy-cabin-details-content li + li,
.flight-info-tooltip li + li,
.stops-tooltip-content li + li {
    margin-top: 5px;
}

.stops-tooltip-content li sup {
    font-size: 0.85em;
    vertical-align: top;
}

.carry-on-fee-tooltip {
    font-size: 12px;
    font-weight: 600;
    margin-right: -15px;
}

.flight-info-tooltip .additional-info,
.package-info-section-list-wrap {
    font-size: 0;
    margin: 0 -8px;
}

.flight-info-tooltip .additional-info .item,
.package-info-section-column {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 0 8px;
    font-size: 13px;
}

.flight-info-tooltip .city {
    font-weight: 700;
    color: #888;
}

.js-package-tooltip-flight-info .package-flight-info-section {
    border-bottom: 1px dashed #e5e5e5;
}

.js-package-tooltip-equipment-info .package-flight-info-section {
    margin-top: -1px;
    border-top: 1px dashed #e5e5e5;
}

.flight-info-error,
.js-package-tooltip-equipment-info .package-flight-info-section,
.js-package-tooltip-flight-info .package-flight-info-section,
.flight-info-loader-wrap {
    padding: 14px;
}

.flight-info-tooltip .additional-info {
    margin-top: 15px;
}

.flight-info-tooltip .additional-info .flight-info-legend {
    font-size: 11px;
    text-align: right;
    color: #888;
}

.package-info-section-title {
    margin-bottom: 7px;
    text-transform: uppercase;
}

.flight-info-loader-wrap {
    color: #0074A4;
    font-weight: 600;
}

.flight-info-error {
    color: #cc2a2a;
    font-size: 12px;
    font-weight: 600;
}

.flight-info-loader-wrap span {
    margin-left: 10px;
}

.basic-economy-details-tooltip {
    z-index: 6;
    margin: 0 -15px 0px 0;
    padding: 0;
}

.standard-economy-upgrade-upsell-tooltip,
.basic-economy-cabin-details-content {
    line-height: 1.3;
    color: #444;
    font-size: 13px;
}

.standard-economy-upgrade-upsell-tooltip li,
.basic-economy-cabin-details-content li {
    padding-left: 10px;
}

.standard-economy-upgrade-upsell-tooltip li:before,
.basic-economy-cabin-details-content li:before {
    content: '\2022';
    position: absolute;
    top: 6px;
    left: 0;
    height: 4px;
    font-size: 15px;
    line-height: 2px;
}

.basic-economy-cabin-details-content .title {
    font-weight: 600;
    margin-bottom: 5px;
}

.basic-economy-cabin-details-section .column {
    vertical-align: top;
    padding: 13px;
}

.basic-economy-cabin-details-section .column + .column {
    border-left: 1px solid #e5e5e5;
}

.basic-economy-cabin-details-section .basic {
    background: #f5f5f5;
    color: #777;
}

.basic-economy-cabin-details-content .cabin-options {
    font-weight: 600;
    margin-bottom: 5px;
    color: #0074A4;
}

.basic-economy-cabin-details-content .cabin-options.upgrade {
    color: #52862C;
}

.basic-economy-cabin-details-content .subtitle {
    font-size: 12px;
    margin-bottom: 10px;
}

.basic-economy-cabin-details-section .upgrade-section {
    padding: 10px 15px;
    text-align: center;
    border-top: 1px solid #e5e5e5;
}

.is-delta .carry_on {
    display: none;
}

.bars-loader {
    font-size: 0;
    display: inline-block;
}

.bars-loader .loading-bar {
    display: inline-block;
    width: 2px;
    height: 6px;
    animation: loading 0.8s infinite;
    background: #0074A4;
    margin: 0 1px;
}

.bars-loader .loading-bar:nth-child(1) {
    animation-delay: 0s;
}

.bars-loader .loading-bar:nth-child(2) {
    animation-delay: 0.2s;
}

.bars-loader .loading-bar:nth-child(3) {
    animation-delay: 0.4s;
}

@keyframes loading {
    0% {
        transform: scaleY(1);
    }
    20% {
        transform: scaleY(2);
    }
    40% {
        transform: scaleY(1);
    }
}

@-webkit-keyframes loading {
    0% {
        transform: scaleY(1);
    }
    20% {
        transform: scaleY(2);
    }
    40% {
        transform: scaleY(1);
    }
}




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

    .package-tooltip-element.carry-on-fee-tooltip:after,
    .package-tooltip-element.carry-on-fee-tooltip:before,
    .stops-tooltip:before,
    .stops-tooltip:after,
    .flight-amenities-tooltip-content:before,
    .flight-amenities-tooltip-content:after {
        right: auto;
    }

    .flight-amenities-tooltip-content:after {
        left: 29px;
    }

    .flight-amenities-tooltip-content:before {
        left: 27px;
    }

    .stops-tooltip:after {
        left: 12px;
    }

    .stops-tooltip:before {
        left: 10px;
    }

    .carry-on-fee-tooltip {
        margin: auto auto auto -15px;
    }

    .package-tooltip-element.carry-on-fee-tooltip:before {
        left: 13px;
    }

    .package-tooltip-element.carry-on-fee-tooltip:after {
        left: 15px;
    }

}




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

    .flight-info-tooltip .flight-info-inner {
        width: 230px;
    }

    .flight-info-tooltip .additional-info,
    .package-info-section-list-wrap {
        margin-left: -5px;
        margin-right: -5px;
    }

    .flight-info-tooltip .additional-info .item,
    .package-info-section-column {
        padding: 0 5px;
    }

    .js-package-tooltip-equipment-info,
    .flight-info-tooltip .additional-info .item,
    .package-info-section-column,
    .flight-info-loader-wrap span {
        font-size: 12px;
    }

    .js-package-tooltip-equipment-info .package-flight-info-section,
    .js-package-tooltip-flight-info .package-flight-info-section,
    .flight-info-loader-wrap {
        padding: 12px;
    }

}




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


    .flight-amenities-tooltip-content {
        max-width: 195px;
    }

    .flight-amenities-tooltip-content .title {
        font-size: 13px;
    }

}
/* Grouped Passengers Price Details Table Chart */
.price-summary-grouped-pax .price-breakdown-review > .checkout-box-review {
    padding: 0;
}

.price-summary-grouped-pax .checkout-subtitle,
.price-summary-grouped-pax .side-bar-from-to,
.price-summary-grouped-pax .itinerary-dates,
.price-summary-grouped-pax .total-tickets,
.price-summary-grouped-pax .airfare-details-price-total .affiliate-string-number {
    display: none;
}

.price-summary-grouped-pax .review-details-list > li {
    padding: 0;
    margin-bottom: 0;
}

.price-summary-grouped-pax .tax-breakdown > span {
    color: #006699;
    text-decoration: none;
}

.price-summary-grouped-pax table {
    width: 100%;
}

.price-summary-grouped-pax table tr td {
    padding: 10px;
    text-align: left;
}

@media only screen and (max-width: 600px) {
    .price-summary-grouped-pax table tr td {
        line-height: 1.2;
    }
}

.price-summary-grouped-pax table tr.base-price {
    font-weight: 700;
    background-color: #F5F5F5;
}

.price-summary-grouped-pax table tr.total-price-per-person {
    font-weight: 700;
}

.price-summary-grouped-pax .airfare-details-price-total {
    padding: 0;
}

.checkout-box.price-summary-grouped-pax {
    margin-bottom: 0;
}

.checkout-box.price-summary-grouped-pax .checkout-title-blue span {
    font-size: 16px;
    font-weight: 400;
}

.price-summary-grouped-pax.price-details-disclaimer {
    color: #444;
}

.price-summary-grouped-pax .grouped-pax-price-totals {
    width: 100%;
}

.price-summary-grouped-pax .total-before-discount,
.price-summary-grouped-pax .final-price,
.price-summary-grouped-pax .avg-price-person,
.price-summary-grouped-pax .breakdown-cashback-applied,
.price-summary-grouped-pax .breakdown-savings,
.price-summary-grouped-pax .has-coupon,
.price-summary-grouped-pax .review-instant-savings,
.price-summary-grouped-pax .airfare-details-price-breakdown {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
}

.price-summary-grouped-pax .final-price.slashed {
    background-color: inherit;
}

.price-summary-grouped-pax .final-price.slashed-discount {
    color: #52862D;
    background-color: #F3FAEE;
}

.highlight-terms li,
.highlight-terms span {
    background: yellow;
    margin-bottom: 5px;
    line-height: 17px;
}

.price-summary-grouped-pax .review-instant-savings {
    padding-top: 0;
    padding-bottom: 4px;
}

.price-summary-grouped-pax .final-price {
    background-color: #eff5ff;
    padding: 10px;
    font-weight: 700;
}

.price-summary-grouped-pax .final-price .bigger {
    font-size: 16px;
}

.price-summary-grouped-pax .final-price .incl-taxes {
    display: none;
    font-size: 11px;
    color: #777;
    font-weight: 400;
    margin-left: 2px;
}

.price-summary-grouped-pax .including-fee-text {
    font-size: 11px;
    line-height: 16px;
}

.price-summary-grouped-pax .avg-price-person {
    background-color: lightyellow;
    border-top: 1px #dcdcdc solid;
}

.price-summary-grouped-pax .travel-pkg-price-section {
    background-color: #F5F5F5;
    justify-content: flex-start;
}

.price-summary-grouped-pax .review-instant-savings span {
    margin-right: 5px;
}

.price-summary-grouped-pax .checkout-box-review > .spinner {
    font-size: 3px;
    margin-top: 10px;
}

.highlight-terms li,
.highlight-terms span {
    background: yellow;
    margin-bottom: 5px;
    line-height: 17px;
}
/* END Grouped Passengers Price Details Table Chart */
.ss-not-available {
    margin: 40px auto 0 auto;
    text-align: center;
    max-width: none;
    overflow: hidden;
}

.ss-not-available .call-us {
    font-size: 1em;
    margin: 15px 0 20px 0;
}

.ss-not-available .call-us a {
    color: #0074a4
}

.ss-not-available .call-us-link {
    font-size: 1.375em;
    font-weight: 700;
    display: inline-block;
    padding: 10px;
}

.ss-not-available .error-content {
    font-size: 1.125em;
    font-weight: 700;
    line-height: 1.2;
    color: #999;
    padding: 15px 1.5em;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    display: inline-block;
}

.ss-not-available .title {
    font-size: 1.375em;
    font-weight: 700;
    margin-bottom: 15px;
    color: #555;
}

.ss-not-available .homepage-btn {
    margin-top: 10px;
}