@media print {
    html {
        font-family: "basis-grotesque-medium";
        -ms-text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%
    }
    body {
        margin: 0
    }

    article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
        display: block
    }

    audio, canvas, progress, video {
        display: inline-block;
        vertical-align: baseline
    }

        audio:not([controls]) {
            display: none;
            height: 0
        }

    [hidden], template {
        display: none
    }

    a {
        background-color: transparent
    }

        a:active, a:hover {
            outline: 0
        }

    abbr[title] {
        border-bottom: 1px dotted
    }

    b, strong {
        font-weight: bold
    }

    dfn {
        font-style: italic
    }

    h1 {
        font-size: 2em;
        margin: 0.67em 0
    }

    mark {
        background: #ff0;
        color: #000
    }

    small {
        font-size: 80%
    }

    sub, sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline
    }

    sup {
        top: -0.5em
    }

    sub {
        bottom: -0.25em
    }

    img {
        border: 0
    }

    svg:not(:root) {
        overflow: hidden
    }

    figure {
        margin: 1em 40px
    }

    hr {
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        height: 0
    }

    pre {
        overflow: auto
    }

    code, kbd, pre, samp {
        font-family: monospace, monospace;
        font-size: 1em
    }

    button, input, optgroup, select, textarea {
        color: inherit;
        font: inherit;
        margin: 0
    }

    button {
        overflow: visible
    }

    button, select {
        text-transform: none
    }

    button, html input[type="button"], input[type="reset"], input[type="submit"] {
        -webkit-appearance: button;
        cursor: pointer
    }

        button[disabled], html input[disabled] {
            cursor: default
        }

        button::-moz-focus-inner, input::-moz-focus-inner {
            border: 0;
            padding: 0
        }

    input {
        line-height: normal
    }

        input[type="checkbox"], input[type="radio"] {
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding: 0
        }

        input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
            height: auto
        }

        input[type="search"] {
            -webkit-appearance: textfield;
            -webkit-box-sizing: content-box;
            box-sizing: content-box
        }

            input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
                -webkit-appearance: none
            }

    fieldset {
        border: 1px solid #c0c0c0;
        margin: 0 2px;
        padding: 0.35em 0.625em 0.75em
    }

    legend {
        border: 0;
        padding: 0
    }

    textarea {
        overflow: auto
    }

    optgroup {
        font-weight: bold
    }

    table {
        border-collapse: collapse;
        border-spacing: 0
    }

    td, th {
        padding: 0
    }

    .cf {
        zoom: 1
    }

        .cf::before, .cf::after {
            content: ' ';
            display: table
        }

        .cf::after {
            clear: both
        }

    h1, h2, h3, h4, h5, h6 {
        font-weight: 400;
        /*letter-spacing: 0.05em*/
    }

    h1, h2, h3, h4, h5, h6, p {
        margin: 0;
        padding: 0;
        margin-bottom: 0.75em
    }

    /*p, input { font-family: "din-2014", sans-serif }*/

    p {
        line-height: 1.8;
        color: #0C3051;
    }

    .h--alt {
        font-weight: normal;
        letter-spacing: 0;
        text-transform: none
    }

    .module-title {
        color: #0c3051;
        margin-bottom: 3.125rem
    }

    .section-heading, .sub-section-heading {
        font-size: 22px;
        color: #0C3051;
    }

    .article-heading, .booking-heading, .account-heading {
        color: #0c3051;
        font-size: 1.25rem;
    }

        .article-heading a, .booking-heading a, .account-heading a {
            text-decoration: none
        }

    .article__body h1:not(.section-heading), .article__body h2:not(.section-heading), .article__body h3:not(.section-heading), .article__body h4:not(.section-heading), .article__body h5:not(.section-heading), .article__body h6:not(.section-heading) {
        color: #0c3051;
        font-size: 1.125em;
        text-transform: uppercase;
        margin-bottom: 1.25em
    }

    .article__body p + h1, .article__body p + h2, .article__body p + h3, .article__body p + h4, .article__body p + h5, .article__body p + h6 {
        margin-top: 2.5em
    }

    .article__body .bullet-list {
        margin-left: 1.25em
    }

    .article-title {
        color: #0c3051;
        font-size: 1.125em;
        text-transform: uppercase;
        margin-bottom: 1.25em
    }

        .article-title.article-title--alt {
            color: #6f787d
        }

    .body-heading {
        color: #6F6F6F;
        margin-bottom: 0;
        font-size: 1em
    }

    .script-title {
        font-family: 'Manus';
        font-weight: normal;
        font-style: normal;
        font-size: 2em;
        color: #1D2E37;
        margin-bottom: .625rem
    }

    .hl--b {
        color: #A4EDDB;
        font-size: 18px;
    }

    .hl--g {
        color: #ccc
    }

    .hl--r {
        color: #EE2700
    }

    .hl--t {
        color: #51AEB8
    }

    .sidebar__title, .secondary-title {
        font-weight: 400;
        letter-spacing: 0.05em;
        color: #1D2E37;
        font-size: 1em;
        margin-bottom: .625em
    }

        .sidebar__title.sidebar__title--alt, .secondary-title.sidebar__title--alt {
            color: #6f787d
        }

    .--lg {
        font-size: 120%
    }

    html, body {
        min-height: 100vh
    }

    a {
        color: inherit;
        text-decoration: underline
    }

        a:hover {
            text-decoration: none
        }

    img {
        display: block;
        max-width: 100%;
        height: auto
    }

    .visually-hidden {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px
    }

    .centered {
        text-align: center
    }

    .inline-list {
        margin: 0;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        margin-bottom: 1.25em
    }

        .inline-list li {
            margin: 0;
            padding: 0;
            list-style-type: none;
            font-weight: 400;
            letter-spacing: 0.05em;
            color: #1D2E37
        }

            .inline-list li + li {
                position: relative;
                margin-left: 1.25em;
                padding-left: 1.25em
            }

                .inline-list li + li:before {
                    content: ' ';
                    background-image: url(../img/inline-list-break.svg);
                    width: .1875em;
                    height: 1.5em;
                    display: inline-block;
                    position: absolute;
                    top: -.25em;
                    left: 0
                }

    .extra-days {
        list-style: none;
        display: block;
        padding: 0;
        margin: 0;
        font-size: inherit;
        line-height: inherit;
        margin-bottom: 2.5em
    }

        .extra-days li {
            list-style-type: none
        }

        .extra-days li {
            color: #6F6F6F;
            margin-bottom: .375em
        }

            .extra-days li:before {
                content: ' ';
                background-image: url(../img/dots.svg);
                background-position: left center;
                background-repeat: no-repeat;
                display: inline-block;
                width: 2.5em;
                height: .25em;
                position: relative;
                top: -.125em
            }

    .unstyled-list {
        list-style: none;
        display: block;
        padding: 0;
        margin: 0;
        font-size: inherit;
        line-height: inherit
    }

        .unstyled-list li {
            list-style-type: none
        }

        .unstyled-list li {
            color: #6F6F6F;
            margin-bottom: .625em
        }

    .rounded-icon {
        width: 2.75em;
        height: 2.75em;
        display: block;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain
    }

    .rounded-icon--flight {
        background-image: url(../img/icons/flight.min.svg)
    }

    .rounded-icon--sights {
        background-image: url(../img/icons/site-seeing.min.svg)
    }

    .rounded-icon--land-packages {
        background-image: url(../img/icons/transport-icon.min.svg)
    }

    .rounded-icon--accomodation {
        background-image: url(../img/icons/accommodation-icon.min.svg)
    }

    .rounded-icon--flight {
        background-image: url(../img/icons/flight.min.svg)
    }

    .rounded-icon--late-checkout {
        background-image: url(../img/icons/late-checkout.min.svg)
    }

    .rounded-icon--room-upgrades {
        background-image: url(../img/icons/room-upgrade.min.svg)
    }

    .rounded-icon--transport-upgrades {
        background-image: url(../img/icons/transport-upgrades.min.svg)
    }

    .rounded-icon--hotel-upgrades, .rounded-icon--hotel {
        background-image: url(../img/icons/hotel.min.svg)
    }

    .bullet-list, .article__body ol, .unstyled-list {
        margin: 0;
        padding: 0;
        margin-bottom: 2.5em
    }

        .bullet-list li, .article__body ol li, .unstyled-list li {
            color: #6F6F6F;
            margin: 0
        }

    .bullet-list, .article__body ol {
        padding-left: 1.25em
    }

        .bullet-list li, .article__body ol li {
            margin-bottom: .625em
        }

    .unstyled-list li {
        list-style-type: none;
        margin-bottom: .75em !important
    }

    .flex-band {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .view-all-link {
        font-weight: 400;
        letter-spacing: 0.05em;
        color: #1D2E37;
        text-decoration: none;
        text-transform: uppercase;
        padding-top: .3125em
    }

        .view-all-link:hover {
            text-decoration: underline
        }

    .trustpilot-widget {
        margin: 40px 0
    }

    .mobile-hide {
        display: none
    }

    @media screen and (max-width: 31.25em) {
        .mobile-block {
            display: block
        }
    }

    @media screen and (min-width: 31.25em) {
        .mobile-hide {
            display: block
        }

        span.mobile-hide {
            display: inline
        }

        .desktop-hide {
            display: none
        }
    }

    .hl {
        color: #23dafa
    }

    .gallery {
        margin-bottom: 2.5em
    }

        .gallery .flickity-prev-next-button {
            width: 1.875em;
            background: rgba(255, 255, 255, 0.6);
            transform: translateX(-100%) translateY(-50%);
        }

            .gallery .flickity-prev-next-button:hover {
                background: rgba(255, 255, 255, 0.6)
            }

            .gallery .flickity-prev-next-button.previous {
                left: 1.875em
            }

            .gallery .flickity-prev-next-button.next {
                right: 1.875em !important
            }

    .modal.hotelmodal .gallery .flickity-prev-next-button.next, .modal.optionalmodal .gallery .flickity-prev-next-button.next {
        right: 0em !important;
        left: 0;
    }

    .optionalmodal .gallery {
        margin-bottom: 0px;
    }

    .modal .modal__body .gallery img {
        border-radius: 8px;
    }

    .flickity-enabled.is-draggable {
        -webkit-tap-highlight-color: transparent;
        tap-highlight-color: transparent;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .flickity-enabled {
        position: relative;
    }

        .flickity-enabled.is-draggable .flickity-viewport {
            cursor: move;
            cursor: -webkit-grab;
            cursor: grab;
        }

    .flickity-viewport {
        overflow: hidden;
        position: relative;
        height: 100%;
    }

    .flickity-slider {
        position: absolute;
        width: 100%;
        height: 100%;
    }

    .flickity-prev-next-button {
        position: absolute;
        top: 50%;
        width: 44px;
        height: 44px;
        border: none;
        cursor: pointer;
        background: transparent;
        border-radius: 0;
        padding: 0;
    }

        .flickity-prev-next-button.previous {
            left: 0;
            -webkit-transform: translateX(-100%) translateY(-50%);
            -ms-transform: translateX(-100%) translateY(-50%);
            transform: translateX(-100%) translateY(-50%);
        }

    .gallery .flickity-prev-next-button {
        width: 1.875em;
        background: rgba(255, 255, 255, 0.6) !important;
    }

    .flickity-page-dots {
        position: absolute;
        width: 100%;
        bottom: -25px;
        padding: 0;
        margin: 0;
        list-style: none;
        text-align: center;
        line-height: 1;
    }

    .align-right {
        float: right;
        margin-left: 1.25em;
        margin-bottom: 1.25em;
        clear: both
    }

    .align-left {
        float: left;
        margin-right: 1.25em;
        margin-bottom: 1.25em;
        clear: both
    }

    .align-center {
        margin: 0 auto 1.25em
    }

    @media screen and (max-width: 31.25em) {
        .align-right, .align-left, .align-center {
            float: none;
            margin: 0 0 1.25em
        }
    }

    .modal-meta {
        margin: 0;
        padding: 0;
        list-style-type: none;
        margin-bottom: 1.25em;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        background-color: #6F6F6F;
        color: #1D2E37;
        background-color: #f0f0f0
    }

        .modal-meta li {
            margin: 0;
            padding: 0;
            padding: .625em .75em;
        }

    .extra-price {
        margin-bottom: 1.25em
    }

        .extra-price .extra-price__tag {
            color: #0C3051;
            display: inline-block;
            /*margin-right: .625em*/
        }

        .extra-price .extra-price__value {
            font-weight: 400;
            letter-spacing: 0.05em;
            font-size: 14px;
        }

        .extra-price .extra-price__type {
            font-size: .75em
        }

        .extra-price .extra-price__smallprint {
            display: inline-block;
            font-size: 14px;
        }

    .mini-icon {
        display: inline-block
    }

        .mini-icon:before {
            width: 1.25rem;
            height: 1.25rem;
            border-radius: 50%;
            background-color: #23dafa;
            color: #fff;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            font-family: sans-serif;
            font-size: .625em
        }

        .mini-icon:hover:before {
            color: #fff
        }

    .mini-icon--classic:before {
        content: 'C'
    }

    .mini-icon--saver:before {
        content: 'S'
    }

    .mini-icon--helper:before {
        content: '?';
        background-color: #ffffff;
        color: #0c3051;
        font-style: normal;
        width: 20px;
        height: 20px;
        border: 1px solid #d8d9dd;
    }

    .awaccountfightinfolist .flight-duration--mobile p {
        display: flex;
        margin-left: -23px;
    }

    .mini-icon--helper:hover:before {
        background-color: #D8D8D8;
        color: #4A4A4A
    }

    [data-tooltip] {
        position: relative;
        z-index: 2;
        cursor: pointer;
        display: inline-block
    }

        [data-tooltip]:hover {
            text-decoration: underline
        }

    h1 [data-tooltip], h2 [data-tooltip], h3 [data-tooltip], h4 [data-tooltip], h5 [data-tooltip], h6 [data-tooltip] {
        font-size: 16px
    }

    [data-tooltip]:before, [data-tooltip]:after {
        visibility: hidden;
        opacity: 0;
        pointer-events: none
    }

    [data-tooltip]:before {
        position: absolute;
        bottom: 150%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        margin-bottom: .3125em;
        padding: 1.25em;
        width: 200px;
        border-radius: 4px;
        background-color: #1D2E37;
        color: #fff;
        content: attr(data-tooltip);
        text-align: center;
        font-size: 14px !important;
        line-height: 1.2 !important;
        letter-spacing: 0;
        -webkit-box-shadow: 0 0 0 .125em rgba(29, 46, 55, 0.2);
        box-shadow: 0 0 0 .125em rgba(29, 46, 55, 0.2)
    }

    .date-price-list__item [data-tooltip]:before {
        padding: .625em
    }

    [data-tooltip]:after {
        position: absolute;
        bottom: 150%;
        left: 50%;
        margin-left: -5px;
        width: 0;
        border-top: 5px solid #1D2E37;
        border-right: 5px solid transparent;
        border-left: 5px solid transparent;
        content: " ";
        font-size: 0;
        line-height: 0
    }

    [data-tooltip]:hover:before, [data-tooltip]:hover:after {
        visibility: visible;
        opacity: 1
    }

    .widget--bdr:after {
        content: ' ';
        display: block;
        background-image: url(../img/heading-underline.svg);
        background-repeat: no-repeat;
        height: .3125em;
        width: 2.375em;
        display: block;
        margin-top: .625em;
        margin-bottom: 1.25em
    }

    .stars {
        margin-right: .625em
    }

    .logo-text .logo-text__logo img {
        display: block;
        margin-left: auto;
        margin-right: auto
    }

    @media screen and (min-width: 31.25em) {
        .logo-text {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            margin-bottom: 0em;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .logo-text.logo-text--align-end {
                -webkit-box-align: end;
                -ms-flex-align: end;
                align-items: flex-end
            }

            .logo-text .logo-text__logo {
                width: 6.875em;
                -ms-flex-negative: 0;
                flex-shrink: 0;
                margin-right: .625em
            }
    }

    .pdf-doc {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #0c3051
    }

        .pdf-doc:before {
            content: ' ';
            display: inline-block;
            background-image: url(../img/icons/pdf.svg);
            background-repeat: no-repeat;
            background-size: contain;
            width: 1.4375em;
            height: 1.75em;
            margin-right: .625em
        }

    .content-page-meta {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0;
        padding: 0;
        list-style-type: none;
        margin-bottom: 1.25em
    }

    #forgot {
        font-family: basis-grotesque-regular;
        font-size: 14px;
        color: #2d6497;
    }

    .content-page-meta .pdf-doc {
        margin-right: .625em
    }

    .content-page-meta li {
        font-size: .875em;
    }

        .content-page-meta li + li {
            margin-left: .625em
        }

    .content-page-meta svg path {
        fill: #23dafa;
        opacity: 1;
        -webkit-transition: fill .4s;
        -o-transition: fill .4s;
        transition: fill .4s
    }

    .content-page-meta a:hover svg path {
        fill: #1D2E37
    }

    .title-meta {
        margin-bottom: 2.5em;
        position: relative
    }

    @media screen and (min-width: 60em) {
        .title-meta {
            padding-right: 16.25em
        }

            .title-meta .content-page-meta {
                position: absolute;
                top: 0;
                right: 0
            }
    }

    .restrict-width {
        max-width: 480px
    }

    .page-header {
        padding: 0em;
        background-color: #fff;
        position: relative;
        z-index: 10
    }

        .page-header a {
            text-decoration: none
        }

    .page-header__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-left: 2.5em;
        padding-right: 2.5em;
        padding-top: 1.5em;
        padding-bottom: 1.5em;
    }

    .mobile-actions {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .mobile-actions a + a {
            margin-left: 2.5em
        }

    .primary-nav, .content-page__nav {
        font-weight: 400;
        letter-spacing: 0.05em
    }

        .primary-nav ul, .primary-nav li, .content-page__nav ul, .content-page__nav li {
            margin: 0;
            padding: 0;
            font-family: "basis-grotesque-medium";
        }

        .primary-nav li, .content-page__nav li {
            list-style-type: none
        }

        .primary-nav a, .content-page__nav a {
            color: #0C3051;
            display: block;
            padding: 1.25em;
            -webkit-transition: color .4s;
            -o-transition: color .4s;
            transition: color .4s
        }

    .sub-menu li a {
        font-size: 16px;
        padding-left: 1.4em;
    }

    .primary-nav a.hl, .content-page__nav a.hl {
        color: #23dafa
    }

    .primary-nav a:hover, .content-page__nav a:hover {
        color: #23dafa
    }

    .primary-nav li.primary-nav__primary:hover > a, .content-page__nav li.primary-nav__primary:hover > a {
        color: #23dafa
    }


    .page-logo {
        display: block
    }

    @media screen and (max-width: 56.25em) {
        .desktop-actions {
            display: none
        }

        body {
            -webkit-transition: -webkit-transform .4s;
            transition: -webkit-transform .4s;
            -o-transition: transform .4s;
            transition: transform .4s;
            transition: transform .4s, -webkit-transform .4s
        }

        .primary-nav {
            -webkit-transition: -webkit-box-shadow .2s;
            transition: -webkit-box-shadow .2s;
            -o-transition: box-shadow .2s;
            transition: box-shadow .2s;
            transition: box-shadow .2s, -webkit-box-shadow .2s;
            -webkit-box-shadow: -2px 0 1px rgba(29, 46, 55, 0);
            box-shadow: -2px 0 1px rgba(29, 46, 55, 0)
        }

        html.menu-visible body {
            -webkit-transform: translateX(-100%);
            -ms-transform: translateX(-100%);
            transform: translateX(-100%);
            overflow: hidden
        }

        html.menu-visible .primary-nav {
            -webkit-box-shadow: -2px 0 1px rgba(29, 46, 55, 0.15);
            box-shadow: -2px 0 1px rgba(29, 46, 55, 0.15)
        }

        html.menu-visible .primary-nav__inner {
            max-height: calc(100vh - 54px);
            overflow-y: auto
        }

        .primary-nav {
            position: fixed;
            left: 0;
            top: 0;
            bottom: 0;
            width: 100%;
            background: white;
            -webkit-transform: translateX(100%);
            -ms-transform: translateX(100%);
            transform: translateX(100%)
        }

        .primary-nav__inner > ul > li {
            border-bottom: 1px solid #dfe0e1
        }

        a:not(.sub-open) + .sub-menu {
            border: 0;
            clip: rect(0 0 0 0);
            height: 1px;
            margin: -1px;
            overflow: hidden;
            padding: 0;
            position: absolute;
            width: 1px
        }

        .has-sub > a {
            position: relative
        }

            .has-sub > a:after {
                content: ' ';
                display: block;
                background-repeat: no-repeat;
                background-image: url(../img/icons/down-icon.svg);
                background-position: center center;
                background-size: contain;
                width: .875em;
                height: .875em;
                float: right;
                -webkit-transition: -webkit-transform .2s;
                transition: -webkit-transform .2s;
                -o-transition: transform .2s;
                transition: transform .2s;
                transition: transform .2s, -webkit-transform .2s
            }

            .has-sub > a.sub-open:after {
                -webkit-transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                transform: rotate(180deg)
            }

        .sub-menu {
            margin-bottom: 1.25em
        }

            .sub-menu a {
                padding: .625em 1.25em
            }

        .menu-close {
            background: #fff;
            overflow: hidden
        }

            .menu-close:after {
                content: ' ';
                background-repeat: no-repeat;
                background-image: url(../img/icons/close-icon.svg);
                background-position: center center;
                background-size: contain;
                display: block;
                width: .875em;
                height: .875em;
                float: right
            }

        .infotab ul li a {
            font-family: basis-grotesque-regular;
            font-size: 14px;
            padding-left: 1.7em;
        }
    }

    @media screen and (min-width: 31.25em) and (max-width: 56.25em) {
        html.menu-visible body {
            -webkit-transform: translateX(-400px);
            -ms-transform: translateX(-400px);
            transform: translateX(-400px)
        }

        .primary-nav {
            width: 400px;
            -webkit-transform: translateX(100vw);
            -ms-transform: translateX(100vw);
            transform: translateX(100vw)
        }
    }

    @media screen and (min-width: 56.25em) {
        .mobile-actions, .primary-nav a.menu-close {
            display: none
        }

        .primary-nav ul, .desktop-actions {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

        .primary-nav .primary-nav__inner > ul {
            /*padding-right: 23.75em;*/
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
            align-items: center;
        }

        .primary-nav a {
            color: #0C3051;
            padding: 1.25em .625em
        }

        .primary-nav {
            width: calc(100% - 95px);
            padding-left: 2.5em;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }


        .desktop-actions {
            -ms-flex-item-align: end;
            align-self: flex-end;
            background-color: #F6F3F3
        }

        .page-header {
            position: relative
        }

            .page-header .desktop-actions {
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                padding-right: 2.5em;
                padding-left: 2.5em
            }

                .page-header .desktop-actions:before {
                    content: ' ';
                    display: block;
                    background-image: url(../img/desktop-action-nav.png);
                    background-size: cover;
                    background-position: left top;
                    width: 15px;
                    position: absolute;
                    left: -15px;
                    top: 0;
                    bottom: 0
                }

        .nav-only {
            display: none
        }

        .primary-nav .has-sub {
            position: relative;
            padding-right: 2em;
        }

            .primary-nav .has-sub > a {
                position: relative;
                white-space: nowrap
            }

        /*.primary-nav .has-sub > a:after {
        content: ' ';
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid #1D2E37;
        opacity: 0;
        position: absolute;
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }*/

        .primary-nav .sub-menu {
            position: absolute;
            top: 100%;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
            background-color: #fff;
            padding-left: 0;
            overflow-x: auto;
            width: 29.875em;
            /*border-top: .0625em solid #1D2E37;*/
            -webkit-box-shadow: 0 .25em .75em rgba(29, 46, 55, 0.4);
            box-shadow: 0 .25em .75em rgba(29, 46, 55, 0.4);
            display: none;
            border-radius: 8px;
        }

            .primary-nav .sub-menu a {
                color: #1D2E37
            }

                .primary-nav .sub-menu a:hover {
                    text-decoration: underline
                }

            .primary-nav .sub-menu ul {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                max-width: 56.25em;
                margin-left: auto;
                margin-right: auto;
                padding-top: 1.25em;
                padding-bottom: 1.25em
            }

            .sub-menu ul::after {
                content: '';
                flex: auto;
            }

                .primary-nav .sub-menu ul li {
                    margin-left: 0;
                    margin-right: 0;
                    /*white-space: nowrap;*/
                    width: 50%;
                    -webkit-box-sizing: border-box;
                    box-sizing: border-box;
                    font-family: 'basis-grotesque-regular';
                }

                    .primary-nav .sub-menu ul li a {
                        padding: 0.425em 1.8em;
                        word-break: break-word;
                        font-family: basis-grotesque-bold;
                        font-size: 14px;
                        text-transform: uppercase;
                    }

        li:hover .sub-menu {
            display: block
        }

        li:hover .has-sub > a:after {
            opacity: 1
        }

        li.has-sub:hover a:after {
            opacity: 1
        }

        .sub-menu {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
        }
    }

    @media screen and (min-width: 75em) {
        .primary-nav .primary-nav__inner > ul {
            /*padding-right: 30.3125em;*/
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end
        }



        .primary-nav {
            width: calc(100% - 205px)
        }

            .primary-nav a {
                padding: 1.25em 1.7em
            }

        .desktop-actions a + a {
            position: relative
        }

            .desktop-actions a + a:before {
                content: ' ';
                display: block;
                background-color: #dfe0e1;
                width: 1px;
                height: 1.125em;
                position: absolute;
                top: 50%;
                left: 0em;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%)
            }

        a.trip-search:after {
            content: ' ';
            background-image: url(../img/icons/search-icon.min.svg);
            background-repeat: no-repeat;
            background-position: center center;
            background-size: contain;
            width: 22px;
            height: 22px;
            display: inline-block;
            margin-left: .625em;
            position: relative;
            top: .125em
        }
    }

    @media screen and (min-width: 92.5em) {
        .primary-nav .primary-nav__inner > ul {
            padding-right: 0;
            padding-right: 0em;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: flex-end;
            align-items: center;
        }
    }

    .onpage-search {
        background: #1D2E37;
        padding: 1.25em;
        text-align: center
    }

        .onpage-search form {
            max-width: 1060px;
            margin-left: auto;
            margin-right: auto
        }

    .form--desktop-inline .btn, .form--desktop-inline .form--dark [type="button"], .form--dark .form--desktop-inline [type="button"], .form--desktop-inline .form--dark [type="submit"], .form--dark .form--desktop-inline [type="submit"] {
        display: block;
        width: 100%;
        text-align: center
    }

    .form--desktop-inline .orlabel {
        font-size: 1em;
        font-weight: 400;
        letter-spacing: 0.05em;
        display: block;
        text-align: center
    }

    @media screen and (min-width: 60em) {
        form.form--desktop-inline {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            form.form--desktop-inline legend {
                font-size: 1.375em;
                text-align: left
            }

            form.form--desktop-inline legend, form.form--desktop-inline .control {
                width: 25%
            }

            form.form--desktop-inline .control {
                margin-bottom: 0;
                margin-left: .625em
            }

            form.form--desktop-inline .orlabel {
                margin-left: .5em;
                font-size: 1.375em
            }

            form.form--desktop-inline .control__field {
                margin-top: 0
            }

            form.form--desktop-inline .btn, form.form--desktop-inline .form--dark [type="button"], .form--dark form.form--desktop-inline [type="button"], form.form--desktop-inline .form--dark [type="submit"], .form--dark form.form--desktop-inline [type="submit"] {
                display: block;
                width: 100%;
                text-align: center
            }

        .form.form--free-search {
            max-width: 75%
        }

            .form.form--free-search legend {
                font-size: 20px;
                text-align: center;
                margin-bottom: 18px;
                letter-spacing: -0.5px;
            }

        form + .form--free-search {
            margin-top: 3.75em
        }
    }

    @media screen and (min-width: 43.75em) {
        .dates-prices-form {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

            .dates-prices-form .control {
                width: 49%
            }

                .dates-prices-form .control + .control {
                    margin-left: 2%
                }
    }

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

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

    .form--dark input, .form--dark select {
        background-color: white;
        background-repeat: no-repeat;
        color: #0c3051;
        text-align: left
    }

        .form--dark input:focus, .form--dark select:focus {
            outline: none;
            border-color: #fff
        }

        .form--dark input::-webkit-input-placeholder, .form--dark select::-webkit-input-placeholder {
            color: #fff
        }

        .form--dark input::-moz-placeholder, .form--dark select::-moz-placeholder {
            color: #fff
        }

        .form--dark input:-ms-input-placeholder, .form--dark select:-ms-input-placeholder {
            color: #fff
        }

        .form--dark input:-moz-placeholder, .form--dark select:-moz-placeholder {
            color: #fff
        }

    .form--dark label {
        color: #fff
    }

    .form--dark legend {
        padding: .625em 0;
        text-align: center
    }

    .form--dark [type="button"], .form--dark [type="submit"] {
        font-size: 1em;
        /*text-transform: uppercase;*/
        color: #1D2E37
    }

    .form--dark .free-search {
        border-bottom: 1px solid #2C3C4A;
        background-color: #1D2E37;
        background-image: url(../img/icons/search-icon-white.min.svg);
        background-repeat: no-repeat;
        background-position: right .625em center
    }

    html.search-visible, html.search-visible body {
        overflow: hidden
    }

    .fixed-search {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        bottom: 0;
        background-color: rgba(248,248,249,1);
        z-index: 10;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 1.25em;
        padding-top: 3.75em;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
        -webkit-transition: -webkit-transform .3s;
        transition: -webkit-transform .3s;
        -o-transition: transform .3s;
        transition: transform .3s;
        transition: transform .3s, -webkit-transform .3s;
        overflow: auto
    }

        .fixed-search .fixed-search__inner {
            width: 100%;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            margin: auto
        }

            .fixed-search .fixed-search__inner .form--dark select, .fixed-search .fixed-search__inner .form--dark input {
                font-family: basis-grotesque-regular;
            }

    .fixed-search__inner .inner {
        width: 65em !important;
    }

    .fixed-search .toggle-closed {
        background: url(../img/icons/close-icon-white.min.svg) no-repeat center center;
        background: url('../img/AW2022/icon/close-icon-blackIvyezf.min.svg') no-repeat center center;
        width: 1em;
        height: 1em;
        display: block;
        margin-left: auto;
        position: absolute;
        top: 1.25em;
        right: 1.25em
    }

    @media screen and (min-width: 60em) {
        .fixed-search .toggle-closed {
            width: 1.5em;
            height: 1.5em;
            background-size: 1.5em 1.5em;
            top: 2.5em;
            right: 2.5em
        }
    }

    html.search-visible .fixed-search {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    legend {
        font-weight: 400;
        /*letter-spacing: 0.05em;*/
        color: #0C3051;
        font-size: 1em;
    }

    .btn, .form--dark [type="button"], .form--dark [type="submit"] {
        font-weight: 400;
        letter-spacing: 0.05em;
        background-color: #23DAFA;
        color: #0C3051;
        text-decoration: none;
        border: none;
        display: inline-block;
        padding: 1em 1em .93em;
        font-size: 14px;
        -webkit-transition: background-color .3s;
        -o-transition: background-color .3s;
        transition: background-color .3s;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 4px;
        /*height:46px;*/
    }

        .btn:hover, .form--dark [type="button"]:hover, .form--dark [type="submit"]:hover {
            background-color: #23DAFA
        }

        .btn.btn--secondary, .form--dark .btn--secondary[type="button"], .form--dark .btn--secondary[type="submit"] {
            background-color: white;
            border: 1px solid #d8d9dd;
        }

            .btn.btn--secondary:hover, .form--dark .btn--secondary[type="button"]:hover, .form--dark .btn--secondary[type="submit"]:hover {
                background-color: white
            }

        .btn[disabled], .form--dark [disabled][type="button"], .form--dark [disabled][type="submit"] {
            opacity: 0.5;
            pointer-events: none
        }

    input[type="text"], input[type="search"], input[type="password"], input[type="number"], input[type="email"], input[type="phone"], textarea, select {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: .75em 1em;
        border: 1px solid transparent;
        display: block;
        -ms-appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        outline-color: #23DAFA;
    }

        input[type="text"].ccv, input[type="search"].ccv, input[type="password"].ccv, input[type="number"].ccv, input[type="email"].ccv, input[type="phone"].ccv, textarea.ccv, select.ccv {
            max-width: 7.5em
        }

    .input-error, .select-error {
        color: #D0021B
    }

    select {
        -ms-appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        border-radius: 0;
        background-color: #fff;
        background-repeat: no-repeat;
        background-position: right 1.25em center;
        background-image: url(../img/icons/select-toggle.min.svg)
    }

        select.dark {
            background-image: url(../img/icons/select-toggle-white.min.svg)
        }

    input.date-picker {
        background-image: url(../img/icons/calendar-icon.min.svg);
        background-position: .625em center;
        padding-left: 2.5em
    }

    .control {
        margin-bottom: 1.25em
    }

        .control a {
            text-decoration: none
        }

    .control__label label {
        font-size: 14px;
        color: #0C3051;
        line-height: 22px;
    }

    .control__label .inline-error-hl {
        font-size: .875em
    }

    .control__field.control__field--tt {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: flex-start;
        -ms-flex-align: flex-start;
        align-items: flex-start
    }

        .control__field.control__field--tt [data-tooltip] {
            margin-left: .3em
        }

    .control__field--icon {
        position: relative
    }

        .control__field--icon input {
            padding-left: 2.5em
        }

    .form--desktop-inline .control__label, .form--free-search .control__label {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px
    }

    .control__label + .control__field {
        margin-top: .625em;
        color: #0C3051;
    }

    .control__field--submit {
        text-align: center
    }

    .control__error {
        font-size: .75rem;
        padding: .625em;
        font-style: italic
    }

    .sort-select {
        color: #225682;
        font-size: .75em;
        border: 1px solid #D8DDE6;
        border-radius: 4px;
        background: #fff url(../img/sort-toggle-arrow.svg) no-repeat right .625em center
    }

    .control--field-submit .control__field {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

        .control--field-submit .control__field input {
            width: calc(100% - 72px)
        }

        .control--field-submit .control__field .btn, .control--field-submit .control__field .form--dark [type="button"], .form--dark .control--field-submit .control__field [type="button"], .control--field-submit .control__field .form--dark [type="submit"], .form--dark .control--field-submit .control__field [type="submit"] {
            border-radius: .1875em;
            margin-left: .625em
        }

    .control__field--date {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-left: -.3125em;
        align-items: center;
    }

        .control__field--date select {
            margin-left: .3125em;
            margin-left: .3125em
        }

        .control__field--date .dd {
            min-width: 4.6875rem
        }

        .control__field--date .dd, .control__field--date .mm {
            max-width: 6.25em;
            text-transform: uppercase
        }

        .control__field--date .mm {
            min-width: 5.3125rem
        }

        .control__field--date .yyyy {
            min-width: 5.9375rem;
            max-width: 7.5em
        }

    .newcontrol__field--date {
        margin-top: 10px;
    }

        .newcontrol__field--date .error-message div {
            margin-left: 0px !important;
            margin-top: 10px !important;
        }

    .error-message {
        font-size: 14px;
        color: #E52E56;
    }

        .error-message div {
            border-radius: 4px;
            border: 1px solid#e52e56 !important;
            background: #fdf2fa !important;
            /*padding: 0.9375em 1.25em;*/
            padding: 8px 0.893em;
            font-size: 14px;
            width: 100%;
            font-family: basis-grotesque-regular;
            line-height: 22px;
            color: #0c3051;
            margin-top: 10px;
            margin-bottom: 0em;
            box-sizing: border-box;
        }

    .control__field--tt .error-message div {
        margin-top: 0px;
    }

    .control__field--date .error-message div {
        margin-top: 0px;
        margin-left: 7px;
    }

    .contact-form label {
        font-weight: 400;
        /*letter-spacing: 0.05em;*/
        /*text-transform: uppercase;*/
        color: #0c3051;
        font-size: 14px;
        line-height: 22px;
    }

    .contact-form .control__field--phone-set {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

        .contact-form .control__field--phone-set input {
            width: 23%
        }

    .contact-form input[type="text"], .contact-form input[type="search"], .contact-form input[type="password"], .contact-form input[type="number"], .contact-form input[type="email"], .contact-form textarea, .contact-form select {
        border: 1px solid #DDE3E8;
        border-radius: 3px
    }

    .contact-form [type="submit"] {
        text-transform: uppercase;
        width: 240px;
        text-align: center
    }

    .contact-form textarea {
        min-height: 160px
    }

    .control--error label {
        color: #EE2700
    }

    .control--error input[type="text"], .control--error input[type="search"], .control--error input[type="password"], .control--error input[type="number"], .control--error input[type="email"], .control--error textarea, .control--error select {
        border-color: #EE2700
    }

    .notification {
        padding: .9375em 1.25em;
        border-radius: 4px;
        line-height: 22px;
        color: #0c3051;
        margin-bottom: 1.25em;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background-color: rgba(94, 205, 209, 0.5);
        border: .0625em solid #23dafa;
        clear: left;
        width: 100%;
        font-family: basis-grotesque-regular;
        font-size: 14px;
    }

        .notification.notification--smll {
            font-size: .875em
        }

        .notification.notification--error {
            border-radius: 4px;
            border: 1px solid#e52e56 !important;
            background: #fdf2fa !important;
        }

        .notification.notification--success {
            border-radius: 4px;
            border: 1px solid #a4eddb !important;
            background: #f4fcfa !important;
        }

        .notification.notification--neutral {
            /*background-color: rgba(242, 226, 115, 0.5);
        border: .0625em solid #F2E273;*/
            border-radius: 4px;
            /*border: 1px solid #fcd4a0 !important;
        background: #fff3e5 !important;*/
            border: 1px solid #f6d982 !important;
            background: #fef6ec !important;
        }

        .notification .remove-btn:before {
            background-color: #fff;
            border-color: transparent
        }

    label.state--disabled {
        pointer-events: none;
        opacity: 0.5
    }

    .tick-check-label, .std-radio {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        align-items: center;
    }

        .tick-check-label .tick-check, .std-radio .tick-check {
            -ms-flex-negative: none;
            flex-shrink: none;
            margin-right: 10px
        }

        .tick-check-label input, .std-radio input {
            visibility: hidden
        }

    .tick-check {
        position: relative
    }

        .tick-check input {
            width: 0;
            height: 0;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            opacity: 0;
            position: absolute
        }

        .tick-check .marker {
            width: 1.375em;
            height: 1.375em;
            display: block;
            border: 1px solid #DDE3E8;
            background-color: #fff;
            border-radius: 3px;
        }

        .tick-check input:checked + .marker {
            border-color: #23DAFA;
            background: #23DAFA url(../img/AW2022/icon/bookingsharebtn.png) no-repeat center
        }

    html, body {
        background-color: #FBFBFC
    }

    .outer {
        padding: 1.25em
    }

    .module {
        padding-top: 1.25em;
        padding-bottom: 1.25em
    }

    @media screen and (min-width: 43.75em) {
        .module {
            padding-top: 3.125em;
            padding-bottom: 3.125em
        }
    }

    .module + .module:not(.module--alt) {
        position: relative
    }

        .module + .module:not(.module--alt):before {
            content: ' ';
            background: url(../img/module-break.svg) no-repeat top center;
            width: 4.375em;
            height: .3125em;
            display: block;
            position: absolute;
            left: 50%;
            top: 0;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%)
        }

    .module.module--alt {
        background-color: #EBE6E6;
        position: relative
    }

        .module.module--alt:before {
            content: ' ';
            display: block;
            background: url(../img/alt-rip.png) repeat-x left top/auto 21px;
            height: 1.3125em;
            position: absolute;
            top: -1.3125em;
            left: 0;
            width: 100%
        }

    @media screen and (min-width: 43.75em) {
        .module.module--white {
            background-color: #fff
        }
    }

    .module.module--split {
        padding-top: 0
    }

    [data-tab-set] > .module + .module:before {
        display: none
    }

    .inner {
        width: 66.25em;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto
    }

        .inner.inner--narrow {
            width: 47.125em
        }

        .inner.inner--wide {
            width: 87.5em
        }

    /*.widget { margin-bottom: 2.5em }*/

    .widget.widget--x2 {
        margin-bottom: 5em
    }

    .widget img {
        display: block;
        max-width: 100%;
        height: auto
    }

    .widget.widget--btm-bdr {
        border-bottom: 1px solid #DDE3E8;
        padding-bottom: 1.25em
    }

    .layout img {
        display: block;
        max-width: 100%;
        height: auto
    }

    .layout--destinations .layout__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -.3125em;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .layout--destinations .layout__item {
        width: calc(50% - .625em);
        margin-left: .3125em;
        margin-right: .3125em;
        margin-bottom: .625em
    }

    @media screen and (min-width: 56.25em) {
        .layout--destinations .layout__inner {
            margin-left: -.9375em
        }

        .layout--destinations .layout__item {
            width: calc(33.3333% - 1.875em);
            margin-left: .9375em;
            margin-right: .9375em;
            margin-bottom: 1.875em
        }
    }

    .layout--trip-cards.layout--slider {
        margin-left: -1.25em;
        margin-right: -1.25em
    }

    @media screen and (max-width: 37.5em) {
        .layout--trip-cards.layout--slider .flickity-prev-next-button {
            display: none
        }
    }

    @media screen and (min-width: 37.5em) and (max-width: 75em) {
        .layout--trip-cards.layout--slider {
            margin-left: 0;
            margin-right: 0
        }

            .layout--trip-cards.layout--slider .flickity-prev-next-button {
                display: block !important;
                width: 1.875em;
                height: 1.875em;
                background-color: #fff
            }

                .layout--trip-cards.layout--slider .flickity-prev-next-button.previous, .layout--trip-cards.layout--slider .flickity-prev-next-button.next {
                    -webkit-transform: translateX(0) translateY(-50%);
                    -ms-transform: translateX(0) translateY(-50%);
                    transform: translateX(0) translateY(-50%);
                    margin: 0
                }

                .layout--trip-cards.layout--slider .flickity-prev-next-button.previous {
                    left: -1.25em
                }

                .layout--trip-cards.layout--slider .flickity-prev-next-button.next {
                    right: -1.25em
                }
    }

    .layout--trip-cards .layout__inner {
        margin-left: -.3125em;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

        .layout--trip-cards .layout__inner .layout__item {
            width: calc(100% - .625em);
            margin-left: .3125em;
            margin-right: .3125em;
            margin-bottom: .625em
        }

    .layout--trip-cards .flickity-enabled .layout__item {
        width: calc(100% - 2.5em)
    }

    @media screen and (min-width: 37.5em) {
        .layout--trip-cards {
            margin-left: 0
        }

            .layout--trip-cards .layout__inner .layout__item {
                width: calc(50% - 1.875em);
                margin-left: .9375em;
                margin-right: .9375em;
                margin-bottom: 1.875em;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: stretch;
                -ms-flex-align: stretch;
                align-items: stretch
            }

                .layout--trip-cards .layout__inner .layout__item .card {
                    background-color: #fff;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: stretch;
                    -ms-flex-align: stretch;
                    align-items: stretch;
                    -ms-flex-wrap: wrap;
                    flex-wrap: wrap
                }

                    .layout--trip-cards .layout__inner .layout__item .card .card__link {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -ms-flex-wrap: wrap;
                        flex-wrap: wrap;
                        -webkit-box-align: start;
                        -ms-flex-align: start;
                        align-items: flex-start
                    }

                        .layout--trip-cards .layout__inner .layout__item .card .card__link > * {
                            width: 100%
                        }

                        .layout--trip-cards .layout__inner .layout__item .card .card__link .card__footer {
                            -ms-flex-item-align: end;
                            align-self: flex-end
                        }

            .layout--trip-cards:not(.layout--slider) .layout__inner {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap
            }

            .layout--trip-cards .layout__inner.flickity-enabled .flickity-slider {
                margin-left: 0.92%
            }
    }

    .layout--4 .layout__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -10px;
        margin-right: -10px
    }

        .layout--4 .layout__inner .layout__item {
            margin-left: 10px;
            margin-right: 10px
        }

        .layout--4 .layout__inner .layout__item, .layout--4 .layout__inner .layout__item--max > .control {
            width: calc(50% - 20px)
        }

            .layout--4 .layout__inner .layout__item.layout__item--max {
                width: calc(100% - 20px)
            }

    @media screen and (min-width: 43.75em) {
        .layout--2 .layout__inner, .layout--3 .layout__inner {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            margin-left: -20px;
            margin-right: -20px
        }

        .layout--2 .layout__item, .layout--3 .layout__item {
            margin-left: 20px;
            margin-right: 20px
        }

        .layout--2 .layout__item {
            width: calc(50% - 40px);
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

            .layout--2 .layout__item .layout__item--third {
                width: calc(38% - 40px)
            }

            .layout--2 .layout__item .layout__item--two-third {
                width: calc(62% - 40px)
            }

        .layout--2.layout--divide .layout__item {
            width: 50%;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            margin: 2.5em 0 0;
            padding: 0 1.25em
        }

            .layout--2.layout--divide .layout__item:nth-of-type(odd) {
                padding-right: 2.5em
            }

            .layout--2.layout--divide .layout__item:nth-of-type(even) {
                position: relative;
                padding-left: 2.5em;
                border-left: 1px solid #DDE3E8
            }

        .layout--3 .layout__item {
            width: calc(33.33% - 40px)
        }

        .layout__item--flex-stretch {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: stretch;
            -ms-flex-align: stretch;
            align-items: stretch
        }

        .layout--4 .layout__inner .layout__item, .layout--4 .layout__inner .layout__item--max > .control {
            width: calc(33.3333% - 20px)
        }
    }

    @media screen and (min-width: 60em) {
        .layout--segment .layout__inner {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            margin-left: -40px
        }

        .layout--segment .layout__item {
            margin-left: 40px;
            margin-right: 40px
        }

        .layout--segment .layout__item--primary {
            width: calc(70% - 80px)
        }

        .layout--segment .layout__item--secondary {
            width: calc(30% - 80px)
        }

            .layout--segment .layout__item--secondary img {
                max-width: 100%
            }

        .layout--4 .layout__inner .layout__item, .layout--4 .layout__inner .layout__item--max > .control {
            width: calc(25% - 20px)
        }
    }

    .split__item {
        background-color: #fff
    }

        .split__item:not(.split__item--shade) .price-label {
            background-color: #F6F3F3
        }

    .split__item--shade {
        background-color: #F6F3F3
    }

    .split__inner {
        padding: 2.5em 1.25em 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        .split__inner .accordion {
            margin-left: -1.25em;
            margin-right: -1.25em
        }

            .split__inner .accordion .accordion__trigger, .split__inner .accordion .accordion__body {
                padding-left: 1.25em;
                padding-right: 1.25em;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                width: 100%
            }

            .split__inner .accordion .accordion__label:after {
                right: 1.25em
            }

    .module .split {
        margin-bottom: -1.25em
    }

        .module .split .split__item:last-of-type .split__inner {
            padding-bottom: 1.25em
        }

    @media screen and (min-width: 43.75em) {
        .module .split {
            margin-bottom: -3.125em
        }

            .module .split .split__item:last-of-type .split__inner {
                padding-bottom: 3.125em
            }
    }

    @media screen and (min-width: 31.25em) {
        .split--50 {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

            .split--50 .split__item {
                width: 50%
            }

                .split--50 .split__item:nth-of-type(odd) .split__inner {
                    margin-left: auto
                }

            .split--50 .split__inner {
                width: 33.125em;
                max-width: 100%;
                padding: 2.5em
            }

            .split--50 .accordion {
                margin-left: 0;
                margin-right: 0
            }

                .split--50 .accordion .accordion__trigger, .split--50 .accordion .accordion__body {
                    padding-left: 0;
                    padding-right: 0
                }

                .split--50 .accordion .accordion__label:after {
                    right: 0
                }
    }

    @media screen and (min-width: 60em) {
        .split--50 .split__inner {
            padding: 5em 3.75em
        }
    }

    .content-sidebar__content {
        padding-bottom: 1.25em;
        width: 100%
    }

    .content-sidebar__sidebar {
        border-top: 1px solid #BAB6B6;
        padding: 2.5em 1.25em;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    @media screen and (min-width: 43.75em) {
        .content-sidebar {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

        .content-sidebar__sidebar {
            width: 18.75em;
            -ms-flex-negative: 0;
            flex-shrink: 0
        }

        .content-sidebar__sidebar {
            border-left: 1px solid #BAB6B6;
            border-top: none;
            margin-left: 1.25em;
            margin-right: 0;
            padding-top: 0
        }
    }

    @media screen and (min-width: 60em) {
        .content-sidebar__content {
            padding-bottom: 0
        }

        .content-sidebar__sidebar {
            padding-left: 2.5em;
            margin-left: 2.5em;
            width: 23.75em
        }
    }

    @media screen and (min-width: 75em) {
        .content-sidebar__sidebar {
            padding-left: 3.75em;
            margin-left: 3.75em
        }
    }

    .page-footer {
        position: relative;
        padding-top: 1.875em;
        color: #fff;
        text-align: center;
        z-index: 9;
        background-color: white;
    }

    .page-footer_down {
        margin-bottom: 0px;
    }


    .page-footer h6, .page-footer p {
    }

    .page-footer h6 {
        font-size: 1.375em;
        text-transform: none;
        margin-bottom: .625em
    }

    .page-footer p {
        color: #0C3051
    }

    .page-footer.page-footer:before {
        display: none
    }

    .footer-widget {
        background: url(../img/mobile-widget-break.png) no-repeat center bottom;
        background-size: 148px auto;
        padding-bottom: 1.875em;
        margin-bottom: 1.875em;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        .footer-widget .btn, .footer-widget .form--dark [type="button"], .form--dark .footer-widget [type="button"], .footer-widget .form--dark [type="submit"], .form--dark .footer-widget [type="submit"] {
            background-color: #2C3C4A;
            text-transform: uppercase;
            -webkit-transition: background-color .4s;
            -o-transition: background-color .4s;
            transition: background-color .4s;
            color: #fff
        }

            .footer-widget .btn:hover, .footer-widget .form--dark [type="button"]:hover, .form--dark .footer-widget [type="button"]:hover, .footer-widget .form--dark [type="submit"]:hover, .form--dark .footer-widget [type="submit"]:hover {
                background-color: #304150
            }

        .footer-widget:last-of-type {
            background-image: none
        }

    .footer-social__item {
        width: 1.25em;
        height: 1.25em
    }

        .footer-social__item svg {
            fill: #F6F3F3;
            -webkit-transition: fill .4s;
            -o-transition: fill .4s;
            transition: fill .4s
        }

        .footer-social__item:hover svg {
            fill: #fff
        }



    .affliated-logos, .affliated-logos li, .footer-menu, .footer-menu li {
        margin: 0;
        padding: 0
    }

    .affliated-logos, .footer-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        /*margin-bottom: 2.5em;*/
        align-items: center;
    }

        .affliated-logos li, .footer-menu li {
            width: 40%;
            margin-right: 10%
        }

        .affliated-logos li, .footer-menu li {
            list-style-type: none;
            text-align: left;
            margin-bottom: .625em
        }

    .footer-nav li {
        font-weight: 400;
        letter-spacing: 0.05em
    }

    .footer-nav a {
        text-decoration: none
    }

    p.copyright {
        font-size: .875em
    }

    @media screen and (min-width: 43.75em) {
        .footer-widgets {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

            .footer-widgets .footer-widget {
                width: 33.3333%;
                background-image: none;
                padding-left: 1.25em;
                padding-right: 1.25em;
                padding-bottom: 1.25em;
                margin-bottom: 2.5em
            }

                .footer-widgets .footer-widget + .footer-widget {
                    background-image: url(../img/footer-widget-side-break.png);
                    background-position: left top;
                    background-size: auto 100%
                }

        .footer-menu, .affliated-logos {
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
        }

            .footer-menu li, .affliated-logos li {
                width: auto;
                margin-left: .625em;
                margin-right: .625em;
                white-space: nowrap
            }
    }

    @media screen and (min-width: 60em) {
        .footer-menu li, .affliated-logos li {
            margin-left: .9375em;
            margin-right: .9375em
        }
    }

    html.modal--open, html.modal--open body {
        overflow: hidden
    }

    .modal-overlay, .modal-outer, .modal-inner, .modal {
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .modal-overlay {
        position: fixed;
        background: rgba(0, 0, 0, 0.5);
        opacity: 0.8;
        left: 0;
        top: 0;
        bottom: 0;
        width: 100%;
        max-width: 100%;
        z-index: 9999;
        display: none;
        opacity: 0
    }

    .modal-outer {
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        width: 100%;
        max-width: 100%;
        z-index: 99999;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 0;
        opacity: 0;
        overflow: hidden;
    }

        .modal-outer.show-modal {
            overflow-y: auto;
            width: 100%;
            opacity: 1;
            padding: .625em
        }

    .modal-inner {
        margin: auto;
        max-width: 100%
    }

    @media all and (-ms-high-contrast: none) {
        *::-ms-backdrop, .modal .modal__body {
            max-height: 70vh;
            overflow: scroll
        }
    }

    .modal-outer.show-modal .modal {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    .modal {
        width: 42.75em;
        max-width: 100%;
        position: relative;
        background: #fff;
        padding: 2.5em;
        max-height: 90vh;
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
        -webkit-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        border-radius: 8px;
    }

        .modal > * {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto
        }

        .modal button {
            border: none;
            margin-left: auto;
            display: block
        }

        .modal .modal-close {
            position: absolute;
            right: 1.875rem;
            top: 1.25rem;
            z-index: 9999;
            text-decoration: none;
            font-size: 2.25em;
            font-weight: 200;
            width: 24px;
        }

    .modal__header {
        padding-right: 1.25em
    }

    .modal__body {
        -ms-flex-negative: 1;
        flex-shrink: 1;
        overflow: auto;
        /*padding-right: 1.25em*/
    }

    .modal__body--full {
        padding-right: 0
    }

    .modal__footer {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

        .modal__footer .btn, .modal__footer .form--dark [type="button"], .form--dark .modal__footer [type="button"], .modal__footer .form--dark [type="submit"], .form--dark .modal__footer [type="submit"] {
            min-width: 8.4375rem;
            margin-left: .625rem;
            text-align: center
        }

            .modal__footer .btn:first-child, .modal__footer .form--dark [type="button"]:first-child, .form--dark .modal__footer [type="button"]:first-child, .modal__footer .form--dark [type="submit"]:first-child, .form--dark .modal__footer [type="submit"]:first-child {
                margin-left: 0
            }

    figure {
        padding: 0;
        margin: 0;
        margin-bottom: 1.25em
    }

    .modal-close {
        display: block;
        width: 16px;
        height: 16px
    }

    @media screen and (max-width: 31.25em) {
        .modal {
            padding: 1.25em
        }

        .modal-inner {
            width: 100%
        }

        .modal .modal__footer, .modal .modal__header, .modal .modal__body {
            width: 100%;
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }
    }

    p + .accordion {
        margin-top: 2.5em
    }

    .accordion {
        position: relative
    }

        .accordion:after, .accordion:before {
            content: ' ';
            display: block;
            background-image: url(../img/accordion-border.svg);
            background-repeat: repeat-x;
            background-position: left center;
            height: .125em;
            width: 100%;
            position: absolute;
            left: 0
        }

        .accordion:before {
            top: 0
        }

        .accordion:after {
            bottom: 0
        }

        .accordion + .accordion:before {
            display: none
        }

    .accordion__trigger {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-weight: 400;
        letter-spacing: 0.05em;
        color: #6F6F6F;
        position: relative;
        padding-top: .625em;
        padding-bottom: .625em
    }

        .accordion__trigger:hover {
            cursor: pointer
        }

        .accordion__trigger .rounded-icon {
            margin-right: .625em
        }

    .accordion__label {
        display: block;
        width: 100%;
        text-transform: uppercase;
        text-decoration: none
    }

    .unstyled-list {
        margin-bottom: 1.25em
    }

        .unstyled-list .unstyled-list {
            margin-bottom: 0
        }

    .accordion__body .body-heading {
        margin-bottom: .375em
    }

    .accordion__body p a {
        color: #23dafa
    }

    .accordion__body-inner {
        padding: 1.25em 0
    }

    .accordion + .accordion .accordion__trigger:before {
        display: none
    }

    .accordion + p, .accordion + h1, .accordion + h2, .accordion + h3, .accordion + h4, .accordion + h5, .accordion + h6, .accordion + ul {
        margin-top: 2.5em
    }

    .accordion--alt .accordion__trigger, .accordion--alt2 .accordion__trigger {
        color: #1D2E37;
        font-weight: 700;
        letter-spacing: 0;
        padding-top: 1.25em;
        padding-bottom: 1.25em;
        padding-right: 1.875em
    }

    .accordion--alt .accordion__label, .accordion--alt2 .accordion__label {
        text-transform: none
    }

    .accordion--alt .accordion__body, .accordion--alt2 .accordion__body {
        padding-left: 0
    }

    .accordion--alt .accordion__body-inner, .accordion--alt2 .accordion__body-inner {
        padding-top: 0;
        padding-bottom: .625em
    }

    .accordion--alt.accordion:after, .accordion--alt.accordion:before, .accordion--alt2.accordion:after, .accordion--alt2.accordion:before {
        background-image: none;
        background-color: #E3E1E1;
        height: 1px
    }

    @media screen and (max-width: 43.75em) {
        .accordion--alt {
            background-color: #fff;
            margin-left: -1.25em;
            margin-right: -1.25em;
            padding-left: 1.25em;
            padding-right: 1.25em
        }

            .accordion--alt.accordion:after, .accordion--alt.accordion:before {
                background-color: #F6F4F4;
                height: .1875em
            }
    }

    html.js .accordion.accordion--alt2:before, html.js .accordion.accordion--alt2:after {
        display: none
    }

    html.js .accordion.accordion--alt2 .accordion__label:after {
        display: inline-block;
        position: static;
        -webkit-transform: translateY(.125em);
        -ms-transform: translateY(.125em);
        transform: translateY(.125em);
        margin-left: .375em
    }

    html.js .accordion.accordion--alt2[data-state="open"] .accordion__label:after {
        -webkit-transform: translateY(.125em) rotate(135deg);
        -ms-transform: translateY(.125em) rotate(135deg);
        transform: translateY(.125em) rotate(135deg)
    }

    html.js .accordion__label:after {
        content: ' ';
        width: 1em;
        height: 1em;
        display: block;
        background-image: url(../img/icons/plus.min.svg);
        background-repeat: no-repeat;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%) rotate(0);
        -ms-transform: translateY(-50%) rotate(0);
        transform: translateY(-50%) rotate(0);
        -webkit-transition: -webkit-transform .4s;
        transition: -webkit-transform .4s;
        -o-transition: transform .4s;
        transition: transform .4s;
        transition: transform .4s, -webkit-transform .4s
    }

    html.js .accordion__body {
        overflow: hidden;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        max-height: 0;
        opacity: 0;
        -webkit-transition: opacity .2s;
        -o-transition: opacity .2s;
        transition: opacity .2s
    }

    html.js .accordion[data-state="open"] .accordion__body {
        max-height: 62.4375em;
        opacity: 1;
        overflow: visible
    }

    html.js .accordion[data-state="open"] .accordion__label:after {
        -webkit-transform: translateY(-50%) rotate(135deg);
        -ms-transform: translateY(-50%) rotate(135deg);
        transform: translateY(-50%) rotate(135deg)
    }

    /*! card */

    .card {
        position: relative
    }

        .card:before {
            content: ' ';
            display: block;
            -webkit-box-shadow: 0 4px 12px rgba(29, 46, 55, 0.4);
            box-shadow: 0 4px 12px rgba(29, 46, 55, 0.4);
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            width: 100%;
            opacity: 0;
            -webkit-transition: opacity 0.4s ease-in-out;
            -o-transition: opacity 0.4s ease-in-out;
            transition: opacity 0.4s ease-in-out
        }

        .card:hover:before, .card:focus:before {
            opacity: 1
        }

        .card a {
            position: relative;
            z-index: 2
        }

        .card .card__link {
            display: block;
            text-decoration: none
        }

        .card h1 {
            color: #1D2E37;
            font-size: 1.25em;
            text-align: center;
        }

        .card:hover .card__img:before {
            opacity: 1;
            -webkit-transition: opacity .4s;
            -o-transition: opacity .4s;
            transition: opacity .4s
        }

    .card__img {
        margin: 0;
        padding: 0;
        position: relative
    }

        .card__img:before {
            content: 'View Tour';
            position: absolute;
            opacity: 0;
            left: 0;
            top: 0;
            bottom: 0;
            width: 100%;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            background-color: rgba(29, 46, 55, 0.6);
            color: #0C3051;
            font-weight: 400;
            letter-spacing: 0.05em;
            font-size: 2.25em;
            font-weight: normal;
            font-style: normal;
            -webkit-transition: opacity .4s;
            -o-transition: opacity .4s;
            transition: opacity .4s;
            border-radius: 8px;
            z-index: 2;
        }

    @media screen and (min-width: 43.75em) {
        .card__img:before {
            font-size: 1.75em
        }
    }

    .card__img img {
        display: block;
        max-width: 100%;
        height: auto
    }

    .card__body {
        padding: 1.25em;
        background-color: #fff
    }

    .card__footer {
        background: #1D2E37;
        width: 100%
    }

    .card__stops, .card__meta {
        margin: 0;
        padding: 0
    }

        .card__stops li, .card__meta li {
            margin: 0;
            padding: 0;
            list-style-type: none
        }

    .card__stops {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

        .card__stops li {
            font-size: .875em;
            margin-bottom: .625em;
            margin-left: .3125em;
            margin-right: .3125em;
            color: #6F6F6F
        }

            .card__stops li + li:before {
                content: '·';
                background-image: url(../img/AW2022/icon/dian.png);
                background-repeat: no-repeat;
                display: inline-block;
                width: 15px;
                height: 17px;
                vertical-align: top;
                text-align: center;
                background-position: center;
                background-size: 16px;
            }

    .card__meta {
        font-weight: 400;
        letter-spacing: 0.05em;
        color: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative
    }

        .card__meta:after {
            content: ' ';
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            width: 2px;
            background-color: #23dafa
        }

        .card__meta li {
            padding: .625em 0;
            text-align: center;
            width: 33.3333%;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
        }

            .card__meta li div {
                padding: 0 1.25em;
                width: 100%;
                -webkit-box-sizing: border-box;
                box-sizing: border-box
            }

            .card__meta li + li div {
                background-image: url(../img/card-footer-break.png);
                background-repeat: no-repeat;
                background-position: left center
            }

            .card__meta li.trip-meta-price {
                background-color: #23dafa;
                background-image: url(../img/from-border.svg);
                background-repeat: no-repeat;
                background-position: -2px center;
                color: #1D2E37;
                font-size: 1.25em
            }

                .card__meta li.trip-meta-price div {
                    background-image: none
                }

    @media screen and (min-width: 60em) {
        .card__meta li {
            padding: 1.25em 0;
            font-size: 1.125em
        }
    }

    @media screen and (max-width: 60em) {
        .card__meta span {
            display: block
        }
    }

    .card-body-meta {
        font-weight: 400;
        letter-spacing: 0.05em;
        list-style-type: none;
        text-align: center
    }

        .card-body-meta, .card-body-meta li {
            margin: 0;
            padding: 0
        }

    .card-body-meta {
        margin-bottom: .75rem
    }

        .card-body-meta li {
            font-size: 1.125rem;
            display: inline-block
        }

            .card-body-meta li + li {
                color: #2d9a9d
            }

                .card-body-meta li + li:before {
                    content: ' ';
                    width: 1px;
                    height: 20px;
                    display: inline-block;
                    background-color: #1D2E37;
                    margin: 0 .75rem;
                    position: relative;
                    top: 4px
                }

    .year-switch, .year-switch li {
        margin: 0;
        padding: 0;
        list-style-type: none
    }

    .year-switch {
        border-top: 1px solid #ccc;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

        .year-switch li {
            font-weight: 400;
            letter-spacing: 0.05em;
            font-size: 1.125rem;
            -webkit-box-flex: 2;
            -ms-flex: 2 1 auto;
            flex: 2 1 auto
        }

            .year-switch li a {
                color: #1D2E37;
                text-decoration: none;
                display: block;
                padding: .75em;
                text-align: center;
                -webkit-transition: background-color .4s, color .4s;
                -o-transition: background-color .4s, color .4s;
                transition: background-color .4s, color .4s
            }

                .year-switch li a:hover {
                    background-color: #1D2E37;
                    color: #fff
                }

            .year-switch li + li {
                border-left: 1px solid #ccc
            }

    .card--best-seller .card__img:after, .card--best-seller .radio-button__img:after, .card--pre-book .card__img:after, .card--pre-book .radio-button__img:after, .card--new-trip .card__img:after, .card--new-trip .radio-button__img:after, .--best-seller

    .card__img:after, .--best-seller

    .radio-button__img:after, .--pre-book

    .card__img:after, .--pre-book

    .radio-button__img:after, .--new-trip

    .card__img:after, .--new-trip

    .radio-button__img:after {
        content: ' ';
        width: 5.9375em;
        height: 5.9375em;
        display: block;
        position: absolute;
        left: 1.25em;
        top: 1.25em
    }

    .card--best-seller .radio-button__img:after, .card--pre-book .radio-button__img:after, .card--new-trip .radio-button__img:after, .--best-seller

    .radio-button__img:after, .--pre-book

    .radio-button__img:after, .--new-trip

    .radio-button__img:after {
        width: 4.6875em;
        height: 4.6875em;
        left: .625em;
        top: .625em
    }

    .card--best-seller .card__img:after, .--best-seller

    .radio-button__img:after {
        background: url(../img/buttons/new-bestseller.png) no-repeat center center/contain
    }

    .card--pre-book .card__img:after, .--pre-book

    .radio-button__img:after {
        background: url(../img/buttons/new-prebook.png) no-repeat center center/contain
    }

    .card--new-trip .card__img:after, .--new-trip

    .radio-button__img:after {
        background: url(../img/buttons/new-new.png) no-repeat center center/contain
    }

    /*! ccform */

    .ccform {
        position: relative
    }

    .payment-types {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        align-items: center;
    }

    .secure-wrap {
        position: relative
    }

    /*! inline-group */

    .inline-group {
        margin: 0;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .inline-group > * {
            -webkit-box-flex: 0;
            -ms-flex: 0 1 auto;
            flex: 0 1 auto;
            list-style-type: none;
            margin: 0 .625em
        }

    .inline-group--left {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .inline-group-wrap {
        margin-bottom: 1.875rem;
        overflow: hidden
    }

        .inline-group-wrap .inline-group {
            margin: -.625rem
        }

            .inline-group-wrap .inline-group > * {
                margin: .625em
            }

        .inline-group-wrap:last-child {
            margin-bottom: 0
        }

    .inline-group--form {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin: 0 -.9375rem .625rem -.9375rem
    }

        .inline-group--form > * {
            margin: 0 .9375rem 1.25rem .9375rem
        }

        .inline-group--form .control__field + .control__field {
            margin-top: .625rem
        }

    /*! itinerary */

    .itinerary {
        display: block;
        margin-bottom: 1.875rem
    }

    .itinerary__list {
        border-left: 1px solid #d8d8d8;
        list-style: none;
        margin: 0 0 0 .625rem;
        padding: 1.875rem 0 0 1.25rem
    }

    .itinerary__item {
        margin: 0;
        padding: 0 0 1.25rem 0;
        position: relative
    }

        .itinerary__item .label-title {
            color: #0C3051;
            font-size: 1.4rem
        }

    .itinerary__tag {
        font-weight: 400;
        letter-spacing: 0.05em;
        background: #273c4e;
        color: #fff;
        display: inline-block;
        font-size: 1rem;
        line-height: 1.5625rem;
        margin: 0 0 .625rem -1.875rem;
        padding: .3125rem 0;
        text-align: center;
        text-transform: uppercase;
        width: 5rem
    }

    .itinerary__main {
        max-width: 47.5rem
    }

    .itinerary__aside {
        color: #556a7e
    }

    .itinerary__footer {
        /*border-top: 1px solid #d8d8d8;*/
        margin-top: 1.875rem;
        padding-top: 1.875rem
    }

        .itinerary__footer .btn {
            padding: 16px 28px;
            margin-bottom: 58px;
        }

    @media screen and (min-width: 31.25em) {
        .itinerary__list {
            margin-left: 1.25rem;
            padding-left: 5rem
        }

        .itinerary__item {
            padding-top: .3125rem
        }

        .itinerary__tag {
            left: -6.25rem;
            margin: 0;
            position: absolute;
            top: 0
        }
    }

    @media screen and (min-width: 43.75em) {
        .itinerary__list {
            margin-left: 2.5rem;
            padding-left: 6.25rem
        }

        .itinerary__tag {
            left: -6.25rem;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%)
        }
    }

    @media screen and (min-width: 60em) {
        .itinerary__item {
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

            .itinerary__item > * {
                -webkit-box-flex: 1;
                -ms-flex: 1 1 auto;
                flex: 1 1 auto
            }

        .itinerary__main {
            width: calc(100% - 18.75rem)
        }

        .itinerary__aside {
            -webkit-box-flex: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            padding-left: 3.125rem;
            width: 15.625rem
        }
    }

    /*! address-set */

    /*.address-set .control--short .control__field { max-width: 13.125rem }*/

    @media screen and (min-width: 43.75em) {
        .address-set {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            width: 100%
        }

            .address-set > .control {
                -webkit-box-flex: 0;
                -ms-flex: 0 1 auto;
                flex: 0 1 auto;
                width: calc(50% - 1.25em)
            }
    }

    /*! label-title */

    .label-title, .booking-section .label-title {
        font-weight: 400;
        color: #0C3051;
        margin-bottom: 0;
        text-transform: initial;
        font-size: 22px !important;
        margin-bottom: 10px;
    }

    /*! meta-list */

    .meta-list {
        /*font-family: "din-2014", sans-serif;*/
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        line-height: 1.375rem;
        margin: 0 0 .5rem 0;
    }

        .meta-list dt, .meta-list dd {
            display: inline-block;
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            margin: 0 .375rem 0 0
        }

            .meta-list dt:after {
                content: ':'
            }

            
    /*! prevnext */

    .prevnext {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 1.875rem 0
    }

        .prevnext > * {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto
        }

            .prevnext > *:only-child {
                margin-left: auto
            }

        .prevnext .btn, .prevnext .form--dark [type="button"], .form--dark .prevnext [type="button"], .prevnext .form--dark [type="submit"], .form--dark .prevnext [type="submit"] {
            min-width: 10rem;
            text-align: center
        }

    .prevnext--rule {
        border-top: 1px solid #dce3e8;
        margin-top: 1.875rem;
        padding-top: 1.875rem
    }

    /*! trip-stops */

    .trip-stops {
        /*font-family: "din-2014", sans-serif;*/
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        list-style: none;
        margin: 0 0 .9375rem 0;
        padding: 0
    }

        .trip-stops li {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            margin: 0
        }

            .trip-stops li:not(:first-child):before {
                content: "·";
                background-image: url(../img/AW2022/icon/dian.png);
                background-repeat: no-repeat;
                display: inline-block;
                width: 15px;
                height: 20px;
                vertical-align: top;
                text-align: center;
                background-position: center;
                background-size: 16px;
            }
    .fightinfotishi {
        margin-top: 2.5em;
    }
    /*! trip-tag */
    .trip-tag {
        font-weight: 400;
        color: #0C3051;
        display: inline-block;
        line-height: 1.25rem;
        padding: 4px .75rem;
        vertical-align: top;
        font-size: 12px;
        border: 1px solid #a4eddb;
        background: #edfbf8;
        border-radius: 4px;
        font-family: basis-grotesque-regular;
    }

    .trip-tag--small {
        border: 1px solid #9ecb91;
        border-radius: .125rem;
        font-size: .875rem;
        padding: 0 .25rem
    }

    .trip-tag--warning {
        border: 1px solid #e52e56;
        background-color: #FDF2FA;
        border-radius: 4px;
    }

    /*! trip-header */

    .trip-header .trip-heading {
        margin-bottom: .9375rem
    }

        .trip-header .trip-heading .h--alt {
            font-size: 1.375rem
        }

    .trip-header > *:last-child {
        margin-bottom: 0
    }

    .trip-header--center {
        text-align: center
    }

        .trip-header--center .account-heading {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
        }

        .trip-header--center .meta-list, .trip-header--center .trip-stops {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
        }

    /*! trip-heading */

    .trip-heading {
        color: #0c3051;
        margin: 0 0 1rem 0
    }

        .trip-heading .h--alt {
            font-size: 28px;
            margin: 0;
            line-height: 30px;
        }

    .trip-heading__warning {
        color: #be0736;
        display: block;
        font-size: 1rem;
        font-style: italic;
        font-weight: 600;
        line-height: 1.25rem;
        margin-bottom: .3125rem
    }

    /*! trip-cancelled */

    .trip-cancelled {
        background: #fff;
        border: 1px solid #ecebeb;
        border-radius: .1875rem;
        color: #2C3C4A;
        margin: 0 auto;
        max-width: 37.5rem;
        padding: 1.875rem 1.25rem;
        text-align: center
    }

        .trip-cancelled .trip-header {
            border-top: 1px solid #ecebeb;
            border-bottom: 1px solid #ecebeb;
            margin: 1.875rem 0;
            padding: 1.875rem 0
        }

        .trip-cancelled .account-heading {
            color: #d0021b;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
        }

        .trip-cancelled .notification--account {
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            padding: .9375rem 1.25rem;
            width: auto
        }

    .trip-cancelled__subtitle {
        color: #d0021b;
        font-weight: bold
    }

    .account-heading + .trip-cancelled__subtitle {
        margin-top: -.625rem
    }

    .trip-cancelled__prose {
        margin: 0 auto 1.875rem auto;
        max-width: 26.25rem
    }

    .trip-cancelled__footer .btn--inline img:first-child {
        margin-right: .9375rem;
        width: 14px;
    }

        .trip-cancelled__footer .btn--inline img:first-child + span {
            margin-top: -.0625rem
        }

    .account-page__fieldset--condensed .account-card {
        margin-bottom: .625rem
    }

    .newaccount-card__footer .btn--inline img:first-child {
        width: 12px;
    }

    @media screen and (min-width: 31.25em) {
        .trip-cancelled {
            padding: 1.875rem
        }
    }

    @media screen and (min-width: 43.75em) {
        .trip-cancelled {
            padding: 3.75rem 6.25rem
        }
    }

    @media screen and (min-width: 60em) {
        .trip-cancelled {
            margin: 5rem auto
        }

        .trip-cancelled__footer {
            margin-top: 2.5rem
        }
    }

    .trip-cancelled.trip-cancelled--edit .account-heading {
        color: #1D2E37
    }

    /*! passport-uploader */

    .passport-uploader {
        background: #fff;
        border-radius: .1875rem;
        color: #2C3C4A;
        margin: 1.875rem 0;
        max-width: -webkit-max-content;
        max-width: -moz-max-content;
        max-width: max-content;
        padding: 1.25rem 1.875rem
    }

        .passport-uploader p {
            color: inherit;
            margin: 0
        }

    .passport-uploader__header {
        margin-bottom: .625rem
    }

    .passport-uploader__main {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justifty-content: flex-start;
        margin: 0 -.625rem
    }

        .passport-uploader__main > * {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            margin: .3125rem .625rem
        }

        .passport-uploader__main > .btn, .form--dark .passport-uploader__main > [type="button"], .form--dark .passport-uploader__main > [type="submit"] {
            padding: .625rem 1rem
        }

    .passport-uploader__filename {
        background: url("../img/icon-tick.svg") left center no-repeat;
        background-size: 1.375rem auto;
        padding-left: 1.875rem
    }

    .passport-uploader__remove {
        background: #ddd url("../img/icons/close-icon-white.min.svg") center center no-repeat;
        background-size: .5rem auto;
        border-radius: 100%;
        border: .4375rem solid #fff;
        display: block;
        height: 1rem;
        -webkit-transition: background-color 0.3s;
        -o-transition: background-color 0.3s;
        transition: background-color 0.3s;
        width: 1rem
    }

        .passport-uploader__remove:focus, .passport-uploader__remove:hover {
            background-color: #23dafa
        }

    /*! passport-updated */

    .passport-tables {
        margin: 1.875rem 0
    }

        .passport-tables > p {
            color: inherit
        }

    .passport-updated {
        max-width: none;
        padding-top: 1.875rem
    }

        .passport-updated .account-heading {
            color: #51aeb8;
            font-size: 1.5rem;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            text-align: center
        }

        .passport-updated .trip-header {
            border-top: 1px solid #ddd;
            border-bottom: 1px solid #ddd;
            margin: 2.5rem 0;
            padding: 1.875rem 0
        }

        .passport-updated .passport-tables {
            border-bottom: 1px solid #ddd;
            margin-bottom: 1.875rem;
            padding: 1.25rem 0
        }

    .passport-updated__heading {
        color: inherit;
        font-weight: bold;
        text-align: center
    }

    .passport-updated__footer {
        margin: 1.875rem auto;
        max-width: 50rem;
        text-align: center
    }

    @media screen and (min-width: 43.75em) {
        .passport-updated {
            padding: 3.75rem 0
        }
    }

    @media screen and (min-width: 60em) {
        .passport-updated {
            padding: 5rem 0
        }
    }

    .booking-header {
        background: #0c3051;
        padding: 1.25em;
        position: relative;
        z-index: 10;
        overflow-x: hidden
    }

        .booking-header .booking-header__inner {
            max-width: 85em;
            margin-left: auto;
            margin-right: auto
        }

        .booking-header a {
            text-decoration: none
        }

    .booking-header--confirmation .booking-header__inner {
        height: 2.0625em
    }

    @media screen and (min-width: 31.25em) {
        .booking-header--confirmation .booking-header__inner {
            height: 4.0625em
        }
    }

    .booking-logo {
        max-width: 8.125em;
        display: block
    }

        .booking-logo img {
            display: block;
            max-width: 100%;
            height: auto
        }

    .booking-progress-wrap {
        width: 100%;
        margin-top: 1.25em
    }

    .booking-progress {
        margin: 0;
        padding: 0;
        list-style-type: none;
        counter-reset: booking-steps;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        position: relative;
        padding-bottom: .875em
    }

        .booking-progress:before {
            content: ' ';
            height: 1px;
            width: 100%;
            position: absolute;
            left: 0;
            top: 8px;
            background: #4A6175
        }

        .booking-progress li {
            margin: inherit;
            padding: inherit;
            color: #fff;
            counter-increment: booking-steps;
            font-weight: 400;
            letter-spacing: 0.05em;
            font-size: .75em;
            color: #959DA4
        }

            .booking-progress li:before {
                content: ' ';
                display: block;
                width: .9375rem;
                height: .9375rem;
                border: .0625rem solid #4A6175;
                background-color: #1D2E37;
                border-radius: 50%;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                position: relative;
                z-index: 2
            }

        .booking-progress .booking-progress__label {
            position: absolute;
            left: 0;
            bottom: 0;
            color: #959DA4;
            display: none
        }

        .booking-progress .booking-progress__item--completed:before {
            width: 1.375rem;
            height: 1.375rem;
            -webkit-transform: translateY(-4px);
            -ms-transform: translateY(-4px);
            transform: translateY(-4px);
            margin-bottom: -7px;
            border-color: #23dafa;
            background-color: #23dafa;
            color: #fff;
            background-image: url(../img/white-tick.svg);
            background-position: center center;
            background-repeat: no-repeat;
            content: ' '
        }

        .booking-progress .booking-progress__item--active:before {
            color: #fff;
            border-color: inherit
        }

        .booking-progress .booking-progress__item--active .booking-progress__label {
            display: block;
            color: #fff
        }

    @media screen and (min-width: 31.25em) {
        .booking-header__inner {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

        .booking-logo {
            max-width: 10.75em;
            margin-right: 2.5em;
            -ms-flex-negative: 0;
            flex-shrink: 0
        }

        .booking-progress-wrap {
            max-width: 25em;
            margin-left: auto;
            margin-right: auto
        }

        .booking-progress li {
            position: relative
        }

        .booking-progress .booking-progress__label {
            border: auto;
            top: 100%;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
            white-space: nowrap
        }
    }

    @media screen and (min-width: 60em) {
        .booking-progress-wrap {
            max-width: 47.5em;
            -webkit-transform: translateY(-.625em);
            -ms-transform: translateY(-.625em);
            transform: translateY(-.625em)
        }

        .booking-logo {
            margin-right: 5em
        }

        .booking-progress .booking-progress__label {
            display: block;
            white-space: normal;
            text-align: center;
            width: 8.125em
        }
    }

    body {
        overflow-x: hidden;
        -webkit-transition: -webkit-transform .4s;
        transition: -webkit-transform .4s;
        -o-transition: transform .4s;
        transition: transform .4s;
        transition: transform .4s, -webkit-transform .4s
    }

    .page-footer--booking {
        z-index: 99
    }

    .booking-page {
        position: relative;
        -webkit-transition: -webkit-transform .3s;
        transition: -webkit-transform .3s;
        -o-transition: transform .3s;
        transition: transform .3s;
        transition: transform .3s, -webkit-transform .3s;
        min-height: calc(100vh - 290px);
        max-width: 87.5em;
        margin-left: auto;
        margin-right: auto
    }

        .booking-page.booking-page--single-col .booking-content {
            max-width: 87.5em;
            width: 100%
        }

    @media screen and (min-width: 75em) {
        html.summary--open body {
            overflow-y: hidden
        }

        html.summary--open .booking-summary-tab__price svg {
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg)
        }

        html.summary--open .booking-summary-tab[style] {
            position: absolute;
            margin-top: 105px !important
        }
    }

    .booking-sidebar, .booking-summary-tab, .booking-sidebar__inner, .booking-total {
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .booking-sidebar__inner, .booking-total {
        max-width: 100%
    }

    .booking-sidebar {
        width: calc(100% - 2.5em);
        background-color: #fff;
        margin-left: auto;
        position: relative;
        z-index: 10;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 100%
    }

    @media all and (-ms-high-contrast: none) {
        *::-ms-backdrop, .state--open .booking-sidebar {
            left: auto;
            right: 0
        }

            .state--open .booking-sidebar[style] {
                position: fixed !important
            }
    }

    .booking-sidebar__inner {
        position: -webkit-sticky;
        position: sticky;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        top: 0;
        height: 100%;
        max-height: 100vh;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        max-width: 100%
    }

    .booking-summary-tab {
        padding: 1.125em;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        position: -webkit-sticky;
        position: sticky;
        bottom: 0;
        margin-left: auto;
        z-index: 999;
        width: calc(100% + 2.5em);
        background-color: #fff
    }

        .booking-summary-tab:hover {
            cursor: pointer
        }

        .booking-summary-tab div, .booking-summary-tab p {
            margin: 0;
            color: #1D2E37
        }

        .booking-summary-tab .booking-summary-tab__name, .booking-summary-tab .booking-summary-tab__price {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

        .booking-summary-tab .booking-summary-tab__name {
            padding-right: 1.125em
        }

        .booking-summary-tab .booking-summary-tab__price {
            border-left: 1px solid #D8D8D8;
            padding-left: 1.125em
        }

            .booking-summary-tab .booking-summary-tab__price .inner-shim {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

                .booking-summary-tab .booking-summary-tab__price .inner-shim svg {
                    margin-left: 1.125em
                }

    .booking-total {
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    @media screen and (max-width: 28.75em) {
        html.summary--open body {
            -webkit-transform: translateX(-90%);
            -ms-transform: translateX(-90%);
            transform: translateX(-90%)
        }
    }

    .booking-sidebar, .booking-summary-tab {
        width: 90%
    }

    @media screen and (min-width: 28.75em) and (max-width: 75em) {
        html.summary--open body {
            -webkit-transform: translateX(-26.25em);
            -ms-transform: translateX(-26.25em);
            transform: translateX(-26.25em)
        }
    }

    @media screen and (min-width: 28.75em) {
        .booking-sidebar, .booking-summary-tab {
            width: 26.25em
        }
    }

    @media screen and (max-width: 75em) {
        html.summary--open .page-wrap {
            max-height: 100vh;
            overflow-y: hidden
        }

        .booking-summary[style] {
            padding-bottom: 0 !important
        }

        .booking-sidebar, .booking-sidebar__inner {
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

            .booking-sidebar__inner.abs {
                position: absolute
            }

        .booking-total {
            position: -webkit-sticky;
            position: sticky;
            bottom: 0;
            width: 420px;
            -webkit-box-shadow: 0 -2px 1px rgba(29, 46, 55, 0.2);
            box-shadow: 0 -2px 1px rgba(29, 46, 55, 0.2);
            z-index: 99
        }

            .booking-total[style] {
                bottom: 0 !important;
                -webkit-transform: none;
                -ms-transform: none;
                transform: none
            }

        .sidebar-close {
            position: absolute;
            top: 1.25em;
            right: 1.25em
        }

            .sidebar-close:after {
                content: ' ';
                background-repeat: no-repeat;
                background-image: url(../img/icons/close-icon.svg);
                background-position: center center;
                background-size: 1em 1em;
                display: block;
                background-color: rgba(255, 255, 255, 0.6);
                -webkit-transition: background-color 0.4s;
                -o-transition: background-color 0.4s;
                transition: background-color 0.4s;
                padding: .25em;
                border-radius: 50%;
                width: 1em;
                height: 1em
            }

            .sidebar-close:hover:after {
                background-color: #fff
            }
    }

    .booking-page--login-register {
        padding-top: 2.5em
    }

    @media screen and (max-width: 43.75em) {
        .booking-page--login-register {
            padding-bottom: 0
        }

            .booking-page--login-register .outer {
                padding-bottom: 0
            }

            .booking-page--login-register .layout__item {
                margin-bottom: 2.5em
            }

                .booking-page--login-register .layout__item:nth-of-type(2) {
                    background-color: white;
                    padding: 2.5em 1.25em;
                    margin-left: -1.25em;
                    margin-right: -1.25em;
                    margin-bottom: 0
                }
    }

    @media screen and (min-width: 43.75em) {
        .booking-page--login-register {
            position: relative
        }



            .booking-page--login-register .outer {
                position: relative;
                z-index: 2
            }
    }

    @media screen and (min-width: 75em) {
        .booking-page {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            padding: 0
        }

            .booking-page.booking-page--login-register {
                display: block;
                padding-top: 3.75em;
                padding-bottom: 3.75em
            }

                .booking-page.booking-page--login-register .layout__item:nth-of-type(1) form {
                    padding-right: 2.5em
                }

                .booking-page.booking-page--login-register .layout__item:nth-of-type(2) form {
                    padding-left: 2.5em
                }

        .booking-content {
            width: calc(100% - 26.25em);
            padding-top: 3.75em;
            max-width: 55em
        }

        .booking-sidebar {
            position: relative;
            left: auto;
            top: auto;
            right: auto;
            bottom: auto
        }

        .booking-sidebar__inner {
            max-height: calc(100vh - 105px)
        }

            .booking-sidebar__inner.state--noheader {
                max-height: calc(100vh);
                position: fixed;
                width: 26.25em
            }

        .booking-summary-tab {
            display: none
        }

        .booking-total {
            position: relative;
            -webkit-box-shadow: 0 -2px 1px rgba(29, 46, 55, 0.2);
            box-shadow: 0 -2px 1px rgba(29, 46, 55, 0.2);
            bottom: 0;
            width: 420px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            z-index: 99
        }

        .account-page .booking-content {
            padding-top: 0
        }
    }

    .booking-section {
        margin-bottom: 5em
    }

        .booking-section .accordion + ul {
            margin-top: 0
        }

        .booking-section .bullet-list {
            margin-bottom: 1.875em
        }

        .booking-section .bullet-radio-set {
            margin-bottom: 1.25em
        }

        .booking-section.booking-section {
            margin-bottom: 2.5em
        }

    .widget .booking-section, .account-page .widget .booking-section {
        margin-bottom: 0
    }

    .booking-section--btm-bdr {
        border-bottom: 1px solid #DDE3E8;
        padding-bottom: 3.75em
    }

    .booking-heading {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .booking-heading svg, .booking-heading img {
            margin-right: .625em
        }

        .booking-heading.booking-heading--confirmation {
            text-align: center;
            display: block;
            margin-bottom: 37px;
            font-size: 28px;
            margin-top: 18px;
            line-height: 38px;
        }

        .booking-heading.booking-heading--confirmation {
            text-align: center;
            display: block;
            margin-bottom: 1.875em;
        }

            .booking-heading.booking-heading--confirmation svg {
                display: block;
                margin: 0 auto .625em
            }

    [data-expand-panel]:not(.state--show) {
        display: none
    }

    .expanded-section {
        background: #EBEAEA;
        position: relative
    }

        .expanded-section:before {
            content: ' ';
            z-index: 1;
            background: #EBEAEA;
            position: absolute;
            left: calc((100vw / 2) * -1);
            height: 100%;
            right: -200px
        }

        .expanded-section .expanded-section__inner {
            position: relative;
            z-index: 2;
            padding-top: 2.5em;
            padding-bottom: 2.5em
        }

            .expanded-section .expanded-section__inner p {
                color: #1D2E37
            }

            .expanded-section .expanded-section__inner:after {
                border: solid transparent;
                content: " ";
                height: 0;
                width: 0;
                position: absolute;
                top: 0;
                left: 0;
                pointer-events: none;
                border-color: rgba(136, 183, 213, 0);
                border-top-color: #F6F3F3;
                border-width: 1.125em
            }

    .radio-set .radio-set__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -.625rem;
        margin-right: -.625rem
    }

    .awnewupgradehotel .radio-set__inner {
        margin-left: 0px;
        margin-right: 0px;
    }
    /*.radio-set .radio-set__inner .radio-set__item {
    width: calc(50% - 1.25rem);
    margin-left: .625rem;
    margin-right: .625rem;
    margin-bottom: 1.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}*/
    .radio-set .radio-set__inner .radio-set__item--x2 {
        width: calc(100% - 1.25rem)
    }

    @media screen and (min-width: 37.5em) {
        .radio-set .radio-set__inner .radio-set__item {
            width: calc(25% - 1.25rem)
        }

        .radio-set .radio-set__inner .radio-set__item--x2 {
            width: calc(50% - 1.25rem)
        }
    }

    @media screen and (min-width: 60em) {
        .radio-set .radio-set__inner .radio-set__item {
            width: calc(20% - 1.25rem)
        }

        .radio-set .radio-set__inner .radio-set__item--x2 {
            width: calc(40% - 1.25rem)
        }
    }

    .radio-set.radio-set--lg .radio-set__item {
        width: calc(100% - 1.25rem)
    }

    @media screen and (min-width: 37.5em) {
        .radio-set.radio-set--lg .radio-set__item {
            width: 48%;
            margin-right: 2%;
            margin-bottom: 1.25em;
        }
    }



    .summary-panel {
        padding: 1.875em 2.5em;
        color: #1D2E37;
        background-color: #fff
    }

        .summary-panel div, .summary-panel li, .summary-panel p {
            color: #1D2E37
        }

        .summary-panel.summary-panel--shade {
            background-color: #ECEBEB
        }

        .summary-panel.summary-panel--shade-2 {
            background-color: #DEDDDD
        }

        .summary-panel.summary-panel--bdr-btm {
            border-bottom: 1px solid #e9ebec
        }

        .summary-panel.summary-panel--promotion {
            background-color: #B5DBAA
        }

        .summary-panel.summary-panel--cancelation {
            background-color: rgba(238, 39, 0, 0.5)
        }

    .account-page .summary-panel .accordion__body-inner {
        padding-bottom: 0
    }

    .summary-header {
        padding-top: 3.75em;
        padding-bottom: 3.75em
    }

        .summary-header div, .summary-header p {
            margin: 0;
            color: #fff
        }

    .summary-list {
        margin: 0;
        padding: 0;
        list-style-type: none
    }

        .summary-list li {
            margin-bottom: .25em
        }

        .summary-list .summary-list__item {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: end;
            -ms-flex-align: end;
            align-items: start; /* 多行名字 价格紧贴顶部  lixin*/
        }

        .summary-list .summary-list__key {
            text-align: left;
            padding-right: 0em
        }

        .summary-list .summary-list__value {
            text-align: right;
            padding-left: .625em
        }

    .summary-list--total {
        border-bottom: 1px solid #1D2E37;
        padding-bottom: .625em;
        margin-bottom: .625em
    }

        .summary-list--total .summary-list__item {
            -webkit-box-align: end;
            -ms-flex-align: end;
            align-items: flex-end
        }

        .summary-list--total .summary-list__value {
            font-size: 1.375em;
            font-weight: 400;
            letter-spacing: 0.05em
        }

    .summary-list--review .summary-list__item {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

        .summary-list--review .summary-list__item > * {
            -ms-flex-preferred-size: 60%;
            flex-basis: 60%;
            text-align: left
        }

        .summary-list--review .summary-list__item .summary-list__key {
            -ms-flex-preferred-size: 40%;
            flex-basis: 40%
        }

    @media screen and (min-width: 31.25em) {
        .summary-list--review .summary-list__key {
            min-width: 10em
        }
    }

    .booking-total .accordion__trigger {
        padding: 0 !important
    }

    .booking-total .accordion__body-inner {
        margin-bottom: 0;
        padding-bottom: 0;
        padding-top: 10px
    }

        .booking-total .accordion__body-inner ul {
            margin-bottom: 0
        }

    .summary-dates {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 1em;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        overflow: hidden
    }

        .summary-dates .summary-dates__date {
            display: inline-block;
            float: left;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .summary-dates .summary-dates__date input {
                width: 8.75em;
                background: url(../img/icons/input-calendar.svg) no-repeat center right;
                padding-right: 1.25em
            }

        .summary-dates .summary-dates__break {
            margin-left: .625em;
            margin-right: .625em
        }

    input.cloaked-input {
        margin: 0;
        padding: 0;
        width: auto;
        background: transparent
    }

        input.cloaked-input:focus {
            outline: none;
            border-bottom: 1px dashed #23dafa
        }

    .radio-button {
        background-color: #fff;
        border: 1px solid #DDE3E8;
        padding: 1.125em;
        white-space: normal;
        /*font-family: "din-2014", sans-serif;*/
        position: relative;
        border-radius: 8px;
        display: inline-block;
        color: #0C3051;
        font-size: .9375em;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        line-height: 1.5;
    }

    .edit-infomodal .modal {
        overflow-y: scroll;
    }

    .radio-button:hover {
        cursor: pointer
    }

    .radio-button.radio-button--card {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

        .radio-button.radio-button--card:hover {
            -webkit-transition: -webkit-box-shadow .3s;
            transition: -webkit-box-shadow .3s;
            -o-transition: box-shadow .3s;
            transition: box-shadow .3s;
            transition: box-shadow .3s, -webkit-box-shadow .3s;
            -webkit-box-shadow: 0 2px 6px rgba(29, 46, 55, 0.2);
            box-shadow: 0 2px 6px rgba(29, 46, 55, 0.2)
        }

    .radio-button.--disabled {
        opacity: 0.5;
        pointer-events: none
    }

    .radio-button div.title, .radio-button span.title {
        font-weight: 400;
        letter-spacing: 0.05em;
        color: #1D2E37
    }

    .radio-button input {
        width: 0;
        height: 0;
        overflow: hidden;
        opacity: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        position: absolute;
        bottom: 0;
        right: 0
    }

    .radio-button.radio-button--card .radio-button__marker {
        position: absolute;
        top: 0;
        right: 0
    }

        .radio-button.radio-button--card .radio-button__marker:after {
            content: ' ';
            width: 1.625rem;
            height: 1.625rem;
            border-radius: 50%;
            display: block;
            background-color: #fff;
            border: 1px solid #DDE3E8;
            position: absolute;
            top: 0;
            right: 0;
            -webkit-transform: translateX(50%) translateY(-50%);
            -ms-transform: translateX(50%) translateY(-50%);
            transform: translateX(50%) translateY(-50%);
            z-index: 2
        }

    .radio-button input + .radio-button__marker {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border: 1px solid transparent;
        border-radius: 8px
    }

    .radio-button:hover .radio-button__marker {
        border-color: #23dafa
    }

    .radio-button input:checked + .radio-button__marker {
        border-color: #23dafa
    }

        .radio-button input:checked + .radio-button__marker:after {
            content: ' ';
            width: 1.625rem;
            height: 1.625rem;
            border-radius: 50%;
            display: block;
            background: #5ECDD1 url(../img/white-tick.svg) no-repeat center center/11px auto;
            border-color: #5ECDD1;
            position: absolute;
            top: 0;
            right: 0;
            -webkit-transform: translateX(50%) translateY(-50%);
            -ms-transform: translateX(50%) translateY(-50%);
            transform: translateX(50%) translateY(-50%);
            z-index: 2
        }

    .radio-button.radio-button--card.state--purchased .radio-button__body {
        opacity: 0.5
    }

    .radio-button.radio-button--card.state--purchased .radio-button__img {
        position: relative;
        opacity: 0.5
    }

        .radio-button.radio-button--card.state--purchased .radio-button__img:before {
            /*content: 'Purchased';*/
            content: none;
            text-transform: uppercase;
            position: absolute;
            top: 0;
            left: 0;
            background-color: #5ECDD1;
            -webkit-transform: translateX(-4px);
            -ms-transform: translateX(-4px);
            transform: translateX(-4px);
            color: #fff;
            font-size: .875rem;
            padding: .25rem .875rem;
            opacity: 1
        }

    .radio-button.radio-button--card.state--purchased:hover .radio-button__img:before { /*content: 'Remove ?'*/
        content: none;
    }

    .radio-button.radio-button--card.state--purchased .radio-button__marker:after, .radio-button.radio-button--card.state--purchased input:checked + .radio-button__marker:after {
        background-image: none;
        background-color: #DDE3E8;
        content: '×';
        font-size: 1.625rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-color: #DDE3E8;
        -webkit-transition: all .4s;
        -o-transition: all .4s;
        transition: all .4s
    }

    .radio-button.radio-button--card.state--purchased:hover .radio-button__marker:after, .radio-button.radio-button--card.state--purchased:hover input:checked + .radio-button__marker:after {
        background-color: #23dafa;
        border-color: #23dafa;
        color: #fff
    }

    .radio-button p {
        line-height: 1.2
    }

    .radio-button .title + p {
        margin-top: .625em
    }

    .radio-button .radio-button__label {
        position: relative;
        z-index: 3
    }

    .other-departures {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

        .other-departures .control {
            width: 100%;
            margin-bottom: 0
        }

    @media screen and (min-width: 37.5em) {
        .other-departures.radio-set__item--x2 {
            width: auto;
            -ms-flex-preferred-size: 100%;
            flex-basis: 100%
        }

            .other-departures.radio-set__item--x2 .control {
                width: calc(50% - .625em)
            }
    }

    @media screen and (min-width: 60em) {
        .other-departures.radio-set__item--x2 .control {
            width: calc(40% - .625em)
        }
    }

    .booking-select {
        max-width: 500px;
        border: 1px solid #DDE3E8;
        border-radius: 3px
    }

    .booking-section p, .booking-section li {
        color: #0C3051
    }

    .booking-section.booking-section--overflow {
        overflow: hidden
    }

    .breakdown-panel {
        background: #fff;
        border: 1px solid #DDE3E8;
        border-radius: 3px;
        font-size: .875em;
        padding: 1em;
        -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.14);
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.14);
        margin-bottom: 1.25em;
        margin-top: -.625em;
        float: left;
        clear: left;
        overflow: hidden;
        max-width: 42.5em
    }

        .breakdown-panel .notification {
            float: left;
            clear: left;
            margin-top: .625rem;
            width: 100%
        }

        .breakdown-panel .booking-select {
            border-color: transparent;
            background-size: 12px auto
        }

        .breakdown-panel input[type="text"], .breakdown-panel input[type="number"], .breakdown-panel .booking-select {
            background-color: #F7F6F6;
            padding: .625rem
        }

        .breakdown-panel input[type="text"] {
            -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
            box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
            border-radius: 3px
        }

        .breakdown-panel.breakdown-panel--trans {
            -webkit-box-shadow: none;
            box-shadow: none;
            padding: 0;
            border: none;
            background-color: transparent
        }

            .breakdown-panel.breakdown-panel--trans input {
                background-color: #fff
            }

    .rooms-panel .rooms-panel__inner {
        margin-left: -10px
    }

    .rooms-panel .room-item {
        float: left;
        min-width: 140px;
        margin-left: .625rem;
        padding-left: .625rem;
        width: calc(50% - 1.25rem);
        margin-bottom: 1.25em
    }

        .rooms-panel .room-item:nth-of-type(2n + 1) {
            clear: left
        }

    @media screen and (min-width: 31.25em) {
        .rooms-panel .room-item {
            width: calc(33.3333% - 1.25rem)
        }

            .rooms-panel .room-item:nth-of-type(2n + 1) {
                clear: none
            }

            .rooms-panel .room-item:nth-of-type(3n + 1) {
                clear: left
            }
    }

    @media screen and (min-width: 60em) {
        .rooms-panel .room-item {
            min-width: 180px
        }
    }

    .rooms-panel .room-item .control--field-submit {
        margin-top: 20px;
        margin-bottom: 0
    }

        .rooms-panel .room-item .control--field-submit + .notification {
            padding: .3125em .75em !important
        }

    .rooms-panel .room-breakdown__title {
        font-weight: bold
    }

    .share-panel {
        min-width: 300px
    }

    .check-radio-set, .bullet-radio-set, .radio-marker, .std-radio {
        margin: 0;
        padding: 0;
        list-style-type: none
    }

        .check-radio-set li, .bullet-radio-set li, .radio-marker li, .std-radio li {
            margin: 0;
            padding: 0
        }

        .check-radio-set label, .bullet-radio-set label, .radio-marker label, .std-radio label {
            position: relative;
            color: #0c3051;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            margin-bottom: .5rem;
            font-size: 14px;
        }

        .check-radio-set input[type="radio"], .bullet-radio-set input[type="radio"], .radio-marker input[type="radio"], .std-radio input[type="radio"] {
            width: 0;
            height: 0;
            overflow: hidden;
            opacity: 0;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            position: absolute;
            bottom: 0;
            right: 0
        }

            .check-radio-set input[type="radio"] + span.marker, .bullet-radio-set input[type="radio"] + span.marker, .std-radio input[type="radio"] + span.marker {
                content: ' ';
                display: block;
                border: 1px solid #DDE3E8;
                border-radius: 50%;
                width: 1.375rem;
                height: 1.375rem;
                margin-right: .625rem;
                background: #fff;
                -ms-flex-negative: 0;
                flex-shrink: 0;
                -webkit-transform: translateY(-.125rem);
                -ms-transform: translateY(-.125rem);
                transform: translateY(-.125rem)
            }

            .radio-marker input[type="radio"] + span.marker:after {
                content: ' ';
                content: ' ';
                display: block;
                border: 1px solid #DDE3E8;
                border-radius: 50%;
                width: 1.375rem;
                height: 1.375rem;
                margin-right: .625rem;
                background: #fff;
                -ms-flex-negative: 0;
                flex-shrink: 0;
                -webkit-transform: translateY(-.125rem);
                -ms-transform: translateY(-.125rem);
                transform: translateY(-.125rem);
                margin-left: auto;
                margin-right: auto
            }

    .radio-marker {
        color: #4A4A4A
    }

    .flight-col--options label.radio-marker--disabled {
        background-color: #ECEBEB
    }

    .bullet-radio-set--inline {
        margin-left: -1.25em;
        min-height: 2.1875em
    }

        .bullet-radio-set--inline li {
            display: inline-block;
            margin-left: 1.25em;
            margin-right: 1.25em
        }

    .check-radio-set input[type="checkbox"] + .marker {
        margin-left: 2px;
        margin-right: 11px
    }

    .check-radio-set input[type="radio"]:checked + span.marker {
        background: #5ECDD1 url(../img/white-tick.svg) no-repeat center center/11px auto;
        border-color: #5ECDD1
    }

    .radio-marker input[type="radio"]:checked + span.marker:after {
        background: #5ECDD1 url(../img/white-tick.svg) no-repeat center center/11px auto;
        border-color: #5ECDD1
    }

    .radio-marker {
        position: relative
    }

        .radio-marker input[type="radio"] + span.marker:before {
            content: ' ';
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            bottom: 0;
            border: 2px solid transparent;
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

        .radio-marker:hover input[type="radio"] + span.marker:before, .radio-marker input[type="radio"]:checked + span.marker:before {
            border-color: #4FE1FB
        }

    .bullet-radio-set input[type="radio"]:checked + span.marker, .std-radio input[type="radio"]:checked + span.marker {
        border-color: #0C3051;
        position: relative
    }

        .bullet-radio-set input[type="radio"]:checked + span.marker:after, .std-radio input[type="radio"]:checked + span.marker:after {
            content: ' ';
            display: block;
            width: 12px;
            height: 12px;
            border-radius: 50%;
            position: absolute;
            top: 5px;
            right: 5px;
            background-color: #23DAFA;
        }

    .bullet-radio-set + p, .std-radio + p {
        margin-top: 20px
    }

    .booking-controls {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

        .booking-controls .booking-controls__prev, .booking-controls .booking-controls__next {
            width: calc(50% - 20px)
        }

        .booking-controls .booking-controls__next {
            text-align: right
        }

        .booking-controls .btn, .booking-controls .form--dark [type="button"], .form--dark .booking-controls [type="button"], .booking-controls .form--dark [type="submit"], .form--dark .booking-controls [type="submit"] {
            width: 10em;
            max-width: 100%;
            text-align: center
        }

    select[data-expand-trigger="connection"].state--expanded {
        border: 1px solid #5ECDD1;
        -webkit-box-shadow: 0 0 0 1px #5ECDD1;
        box-shadow: 0 0 0 1px #5ECDD1
    }

    [disabled="disabled"] {
        opacity: 0.5;
        pointer-events: none
    }

    .extension-box {
        padding: 20px 30px !important;
        font-size: 14px;
        background: #fff;
        margin-bottom: 1.875em;
        border: 1px solid #D8D9DD;
        border-radius: 8px;
        position: relative;
    }

    .opextension-box {
        margin-top: 27px;
    }

    .newoptionaltourname_price {
        line-height: 16px;
        font-size: 14px;
        font-family: 'basis-grotesque-bold';
    }

    .checkboxtick-check {
        background-color: #fafbfa;
        padding: 9px;
        border-radius: 50px;
        display: inline-block;
        position: relative;
        margin-right: 30px;
        -webkit-transition: all 0.1s ease-in;
        transition: all 0.1s ease-in;
        width: 40px;
        height: 15px;
        position: absolute;
        top: 30px;
        right: 0;
        cursor: pointer;
    }

        .checkboxtick-check .marker {
            border: none;
        }

        .checkboxtick-check span:before {
            content: ' ';
            position: absolute;
            background: white;
            top: 1px;
            left: 1px;
            z-index: 9;
            width: 31px;
            -webkit-transition: all 0.1s ease-in;
            transition: all 0.1s ease-in;
            height: 31px;
            border-radius: 100px;
            box-shadow: 0 3px 1px rgb(0 0 0 / 5%), 0 0px 1px rgb(0 0 0 / 30%);
        }

        .checkboxtick-check span:after {
            content: ' ';
            position: absolute;
            top: 0;
            -webkit-transition: box-shadow 0.1s ease-in;
            transition: box-shadow 0.1s ease-in;
            left: 0;
            width: 100%;
            height: 100%;
            border-radius: 100px;
            box-shadow: inset 0 0 0 0 #eee, 0 0 1px rgb(0 0 0 / 40%);
        }

        .checkboxtick-check input:checked + span:before {
            content: ' ';
            position: absolute;
            left: 26px;
            border-radius: 100px;
            background-image: url(../img/AW2022/icon/bookingsharebtn.png);
            background-repeat: no-repeat;
            background-position: center center;
        }

        .checkboxtick-check input:checked + span:after {
            content: ' ';
            font-size: 1.5em;
            position: absolute;
            background: #23DAFA;
            box-shadow: 0 0 1px #23DAFA;
        }

    .labelinputchecked {
        border: 1px solid #4FE1FB;
    }

    .newoptionaltourname_title {
        font-family: basis-grotesque-off-white !important;
        font-size: 14px;
        line-height: 16px;
    }

    .extension-box p:last-of-type {
        margin-bottom: 0
    }

    .extension-box .std-radio input[type="radio"] + span.marker {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    .expanded-section + .extension-box {
        margin-top: 1.875em
    }

    .extension-box--radio + .extension-box--radio {
        margin-top: -.625em
    }

    .new-original-dept-date {
        margin: 0;
        padding: 0;
        list-style-type: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border-bottom: 1px solid #D8D8D8;
        padding-bottom: 1.875em;
        margin-bottom: 2.5em
    }

        .new-original-dept-date li {
            padding: 1.25em;
            padding-right: 2.5em
        }

            .new-original-dept-date li + li {
                margin-left: 1.25em
            }

            .new-original-dept-date li p {
                margin-bottom: 0
            }

        .new-original-dept-date .new-original-dept-date__item--new {
            background-color: #1D2E37
        }

            .new-original-dept-date .new-original-dept-date__item--new p {
                color: #fff
            }

    .date-price-list.flickity-enabled {
        margin-left: -1.875em;
        margin-right: -1.875em
    }

    @media screen and (min-width: 43.75em) {
        .date-price-list {
            margin-left: 0em;
            margin-right: 0em
        }
    }

    .date-price-list + .note {
        margin-top: 3.75em;
        margin-bottom: -1.25em
    }

    .note a, .note [data-tooltip] {
        text-decoration: underline
    }

    .date-price {
        background-color: #F6F4F4;
        padding: 1.25rem;
        display: block;
        -webkit-transition: background-color .4s;
        -o-transition: background-color .4s;
        transition: background-color .4s;
        text-decoration: none
    }

        .date-price:hover {
            background-color: #fff
        }

        .date-price .date-price__month {
            font-weight: 400;
            letter-spacing: 0.05em;
            color: #1D2E37;
            display: block;
            text-transform: uppercase;
            font-size: 1.125em
        }

        .date-price .date-price__price {
            font-size: .9375em
        }

        .date-price.is-active {
            background-color: #1D2E37
        }

            .date-price.is-active .date-price__month {
                color: #5ECDD1
            }

            .date-price.is-active .date-price__price {
                color: #fff
            }

        .date-price.date-price--season-break {
            background: #EEEEEE;
            position: relative
        }

            .date-price.date-price--season-break:before {
                content: ' ';
                position: absolute;
                left: 0;
                top: 0;
                bottom: 0;
                width: 100%;
                background-color: #D8D8D8;
                -webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
                clip-path: polygon(100% 0, 0% 100%, 100% 100%)
            }

        .date-price .date-price__old-season, .date-price .date-price__new-season {
            font-weight: 400;
            letter-spacing: 0.05em;
            color: #333;
            display: block;
            text-transform: uppercase;
            font-size: 1.125em;
            position: relative;
            z-index: 2
        }

        .date-price .date-price__new-season {
            text-align: right
        }

    .date-price-list {
        overflow: hidden;
        margin-bottom: 1.25em
    }

    .date-price-list__item {
        width: 33.3333%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-left: 2px solid #fff;
        border-right: 2px solid #fff;
        float: left
    }

    @media screen and (min-width: 31.25em) {
        .date-price-list__item {
            width: 25%
        }
    }

    @media screen and (min-width: 43.75em) {
        .date-price-list__item {
            width: 20%
        }
    }

    .date-price-list.flickity-enabled {
        padding-left: 1.5625em;
        padding-right: 1.5625em;
        position: relative
    }

        .date-price-list.flickity-enabled .flickity-prev-next-button {
            background-color: #23dafa;
            padding: 0;
            width: 1.5625em;
            height: auto;
            top: 0;
            bottom: 0
        }

            .date-price-list.flickity-enabled .flickity-prev-next-button[disabled] {
                opacity: 1;
                background-color: #F6F4F4
            }

                .date-price-list.flickity-enabled .flickity-prev-next-button[disabled] svg .arrow {
                    fill: #D2D2D2
                }

            .date-price-list.flickity-enabled .flickity-prev-next-button svg .arrow {
                fill: #fff
            }

            .date-price-list.flickity-enabled .flickity-prev-next-button svg {
                position: absolute;
                left: -10%;
                top: 5%;
                width: 90%;
                height: 90%
            }

            .date-price-list.flickity-enabled .flickity-prev-next-button.previous {
                left: 0;
                margin-right: 0
            }

                .date-price-list.flickity-enabled .flickity-prev-next-button.previous svg {
                    left: 20%
                }

            .date-price-list.flickity-enabled .flickity-prev-next-button.next {
                right: 0;
                margin-left: 0
            }

            .date-price-list.flickity-enabled .flickity-prev-next-button.previous, .date-price-list.flickity-enabled .flickity-prev-next-button.next {
                -webkit-transform: translateX(0) translateY(0);
                -ms-transform: translateX(0) translateY(0);
                transform: translateX(0) translateY(0)
            }

    .date-price-list.date-price-list--booking {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -.625em
    }

    @media screen and (min-width: 60em) {
        .date-price-list.date-price-list--booking {
            max-width: calc(66.6666% - 3.75em)
        }
    }

    .date-price-list.date-price-list--booking.flickity-enabled {
        margin-left: 0;
        margin-right: 0;
        display: block
    }

        .date-price-list.date-price-list--booking.flickity-enabled .flickity-prev-next-button {
            top: 1.5em;
            border-radius: .1875em
        }

    .date-price-list.date-price-list--booking .flickity-viewport {
        padding-top: .75em
    }

    .date-price-list.date-price-list--booking .date-price-list__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border-left-color: transparent;
        border-left-width: .625em;
        border-right-color: transparent;
        border-right-width: .625em;
        width: 33.3333%
    }

        .date-price-list.date-price-list--booking .date-price-list__item .radio-button {
            width: 100%;
            margin-top: .75em;
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

    .date-price-list.date-price-list--booking.flickity-resize .date-price-list__item {
        min-height: calc(100% - 12px)
    }

    .radio-button__inner {
        width: 100%
    }

    .radio-button__img {
        margin-top: -1.13em;
        margin-left: -1.1em;
        margin-right: -1.1em;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        overflow: hidden
    }

        .radio-button__img img {
            display: block;
            width: 100%;
            max-width: 100%;
            height: auto;
            border-radius: 8px;
        }

    .radio-button__body {
        position: relative;
        padding-top: 1.25em
    }

        .radio-button__body .title {
            color: #0C3051;
            font-size: 16px;
        }

        .radio-button__body p {
            color: #0C3051;
            /*max-width: 15em;*/
            font-size: 14px;
            line-height: 22px;
        }

        .radio-button__body a {
            color: #2d6497;
            font-family: basis-grotesque-regular;
        }

    .opt_cityname {
        font-family: basis-grotesque-regular;
    }

    .opt_tourname {
        font-family: basis-grotesque-bold;
    }

    .accountnewradio-set .radio-button__total {
        /*background-color: #1D2E37;*/
        background-color: rgba(29,46,55,.6);
        color: #fff;
        position: absolute;
        right: -1.0625em;
        bottom: 100%;
        padding: 0.25em 0.5em;
        font-weight: 400;
        letter-spacing: 0.05em;
    }

    .radio-button__body-inner {
        position: relative;
        z-index: 10
    }

    .radio-button__meta {
    }

    #divEditPackageUpOp {
        margin-bottom: 45px;
    }

    .radio-button__total {
        /*background-color: #1D2E37;*/
        background-color: rgba(29,46,55,.6);
        color: #fff;
        position: absolute;
        right: -1.0625em;
        /*color: #0C3051;*/
        /*position: relative;*/
        bottom: 100%;
        padding: .5em .5em 0.25em;
        font-family: "din-condensed", sans-serif;
        font-weight: 400;
        letter-spacing: 0.05em;
        line-height: 15px;
    }

    .remove-btn {
        text-decoration: none
    }

        .remove-btn:before {
            content: '×';
            display: block;
            background-color: transparent;
            border: 1px solid #4A4A4A;
            color: #4A4A4A;
            font-size: 1.0625rem;
            line-height: 1.25rem;
            width: 1.25rem;
            height: 1.25rem;
            border-radius: 50%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
        }

        .remove-btn:hover:before {
            background-color: #4A4A4A;
            color: #fff
        }

    .applied-coupon {
        position: relative;
        padding-right: 30px
    }

        .applied-coupon .remove-btn {
            position: absolute;
            top: 10px;
            right: 10px
        }

    label.radio-marker--disabled {
        background-color: #ECEBEB
    }

    .seat-assignment-wrap {
        font-weight: 400;
        letter-spacing: 0.05em;
        color: #556A7E;
        font-weight: normal
    }

        .seat-assignment-wrap td {
            padding: 4px;
            text-transform: uppercase
        }

    @media (max-width: 580px) {
        .seat-assignment-wrap > table {
            margin-bottom: 2em
        }

        .seat-assignment-wrap table {
            width: 100%
        }

            .seat-assignment-wrap table img {
                max-width: 100%;
                height: auto
            }

        .seat-assignment-wrap .seating-table-key img {
            max-width: 999px
        }

        .seat-assignment-wrap .seating-table-key tr {
            display: block
        }

        .seat-assignment-wrap .seating-table-key td {
            display: inline-block;
            text-align: left
        }
    }

    .hl {
        color: #1D2E37
    }

    .booking-page input[type="text"], .booking-page input[type="email"], .booking-page input[type="search"], .booking-page input[type="password"], .booking-page input[type="number"], .booking-page input[type="phone"], .booking-page textarea, .booking-page .booking-select {
        border: 1px solid #D8D9DD;
        /* border-radius: .25em;
    padding: .625em*/
        border-radius: 4px;
        padding: 0.893em;
    }

    .booking-page .control__field {
        margin-top: .5em
    }

    /*.booking-page .control { margin-bottom: .75em }*/

    .booking-page input[type="submit"] {
        text-transform: uppercase;
        width: 15em
    }

    .booking-page form p {
        line-height: 22px;
        font-size: 14px;
    }

        .booking-page form p + .control {
            margin-top: 1.875em
        }

    .booking-page .control--submit {
        margin-top: 1.9em
    }

    .booking-page .control__field input + label {
        margin-top: 1.25em
    }

    .traveller-details + .traveller-details {
        border-top: 1px solid #DDE3E8;
        margin-top: 2.5em;
        padding-top: 3.75em
    }

    @media screen and (min-width: 43.75em) {
        .seat-selector {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start
        }

        .seat-selector__fields {
            margin-left: 2.5em;
            margin-right: auto;
            position: -webkit-sticky;
            position: sticky;
            top: 7.5em;
            margin-top: 6.25em
        }
    }

    @media screen and (min-width: 75em) {
        .seat-selector__fields {
            top: 1.25em
        }

        .primary-nav__primarybackground {
            padding-right: 45px !important;
            padding-left: 42px !important;
        }
    }

    .seat-selector__fields {
        max-width: 300px
    }

    .rotate180 {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

        .rotate180 svg {
            margin-left: 10px;
            margin-right: 0
        }

    .reduce-width {
        max-width: 13.125em
    }

    .toggle-pair-hidden {
        display: none
    }

    .booking-confirmed {
        max-width: 44em;
        background-color: #fff;
        /* margin: 1.25em auto; */
        text-align: left;
        color: #0c3051;
        margin-bottom: 7.5em;
        border: 1px solid #D8D9DD;
        border-radius: 8px;
        margin: auto;
    }

    .newbooking-confirmed .booking-confirmed__header {
        padding: 0px;
        margin-bottom: 20px;
        position: relative;
    }

    .booking-confirmed__header p {
        font-size: 28px !important;
        line-height: 30px !important;
        width: 70%;
        margin: initial !important;
        word-break: break-word;
    }

    .booking-confirmed__info {
        border-bottom: 1px solid #D8D9DD;
        padding-bottom: 24px;
        margin-bottom: 24px;
        padding-top: 2px;
    }

    .bookingfooterbox .booking-confirmed__header span {
        width: auto;
        padding: 0px 12px;
    }

    .bookingfooterbox .booking-confirmed p {
        max-width: initial;
    }

    .booking-confirmed p {
        max-width: inherit;
        line-height: 22px;
        margin-bottom: 6px;
        font-size: 14px;
    }

    .booking-confirmed__header span {
        display: inline-block;
        background-color: #A5D4F9;
        border-radius: 4px;
        font-size: 12px;
        position: absolute;
        right: 0px;
        top: 2px;
        width: 85px;
        height: 26px;
        line-height: 26px;
        text-align: center;
    }

    .booking-confirmed p {
        max-width: 22.5em;
        margin-left: auto;
        margin-right: auto
    }

    .booking-confirmed__header, .booking-confirmed__body {
        padding: 1.125em 2.25em
    }

    .booking-confirmed__header {
        font-size: 1.125em
    }

    .booking-confirmed__booking-number {
        font-size: 20px;
        padding-bottom: 1.25em;
        margin-bottom: 15px;
        color: #2D6497;
        text-align: center;
    }

    .newbooking-confirmed img {
        width: 100%;
    }

    .booking-confirmed__base {
        font-size: 1.125em;
        border-top: 1px solid #E9E5E5;
        padding-top: 1.25em;
        margin-top: 1.25em;
        text-align: center
    }

    .icon-button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-decoration: none;
        text-align: left;
        width: 13.125em;
        margin-left: auto;
        margin-right: auto
    }

        .icon-button:hover .icon-button__text-bdy {
            text-decoration: none
        }

    .icon-button__icon {
        margin-right: .625em
    }

    .icon-button__text-title, .icon-button__text-bdy {
        display: block
    }

    .icon-button__text-title {
        font-weight: 400;
        letter-spacing: 0.05em;
        font-size: 1rem
    }

    .icon-button__text-bdy {
        font-size: .875rem;
        text-decoration: underline
    }

    .flight-row {
        margin-bottom: 2.5em;
        border-radius: .25em;
        background: #fff
    }

    .flight-row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        background-color: #fff
    }

        .flight-row > .flight-table-banner {
            border-top-left-radius: .25em;
            border-top-right-radius: .25em
        }

        .flight-row .flight-col--table {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .flight-row .flight-col--table .flight-table-banner {
                width: 100%
            }

    @media screen and (min-width: 56.25em) {
        .na-break {
            display: none
        }
    }

    .flight-row:not(.flight-row--header) {
        border: 1px solid #DDE3E8
    }

        .flight-row:not(.flight-row--header) .flight-col--table > .flight-table-banner {
            border-top-left-radius: .25em
        }

        .flight-row:not(.flight-row--header) .flight-col--options .flight-col--options__cell {
            border-top-right-radius: .25em;
            border-bottom-right-radius: .25em
        }

            .flight-row:not(.flight-row--header) .flight-col--options .flight-col--options__cell:nth-of-type(1) .marker:before {
                border-bottom-left-radius: .25em
            }

            .flight-row:not(.flight-row--header) .flight-col--options .flight-col--options__cell:nth-of-type(3) .marker:before {
                border-bottom-right-radius: .25em
            }

    @media screen and (min-width: 43.75em) {
        .flight-row:not(.flight-row--header) .flight-col--options .flight-col--options__cell:nth-of-type(1) .marker:before {
            border-bottom-left-radius: 0em
        }

        .flight-row:not(.flight-row--header) .flight-col--options .flight-col--options__cell:nth-of-type(3) .marker:before {
            border-top-right-radius: .25em
        }
    }

    .flight-row:not(.flight-row--header) table {
        border-bottom-left-radius: .25em
    }

    .flight-row--header {
        font-weight: 400;
        letter-spacing: 0.05em;
        text-align: center;
        color: #556A7E;
        margin-bottom: 1.25em
    }

        .flight-row--header .flight-col--table {
            text-align: left
        }

    .flight-banner {
        background-color: #ECEBEB;
        padding: .3125em 0;
        margin-bottom: 1.25em
    }

        .flight-banner ul {
            list-style-type: none;
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }

        .flight-banner ul, .flight-banner li {
            margin: 0;
            padding: 0
        }

        .flight-banner li {
            display: inline-block;
            padding: .3125em 1.25em;
            white-space: nowrap;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .flight-banner li img {
                display: inline-block
            }

    @media screen and (min-width: 31.25em) {
        .flight-banner li + li {
            border-left: 1px solid #2C3C4A
        }
    }

    .flight-table {
        width: 100%;
        color: #1D2E37;
        background-color: #fff
    }

        .flight-table td {
            padding: .625em 1.25em
        }

    @media screen and (max-width: 31.25em) {
        .flight-table td {
            padding: .625em
        }
    }

    .flight-table .flight-info__date {
        color: #8999A5;
        font-size: .875rem
    }

    .flight-table .flight-info__code {
        font-size: 1rem
    }

    .flight-table .flight-info__time {
        font-size: 1.5rem
    }

    .flight-table .am-pm {
        font-size: .625rem
    }

    .flight-table .td-duration {
        color: #8999A5;
        font-size: .875rem;
        text-align: center;
        padding-left: 0;
        padding-right: 0
    }

    .flight-table-banner {
        padding: .5em 1.25em;
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-item-align: start;
        align-self: flex-start
    }
    .openallbtn {
        display:none;
    }
    .showtext {
        display: none !important;
    }
    .review-table {
        width: 100%;
        background-color: #fff;
        margin-bottom: 2.5em
    }

        .review-table th {
            padding: 1.1em .625em;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            font-weight: 400;
            letter-spacing: 0.05em;
            background-color: #D3F8FE;
            color: #0C3051;
            white-space: nowrap;
            text-align: left;
            text-transform: initial;
        }



            .review-table th:first-of-type {
                border-top-left-radius: 8px
            }

            .review-table th:last-of-type {
                border-top-right-radius: 8px
            }

        .review-table th, .review-table td {
            font-size: .875rem
        }

        .review-table td {
            color: #0C3051;
            /*background-color: #fff;*/
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

            .review-table td.td--updated {
                color: #d0021b
            }

            .review-table td > [data-tooltip] {
                top: -2px
            }

            .review-table th.a-r, .review-table td.a-r {
                text-align: right
            }

        .review-table > tbody > tr.alt, .review-table > tbody > tr.alt td {
            background-color: #F8F9FA
        }

        .review-table > tbody > tr {
            border-bottom: 1px solid #ebe9e9
        }



        .review-table img {
            display: inline-block
        }

        .review-table .flight-table {
            background-color: transparent;
            font-family: 'basis-grotesque-regular'
        }

            .review-table .flight-table td {
                text-align: left
            }

        .review-table .tbc-msg {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .review-table .tbc-msg img, .review-table .tbc-msg span {
                margin-left: .25em;
                margin-right: .25em
            }

        .review-table td.flight-depart, .review-table td.flight-arrive, .review-table .td-duration {
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

        .review-table td.flight-depart, .review-table td.flight-arrive {
            width: 40%;
            vertical-align: top
        }

        .review-table .td-duration {
            width: 20%
        }

    .flight-review-table .flight-table td {
        padding: .625em
    }

    @media screen and (min-width: 37.5em) {
        .flight-review-table .layover {
            background-color: #fff;
            position: relative;
            padding: 0 .625em;
            margin-left: -.625em;
            width: -webkit-max-content;
            width: -moz-max-content;
            width: max-content
        }

        .flight-review-table tr.alt .layover {
            background-color: #F8F9FA
        }

        @supports ((width: -webkit-max-content) or (width: -moz-max-content) or (width: max-content)) {
            .flight-review-table [rowspan="2"] {
                position: relative;
                bottom: -1px;
                -webkit-box-shadow: inset 0 -1px 0 #ebe9e9;
                box-shadow: inset 0 -1px 0 #ebe9e9
            }

                .flight-review-table [rowspan="2"]:before {
                    background: #ebe9e9;
                    content: '';
                    height: 1px;
                    position: absolute;
                    left: 0;
                    right: 0;
                    top: 50%;
                    -webkit-transform: translateY(-1px);
                    -ms-transform: translateY(-1px);
                    transform: translateY(-1px)
                }

                .flight-review-table [rowspan="2"]:after {
                    background: #ebe9e9;
                    bottom: 0;
                    content: '';
                    width: 1px;
                    position: absolute;
                    right: -1px;
                    top: 0
                }
        }
    }

    @media screen and (max-width: 37.5em) {
        .flight-review-table > tbody > tr > td {
            border: none
        }

        .flight-review-table thead th {
            display: none
        }

            .flight-review-table thead th:nth-of-type(1) {
                display: block;
                border-top-right-radius: .25em
            }

        .flight-review-table > tbody > tr {
            display: block;
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }

        .flight-review-table td.flight-info {
            display: block;
            width: 100%
        }

        .flight-review-table .flight-no, .flight-review-table .flight-cabin, .flight-review-table .flight-duration, .flight-review-table .seat-no, .flight-review-table .airline-reference {
            width: 33.3333%
        }

            .flight-review-table .flight-no:before, .flight-review-table .flight-cabin:before, .flight-review-table .flight-duration:before, .flight-review-table .seat-no:before, .flight-review-table .airline-reference:before {
                display: block;
                color: #556A7E;
                font-size: .875em
            }

        .flight-review-table .flight-duration--mobile[style] {
            display: table-cell !important
        }

        .flight-review-table .flight-duration[rowspan="2"] {
            width: 100%;
            background-color: #eee;
            padding: .625em
        }

            .flight-review-table .flight-duration[rowspan="2"] .layover {
                display: inline-block;
                margin: 0
            }

            .flight-review-table .flight-duration[rowspan="2"]:before, .flight-review-table .flight-duration[rowspan="2"] br, .flight-review-table .flight-duration[rowspan="2"] .flight-duration__duration {
                display: none
            }

        .flight-review-table .flight-duration--layover {
            -webkit-box-ordinal-group: 100;
            -ms-flex-order: 99;
            order: 99
        }

        .flight-review-table .seat-no, .flight-review-table .airline-reference {
            width: 100%
        }

        .flight-review-table .airline-reference {
            -webkit-box-ordinal-group: 11;
            -ms-flex-order: 10;
            order: 10;
            padding-bottom: 0
        }

        .flight-review-table .seat-no {
            -webkit-box-ordinal-group: 12;
            -ms-flex-order: 11;
            order: 11;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between
        }

            .flight-review-table .seat-no:before {
                display: block;
                width: 100%
            }

            .flight-review-table .seat-no .seat-passenger-item {
                width: calc(50% - 20px)
            }

        .flight-review-table .flight-cell {
            width: 100%
        }

        /*  .flight-review-table .flight-no:before { content: 'Flight #:' }

    .flight-review-table .flight-cabin:before { content: 'Cabin:' }

    .flight-review-table .flight-duration:before { content: 'Duration:' }*/

        .flight-review-table .seat-no:before, .flight-review-table .airline-reference:before {
            display: inline-block;
            margin-right: .25em
        }

        .flight-review-table .seat-no:before {
            content: 'Seat Number:'
        }

        .flight-review-table .airline-reference:before {
            content: 'Airline reference:'
        }
    }

    @media screen and (max-width: 31.25em) {
        .flight-review-table td.flight-depart, .flight-review-table td.flight-arrive {
            width: 50%
        }

        .flight-review-table .td-duration {
            display: none
        }
    }

    .flight-review-table .layover {
        z-index: 2;
        color: #516A80;
        margin-top: .875em;
        margin-bottom: .875em;
        white-space: nowrap
    }

    td.no-wrap {
        white-space: nowrap
    }

    .review-table--generic td {
        padding: .625em;
        vertical-align: top
    }

    .line-item .review-table--generic td {
        vertical-align: bottom
    }

    .review-table--generic tr.line-item + tr.line-item td, .review-table--generic tr.line-item + tr.line-break td {
        padding-top: 0
    }

    .review-table--generic tr.line-break + tr.line-item td, .review-table--generic tbody > tr.line-break td {
        padding-top: .625em
    }

    .review-table--generic p {
        line-height: 1.3;
        margin-bottom: .75em
    }

    .review-table--generic tr:not(.line-break) {
        border-bottom: none
    }

    .review-table--generic tr.promotion-row td {
        background-color: #B5DBAA;
        border-left-color: #B5DBAA;
        border-right-color: #B5DBAA
    }

    .review-table--generic tr.promotion-row.promotion-row--first td {
        padding-top: 1.875em
    }

    .review-table--generic tr.promotion-row.promotion-row--last td {
        padding-bottom: 1.875em
    }

    .review-table--generic tr.sub-total-row td {
        border-left-color: #fff;
        border-right-color: #fff;
        padding-top: 1.875em;
        padding-bottom: 1.875em
    }

    .review-table--generic tr.total-row td {
        background-color: #ECEBEB;
        padding-top: 1.875em;
        padding-bottom: 1.875em;
        font-family: basis-grotesque-bold !important;
    }

    .review-table--generic tr.total-row .total-price {
        font-size: 1.375em;
    }

    .review-table--generic tr.total-row .balance-due {
        font-weight: 400;
        letter-spacing: 0.05em;
        background-color: #EEC4CC;
        display: inline-block;
        padding: .25em .5em
    }

    .review-table--generic tr.total-row--deposit {
        border-top: 1px solid #fff
    }

    .table-wrap {
        max-width: 100%;
        overflow-x: auto;
        margin-bottom: 2.5em;
        background-color: white;
    }

        .table-wrap table {
            margin-bottom: 0
        }

        .table-wrap .review-table {
            border-left: 1px solid #ebe9e9;
            border-right: 1px solid #ebe9e9
        }

            .table-wrap .review-table th:first-child, .table-wrap .review-table td:first-child {
                border-left: 0
            }

            .table-wrap .review-table th:last-child, .table-wrap .review-table td:last-child {
                border-right: 0
            }

    .table-wrap__inner {
        margin-bottom: 1px
    }

    .flight-review__date-time {
        font-size: 1.375em;
        white-space: nowrap
    }

        .flight-review__date-time .flight-review__date {
            color: #375869;
            margin-right: .25em
        }

    .flight-review__location {
        font-size: .9375em;
        color: #556A7E
    }

    .row-divide {
        border: 1px solid red;
        height: 100%
    }

    .flight-review-table .flight-info {
        width: 60%
    }

    @media screen and (min-width: 56.25em) and (max-width: 75em) {
        .flight-review-table:not(.flight-review-table--extended) .flight-info {
            width: 50%
        }
    }

    .flight-review-table--extended .flight-info {
        width: 40%
    }

    .flight-no, .flight-cabin, .flight-duration, .flight-cell, .seat-no, .airline-reference {
        padding: .625em .625em;
        font-family: basis-grotesque-regular;
    }

    .note-paragraph {
        font-size: 14px;
        margin-bottom: 1.875em;
        line-height: 22px;
        font-family: basis-grotesque-regular;
    }

    .state--info, .state--alert, .state--notice {
        /*background-image: url(../img/alert-circle.svg);*/
        background-image: url('../img/AW2022/booking/bookingpoint.svg');
        background-repeat: no-repeat;
        background-position: left;
        padding-left: 40px;
        background-size: 30px;
        height: 35px;
        line-height: 32px !important;
        margin-bottom: 17px;
    }

        .state--alert b {
            font-weight: 400;
        }

    .state--notice {
        background-image: url(../img/alert-circle--amber.svg)
    }

    .state--info {
        background-image: url("../img/account/notification-info.svg")
    }

    .flight-table-banner--stopover, .flight-table-banner--alert {
        font-size: .875rem
    }

    .flight-table-banner--stopover {
        color: #1D2E37;
        background-color: #F7F6F6;
        font-size: .875rem
    }

    .newnote-paragraph {
        /*background: #FFF3E5;*/
        border-radius: 4px;
        /*border: 1px solid #FCD4A0;*/
        padding: 15px 20px 15px 20px;
        font-size: 14px;
        border: 1px solid #f6d982;
        background: #fef6ec;
    }

    .flight-table-banner--alert {
        background-color: #FAE5E8;
        background-image: url(../img/alert-circle.svg);
        background-repeat: no-repeat;
        background-position: 1.25em .5em;
        padding-left: 3.125em
    }

    .note-paragraph--alert {
        background-position: 0em .25em;
        padding-left: 1.875em;
        line-height: 1.3
    }

    .inline-alert {
        display: inline-block;
        color: #BE0736;
        background-image: url(../img/alert-circle.svg);
        background-repeat: no-repeat;
        background-position: 0em 0em;
        padding-left: 1.5em
    }

    .inline-error-hl {
        color: #BE0736
    }

    .time-stopover {
        background-color: #1D2E37;
        display: block;
        color: #fff;
        text-align: left
    }

    .duration-icon {
        position: relative;
        width: 100%;
        min-width: 3.125em
    }

        .duration-icon:before {
            content: ' ';
            background-color: #DDE3E8;
            height: .0625rem;
            position: absolute;
            top: 50%;
            left: 0;
            right: 0;
            width: 100%;
            -webkit-transform: translateY(-1px);
            -ms-transform: translateY(-1px);
            transform: translateY(-1px)
        }

        .duration-icon img {
            position: relative;
            z-index: 3;
            display: block;
            margin: 0 auto
        }

    .flight-arrive {
        text-align: right
    }

    @media screen and (min-width: 43.75em) {
        .flight-row {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

            .flight-row .flight-col {
                width: 50%
            }
    }

    @media screen and (max-width: 43.75em) {
        .flight-col--options label:first-of-type {
            border-bottom-left-radius: 4px;
            border-left: none
        }

        .flight-row--header {
            display: none
        }

        .flight-col--options label[data-ticket-type] {
            position: relative;
            margin-top: 2.5em
        }

        [data-ticket-type]:before {
            content: attr(data-ticket-type);
            display: block;
            position: absolute;
            left: 0;
            bottom: 100%;
            width: 100%;
            background-color: #1D2E37;
            color: #fff;
            padding: .25em;
            width: 100%;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            font-size: .75rem
        }

        .flight-col--table > .flight-table-banner {
            border-top-right-radius: .25em
        }
    }

    @media screen and (min-width: 43.75em) {
        .flight-table-banner {
            height: 2.4375em
        }

        .flight-row > .flight-col--table:first-of-type + .flight-col--options [data-ticket-type] {
            margin-top: 2.4375rem;
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

            .flight-row > .flight-col--table:first-of-type + .flight-col--options [data-ticket-type]:nth-of-type(3n):before {
                border-top-right-radius: .25em
            }

            .flight-row > .flight-col--table:first-of-type + .flight-col--options [data-ticket-type]:before {
                content: attr(data-ticket-type);
                display: block;
                position: absolute;
                left: 0;
                width: 100%;
                bottom: 100%;
                border: none;
                height: 2.4375rem;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                background-color: #1D2E37;
                color: #fff;
                padding: .5em;
                width: 100%;
                font-size: 1rem
            }

        .radio-marker__inner > *:first-of-type {
            margin-top: 10px
        }
    }

    .flight-col--options {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

        .flight-col--options .flight-col--options__cell {
            width: 33.3333%
        }

        .flight-col--options label {
            text-align: center;
            background: #fff;
            border-left: 1px solid #DDE3E8;
            padding: 1.25rem;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

        .flight-col--options .radio-marker__inner {
            width: 100%;
            white-space: nowrap;
            height: 3.125em
        }

        .flight-col--options .marker {
            margin-left: auto !important;
            margin-right: auto !important
        }

    .review-table--restrict-width {
        max-width: 59.375em
    }

    .coverage-table {
        width: 100%;
        margin-bottom: 2.5em
    }

        .coverage-table th, .coverage-table td {
            padding: 1.25em;
            text-align: left
        }

        .coverage-table thead th {
            background-color: #1D2E37;
            color: #fff;
            font-weight: 400;
            letter-spacing: 0.05em
        }

        .coverage-table tbody td {
            background-color: #F6F3F3;
            color: #0c3051;
            border-bottom: 2px solid #fff;
            -webkit-transition: background-color .3s;
            -o-transition: background-color .3s;
            transition: background-color .3s
        }

        .coverage-table tbody tr:hover td {
            background-color: #fff
        }

        .coverage-table tbody th {
            background-color: #EBE9E9;
            font-weight: 400;
            color: #0c3051
        }

        .coverage-table .btn, .coverage-table .form--dark [type="button"], .form--dark .coverage-table [type="button"], .coverage-table .form--dark [type="submit"], .form--dark .coverage-table [type="submit"] {
            width: 100%;
            text-transform: uppercase;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            text-align: center
        }

        .coverage-table td, .coverage-table th {
            border: 1px solid #fff;
            width: 50%;
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

    td em[data-tooltip] {
        background-color: #23dafa;
        padding: .125em .5em;
        border-radius: .75em;
        color: #fff;
        display: inline-block
    }

        td em[data-tooltip].no-tip {
            position: static
        }

            td em[data-tooltip].no-tip:hover:before, td em[data-tooltip].no-tip:hover:after {
                display: none
            }

    .seat-passenger-item {
        white-space: nowrap
    }

    .seat-passenger-item__name:before {
        content: '- '
    }

    /*! account (misc) */

    input[type='text'], input[type='email'], input[type='search'], input[type='password'], input[type='number'], input[type='phone'], textarea, select {
        border: 1px solid #D8D9DD;
        border-radius: .1875rem;
        padding: .625rem;
        font-size: 14px;
        height: 44px;
        color: #0C3051;
        outline-color: #23DAFA;
    }

    .vh {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px
    }

    .btn, .form--dark [type="button"], .form--dark [type="submit"] {
        min-width: 6.25rem;
        /*text-transform: uppercase*/
    }

    p > .btn, .form--dark p > [type="button"], .form--dark p > [type="submit"] {
        line-height: 1.25rem;
        vertical-align: top
    }

        p > .btn:only-child, .form--dark p > [type="button"]:only-child, .form--dark p > [type="submit"]:only-child {
            margin: .625rem 0
        }

    .btn--inline {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background: transparent;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        font-size: 1rem;
        line-height: 1.25rem;
        min-height: 1.875rem;
        min-width: 0;
        padding: .3125rem;
        /*text-transform: uppercase;*/
        -webkit-transition: color 400ms;
        -o-transition: color 400ms;
        transition: color 400ms;
        vertical-align: top
    }

        .btn--inline > * {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto
        }

        .btn--inline img:first-child {
            margin-right: .375rem
        }

        .btn--inline img:last-child {
            margin-left: .375rem
        }

        .btn--inline span {
            -webkit-transform: translateY(.0625rem);
            -ms-transform: translateY(.0625rem);
            transform: translateY(.0625rem);
        }

        .btn--inline:focus, .btn--inline:hover {
            background: transparent;
            color: #23DAFA
        }

        .btn--inline.btn--warning:focus, .btn--inline.btn--warning:hover {
            color: #E52E56
        }

    .tick-check-label p {
        margin-bottom: 0;
        font-size: 14px;
        line-height: 22px;
        font-family: basis-grotesque-regular
    }

    .account-sub-heading {
        color: #0c3051;
        margin: 2.9rem 0;
        text-align: left;
    }

        .account-sub-heading .h--alt {
            font-size: 1.5rem;
            margin: 0
        }

        .account-sub-heading .p--left {
            text-align: left
        }

    .account-sub-heading--small .h--alt {
        font-size: 1rem
    }

    .account-box {
        background: #fff;
        border: .0625rem solid #ecebeb;
        border-radius: .1875rem;
        margin-bottom: 3.125rem;
        max-width: 50rem;
        padding: 1.25rem 1.875rem
    }

        .account-box p {
            color: inherit;
            margin: 0
        }

    .modal__body .account-box {
        margin: 1.875rem 0
    }

    .account-box + .notification {
        margin-top: -1.875rem;
        margin-bottom: 3.125rem
    }

    @media screen and (min-width: 43.75em) {
        .account-box {
            padding: 1.875rem 2.5rem
        }

        .account-box--slim {
            padding: 1.25rem 1.875rem
        }
    }

    .booking-section {
        color: #0C3051
    }

        .booking-section p, .booking-section li {
            color: inherit;
            list-style-type: none;
        }

    .notification p:last-child {
        margin-bottom: 0
    }

    .notification [class*='state--'] {
        color: #4a4a4a
    }

    .notification--account {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        background-color: rgba(94, 205, 209, 0.2);
        border: 0;
        color: #0c3051;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        line-height: 22px;
    }

        .notification--account > * {
            -webkit-box-flex: 0;
            -ms-flex: 0 1 auto;
            flex: 0 1 auto
        }

        .notification--account > img:first-child {
            -ms-flex-negative: 0;
            flex-shrink: 0;
            margin: .0625rem .5rem 0 0
        }

    .credit-card-icon {
        width: 1.875rem
    }

    .label-title {
        font-size: 1rem
    }

    p + .label-title {
        margin-top: 1.25rem
    }

    .label-title + .table-wrap, .label-title + .inline-group--form {
        margin-top: .625rem
    }

    .fee-large {
        display: inline-block;
        font-size: 1.625rem;
        line-height: 1.5;
        vertical-align: top
    }

    /*! account-header */

    .account-header {
        /*background: #1D2E37;*/
        color: #778C9E;
        /*padding: 0 1.25rem;*/
        position: relative
    }

    .account-header__inner {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

        .account-header__inner .account-user {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1
        }

        .account-header__inner .account-nav {
            -ms-flex-item-align: stretch;
            -ms-grid-row-align: stretch;
            align-self: stretch;
            display: none;
            -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
            flex: 1 1 auto;
            -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2
        }

    .account-header__link {
        font-weight: 400;
        letter-spacing: 0.05em;
        display: block;
        font-size: 1rem;
        line-height: 1.25rem;
        text-decoration: none;
        /*text-transform: uppercase;*/
        -webkit-transition: color 400ms;
        -o-transition: color 400ms;
        transition: color 400ms
    }

        .account-header__link:focus, .account-header__link:hover {
            color: #23DAFA
        }

    @media screen and (min-width: 56.25em) {


        .account-header .account-user {
            position: absolute;
            top: .625rem
        }

        .account-header .account-nav {
            display: block
        }

        .primary-nav__inner .scioncitylistmenu .sub-menu {
            width: 37rem;
            border-radius: 8px;
        }

            .primary-nav__inner .scioncitylistmenu .sub-menu .sub-menuleft {
                width: 33.3%;
            }

        .primary-nav__inner .scioncitylistmenu .sub-menusp .sub-menuleft a {
            color: #0C3051;
            /* font-weight: bold; */
            /* font-family: 'Karla', sans-serif; */
            text-transform: capitalize;
            letter-spacing: 0;
            /* padding: 0em 1.8em; */
            letter-spacing: 0px;
            padding: 0em 1.8em;
            font-size: 16px;
            padding-right: 15px !important;
            white-space: normal;
            font-family: basis-grotesque-bold;
        }

        .primary-nav__inner .scioncitylistmenu .sub-menusp .menucitylist {
            display: block;
            padding-top: 0em;
            padding-bottom: 0.5em;
        }

        .primary-nav__inner .scioncitylistmenu .sub-menusp .sub-menuleft .menucitylist a {
            color: #0C3051;
            font-weight: initial;
            padding: 0em 1.8em;
            /* font-family: 'Karla'; */
            letter-spacing: 0;
            font-size: 16px;
            line-height: 1.5;
        }

        .primary-nav__inner .scioncitylistmenu .sub-menusp .menucitylist li {
            width: 100%;
        }

        .primary-nav .has-sub > a:before {
            content: '';
            background-repeat: no-repeat;
            height: 8px;
            display: inline-block;
            width: 15px;
            float: right;
            position: absolute;
            right: 0px;
            top: 27px;
            background-image: url('../img/AW2022/icon/aw2020slidedownicon.svg');
            background-size: 100%;
        }
    }

    /*! account-user */

    .account-user {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .account-header .account-user {
        padding: .9375rem 0
    }

    .account-user__image {
        border: 1px solid #23dafa;
        border-radius: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        height: 3rem;
        margin-right: .9375rem;
        overflow: hidden;
        width: 3rem
    }

    .account-user__main {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .account-user__name {
        display: block;
        font-size: 1rem
    }

    /*! account-nav */

    .account-nav {
        position: relative
    }

    .account-nav__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        height: 100%;
        list-style: none;
        margin: 0;
        padding: 0;
        border-bottom: 1px solid #D8D9DD;
    }

    .awaccount_mainmiddle .layout__item {
        border-top: 1px solid #dce3e8;
        padding-top: 10px;
        margin-top: 14px;
    }

        .awaccount_mainmiddle .layout__item:last-child {
            margin-bottom: 15px;
        }

        .awaccount_mainmiddle .layout__item p {
            margin-bottom: 0px;
        }

        .awaccount_mainmiddle .layout__item .label-title {
            font-size: 25px !important;
        }

    .account-nav__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin: 0;
        position: relative;
        margin-right: 6%;
    }

        .account-nav__item:after {
            background: #23DAFA;
            bottom: 0;
            content: '';
            display: none;
            height: 3px;
            position: absolute;
            width: 100%
        }

        .account-nav__item .account-header__link {
            -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
            flex: 1 1 auto;
            padding: 2rem 1.25rem 1.3rem
        }

    .account-nav__item--active:after {
        display: block
    }

    .account-nav__item--active a {
        color: #0c3051;
    }
    /*! account-page */
    .account-page {
        color: #0C3051;
        overflow: hidden
    }

        .account-page .accordion {
            margin: 0 auto;
            max-width: 49.375rem
        }

            .account-page .accordion:first-child:before {
                display: none
            }

            .account-page .accordion:after, .account-page .accordion:before {
                background-image: none;
                background-color: #e3e1e1;
                height: 1px
            }

            .account-page .accordion[data-state='open'] .accordion__body {
                max-height: none !important
            }

        .account-page .accordion__body {
            padding-left: 0
        }

        .account-page .accordion__body-inner {
            padding: 0 0 2.5rem 0
        }

        .account-page .booking-section {
            margin-bottom: 1.875rem
        }

        .account-page .notification--error {
            background-color: #F2DCDF;
            border-color: #e8a8b9
        }

        .account-page .inner > p {
            color: inherit
        }

    .account-page--wide .inner {
        max-width: 80rem;
        width: auto
    }

    .account-page__inner {
        margin: 0 auto;
        max-width: 50rem
    }

        .account-page__inner > p {
            color: inherit
        }

        .account-page__inner .account-heading {
            border-bottom: 1px solid #dce3e8;
            margin-bottom: 1.875rem;
            padding-bottom: 1.875rem
        }

        .account-page__inner .account-card {
            color: #0C3051
        }

            .account-page__inner .account-card p {
                color: inherit;
                font-size: 14px;
            }

    .account-page__fieldset {
        margin-bottom: 3.125rem
    }

        .account-page__fieldset > p {
            color: inherit
        }

        .account-page__fieldset .tick-check-label p {
            font-family: basis-grotesque-regular;
            font-size: 14px;
        }
    /*! account-heading */
    .account-heading {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%
    }

        .account-heading img, .account-heading svg {
            margin-right: .625em
        }

    .accordion__trigger .account-heading {
        margin: 0;
        padding: 1.25rem 0
    }

    .account-heading .accordion__label:after {
        height: 1rem !important;
        width: 1rem !important
    }

    .account-heading--border {
        border-bottom: 2px solid #dce3e8;
        margin-bottom: 1.875rem;
        padding-bottom: 1.875rem
    }

    /*! account-intro */

    .account-intro {
        margin: 3.125rem auto;
        max-width: 26.25rem;
        text-align: center
    }

        .account-intro .account-sub-heading {
            margin: 0 0 1rem 0
        }

            .account-intro .account-sub-heading .h--alt {
                font-size: 2rem
            }

    .account-intro__icon {
        height: auto;
        margin: 0 auto 1.25rem auto;
        width: 5.75rem
    }

    /*! account-photo */

    .account-photo {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 1.875rem
    }

        .account-photo > * {
            -webkit-box-flex: 0;
            -ms-flex: 0 1 auto;
            flex: 0 1 auto
        }

    .account-photo__preview {
        border: 1px solid #23dafa;
        border-radius: 100%;
        overflow: hidden
    }

        .account-photo__preview:not(:last-child) {
            margin-right: 1.25rem
        }

    .account-photo__main {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    /*! account-form */

    @media screen and (min-width: 43.75em) {
        .account-set {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            width: 100%
        }

            .account-set > .control {
                -webkit-box-flex: 0;
                -ms-flex: 0 1 auto;
                flex: 0 1 auto;
                width: calc(50% - 1.25em)
            }

            .account-set > .control--single, .account-set > .control--submit {
                width: 100%
            }

                .account-set > .control--single .control__field, .account-set > .control--submit .control__field {
                    width: calc(50% - 1.25em)
                }
    }

    /*! account-card */

    .account-card {
        display: block;
        margin-bottom: 1.25rem;
        border: 1px solid #d8d9dd;
        border-radius: 6px;
    }

        .account-card:last-child {
            margin-bottom: 0
        }

        .account-card .control:last-child {
            margin-bottom: 0
        }

        .account-card .control--field-submit {
            width: 100%
        }

            .account-card .control--field-submit .notification:not(:first-child) {
                margin-top: .625rem
            }

            .account-card .control--field-submit .notification:last-child {
                margin-bottom: 0
            }

    .account-card--shadow {
        border-color: #dde3e8;
        -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.14);
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.14)
    }

        .account-card--shadow input[type='text']:not(:focus), .account-card--shadow input[type='email']:not(:focus), .account-card--shadow input[type='search']:not(:focus), .account-card--shadow input[type='password']:not(:focus), .account-card--shadow input[type='number']:not(:focus), .account-card--shadow input[type='phone']:not(:focus) {
            background: #f7f6f6;
            -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.17);
            box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.17)
        }

    .account-card__inner {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        background: #fff;
        border: 0rem solid #d8d9dd;
        border-radius: 5px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0;
        padding: 1.25rem
    }

    input[type='radio']:checked ~ .account-card__inner {
        border-color: #23DAFA;
        -webkit-box-shadow: 0 0 0 .0625rem #23DAFA;
        box-shadow: 0 0 0 .0625rem #23DAFA
    }

    .account-card__marker {
        border: 1px solid #dde3e8;
        border-radius: 100%;
        display: block;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        height: 1.375rem;
        margin-right: 1.25rem;
        position: relative;
        width: 1.375rem
    }

        .account-card__marker:after {
            background: #23DAFA;
            border-radius: 100%;
            display: block;
            content: '';
            height: .75rem;
            left: .3125rem;
            position: absolute;
            top: .3125rem;
            visibility: hidden;
            width: .75rem
        }

    input[type='radio']:checked ~ * .account-card__marker:after {
        visibility: visible
    }

    .awnewpaymentbox input[type='radio']:checked ~ * .account-card__marker {
        border: 1px solid #0C3051;
    }

    .account-card__main {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

        .account-card__main p {
            line-height: 1.5
        }

            .account-card__main p:last-child {
                margin-bottom: 0;
                font-size: 14px;
            }

    .account-card__main--flex {
        -webkit-box-align: flex-start;
        -ms-flex-align: flex-start;
        align-items: flex-start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
    }

    .payment_paymentoption .account-card .account-card__inner {
        padding: 22px 1.25rem;
    }

    .account-card__main--flex > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        margin: 0
    }

    .account-card__main--flex > p {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .account-card__main--flex img:first-child {
        margin-right: .625rem
    }

    .account-card__main--flex img:last-child {
        margin-left: .625rem
    }

    .account-card__footer {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        width: 100%
    }

    .account-card__status {
        color: #23dafa;
        font-style: italic;
        font-weight: 600
    }

    .account-card__status--warning {
        color: #be0736
    }

    @media screen and (min-width: 43.75em) {
        .account-card__inner {
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap
        }

        .account-card__footer {
            width: auto
        }
    }

    /*! account-expand */

    .account-expand {
        position: relative
    }

        /*.account-expand:before {
    background: #ebeaea;
    content: '';
    height: 100%;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100vw
}*/

        /*.account-expand:after {
    border: 1.125rem solid transparent;
    border-top-color: #F6F3F3;
    content: '';
    display: block;
    height: 0;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 0
}*/

        .account-expand:not(.state--show) {
            display: none
        }

    html:not(.js) .account-expand:target {
        display: block
    }

    .account-expand p {
        color: #0c3051
    }

    .account-expand__inner {
        padding: 2.5rem 0;
        position: relative
    }

    /*! account-tour-card */

    .account-tour-card {
        /*font-family: "din-2014", sans-serif;*/
        background: #fff;
        border: 1px solid #dde3e8;
        border-radius: .1875rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: 37.5rem;
        overflow: hidden;
        position: relative
    }

        .account-tour-card .meta-list {
            font-weight: 600
        }

    .account-tour-card__image {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        /*padding: .125rem;*/
        position: relative
    }

    .account-tour-card__main {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        padding: 1.25rem 1.875rem
    }

        .account-tour-card__main > * {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto
        }

    .account-tour-card__tag {
        /*font-family: "din-2014", sans-serif;*/
        background: #2C3C4A;
        bottom: 0rem;
        color: #fff;
        display: block;
        font-size: .9375rem;
        font-weight: 700;
        line-height: 1.625rem;
        padding: .625rem 1.25rem;
        position: absolute;
        right: 0rem;
        margin-bottom: 0px;
    }

    .account-tour-card__header {
        margin-bottom: .625rem
    }

        .account-tour-card__header * {
            font-size: inherit;
            font-weight: 700;
            margin: 0
        }

    .account-tour-card__desc {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin-bottom: 1.25rem
    }

        .account-tour-card__desc a {
            color: #23dafa;
            font-weight: 700
        }

        .account-tour-card__desc p:last-child {
            margin-bottom: 0;
            line-height: 22px;
            font-family: basis-grotesque-regular;
        }

    .account-tour-card__footer {
        margin: 0 -.9375rem -.625rem 0;
        text-align: right
    }

    .account-tour-layout {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

        .account-tour-layout > * {
            -webkit-box-flex: 0;
            -ms-flex: 0 1 auto;
            flex: 0 1 auto;
            margin-bottom: 1.25rem;
            width: 100%
        }

            .account-tour-layout > *:last-child {
                margin-bottom: 0
            }

    @media screen and (min-width: 43.75em) {
        .account-tour-layout > * {
            margin-bottom: 1.875rem;
            width: calc(50% - .9375rem)
        }

            .account-tour-layout > *:nth-child(2n + 1):nth-last-child(2), .account-tour-layout > *:nth-child(2n + 1):nth-last-child(2) ~ * {
                margin-bottom: 0
            }
    }

    @media screen and (min-width: 60em) {
        .account-tour-layout > * {
            width: calc(33.333% - 1.25rem)
        }

            .account-tour-layout > *:nth-child(3n + 1):nth-last-child(3), .account-tour-layout > *:nth-child(3n + 1):nth-last-child(3) ~ * {
                margin-bottom: 0
            }
    }

    /*! account-trip-card */

    .account-trip-card {
        background: #fff;
        border: 1px solid #dde3e8;
        border-radius: 8px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 1.25rem 0 2em;
        overflow: hidden;
        position: relative
    }

        .account-trip-card .trip-heading {
            margin: 1.6rem 0 .9rem 0
        }

    .account-trip-card__image {
        position: relative;
    }

        .account-trip-card__image:after {
            background-repeat: no-repeat;
            background-position: center center;
            background-size: contain;
            content: '';
            display: block;
            height: 5.9375rem;
            left: 1.25rem;
            position: absolute;
            top: 1.25rem;
            width: 5.9375rem
        }

    .account-trip-card__main {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        padding: 1.25rem 1.875rem
    }

        .account-trip-card__main > * {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            max-width: 100%
        }

        .account-trip-card__main .trip-tag {
            margin-bottom: -.625em
        }

    .account-trip-card__meta .meta-list {
        margin-bottom: 1.25rem
    }

    .account-trip-card__footer {
        -webkit-box-align: flex-end;
        -ms-flex-align: flex-end;
        align-items: flex-end;
        -ms-flex-line-pack: end;
        align-content: flex-end;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: space-between;
        margin: 0 -.625rem;
        z-index: 1;
    }

        .account-trip-card__footer > * {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            margin: .625rem
        }

    .account-trip-card__fee {
        font-weight: 600;
        font-size: .875rem
    }

    .account-trip-card--next .account-trip-card__image:after {
        background-image: url("../img/buttons/newnext-trip.png");
        background-size: initial;
        border-radius: 50%;
    }

    /*.account-trip-card--past .trip-heading { margin-top: .625rem }*/

    @media screen and (min-width: 43.75em) {
        .account-trip-card {
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap
        }

            .account-trip-card .trip-heading__warning {
                margin-top: -1.25rem
            }

        .account-trip-card__main .trip-tag {
            position: absolute;
            right: .9375rem;
            top: .9375rem
        }
    }

    /*! account-breakdown */

    .account-breakdown {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        border-bottom: 1px solid #dce3e8;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 1.875rem
    }

        .account-breakdown > * {
            -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
            flex: 1 1 auto;
            -webkit-box-ordinal-group: 5;
            -ms-flex-order: 4;
            order: 4;
            width: 100%
        }

    .account-breakdown__bar {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        /*border-bottom: 1px solid #dce3e8;*/
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 1.875rem;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        /*padding-bottom: 1.25rem*/
        padding-top: 37px;
    }

        .account-breakdown__bar > * {
            -webkit-box-flex: 0;
            -ms-flex: 0 1 auto;
            flex: 0 1 auto
        }

        .account-breakdown__bar .btn, .account-breakdown__bar .form--dark [type="button"], .form--dark .account-breakdown__bar [type="button"], .account-breakdown__bar .form--dark [type="submit"], .form--dark .account-breakdown__bar [type="submit"], .account-breakdown__bar .trip-tag {
            margin: .3125rem
        }

    .account-breakdown__main {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin-bottom: 1.875rem;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .tripdetail_priceimgone {
        display: none !important;
    }

    .account-breakdown__main .meta-list:last-child {
        margin: 1em 0
    }

    .account-breakdown__footer {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        margin: -.625rem -.625rem 1.25rem -.625rem
    }

        .account-breakdown__footer .btn, .account-breakdown__footer .form--dark [type="button"], .form--dark .account-breakdown__footer [type="button"], .account-breakdown__footer .form--dark [type="submit"], .form--dark .account-breakdown__footer [type="submit"] {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            margin: .625rem
        }

        .account-breakdown__footer .btn--inline span {
            font-size: 14px;
            text-decoration: underline;
        }

    @media screen and (min-width: 60em) {
        .account-breakdown__main {
            max-width: 100%;
            width: auto
        }

        .account-breakdown__footer {
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
            margin-top: -1.25rem;
            /*max-width: 30rem;*/
            width: auto
        }

        .searchkeyowrd {
            display: inline-block;
            width: 43.6%;
            margin-right: 0.35em;
            position: relative;
        }
    }

    .account-breakdown--slim {
        border-bottom: 0
    }

        .account-breakdown--slim .account-breakdown__bar:last-child {
            border-bottom: 0;
            margin-bottom: 0;
            padding-bottom: 0
        }

    /*! account-table */

    .account-table {
        margin-bottom: 1.875rem !important
    }

        .account-table th, .account-table td {
            padding: .625rem !important;
            border-left: 0 !important;
            border-right: 0 !important
        }

        .account-table th {
            font-size: 1rem !important;
            padding: .9375rem .625rem !important
        }

            .account-table th abbr {
                border: none;
                text-decoration: none
            }

        .account-table .tag-row .trip-tag:first-child {
            float: left;
            margin-right: .375rem
        }

        .account-table .tag-row .trip-tag:last-child {
            float: right;
            margin-left: .375rem
        }

        .account-table .final-row td {
            background-color: #b5dbaa;
            font-size: 1rem;
            padding-top: 1.25rem !important;
            padding-bottom: 1.25rem !important
        }

            .account-table .final-row td:last-child {
                font-size: 1.25rem
            }

        .account-table .desc-row td {
            background-color: #ecebeb
        }

        .account-table .final-row--alt td {
            background-color: #b6e2e5
        }

        .account-table .credit-card-icon {
            margin-right: .1875rem;
            width: 1.25rem;
            vertical-align: -.125rem
        }

        .account-table .td--vtop {
            vertical-align: top
        }

        .account-table .td--updated {
            color: #d0021b
        }

        .account-table .td--upper {
            text-transform: uppercase
        }

        .account-table .td--inactive {
            color: rgba(44, 60, 74, 0.5)
        }

        .account-table .tick-check-label {
            color: inherit
        }

        .account-table + .trip-tag {
            margin-top: -.625rem;
            margin-bottom: 1.875rem
        }

            .account-table + .trip-tag + .notification {
                margin-top: 1.875rem
            }

    .account-table--borders th, .account-table--borders td {
        border-left: 1px solid #ebe9e9 !important;
        border-right: 1px solid #ebe9e9 !important
    }
    /**************20181026 June Add  Start*/
    @media screen and (max-width: 56.25em) {
        .account-header__inner {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            display: -webkit-box;
            display: -ms-flexbox;
            display: block;
        }

            .account-header__inner .account-nav {
                -ms-flex-item-align: stretch;
                -ms-grid-row-align: stretch;
                align-self: stretch;
                display: block;
                -webkit-box-flex: 1;
                -ms-flex: 1 1 auto;
                flex: 1 1 auto;
                -webkit-box-ordinal-group: 3;
                -ms-flex-order: 2;
                order: 2;
            }

        .account-nav__item .account-header__link {
            -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
            flex: 1 1 auto;
            padding: 1rem 0rem;
        }

        .infopage-header .mobile-actions .phonepersonal {
            background-image: none !important;
        }
    }
    /**************20181026 June Add End*/

    /**************20191112 Ivy Ye Add star*/
    .itinerary__tag > span:first-child {
        font-size: .875rem;
    }
    /**************20191112 Ivy Ye Add End*/
    /***20190215 Ivy Ye start**/
    .dingbu3 {
        position: fixed;
        right: 30px;
        bottom: 72px;
        width: 46px;
        height: 46px;
        display: none;
        z-index: 888;
    }

        .dingbu3 a img {
            opacity: 0.5;
        }

        .dingbu3 a:hover img {
            opacity: 1;
        }

    @media screen and (min-width: 1320px) {
        .dingbu3 {
            right: auto;
            left: 50%;
            bottom: 40px;
            margin-left: 656px;
        }
    }
    /***20190215 Ivy Ye end**/
    .flight-review-table .flight-infoIvyott {
        width: 37%;
    }

        .flight-review-table .flight-infoIvyott table td:first-child {
            padding-left: 1.2em;
        }
    /*.review-table td.flight-arriveIvyott  {
     text-align:center;
}*/

    .scionrightbox span {
        font-size: 1.325rem;
        color: #6F6F6F;
        font-family: 'din-condensed';
        text-transform: uppercase;
        vertical-align: middle;
    }

    .scionrightbox {
        text-align: center;
        position: relative;
        z-index: 99;
        /* margin: 1.25rem 0rem; */
        width: 100%;
        cursor: pointer;
        padding-bottom: 1.25rem;
    }

        .scionrightbox img {
            width: 27px;
            display: inline-block;
            vertical-align: middle;
            padding-left: 10px;
        }


    .card_discountinfo {
        position: absolute;
        padding: .3em 1em;
        background-color: rgba(29, 46, 55, 0.6);
        bottom: 0px;
        /* text-align: center; */
        transform: translateX(-50%);
        left: 50%;
        min-width: 60%;
        text-align: center;
        color: #ffffff;
        font-size: 22px;
        text-transform: uppercase;
    }

    @media screen and (max-width: 37.5em) {
        .card_discountinfo {
            min-width: 65%;
            font-size: 19px;
        }

        .scionpayCvv {
            margin-top: .8em;
        }

        .flight-review-table .scionflight-duration {
            width: 100%;
            background-color: #eee;
            padding: .625em
        }

            .flight-review-table .scionflight-duration .layover {
                display: inline-block;
                margin: 0
            }

            .flight-review-table .scionflight-duration:before, .flight-review-table .scionflight-duration br, .flight-review-table .scionflight-duration .flight-duration__duration {
                display: none
            }
    }

    @media screen and (min-width:56.25em) {
        .scionnewaccountinput {
            display: flex;
        }

            .scionnewaccountinput select {
                width: 55%;
            }

            .scionnewaccountinput input {
                width: 45%;
                margin-top: 0em;
            }

        .menuleft_unline {
            padding: 0.25em 1.8em !important;
        }
    }

    @media screen and (max-width:56.25em) {
        .scionnewaccountinput input {
            margin-top: 1em;
        }
    }

    @media screen and (max-width:40em) {
        .scion_accountbackbtn {
            width: auto !important;
        }
    }

    @media screen and (max-width:514px) {
        .scion_accountpaybtn {
            line-height: 36px;
        }
    }

    .gray {
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: gray;
    }

    .secondpopback {
        width: 100%;
        height: 100%;
        position: fixed;
        left: 0;
        top: 0;
        display: none;
        background: rgba(0,0,0,.6);
        z-index: 9;
    }

    #DigiCertClickID_ojB0XaWC img {
        outline: none;
        -webkit-filter: grayscale(1);
        filter: gray;
        filter: grayscale(1);
    }

    @media screen and (max-width: 56.25em) {
        #DigiCertClickID_ojB0XaWC img {
            width: 45% !important;
            text-align: left !important;
            margin: initial !important;
            outline: none;
        }
    }

    .footer-inspired {
        display: none;
    }

    .awnewlifttimeboxgroundtwo {
        background-color: transparent !important;
    }
   

   
    
    /*AccountTripDetails start*/
    .account-breakdown {
        position: relative;
    }

    .account-breakdown__bar .bar_contactus {
        border: 1px solid #D8D9DD;
        border-radius: 4px;
        cursor: pointer;
        display: block;
        width: 155px;
        height: 41px;
        line-height: 41px;
        text-align: center;
        font-size: 14px;
        background-color: white;
    }

    .meta-list {
        font-size: 14px;
    }

    .awaccount_maintop {
        border-bottom: 1px solid #D8D9DD;
        padding-bottom: 10px;
    }

    .awnewaccount-breakdown .trip-heading {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 12px;
    }

        .awnewaccount-breakdown .trip-heading span {
            font-size: 12px;
            text-transform: uppercase;
            background-color: #FCD4A0;
            padding: 5.5px 10px;
            border-radius: 4px;
        }

    .tripdetailimgwidth {
        width: 35px;
    }

    .tripdetail_code {
        font-size: 16px;
        margin-top: 14px !important;
    }

        .tripdetail_code dd {
            display: block;
            margin-top: 10px;
            font-family: basis-grotesque-bold !important;
        }

    .awnewaccount-breakdown .account-breakdown__footer {
        position: absolute;
        right: 0;
        top: 5px;
    }

    .awnewaccount-breakdown .awaccount_mainmiddle {
        /*border-bottom: 1px solid #D8D9DD;*/
        padding-top: 20px;
    }

    .awaccount_mainmiddle .trip-heading .h--alt {
        font-size: 20px;
        line-height: 30px;
        letter-spacing: -0.5px;
    }

    .awaccount_mainmiddle .layout__item {
        border-top: 1px solid #dce3e8;
        padding-top: 10px;
        margin-top: 14px;
    }

        .awaccount_mainmiddle .layout__item:last-child {
            margin-bottom: 15px;
        }

        .awaccount_mainmiddle .layout__item p {
            margin-bottom: 0px;
        }

        .awaccount_mainmiddle .layout__item .label-title {
            font-size: 25px !important;
        }

    .detailviewtravelerlistbox {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .newaccounttrevelers_adult {
        margin-bottom: 8px;
    }

        .newaccounttrevelers_adult b {
            font-weight: 400;
        }

    .detailviewtravelerlist {
        width: 50%;
        margin-bottom: 20px;
    }

    .detailviewtravelertable tr td:first-child {
        width: 35%;
        color: #778C9E;
        font-size: 14px;
        font-family: basis-grotesque-regular;
    }

    .detailviewtravelertable tr td {
        line-height: 26px;
        font-size: 14px;
    }

    .detailviewtravelertable {
        width: 100%;
    }

    .editdetailsbtn {
        flex-basis: 100%;
        text-align: center;
        margin: 6px 0px 30px;
    }

    .newaccounttrevelers {
        border-bottom: 1px solid #d8d9dd;
        padding-bottom: 15px;
        margin-bottom: 24px;
    }
    .newaccounttrevelers, .newaccountroom, .tripdetailhotel_box, .newtable-wrap {
        display: block !important;
    }
        .viewroomlist_num {
            font-size: 14px;
            line-height: 26px;
            color: #3c4257;
            margin-top: 14px;
        }

    .privacebreakdivtable {
        margin-top: 15px;
    }

    .awaccountperdetails {
        padding-top: 9px;
    }

    .editdetailstishi {
        flex-basis: 100%;
        margin: 0em 0 1.8em 0;
        padding: 15px 20px;
        background: #FEF6EC;
        border-radius: 4px;
        border: 1px solid #FCD4A0;
        font-size: 14px;
        font-family: basis-grotesque-regular;
    }

    .editdetailsbtn span {
        display: block;
        width: 30%;
        border-radius: 4px;
        border: 1px solid #D8D9DD;
        padding: 15px 0px;
        cursor: pointer;
        font-size: 14px;
        background-color: white;
    }

    .detailviewroomlistbox .detailviewroomlist .detailviewroomflex {
        display: flex;
        font-family: basis-grotesque-regular;
    }

        .detailviewroomlistbox .detailviewroomlist .detailviewroomflex .detailviewroomflexwidth {
            width: 50%;
            display: flex;
            font-size: 14px;
        }

    .detailviewroomlist {
        border-bottom: 1px solid #D8D9DD;
        padding-bottom: 30px;
    }

    .roomlist_num img {
        vertical-align: middle;
    }

    .roomlist_num span {
        vertical-align: middle;
    }

    .detailviewroomflex .detailviewroomflexwidth div:first-child {
        width: 30%;
        color: #778c9e;
        line-height: 26px;
    }

    .detailviewroomflex .detailviewroomflexwidth div:last-child {
        width: 70%;
        /*margin-bottom: 20px;*/
        line-height: 26px;
    }

    .detailviewroomflex .detailviewroomflexwidth div p {
        margin-bottom: 0px;
    }

    .detailviewroomflexwidth img {
        display: inline-block;
        margin-right: 7px;
    }

    .newaccountitinerary .itinerary__list {
        padding-left: 0 !important;
        margin-left: 0 !important;
        border-left: none;
        padding-top: 16px;
    }

    .itinerary__maininfo {
        /*margin-bottom: 30px;*/
    }

        .itinerary__maininfo p {
            margin-bottom: 0px;
        }

    .itinerary__main_other {
        padding-top: 16px;
    }

        .itinerary__main_other .main_other_title {
            color: #0c3051;
            font-size: 14px;
            font-weight: 700;
            line-height: 22px !important;
            font-family: 'basis-grotesque-bold';
            margin-bottom: 0px;
        }

        .itinerary__main_other p {
            margin-bottom: 0px;
        }

    #pMeal {
        display: flex;
        align-items: center;
        padding-top: 10px;
    }

        #pMeal img {
            margin-right: 8px;
        }

    .body-starsbox .hl--b {
        color: #A4EDDB;
        font-size: 16px;
    }

    .itinerary__main_othertwo {
        padding-top: 16px;
    }

    .itinerary__main_other .body-starsbox a {
        color: #2d6497;
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        text-decoration: underline;
        font-family: basis-grotesque-regular;
    }
    .newaccountitinerary .itinerary__item {
        display: flex;
    }
    .newaccountitinerary .itinerary__itemleft {
        margin-right: 6%;
        text-align: center;
        width: 10%;
        font-size: 14px;
    }

    .newaccountitinerary .itinerary__item p {
        font-size: 14px;
        line-height: 24px;
    }

    .newaccountitinerary .itinerary__itemleft span {
        display: inline-block;
    }

        .newaccountitinerary .itinerary__itemleft span:first-child {
            background-color: #A4EDDB;
            margin-bottom: 9px;
            text-align: center;
            padding: 5.5px 12px;
            border-radius: 4px;
            font-size: 12px;
            border: 1px solid #0C3051;
            width: 46px;
        }

    .newaccountitinerary .itinerary__main {
        border-bottom: 1px solid #D8D9DD;
        padding-bottom: 19px;
    }

    .newaccountitinerary .itinerary__item > * {
        flex: initial;
    }

    .newaccountitinerary .itinerary__main {
        max-width: initial;
        width: 100%;
    }

    .flight-no p, .flight-cabin p, .flight-duration p {
        margin: 0;
        color: #8A8D9A;
        font-family: basis-grotesque-medium;
    }

    .awaccountfightinfolist {
        border: 1px solid #D8D9DD;
        border-radius: 8px;
        margin-bottom: 2.5em;
    }

        .awaccountfightinfolist .flight-review-table .flight-infoIvyott {
            width: 45%;
        }

        .awaccountfightinfolist .review-table > tbody > tr:not(:first-child) {
            border-bottom: 1px dashed #D8D9DD;
        }

    .tablefightinfoheader th, .tableovernight {
        padding-left: 1.2em !important;
    }

    .tableovernight {
        padding: 27px 0px;
        font-family: basis-grotesque-regular;
        display: flex;
        align-items: center;
    }

        .tableovernight img {
            margin: 0px 9px;
        }

    .awaccountfightinfolist > table {
        /*border: 1px solid #D8D9DD;*/
        /*border-collapse: separate;*/
        border-spacing: 0;
        margin-bottom: 0em;
        border-radius: 8px;
    }

    .awaccountfightinfolist .flight-review__location {
        color: #778C9E;
    }

    .awaccountfightinfolist .review-table td {
        border-bottom: 1px dashed #D8D9DD;
    }

    .awaccountfightinfolist .review-table tr:last-child td {
        border: none;
    }

    .flight-table tr td {
        border: none;
    }

    .fightinfotishi .note-paragraph {
        border-radius: 4px;
        border: 1px solid #E52E56;
        background: #FDF2FA;
        padding: 15px;
        font-family: basis-grotesque-regular;
    }

    .divtableheader {
        display: flex;
        justify-content: space-between;
        flex-direction: row;
        flex-wrap: wrap;
        background: #D3F8FE;
        padding: 10px 27px !important;
        border-bottom: none;
    }

    .privacebreakdivtable .divtablewidth:first-child {
        border-bottom: 0px;
    }

    .tripdetail_price {
        margin-bottom: 17px !important;
        margin-top: 22px;
    }

    .newaccountpricebreak {
        font-size: 14px;
        padding-bottom: 35px;
        background-color: white;
    }

    .newtable-wrap {
        border-bottom: 1px solid #d8d9dd;
        /*padding-bottom: 65px;*/
    }

    .divtablewidth {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 10px 27px;
        border-bottom: 1px solid #D8D9DD;
        font-size: 14px;
        line-height: 18px;
    }

        .divtablewidth .divtablewidth_long {
            width: 45%;
        }

    .divtabletourfare {
        font-family: basis-grotesque-regular;
        padding: 26.5px 27px;
    }

    .divtablewidth .divtablewidth_shot {
        width: 15%;
        text-align: right;
    }

    .divtablewidth p {
        width: 100%;
        margin-bottom: 9px;
        font-size: 16px;
    }

    .divtablewidth_list {
        display: flex;
        justify-content: space-between;
        width: 100%;
        margin-bottom: 9px;
        font-family: basis-grotesque-regular;
    }

        .divtablewidth_list div:first-child {
            width: 45%;
        }

        .divtablewidth_list div:not(:first-child) {
            width: 15%;
            text-align: right;
            font-size: 14px;
        }

    .divtablewidth_p {
        font-size: 14px !important;
        width: 40% !important;
        line-height: 18px;
        margin-bottom: 10px !important;
    }

    .divtablepaid p img {
        display: inline-block;
        vertical-align: middle;
        width: 20px;
    }

    .divtablepaid .divtablewidth_list div:last-child {
        font-family: basis-grotesque-medium;
    }

    .divtablesubtotal {
        border-bottom: none;
    }

    .divtablesubtotal, .divtablecoupon {
        font-size: 16px;
        padding: 29px 27px;
    }

        .divtablesubtotal .divtablewidth_shot {
            font-size: 14px;
        }

    .divtablecoupon {
        background: #A4EDDB;
        border-bottom: none;
    }

    .divtabletotal {
        background: #D3F8FE;
        border-bottom: none;
        padding: 26px 27px 25px;
    }

        .divtabletotal p {
            font-size: 14px;
            font-family: basis-grotesque-regular;
            margin-bottom: 4px;
        }

        .divtabletotal .divtablewidth_list {
            font-family: basis-grotesque-medium;
        }

            .divtabletotal .divtablewidth_list div:first-child {
                font-size: 16px;
            }

            .divtabletotal .divtablewidth_list div:last-child {
                font-size: 18px;
            }

    .divtablepaid .divtablewidth_list :first-child {
        font-family: basis-grotesque-medium;
        font-size: 16px;
    }

    .divtablepaid p:last-child {
        margin-bottom: 0px;
    }

    .divtablepaid a {
        color: #2D6497;
        text-decoration: underline;
        vertical-align: middle;
        margin-left: 15px;
    }

    .divtablebalance {
        border-bottom: 0px;
    }

    .divtablepaid span {
        background: #FDF2FA;
        border-radius: 2px;
        padding: 7.5px 10px;
        font-size: 12px;
    }

    .divtablebalance p:last-child {
        margin-top: 8px;
    }

    .divtablebalance .divtablewidth_list div:last-child {
        font-family: basis-grotesque-medium;
    }

    .divtablebalance .divtablewidth_list div:last-child {
        font-size: 16px !important;
    }

    .divtablewidthbtn {
        background: #23DAFA;
        border-radius: 4px;
        width: 30%;
        text-align: center;
        width: 243px;
        height: 49px;
        line-height: 49px;
        font-size: 14px;
        cursor: pointer;
    }

    .divtablewidthbtnbox {
        padding: 0px 27px;
    }

    .tripdetail_traveler img, .tripdetail_room img, .tripdetail_flight img, .tripdetail_itinerary img, .tripdetail_price img, .tripdetail_personal img, .tripdetail_hotel img, .tripdetail_tripdetails img {
        display: inline-block;
        margin-right: 10px;
        vertical-align: text-bottom;
    }
    /*nonono*/
    /*.tripdetail_traveler {
    margin-top: 27px;
    margin-bottom: 12px;
}
.tripdetail_itinerary {
    padding-top: 23px;
    margin-bottom: 11px;
}
.tripdetail_personal {
    margin-bottom: 20px;
}
.tripdetail_personalbox {
    padding: 39px 0px;
}*/
    /*.tripdetail_room {
    margin-top: 23px;
    margin-bottom: 11px;
}*/
    .tripdetailallbox .widget.widget--btm-bdr {
        border-bottom: 0px solid #d8d9dd;
        padding-bottom: 0em;
        display:block!important;
    }
    
    .awaccountperdetails {
        border-bottom: 1px solid #d8d9dd;
    }

    .tripdetail_traveler, .tripdetail_room, .tripdetail_flight, .tripdetail_itinerary, .tripdetail_price, .tripdetail_personal, .tripdetail_hotel, .tripdetail_tripdetails {
        color: #0c3051;
        font-size: 20px;
        font-weight: 500;
        line-height: 30px;
        letter-spacing: -0.5px;
        display: flex;
        align-items: center;
        margin-top: 23px;
        padding-bottom: 11px;
        margin-bottom: 0px;
        position: relative;
        /*border-bottom: 1px solid #d8d9dd;*/
    }

        .tripdetail_traveler img, .tripdetail_room img, .tripdetail_flight img, .tripdetail_itinerary img, .tripdetail_price img, .tripdetail_personal img, .tripdetail_hotel img {
            z-index: 1;
        }

        .tripdetail_traveler span, .tripdetail_room span, .tripdetail_flight span, .tripdetail_itinerary span, .tripdetail_price span, .tripdetail_personal span {
            z-index: 1;
        }

        .tripdetail_traveler:after, .tripdetail_room:after, .tripdetail_flight:after, .tripdetail_itinerary:after, .tripdetail_price:after, .tripdetail_personal:after, .tripdetail_hotel:after, .tripdetail_tripdetails:after {
            content: none;
            background-image: url('../img/account/accountjian.png');
            background-repeat: no-repeat;
            background-position: right center;
            background-size: 17px;
            position: absolute;
            top: 7px;
            right: 0px;
            width: 17px;
            height: 17px;
        }

    .tripdetail_pricetwwo:after {
        content: none;
    }

    .accountshow:after {
        background-image: url('../img/account/accountjia.png') !important;
        background-repeat: no-repeat;
    }

    .awaccount_mainmiddle .meta-list--pipe {
        margin-bottom: 0 !important;
        font-size: 14px;
    }
    .itinerary__maininfo span p{
        display:none;
    }
    
    .closeallbtn {
        text-align: right;
        margin-bottom: 0px;
        padding-bottom: 30px;
        display: none;
    }

        .closeallbtn a {
            vertical-align: middle;
            padding-right: 15px;
            color: #2D6497;
            font-family: basis-grotesque-regular;
        }

        .closeallbtn img {
            vertical-align: middle;
            display: inline-block;
            width: 17px;
        }

    .awaccountperdetails .layout--4 .layout__inner .layout__item, .layout--4 .layout__inner .layout__item--max > .control {
        width: 100%;
        margin-bottom: 0px;
    }

        .awaccountperdetails .layout--4 .layout__inner .layout__item p {
            margin-bottom: 0;
        }

    .awaccountperdetail_editbtn {
        margin-bottom: 6px;
        margin-top: 2px;
    }

    .awaccountperdetails .layout--4 .layout__inner .layout__item p a {
        color: #2D6497;
        font-size: 14px;
    }

    .awaccountperdetails table tr {
        line-height: 26px;
        vertical-align: top;
    }

        .awaccountperdetails table tr td:first-child {
            width: 30%;
            color: #778C9E;
            font-family: 'basis-grotesque-regular';
        }

    .layout__item_table {
        width: 100%;
        font-size: 14px;
    }

    .newaccountflightinfo_city {
        font-size: 14px;
        line-height: 24px;
        letter-spacing: 0.23333333px;
        margin: 14px 0px 30px
    }

        .newaccountflightinfo_city span {
            display: block;
        }

    .awaccountfightinfolist .review-table th {
        background-color: #D3F8FE;
        padding: 8px 0.625em;
        color: #0C3051;
        font-family: basis-grotesque-regular;
    }

    .tablefightinfoheader th, .tableovernight {
        padding-left: 1.2em !important;
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
    }

    .tablefightinfoheader img {
        vertical-align: middle;
        margin-right: 8px;
    }

    .tablefightinfoheader span {
        vertical-align: middle;
    }

    .awaccountfightinfolist .review-table > tbody > tr > td {
        border: none;
    }

    .tableovernight img:first-child {
        margin-left: 0px;
    }

    .awaccountfightinfolist .review-table td {
        color: #0C3051;
    }

    .review-table th, .review-table td {
        font-size: 14px;
    }

    .awaccountfightinfolist .flight-duration--mobile img {
        margin-right: 7px;
    }

    .awaccountfightinfolist [data-tooltip]:before {
        background: #ffffff;
        background-blend-mode: normal;
        box-shadow: 0px 2px 4px rgba(0,0,0,0.15);
        font-size: 14px;
        font-weight: 400;
        line-height: 30px;
        color: #0c3051;
    }

    .awaccountfightinfolist [data-tooltip]:after {
        border-top: 5px solid white;
    }

    .flight-review-table .flight-table td {
        padding: 13px 0.625em 19px;
    }

    .duration-icon:before {
        content: none;
    }

    .duration-icon img {
        position: relative;
        z-index: 3;
        display: block;
        margin: 0 auto;
    }

    .duration-icon img {
        width: 40%;
    }

    .awaccountfightinfolist .review-table > tbody > tr:not(:first-child) {
        border-bottom: 1px dashed #D8D9DD;
    }

    .insurancemodal .modal {
        padding: 63px 88px;
    }

    .insurancemodal .modal__body {
        font-size: 14px;
        line-height: 22px;
        color: #0C3051 !important;
        font-family: basis-grotesque-regular;
    }

        .insurancemodal .modal__body .post-dept-table {
            width: 100%;
        }

    .insurancemodal #content table td {
        padding: 1.25em;
        color: #1D2E37;
    }

    .flight-review__date-time .flight-review__date, .flight-review__date-time .flight-review__time {
        margin-right: 0.25em;
        color: #0c3051;
        font-size: 20px;
        font-weight: 400;
        line-height: 30px;
        letter-spacing: -0.5px;
    }

    .awaccountfightinfolist .review-table > tbody > tr:last-child {
        border-bottom: none;
        padding-bottom: 8px;
    }

    .rb_bodyaddress {
        margin-bottom: 0px;
    }

    .rb_bodyphone {
        margin-bottom: 0px;
    }
    /*AccountTripDetails end*/
    
    .radio-selectbtn {
        background: white;
        border-radius: 4px;
        border: 1px solid #D8D9DD;
        width: 100%;
        text-align: center;
        height: 44px;
        line-height: 44px;
        font-size: 14px;
    }

    .awnewupgradehotel .radio-selectbtn {
        width: 43%;
    }

    .accountnewradio-set input:checked + .radio-button__marker + .radio-selectbtn {
        background-color: #4FE1FB;
        border: 1px solid #4FE1FB;
    }

        .accountnewradio-set input:checked + .radio-button__marker + .radio-selectbtn span:before {
            content: '';
            display: inline-block;
            background-image: url(../img/AW2022/icon/bookingsharebtn.png);
            background-repeat: no-repeat;
            height: 11px;
            width: 11px;
            background-position: center;
            background-position-x: center;
            background-position-y: center;
            margin-right: 5px;
        }

    .radio-button__totalpadding {
        padding: 15px 0px;
        margin-top: 21px;
        font-size: 16px;
    }

    .newoptoursbigbox {
        border-bottom: 0px !important;
    }

        .newoptoursbigbox .op_toursinfo {
            margin-top: 33px;
        }

        .newoptoursbigbox .radio-set .radio-set__inner {
            margin-left: 0rem;
        }

        .newoptoursbigbox .radio-button {
            display: block;
        }

    .accountnewradio-set .radio-button__body .opt_cityname {
        line-height: 22px;
        margin-top: 4px;
        margin-bottom: 5px;
    }

    .accountnewradio-set .radio-button__body .opt_tourname {
        color: #0c3051;
        font-size: 16px;
        font-weight: 700;
        line-height: 24px;
        font-family: basis-grotesque-bold !important;
        margin-bottom: 5px;
        height: 44px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .accountnewradio-set .radio-button__marker:after {
        content: none !important;
    }

    .radio-selectdisabledbtn {
        display: flex;
        justify-content: space-around;
        text-align: center;
        width: 100%;
    }

        .radio-selectdisabledbtn span:first-child {
            background: #0C3051;
            border-radius: 4px;
            color: white;
            display: inline-block;
            width: 60%;
            margin-right: 2%;
            border: 1px solid #0C3051;
            /*padding: 7px 0px;*/
            height: 44px;
            line-height: 44px;
        }

        .radio-selectdisabledbtn span:last-child {
            background: #FFFFFF;
            border-radius: 8px;
            display: inline-block;
            width: 36%;
            border: 1px solid #D8D9DD;
            /*padding: 7px 0;*/
            height: 44px;
            line-height: 44px;
        }

    .awnewupgradehotelbox .radio-selectdisabledbtn {
        width: 43%;
        margin-top: 6px;
    }

    .awnewupgradehotelbox .uphotel_btn div {
        float: right;
    }

    .awnewupgradehotelbox .uphotel_btn:after {
        content: '';
        clear: both;
        display: block;
    }

    .modal-headertop {
        display: flex;
        justify-content: space-between;
        flex-direction: row-reverse;
        margin-bottom: 25px;
    }

    .optionalmodal, .hotelmodal {
        padding: 63px 88px;
        color: #0c3051;
    }

    .hotelsRoomDescription {
        font-size: 14px;
        line-height: 22px;
        font-family: basis-grotesque-regular;
    }

    .modal-headertop_left span:first-child {
        background: #FCD4A0;
        border-radius: 4px;
        padding: 7px 9px;
        font-size: 12px;
        margin-right: 12px;
    }

    .modal-headertop_left span:last-child {
        font-size: 16px;
    }

    .opmoremodal .section-heading {
        font-size: 28px;
    }

    .extra-time {
        font-size: 14px;
        padding: 27px 0px 8px 0px;
    }

    .extra-addbtn {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: flex-end;
        justify-content: space-between;
        font-size: 14px;
    }

        .extra-addbtn span {
            background: #23DAFA;
            border-radius: 4px;
            height: 46px;
            width: 156px;
            text-align: center;
            line-height: 46px;
        }

    .optionalDescription p {
        line-height: 22px;
    }

    .extra-addbtn p {
        line-height: 22px;
    }

        .extra-addbtn p p {
            margin-bottom: 0px;
            font-family: basis-grotesque-bold;
        }

    .modal-btnphone {
        display: none;
    }

    .opmoremodal {
        padding: 63px 88px;
    }

    .protectplanlabel {
    }

        .protectplanlabel div p {
            margin-bottom: 0px;
        }

    .optionsbordercolor {
        border-radius: 5px;
        border: 1px solid #D8D9DD;
        margin-bottom: 12px !important;
        padding: 20px !important;
        background-color: white;
        font-size: 14px;
        line-height: 22px;
        position: relative;
    }

        .optionsbordercolor input[type="radio"] + span.marker:before {
            content: ' ';
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            bottom: 0;
            border: 1px solid transparent;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

        .optionsbordercolor input[type="radio"] + span.marker:before {
            border-color: #D8D9DD;
            border-radius: 8px;
        }

        .optionsbordercolor:hover input[type="radio"] + span.marker:before, .optionsbordercolor input[type="radio"]:checked + span.marker:before {
            border-color: #23DAFA !important;
            border-radius: 8px;
        }

        .optionsbordercolor input[type="radio"] + span.marker:after {
            content: ' ';
            content: ' ';
            display: block;
            border: 1px solid #DDE3E8;
            border-radius: 50%;
            width: 1.375rem;
            height: 1.375rem;
            margin-right: 0.625rem;
            background: #fff;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -webkit-transform: translateY(-0.125rem);
            -ms-transform: translateY(-.125rem);
            transform: translateY(-0.125rem);
            margin-left: auto;
            margin-right: auto;
        }

        .optionsbordercolor input[type="radio"]:checked + span.marker:after {
            background: transparent url(../img/AW2022/icon/radiobackground.png) no-repeat center center;
            background-size: 12px;
            border: 1px solid #0c3051;
        }

        .optionsbordercolor input[type="radio"] {
            width: 0;
            height: 0;
            overflow: hidden;
            opacity: 0;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            position: absolute;
            bottom: 0;
            right: 0;
        }

        .optionsbordercolor::marker {
            content: none;
        }

    .accountaddtourstitle {
        font-size: 34px;
        letter-spacing: -0.5px;
        margin-bottom: 0.45em;
    }

    .airtransfer_secion {
        padding-left: 0px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

        .airtransfer_secion .optionsbordercolor {
            border: none;
            width: 48.5%;
            box-sizing: border-box;
            margin-right: 10px;
            padding-bottom: 8px !important;
            list-style-type: none;
        }

    .accountlatecheckout .optionsbordercolor {
        padding-bottom: 20px !important;
    }

    .newairtransfer_secion {
        margin-top: 35px;
        border-top: 1px solid #DDE3E8;
        padding-top: 35px;
    }

    .airtransfer_price {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 0px;
        font-family: basis-grotesque-bold;
    }

    .airtransfer_secion .optionsbordercolor label {
        display: flex;
        align-items: flex-start;
    }

        .airtransfer_secion .optionsbordercolor label div:last-child {
            margin-left: 8px;
            width: 90%;
        }

    .newinsurancebox {
        padding-left: 0px;
    }

        .newinsurancebox .bookingchoosetype {
            margin-left: 10px;
            color: #0C3051;
            font-size: 14px;
        }

            .newinsurancebox .bookingchoosetype a {
                position: relative;
                z-index: 9;
                text-decoration: none;
            }

        .newinsurancebox .tick-check input:checked + .marker {
            border-color: #23DAFA;
            background: #23DAFA url(../img/AW2022/icon/bookingsharebtn.png) no-repeat center center/8px;
        }

        .newinsurancebox .tick-check input {
            width: 0;
            height: 0;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            opacity: 0;
            position: absolute;
        }

    .radiodowncheckbox {
        flex-basis: 100%;
        border-top: 1px dotted #D8D9DD;
        padding: 20px 0px 0px 0px;
        margin-top: 20px;
        font-size: 14px;
    }

    .tick-checkflex .marker {
        margin-right: 10px;
    }

    .tick-checkflex {
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        font-size: 14px;
    }

    .newinsurancebox .optionsbordercolor {
        border: none;
    }

    .newinsurancebox .protectplanlabel {
        display: flex;
    }
    /*.awnewupgradehotelbox {
    margin-top: 50px;
}*/
    .awnewupgradehotel.radio-set--lg .radio-set__item {
        width: 100%;
    }

        .awnewupgradehotel.radio-set--lg .radio-set__item:first-child {
            margin-top: 37px;
        }

    .awnewupgradehotel .radio-button__img {
        margin: 0;
        width: 53%;
    }

        .awnewupgradehotel .radio-button__img img {
            width: 398px;
        }

    .awnewupgradehotel .radio-button__inner {
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-end;
        flex-direction: row;
        align-items: flex-start;
    }

    .awnewupgradehotel .radio-button__body {
        padding-left: 20px;
        padding-top: 0px;
        width: 44%;
    }

    #showupgradehotelroom #lateCheckOut .booking-section {
        margin-bottom: 0px;
    }

    .awnewupgradehotel .radio-set__item:last-child {
        border: none;
    }

    .awnewupgradehotel .rb_bodyone {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: -0.42857143px;
        color: #0c3051;
        margin-bottom: 11px;
    }

    .awnewupgradehotel .rb_bodytwo {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 5px;
    }

    .rb_bodythree {
        font-family: basis-grotesque-regular;
        line-height: 22px;
        margin-bottom: 0px;
    }

    .rb_bodyfour {
        font-family: basis-grotesque-regular;
        margin-top: 13px;
        margin-bottom: 17px;
    }

    .rb_bodyfive {
        font-family: basis-grotesque-bold;
    }

    .awnewupgradehotel .rb_bodyfour p {
        color: #0C3051;
        display: flex;
        align-items: center;
        margin-bottom: 6px;
    }

        .awnewupgradehotel .rb_bodyfour p img {
            width: 16px;
            margin-right: 10px;
        }

    .awnewupgradehotel .rb_bodyfive {
        color: #2D6497;
        font-size: 16px;
    }

    .awnewupgradehotel .radio-button__meta {
        font-weight: initial;
    }

    .awnewupgradehotel .rb_selectbtn {
        background: white;
        border: 1px solid #23DAFA;
        text-align: center;
        width: 43%;
        /*padding: 13px 0px;*/
        border-radius: 4px;
        height: 44px;
        line-height: 44px;
        border: 1px solid #d8d9dd;
        margin-top: 6px;
    }

    .awnewupgradehotel .radio-button__body .title {
        font-size: 24px;
        letter-spacing: -0.5px;
        line-height: 30px;
        margin-bottom: 0px;
    }

    .awnewupgradehotel .rb_bodytwo {
        margin-bottom: 0px;
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        margin-top: 0 !important;
    }

    .awnewupgradehotel .radio-button.radio-button--card .radio-button__marker:after {
        content: none !important;
    }

    .awnewupgradehotel .radio-button:hover .radio-button__marker {
        border-color: transparent;
    }

    .awnewupgradehotel .radio-button.radio-button--card:hover {
        box-shadow: none;
    }

    .awnewupgradehotel .radio-button {
        border: none;
        background-color: transparent;
        padding: 0px;
        padding-bottom: 2em;
    }

    .awnewupgradehotel .radio-set__item {
        border-bottom: 1px solid #d8d9dd;
    }

    .awnewupgradehotel .radio-button input:checked + .radio-button__marker {
        border-color: transparent;
    }

        .awnewupgradehotel .radio-button input:checked + .radio-button__marker + .rb_selectbtn {
            background: #23DAFA;
            border: 1px solid #23DAFA;
        }

            .awnewupgradehotel .radio-button input:checked + .radio-button__marker + .rb_selectbtn:before {
                content: '';
                display: inline-block;
                background-image: url(../img/AW2022/icon/bookingsharebtn.png);
                background-repeat: no-repeat;
                height: 11px;
                width: 11px;
                background-position: center;
                background-position-x: center;
                background-position-y: center;
                margin-right: 5px;
            }

    .state--purchased input:checked + .radio-button__marker {
        border-color: transparent !important;
    }

    .awnewupgradehotel .op_toursinfo {
        margin-top: 30px;
    }

    .awnewupgradehotel .radio-set__item {
        /*margin-bottom: 1.8em;*/
        margin-top: 0.65em
    }

    .neweditcheckoutbox .review-table th {
        padding: 20px 27px;
        font-family: basis-grotesque-regular;
    }

    .neweditcheckoutbox .table-wrap .review-table {
        border: none;
    }

    .neweditcheckoutbox .tabletotal td {
        background-color: #D3F8FE !important;
    }

    .neweditcheckoutbox .review-table--generic tr.total-row .total-price {
        font-size: 18px;
    }

    .neweditcheckoutbox .review-table--generic td {
        padding: 20px 27px;
        font-family: basis-grotesque-regular;
    }

    .neweditcheckoutbox .review-table th {
        border-radius: 0px !important;
    }

    .neweditcheckoutbox #additions td:first-child {
        font-family: basis-grotesque-medium;
    }

    .awnewpaymentbox .account-heading {
        border-bottom: 0px;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }

    .awnewpaymentbox .mini-icon--helper:before {
        content: none;
    }

    .awnewpaymentbox .mini-icon--helper {
        color: #8a8d9a;
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        font-family: basis-grotesque-regular;
        font-style: inherit;
        max-width: 160px;
    }

    .newpaymentinfo_box {
        border: 1px solid #D8D9DD;
        border-radius: 8px;
        padding: 25px 22px 25px;
        margin-top: 32px;
        background-color: white;
    }

    .newpayment_code {
        position: relative;
    }

        .newpayment_bookingnum p, .newpayment_time p, .newpayment_code p {
            margin-bottom: 0px;
            line-height: 32px;
        }

    .newpayment_bookingnum, .newpayment_code {
        border-bottom: 1px solid #D8D9DD;
        padding-bottom: 15px;
        margin-bottom: 12px;
    }

        .newpayment_code p {
            font-size: 18px;
            font-family: basis-grotesque-bold;
        }

        .newpayment_code div {
            line-height: 32px;
        }

        .newpayment_bookingnum p:first-child, .newpayment_code div {
            font-family: basis-grotesque-regular;
        }

        .newpayment_bookingnum p:last-child {
            font-family: basis-grotesque-bold;
        }

    .newpayment_code {
        padding-bottom: 11px;
    }

    .payment_paymentoption_title {
        padding-top: 4px;
        margin-bottom: 21px;
        line-height: 20px;
    }

    .awnewpaymentbox .payment_paymentoption_title, .paymentaddressbox .payment_billingaddress_title, .payment_shippingaddress_title {
        border-top: 1px solid #d8d9dd;
        padding-top: 35px;
        margin-bottom: 30px;
    }

    .paymentaddressbox .payment_billingaddress_title {
        margin-bottom: 4px;
    }

    .payment_shippingaddress_title {
        margin-bottom: 16px;
    }

    .newpayment_time p:first-child {
        font-family: basis-grotesque-bold;
    }

    .newpayment_time p:last-child {
        font-family: basis-grotesque-regular;
    }

    .newpayment_codenum {
        position: absolute;
        right: 0;
        top: 0;
        padding: 5px;
        border-radius: 4px;
        background-color: #FCD4A0;
        font-size: 12px;
    }

    .awnewpaymentbox .payment_paymentoption {
        padding: 25px 25px;
        border: 1px solid #D8D9DD;
        border-radius: 8px;
        margin-top: 30px;
        margin-bottom: 30px;
        background-color: white;
    }

    .awnewpaymentbox .payment_billingaddress {
        padding: 25px 25px;
        border: 1px solid #D8D9DD;
        border-radius: 8px;
        background-color: white;
    }

    .awnewpaymentbox .account-heading {
        font-size: 20px;
        font-weight: 500;
        line-height: 30px;
        letter-spacing: -0.5px;
        color: #0C3051;
        margin-bottom: 37px;
    }

    .paymentpayinfobox .account-card__main p {
        color: #3c4257;
        font-family: basis-grotesque-regular;
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        margin-bottom: 0px;
    }

    .awnewpaymentbox .account-box--slim {
        padding: 17.5px 18px;
        border-radius: 8px;
        margin-bottom: 39px;
    }

    .paymentpayinfobox .account-card__inner {
        padding: 25px 18px 24px !important;
    }

    .awnewpaymentbox .account-box--slim p {
        color: #0c3051;
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        font-family: basis-grotesque-regular;
    }

    .paymentaddressbox .account-card__inner {
        padding: 29px 18px;
    }

    .payment_billingaddress_title {
        padding: 4px 0px 8px;
    }

    .account-card__main p:first-child {
        margin-bottom: 0px;
    }

    .paymenttermscondition .modal__body p {
        font-size: 14px;
        line-height: 22px;
        font-family: basis-grotesque-regular;
    }

    .awnewpaymentbox .payment_titleimg {
        display: inline-block;
        vertical-align: middle;
        margin-right: 20px;
    }

    .paymentpayinfobox #new-credit-card .mini-icon--helper {
        color: #8a8d9a;
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        font-family: basis-grotesque-regular;
        font-style: inherit;
        max-width: 160px;
    }

        .paymentpayinfobox #new-credit-card .mini-icon--helper:before {
            display: none;
        }

    .paymentpayinfobox #new-credit-card .layout__item {
        margin: 0px;
    }

    .paymentpayinfobox .layout--2 .layout__inner {
        margin: 0px;
    }

    .newcardexpand {
        padding: 3px 18px 30px 18px;
        background-color: white;
        border: 1px solid #23DAFA;
        border-top: none;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
    }

    .accountnewcreditcardflex {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin-bottom: 30px;
    }

        .accountnewcreditcardflex .layout__item {
            width: 48.7%;
        }

    .newcardexpand .layout__item--two-third {
        float: left;
        margin-right: 15px !important;
    }

    .newcardexpandcheckbox {
        margin-top: 28px;
    }

    .meta-listdata.meta-list dd:after {
        content: none;
    }

    .newbillingaddress .account-card__inner {
        padding: 23px 18px;
    }

    .paymentaddressbox #new-billing-address .account-expand__inner {
        padding: 0px 18px;
        border: 1px solid #23DAFA;
        border-top: none;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        background-color: white;
        padding-bottom: 31px;
    }

    .shippingaddressbox #new-shipping-address .account-expand__inner {
        padding: 0px 18px;
        border: 1px solid #23DAFA;
        border-top: none;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        background-color: white;
        padding-bottom: 31px;
    }

    .bookingzipcode {
        flex-basis: 100% !important;
    }

        .bookingzipcode input {
            width: calc(50% - 1.25em);
        }

    .paymentaddressbox .address-set .control {
        margin-bottom: 28px;
    }

        .paymentaddressbox .address-set .control:last-child {
            margin-bottom: 19px;
        }

    .awnewpaymentbox input[type='radio']:checked ~ .account-card__inner {
        box-shadow: none;
    }

    .awnewpaymentbox .account-card__inner {
        border: 1px solid #d8d9dd;
    }

    .awnewpaymentbox .account-card {
        border: none;
    }

    .expandshowborder {
        border-bottom: none !important;
        border-bottom-left-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
    }
    /*.payment_billingaddress p:first-child, .payment_paymentoption p:first-child {
    margin-bottom:23px;
}*/
    .awnewpaymentbox .reduce-width {
        max-width: inherit;
    }

    .paymentbackbtn {
        border-radius: 4px;
        border: 1px solid #D8D9DD;
        background-color: white !important;
        padding: 12px 0px;
        min-width: 10rem !important;
    }

    .makepaymentbtn {
        min-width: 10rem !important;
        padding: 12px 0px;
        border-radius: 4px;
    }

    .op_toursinfo {
        display: flex;
    }

        .op_toursinfo span:first-child {
            font-size: 12px;
            background-color: #A4EDDB;
            height: 26px;
            width: 72px;
            line-height: 26px;
            border-radius: 4px;
            margin-bottom: 13px;
            letter-spacing: 0.2px;
            text-align: center;
            margin-right: 15px;
        }

    .awnewupgradehotel .op_toursinfo span:first-child {
        width: auto;
        padding: 0px 13px;
    }

    .op_toursinfo span:last-child {
        color: #0c3051;
        font-size: 16px;
        font-weight: 500;
        line-height: 28px;
    }

    .op_toursinfosp span:first-child {
        width: auto;
        padding: 0px 13px;
    }

    .accountnewradio-set .radio-button--card .radio-button__inner {
        padding-bottom: 11px;
    }

    .notification {
        border-radius: 4px;
        border: 1px solid #23dafa;
        background: #d3f8fe;
        font-size: 14px;
    }

    .newinsuranceOptionsbox .bullet-radio-set {
        margin-top: 37px;
    }

    #continueEdit {
        display: flex;
        width: 100%;
        justify-content: space-between;
    }

        #continueEdit .booking-controls__next {
            width: auto;
            text-align: left;
        }

            #continueEdit .booking-controls__next a {
                padding: 0px;
                width: 159px;
                height: 46px;
                line-height: 46px;
                text-align: center;
            }

    #America label {
        /*align-items: center;*/
        line-height: 22px;
    }

    .awnewpaymentbox .account-page__fieldset .tick-check-label {
        align-items: flex-start;
    }

    #America label .tick-check {
        margin-right: 7px;
    }

    .optionalDescription, .optionalAttractions {
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        font-family: basis-grotesque-regular;
    }

    .extra-price {
        font-family: basis-grotesque-bold;
        line-height: 22px;
    }

    .neweditcheckoutbox .booking-controls__prev .btn {
        width: 157px;
    }

    .neweditcheckoutbox .booking-controls__next .btn--secondary {
        width: 157px;
    }

    .neweditcheckoutbox .booking-controls__next .scion_accountpaybtn {
        width: 244px;
    }

    .accountotherfooter .awnewlifttimeboxgroundtwo {
        background-color: #D3F8FE !important;
    }

    .accountotherfooter .footer-inspired {
        display: block;
    }

    .searchkeyowrd .control__field input {
        border: 1px solid transparent;
        font-size: 16px;
        font-family: 'basis-grotesque-regular';
    }

    .searchkeyowrd button {
        min-width: auto !important;
        height: 22px !important;
        width: 32px;
    }

    .creattishi {
        display: flex;
    }

        .creattishi .tick-check {
            margin-right: 10px;
        }

    .accountinfo-secion {
        margin-bottom: 190px;
    }

    .accountconfirmation-secion .account-page__inner {
        max-width: 43rem;
    }

    .accountconfirmation-secion .trip-cancelled__prose {
        max-width: none;
    }

        .accountconfirmation-secion .trip-cancelled__prose p {
            font-size: 16px;
            font-weight: 400;
            line-height: 22px;
            font-family: 'basis-grotesque-regular';
        }

    .prose_tishione a {
        color: #2D6497;
        text-decoration: underline;
    }

    .confimationbtn span {
        display: block;
        width: 220px;
        height: 47px;
        font-size: 14px;
        font-weight: 500;
        text-align: center;
        line-height: 47px;
        border-radius: 4px;
        border: 1px solid #d8d9dd;
        cursor: pointer;
    }

    .accountconfirmation-secion .pu_notification {
        margin-top: 25px;
    }

    .prose_tishione {
        margin-top: 26px;
    }

    .prose_tishitwo {
        margin-top: 23px;
    }

        .prose_tishitwo span {
            font-family: basis-grotesque-bold;
        }

    .awnewcontactus .account-breakdown__bar {
        padding-top: 0px;
    }

    .disabledcontrol .control__field input {
        background-color: #fbfbfc;
        border: 1px solid #fbfbfc;
        padding: 0;
        height: 16px;
        font-size: 14px;
        color: #778c9e;
        font-family: basis-grotesque-regular;
    }

    .disabledcontrol .control__label + .control__field {
        margin-top: 6px;
    }

    .awnewcontactus .contact-form .control {
        margin-bottom: 22px;
    }

    .awnewcontactus .content-sidebar__content {
        margin-top: 49px;
    }

    .typecontrol {
        margin-top: 25px;
    }

    .messagecontrol {
        margin-top: 29px;
    }

    .contentus_btnbox {
        margin-top: 30px;
    }

    .tripdetailhotelbox_list {
        display: flex;
        flex-wrap: wrap;
    }

        .tripdetailhotelbox_list .radio-button__img {
            margin: 0;
            width: 35%;
        }

            .tripdetailhotelbox_list .radio-button__img img {
                border-radius: 8px;
            }

        .tripdetailhotelbox_list .radio-button__body {
            padding-left: 30px;
            padding-top: 0px;
            width: 60%;
        }

    .tripdetailhotel_box {
        border-top: 1px solid #d8d9dd;
        margin-top: 28px;
        padding-top: 20px;
    }

        .tripdetailhotel_box:last-child {
            border-bottom: 1px solid #d8d9dd;
            margin-bottom: 24px;
            padding-bottom: 10px;
        }

        .tripdetailhotel_box .op_toursinfo {
            margin-top: 0px;
            margin-bottom: 8px;
        }

    .tripdetailhotelbox_list .radio-button__body .rb_bodytwo {
        font-size: 20px;
        font-weight: 500;
        line-height: 30px;
        letter-spacing: -0.5px;
        margin-bottom: 5px;
        color: #0c3051;
    }

    .tripdetailhotelbox_list .rb_bodyaddress {
        margin-top: 4px;
        font-family: basis-grotesque-regular;
    }

    .tripdetailhotelbox_list .rb_bodyphone {
        margin-bottom: 4px;
    }

    .tripdetailhotelbox_list .rb_bodyfour {
        margin-top: 0px;
    }

    .closeallbtnpchide {
        display: none;
    }

    .accountcard-opacity {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 8px;
        background-color: white;
        opacity: .55;
    }

    .accounthide {
        display: none;
    }

    .opmoremodal .card__img:before {
        content: none;
    }

    .newaccount-tour-layout .account-tour-card__image .card__img img {
        border-radius: 8px;
    }

    .newaccount-tour-layout .account-tour-card {
        border: 1px solid #D8D9DD;
        border-radius: 11px;
        background-color: white;
        box-sizing: border-box;
    }

    .newaccount-tour-layout .account-tour-card__header {
        margin-bottom: 0px;
    }

    .newaccount-tour-layout .account-tour-card__main {
        padding: 1.25em;
    }

    .newaccount-tour-layout .account-tour-card__header .h--alt {
        font-size: 16px;
        color: #0C3051 !important;
        line-height: 24px;
        margin-top: 9px;
        letter-spacing: 0;
        font-family: basis-grotesque-bold;
        margin-bottom: 0em;
    }

    .newaccount-tour-layout .account-tour-card__image span {
        position: absolute;
        top: 15px;
        left: 15px;
        font-size: 12px;
        color: #0C3051;
        background-color: #FCD4A0;
        padding: 5.5px 11px;
        border-radius: 4px;
    }

    .newaccount-tour-layout .account-tour-card__main {
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        width: 100%;
        padding-bottom: 4.9em;
        box-sizing: border-box;
    }

        .newaccount-tour-layout .account-tour-card__main p a {
            color: #2D6497;
            font-family: basis-grotesque-regular;
            font-size: 14px;
        }

        .newaccount-tour-layout .account-tour-card__main span {
            font-family: basis-grotesque-regular;
            color: #0c3051;
            font-size: 14px;
            padding-top: 8px;
        }

    .mydetailoperatingbtn {
        position: absolute;
        top: 0;
        right: -5px;
    }

        .mydetailoperatingbtn img {
            display: none;
        }

        .mydetailoperatingbtn span {
            color: #2D6497;
            text-decoration: underline;
            text-transform: initial;
            font-size: 14px !important;
        }

    .operatingbtnphoneshow {
        display: none !important;
    }

    .pageinfotableul .modal__body p {
        line-height: 22px;
        font-family: 'basis-grotesque-regular';
        font-size: 14px;
    }

    .pageinfotableul .modal__body ul li {
        font-family: 'basis-grotesque-regular';
        font-size: 14px;
        margin-bottom: 8px;
        color: #0c3051;
    }

    .changedetailstable {
        border: 1px solid #D8D9DD;
        border-radius: 8px;
    }

        .changedetailstable table {
            border: none !important;
        }

        .changedetailstable .line-break:last-child {
            border-bottom: none;
        }

    .withpricebreakdown p {
        font-family: basis-grotesque-regular;
        font-size: 14px;
        line-height: 22px;
    }

    .hotelswiperstyle .swiper-button-next, .hotelswiperstyle .swiper-button-prev {
        width: 36px;
        height: 36px;
        background-color: #778c9e;
        border-radius: 50%;
    }

        .hotelswiperstyle .swiper-button-next:after, .hotelswiperstyle .swiper-button-prev:after {
            color: transparent;
            background-image: url(../img/AW2022/icon/Aw2020slidedownwhiteicon.svg);
            background-repeat: no-repeat;
            transform: rotate(270deg) translateY(2px);
            background-position: center;
        }

        .hotelswiperstyle .swiper-button-prev:after {
            transform: rotate(90deg) translateY(2px);
        }

    .hotelswiperstyle .swiper-pagination-bullet {
        background: white;
        opacity: .55;
    }

    .hotelswiperstyle .swiper-pagination-bullet-active {
        opacity: 1;
        background: white;
    }

    .swiper-none .swiper-button-next, .swiper-none .swiper-button-prev, .swiper-none .swiper-pagination {
        display: none;
    }

    .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
        opacity: .8 !important;
    }

    .accountoplistbox .radio-button--card {
        flex-wrap: wrap;
        flex-direction: row;
    }

    .increasedcfar-secion {
        margin-bottom: 2em;
    }

        .increasedcfar-secion .bullet-radio-set li {
            font-size: 14px;
            font-family: basis-grotesque-regular;
            line-height: 22px;
        }

    .paymenttermscondition .modal__body p span {
        color: #0C3051 !important;
    }
    /*Account 手机端样式位置*/
    @media screen and (max-width: 56.25em) {
        html, body {
            background-color: white;
        }

        .upcomingtripsbtnlist {
            display: block;
        }

        .upcomingtripsbtnlist_add {
            display: block;
            width: 100%;
        }

        .upcomingtripsbtnbox {
            margin-top: 10px;
        }

        .upcomingtripsbtnlist_add .btn {
            width: 100%;
        }

        .upcomingtripsbtnlist_pay {
            width: 100%;
        }

        .upcomingtripsbtnlist .insurancebtn {
            margin-left: 0;
        }

        .upcomingtripsbtnlist .btn {
            margin-bottom: 9px;
        }

        .page-logo {
            background-image: url('../img/AW2022/Awphonelogo.png') !important;
        }

        .phonesearchbtn {
            display: block !important;
        }

        .menu-closeIvyttn a {
            background-color: #23dafa;
            margin: 2em 1.25em;
            padding: 13px 0px;
            text-align: center;
            border-radius: 4px;
            font-size: 14px;
        }

        .menu-closeIvyttn {
            border-bottom: 0 !important;
        }

        .primary-nav a, .content-page__nav a {
            font-size: 18px;
            letter-spacing: 0;
        }

        .awnewaccountlogin .booking-heading {
            font-size: 24px;
            font-weight: 500;
            line-height: 38px;
            letter-spacing: -0.42857143px;
            margin-bottom: 26px;
        }

        .booking-page--login-register {
            padding-top: 1.5em;
        }

        .paymentInformationbox, .companioninformationbox {
            width: auto;
            margin-top: 50px;
        }

        .billingaddressbox {
            width: auto;
        }

        .phonepersonal img {
            width: auto !important;
            height: auto !important;
        }

        .pasttripsbtn .btn--inline {
            padding: 15px 0px;
            width: 49%;
        }

        .disabledcontrol .control__field input {
            background-color: #ffffff;
            border: 1px solid #ffffff;
        }

        .account-trip-card__image img {
            max-width: 100%;
        }

        .account-trip-card--past .account-trip-card__image img {
            max-width: 100%;
        }

        .awnewaccount-breakdown .account-breakdown__footer {
            position: relative;
            order: 1;
        }
    }

    @media screen and (max-width: 43.75em) {
        .accountloginwidth {
            width: auto;
        }

        .careteaccountbox {
            border-top: 1px solid #D8D9DD;
        }

        .account-breakdown__bar .bar_contactus {
            border: 1px solid #D8D9DD;
            border-radius: 4px;
            cursor: pointer;
            display: block;
            width: 100px;
        }

        .account-breakdown {
            border: none;
        }

        .closeallbtnpchide {
            display: block;
            background-color: #F9F9F9;
            padding: 22px 0px;
            margin-top: -19px;
        }

        .closeallbtnpcshow {
            display: none;
        }

        .awnewaccount-breakdown .account-breakdown__main {
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
        }
        /*upcomingtrips 手机端 strat*/
        .account-header_top p:first-child {
            width: 50%;
            font-size: 24px;
            line-height: 24px;
        }

        .account-header_top span {
            width: 120px;
            height: 41px;
            line-height: 41px;
        }

        .account-sub-heading {
            margin: 2rem 0;
        }

        .plantripviewmore {
            margin: 2rem 1.25em;
        }

        .account-trip-card__image img {
            height: 242px !important;
        }

        .account-trip-card__main {
            padding: 1.25rem 1.3rem;
        }

        .meta-listdata, .meta-liststops {
            padding-bottom: 1.2rem;
        }

        .meta-list {
            margin-bottom: 4px;
        }

        .meta-listpeople {
            margin-bottom: 10px;
        }

        .upcomingtripsbtnlist {
            display: block;
        }

        .upcomingtripsbtnlist_add {
            display: block;
            width: 100%;
        }

        .upcomingtripsbtnbox {
            margin-top: 10px;
        }

        .upcomingtripsbtnlist_add .btn {
            width: 100%;
        }

        .upcomingtripsbtnlist_pay {
            width: 100%;
        }

        .upcomingtripsbtnlist .insurancebtn {
            margin-left: 0;
        }

        .upcomingtripsbtnlist .btn {
            margin-bottom: 9px;
        }

        .ipcomingtripsbntinlinelist {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
        }

        .upcomingTripsbox {
            margin-bottom: 2em;
        }
        /*upcomingtrips 手机端 end*/

        /*PastTrips 手机端 start*/
        .pasttripsbtn {
            display: flex;
            justify-content: space-between;
            margin: 0rem;
            margin-top: 6px;
        }


        /*PastTrips 手机端 end*/



        /*accountinfo 手机端 start*/
        .accountinfolistbox {
            display: block;
        }

        .accountinfolist {
            width: 100%;
            margin-right: 0%;
        }

        .acccountinfoheader {
            margin-bottom: 41px;
        }

        .accountdetailsbox {
            width: auto;
        }

        .accountinfobtn {
            width: 100%;
        }

        .accountdetailsbox .newaccount-form .newaccount-formheader {
            margin-bottom: 28px;
        }

        .newaddresscontrol, .newpasswoldcontrol, .newwconfirmpasswold {
            margin-bottom: 31px;
        }

        #formPersonalInfo .newaccount-formheader {
            margin-bottom: 25px;
        }

        #formPersonalInfo .address-set .control {
            margin-bottom: 29px;
        }

        .account-breakdown__bar {
            padding-top: 0px;
            margin-bottom: 0px;
        }

        .tick-check-labelsp {
            position: relative;
            /*margin-top: 14px;*/
            top: 0px;
        }

        .account-card__footer {
            width: auto;
        }

        .account-card__maintable tr td:first-child {
            width: 50%;
        }

        .control__tishi {
            display: none;
        }

        .control__phonetishi {
            display: block;
        }

        .control__field--date .control__field {
            width: 100%;
            max-width: inherit;
        }

        .control__field--date {
            align-items: flex-start;
        }
        /*accountinfo 手机端 end*/

        /*AccountTripDetails 手机端 start*/
        .meta-list, .meta-liststops {
            font-size: 14px !important;
        }

        .tripdetail_traveler, .tripdetail_room, .tripdetail_flight, .tripdetail_itinerary, .tripdetail_price, .tripdetail_personal, .tripdetail_hotel, .tripdetail_tripdetails {
            font-size: 16px;
            font-weight: 500;
            line-height: 28px;
            letter-spacing: 0px;
            background-color: white;
            padding: 26px 0px;
            /*margin-bottom: 10px;*/
            border-bottom: none;
            margin-top: 0px;
        }

            .tripdetail_traveler:after, .tripdetail_room:after, .tripdetail_flight:after, .tripdetail_itinerary:after, .tripdetail_price:after, .tripdetail_personal:after, .tripdetail_hotel:after, .tripdetail_tripdetails:after {
                top: 31px;
            }
        /*yeyeye*/
        /*.tripdetail_traveler:before, .tripdetail_room:before, .tripdetail_flight:before, .tripdetail_itinerary:before, .tripdetail_price:before, .tripdetail_personal:before {
                background: white;
                content: '';
                height: 100%;
                left: 50%;
                position: absolute;
                -webkit-transform: translateX(-50%);
                -ms-transform: translateX(-50%);
                transform: translateX(-50%);
                width: 100vw;
            }*/

        .newaccounttrevelers p {
            font-size: 14px;
            line-height: 22px;
        }


        .awnewaccount-breakdown .account-breakdown__footer {
            position: relative;
            top: 0;
            order: -1;
            justify-content: end;
            margin-bottom: 0;
            margin-top: 7px;
        }

        .breakdown__footer_flex {
            width: 100%;
            text-align: right;
        }

        .awnewaccount-breakdown .trip-heading {
            display: block;
        }

        .detailviewtravelerlist {
            width: 100%;
            border-bottom: 1px solid #D8D9DD;
            padding-bottom: 20px;
            margin-bottom: 27px;
        }

        .detailviewroomlist {
            padding-bottom: 10px;
        }

        .viewroomlist_num {
            margin-top: 30px;
        }

        .detailviewtravelertable tr td:first-child {
            width: 50%;
        }

        .editdetailsbtn span {
            width: 100%;
        }

        .detailviewroomlistbox .detailviewroomlist .detailviewroomflex {
            display: block;
            padding-bottom: 20px;
        }

            .detailviewroomlistbox .detailviewroomlist .detailviewroomflex .detailviewroomflexwidth {
                width: 100%;
            }

                .detailviewroomlistbox .detailviewroomlist .detailviewroomflex .detailviewroomflexwidth:last-child {
                    margin-top: 17px;
                }

        .newaccountitinerary .itinerary__itemleft span:first-child {
            padding: 5.5px 11px;
            margin-bottom: 12px;
        }

        .newaccountitinerary .itinerary__list .itinerary__item {
            padding: 0 0 41px 0;
        }

        .newaccountitinerary .itinerary__itemleft {
            width: auto;
            text-align: left;
        }

        .newaccountitinerary .itinerary__list {
            padding-top: 34px;
        }

        .divtablewidth {
            padding: 16px 16px;
        }

            .divtablewidth .divtablewidth_long {
                width: 40%;
                font-size: 12px;
            }
        /*.tripdetail_personal {
        margin-bottom: 29px;
    }*/
        /*.tripdetail_traveler {
        margin-bottom: 20px;
    }*/
        /* .tripdetail_room {
        margin-bottom: 0.75em;
    }*/
        /* .tripdetail_personalbox {
        padding: 17px 0px;
    }*/
        .awaccountperdetails .layout--4 .layout__inner .layout__item p {
            font-family: "basis-grotesque-medium" !important;
        }

        .divtablewidth .divtablewidth_shot {
            width: 20%;
            font-size: 12px;
        }

        .divtablewidth p {
            font-size: 14px;
        }

        .divtablebalance .divtablewidth_list div:last-child {
            font-size: 14px;
        }

        .divtablewidth_list div:first-child {
            width: 40%;
            font-size: 12px;
        }

        .divtablewidthbtnbox {
            padding: 0px 16px;
        }

        .divtablewidth_list div:not(:first-child) {
            width: 20%;
            font-size: 12px;
        }

        .divtablebalance {
            border-bottom: 0px;
            padding-top: 24px !important;
            padding-bottom: 23px !important;
        }

        .awnewaccount-breakdown .trip-heading span {
            display: inline-block;
            margin-top: 2px;
            margin-bottom: 3px;
        }

        .detailviewtravelerlist:last-child {
            border-bottom: none;
        }

        .tablefightinfoheader th {
            width: 100%;
            display: block;
        }

        .awaccountfightinfolist .flight-review-table .flight-infoIvyott {
            width: 100%;
        }

        .awaccountfightinfolist .flight-review-table > tbody > tr {
            display: block;
        }

        .awaccountfightinfolist .flight-review-table .flight-no, .awaccountfightinfolist .flight-review-table .flight-cabin, .awaccountfightinfolist .flight-review-table .flight-duration, .awaccountfightinfolist .flight-review-table .seat-no, .awaccountfightinfolist .flight-review-table .airline-reference {
            width: 37%;
            padding-left: 1.25em;
        }

        .flight-review-table .flight-table td {
            padding: 13px 0.625em 3px;
        }

        .tripdetailallbox .widget {
            margin-bottom: 0px;
        }

        .widget.widget--btm-bdr {
            border-bottom: none;
        }

        .divtabletotal .divtablewidth_list div:last-child {
            font-size: 18px;
            width: 30%;
        }

        .divtablepaid .divtablewidth_list img {
            display: inline-block;
            width: 20px;
            margin-right: 9px;
            vertical-align: top;
        }

        .phonepaddingouter {
            padding: 0;
        }

            .phonepaddingouter .account-breakdown {
                padding: 0px 1.25em;
            }

            .phonepaddingouter .account-heading {
                padding: 0px 1.25em;
                border-bottom: 0;
            }

        .accountpaymenthistorybox {
            border: none;
        }

        .accountconfirmation {
            font-size: 18px;
        }

        .accountconfirmation {
            margin: 0px;
            padding: 22px 26px 32px 26px;
        }

        .accountphlistbox .accountphlist > div div:first-child {
            width: 45%;
        }

        .accountphlistbox .accountphlist > div div:last-child {
            width: 65%;
        }

        .accountphlist {
            margin: 0px;
            padding: 11px 26px;
        }

        .accounttishione {
            margin: 20px 25px 20px 25px;
        }

        .prevnext--rule {
            padding: 0px 1.25em;
            border-top: 0px;
        }
        /*AccountTripDetails 手机端 end*/
        .radio-set.radio-set--lg .radio-set__item {
            margin-bottom: 20px;
        }

        .opmoremodal {
            padding: 40px 25px !important;
            max-height: 98vh;
            border-bottom-left-radius: 0px;
            border-bottom-right-radius: 0px;
        }

        .modal-headertop {
            flex-direction: column-reverse;
        }

        .modal-headertop_right {
            margin-bottom: 18px;
            margin-top: 26px;
        }

        .modal-headertop_left {
            padding-top: 4px !important;
        }

        .opmoremodal .section-heading {
        }

        .extra-addbtn {
            display: block;
        }

            .extra-addbtn span {
                width: 100%;
                display: block;
                text-align: center;
                display: none;
            }

        .tripdetail_priceimgone {
            display: inline-block !important;
        }

        .tripdetail_priceimgtwo {
            display: none !important;
        }

        .modal-btnphone {
            display: block;
            position: absolute;
            bottom: 0;
            width: 100%;
            left: 0;
            padding: 20px 0px 42px;
            background-color: white;
            box-shadow: 0px 0px 10px rgba(0,0,0,0.19);
        }

            .modal-btnphone span {
                text-align: center;
                box-sizing: border-box;
                border-radius: 4px;
                background: #23dafa;
                height: 46px;
                line-height: 46px;
                width: 90%;
                display: block;
                margin: auto;
                font-size: 14px;
            }

        .opmoremodal .modal__body {
            padding-bottom: 90px;
        }

        .newpaymentinfo_box, .awnewpaymentbox .payment_paymentoption, .awnewpaymentbox .payment_billingaddress {
            border: none;
            padding: 0px;
        }

        .awnewpaymentbox .account-heading {
            font-size: 22px;
            line-height: 26px;
        }

        .newpayment_bookingnum p:first-child {
            padding-top: 18px;
        }

        .newpayment_bookingnum, .newpayment_code {
            padding-bottom: 11px;
            margin-bottom: 12px;
        }

        .account-header__link {
            font-size: 14px;
        }

        .newpayment_codenum {
            margin-top: 6px;
            display: inline-block;
            position: relative;
        }

        .newpayment_code {
            padding-bottom: 19px;
        }

        .payment_paymentoption_title {
            padding-top: 32px;
            margin-bottom: 28px;
        }

        .account-page__fieldset .tick-check-label p {
            font-family: basis-grotesque-regular;
            line-height: 22px;
            font-size: 14px;
        }

        .awnewupgradehotel .radio-set__inner {
            margin-left: 0rem;
            margin-right: 0rem;
        }

        .account-trip-card__image img .awnewupgradehotel .radio-button__img {
            width: 100%
        }

        .awnewupgradehotel .radio-button__body {
            width: 100%;
            padding-left: 0px;
        }

        .awnewupgradehotel .rb_selectbtn {
            width: 100%;
        }

        .plantripcard .layout__inner .layout__item {
            width: calc(100% - 0.6em) !important;
        }

        .plantripbox {
            text-align: center;
            margin-top: 0px;
            margin-bottom: 60px;
        }

            .plantripbox .account-intro__prose p {
                font-size: 14px;
            }

            .plantripbox .account-sub-heading {
                text-align: center;
                margin-bottom: 15px;
            }

                .plantripbox .account-sub-heading h1 {
                    font-size: 28px !important;
                    line-height: 38px;
                }

        .plantripviewmore a {
            width: 100%;
        }

        .neweditcheckoutbox .booking-controls__next .btn--secondary {
            line-height: 9px;
        }

        .neweditcheckoutbox .booking-controls__next .scion_accountpaybtn {
            line-height: 19px;
        }

        .pasttripsheader {
            margin-bottom: 32px;
        }

        .account-trip-card .trip-heading {
            margin-top: 2px;
        }

        .pasttripsbtn .btn--inline {
            padding: 9px 0px;
            height: auto;
        }

        .account-trip-card__main .trip-tag {
            margin-bottom: 11px;
        }

        .accountinfo-secion {
            margin-bottom: 17px;
        }

        .accountinfodelect {
            margin-top: 52px;
        }

        .confimationbtn span {
            width: 100%;
        }

        .awnewcontactus .content-sidebar__content {
            margin-top: 39px;
        }

        .typecontrol {
            margin-top: 30px;
        }

        .messagecontrol {
            margin-top: 27px;
        }

        .infocard_status {
            position: relative;
            color: #778c9e !important;
        }

        .newaccount-formheader {
            margin-bottom: 41px;
        }

        .newaddresscardlist li {
            padding: 24px 19px 18px;
        }

        .billingaddressbox .control__fieldbtnright {
            margin-top: 29px;
        }

        .billingaddressbox {
            margin-bottom: 0px;
        }

        #new-billing-address .accountinfobtn {
            margin-bottom: 70px;
        }

        .tripdetailhotelbox_list .radio-button__img {
            width: 100%;
        }

        .tripdetailhotel_box:first-of-type {
            border-top: 0px;
        }

        .tripdetailhotelbox_list .radio-button__body {
            padding-top: 18px;
        }

        .tripdetailhotelbox_list .rb_bodyphone {
            margin-bottom: 1px;
        }

        .tripdetailhotelbox_list .rb_bodyfour {
            margin-top: 12px;
        }

        .tripdetailhotel_box {
            margin-top: 12px;
        }

        .awnewpaymentbox {
            margin-top: 14px;
        }

        .accountpayment .account-heading {
            font-size: 16px;
            font-weight: 500;
            line-height: 28px;
            margin-bottom: 19px;
        }

        .awnewpaymentbox .payment_paymentoption_title, .paymentaddressbox .payment_billingaddress_title, .payment_shippingaddress_title {
            border-top: 1px solid #d8d9dd;
            padding-top: 40px;
            margin-bottom: 19px;
        }

        .accountnewcreditcardflex {
            display: block;
        }

            .accountnewcreditcardflex .layout__item {
                width: 100%;
            }

        .accountnewcreditcardflex {
            margin-bottom: 0px;
        }

            .accountnewcreditcardflex .layout__item {
                margin-bottom: 30px !important;
            }

        .paymentpayinfobox .layout__item--third .control__field--tt {
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
        }

            .paymentpayinfobox .layout__item--third .control__field--tt input {
                max-width: inherit;
            }

        .bookingzipcode input {
            width: 100%;
        }

        #divrbuplift .account-card__inner {
            flex-wrap: nowrap;
            flex-direction: row;
        }

        .operatingbtnphoneshow {
            display: block !important;
            position: relative;
            right: 0;
            left: -5px;
            padding-left: 0px !important;
        }

        .operatingbtnphonenone {
            display: none !important;
        }

        .address-set .control {
            margin-bottom: 1.25em;
        }

        .edit-infomodal {
            background-color: white;
        }

        .itinerary__footer .btn {
            width: 100%;
            text-align: center;
        }

        .paymenthistoryinner .account-breakdown__bar {
            padding: 0px 1.25em;
        }

        .modal.hotelmodal .flickity-page-dots, .modal.optionalmodal .flickity-page-dots {
            bottom: 10px !important;
        }

        .modal.hotelmodal .gallery .flickity-prev-next-button.next, .modal.optionalmodal .gallery .flickity-prev-next-button.next {
            right: -1.8em !important;
            left: 0;
        }

        .divtablewidthbtn {
            width: 100%;
        }

        .airtransfer_secion {
            display: block;
        }

            .airtransfer_secion .optionsbordercolor {
                width: 100%;
            }

        .awnewupgradehotelbox .radio-selectdisabledbtn {
            width: 100%;
        }

        .newbooking-confirmed .booking-confirmed__body {
            padding: 26px;
        }

        .booking-confirmed__header p {
            width: 100%;
            margin-bottom: 0.75em !important;
        }

        .booking-confirmed__header span {
            position: relative;
            display: inline-block;
            font-size: 14px;
        }

        .newbooking-confirmed .trip-stops {
            margin-bottom: 6px;
        }

        .bookingfooterbox .booking-confirmed__booking-number {
            margin-bottom: 7px;
            font-size: 16px;
            font-weight: 500;
            line-height: 24px;
            text-align: center;
        }

        .bookingfooterbox .booking-heading.booking-heading--confirmation {
            margin-bottom: 22px;
        }

        .awnewupgradehotelbox .radio-selectdisabledbtn, .awnewupgradehotel .radio-selectbtn, .awnewupgradehotel .radio-button__img {
            width: 100%;
        }

            .awnewupgradehotel .radio-button__img img {
                height: auto;
                width: 100%;
            }

        .awnewupgradehotel .radio-button__body {
            padding-top: 25px;
        }

        .awnewupgradehotel.radio-set--lg .radio-set__item:first-child {
            margin-top: 0.65em;
        }

        .insurancemodal .modal {
            padding: 40px 25px !important;
        }

        .insurancemodal .modal {
            padding-top: 60px !important;
        }

        .accountaddtourstitle {
            font-size: 24px;
            margin-bottom: 0px;
        }

        .editcheckoutsection .account-breakdown__bar div {
            padding-right: 0px !important;
        }

        .awnewupgradehotel .radio-button__inner {
            flex-wrap: nowrap;
            flex-direction: column;
        }

        .awnewupgradehotel .radio-button__body .title {
            font-size: 20px;
            font-weight: 500;
            line-height: 30px;
            letter-spacing: -0.5px;
            margin-bottom: 0;
        }

        .account-page--wide .account-breakdown__bar div {
            padding-right: 1em;
        }

        .paymentpayinfobox .layout__item--two-third {
            float: initial;
        }

        .paymentpayinfobox .control__field--date .error-message div {
            margin-top: 10px;
            margin-left: 0px;
        }

        .paymentpayinfobox .control__field--date {
            margin-bottom: 30px !important;
            display: block;
        }

        .paymentpayinfobox .control__field--tt span {
            order: 2;
            margin-left: 0px !important;
            margin-top: 5px;
        }

        .paymentpayinfobox .control__field--tt .error-message {
            width: 100%;
        }

            .paymentpayinfobox .control__field--tt .error-message div {
                margin-top: 10px;
            }

        .awnewpaymentbox .mini-icon--helper {
            max-width: initial;
        }

        .account-breakdown__bar .btn {
            letter-spacing: 0px;
        }

        .account-breakdown__bar div p {
            margin-bottom: 0px;
        }

        #divUpliftPay, .spphonenomargin {
            margin-bottom: 0px;
        }

        .accountphonenextbtn {
            display: block !important;
        }

            .accountphonenextbtn .btn--secondary {
                line-height: initial !Important;
                margin-right: 0px !important;
                margin-bottom: 5px !important;
            }

            .accountphonenextbtn .scion_accountpaybtn {
                width: 157px !important;
            }
    }

    @media screen and (max-width:405px) {
        .account-page-payhistory .prevnext .btn {
            min-width: 6.25rem;
        }
    }

    /*account Code主题色*/
    /*.trip-headingcord {
    background-color: #A4EDDB;
}*/
    .Multi_Country .trip-headingcord {
        background-color: #23DAFA;
    }

    .Red_Color .trip-headingcord {
        background-color: #D73C37;
        color: white;
    }

    .Midnight .trip-headingcord {
        background-color: #003478;
        color: white;
    }

    .Berry .trip-headingcord {
        background-color: #A6373D;
        color: white;
    }

    .Cinnamon .trip-headingcord {
        background-color: #EA886c;
    }

    .Mango .trip-headingcord {
        background-color: #FF7F01;
    }

    .Green_Color .trip-headingcord {
        background-color: #CDE49A;
    }

    .Blue_Color .trip-headingcord {
        background-color: #A5D4F9;
    }

    .Pink_Color .trip-headingcord {
        background-color: #FAD5DD;
    }

    .Teal_Color .trip-headingcord {
        background-color: #A4EDDB;
    }

    .Orange_Color .trip-headingcord {
        background-color: #FCD4A0;
    }

    .Sand .trip-headingcord {
        background-color: #F8E494;
    }

    .trip-heading.Multi_Country span {
        background-color: #23DAFA;
    }

    .trip-heading.Red_Color span {
        background-color: #D73C37;
        color: white;
    }

    .trip-heading.Midnight span {
        background-color: #003478;
        color: white;
    }

    .trip-heading.Berry span {
        background-color: #A6373D;
        color: white;
    }

    .trip-heading.Cinnamon span {
        background-color: #EA886C;
    }

    .trip-heading.Mango span {
        background-color: #FF7F01;
    }

    .trip-heading.Green_Color span {
        background-color: #CDE49A;
    }

    .trip-heading.Blue_Color span {
        background-color: #A5D4F9;
    }

    .trip-heading.Pink_Color span {
        background-color: #FAD5DD;
    }

    .trip-heading.Teal_Color span {
        background-color: #A4EDDB;
    }

    .trip-heading.Orange_Color span {
        background-color: #FCD4A0;
    }

    .trip-heading.Sand span {
        background-color: #F8E494;
    }



    .Multi_Country .itinerary__itemleft span:first-child {
        background-color: #23DAFA;
    }

    .Red_Color .itinerary__itemleft span:first-child {
        background-color: #D73C37;
        color: white;
    }

    .Midnight .itinerary__itemleft span:first-child {
        background-color: #003478;
        color: white;
    }

    .Berry .itinerary__itemleft span:first-child {
        background-color: #A6373D;
        color: white;
    }

    .Cinnamon .itinerary__itemleft span:first-child {
        background-color: #EA886C;
    }

    .Mango .itinerary__itemleft span:first-child {
        background-color: #FF7F01;
    }

    .Green_Color .itinerary__itemleft span:first-child {
        background-color: #CDE49A;
    }

    .Blue_Color .itinerary__itemleft span:first-child {
        background-color: #A5D4F9;
    }

    .Pink_Color .itinerary__itemleft span:first-child {
        background-color: #FAD5DD;
    }

    .Teal_Color .itinerary__itemleft span:first-child {
        background-color: #A4EDDB;
    }

    .Orange_Color .itinerary__itemleft span:first-child {
        background-color: #FCD4A0;
    }

    .Sand .itinerary__itemleft span:first-child {
        background-color: #F8E494;
    }


    .Multi_Country .stars .hl--b {
        color: #23DAFA;
    }

    .Red_Color .stars .hl--b {
        color: #D73C37;
    }

    .Midnight .stars .hl--b {
        color: #003478;
    }

    .Berry .stars .hl--b {
        color: #A6373D;
    }

    .Cinnamon .stars .hl--b {
        color: #EA886C;
    }

    .Mango .stars .hl--b {
        color: #FF7F01;
    }

    .Green_Color .stars .hl--b {
        color: #CDE49A;
    }

    .Blue_Color .stars .hl--b {
        color: #A5D4F9;
    }

    .Pink_Color .stars .hl--b {
        color: #FAD5DD;
    }

    .Teal_Color .stars .hl--b {
        color: #A4EDDB;
    }

    .Orange_Color .stars .hl--b {
        color: #FCD4A0;
    }

    .Sand .stars .hl--b {
        color: #F8E494;
    }


    .Multi_Country .op_toursinfo span:first-child {
        background-color: #23DAFA;
    }

    .Red_Color .op_toursinfo span:first-child {
        background-color: #D73C37;
        color: white;
    }

    .Midnight .op_toursinfo span:first-child {
        background-color: #003478;
        color: white;
    }

    .Berry .op_toursinfo span:first-child {
        background-color: #A6373D;
        color: white;
    }

    .Cinnamon .op_toursinfo span:first-child {
        background-color: #EA886C;
    }

    .Mango .op_toursinfo span:first-child {
        background-color: #FF7F01;
    }

    .Green_Color .op_toursinfo span:first-child {
        background-color: #CDE49A;
    }

    .Blue_Color .op_toursinfo span:first-child {
        background-color: #A5D4F9;
    }

    .Pink_Color .op_toursinfo span:first-child {
        background-color: #FAD5DD;
    }

    .Teal_Color .op_toursinfo span:first-child {
        background-color: #A4EDDB;
    }

    .Orange_Color .op_toursinfo span:first-child {
        background-color: #FCD4A0;
    }

    .Sand .op_toursinfo span:first-child {
        background-color: #F8E494;
    }



    .Multi_Country .stars .hl--b {
        color: #23DAFA;
    }

    .Red_Color .stars .hl--b {
        color: #D73C37;
    }

    .Midnight .stars .hl--b {
        color: #003478;
    }

    .Berry .stars .hl--b {
        color: #A6373D;
    }

    .Cinnamon .stars .hl--b {
        color: #EA886C;
    }

    .Mango .stars .hl--b {
        color: #FF7F01;
    }

    .Green_Color .stars .hl--b {
        color: #CDE49A;
    }

    .Blue_Color .stars .hl--b {
        color: #A5D4F9;
    }

    .Pink_Color .stars .hl--b {
        color: #FAD5DD;
    }

    .Teal_Color .stars .hl--b {
        color: #A4EDDB;
    }

    .Orange_Color .stars .hl--b {
        color: #FCD4A0;
    }

    .Sand .stars .hl--b {
        color: #F8E494;
    }


    .Multi_Country #hotelsstar {
        color: #23DAFA;
    }

    .Red_Color #hotelsstar {
        color: #D73C37;
    }

    .Midnight #hotelsstar {
        color: #003478;
    }

    .Berry #hotelsstar {
        color: #A6373D;
    }

    .Cinnamon #hotelsstar {
        color: #EA886C;
    }

    .Mango #hotelsstar {
        color: #FF7F01;
    }

    .Green_Color #hotelsstar {
        color: #CDE49A;
    }

    .Blue_Color #hotelsstar {
        color: #A5D4F9;
    }

    .Pink_Color #hotelsstar {
        color: #FAD5DD;
    }

    .Teal_Color #hotelsstar {
        color: #A4EDDB;
    }

    .Orange_Color #hotelsstar {
        color: #FCD4A0;
    }

    .Sand #hotelsstar {
        color: #F8E494;
    }


    .Multi_Country #dayNights {
        background-color: #23DAFA;
    }

    .Red_Color #dayNights {
        background-color: #D73C37;
        color: white;
    }

    .Midnight #dayNights {
        background-color: #003478;
        color: white;
    }

    .Berry #dayNights {
        background-color: #A6373D;
        color: white;
    }

    .Cinnamon #dayNights {
        background-color: #EA886C;
    }

    .Mango #dayNights {
        background-color: #FF7F01;
    }

    .Green_Color #dayNights {
        background-color: #CDE49A;
    }

    .Blue_Color #dayNights {
        background-color: #A5D4F9;
    }

    .Pink_Color #dayNights {
        background-color: #FAD5DD;
    }

    .Teal_Color #dayNights {
        background-color: #A4EDDB;
    }

    .Orange_Color #dayNights {
        background-color: #FCD4A0;
    }

    .Sand #dayNights {
        background-color: #F8E494;
    }

    .Multi_Country .booking-confirmed__header span {
        background-color: #23DAFA;
    }

    .Red_Color .booking-confirmed__header span {
        background-color: #D73C37;
        color: white;
    }

    .Midnight .booking-confirmed__header span {
        background-color: #003478;
        color: white;
    }

    .Berry .booking-confirmed__header span {
        background-color: #A6373D;
        color: white;
    }

    .Cinnamon .booking-confirmed__header span {
        background-color: #EA886C;
    }

    .Sand .booking-confirmed__header span {
        background-color: #F8E494;
    }
}

.scionprintshow {
    display: block;
}

#scionpage-logo {
    width: 146px;
    height: 120px;
}

.scionaddaccount {
    display: none;
}

.btn {
    display: none;
}
.itinerary__maininfo:first-child{
    display:block!important;
}
.hidContent:first-child {
    display: block !important;
}
.hidContent, .withpricebreakdown, .note-paragraph {
    display: block !important;
}
.subA {
    display: none !important;
}
.account-breakdown__bar {
    display: none !important;
}