/* 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;
}
.site-header {
    background: #fff;
    position: relative;
    z-index: 19;
    padding: 25px 0 10px 0;
    line-height: 1;

    border-bottom: 1px solid #dadada;
}

.site-header .header-container {
    max-width: 980px;
    margin: auto;
}

.site-header .logo-container {
    width: 213px;
}

.site-header .table-wrap {
    table-layout: fixed;
    padding-top: 10px;
}

.site-header .table-col {
    vertical-align: middle;
    display: table-cell;
}

.nav-container {
    font-size: 0;
}

.nav-container .nav-item {
    display: inline-block;
    font-size: 12px;
    vertical-align: middle;
    position: relative;
}

.nav-container .nav-item.country {
    min-width: 120px;
}

.nav-container .nav-item.number {
    display: none;
}

.nav-container.top-section {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    text-align: right;
    z-index: 2;
    background: #222;
}

.nav-container.top-section a {
    color: #bbb;
    padding: 0 13px;
    font-size: 11px;
    display: block;
    line-height: 24px;
}

.nav-container.top-section a:hover {
    color: #fff;
}

.top-section .header-container > ul {
    direction: rtl;
}

.top-section .header-container > ul li {
    direction: ltr;
}

.nav-container.top-section .fa {
    margin-left: 4px;
}

.nav-container .menu-dropdown {
    width: 100%;
    top: 24px;
    text-align: left;
    position: absolute;
    display: none;
}

.nav-container .menu-dropdown .sub-menu {
    overflow: hidden;
    -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
    -moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.nav-container .menu-dropdown li:first-child a {
    border: 0;
}

.nav-container .menu-dropdown a {
    line-height: 35px;
    border-top: 1px solid #555;
    background: #222;
}

.nav-container .menu-dropdown a:hover {
    background: #333;
}

.nav-container.top-section .lang .menu-dropdown a:before {
    top: 11px;
}

.site-header .main-nav {
    padding-left: 20px;
}

.main-nav a {
    text-transform: uppercase;
    padding: 10px 12px 10px 13px;
    color: #333;
    font-size: 11px;
}

.main-nav a.active,
.main-nav a:hover {
    color: #308fb7;
}

.site-header .header-phone {
    text-align: right;
    width: 190px;
    text-transform: uppercase;
    font-size: 11px;
}

.site-header .back-arrow {
    display: none;
}

.header-phone strong {
    font-size: 26px;
    color: #ec5300;
    line-height: 26px;
}

.has-sub-menu .mobile-text,
.nav-container .icons,
.nav-container.top-section .icons,
.menu-toggle {
    display: none;
}

.site-header .menu-title {
    padding: 0 0 10px;
    display: none;
    border-bottom: 1px solid #444;
}

.site-header .menu-title .close {
    float: right;
    font-size: 24px;
    height: 20px;
    width: 20px;
    text-align: center;
    cursor: pointer;
    color: #d03636;
}

.has-sub-menu .current-item {
    display: inline;
}

.nav-menu-overlay {
    display: none;
}

.site-warning {
    background: #FFD766;
    font-size: 12px;
    text-align: center;
    padding: 8px 0;
    color: #94724E;
    line-height: 1;
}

.nav-container .nav-item.terms,
.nav-container .nav-item.privacy {
    display: none;
}




/* === MEDIA QUERIES === */
@media screen and (max-width: 1024px) {

    .site-header .site-logo,
    .site-header .logo-container {
        width: 175px;
    }

    .site-header .header-container {
        width: 95%;
        max-width: 980px;
    }
}





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

    .site-header .site-logo {
        background-size: contain;
        height: 38px;
    }

    .main-nav a {
        padding: 10px;
    }

    .header-phone strong {
        font-size: 20px;
    }

    .site-header .header-phone {
        width: 155px;
    }
}





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

    .site-header {
        padding: 10px 0 5px 0;
    }

    .site-header .header-container {
        width: 100%;
    }

    .site-header .table-wrap,
    .site-header .table-col {
        display: block;
    }

    .site-header .table-wrap {
        padding: 0;
    }

    .site-header .table-wrap:after {
        content: '';
        display: block;
        clear: both;
    }

    .site-header .table-col.nav {
        position: fixed;
        height: 100%;
        top: 0;
        left: -235px;
        width: 235px;
        margin-left: 0;
        background: #222;
        z-index: 20;

        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);

        -webkit-transition: -webkit-transform .4s ease-out;
        -moz-transition: transform .4s ease-out;
        -ms-transition: transform .4s ease-out;
        transition: transform .4s ease-out;
    }

    .site-header .table-col.nav.active {
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
    }

    .site-header .site-logo,
    .site-header .logo-container {
        width: 185px;
    }

    .site-header .logo-container {
        margin: 2px 0;
        padding-left: 10%;
        width: 90%;
        display: inline-block;
        text-align: center;
    }

    .site-header.is-mobile-app .logo-container {
        margin: 2px 0;
        width: 70%;
        display: inline-block;
        text-align: center;
    }

    .site-header .header-phone {
        width: 10%;
        float: right;
        text-align: right;
    }

    .site-header .menu-title {
        display: block;
    }

    .site-header.is-mobile-app .back-arrow {
        width: 10%;
        display: inline-block;
    }

    .site-header .back-arrow a {
        padding: 0 10px;
        display: block;
        font-size: 32px;
    }

    .site-header .back-arrow a .fa {
        top: 3px;
        position: relative;
    }

    .menu-toggle,
    .call-us-container {
        display: inline-block;
        vertical-align: middle;
    }

    .call-us-container {
        display: none;
    }

    .menu-toggle {
        font-size: 25px;
        padding: 8px 10px 0 0;
        color: #bbb;
    }

    .nav-container .menu-dropdown,
    .nav-container.top-section {
        position: static;
        background: none;
        width: auto;
    }

    .nav-container .menu-dropdown .sub-menu {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .nav-container.top-section,
    .site-header .main-nav {
        text-align: left;
        padding: 0;
        background-color: #222;
    }

    .nav-container .nav-item {
        display: block;
    }

    .nav-container .nav-item.number {
        display: block;
    }

    .nav-container .nav-item.number a {
        padding: 17px 0;
        text-align: center;
    }

    .nav-container .nav-item.number a strong {
        font-weight: 300;
        font-size: 22px;
    }

    .nav-container .nav-item.number a span {
        font-size: 16px;
        color: #ec5300;
    }

    .nav-container .nav-item.flights,
    .nav-container .nav-item.trips {
        display: none;
    }

    .nav-container.top-section .nav-item a,
    .nav-container .nav-item a {
        padding: 8px 12px;
        display: block;
        color: #f1f1f1;
        font-size: 16px;
        text-transform: none;
        line-height: 1.2;
    }

    .nav-container.top-section .nav-item > a,
    .nav-container .nav-item > a {
        border-bottom: 1px solid #333;
    }

    .nav-container .nav-item .sub-menu a {
        background: #333;
        border-color: #444;
        padding-left: 37px;
    }

    .nav-container .fa,
    .nav-container.top-section .fa,
    .site-header .sprite-item.flag {
        display: none;
    }

    .nav-container .icons,
    .nav-container.top-section .icons {
        display: inline-block;
    }

    .nav-container .fa,
    .nav-container.top-section .fa {
        width: 15px;
        color: #999;
        text-align: center;
        margin: 0 5px 0 0px;
    }

    .has-sub-menu .mobile-text {
        display: inline;
        padding-right: 5px;
    }

    .has-sub-menu .current-item {
        background: #000;
        padding: 3px 7px;
        font-size: 12px;
        color: #888;

        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
    }

    .nav-container .fa.green-bright {
        color: #5da606;
        margin: 0;
    }

    .nav-container .nav-item.terms,
    .nav-container .nav-item.privacy {
        display: block;
    }
}





@media screen and (max-width: 767px) {
    .site-header {
        position: static;
    }

    .site-header .table-col.nav {
        position: absolute;
    }

    .table-col.nav + .nav-menu-overlay {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 19;
        height: 100%;
        width: 100%;
        background: rgba(0, 0, 0, 0);
        display: none;
    }

    .table-col.nav.active + .nav-menu-overlay {
        display: block;
    }
}




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

    .call-us-container {
        font-size: 10px;
    }

    .header-phone strong {
        font-size: 15px;
        line-height: 1.3;
    }

}
/* 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;
}
/* 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;
}

.ff-ipad-btn {
    padding: 4px !important;
}

.tooltip-test {
    position: relative;
}

.tooltip-test:hover .tooltip-test-text {
    visibility: visible;
    -webkit-box-shadow: 0 2px 2px 0 #d3d3d3, 0 1px 12px 0 #d3d3d3;
    -mox-box-shadow: 0 2px 2px 0 #d3d3d3, 0 1px 12px 0 #d3d3d3;
    box-shadow: 0 2px 2px 0 #d3d3d3, 0 1px 12px 0 #d3d3d3;
}

.ff-available:before {
    content: '\2714';
    color: #008000;
}

.ff-fee:before {
    content: '\0024';
}

.ff-unavailable:before {
    content: '\2718';
    color: #FF0000;
}

.baggage-modal-link.disabled {
    cursor: default;
    opacity: 0.3;
}

.tooltip-test .tooltip-test-text {
    visibility: hidden;
    width: 240px;
    background-color: #fff;
    text-align: center;
    border: 1.1px solid #576C93;
    border-radius: 2.2px;
    padding: 10px;
    color: rgb(51, 51, 51);
    font-size: 10px;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 50%;
    margin-left: -60px;
}

.grid-testing {
    display: grid;
    text-align: left;
}

.grid-items {
    font-weight: 500;
    font-size: 12px;
    display: inline-flex;
    margin: 7.5px 0;
}

.grid-items-header {
    color: #576C93;
    font-weight: 700;
    font-size: 13px;
    border-bottom: 1px dashed lightgray;
    padding: 7px 0 10px 0;
}

.package-fare-families .fare-family-list {
    font-size: 0;
    padding: 3px;
}

.fare-family-item {
    display: inline-block;
    padding: 3px;
    margin: 0 5px;
}

.fare-family-btn {
    display: block;
    color: #E07915;
    padding: 8px 25px 8px 10px;
    font-size: 14px;
    border-radius: 2px;
    background: #ffffff;
    border: 1px solid #e5e5e5;
    text-align: left;
    position: relative;
}

.fare-family-btn:hover {
    background: #e64c34;
    border-color: #e64c34;
    color: #ffffff;
}

.fare-family-btn:hover .fare-name {
    color: inherit;
}

.fare-family-item .fare-family-btn:after {
    content: "\f054";
    position: absolute;
    font-family: "Font Awesome 5 Free", Fontawesome;
    font-weight: 900;
    font-size: 8px;
    top: 50%;
    margin-top: -3px;
    right: 5px;
    font-weight: normal;
}

.ff-ipad-btn:after {
    content: "\003F" !important;
    position: absolute !important;
    font-size: 18px !important;
    top: 120% !important;
    margin-top: -3px !important;
    right: -6px !important;
    font-weight: 700 !important;
    padding: 3px 8px;
    border-radius: 100%;
    background-color: #E44D3B;
    color: #fff;
    display: none;
}

@media only screen and (max-width: 1024px) {
    .ff-ipad-btn:after {
        display: block;
        cursor: pointer;
    }

    .tooltip-test:hover .tooltip-test-text {
        visibility: hidden;
        -webkit-box-shadow: 0 2px 2px 0 #d3d3d3, 0 1px 12px 0 #d3d3d3;
        -mox-box-shadow: 0 2px 2px 0 #d3d3d3, 0 1px 12px 0 #d3d3d3;
        box-shadow: 0 2px 2px 0 #d3d3d3, 0 1px 12px 0 #d3d3d3;
    }

    .tooltip-test .tooltip-test-text {
        bottom: 150%;
    }
}

.fare-family-btn .fare-name {
    font-size: 12px;
    margin-top: 2px;
    color: #444;
}
.fare-family-btn .price {
    font-weight: 700;
}

.sup-tags {
    font-size: xx-small;
    vertical-align: super;
}

.loader {
    border: 6px solid #ffffff; /* Light grey */
    border-top: 6px solid #EA531D; /* Blue */
    border-radius: 50%;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Breadcrumbs */
.results-filtering-list {
    margin: 0 0 -6px 0;
    border-top: 1px dashed #e5e5e5;
    border-bottom: 1px dashed #e5e5e5;
    line-height: 1.1;
}

.breadcrumbs.results-filtering-list {
    padding: 12px 0;
}

.results-filtering-list .elem {
    display: inline-block;
    position: relative;
}

.breadcrumb {
    color: #000;
    background: #f5f5f5;
    padding: 5px 12px 5px 27px;
    margin: 4px 2px;
    font-size: 13px;
}

.breadcrumb .remove {
    position: absolute;
    left: 2px;
    top: 50%;
    margin-top: -12px;
    width: 25px;
    line-height: 24px;
    color: #888;
    font-size: 13px;
    text-align: center;
}

.breadcrumb .remove:hover {
    color: #bf4836;
}

.results-filtering-list .label {
    width: 120px;
}

.results-filtering-list .column {
    vertical-align: middle;
}

.filtering-label-inner .icon {
    width: 15px;
    color: #999;
}

.filtering-label-inner .jf-icon {
    display: inline-block;
    font-size: 13px;
}

.filtering-label-inner .reset {
    font-size: 12px;
    color: #0C6AA0;
    cursor: pointer;
}

.filtering-label-inner .reset:hover {
    text-decoration: underline;
}

.filtering-label-inner label {
    font-size: 11px;
    font-weight: 700;
    color: #333;
    text-transform: uppercase;
    font-family: Lato, sans-serif;
}

.layover-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fhub-matrix-btn {
    margin: 0 8px;
    padding: 5px 14px;
    border-radius: 3px;
    background-color: lightblue;
}

.display-table {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.display-table.inverted {
    direction: rtl;
}

.display-table.inverted > .column {
    direction: ltr;
}

.display-table .column {
    display: table-cell;
}

.original-results-layout .airline-matrix.loading {
    background: #f9b76b;
    padding: 10px;
    border: 1px solid;
    border-bottom: 3px solid;
    border-color: #f9b76b;
}

.results-tab-content-wrap:not(.airline-matrix-container),
.airline-matrix {
    background: #EFF5FF;
    padding: 15px;
    margin: 0 0 5px 0;
    border: 1px solid;
}

.filters-inline-checkbox {
    text-align: left !important;
}

.airline-matrix {
    margin-top: 10px;
}

.airline-matrix .column {
    vertical-align: bottom;
}

.airline-matrix .num-stops {
    width: 90px;
}

.num-stops ul {
    padding: 0 2px 1px 0;
}

.matrix-item li,
.num-stops li {
    display: table;
    width: 100%;
}

.matrix-btn {
    color: black;
}

.matrix-btn:hover {
    color: #006699;
}

.num-stops .label {
    font-size: 12px;
    line-height: 1.1;
    width: 100%;
    text-align: center;
    font-weight: 600;
}

.num-stops a.label {
    cursor: pointer;
    color: black;
}

.num-stops a.label.active {
    background: #dbebf1;
}

.num-stops a.label:hover {
    color: #1b2538;
}

.num-stops a.label.disabled {
    color: inherit;
    pointer-events: none;
}

.num-stops .label,
.airline-matrix .matrix-price {
    display: table-cell;
    vertical-align: middle;
    border-top: 1px dashed;
    height: 43px;
}

.num-stops .label,
.airline-matrix .matrix-price,
.airline-matrix .carrier-name {
    padding-left: 10px;
    padding-right: 10px;
}

.num-stops li:first-child .label {
    border: 0;
}

.airline-matrix-list {
    display: table;
    font-size: 0;
}

.airline-matrix-list.vue-style {
    position: relative;
    -webkit-transition: margin-left .3s;
    -moz-transition: margin-left .3s;
    -ms-transition: margin-left .3s;
    -o-transition: margin-left .3s;
    transition: margin-left .3s;
}

.matrix-overflow {
    overflow: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}

.is-touch .original-results-layout .matrix-overflow,
.is-mobile-app .original-results-layout .matrix-overflow {
    overflow: auto;
    overflow-y: hidden;
}

.airline-matrix-list .matrix-item {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 3px;
    width: 126px;
    font-size: 14px;
}

.airline-matrix-list .matrix-inner-loading {
    margin-top: -8px;
}

.matrix-item a {
    color: #333;
    cursor: pointer;
}

.matrix-item-inner {
    background: #fff;
    border: 1px solid;
}

.matrix-carrier-wrap {
    display: block;
    padding-top: 7px;
    padding-bottom: 5px;
}

.airline-matrix .carrier-icon {
    margin-bottom: 4px;
    position: relative;
}

.airline-matrix .carrier-icon img {
    display: block;
    margin: auto;
}

.airline-matrix .carrier-name {
    font-size: 12px;
}

.airline-matrix .ellipsis-wrap {
    display: block;
}

.has-multiple-airlines {
    position: absolute;
    top: 2px;
    right: 8px;
    font-size: 13px;
    color: #b1b1b1;
}

.jf-multi-airline {
    display: block;
}

.airline-matrix a.matrix-price {
    line-height: 1.1;
    font-weight: 600;
}

.airline-matrix .matrix-price {
    text-align: right;
}

.airline-matrix span.matrix-price {
    color: #bbb;
}

.airline-matrix .matrix-price i,
.airline-matrix .base {
    color: #888;
    font-weight: normal;
}

.airline-matrix .matrix-price i {
    margin-right: 1px;
    font-size: 12px;
}

.matrix-price sup {
    vertical-align: top;
    font-size: 0.8em;
    position: relative;
    right: 0;
}

.matrix-carrier {
    text-align: center;
}

.airline-matrix .matrix-price .base {
    font-size: 13px;
}

.matrix-item a:hover,
.active .matrix-carrier-wrap,
.airline-matrix .active .matrix-price {
    color: #ff5200;
}

.active .matrix-carrier-wrap:hover,
.airline-matrix .active .matrix-price:hover {
    color: #000;
}

.airline-matrix .active a.matrix-price {
    font-weight: 700;
}

.active .matrix-carrier-wrap {
    font-weight: 600
}

.airline-matrix .active .matrix-price,
.active .matrix-item-inner {
    background: #f5f5f5;
}

.controls .spinner-container {
    display: inline-block;
    vertical-align: middle;
    margin: -1px 0 0 15px;
}

.controls .loader {
    font-size: 4px;
}

.controls {
    padding-bottom: 8px;
    overflow: hidden;
    padding-top: 3px;
}

.controls .column {
    vertical-align: middle;
}

.controls h3 {
    display: inline-block;
    vertical-align: middle;
    font-weight: 700;
    font-size: 14px;
    color: #ff5200;
    line-height: 1.1;
}

.controls .title {
    padding-right: 15px;
}

.controls .controls-wrap {
    width: 165px;
    text-align: right;
}

.matrix-nav li {
    display: inline-block;
}

.original-results-layout .matrix-nav .matrix-btn {
    display: block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 9px;
    border-radius: 2px;
}

.original-results-layout .matrix-nav .matrix-btn:not(.disabled):hover {
    background: #ff5200;
}

.matrix-nav .matrix-btn.disabled {
    cursor: default;
    opacity: 0.5;
}

.matrix-disclaimer {
    font-size: 11px;
    color: #ff5200;
    line-height: 1.2;
    margin: 6px 0 0px 0;
    position: relative;
    text-align: center;
}

.matrix-legend .jf-multi-airline,
.legend .jf-multi-airline {
    display: inline-block;
    margin-right: 2px;
}

.airline-matrix .spinner-container {
    text-align: center;
}

.airline-matrix .spinner-wrap {
    margin: 0 5px 0 0;
    padding: 0;
    border: 0;
}

.airline-matrix .spinner-wrap,
.airline-matrix .spinner-label {
    display: inline-block;
    vertical-align: middle;
}

.airline-matrix
.loader {
    border: 4px solid #ffffff; /* Light grey */
    border-top: 4px solid #EA531D; /* Blue */
    border-radius: 50%;
    width: 18px;
    height: 18px;
    animation: spin 2s linear infinite;
}


.airline-matrix .spinner-label {
    text-align: center;
    font-weight: 600;
    color: #f9b76b;
}

.matrix-footer {
    font-size: 12px;
    color: #777;
    line-height: 1.2;
    margin-bottom: 10px;
}

.matrix-footer.display-table {
    direction: rtl;
}

.matrix-footer .column {
    direction: ltr;
    vertical-align: top;
}

.matrix-footer .legend {
    width: 125px;
    text-align: right;
    color: #444;
    font-size: 11px;
}

.results-price-disclaimer a {
    color: inherit;
    text-decoration: underline;
}

.results-price-disclaimer a:hover {
    color: #000;
}

.results-tab-content-wrap:not(.airline-matrix-container),
.airline-matrix,
.matrix-item-inner,
.num-stops .label,
.airline-matrix .matrix-price {
    border-color: #d7e2f5;
}




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

    .airline-matrix {
        padding: 10px;
    }

    .controls h3 {
        font-size: 12px;
    }

    .controls .title {
        padding-right: 10px;
    }

    .airline-matrix .carrier-icon img {
        height: 18px;
        width: auto;
    }

    .airline-matrix .carrier-name {
        font-size: 11px;
        margin-bottom: 3px;
    }

    .num-stops .label,
    .airline-matrix .matrix-price {
        height: 38px;
    }

    .airline-matrix .num-stops {
        width: 75px;
    }

    .airline-matrix-list .matrix-item {
        padding-left: 2px;
        width: 110px;
    }

    .airline-matrix-list .matrix-inner-loading {
        margin-top: 54px;
    }

    .matrix-disclaimer {
        text-align: left;
    }

    .has-multiple-airlines {
        top: 0;
        font-size: 12px;
    }

}




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

    .airline-matrix {
        margin-top: 10px;
    }

    .controls {
        padding-bottom: 10px;
    }

    .num-stops ul {
        padding: 0 0 1px 0;
    }

    .is-touch .original-results-layout .airline-matrix .controls {
        display: none;
    }

    .num-stops .label,
    .airline-matrix .matrix-price {
        height: 32px;
        font-size: 10px;
        line-height: 1;
    }

    .matrix-price .total span {
        font-size: 12px;
    }

    .airline-matrix .matrix-price {
        text-align: center;
    }

    .matrix-price .base {
        display: none;
    }

    .matrix-disclaimer {
        font-size: 10px;
    }

    .matrix-legend .jf-multi-airline {
        font-size: 12px;
    }

    .airline-matrix .loader {
        font-size: 4px;
        margin: 0;
    }

    .airline-matrix .spinner-label {
        font-size: 12px;
    }

    .filter-your-results {
        display: none;
    }

    #left-filters {
        display: none;
    }

    .filters-title {
        margin-bottom: 4px !important;
    }

    .filters-inline-checkbox {
        margin-left: 0px !important;
        text-align: left;
    }

}




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

    .alternate-results-layout .controls {
        position: relative;
        top: auto;
        right: auto;
    }

    .alternate-results-layout .matrix-nav {
        margin: 0 0 10px 0;
    }

    .flex-table-overflow-wrap {
        overflow-y: visible;
        overflow-x: auto;
    }

    .v2.flexible-date-table .date-cell.airport {
        font-size: 12px;
    }

    .flex-matrix .v2.flexible-date-table {
        min-width: 620px;
    }

    .nearby-matrix .flexible-date-table.v2 {
        min-width: 480px;
    }

    .results-tab-content-wrap:not(.airline-matrix-container) {
        padding: 10px;
    }

    .v2.flexible-date-table th,
    .v2.flexible-date-table td {
        height: 45px;
    }

    .v2.flexible-date-table .date-cell {
        font-size: 11px;
    }

}




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

    .flex-matrix-legend li {
        margin: 0;
        font-size: 11px;
        display: block;
    }

    .flex-matrix-legend li + li {
        margin: 6px 0 0 0;
    }

    .flex-matrix-legend .bullet {
        top: -1px;
    }

}




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

    .original-results-layout .airline-matrix-wrap {
        border: 1px solid #dcdcdc;
        overflow: hidden;
    }

    .loading .airline-matrix-wrap {
        border: 0;
    }

    .original-results-layout .airline-matrix.loading {
        background: #f9b76b;
        padding: 10px;
        border: 1px solid;
        border-bottom: 3px solid;
        border-color: #f9b76b;
    }

    .original-results-layout .airline-matrix {
        margin: 0;
        padding: 0;
        border: 0;
        background: none;
    }

    .matrix-price .total i,
    .original-results-layout .airline-matrix .controls {
        display: none;
    }

    .original-results-layout .matrix-item-inner {
        border: 0;
        border-right: 1px solid #dcdcdc;
        background: #fff;
    }

    .original-results-layout .airline-matrix-list .matrix-item {
        padding-left: 0;
    }

    .original-results-layout .airline-matrix .num-stops {
        border-right: 1px solid #dcdcdc;
        background: #f9f9f9;
    }

    .original-results-layout .num-stops .label,
    .original-results-layout .airline-matrix .matrix-price {
        border-color: #dcdcdc;
        line-height: 1;
    }

    .airline-matrix .spinner {
        border-color: #e5e5e5;
        border-left-color: #455d88;
    }

    .matrix-disclaimer {
        font-size: 9px;
        color: #777;
        margin: 3px 0 0 0;
    }

    .results-price-disclaimer {
        padding-top: 5px;
        margin-top: 5px;
        border-top: 1px dashed #e5e5e5;
    }

    .matrix-footer {
        font-size: 11px;
        margin-top: 5px;
    }

    .matrix-footer .column {
        display: block;
    }

    .matrix-footer .legend {
        width: auto;
        text-align: left;
    }

}

@media only screen
and (max-width: 375px)
and (min-width: 355px) {

    .airline-matrix .num-stops {
        width: 95px;
    }
}
    /*END OF TESTING AIRLINE MATRIX CSS*/

.inner-filter-spinner-wrap {
    background: #F6F6F6;
    z-index: 10;
    padding: 90px 20px 90px 20px;
    text-align: center;
    font-weight: 700;
    color: #666;
}

.inner-filter-spinner-wrap .loader {
    font-size: 4px;
}

.inner-filter-spinner-wrap span {
    margin-bottom: 20px;
    display: block;
}

.filters-title {
    font-size: 16px;
    font-weight: 700;
    color: #444;
    margin-top: 15px;
    margin-bottom: -19px;
    text-align: center;
    text-transform: uppercase;
    line-height: 1.2;
}

.flight-times-destination {
    text-align: center;
}

.filters-section {
    text-align: center;
}

.flight-times-hours {
    margin-bottom: 5px;
    text-align: center;
}

.vue-slider-wrap {
    position: relative;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 10px 0 20px 0;
}

.vue-slider-wrap.vue-slider-disabled {
    opacity: .5;
    cursor: not-allowed;
}

.vue-slider-wrap.vue-slider-has-label {
    margin-bottom: 15px;
}

.vue-slider-wrap.vue-slider-disabled .vue-slider-dot {
    cursor: not-allowed;
}

.vue-slider-wrap .vue-slider {
    position: relative;
    display: block;
}

.vue-slider-wrap .vue-slider,
.vue-slider-wrap .vue-slider::after,
.vue-slider-wrap .vue-slider::before {
    background: #f1f1f1;
}

.vue-slider-wrap .vue-slider::after,
.vue-slider-wrap .vue-slider::before {
    content: '';
    width: 10px;
    position: absolute;
    height: 100%;
}

.vue-slider-wrap .vue-slider::after {
    right: 1px;
}

.vue-slider-process {
    position: absolute;
    background: #ff5200;
    transition: all 0s;
    z-index: 1;
}

.vue-slider-horizontal .vue-slider-process {
    width: 0;
    height: 100%;
    top: 0;
    left: 0;
    will-change: width;
}

.vue-slider-vertical .vue-slider-process {
    width: 100%;
    height: 0;
    bottom: 0;
    left: 0;
    will-change: height;
}

.vue-slider-horizontal-reverse .vue-slider-process {
    width: 0;
    height: 100%;
    top: 0;
    right: 0;
}

.vue-slider-vertical-reverse .vue-slider-process {
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
}

.vue-slider-dot {
    position: absolute;
    background: #fff;
    cursor: pointer;
    z-index: 3;
    border: 1px solid #444;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    will-change: transform;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.vue-slider-dot:hover {
    background: #f1f1f1;
}

.vue-slider-dot:active {
    background: #455D88;
    border-color: #455D88;
}

.vue-slider-horizontal .vue-slider-dot {
    left: 0;
}

.vue-slider-vertical .vue-slider-dot {
    bottom: 0;
}

.vue-slider-horizontal-reverse .vue-slider-dot {
    right: 0;
}

.vue-slider-vertical-reverse .vue-slider-dot {
    top: 0;
}

.vue-slider-tooltip-wrap {
    display: none;
    position: absolute;
    z-index: 9;
}

.vue-slider-tooltip {
    display: block;
    white-space: nowrap;
    padding: 2px 5px;
    min-width: 20px;
    text-align: center;
    color: #333;
    font-size: 11px;
    font-weight: 700;
    background: #ffffff;
}

.vue-slider-tooltip:after {
    content: 'h';
}

.vue-slider-tooltip-wrap.vue-slider-tooltip-top {
    top: -4px;
    left: 50%;
    transform: translate(-50%, -100%);
}

.vue-slider-tooltip-wrap.vue-slider-tooltip-bottom {
    bottom: -9px;
    left: 50%;
    transform: translate(-50%, 100%);
}

.vue-slider-tooltip-wrap.vue-slider-tooltip-left {
    top: 50%;
    left: -9px;
    transform: translate(-100%, -50%);
}

.vue-slider-tooltip-wrap.vue-slider-tooltip-right {
    top: 50%;
    right: -9px;
    transform: translate(100%, -50%);
}

.vue-slider-dot.vue-slider-hover:hover .vue-slider-tooltip-wrap {
    display: block;
}

.vue-slider-dot.vue-slider-always .vue-slider-tooltip-wrap {
    display: block!important;
}

.vue-slider-piecewise {
    position: absolute;
    width: 100%;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    height: 100%;
    list-style: none;
}

.vue-slider-piecewise li {
    position: absolute;
    width: 8px;
    height: 8px;
    visibility: hidden;
}

.vue-slider-piecewise .vue-slider-piecewise-dot {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    display: inline-block;
    background-color: rgba(0, 0, 0, 0.16);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    transition: all .3s;
}

.vue-slider-piecewise li:first-child .vue-slider-piecewise-dot,
.vue-slider-piecewise li:last-child .vue-slider-piecewise-dot {
    visibility: hidden;
}

.vue-slider-piecewise .vue-slider-piecewise-label {
    position: absolute;
    display: inline-block;
    top: 15px;
    left: 50%;
    white-space: nowrap;
    font-size: 12px;
    color: #333;
    transform: translateX(-50%);
    visibility: visible;
}
/* search - compact */

.top-search-bar {
    margin: 0 auto;
    width: 100%;
    display: table;
    position: relative;
}

.top-search-bar input{
    margin: 0;
    padding: 9px 7px;
    font-size: 12px;
    color: #555;
    width: 100%;
    border: 1px solid #cdcdcd;
    border-radius: 2px;
}

.compact-form-left{
    float: left;
    display: table;
    width: 75%;
}

.compact-form-right{
    float: left;
    display: table;
    width: 25%;
}

.search-compact-from{
    display: table-cell;
    width: 34%;
}

.search-compact-to{
    padding-right: 15px;
    display: table-cell;
    width: 34%;
}

.search-compact-date-from{
    display: table-cell;
    width: 12%;
}

.search-compact-date-to{
    display: table-cell;
    width: 12%;
}

.form-arrow {
    display: table-cell;
    color: #555;
    width: 4%;
    text-align: center;
    vertical-align: middle;
}

.more-options{
    display: table-cell;
    width: 45%;
    vertical-align: middle;
    text-align: center;
}

.compact-search-btn{
    display: table-cell;
    width: 55%;
}

.compact-search-btn a {
    padding: 9px 10px;
    display: block;
    font: 700 11px arial, sans-serif;
    color: #fff;
    background: #0074a4;
    border: 1px solid #0074a4;
    cursor: pointer;
    border-radius: 2px;
    text-align: center;
}

.compact-search-btn a:hover {
    background: #004765;
}

.calendar-icon{
    background: url("https://www.flighthub.com/images/icon-calendar.png") no-repeat right #fff !important;
}

.line-height-input {
    line-height: 0 !important;
}


/* search compact hotels */

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

.compact-form-hotel-right{
    float: left;
    width: 15%;
    text-align: right;
}

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

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

.compact-form-hotel-right a{
    padding: 5px 0;
    display: block;
    font: 700 12px arial, sans-serif;
    color: #fff;
    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;
}
.search-number-rooms, .add-edit-rooms{
    float: left;
    padding: 5px 2% 0;
}




/* search form results modal */

.search-modal-trips{
    margin-bottom: 10px;
    width: 100%;
}

.search-modal-segment-wrap{
    margin-bottom: 10px;
    text-align: left;
}

.search-modal-segment-wrap input{
    margin: 0;
    padding: 12px 2%;
    border: 1px solid #cfcfcf;
    border-radius: 2px;
    width: 100%;
    -webkit-appearance: none;
}

.search-modal-segment-wrap input:focus{
    border: 1px solid #999;
}

.search-modal-segment-left{
    margin-right: 2%;
    float: left;
    width: 68%;
    position: relative;
}

.search-modal-segment-right{
    float: left;
    width: 30%;
}

.search-modal-selects{
    text-align: left;
}

.search-modal-selects-left{
    margin-right: 2%;
    float: left;
    width: 49%;
}

.search-modal-selects-right{
    float: left;
    width: 49%;
    text-align: center;
}

.search-modal-options{
    margin: 10px auto 0;
    width: 70%;
}

.search-modal-options-left{
    float: left;
    width: 50%;
    text-align: center;
}

.search-modal-options-right{
    float: left;
    width: 50%;
    text-align: center;
}

.checkout-wrap {
    margin: 0 auto;
    background: #e1e1e1;
    width: 980px;
    overflow: hidden;
    height: 1px;
}

.input-text-box {
    padding: 9px 2%;
    margin: 0;
    font-size: 12px;
    border: 1px solid #cfcfcf;
    border-radius: 2px;
    width: 100%;
}

.input-text-box:focus {
    border: 1px solid #999;
}

.input-text-box-destination {
    padding: 8px;
    margin: 0;
    font-size: 12px;
    border: 1px solid #cfcfcf;
    border-radius: 2px;
    width: 100%;
    -webkit-appearance: none;
}

.input-text-box-destination:focus {
    border: 1px solid #999;
}

.input-text-box-faq {
    padding: 8px;
    margin: 0;
    font-size: 12px;
    border: 1px solid #cfcfcf;
    width: 540px;
}

.input-text-box-home {
    padding: 8px;
    margin: 0;
    font-size: 12px;
    border: 1px solid #cfcfcf;
    border-radius: 2px;
}

.input-text-box-home:focus {
    border: 1px solid #999;
}

.input-calendar-box-home {
    margin: 0;
    padding: 8px;
    font-size: 12px;
    border: 1px solid #cfcfcf;
    border-radius: 2px;
    background: url("https://www.flighthub.com/images/icon-calendar.png") no-repeat right #fff !important;
}

.input-calendar-box-home:focus {
    border: 1px solid #999;
}

.input-calendar-box {
    background: url("https://www.flighthub.com/images/icon-calendar.png") no-repeat right #fff !important;
}

a.form-drop-down {
    font-size: 12px;
    padding: 7px 8px 6px 8px;
    border: 1px solid #cfcfcf;
    border-radius: 2px;
    background: #fff;
}

.container-content {
    margin: 20px auto 40px;
    padding: 0 0 50px;
    width: 980px;
}

.container-results-hotels {
    margin: 20px auto 40px;
    padding: 0 0 5px;
    width: 980px;
    position: relative;
}

.input-select {
    font-size: 12px;
    padding: 4px;
    border: 1px solid #fff;
    border-radius: 3px;
}

.field-wrap {
    margin-bottom: 15px;
}

.field-wrap-short .select-wrapper .select-first-text {
    padding: 2px 23px 2px 7px !important;
    font-size: 11px;
}

.field-wrap-nomargin {
    margin: 0;
}

.field-wrap-sorting {
    margin: 0;
}

.field-wrap-sorting .select-wrapper {
    border: 1px solid #d0d0d0;
    color: #006699;
    text-align: left;
    border-radius: 0;
    box-shadow: inset 1px -1px 0 #fff;
    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 );
}

.field-wrap-float {
    margin-right: 10px;
    float: left;
}

.select-first-text {
    padding: 6px 23px 6px 13px;
    font-size: 12px;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    overflow: hidden;
}

.search-hotels-wrap .select-first-text{
    padding: 3px 23px 3px 13px;
}

.search-cruises-wrap .select-first-text{
    padding: 3px 23px 3px 13px;
}

.select-wrapper {
    color: #333;
    border: 1px solid #d1d1d1;
    display: inline-block;
    position: relative;
    text-decoration: none;
    outline: 0;
    overflow: hidden;
    width: 100%;
    border-radius: 2px;
    background: #f6f6f6;
}

.select-wrapper:hover > span {
    text-decoration: none;
}

.select-down-arrow {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -8px;
    width: 16px;
    height: 16px;
    background-image: url("https://www.flighthub.com/images/select-arrow-down.png");
    background-repeat: no-repeat;
    background-position: 0 center;
}

.styled-select {
    opacity: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    height: 100%;
    min-width: 100%;
    line-height: 100%;
    cursor: pointer;
    filter: alpha(opacity = 0);
    -webkit-appearance: none;
}

.more-flight-options {
    padding: 0 10px;
}

label.hotel-search {
    margin-right: 5px;
    padding: 5px 0;
    float: left;
    width: 110px;
    text-align: right;
    display: block;
}



/* toggle box for rooms in compact search */

.rooms-search-wrap {
    padding: 0 15px 15px;
    display: none;
    z-index: 2;
    position: absolute;
    top: 37px;
    width: 450px;
    background: #fff;
    right: -15px;
    box-shadow:0 4px 5px #888;
}
.hotel-room-guest-list-title {
    padding: 3px 0;
    border-bottom: 1px dotted #e1e1e1;
    border-top: 1px solid #e1e1e1;
}
.adult-children-section-wrap{
    padding: 8px 0 0;
}
.adult-child-rooms-wrap{
    padding: 8px 0;
}
.adult-child-rooms-left{
    float: left;
    width: 33%;
}
.adult-child-rooms-right{
    float: left;
    width: 33%;
}
.children-rooms-wrap{
    padding: 0;
}
.child_age_element{
    float: left;
    width: 33%;
}
.hotel-field-wrap {
    margin-bottom: 3px;
}

.hotel-field-left {
    padding: 4px 5px 0 0;
    float: left;
    font-size: 11px;
    width: 80px;
    text-align: right;
}

.hotel-field-right {
    float: left;
    width: 50px;
}

.hotel-children-wrap {
    overflow: hidden;
}

.hotel-adult-wrap-left,
.hotel-children-wrap-left {
    float: left;
    display: table;
    text-align: center;
}

.hotel-adult-wrap-left {
    width: 49%;
    margin-right: 1%;
}

.hotel-children-wrap-left {
    width: 50%;
}

.hotel-children-left,
.hotel-adult-left,
.hotel-children-right,
.hotel-adult-right {
    display: inline-block;
    vertical-align: middle;
}

.hotel-adult-right .select-wrapper,
.hotel-field-wrap .select-wrapper,
.room_element .select-wrapper {
    display: block;
}

.hotel-adult-left,
.hotel-children-left {
    padding-right: 10px;
}


.hotel-adult-right .field-wrap,
.hotel-children-right .field-wrap,
.hotel-adult-left .field-wrap {
    margin: 0;
}

.room-number {
    margin-bottom: 10px;
    padding-bottom: 2px;
    border-bottom: 1px solid #e1e1e1;
}

.search-input-text-wrap {
    position: relative
}

select#seat-class-dropdown {
    width: 100%;
    padding: 9px 8px 8px;
    background-color: #f9f9f9;
    border: 1px solid #dadada;
    border-radius: 2px;
    color: #555;
    height: 34px;
    -webkit-appearance: none;
}

.erase-input-text {
    position: absolute;
    right: 2px;
    top: 0;
    z-index: 18;
    cursor: pointer;
    font-size: 0;
    line-height: 1;
}

.erase-input-text:after {
    margin: 5px 5px 0 0;
    padding: 4px 9px;
    content: '\f00d';
    font-family: "Font Awesome 5 Free", Fontawesome;
    font-weight: 900;
    font-size: 16px;
    line-height: 21px;
    color: #fff;
    display: block;
    background: #999;
    text-align: center;
    border-radius: 50%;
}

.erase-input-text {
    display:none;
}

.seat-class-dropdown-wrap .icon {
    float: right;
    margin-top: -20px;
    margin-right: 5px;
}

.container-modal-content .site-logo,
#progress_modal .site-logo {
    margin: 10px 0;
}

.campaign-loading-modal-msg {
    font-size: 14px;
}

li.ui-menu-item {
    text-decoration: none;
    display: block;
    padding: 1em .7em !important;
    line-height: 1.5;
    zoom: 1;
    cursor: pointer;
    color: #fff;
}

li.ui-state-focus,
li.ui-menu-item:hover {
    background: #00597e !important;
    border-radius: 0 !important;
    color: #fff !important;
}

/* new recent list above to search form */

.nowrap {
    white-space: nowrap;
}

.hp-recent-link {
    margin: 12px 2% 0;
    width: 96%;
}

.hp-recent-link a {
    padding: 6px 15px;
    display: block;
    text-align: center;
    color: #fff;
    background-color: #0171a1;
    border: 1px solid #0171a1;
    border-bottom: 3px solid #00354b;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

#hp-recent-container {
    margin: 0 2% 5px;
    padding: 0;
    border-right: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    border-left: 1px solid #dadada;
}

#hp-recent-container .hp-recent-container {
    display: block !important;
}

.recent-city-list {
    padding: 8px 10px;
    display: table-cell;
    width: 100%;
    font-size: 12px;
    line-height: 17px;
    vertical-align: middle;
}

.recent-dates-list {
    color: #777;
    font-size: 12px;
}

.recent-price-list {
    padding: 10px;
    font-size: 30px;
    color: #a2a2a2;
    display: table-cell;
    min-width: 50px;
    background-color: #f1f1f1;
    border-left: 1px solid #dadada;
    vertical-align: middle;
    text-align: center;
}

ul.hp-recent-list-side li a {
    display: table;
    font-size: 12px;
    color: #666;
    background-color: #fff;
    position: relative;
    vertical-align: middle;
    transition: background-color 0.2s, border 0.2s, color 0.2s;
}



ul.hp-recent-list-side li a:hover {
    background-color: #f1f1f1;
}

ul.hp-recent-list-side li a:hover > .recent-price-list {
    padding: 0 9px 0 11px;
    color: #35beef;
}

ul.hp-recent-list-side li {
    border-bottom: 1px solid #dadada;
}

ul.hp-recent-list-side li:last-child {
    margin: 0;
    border-bottom: 0 solid #dadada;
}


/* end new recent list above to search form */



/* home */
.clear-cookies {
    position: absolute;
    left: 10px;
    bottom: 50px;
    z-index: 10;
}
.container-hp {
    margin: 0 auto 0;
    width: 980px;
}
.home-inner-left {
    width: 480px;
    float: left;
    overflow: hidden;
}
.container-home-search {
    margin: 15px 38px 20px 0;
    padding: 15px;
    width: 425px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 1px 2px #999;
}
.container-home-search-btn {
    margin:0 -5px 15px -5px;
}

.home-button-select-wrap {
    width: 50%;
    padding: 5px;
    float: left;
}

a.home-search-btn {
    display: table;
    font-size: 14px;
    color: #444;
    background: #ffffff;
    border: 1px solid #dcdcdc;
    width: 100%;
    height: 35px;
}

a.home-search-btn:hover {
    color: #0071a0;
    background: #fafafa;
}

.search-radio-bg {
    background: #f1f1f1;
    text-align: center;
}

.search-radio-bg,
.search-radio-right {
    display: table-cell;
    vertical-align: middle;
}

.search-radio-bg {
    width: 35px;
}

.search-radio-right {
    background: #fff;
    border-left: 1px solid #dcdcdc;
    cursor: pointer;
    padding: 0 10px;
}

.search-radio-icon,
.search-radio-text {
    display: inline-block;
    vertical-align: middle;
}

.container-home-search-recent-search {
    margin-bottom: 15px;
    overflow: hidden;
}
.recent-search-drop-down {
    padding: 5px 8px;
    color: #444;
    border: 1px solid #cfcfcf;
    border-radius: 2px;
    background: #f6f6f6;
    text-align: left;
}
.select-arrow {
    padding-top: 3px;
}

/* target ie 7 */
*+html .select-arrow {
    margin-top: -25px;
    margin-right: 5px;
}
/* end ie 7 */

.passenger-ages{
    padding-left:7px;
    color:#777;
    width:25px;
    font-size:9px;
    float:right;
}

.container-home-trip-btn {
    margin: 0 auto 10px;
    display: table;
    width: 80%;
    table-layout: fixed;
}
a.home-trip-btn-left {
    display: table-cell;
    text-align: center;
    color: #444;
}
a.home-trip-btn-middle {
    display: table-cell;
    text-align: center;
    color: #444;
}
a.home-trip-btn-right {
    display: table-cell;
    text-align: center;
    color: #444;
}
a.home-trip-btn-left.active, a.home-trip-btn-middle.active, a.home-trip-btn-right.active {
    background: #fff;
    font-weight: 700;
    color: #006699;
}
.container-home-search-from {
    padding-bottom: 15px;
    overflow: hidden;
    text-align: left;
}
.home-search-from-left {
    margin-right:2%;
    width:70%;
    float: left;
}
.home-search-from-hotel {
    float: left;
    width:100%;
}
.home-search-from-right {
    width:28%;
    float: left;
}
.hotel-search-calendar-left {
    margin-right:2%;
    float: left;
    width:49%
}
.hotel-search-calendar-right {
    float: left;
    width:49%;
}
.hotel-search-calendar-left input, .hotel-search-calendar-right input {
    width:100%;
}
.container-home-search-to {
    overflow: hidden;
    text-align: left;
}
.home-search-to-left {
    margin-right: 2%;
    width:70%;
    float: left;
}
.home-search-to-right {
    width:28%;
    float: left;
}
.container-home-search-cabin {
    margin-bottom: 10px;
    overflow: hidden;
}
.home-search-cabin-left {
    margin-right:2%;
    width: 49%;
    float: left;
}
.home-search-cabin-right {
    width: 49%;
    float: left;
}

.container-home-search-hotels {
    padding: 10px 0 5px;
    font-size: 13px;
    line-height: 12px;
    text-align: center;
}

.container-home-search-hotels span {
    color: #e85e12;
}

.container-home-search-options {
    padding: 10px 0 5px;
    overflow: hidden;
    text-align: center;
}
.container-options-expand {
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-align: left;
}
.options-expand-left {
    margin-right:2%;
    width: 49%;
    float: left;
}
.options-expand-right {
    width: 49%;
    float: left;
}
.container-search-flights-btn {
    padding: 10px 0 5px;
    text-align: center;
    overflow: hidden;
}

a.orange-big-btn {
    padding: 12px 25px;
    font: 300 22px helvetica, arial, sans-serif;
    color: #fff;
    background: #ff5200;
    display:inline-block;
    cursor: pointer;
    border-radius: 2px;
}

a.orange-big-btn:hover {
    background: #d14402;
}

.orange-big-btn .fa, .button-select-fare .fa, .packages-os-select .fa, .hp-search-button .fa {
    display: none;
}

.hp-box {
    margin-bottom: 10px;
    padding: 15px;
    background: #fff;
}

.hp-box-title {
    padding: 12px 15px 10px;
    font: bold 16px arial, sans-serif;
    background: #fff;
    border-bottom: 2px solid #f0f0f0;
    overflow: hidden;
}
.hp-box-title-left {
    float: left;
    color: #444;
    font: bold 16px arial, sans-serif;
}
.hp-box-title-right {
    float: right;
}
.hp-box ul {
}
.hp-box ul li {
    padding-bottom: 10px;
}
.hp-box ul li:last-child {
    padding-bottom: 0;
}
.hotel-promo-text {
    padding: 2px 10px 2px 0;
    clear: left;
    border-top: 1px solid #e1e1e1;
    background: #fff;
    color: #619c15;
    text-align: right;
    box-shadow: inset 0 1px 7px #eee;
}
.hotel-promo-old-price {
    padding: 5px 5px 0 0;
    text-align: right;
    font-size: 11px;
    width: 63px;
    height: 39px;
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    background: transparent url("https://www.flighthub.com/images/old-hotel-price.png") top right no-repeat;
}
.container-deal-alerts {
    margin: 0 auto;
    padding: 15px;
    background: #fff;
    overflow: hidden;
    font-size: 22px;
    line-height: 22px;
}
.deal-alerts-text {
    line-height: 26px;
}
.deal-alerts-form {
    margin-top: 5px;
    padding: 10px;
    background: #f1f1f1;
    border: 1px solid #d1d1d1;
}
.home-inner-right {
    float: left;
    width: 500px;
    position: relative;
    padding: 50px 0 0 50px;
}
.container-promotions {
    padding: 15px 15px 0;
    position: relative;
    background: #fff;
}
.hp-fblike {
    margin-top:10px;
    padding: 15px 0 10px;
    border-top:1px solid #dcdcdc;
    z-index: 10000;
}
.fb_iframe_widget span, .fb_iframe_widget span iframe{
    width:420px !important;
}
.airport-suggestion-title {
    padding: 15px;
    border-bottom: 1px solid #e1e1e1;
    background: #fff;
    overflow: hidden;
    font-size: 18px;
}
.why-us-wrap {
    margin: 0;
    padding: 0;
}
ul.why-us {
}
ul.why-us li {
    padding: 3px 0;
}
.icon-luggage {
    position: absolute;
    top: -15px;
    right: 0;
}
.promotions-title {
    font: 27px arial, sans-serif;
    line-height: 26px;
}
.promotions-content {
    margin-bottom: 7px;
    padding-top: 11px;
    font-size: 12px;
    line-height: normal;
}
ul.promotions-list li {
    padding: 9px 0 8px 0;
    border-bottom: 1px solid #dcdcdc;
    overflow: hidden;
}
ul.promotions-list li:last-child {
    border-bottom: 0;
}
.promotions-price {
    font-size: 18px;
    font-weight: 400;
    float: right;
}
.promotions-link {
    float: left;
}
.promotions-valid-content {
    padding-top: 4px;
    font-size: 11px;
    color: #878787;
    text-align: right;
}
.container-recent-search {
    margin: 30px auto 20px;
    padding: 15px;
    width: 980px;
    background: #fff;
    position: relative;
}
.icon-search {
    position: absolute;
    top: -10px;
    left: -30px;
}
ul.recent-search-list {
    overflow: hidden;
}
ul.recent-search-list li {
    margin-right: 1%;
    padding: 8px 0;
    float: left;
    width: 32.5%;
    overflow: hidden;
    border: 1px solid #ddd;
}
ul.recent-search-list li:last-child {
    margin-right: 0;
    width: 33%;
}
ul.recent-search-list li:hover {
    border: 1px solid #006699;
    background: #dff4fe;
}
.recent-search-box {
    padding: 0 10px;
    float: left;
}
.recent-search-cities-box {
    float: left;
    width: 85%;
    line-height: 15px;
}
.recent-search-icon-box {
    padding: 15px 0 0;
    float: left;
    text-align: center;
    width: 15%;
}
.popular-destination-view-all {
    float: right;
}
.select-box {
    padding: 10px;
    background: #fff;
    width: 100%;
    text-align: left;
    border: 1px solid #e1e1e1;
    border-radius: 2px;
    z-index: 20;
}
.home .select-box,
.xtox-home-search .select-box {
    width: 180px;
}
ul.passenger_list {
    margin: 4px 0 5px 5px;
}
ul.passenger_list li:first-child {
    padding-top: 0;
}
ul.passenger_list li {
    padding: 5px 0;
    border-bottom: 1px dotted #e1e1e1;
    overflow: hidden;
}
ul.passenger_list li:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}
.buttons-add-remove {
    margin: 15px auto 10px;
    padding-top: 0;
    overflow: hidden;
    text-align: center;
    font-size: 11px;
}
.child-age-select {
    margin-bottom: 2px;
    width: 170px;
}
.child-age-right {
    margin-left: 110px
}
.child-age-left {
    padding-left: 28px;
    padding-top: 5px;
    float: left;
}
.details-mobile-only {
    display: none;
}

/* airport suggestion */
.airport-suggestion-content {
    margin: 11px 15px 0 15px;
    overflow: hidden;
}

.airport-suggestion-warning {
    padding: 10px;
    background: #399AC1;
    color: #fff;
    text-align: Center;
    font-size: 14px;
    line-height: 1.2;
}

.airport-suggestion-warning .fa {
    margin-right: 5px;
    color: #FFCE58;
}

.airport-suggestion-page .container-booking-btn.top {
    margin: 20px 0;
}

.airport-suggestion-page h2 {
    margin: 0 0 15px 0;
    font-size: 16px;
    padding-bottom: 5px;
    border-bottom: 2px solid #e1e1e1;
    display: inline-block;
    color: #666;
}

.fares-validate-wrap {
    font-size: 0;
    max-width: 750px;
    margin: auto;
}
.segment-wrap-validate {
    display: inline-block;
    padding: 10px;
    font-size: 12px;
    width: 50%;
    vertical-align: top;
}

.segment-wrap-validate ul {
    margin-bottom: 25px;
}

.segment-wrap-validate li {
    margin: 5px 0;
    padding-left: 25px;
    position: relative;
    color: #555;
}

.segment-wrap-validate input[type="radio"] {
    position: absolute;
    left: 0;
    top: -1px;
}

.segment-wrap-validate .segment-left {
    color: #0074A4;
    font-size: 14px;
    margin-bottom: 10px;
}

.multi-seg {
    margin-top: 15px;
}

.airport-suggestion-page .container-booking-btn {
    padding: 0 15px;
}

.airport-suggestion-page a.orange-big-btn {
    font-size: 16px;
    padding: 8px 25px;
}

.airport-suggestion-page a.orange-big-btn:hover {
    color: #fff;
}

/* Home page search improvements */

.select-wrapper {
    width: 100%;
}
.input-calendar-box-home {
    width: 100%;
}
.hotel-field-wrap .select-wrapper,
.room_element .select-wrapper {
    width: 100%;
}

.alert-privacy {
    font-size: 11px;
    color: #999;
}

.wrapper-newsletter .alert-privacy-container {
    padding-top: 5px;
    margin-bottom: -15px;
}

.hp-newsletter-wrap {
    padding-top: 8px;
}

.hp-newsletter-left {
    padding-right: 1%;
    float: left;
    width: 75%;
}

.hp-newsletter-right {
    float: left;
    width: 25%;
}

.hp-newsletter-left input {
    width: 100%;
    border-radius: 0;
}

.hp-newsletter-error {
    padding: 5px 10px;
    text-align: center;
    color: #fff;
    background-color: #ce2222;
}

.transition-alert-form .hp-newsletter-error {
    margin: 0 auto 3px;
    width: 90%;
}

.hp-newsletter-success {
    padding: 5px 10px;
    text-align: center;
    color: #fff;
    background-color: #56ad16;
}

#newsletter-subscribe-spinner {
    margin-top: 8px;
}

.modal-alert-success {
    margin: 0 auto 3px;
    padding: 10px;
    width: 90%;
    text-align: center;
    background: #84b134;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
}

.modal-alert-error {
    margin: 0 auto 3px;
    padding: 10px;
    width: 90%;
    text-align: center;
    background: #cf1a1a;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
}


/* TODO move to a separate ie file */
/* IE 8 and below background transparency */
.container-home-search,
.container-promotions,
.hp-fblike {
    background: #fff;
}
.fb_iframe_widget span,
.fb_iframe_widget span iframe {
    width: 330px !important;
    height: 28px !important;
    color: #000;
}
/* target ie 7 */
*+html .container-promotions {
    position:static;
}
*+html .container-promotions .icon-luggage {
    top: 15px;
    right: 61px;
}
*+html .buttons-add-remove .icon {
    display:inline;
}
*+html .deal-alerts-form .input-text-box {
    float: left;
    margin-right: 10px;
}
/* end IE 8 and below */



/* unsubscribe */

.unsubscribe-wrap{
    margin:50px auto 0;
    padding:25px;
    width:650px;
    background:#fff;
    border:3px solid #333;
    text-align:center;
}

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

/* 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;
}












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

    .segment-wrap-validate {
        display: block;
        padding: 10px 0;
        width: auto;
        max-width: 360px;
        margin: auto;
    }

    .segment-wrap-validate ul {
        margin-bottom: 15px;
    }

    .airport-suggestion-page a.orange-big-btn {
        display: block;
        max-width: 360px;
        margin: auto;
        padding: 10px;
    }
    .container-home-search-from {
        padding-bottom: 0;
    }

    .recent-fa-wrap {
        display: none;
    }

}




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

    .airport-suggestion-title span {
        float: none;
        display: inline-block;
    }

}






@media(max-width: 480px) {
    .home .ui-autocomplete {
        width: 90%;
    }

    .home .ui-autocomplete .ui-menu-item a {
        overflow: hidden;
        text-overflow: ellipsis;
    }
}
/* RESULTS */
body.flight {
    margin: 0 0 50px;
}

/* price change topbar */

.topbar-banner {
    padding: 15px;
    background-color: #05537a;
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 20;
}

a.top-close {
    position: absolute;
    top: 4px;
    right: 8px;
    font-size: 16px;
    color: #fff;
}

a.top-close:hover {
    color: #19ace0;
}

.topbar-inner {
    margin: 0 auto;
    display: table;
    width: 820px;
}

.topbar-text {
    font-size: 18px;
    color: #fff;
    display: table-cell;
    width: 100%;
    vertical-align: middle;
}

.topbar-text strong sup {
    font-size: 11px;
}

.topbar-text strong {
    color: #fbae17;
    font-weight: 400;
}

.topbar-text span.fa {
    font-size: 12px;
    color: #fff;
}

.nowrap-text {
    white-space: nowrap;
}

.topbar-button {
    padding-left: 20px;
    display: table-cell;
    min-width: 135px;
    vertical-align: middle;
}

.topbar-button a {
    padding: 3px 10px;
    display: block;
    color: #222;
    background-color: #fbae17;
    border-radius: 2px;
    box-shadow: 0 2px 0 #222;
    transition: background-color 0.2s;
}

.topbar-button a:hover {
    background-color: #f9c153;
}



/* price change topbar yellow V2 */

.topbar-banner-yellow {
    padding: 20px;
    background-color: #ffda94;
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 20;
}

.topbar-banner-yellow a.top-close {
    position: absolute;
    top: 4px;
    right: 8px;
    color: #333;
}

.topbar-banner-yellow a.top-close .fa {
    color: #ff5200;
    font-size: 13px;
}

.topbar-banner-yellow .topbar-inner {
    margin: 0 auto;
    display: table;
    width: 950px;
}

.topbar-banner-yellow .topbar-text {
    font-size: 22px;
    color: #333;
    display: table-cell;
    width: 100%;
    vertical-align: middle;
}

.topbar-banner-yellow .topbar-text strong sup {
    font-size: 11px;
}

.topbar-banner-yellow .topbar-text strong {
    color: #ff5200;
    font-weight: 700;
}

.topbar-banner-yellow .topbar-text span.fa {
    font-size: 12px;
    color: #e59600;
}

.topbar-banner-yellow .nowrap-text {
    white-space: nowrap;
}

.topbar-banner-yellow .topbar-button {
    padding-left: 20px;
    display: table-cell;
    min-width: 145px;
    vertical-align: middle;
}

.topbar-banner-yellow .topbar-button a {
    padding: 6px 12px;
    display: block;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    background-color: #ff5200;
    border-radius: 2px;
    box-shadow: 0 2px 0 #922f00;
}

.topbar-banner-yellow .topbar-button a:hover {
    background-color: #c53f00;
    color: #fff;
}

.topbar-banner-yellow sup {
    vertical-align: text-top;
}


/* discover styles */
#discover_airports {
    position: relative;
    opacity: 0;
}

@keyframes discoverSlider {
    0% {opacity: 0; bottom: -45px}
    100% {opacity: 1; bottom: 0px}
}

#discover_airports.slide-up {
    animation-name: discoverSlider;
    animation-duration: .45s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
}

div#bottomAlert > .list .item {
    margin-left: auto;
    right: 10px;
}

#discover_airports .item {
    color: #00711b;
    background: #d5f3df;
    border: 1px solid #61BF84;
    margin-bottom: 10px;
    opacity: 1;
    visibility: visible;
    width: 420px;
    right: 10px;

}

#discover_airports .icon-wrap {
    border-right: 1px solid #60bf84;
}

#discover_airports .icon-wrap .fa {
    color: #00711b;
}

#discover_airports .discover-option-wrap {
    display: flex;
}

#discover_airports .discover-option {
    display: inline-block;
    border: solid 1px;
    border-radius: 2px;
    margin-top: 10px;
    width: 50%;
    color: #00711b;
    position: relative;
}

#discover_airports .discover-option:first-of-type {
    margin-right: 5px;
}

#discover_airports .discover-option h5 {
    font-weight: bold;
    margin-bottom: 3px;
}

#discover_airports .discover-option h5,
#discover_airports .discover-option p {
    color: #00711b;
    font-size: 12px;
    display: inline-block;
    transition: .2s;

}

#discover_airports .discover-option a {
    display: block;
    height: 100%;
    position: relative;
}

#discover_airports .btn-close {
    color: #327a0c;
}

#discover_airports .discover-option .discover-icon-wrapper {
    display: inline-block;
    margin-left: 3px;
}

#discover_airports .dollar-circle {
    background: #00711b;
    height: 22px;
    width: 22px;
    top: 28px;
    position: relative;
    border-radius: 50%;
    left: 4px;
}

#discover_airports .icon-wrap .fa {
    color: #d5f3df;
    position: absolute;
    left: 13px;
    top: 10px;
}

#discover_airports .discover-option i.fa {
    font-size: 14px;
    color: #00711b;
}

#discover_airports .discover-option .discover-option-content {
    display: inline-block;
    vertical-align: middle;
    margin-right: 0px;
    border-right: solid 1px;
    padding: 5px 0px 5px 3px;
    width: 86%;
    border-right-color: #327a0c;
    height: 100%;
    position: relative;
    left: 0;
}

#discover_airports .discover-option:hover {
    background: #9DE0B6;
    transition: .15s;
}

#discover_airports .discover-option:hover h5 {
    margin-left: 10px;
}

#discover_airports li {
    margin: 0 10px -65px 0;
    padding: 10px 35px;
    position: relative;
    display: block;
    width: 325px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    color: #0074a4;
    background: #bdecff;
    border: 1px solid #92cfe8;
    /* opacity: 0; */
    /* visibility: hidden; */
    border-radius: 2px;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

#discover_airports .lowest-price,
#discover_airports .region {
    font-weight: bold;
}

/* price change banner */

.price-change-banner-wrap {
    margin: 0 0 10px;
    text-align: center;
    background-color: #fff;
    position: relative;
}

.price-change-top {
    padding: 12px 15px;
    background-color: #42a400;
    color: #fff;
    font-size: 20px;
    line-height: 26px;
    text-align: center;
    border-bottom: 2px solid #2a6900;
}

.price-change-top span {
    font-size: 24px;
    font-weight: 700;
}

.price-change-bottom {
    padding: 12px 15px;
    color: #646464;
    font-size: 15px;
    line-height: 25px;
    background-color: #f9f9f9;
    border-right: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
}

.price-change-bottom .strike {
    text-decoration: line-through;
    color: #696969;
    font-size: 20px;
}
.price-change-bottom .no-strike {
    color: #696969;
    font-size: 20px;
}

.price-change-bottom .newprice {
    font-size: 20px;
    color: #42a400;
    font-weight: 700;
}

.price-change-bottom .fa-long-arrow-right {
    font-size: 20px;
}

.email-campaign-banner img {

    max-width: 100%;
    height: auto;

}





/* results filter side-bar left */

.container-airfare-mobile, .container-airfare-mobile-b, .mobile-alert-filter-wrap {
    display: none;
}

.filter-sidebar {
    color: #777;
    float: left;
}

.container-filter {
    margin-bottom: 25px;
    font-family: Arial, Helvetica, sans-serif;
}

.filter-title-wrap {
    overflow: hidden;
}

.filter-title {
    padding-top: 8px;
    font: bold 16px arial, sans-serif;
    color: #43606c;
}

.filter-title-left {
    padding-bottom: 2px;
    font: bold 14px arial, sans-serif;
    color: #43606c;
    float: left;
}

.filter-title-right {
    padding-top: 4px;
    font: normal 11px arial, sans-serif;
    color: #43606c;
    float: right;
}

.filter-content {
    padding: 5px 0;
}

.filter-content ul li {
    overflow: hidden;
}

input[type="checkbox"] {
    margin: 0 3px 1px 0;
    padding: 0;
}

.filter-title-right a:hover {
    color: #006699;
}

.filters-inline-checkbox {
    width: 65%;
    float: left;
}

.filters-inline-checkbox-airports {
    width: 100%;
    float: left;
}

.filters-inline-only {
    width: 20%;
    float: left;
    text-align: center;
}

.filters-inline-price {
    width: 15%;
    float: left;
    text-align: right;
}

.filters-inline-airline {
    width: 20%;
    float: left;
}

.flights-fine-print-desktop {
    padding-top: 5px;
    display: table;
    width: 100%;
    color: #999;
}

.flights-fine-print-desktop a {
    margin-right: 10px;
    text-decoration: underline;
    color: #999;
}

.flights-fine-print-mobile {
    display: none;
}

.sb-field-wrap {
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 100%;
}

.sb-field-left {
    float: left;
    background: transparent;
    width: 50%;
    text-align: left;
}

.sb-field-right {
    float: left;
    background: transparent;
    width: 50%;
    text-align: right;
}

.sb-field-left input {
    margin: 0;
    padding: 10px 0 !important;
    text-align: left;
    width: 75px;
}

.sb-field-right input {
    margin: 0;
    padding: 10px 0 !important;
    text-align: right;
    width: 75px;
}

input.sb-field {
    font-size: 11px;
    font-weight: 700;
    border: 0 solid #bbb;
}

input.sb-field[disabled='disabled'] {
    background: transparent;
}

.filter-info-icon {
    padding-top: 3px;
    float: right;
}

.airlines-filter li .filters-inline-only {
    visibility: hidden
}

.airlines-filter li:hover .filters-inline-only,
.airlines-filter li:hover .only-carrier {
    visibility: visible
}

.stops-filter li .only-stops {
    visibility: hidden
}

.stops-filter li:hover .only-stops {
    visibility: visible
}

.layover_airports li .only-layover-airport {
    visibility: hidden
}

.layover_airports li:hover .only-layover-airport {
    visibility: visible
}

.origin_airports li .only-origin-airport {
    visibility: hidden
}

.origin_airports li:hover .only-origin-airport {
    visibility: visible
}

.destination_airports li .only-destination-airport {
    visibility: hidden
}

.destination_airports li:hover .only-destination-airport {
    visibility: visible
}

ul.sidebar-filter-list li {
    margin-bottom: 3px;
}

/* airline pages */
.airline-wrap {
    margin: -398px auto;
    width: 980px;
    overflow: hidden;
}

.airline-right {
    padding: 20px 2.04081632653061%;
    background: #fff;
    margin-top: 271px;
    width: 95.91836734693878%;
}

.airline-master-title {
    text-align: center;
    color: #fff;
    font-size: 48px;
    padding: 10px 0 14px;
    width: 100%;
}

.airline-push {
    height: 398px;
}


/* variation b */
#sidebar-fare-sub {
    margin-bottom: 15px;
    padding: 15px;
    text-align: center;
    background: #f9f9f9;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
}

a#airfare-alert-btn-modal {
    display: inline-block;
    width: auto;
    margin: 5px auto;
    font-weight: normal;
}

.fare-alert-desc {
    margin: 5px 0 10px;
    padding: 5px 0;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    line-height: 15px;
}

#sidebar-alert-msg {
    padding: 15px 10px 0;
    height: 65px;
    text-align: center;
    background: #84b134;
    color: #fff;
}

a.button-alert-green {
    padding: 7px 14px;
    font: normal 12px arial, sans-serif;
    color: #fff;
    cursor: pointer;
    font-size: 13px;
    display: block;
    background: #4faa2b;
    text-align: center;
    margin: 5px 0;
    position: relative;
}
a.button-alert-green:hover {
    background: #328e0d;
}


/* results main container */

.packages-container {
    padding: 10px 25px 20px;
    background: #fff;
}

.codeshares {
    margin-left: 170px;
    font-size: 11px;
    color: #999;
}

.ad-wrap {
    text-align: center;
}

.ad-wrap-sponsored {
    text-align: center;
    border: 1px solid #0072a3;
    background: #fff;
}

.ad-wrap-footer {
    margin: 0 auto;
    text-align: center;
    width: 629px;
}

.ad-wrap-footer-inner {
    margin: 0 0 25px;
    padding: 10px;
    border: 1px solid #0072a3;
    background: #fff;
    overflow: hidden;
}

.ad-left-footer {
    float: left;
    width: 300px;
}

.ad-right-footer {
    margin-left: 5px;
    float: left;
    width: 300px;
}

.ad-title {
    margin-bottom: 5px;
    padding: 6px;
    background: #0072a3;
    color: #fff;
    text-align: left;
}

.container-results-nav {
    height: 50px;
}

a.results-filter-nav, a.results-filter-nav-right {
    margin-right: 1%;
    padding: 4px 0;
    width: 24%;
    text-align: center;
    float: left;
    border: 1px solid #d0d0d0;
    box-shadow: inset 1px -1px 0 #fff;
    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 );
    cursor: pointer;
}

a.results-filter-nav-right {
    margin-right: 0;
    width: 25%;
}

a.results-filter-nav:hover, a.results-filter-nav-right:hover {
    border: 1px solid #9cc770;
    box-shadow: 0 0 4px #97f03c;
}

a.results-filter-nav.active, a.results-filter-nav-right:hover {
    border: 1px solid #9cc770;
    box-shadow: 0 0 4px #97f03c;
}

.sorting-price {
    font-size: 16px;
    color: #5da606;
}

.matrix-titles-left {
    width: 72px;
    overflow: hidden;
    float: left;
    border: 1px solid #e1e1e1;
    border-right: 0;
    border-bottom: 0;
    box-shadow: 1px 0 5px #ccc;
    background: none repeat scroll 0 0 #f9f9f9;
}

.matrix-results-right {
    border-top: 1px solid #e1e1e1;
    float: left;
    width: 504px;
    height: 136px;
    overflow: hidden;
}

.matrix-column {
    margin: 0;
    padding: 0;
    float: left;
}

.matrix-top-blank {
    width: 71px;
    height: 71px;
    border-bottom: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
}

.matrix-airline-logo {
    margin-bottom: 3px;
}

.matrix-lower {
    padding: 1px 6px;
    font-size: 11px;
    width: 59px;
    border-bottom: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    text-align: center;
}

.matrix-top-airlines {
    padding: 10px;
    width: 51px;
    height: 51px;
    border-bottom: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    font-size: 11px;
    text-align: center;
    line-height: 12px;
}

.container-matrix {
    margin-bottom: 15px;
    width: 765px;
    overflow-x: scroll;
    background: #fff;
    position: relative;
}

#fares-search-flexible {
    width: 100%;
}

table.flexible-title-table {
    margin: 0;
    padding: 0;
    display: table;
    width: 100%;
    height: 30px;
}

table.flexible-title-table th {
    padding: 5px 0;
    background: #fff;
    display: table-cell;
    text-align: left;
    font-weight: 400;
}

table.flexible-date-table {
    margin: 0 0 10px;
    padding: 0;
    display: table;
    width: 100%;
    background: #f4f4f4;
}

table.flexible-date-table td {
    padding: 7px 5px;
    border-bottom: 1px solid #fff;
    display: table-cell;
    text-align: left;
}

table.flexible-date-table td:first-child {
    padding: 7px 5px;
    background: #f9f9f9;
}

table.flexible-date-table th {
    padding: 7px 5px;
    font-weight: 400;
    border-bottom: 1px solid #fff;
    background: #f9f9f9;
}

th.flexible-date-bg-dark-grey, td.flexible-date-bg-dark-grey {
    background: #c9eeff !important;
}

.flexible-date-bg-blue:hover {
    font-weight: 700;
}

.flexible-date-bg-red {
    background: #fff1f2;
}

.flexible-date-bg-red:hover {
    font-weight: 700;
}

.flexible-date-bg-green {
    background: #f6feef;
}

.flexible-date-bg-green:hover {
    font-weight: 700;
}

.flexible-date-bg-blue a {
    color: #069;
}

.flexible-date-bg-red a {
    color: #d82626;
}

.flexible-date-bg-green a {
    color: #449304;
}

.flexible-date-bg-blue a:hover {
    color: #069;
}

.flexible-date-bg-red a:hover {
    color: #d82626;
}

.flexible-date-bg-green a:hover {
    color: #449304;
}

.flex-package-title{
    margin-bottom:1px;
    padding:5px 10px;
    display:inline-block;
    background-color: #fefcea;
}


.packages-os-price .price-alert {
    display: inline-block;
}

.price-alert-wrap {
    display: table;
    height: 18px;
}

.price-alert-icon {
    padding: 1px 3px;
    display: table-cell;
    min-width: 25px;
    color: #fff;
    font-size: 12px;
    background-color: #3a7500;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    vertical-align: middle;
    text-align: center;
}

.price-alert-text {
    padding: 1px 6px;
    display: table-cell;
    font-size: 11px;
    font-weight: 700;
    color: #fff;
    width: 100%;
    background-color: #52a600;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    vertical-align: middle;
}

.price-alert .tooltip {
    background-color: #222 !important;
    box-shadow: 0 0 #000 !important;
    border: 0 !important;
    color: #fff !important;
    opacity: 0.9 !important;
}

.price-alert .trigger {
    cursor: default;
}

.tooltip-inner-wrap {
    display: table;
    width: 100%;
}

.tooltip-inner-left {
    display: table-cell;
    min-width: 50px;
    text-align: center;
    vertical-align: middle;
}

.tooltip-inner-left .fa {
    font-size: 22px !important;
    color: #a6dc71;
}

.tooltip-inner-right {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
}




.flex-tag-collapsed-right {
    padding-right: 5px;
    min-width: 160px;
    display: table-cell;
    vertical-align: middle;
}

.flex-tag-collapsed-right a {
    display: table;
    width: 100%;
    padding: 5px;
    background-color: #31bcf6;
    color: #fff;
    text-align: center;
    border-radius: 2px;
}

.flex-tag-collapsed-right a:hover {
    background-color: #0da2e0;
}

.flex-btn-left {
    padding: 5px;
    display: table-cell;
    width: 75%;
    font-size: 18px;
    vertical-align: middle;
}

.flex-btn-right {
    padding: 5px;
    display: table-cell;
    width: 55%;
    font-size: 22px;
    border-left: 1px solid #aae4fc;
    vertical-align: middle;
}

.flex-tag-collapsed-left-c {
    padding: 8px 10px 8px 0;
    font-size: 15px;
    color: #fff;
    display: table-cell;
    width: 100%;
    vertical-align: middle;
}

.flex-tag-collapsed-right-c {
    padding-right: 5px;
    min-width: 160px;
    display: table-cell;
    vertical-align: middle;
}

.flex-tag-collapsed-inner-c {
    width: 100%;
    display: table;
}

.flex-tag-icon-c {
    font-size: 34px;
    min-width: 50px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.flex-tag-icon-c span {
    color: #fff;
}

.flex-tag-text-c {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
}

.flex-tag-text-c span {
    font-weight: 700;
    color: #ffd259;
}

.flex-tag-collapsed-right-c a {
    display: table;
    width: 100%;
    padding: 5px;
    background-color: #31bcf6;
    color: #fff;
    text-align: center;
    border-radius: 2px;
}

.flex-tag-collapsed-right-c a:hover {
    background-color: #0da2e0;
}

.flex-btn-left-c {
    padding: 9px 5px 5px;
    display: table-cell;
    width: 75%;
    font-size: 28px;
    vertical-align: middle;
}

.flex-btn-right-c {
    padding: 5px;
    display: table-cell;
    width: 55%;
    font-size: 22px;
    border-left: 1px solid #aae4fc;
    vertical-align: middle;
}

.flex-package .exp-airlines-wrap{
    padding-bottom:15px;
}

.container-sort {
    margin-bottom: 12px;
    overflow: hidden;
}

.container-sort-left {
    padding: 10px 0 0;
    float: left;
}

.container-sort-middle {
    margin-left: 20px;
    padding: 18px 0 0;
    float: left;
    border-bottom: 1px solid #d0d0d0;
    width: 50%;
}

.container-sort-right {
    padding: 5px 0 0;
    float: right;
}

.container-flight-results {
    width: 609px;
}

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

.container-package .flightDetails {
    visibility: hidden;
}

.container-package .flight-info-checkbox {
    visibility: hidden;
}

.price-flight {
    font: 700 26px/26px arial, sans-serif;
    color: #4e7720;
}

.crest-special-offer {
    width: 112px;
    float: left;
}

.today-bonus {
    padding-top: 4px;
    text-align: right;
    float: right;
}

.select-btn {
    padding: 13px 10px 8px;
}

.airline-icon {
    width: 32px;
}

.airline-name {
    padding: 0 3px 0 3px;
    width: 68px;
    line-height: 10px;
    height: 25px;
    display: table-cell;
    vertical-align: middle;
}

.flight-package-row1 {
    margin-bottom: 5px;
    overflow: hidden;
}

.container-package-row2 {
    margin: 7px 0 0;
    float: right;
    overflow: hidden;
    width: 82%;
}

.flight-package-row2-left {
    float: left;
    width: 90px;
    overflow: hidden;
}

.flight-package-row3 {
    padding-top: 5px;
    overflow: hidden;
}

.flight-info-checkbox > input {
    margin-left: 0 !important;
}

.seats-left {
    padding-top: 3px;
    font-size: 12px;
    color: #ff0000;
    clear: both;
    text-align: center;
}

.container-flight-details {
    float: left;
}

.bottom-icons-wrap {
    padding: 0 0 3px;
    position: absolute;
    top: 4px;
    right: 0;
    text-align: center;
    overflow: hidden;
    color: #999;
}

.bottom-icon {
    padding: 3px 0 2px 7px;
    float: left;
}

a.grey-reg-btn {
    padding: 3px 8px 2px 10px;
    background: #fff;
    border-radius: 6px;
    border: 1px solid #e1e1e1;
}

.container-many-flights {
    margin-top: 15px;
    padding: 11px;
    border: 1px solid #e1e1e1;
    background: #f7f7f7;
}

.small-hotel-promo-info {
    margin-bottom: 5px;
    width: 138px;
    overflow: hidden;
}

.small-hotel-promo-photo-wrap-checkout {
    margin-top: 3px;
    position: relative;
    width: 138px;
}

.small-hotel-promo-photo-discount {
    padding: 2px 5px;
    background: rgba(255, 255, 255, 0.8);
    border-bottom-left-radius: 4px;
    font-weight: 700;
    position: absolute;
    right: 4px;
    top: 4px;
}

.small-photo-padded {
    padding: 3px;
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #e1e1e1;
}

.container-package-loading {
    margin: 0 0 15px;
}

.container-progress-bar {
    margin: 0 auto;
}

.progress-bar-inner {
    padding: 3px;
    background: #f9f9f9;
    border: 1px solid #dcdcdc;
    overflow: hidden;
}

.progress-bar {
    margin: 1px;
    width: 0;
    height: 4px;
    background: #ec5300;
    border-radius: 2px;
}

.loading-searching-text {
    padding-left: 15px;
    line-height: 13px;
}

.price-flight-total {
    margin-top: 5px;
    padding: 0;
    font-size: 11px !important;
    color: #444;
    height: 11px;
}

.fees-taxes {
    margin-top: 5px;
    padding: 0;
    font-size: 10px !important;
    height: 11px;
    color: #888;
    line-height: 9px !important;
}

.compact-flight-search-options {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px dotted #e1e1e1;
}

.session-wrap {
    overflow: hidden;
}

.session-left {
    padding-top: 5px;
    float: left;
}

.session-right {
    margin-left: 150px;
}

.container-no-results, .searching-container {
    text-align: center;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    overflow: hidden;
    margin-top: 10px;
    padding-bottom: 15px;
}

.container-no-results p, .searching-container p {
    font-size: 20px;
    line-height: 1.2;
    color: #999;
    margin: 10px 0;
}

.container-no-results .alert {
    font-size: 35px;
    margin-bottom: 15px;
    color: #fbae17;
}

.searching-container .search {
    font-size: 35px;
    margin-bottom: 15px;
    color: #0074a5;
}

.container-no-results .reset {
    margin-top: 25px;
}

.no-results-box {
    position: relative;
    font-size: 22px;
    padding: 20px;
    background: #fff;
    margin-top: 15px;
}

ul.container-flight-package {
    margin-top: 8px;
}

.container-flight-package li {
    margin-bottom: 8px;
    padding: 9px 15px 2px;
    background-color: #fff;
    position: relative;
    box-shadow: 1px 1px 2px #666;
}

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

.package-row-top {
    text-align: right;
    height: 25px;
}

.bottom-row-class {
    margin-top: 8px;
    float: right;
}

a.container-package-select-btn {
    margin: 0 auto 5px;
    padding: 5px 0;
    color: #fff;
    font-weight: normal;
    font-size: 18px;
    display: block;
    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: -o-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;
    text-align: center;
}

a.container-package-select-btn:hover {
    background: #ff5200;
}

div.container-package-select-btn-loader{
    display:none;
    margin: 0 auto;
    height: 16px;
    width: 16px;
}

.fare-marker {
    margin-left: -13px;
    z-index: 2;
    position: relative;
}

.package-bonus-text {
    padding: 3px 0 0 140px;
    font-size: 11px;
}

.package-row-middle {
    overflow: hidden;
    position: relative;
}

.package-price-box {
    margin-top: 5px;
    width: 110px;
    float: left;
    text-align: center;
}

.package-row-bottom {
    height: 25px;
    position: relative;
}

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

.details-modal-warning {
    margin: 5px 0 10px;
    padding: 5px 10px;
    color: #c38b05;
    background: #fff;
    border: 1px solid #f2ae0c;
}

.details-modal-warning-receipt {
    margin: 5px 0 100px;
    padding: 10px;
    color: #ffffff;
    background: #cd3333;
}

.button-show-filters {
    display: none;
}

.mobile-details {
    display: none;
}

.price-txt {
    font-size: 24px;
    line-height: 20px;
    color: #4e7720;
    font-weight: bold;
}

.sub-price-txt {
    padding: 0 0 7px;
    font-size: 11px;
    color: #999;
}

.mobile-seats {
    display: none;
}

.bottom-sharing {
    padding-top: 3px;
    float: left;
}

a.package-alerts {
    color: #599bbc;
}

a.package-alerts:hover {
    color: #006699;
    text-decoration: underline;
}

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

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

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

.airlines-wrap1 {
    overflow: hidden;
    border-top: 15px solid transparent;
}

.airlines-wrap2 {
    overflow: hidden;
}

.airlines-left {
    float: left;
    min-height: 46px;
    position: relative;
}

.airlines-right {
    margin-left: 45px;
    padding-top: 8px;
}

table.package-routes td {
    padding: 3px 0 8px;
}

.departure-hour {
    width: 13%;
    font-size: 12px;
    font-weight: bold;
}

.arrival-hour {
    width: 15%;
    font-size: 12px;
    font-weight: bold;
}

.package-airport-code {
    width: 8%;
}

.package-arrow {
    width: 8%;
    text-align: center;
}

.package-stops {
    width: 20%;
    text-align: center;
    font-size: 11px;
    color: #999;
}

.package-duration {
    width: 15%;
    font-size: 12px;
    color: #999;
    text-align: right;
}

.package-checkbox {
    width: 5%;
}

.ac2u-select {
    background: #fff;
    padding: 1px 0;
    font-size: 11px;
    position: relative;
    visibility: hidden;
    border: 1px solid #b0cfdf;
    z-index: 1000;
}

.price-box-bottom .ac2u-select {
    margin-top: -20px;
}

.ac2u-select ul {
    overflow: hidden;
}

.ac2u-select ul li {
    padding: 0;
    float: left;
    border-bottom: 0;
    border-top: 0;
}

.ac2u-select ul li:hover {
    background: #fff;
}

.ac2u-select ul li:last-child {
    border-bottom: 0;
    border-top: 0;
}

.ac2u-select ul li a {
    padding: 8px 5px;
    color: #777;
}

.ac2u-select ul li a:hover {
    color: #ec5300;
}

.ac2u-select ul li a.active {
    padding: 0 5px;
    color: #ec5300;
}

.ac2u-arrow-top {
    position: absolute;
    bottom: -10px;
    left: 280px;
}

.ac2u-arrow-bottom {
    position: absolute;
    top: -10px;
    left: 280px;
}

.icon-package-arrow{
    padding-top:14px;
}

/* results promo side-bar right */
.container-promo-box {
    margin-bottom: 15px;
    width: 158px;
    border: 1px solid #e1e1e1;
}

.guarantee-banner {
    background: #f5f5f5;
    border-right: 1px solid #e5e5e5;
}

.guarantee-banner ul {
    margin: 0 10px 0 13px;
    padding: 0 0 5px;
}

.guarantee-banner ul li {
    padding: 10px 0;
    border-bottom: 1px solid #ccc;
    text-align: left;
    font-size: 11px;
    line-height: 16px;
}

.guarantee-banner ul li:last-child {
    padding-bottom: 0;
    border-bottom: 0 solid #ccc;
}

.promo-hotels-title {
    padding: 7px 10px 6px 10px;
    text-align: center;
    border-bottom: 1px solid #e1e1e1;
    font-size: 14px;
    background: #f9f9f9;
}

.promo-hotels-content {
    padding: 0 10px 10px 10px;
    overflow: hidden;
}

ul.promo-hotels-list {
    margin-bottom: 7px;
}

ul.promo-hotels-list li {
    padding: 7px 0 14px 0;
    border-bottom: 1px dotted #e1e1e1;
    overflow: hidden;
    text-align: center;
    font-size: 11px;
    line-height: normal;
}

ul.promo-hotels-list li:last-child {
    margin-bottom: 3px;
}

.promo-hotels-image {
    margin: 7px 0 8px 0;
}

a.orange-reg-btn {
    padding: 10px 15px;
    display: inline-block;
    font: 400 14px arial, sans-serif;
    color: #fff;
    background: #f05623;
    border: 1px solid #ff5200;
    border-radius: 2px;
    cursor: pointer;
}

a.orange-reg-btn:hover {
    background: #cb3d0e;
    color: #fff;
    border: 1px solid #ff5200;
}

.guarantees-banner {
    margin-bottom: 15px;
    padding: 0;
    text-align: center;
}

.hotel_search_fields_bar {
    width: 948px;
}

.flights-results-wrap .spi-table {
    width: 100%;
    text-align: left;
}

.spi-table th {
    text-transform: uppercase;
    color: #666;
    background: #e1e1e1;
    border: 1px solid #B7B7B7;
    padding: 5px;
}

.spi-table td {
    vertical-align: top;
    padding: 5px;
    border: 1px solid #CCC;
    width: 25%;
    line-height: 14px;
}

.spi-table .info_name {
    color: #888;
}

.spi-table .info_value {
    color: #0072a3;
    font-weight: bold;
}

.spi-table .revenue,
.spi-table .passenger {
    padding: 5px;
    background: #F1F1F1;
    margin: 10px 0;
    border: 1px solid #CECECE;
}

.travelport div {
    width: 50%;
    display: inline-block;
    padding: 0 5px;
}

/* === PHONE BANNER (results page) === */
.exp-container-flight-package li.phone-deal {
    border: 3px solid #40A6D6;
    background: #0C79AA !important;
    color: #fff;
    padding: 0;
    margin: 25px 0 30px 0;

    -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 3px 5px rgba(0,0,0,0.2);
    box-shadow: 0 3px 5px rgba(0,0,0,0.2);
}

.phone-deal-heading {
    background: #FFFFFF;
    padding: 5px 10px;
    font-size: 16px;
    font-weight: bold;
    color: #6D6D6D;
    line-height: 1.3;
    text-align: right;
    font-style: italic;
}

.phone-deal-heading span,
.phone-deal-heading a {
    vertical-align: middle;
    display: inline-block;
}

.phone-deal-heading a {
    font-size: 20px;
    color: #FF6921;
}

.phone-deal .column {
    vertical-align: middle;
    padding: 10px;
}

.phone-deal .icon {
    width: 80px;
}

.phone-deal .icon-wrap {
    width: 45px;
    height: 45px;
    margin: auto;
    line-height: 43px;
    font-size: 26px;
    border-radius: 50%;
    border: 3px solid;
    text-align: center;
    text-indent: 1px;
}

.phone-deal .destination-wrap {
    font-size: 16px;
    font-weight: bold;
}

.exp-container-flight-package .destination-wrap li {
    background: none !important;
    margin: 5px 0;
    padding: 0;
    line-height: 1.3;
}

.exp-container-flight-package li.phone-deals ,
.exp-container-flight-package li.phone-deal {
    cursor: default;
}

.destination-wrap .label,
.destination-wrap .fa {
    color: #FFF0B5;
}

.destination-wrap .label {
    margin-right: 5px;
}

.destination-wrap .fa {
    margin: 0 7px 0 0;
}

.phone-deals .label.from .fa,
.destination-wrap .from .fa {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.phone-deals .label.to .fa,
.destination-wrap .to .fa {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.phone-deal .price {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.3;
    width: 170px;
}

.phone-deal .price .price-info,
.phone-deal .price-title {
    font-size: 13px;
    color: #A7DEFB;
}

.phone-deal .price .price-savings {
    font-size: 24px;
    color: #FFE57A;
}

/* === PHONE DEALS (v2)=== */
.phone-deals .exp-container-flight-package-left,
.phone-deals .exp-container-flight-package-right {
    vertical-align: middle;
}

.phone-deals .phone-deal-heading {
    background: #0C79AA;
    text-align: left;
    color: #FFEBAD;
    padding: 7px 10px;
}

.phone-deals .phone-deal-heading .fa,
.phone-deals .phone-deal-heading span,
.phone-deals .label .fa,
.phone-deals .label span {
    vertical-align: middle;
}

.phone-deals .phone-deal-heading .fa {
    font-size: 22px;
    margin-right: 10px;
}

.phone-deals .label {
    font-size: 14px;
    margin-bottom: 8px;
    color: #999;
}

.phone-deals .label .fa {
    margin-right: 6px;
    font-size: 16px;
}

.phone-deal .price-toggle-btn {
    display: inline-block;
    padding: 9px 18px;
    background: #FF722F;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.phone-deal.show-price .price-toggle-btn {
    margin: 10px 0 5px 0;
}

.phone-deal .savings-wrap {
    display: none;
}

.phone-deal.show-price .savings-wrap {
    display: block;
}

.phone-deals .dates {
    font-size: 14px;
    color: #999;
}

.exp-container-flight-package .destination-wrap ul {
    margin: 0 -10px;
}

.exp-container-flight-package .destination-wrap li {
    margin: 0;
    padding: 5px 10px;
    display: inline-block;
    text-align: left;
    vertical-align: top;
}

/* phone deals modal */

.phone-deals-text {
    font-size: 16px;
    line-height: 32px;
    color: #444;
}

.phone-deals-text span {
    display: block;
    font-size: 18px;
    font-weight: 600;
}

.phone-offer-number {
    padding: 10px;
    margin: 15px;
    background: #f6f6f6;
    border: 1px dashed #dcdcdc;
    border-radius: 6px;
}

.phone-offer-number .phone-number {
    font-size: 22px;
    font-weight: 700;
}

.phone-offer-number .phone-number span,
.phone-offer-number .phone-number img {
    display: inline-block;
    vertical-align: middle;
}

.phone-offer-number .phone-number span,
.phone-offer-number .phone-number img {
    display: inline-block;
    vertical-align: middle;
}

.debug-wrap {
    max-width: 900px;
    margin: auto;
}

.transition-spi,
.transition-raw-output {
    margin-bottom: 30px;
}

.transition-raw-output {
    padding: 15px;
    border: 1px solid #dcdcdc;
    background: #f1f1f1;
    margin-bottom: 30px;
    line-height: 1.1;
}

.transition-raw-output .output-title {
    font-size: 18px;
    font-weight: 700;
    margin: 10px 0;
}

.transition-raw-output pre {
    font-size: 12px;
    font-family: monospace;
}

.modify-search-wrap {
    display: none;
}

/* email fare alerts modal */
.email-landing-title {
    padding: 8px 0 13px;
    font-size: 24px;
    font-weight: 700;
    color: #222;
    letter-spacing: -0.03em;
}

.email-landing-info {
    padding-bottom: 25px;
    color: #ff5200;
    font-size: 18px;
}

.email-landing-info p {
    margin: 0;
}

.modal-alert-success {
    margin: 0 auto 3px;
    padding: 10px;
    width: 90%;
    text-align: center;
    background: #84b134;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
}

.modal-alert-error, .hp-newsletter-error {
    margin: 0 auto 3px;
    padding: 10px;
    width: 90%;
    text-align: center;
    background: #cf1a1a;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
}

.main-alert-form-row {
    display: table-row;
}

/* fare alert modal */

.container-transition-alert-results {
    padding: 15px;
    border: 1px solid #dcdcdc;
    background: #f9f9f9;
    overflow: hidden;
}

.container-transition-fas-direct {
    padding: 5px 10px 5px;
    border: 1px solid green;
    background: #5fb84e;
    margin: 10px;
    color: white !important;
    overflow: hidden;
}

.modal-fineprint-wrap {
    padding: 5px 10px;
    display: table;
    width: 100%;
    font-size: 12px;
    color: #999;
    background: #fdfdfd;
    border-top: 1px dashed #dcdcdc;
    border-right: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
}
.modal-fineprint-interfere {
    padding-top: 3px;
    font-size: 11px;
    color: #999;
    font-style: italic;
    text-align: center;
}

.fare-alert-title {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: #666;
}

.fare-alert-title2 {
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: 400;
    color: #666;
}

.fare-alert-title3 {
    padding-bottom: 10px;
    font-size: 12px;
    font-weight: 400;
    color: #ef5827;
}

.main_alert_form {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
}

.create-fare-alert-input {
    padding-right: 3px;
    flex: 1;
    -webkit-flex: 1;
}

.create-fare-alert-input input {
    padding: 15px;
    width: 100%;
    border-radius: 3px;
    border: 1px solid #dcdcdc;
}

.create-fare-alert-input input:focus {
    border: 1px solid #aaa;
}

.create-fare-alert-button {
    flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
}

.create-fare-alert-button-mobile {
    float: left;
    width: 100%;
}

button.fare-alert-btn {
    padding: 9px 10px;
    font: 700 12px arial, sans-serif;
    color: #fff;
    display: block;
    background: #f26639;
    border: 1px solid #f26639;
    cursor: pointer;
    border-radius: 2px;
    text-align: center;
    transition: all 0.2s;
}

button.fare-alert-btn:hover {
    background: #c0512e;
    color: #fff;
    border: 1px solid #c0512e;
}

button.fare-alert-btn:disabled {
    background: darkgrey !important;
}

.alert-privacy {
    font-size: 11px;
    margin: 5px 0 0;
}

.alert-privacy a {
    color: #999;
}

.search-modal-searching-text {
    padding: 15px 0;
    font-size: 16px;
    font-weight: 700;
    color: #666;
}

.search-modal-searching-text-l {
    padding: 15px 0;
    font-size: 16px;
    font-weight: bold;
    color: #363636;
}

.modal-route-text {
    padding: 15px 0;
    font-size: 12px;
    line-height: 20px;
    color: #ec5300;
}

#flights-ss-spinner {
    margin: -50px 0 0 -62px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 11;
}

#sidebar-content-loading {
    position: absolute;
    z-index: 10;
    display: block;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.6);
}

.mobile-slider-wrap {
    margin-top: 5px;
}

/* alert modal form */
.alert-modal-form-wrap {
    margin: 0 2%;
    width: 96%;
}

.alert-modal-field {
    padding-right: 5px;
    float: left;
    width: 63%;
}

.alert-modal-field input {
    padding: 8px 15px;
    width: 100%;
    border-radius: 2px;
    border: 1px solid #dcdcdc;
}

.alert-modal-button {
    float: left;
    width: 37%;
    text-align: center; /* to center the loading spinner */
}

.transition-alert-title {
    font-size: 16px;
    font-weight: 700;
    color: #666;
}

.transition-alert-subtitle {
    margin-bottom: 15px;
    font-size: 12px;
    line-height: 18px;
    color: #666;
}

/* fare alert modal - new */
.fare-alert-modal-title {
    font-size: 16px;
    font-weight: 700;
    color: #666;
    text-align: center;
}

.fare-alert-modal-subtitle {
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    color: #666;
    text-align: center;
}

.fare-alert-modal-wrap {
    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;
}

.fare-alert-modal-field {
    padding-right: 3px;
    flex: 1;
    -webkit-flex: 1;
}

.fare-alert-modal-field input {
    padding: 15px;
    font-size: 12px;
    display: block;
    width: 100%;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.fare-alert-modal-button {
    flex: 0 1 140px;
    -webkit-flex: 0 1 140px;
}

button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner {
    padding: 0 !important;
    border: 0 none !important;
}

.mobile-fa-output {
    margin: 0 15px 10px;
    padding: 10px 15px;
    font-size: 12px;
    font-weight: 700;
    background-color: #5fb84e;
    color: #fff;
    text-align: center;
}





/* phone package */
.packages-os-phone-icon {
    width: 30%;
    float: left;
    text-align: center;
    display: table;
}

.packages-os-phone-icon-left {
    padding: 5px 0 0 15px;
    display: table-cell;
    text-align: center;
}

.packages-os-phone-icon-right {
    padding: 0 5px;
    display: table-cell;
    font-weight: bold;
    vertical-align: middle;
    text-align: left;
}





/* airline buttons matrix */
.amatrix-wrap {
    margin: 0 0 20px;
    padding: 15px 0 15px 15px;
    background-color: #f9f9f9;
    border: 1px solid #dcdcdc;
}

.amatrix-top-wrap {
    margin-bottom: 10px;
    padding: 0 15px 0 0;
    display: table;
    width: 100%;
}

.amatrix-top-left {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
}

.amatrix-top-right {
    display: table-cell;
    min-width: 175px;
    vertical-align: middle;
}

.amatrix-top-right a {
    padding: 2px 5px;
    color: #999;
}

.amatrix-top-right a:hover {
    color: #4d96b3;
}

.amatrix-top-left span {
    font-size: 18px;
    font-weight: 700;
    display: block;
    color: #ff5200;
}

.amatrix-buttons-wrap {
    width: 100%;
}

.amatrix-buttons-middle {
    margin-right: -4px;
    display: inline-block;
    width: 90%;
    vertical-align: middle;
    overflow-x: hidden;
}

.amatrix-buttons-right {
    margin-right: -4px;
    display: inline-block;
    width: 10%;
    vertical-align: middle;
    text-align: center;
}

.amatrix-buttons-right button {
    margin: 2px auto;
    padding: 5px;
    color: #fff;
    font-size: 16px;
    display: block;
    width: 30px;
    height: 30px;
    line-height: 13px;
    background-color: #2cb8e2;
    outline: none;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.2s;
}

.amatrix-buttons-right button:hover {
    background-color: #27a1c6;
}

.amatrix-buttons-middle ul {
    display: table;
}

.amatrix-buttons-middle ul li {
    display: table-cell;
    width: 150px;
}

.amatrix-buttons-middle ul li span {
    display: block;
    white-space: nowrap;
}

.amatrix-buttons-middle ul li a {
    margin: 0 2px;
    padding: 20px 10px;
    display: block;
    background-color: #fff;
    line-height: 15px;
    border: 1px solid #dcdcdc;
    text-align: center;
}

.amatrix-buttons-middle ul li a:hover {
    background-color: #dff3fb;
}

.amatrix-buttons-middle ul li a:focus {
    border-color: #68a8c2;
}

.amatrix-buttons-middle ul li a.active {
    background-color: #dff3fb;
    border: 1px solid #add1e0;
    border-bottom: 3px solid #add1e0;
}

.amatrix-carrier-name {
    color: #999;
    font-size: 11px;
}

.amatrix-swipe-arrow {
    display: none;
}






/* new flex table */

table.flex-table-results {
    margin-bottom: 10px;
    display: table;
    table-layout: fixed;
    width: 100%;
    border-bottom: 2px solid #00405a;
    border-right: 2px solid #00405a;
    border-left: 2px solid #00405a;
}

.flex-table-title {
    font-size: 14px;
    color: #fff;
    background-color: #00405a;
    text-align: center;
}

.flex-table-title ul {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.flex-table-title ul li {
    padding: 10px 15px;
    display: table-cell;
    text-align: left;
    vertical-align: middle;
}

.flex-table-title ul li:nth-child(1) {
    background-color: #00405a;
    border-right: 1px solid #546e79;
}

.flex-table-title ul li:nth-child(2) {
    background-color: #064a65;
    border-right: 1px solid #546e79;
}

.flex-table-title ul li:nth-child(3) {
    background-color: #00405a;
    border-right: 1px solid #546e79;
}

.flex-table-title ul li:nth-child(4) {
    background-color: #064a65;
}

.flex-cheapest-title {
    padding: 0 5px;
    font-size: 11px;
    display: block;
    background-color: #f9f9f9;
    color: #5d941d;
    border: 1px solid #dcdcdc;
    border-radius: 2px;
}

th.flex-selected-date {
    font-weight: 700 !important;
}

.flex-expensive-title {
    padding: 0 5px;
    font-size: 11px;
    display: block;
    background-color: #f9f9f9;
    color: #c82a2a;
    border: 1px solid #dcdcdc;
    border-radius: 2px;
}

table.flex-table-results tbody th {
    background-color: #f1f1f1;
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
}

table.flex-table-results tbody th.flex-row, table.flex-table-results tbody th.flexible-date-active-end {
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
}

table.flex-table-results th {
    padding: 10px;
    display: table-cell;
    background-color: #f9f9f9;
    font-weight: 400;
    border-bottom: 1px solid #dcdcdc;
    border-left: 1px solid #f9f9f9;
    text-align: center;
    vertical-align: middle;
}

table.flex-table-results th.flex-col {
    border-right: 1px solid #dcdcdc !important;
    border-left: 1px solid #dcdcdc !important;
}

table.flex-table-results th:first-child {
    padding: 0;
    width: 150px;
    border-bottom: 0 solid #dcdcdc;
}

table.flex-table-results td {
    margin: 0;
    padding: 0;
    display: table-cell;
    background-color: #fff;
    line-height: 18px;
    border-bottom: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    text-align: center;
    height: 50px;
    vertical-align: middle;
}

table.flex-table-results td a {
    padding: 7px;
    display: block;
}

td.flex-current {
    background: #e3f7ff !important;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc !important;
}

table.flex-table-results td:hover {
    background-color: #f9f9f9;
    font-weight: 400;
}

td.flexible-date-bg-green a:hover {
    background-color: #eeffe3;
}

td.flexible-date-bg-red a:hover {
    background-color: #ffefef;
}

table.flex-table-results td:first-child {
    background-color: #f1f1f1;
    border-bottom: 0 solid #dcdcdc;
}

.flex-table-returning {
    padding: 4px 0;
    font-size: 10px;
    background-color: #f9f9f9;
    border-bottom: 1px solid #dcdcdc;
    text-transform: uppercase;
}

.flex-table-departing {
    margin-right: -1px;
    padding: 0;
    font-size: 10px;
    background-color: #f1f1f1;
    position: relative;
    border-right: 1px solid #dcdcdc;
    z-index: 9;
    text-transform: uppercase;
}

span.flex-table-title {
    color: #bad9e9;
}

/* Table full Row */
#showFlexible td.flex-row, #showFlexible th.flex-row, #showFlexible .flex-col, td.flexible-date-bg-blue {
     background: #e3f7ff !important;
}

td.flexible-date-bg-blue, td.flexible-date-bg-blue:hover {
    font-weight: 700 !important;
}

/* price graph */
.price-graph-wrap {
    margin: 0 0 20px;
    padding: 10px 15px;
    color: #666;
    line-height: 17px;
    border: 1px solid #dcdcdc;
    text-align: center;
}

.price-graph-title {
    padding: 3px 0 13px;
    margin-bottom: 10px;
    font-size: 24px;
    font-style: italic;
    color: #333;
    border-bottom: 1px solid #dcdcdc;
}

.price-graph-title .fa {
    vertical-align: top;
    font-size: 13px;
    color: #ccc;
}

.average-price-graph {
    padding: 0 0 8px;
}

.price-graph-wrap ul {
    margin: 8px 0 10px;
}

.price-graph-wrap ul li {
    padding: 2px 0;
}

.price-graph-wrap ul .fa {
    color: #AAA;
    font-size: 12px;
    vertical-align: top;
}

.price-graph-total {
    margin-top: 10px;
    padding: 10px 0 0;
    font-size: 15px;
    border-top: 1px dashed #dcdcdc;
}

.price-graph-total_b {
    margin-bottom: 10px;
    padding: 5px 0 10px;
    font-size: 15px;
    border-bottom: 1px dashed #dcdcdc;
}

.price-graph-total span.price-graph-buy {
    font-family: arial black, sans-serif;
    color: #43a314;
}

.price-graph-total span.price-graph-wait {
    font-family: arial black, sans-serif;
    color: #f39e00;
}

.price-graph-total span.price-graph-buy,
.price-graph-total_b span.price-graph-buy{
    font-family: arial black, sans-serif;
    color: #43a314;
}

.price-graph-total span.price-graph-wait,
.price-graph-total_b span.price-graph-wait {
    font-family: arial black, sans-serif;
    color: #f39e00;
}

.nearby {
    color: #4c8e2d !important;
}









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

    /* price change topbar yellow V2 */

    .topbar-banner-yellow {
        padding: 10px;
    }

    .topbar-banner-yellow .topbar-inner {
        margin: 0 2%;
        width: 96%;
    }

    .topbar-banner-yellow .topbar-text {
        padding-top: 15px;
        font-size: 18px;
        display: block;
        text-align: center;
    }

    .topbar-banner-yellow .topbar-button {
        padding-left: 0;
        padding-top: 10px;
        display: block;
    }

    .topbar-banner-yellow .topbar-button a {
        margin: 0 auto;
        display: inline-block;
    }

}









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

    .price-graph-wrap {
        display: none;
    }

    .results-top-link {
        position: fixed;
        right: 10px;
        bottom: 35px;
    }

    .results-top-link a {
        padding: 3px;
        background-color: #006699;
        color: #fff;
        font-size: 32px;
        display: block;
        width: 38px;
        height: 37px;
        text-align: center;
        border-radius: 50%;
        transition: background-color 0.2s;
    }

    .results-top-link a:hover {
        background-color: #003550;
        color: #fff;
    }

    .results-top-link a span {
        display: block;
    }

    .container-package-loading-left {
        display: none;
    }

    .container-package-loading-right {
        width: 100%;
    }

    body.affiliate-compare-responsive #airline-matrix-only-container {
        display: none;
    }

}




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

    .topbar-banner-yellow .topbar-text {
        padding-bottom: 0;
    }

}

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

    .flex-table-departing {
        margin-bottom: -12px;
    }

}

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

    .exp-container-flight-package .destination-wrap li {
        display: block;
    }

    .exp-container-flight-package .destination-wrap ul,
    .exp-container-flight-package .destination-wrap li {
        text-align: center;
    }

    #fares-search-flexible {
        margin: 0 !important;
        width: 100% !important;
    }

    .phone-deal .dates {
        border: 0;
        margin: 0;
        padding-top: 0;
    }

    .phone-deal .icon {
        width: 65px;
    }

    .phone-deal .price {
        width: 150px;
    }

    .flex-table-wrap, #fares-search-flexible {

    }

    .flights-fine-print-mobile {
        margin-bottom: 15px;
        padding: 5px;
        display: block;
        color: #999;
        font-size: 11px;
        line-height: 15px;
        text-align: center;
        border-top: 1px solid #dcdcdc;
        border-bottom: 1px solid #dcdcdc;
    }

    .flights-fine-print-desktop {
        display: none;
    }

}

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

    .flex-table-wrap, #fares-search-flexible {
        display: none;
    }
    .search-result-flex-cheapest-price {
        display: none !important;
    }

}

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

    .flex-tag-icon {
        display: none;
    }

    .flex-tag-text {
        padding-left: 10px;
    }

    .flex-tag-icon-c {
        display: none;
    }

    .flex-tag-text-c {
        padding-left: 10px;
    }

    .container-airfare-mobile-b {
        display: none !important;
    }

}









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

    .phone-deal-heading {
        text-align: center;
    }

    .phone-deal .icon {
        display: none!important;
    }

}










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

    .flex-tag-collapsed-left {
        padding: 8px 10px;
        font-size: 12px;
        display: block;
        text-align: center;
    }

    .flex-tag-collapsed-right {
        padding-right: 0;
        min-width: 0;
        display: block;
        text-align: center;
    }

    .flex-tag-collapsed-right a {
        padding: 5px 10px;
        border-radius: 0;
    }

    .flex-tag-collapsed-left-c {
        padding: 8px 10px;
        font-size: 12px;
        display: block;
        text-align: center;
    }

    .flex-tag-collapsed-right-c {
        padding-right: 0;
        min-width: 0;
        display: block;
        text-align: center;
    }

    .flex-tag-collapsed-right-c a {
        padding: 5px 10px;
        border-radius: 0;
    }

    .mobile-big {
        font-size: 15px;
    }

}









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

    .topbar-banner-yellow .topbar-text {
        font-size: 13px;
    }

    .phone-deal-heading,
    .phone-deal .destination-wrap {
        font-size: 14px;
    }

    .phone-deal .column {
        display: block;
        width: auto !important;
    }

    .phone-deal.show-price .price-toggle-btn {
        display: block;
        max-width: 200px;
        margin: 10px auto 5px auto;
    }

    .amatrix-buttons-middle {
        width: 100%;
        overflow-x: auto;
    }

    .amatrix-buttons-right {
        display: none;
    }

    .amatrix-top-right {
        display: none;
    }

    .amatrix-wrap {
        padding: 15px;
    }

    .amatrix-buttons-middle ul li a:hover {
        background-color: #fff;
    }

    .amatrix-swipe-arrow {
        display: block;
        text-align: right;
        font-size: 11px;
        color: #999;
    }

}
/* 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;
}
/* 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%;
    }

}

@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%;
    }

}
li.ui-menu-item {
    text-decoration: none;
    display: block;
    padding: 1em .7em !important;
    line-height: 1.5;
    zoom: 1;
    cursor: pointer;
    color: #fff;
}

li.ui-state-focus,
li.ui-menu-item:hover {
    background: #00597e !important;
    border-radius: 0 !important;
    color: #fff !important;
}