@import url("//hello.myfonts.net/count/3586ec");

@import url("./wkl2pkn.css");
/*@import url("https://use.typekit.net/wkl2pkn.css");*/

@font-face {
    font-family: 'Manus';
    src: url("../webfonts/3586EC_0_0.eot");
    src: url("../webfonts/3586EC_0_0.eot?#iefix") format("embedded-opentype"), url("../webfonts/3586EC_0_0.woff2") format("woff2"), url("../webfonts/3586EC_0_0.woff") format("woff"), url("../webfonts/3586EC_0_0.ttf") format("truetype")
}

@font-face {
    font-family: 'BasisGrotesquePro Light';
    src: url('../webfonts/BasisGrotesquePro Light.ttf') format('truetype');
}
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

html {
    font-family: "basis-grotesque-medium";
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

@font-face {
    font-family: 'basis-grotesque-medium';
    src: url('../webfonts/basis-grotesque-medium.ttf') format('truetype');
}

@font-face {
    font-family: 'basis-grotesque-bold';
    src: url('../webfonts/basis-grotesque-bold.ttf') format('truetype');
}

@font-face {
    font-family: 'basis-grotesque-regular';
    src: url('../webfonts/basis-grotesque-regular.ttf') format('truetype');
}

@font-face {
    font-family: 'basis-grotesque-off-white';
    src: url('../webfonts/basis-grotesque-off-white.ttf') format('truetype');
}

@font-face {
    font-family: 'BasisGrotesquePro-Italic';
    src: url('../webfonts/BasisGrotesquePro-Italic.ttf') format('truetype');
}

.basis-grotesque-regular {
    font-family: basis-grotesque-regular;
}

.basis-grotesque-bold {
    font-family: basis-grotesque-bold !important;
}


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: 400;
    font-family: basis-grotesque-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;
    width: 100%;
    padding-bottom: 0px !important;
}

    .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: 20px;
    }

.header__info {
    display: flex;
    align-items: center;
}

.header__phone {
    display: flex;
    align-items: center;
}

    .header__phone span {
        font-family: basis-grotesque-medium;
        font-weight: 500 !important;
        line-height: 30px;
        font-size: 14px;
        letter-spacing: 0;
        padding-left: 12px;
        color: #0C3051;
    }

.header__search {
    padding-right: 20px !important;
    padding-left: 57px !important;
}

.header__bottom {
    box-shadow: inset 0px 1px 0px 0px #EBECEE;
    border-bottom: 1px solid #EBECEE;
}

.header__top {
    display: none;
}

.header__phoneshow {
    display: flex;
    justify-content: space-between;
    padding: 10px 20px;
}

.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 - 75px);
        overflow-y: auto;
    }

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

    .showprimary-nav {
        transform: translateX(0%);
        z-index: 9;
        overflow-y: scroll;
    }

    .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
        }

    td span.alinIvyyefft {
        display: inline-block;
        /*           transform: translateY(-9%);*/
    }

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

    .sub-menu .menucitylist a {
        font-family: basis-grotesque-regular;
        font-size: 14px;
        padding-left: 0px;
    }

    .menucitylist {
        padding-left: 1.4em !important;
    }

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

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

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

@media screen and (max-width:43.75em) {
    html.menu-visible {
        overflow: hidden;
    }

        html.menu-visible .primary-nav {
            transform: translateX(0%);
            z-index: 11;
        }
}

@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: center;
        align-items: center;
        font-size: 16px;
    }

    .primary-nav a {
        padding: 15px 40px;
        color: #0C3051;
        font-size: 14px;
        line-height: 30px;
        font-weight: 500 !important;
        letter-spacing: 0;
    }

    .primary-nav {
        width: 100%;
        /*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
    }

    .page-logo img {
        opacity: 0;
    }

    .page-logo {
        background-image: url('../img/AW2022/Aw2020Indexlogo.svg');
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .mobile-actions, .primary-nav a.menu-close {
        display: none;
    }


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

    .primary-nav .has-sub {
        position: relative;
    }

        .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;
        
        /*Hide method, replace display none*/
        opacity: 0;
        pointer-events: none;
    }

        .primary-nav .sub-menu a {
            color: #1D2E37;
            text-transform: uppercase;
        }

            .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;
                    line-height: initial;
                }

    .header__phoneshow {
        display: none;
    }

    .header__top {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 15px 40px;
    }

    li:hover .sub-menu {
        /*display: block*/
        opacity: 1;
        pointer-events: auto;
    }

    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
    }
    .dealmenulist .sub-menu {
        width: max-content;
    }

    .dealmenulist .sub-menu ul li {
        width: 100%;
    }

      .dealmenulist .sub-menu ul li a {
          font-family: 'basis-grotesque-medium';
        text-transform: none;
        padding: 0.425em 2.8em;
      }

}

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



    .primary-nav {
        width: 100%;
    }

    /*    .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: none;
        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: center;
        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;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .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;*/
        border-top-left-radius: 8px;
        border-top-right-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: ' ';*/
    content: none;
    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: ':'
        }

        .meta-list dd:after {
            content: ','
        }

        .meta-list dd:last-child:after {
            content: '';
            display: none
        }

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

/*! 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;
    font-size: 14px;
    background: #fff;
    margin-bottom: 1.875em;
    border: 1px solid #D8D9DD;
    border-radius: 8px;
    position: relative;
}

.basis-grotesque-bold {
    font-family: basis-grotesque-bold;
}

.value-pack-update > .extension-box {
    padding: 0;
    background: #fff;
    margin-bottom: 1.875em;
    border: 1px solid #D8D9DD;
    border-radius: 8px;
    position: relative;
}

.value-pack-update > .extension-box > .notification{
    border-radius: 4px;
    border: 1px solid #23dafa;
    background: #d3f8fe;
    font-size: 14px;
    margin-bottom: 0;
}

.value-pack-update > .extension-box > .extensionpaddingbox{
    padding: 20px 30px;
}

.value-pack-update > .extension-box > .extensionpaddingbox > label {
    cursor: pointer;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}

.value-pack-update > .extension-box > .extensionpaddingbox > label > .op-box-text-container{
    display: flex;
    flex-direction: row;
    justify-content: space-between;  
}
.value-pack-update > .extension-box > .extensionpaddingbox > label > .tick-check > .select-all-ot-button{
    color: #0C3051;
    padding: 8px 21px;
    font-size: 14px;
    font-family: 'basis-grotesque-medium';
    line-height: 22px;
    background-color: #23DAFA;
    border-radius: 5px;
    text-align: center;
    margin-top: 5px;
}
.newoptionaltour_oldprice {
    color: #0C3051;
    font-family: basis-grotesque-regular;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    margin-right: 10px;
    text-decoration-line: line-through;
}
.value-pack-update > .extension-box > .extensionpaddingbox > label > .op-box-text-container > div .status-hasDeal,
.value-pack-update > .extension-box > .extensionpaddingbox > label > .op-box-text-container > div .status-noDeal {
    background-color: #2D6497;
    color: white;
    font-size: 12px;
    font-family: 'basis-grotesque-medium';
    padding: 6px 10px 6px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    line-height: 10px;
    margin-left: 10px;
}
@media screen and (max-width: 700px) {
    .booking-section .extensionpaddingbox.notification {
        display: flex;
        width: 100%;
    }
    .value-pack-update > .extension-box > .extensionpaddingbox > label > .op-box-text-container {
        width:100%;
    }
    .booking-section .extensionpaddingbox.notification label {
        flex-direction: column-reverse;
        width: 100%;
    }

    .select-all-ot-button {
        margin-top: 20px!important;
    }
    .select-all-ot-button {
        width:100%;
        box-sizing:border-box;
    }
    .value-pack-update > .extension-box > .extensionpaddingbox {
        padding: 20px;
    }
    .opextension-box .tick-check {
        width: 100%;
        margin-right: 0px;
    }
}
.value-pack-update > .extension-box > .extensionpaddingbox > label > .op-box-text-container > div .newoptionaltourname_title{
    line-height: 21px;
}

/* 預設：只顯示 default */
.select-all-ot-button.checked {
    display: none;
}

.select-all-ot-button.default {
    display: inline-block;
}

/* 勾選後：切成顯示 checked，隱藏 default */
.tick-check input[type="checkbox"]:checked ~ .select-all-ot-button.default {
    display: none;
}

.tick-check input[type="checkbox"]:checked ~ .select-all-ot-button.checked {
    display: inline-block;
}

.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: 9
}

.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
    }
}

.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: 14px;
    text-transform: uppercase;
}

.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
}

.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: 40rem;
        border-radius: 8px;
    }

        .primary-nav__inner .scioncitylistmenu .sub-menu .sub-menuleft {
            /* width: 33.3%;*/
            width: 30% !important;
        }

    .menuleft_unline {
        padding: 0.25em 1.8em !important;
    }

    .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__primarybackground a {
        height: 40px;
        vertical-align: middle;
        display: flex !important;
        align-items: center;
        justify-content: center;
        background-color: #23DAFA;
        border-radius: 4px;
        margin-bottom: 0px;
        color: #0C3051 !important;
        font-size: 14px;
        padding: 0px 35px !important;
        font-weight: 500 !important;
        letter-spacing: 0;
        line-height: 22px;
    }
}

/*! 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;
    background-color: white;
}

    .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: 10;
}

#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, .newsletter_section {
    display: none;
}

.awnewlifttimeboxgroundtwo, .footer_section {
    background-color: transparent !important;
}
/*login页面 start*/
.accountloginwidth {
    padding-right: 0;
    width: 330px;
    margin: auto;
    margin-top: -7px;
    margin-bottom: 31px;
}

.awnewaccountlogin .layout__item {
    margin: 0 auto;
}

.careteaccountbox {
    margin-top: -7px;
}

.accountloginpd {
    padding-top: 11px;
}

.accountloginbtn {
    height: 49px;
}

.awnewaccountlogin .booking-heading, .changepasswordsecion .account-heading {
    font-size: 28px;
    text-transform: initial;
    margin-bottom: 36px;
    line-height: 38px;
}

.changepasswordsecion .account-heading {
    padding: 0px;
}

.changepasswordsecion .control--submit {
    margin-top: 1.9em;
}

.changepasswordsecion {
    width: 330px;
    margin: auto;
}

    .changepasswordsecion .layout__item {
        margin: auto;
    }

.awnewaccountlogin .formsignupbtn {
    font-size: 20px;
    margin-top: 30px;
    letter-spacing: -0.5px;
    line-height: 30px;
}

.awnewaccountlogin {
    min-height: auto;
}

    .awnewaccountlogin .widget .control:first-child {
        margin-bottom: 20px;
    }

.fixed-search .dark {
    background-position: right 1.25em center;
    background-image: url(../img/icons/select-toggle.min.svg);
}

.account-header_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 37px;
}

    .account-header_top a {
        text-decoration: none;
    }

.account-breakdown__bar a {
    text-decoration: none;
}

.account-header_top p {
    margin-bottom: 0px;
}

    .account-header_top p:first-child {
        font-size: 28px;
    }

.account-header_top span {
    border: 1px solid #D8D9DD;
    width: 155px;
    height: 44px;
    display: block;
    text-align: center;
    line-height: 44px;
    border-radius: 4px;
    cursor: pointer;
    background-color: white;
    font-size: 14px;
}

.phonesearchbtn {
    display: none !important;
}
/*login页面 end*/

/*UpcomingTrips start*/
.plantripbox {
    text-align: center;
    margin-top: 32px;
    margin-bottom: 108px;
}

.plantriplogo {
    border-radius: 50%;
    background-color: #4FE1FB;
    display: inline-block;
    padding: 27.5px 33px;
    margin-bottom: 7px;
}

.plantripbox .account-sub-heading {
    text-align: center;
    margin-bottom: 23px;
}

    .plantripbox .account-sub-heading h1 {
        font-size: 34px !important;
        line-height: 45px;
        text-align: center;
        letter-spacing: -0.5px;
    }

.upcomingTripsbox {
    margin-bottom: 6.3em;
}

.plantripbox .card h1 {
    text-align: left;
}

.plantripbox .account-intro__prose p {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    text-align: center;
}

.plantripcard .layout__inner {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 31px;
    row-gap: 20px;
}

.plantripcard .card__body {
    height: auto;
    padding-bottom: 5.5em;
}

.plantripcard .card__stops {
    justify-content: start;
}

    .plantripcard .card__stops li {
        font-size: .875em;
        margin-bottom: 0.625em;
        margin-left: 0.1em;
        margin-right: 0.1em;
        color: #0C3051;
        font-family: basis-grotesque-regular;
    }

.plantripcard .newritzcard_body .card__title {
    color: #0C3051;
    font-size: 28px;
    letter-spacing: -0.5px;
    text-align: left;
}

.plantripcard .card a {
    position: initial;
}

.trip-headingcord {
    font-size: 12px;
    text-transform: uppercase;
    background-color: #A4EDDB;
    padding: 5.5px 12px;
    border-radius: 4px;
    margin-bottom: 13px;
}

.plantripcard .layout__inner .vacationpackagelistcard .card .card__link {
    align-content: flex-start;
    align-items: center;
}

.plantripviewmore, .plantripviewback {
    text-align: center;
    margin-top: 13px;
}

    .plantripviewmore a, .plantripviewback a {
        width: 279px;
        height: 46px;
        padding: 0px;
        line-height: 46px;
        border-radius: 4px;
        background: #23dafa;
        background-blend-mode: normal;
    }

.account-trip-card__main .meta-list--pipe, .meta-liststops {
    width: 100%;
}

.meta-listpeople {
    margin-bottom: 13px;
    font-size: 14px;
    padding-top: 15px;
}

.meta-listdata, .meta-liststops {
    border-bottom: 1px solid #D8D9DD;
    padding-bottom: 16px;
}

    .meta-liststops li {
        font-size: 14px;
    }

.upcomingtripsbtnbox {
    width: 100%;
    margin-top: 23px;
}

.upcomingtripsbtnlist {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
    gap:5px;
}

.upcomingtripsbtnlist_pay {
    width: 32%;
}

    .upcomingtripsbtnlist_pay .btn {
        width: 100%;
        text-align: center;
        padding: 1em 0px;
    }

.upcomingtripsbtnlist_add {
    width: 67%;
    display: flex;
    justify-content: space-between;
}

.upcomingtripsbtnlist .addtoursbtn {
    flex: 1;
}

.upcomingtripsbtnlist .insurancebtn {
    margin-left: 1%;
}

.upcomingtripsbtnlist_add .btn {
    text-align: center;
    border-radius: 4px;
    border: 1px solid #D8D9DD;
    background-color: white;
    padding: 1em 0px;
    white-space: nowrap;
}
.upcomingtripsbtnlist_addvisa {
    width: 40%;
}
@media screen and (max-width:1030px) {
    .upcomingtripsbtnlist {
        flex-wrap: wrap;
    }

    .upcomingtripsbtnlist_pay {
        flex: 1;
    }
}
@media screen and (max-width:943px) {
    .upcomingtripsbtnlist_add {
        width: 100%;
    }
}
.upcomingtripsbtnbox .btn--inline {
    font-size: 14px;
    text-transform: initial;
    color: #2D6497;
    font-family: basis-grotesque-regular;
}

    .upcomingtripsbtnbox .btn--inline span {
        text-decoration: underline;
    }

.upcomingTrips-main .meta-liststops li {
    font-size: 14px;
}

.upcomingTrips-main .meta-listpeople {
    margin-bottom: 13px;
    padding-top: 13px;
}

.upcomingTrips-main .meta-liststops {
    padding-bottom: 11px;
}

.upcomingTrips-main .upcomingtripsbtnlist .btn {
    height: 43px;
}

.upcomingtripsbtnbox {
    margin-top: 27px;
    position: relative;
    z-index: 9;
}

.account-trip-card__image img {
    width: 507px;
    height: 460px;
    border-radius: 8px;
    max-width: inherit;
}

.account-trip-card--past .account-trip-card__image img {
    width: 507px;
    height: 460px;
    max-width: inherit;
}

.awnewupcomingtripshowmore {
    text-align: center;
}

    .awnewupcomingtripshowmore button {
        text-align: center;
        border: 1px solid #D8D9DD;
        padding: 10px 68px;
        background-color: white;
        color: #0C3051;
        border-radius: 4px;
        font-size: 14px;
        margin-bottom: 61px;
    }

        .awnewupcomingtripshowmore button:hover {
            background-color: transparent !important;
        }
/*UpcomingTrips end*/
/*PastTrips start*/
.pasttripsheader {
    margin-bottom: 54px;
}

.pasttripstitle h2 {
    font-size: 28px;
}

.pasttripsbtn .btn--inline {
    text-transform: initial;
    margin: 0px;
    padding: 10px 9px 5px;
    letter-spacing: 0;
    text-decoration: underline;
    color: #2D6497;
    line-height: 20px;
    font-family: basis-grotesque-regular;
    font-size: 14px;
}

    .pasttripsbtn .btn--inline div {
        width: 25px;
    }

        .pasttripsbtn .btn--inline div img {
            margin: 0px;
        }
/*PastTrips end*/
/*AccountInfo start*/
.accountinfolistbox {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.accountinfolist {
    border-radius: 8px;
    border: 1px solid #D8D9DD;
    width: 31.4%;
    margin-right: 2.3%;
    margin-bottom: 24px;
    cursor: pointer;
    background-color: white;
}

.informationlist {
    margin-right: 0px;
}

.acccountinfoheader {
    margin-bottom: 72px;
}

.accountinfo {
    padding: 26px 30px 18px;
}

    .accountinfo p:last-child {
        font-size: 14px;
        margin-bottom: 0px;
        line-height: 22px;
        font-family: basis-grotesque-regular;
    }

.accountinfo_title {
    margin-bottom: 0px;
    margin-top: 8px;
    font-size: 16px;
    line-height: 28px;
    padding-bottom: 6px;
}

.accountinfodelect a {
    color: #2D6497;
    text-decoration: underline;
}

.accountinfodelect {
    margin-top: 32px;
}

.newaccount-form .account-set > .control {
    width: 100%;
}

.newaccount-form .control .control__field input {
    border-radius: 4px;
    border: 1px solid #D8D9DD;
    height: 44px;
}

.newaccount-form .control .control__field {
    width: 100%;
    text-align: left;
}

.accountinfobtn {
    border: none;
    width: 245px;
    text-align: center;
    border: none !important;
    height: 46px !important;
}

.newaccount-formheader {
    margin-bottom: 29px;
}

    .newaccount-formheader img {
        vertical-align: middle;
        display: inline-block;
    }

.newaddresscontrol, .newwconfirmpasswold {
    margin-bottom: 33px;
}

.newpasswoldcontrol {
    margin-bottom: 30px;
}

.newaccount-formheader span {
    vertical-align: middle;
    margin-bottom: 0px;
    font-size: 20px;
    padding-left: 10px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: -0.5px;
    color: #0C3051;
}

#formPersonalInfo .newaccount-formheader {
    margin-bottom: 24px;
}

#formPersonalInfo .address-set .control {
    margin-bottom: 37px;
}

.newaddresscontrol .control__field {
    margin-top: 5px;
}

.control__fieldbtnright {
    text-align: right;
}

.address-set .control {
    margin-bottom: 2.1em;
}

.newtravelerinfomation .account-card .account-card__inner {
    padding: 9px 21px 26px;
}

.newtravelerinfomation .newaccount-formheader {
    margin-bottom: 30px;
}

.newtravelerinfomation .address-set .control {
    margin-bottom: 37px;
}

.newnotification {
    background-color: #FEF6EC !important;
    border-radius: 4px;
    border: 1px solid #FCD4A0 !important;
    font-size: 14px;
}

.tick-check-labelsp {
    position: absolute;
    bottom: -40px;
}

.account-card__mainheader {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 4px;
}

    .account-card__mainheader p {
        margin-bottom: 0px;
        font-size: 16px;
    }

    .account-card__mainheader a {
        color: #2D6497;
        text-decoration: underline;
        text-transform: initial;
        font-size: 14px;
    }

.account-card__maintable {
    width: 100%;
    font-family: basis-grotesque-regular;
}

    .account-card__maintable tr td:first-child {
        width: 38%;
        color: #778C9E;
        line-height: 26px;
        font-size: 14px;
    }

    .account-card__maintable tr td:last-child {
        color: #0C3051;
        font-size: 14px;
    }

.newcreditcardbox .newaccount-formheader {
    margin-bottom: 41px;
}

.newcreditcardlist li {
    border-radius: 5px;
    border: 1px solid #D8D9DD;
}

.newcreditcardlist li {
    border-radius: 5px;
    padding: 23px 19px 12px;
    border: 1px solid #D8D9DD;
    margin-bottom: 20px;
    background-color: white;
}

.newcreditcardbox .control__fieldbtnright {
    margin-top: 26px;
}

.newcreditcardbox .newccform .control__field {
    font-size: 14px;
}

.newaddcardtitle .payment-types p {
    font-size: 16px;
    font-family: basis-grotesque-medium;
    margin-bottom: 0;
}

.newcreditcardlist .newcreditcardlist_info img {
    display: inline-block;
    vertical-align: top;
}

.newcreditcardlist .newcreditcardlist_info div {
    display: inline-block;
    padding-left: 10px;
    font-size: 14px;
    font-family: basis-grotesque-regular;
}

    .newcreditcardlist .newcreditcardlist_info div p {
        margin-bottom: 0px;
    }

.newaccount-card__footer {
    position: absolute;
    top: 0px;
    right: 0px;
}

    .newaccount-card__footer .btn {
        height: auto;
        font-size: 13px;
    }

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

.account-card__footer .btn {
    height: auto;
    font-size: 13px;
}

.infocard_status {
    position: absolute;
    top: 0px;
    right: 0px;
    color: #778c9e !important;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    font-family: basis-grotesque-regular;
}

.disablecard {
    opacity: .5;
}

    .disablecard .infocard_status {
        color: #d73c37;
    }

.ccform {
    border-radius: 5px;
    border: 1px solid #D8D9DD;
    padding: 25px 21px;
    margin-bottom: 22px;
}

.control__field--date .control {
    margin-left: 0.3125em;
}

.newaddresscardlist li {
    border-radius: 5px;
    padding: 26px 19px 23px;
    border: 1px solid #D8D9DD;
    margin-bottom: 20px;
    background-color: white;
}

.newcreditcardlist_info {
    font-family: basis-grotesque-bold;
}

.newaddresscardlist div p {
    margin-bottom: 0px;
    line-height: 22px;
    font-size: 14px;
}

.control__phonetishi {
    display: none;
}

.newccform .payment-types {
    font-family: basis-grotesque-regular;
}

.newccform {
    padding: 22px 21px 13px;
    background-color: white;
}

    .newccform .newaddcardtitle {
        margin-bottom: 17px;
    }

    .newccform .newcardnum {
        margin-bottom: 29px;
    }

    .newccform .control__tishi {
        font-size: 14px;
        margin-bottom: 0;
        padding-left: 13px;
        color: #778c9e;
        line-height: 22px;
        font-family: basis-grotesque-regular;
    }

.control__phonetishi {
    color: #778c9e;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 0px;
    font-family: basis-grotesque-regular;
}

.newccform .control {
    margin-bottom: 24px;
}

.newccform .control {
    margin-bottom: 18px;
}

.confirmed__infop {
    margin-bottom: 22px !important;
    font-family: 'basis-grotesque-regular';
}

.addoreditbillingbox {
    border-radius: 5px;
    /*border: 1px solid #D8D9DD;*/
    padding: 25px 21px;
    margin-bottom: 22px;
    /*background-color:white;*/
}

.newaddbillingtitle {
    margin-bottom: 29px !important;
}

.newbooking-confirmed .trip-stops {
    font-size: 14px;
}

.addoreditbillingbox .address-set .control {
    margin-bottom: 29px;
}

.defaultinput {
    align-self: flex-end;
    font-size: 14px;
    line-height: 22px;
    font-family: basis-grotesque-regular;
}

#new-traveler-information .newnotification {
    margin-bottom: 38px;
}

#new-traveler-information .address-set {
    margin-top: -5px;
}

.paymentInformationbox, .companioninformationbox {
    width: 687px;
    margin: auto;
}

.accountdetailsbox {
    width: 508px;
    margin: auto;
    margin-bottom: 200px;
}

.billingaddressbox {
    width: 687px;
    margin: auto;
    margin-bottom: 200px;
}

.accounteditbtn .btn {
    width: auto;
}

.account-breakdown-editinfo {
    margin-top: 30px;
}

.passportltemsbox .widget--btm-bdr {
    font-size: 14px;
    line-height: 22px;
}
/*AccountInfo end*/
/*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;
}

.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;
    }
.moreinfo strong {
    font-family:basis-grotesque-bold;
    font-weight:400;
}
.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: 25px;
}

    #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__itemleft {
    /*margin-right: 4%;
    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;
    }

.newaccountitinerary .itinerary__main {
    border-bottom: 1px solid #D8D9DD;
    padding-bottom: 19px;
}

.newaccountitinerary .itinerary__item > * {
    flex: initial;
}

.newaccountitinerary .itinerary__main {
    max-width: initial;
    width: 100%;
}

.newaccountitinerary .openallbtn {
    display: flex;
    cursor: pointer;
    justify-content: flex-end;
    align-items: center;
}

.newaccountitinerary span {
    padding-right: 7px;
    color: #2D6497;
    font-family: basis-grotesque-regular;
    font-size: 14px;
}

.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: 19px 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: 20px 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;
}

.modayinfo_body {
    padding-top: 28px;
}

.extra-time {
    font-size: 14px;
    padding: 0px 0px 8px 0px;
}

.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;
}

.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: '';
        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;
}

.closeallbtn {
    text-align: right;
    margin-bottom: 0px;
    padding-bottom: 30px;
}

    .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: 44px;
}

    .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*/
/*AccountPaymentHistory start*/
.accountpaymenthistorybox {
    border-radius: 8px;
    border: 1px solid #D8D9DD;
    padding: 27px 0px;
    font-size: 14px;
}

.account-page-payhistory .account-heading {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 24px;
}

.account-heading--border img {
    display: inline-block;
}

.accountconfirmation {
    margin: 0px 26px;
    /*padding: 0px 0px 15px 0px;
    border-bottom: 1px solid #D8D9DD;*/
    font-size: 16px;
    line-height: 32px;
    font-family: basis-grotesque-regular;
}

    .accountconfirmation p {
        font-family: basis-grotesque-bold !important;
    }

.accounttotal div:last-child {
    font-size: 18px;
}

.accountbalance div:last-child {
    font-size: 18px;
}

.accountphlistbox .accountphlist > div {
    display: flex;
    padding: 11px 0px;
}

.accounttotal, .accountbalance {
    display: flex;
    justify-content: space-between;
    padding: 25px 26px;
}

.accounttotal {
    background: #D3F8FE;
}

.accountbalance {
    background: #A4EDDB;
}

.accountphlist {
    margin: 12px 26px;
    /*border-bottom: 1px solid #D8D9DD;*/
}

.accountphlist {
    border-top: 1px solid #D8D9DD;
    padding-top: 15px;
}

.accountphlistbox .accountphlist > div div:first-child {
    width: 25%;
}

.accountphlistbox .accountphlist > div div:last-child {
    font-family: basis-grotesque-regular;
}

.accountphlistbox .accountphlist > div div p {
    margin-bottom: 0;
}

.accounttishione {
    margin: 25px 25px 20px 25px;
}

.accounttishitwo {
    margin: 0px 25px
}

.accounttishione p {
    display: block;
    background: #FDF2FA;
    border-radius: 4px;
    border: 1px solid #E52E56;
    padding: 16px 21px;
    line-height: 20px;
    font-size: 14px;
}

.accounttishitwo p {
    display: block;
    background: #D3F8FE;
    border-radius: 4px;
    border: 1px solid #23DAFA;
    padding: 10px 21px;
    font-family: basis-grotesque-regular;
    line-height: 22px;
}
/*AccountPaymentHistory 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;
        height: 272px;
    }

.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, .rb_bodythree p {
    font-family: basis-grotesque-regular;
    line-height: 22px;
    margin-bottom: 0px;
}

    .rb_bodythree ul {
        margin: 0px;
        padding-left: 17px;
    }

        .rb_bodythree ul li {
            list-style-type: unset;
        }

.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;
        min-width: 56px;
        width: auto;
        padding: 0px 8px;
        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;
}

.newaccounttripdetail {
    border-bottom: 1px solid #D8D9DD !important;
    padding-bottom: 30px !important;
}

.optionalDescription ul {
    padding-left: 30px;
}

    .optionalDescription ul li {
        list-style-type: disc;
        font-family: 'basis-grotesque-regular';
        color: #0C3051;
    }

.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_section_bgcolor {
    background-color: #A4EDDB !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: 38%;
    }

        .tripdetailhotelbox_list .radio-button__img img {
            border-radius: 8px;
        }

    .tripdetailhotelbox_list .radio-button__body {
        padding-left: 3%;
        padding-top: 0px;
        width: 58%;
    }

.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: 30px;
    }

    .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;
    }

    .awnewupcomingtripshowmore {
        margin-bottom: 52px;
        margin-top: 19px;
    }

    .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%;
    }

    /* .phonepage-header a img {
        opacity: 0;
    }
*/
    .phonepage-header .mobile-actions .phonepersonal {
        background-size: auto !important;
    }

    .disabledcontrol .control__field input {
        background-color: #FBFBFC;
        border: 1px solid #FBFBFC;
    }

    .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;
    }

    .phonepage-header {
        position: sticky !important;
    }

    .page-header__inner {
        padding-bottom: .5em;
    }
}

@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: 38px;
    }

    .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;
        margin-bottom: 0px;
    }

    .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: 0em;
        margin-bottom: 0px;
    }

        .account-breakdown__bar .btn--inline {
            padding: 0;
            margin: 0;
        }

    .tick-check-labelsp {
        position: relative;
        /*margin-top: 14px;*/
        top: 0px;
    }

    .pricebreakdownsection .tripdetail_price {
        padding: 0;
        background-color: transparent;
    }

    .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;
        background-color: white;
        padding-top: 0;
    }

    .account-page-payhistory .prevnext--rule {
        margin-top: 20px;
    }

    .account-page-payhistory .account-heading {
        padding-bottom: 27px !important;
    }

    .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 {
        grid-template-columns: repeat(1, 1fr) !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: 1.25em 1.25em 1.25em 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;
    }

    .editpassportitembox .account-breakdown {
        margin-bottom: 0px;
        padding-top: 1.25em;
    }

    .account-breakdown-editinfo {
        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;
        }

    .editcheckoutsavebtn {
        margin-right: 0px !important;
        margin-bottom: 10px;
    }

    .tripdetailphonebox .outer {
        background-color: #F9F9F9;
        padding: 1.25em 0em;
    }

    .tripdetailphonebox .awnewaccount-breakdown {
        padding: 0px 1.25em;
        background-color: white;
        margin-bottom: 0px;
    }

    .tripdetailphonebox .closeallbtnpchide {
        margin-top: 0px;
    }

    .tripdetail_traveler, .tripdetail_room, .tripdetail_flight, .tripdetail_itinerary, .tripdetail_price, .tripdetail_personal, .tripdetail_hotel, .tripdetail_tripdetails {
        padding: 26px 1.25em;
        margin-bottom: 10px !important;
        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 {
            right: 20px;
        }

    .tripdetailphonebox .closeallbtnpchide {
        padding: 22px 1.25em;
    }

    .tripdetailphonebox .account-breakdown__bar {
        padding-left: 1.25em;
        padding-bottom: 1.25em;
        padding-right: 1.25em;
    }

    .newaccounttripdetail {
        padding: 0px 1.25em;
    }

    .tripdetailphonebox .newaccounttrevelers {
        padding: 0px 1.25em;
        padding-top: 10px;
        background-color: white;
        margin-top: -10px;
    }

    .tripdetailphonebox .newaccountroom {
        background-color: white;
        padding: 0px 1.25em 0px;
        margin-top: -10px !important;
        margin-bottom: 10px;
    }

    .tripdetailphonebox .detailviewroomlist {
        margin-top: 0;
    }

    .tripdetailphonebox .newaccountflightinfo {
        background-color: white;
        padding: 0px 1.25em 0px;
        margin-top: -10px;
    }

    .tripdetailphonebox .newaccountitinerary {
        background-color: white;
        padding: 10px 1.25em 0px;
        margin-top: -10px;
    }

    .tripdetailphonebox .detailviewroomlist:first-child .viewroomlist_num {
        margin-top: 0;
    }

    .tripdetailphonebox .newaccountflightinfo_city {
        margin-top: 0;
    }

    .tripdetailphonebox .detailviewroomlist:last-child {
        border: none;
    }

    .tripdetailphonebox .newaccountitinerary .itinerary__list {
        padding-top: 0px;
    }

    .tripdetailphonebox .tripdetailhotel_box {
        background-color: white;
        padding: 10px 1.25em 0px;
        margin-top: -10px;
    }

    .tripdetailphonebox .newtable-wrap {
        margin-top: -10px;
        padding-top: 10px;
    }

    .secondbookheaderbox .account-breakdown__bar {
        margin-bottom: 1.25em;
    }

    #showupgradehotelroom .accountaddtourstitle {
        margin-bottom: 0.45em;
    }

    .tripdetailphonebox .withpricebreakdown {
        padding: 0px 1.25em 0px;
    }

    .tripdetailphonebox .awaccountperdetails {
        background-color: white;
        padding: 10px 1.25em 0px;
        margin-top: -10px;
    }
    /*.accountdetailbgcolor .awnewlifttimeboxgroundtwo {
            background-color: #Fbfbfc !important;
            border-radius: 0px !important;
        }*/
    .account-breakdown__footer .btn--inline span {
        color: #2D6497;
    }
    /* .accountinfo-secion .outer {
            background-color: #fbfbfc;
        }*/
    .accountinfo-secion {
        margin-bottom: 0px;
    }

        .accountinfo-secion .account-header_top {
            padding-top: 0px;
            padding-bottom: 20px;
        }
    /*.accountdetailbgcolor {
            background-color: #FBFBFC;
        }*/
    .account-header_top {
        padding-top: 0px;
        padding-bottom: 19px;
    }
}

@media screen and (max-width:405px) {
    .account-page-payhistory .prevnext .btn {
        min-width: 6.25rem;
    }
}


.accountoplistbox .card--pre-book:after, .accountoplistbox .card--best-seller:after, .accountoplistbox .card--new-trip:after {
    content: ' ';
    width: 4.3em;
    height: 4.3em;
    display: block;
    position: absolute;
    left: 1.25em;
    top: 1.25em;
    z-index: 1;
}

/*.accountoplistbox .card--best-seller:after, .accountoplistbox .--best-seller .radio-button__img:after {
    background: url(../img/buttons/new-bestseller.png) no-repeat center center/contain;
}

.accountoplistbox .card--pre-book:after, .accountoplistbox .--pre-book .radio-button__img:after {
    background: url(../img/buttons/new-prebook.png) no-repeat center center/contain;
}

.accountoplistbox .card--new-trip:after, .accountoplistbox .--new-trip .radio-button__img:after {
    background: url(../img/buttons/new-new.png) no-repeat center center/contain;
}
*/
.packagenewtriptype {
    display: flex;
    gap: 5px;
    align-items: center;
    position: absolute;
    left: 20px;
    top: 20px;
    z-index: 5;
}

    .packagenewtriptype div {
        display: none;
        font-size: 12px;
        font-family: "basis-grotesque-medium";
        letter-spacing: 0;
        padding: 5.5px 15px 7.5px 15px;
        border-radius: 200px;
        color: #fff;
        width: auto;
    }

.card--new-trip .new-trip {
    display: block !important;
    background-color: #fff;
    color: #0c3051 !important;
}

.card--best-seller .best-seller {
    display: block !important;
    background-color: #2d6497;
}

.card--pre-book .pre-book {
    display: block !important;
    background-color: #fff;
    color: #0c3051 !important;
}

.card--value-pack .value-pack {
    display: block !important;
    background-color: #DDFFDB;
    color: #0c3051 !important;
}

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

.Twilight .trip-headingcord {
    background-color: #B19CD9;
}

.Terracotta .trip-headingcord {
    background-color: #E48C78;
}

.Botanical .trip-headingcord {
    background-color: #9BC595;
}

.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;
}

.trip-heading.Twilight span {
    background-color: #B19CD9;
}

.trip-heading.Terracotta span {
    background-color: #E48C78;
}

.trip-heading.Botanical span {
    background-color: #9BC595;
}
/*referralearn_code*/
.referralearn_code {
    text-align: center;
    font-size: 18px;
    margin-bottom: 0px;
}

.referralearn_pricebox {
    font-family: 'basis-grotesque-regular';
    display: flex;
    flex-direction: column;
    margin-top: 2em;
    margin-bottom: 2em;
    line-height: 1.8;
}

.referralearn_price_left {
    width: 50%;
    border-right: 1px solid #e3e1e1;
    padding: 20px;
}

.referralearn_price_right {
    width: 50%;
    padding: 20px;
}

.referralearn_price_title {
    font-size: 18px;
}

.referralearn_price_info {
    font-size: 16px;
    margin-bottom: 0;
    line-height: 24px;
    font-family: basis-grotesque-regular;
}

.referralearn_sendemail {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 15px;
}

.referralearn_sendemail_name {
    margin-right: 10px;
    width: 15em;
}

.referralearn_sendemail_input {
    width: 15em;
}

.referralearn_sendemail_button {
    background-color: #23DAFA;
    color: #0C3051;
    border: none;
    width: 8em;
    margin-left: 10px;
    height: 42px;
    font-size: 14px;
    border-radius: 4px;
    margin-bottom: 2px;
}

.referralearn_previewemail {
    text-align: center;
    margin-top: 10px;
}

    .referralearn_previewemail a {
        text-decoration: underline;
        font-size: 14px;
    }

.referralearnbox .notification {
    padding: 6px 1.25em;
    font-size: 16px;
    width: 50%;
    margin: auto;
    margin-top: 1em;
}

.referralearn_otherinfo {
    font-family: basis-grotesque-regular;
    line-height: 1.8;
    padding-top: 2em;
    padding-bottom: 2em;
}

.MyRewardsbox {
    padding-bottom: 15px;
}

.rewardslistbox {
    border: 1px solid #e3e3e3;
    border-radius: 6px;
    display: flex;
    text-align: center;
    padding: 14px 0px;
    line-height: 45px;
    margin-bottom: 25px;
}

.rewardinfo {
    width: 55%;
    display: flex;
    align-items: center;
}

.rewardname {
    align-self: center;
    width: 50%
}

.rewardprice span {
    color: #23DAFA;
    font-size: 26px;
    font-weight: bold;
    letter-spacing: -1px;
    font-family: 'AvenirNext-RegularMR';
}

.vouchercopybtn {
    cursor: pointer;
    color: #4a4a4a !important;
    font-size: 14px;
}

.rewardvoucher span {
    color: #23DAFA;
}

.rewardprice {
    width: 50%;
    border-left: 1px solid #e3e3e3;
}

.rewardvoucher {
    width: 45%;
    text-align: left;
    padding: 0px 1em;
    box-sizing: border-box;
}

.vouchernum {
    font-family: 'AvenirNext-RegularMR';
    font-weight: bold;
    letter-spacing: -1px;
}

.copyLine {
    display: inline-block;
}

.copySuccess {
    color: #b6363b;
    margin-left: 70px;
    /*visibility: hidden;*/
}

.couponPriceTitle {
    color: #23DAFA;
    text-align: right;
    font-family: 'AvenirNext-RegularMR';
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 10px;
}

.promotionalcodesbox .breakdown-panel--trans {
    width: 50%;
    max-width: none;
}

.promotionalcodesbox .control--field-submit {
    border-radius: 8px;
    border: 1px solid #D8D9DD;
    padding: 21px 30px;
    box-sizing: border-box;
    background-color: white;
}

.promotionalcodesbox .booking-heading {
    color: #0c3051;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 30px;
}

.promotionalcodesbox .control__label label b {
    margin-bottom: 6px;
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
}

.promotionalcodesbox .btn {
    width: 100%;
    margin-top: 19px;
    height: 43px;
    font-size: 14px;
    font-weight: 500;
}

.promotionalcodesbox .control--field-submit input {
    box-shadow: none;
}

.poppreviewemail .modal {
    overflow: auto;
}

@media screen and (max-width:43.75em) {
    .referralearn_sendemail {
        display: block;
    }

        .referralearn_sendemail .input-group {
            margin-bottom: 25px;
        }

    .referralearn_sendemail_input {
        width: calc(100% - 40px);
    }

    .referralearn_pricebox {
        display: block;
    }

    .referralearn_sendemail_button {
        margin: 10px 0 0 0;
        width: 100%;
    }

    .referralearnbox .notification {
        margin-top: 25px;
        width: 100%;
    }

    .referralearn_price_left {
        width: 100%;
        border-bottom: 1px solid #e3e1e1;
        border-right: none;
        padding: 20px;
        box-sizing: border-box;
    }

    .referralearn_price_right {
        width: 100%;
        padding: 20px;
        box-sizing: border-box;
    }

    .account-nav__item {
        margin-right: 0%;
        flex: auto;
    }


    .rewardslistbox {
        display: block;
        padding-top: 0px;
    }

    .rewardinfo {
        width: 100%;
    }

    .rewardprice {
        padding-top: 0.75em;
    }

    .rewardvoucher {
        width: 100%;
        text-align: left;
        border-top: 1px solid #e3e3e3;
    }

    .promotionalcodesbox .breakdown-panel--trans {
        width: 100%;
    }
}

.Multi_Country .itinerary__itemleft span:first-child {
    background-color: #23DAFA;
}


/*china-visa style*/
.visa_radiobtn span.marker:before {
    content: none !important;
}
.passenger-block {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

.consulateInfo {
    flex: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 10px;
   
}
    .consulateInfo .tick-checkflex {
        margin-top: 12px;
        padding-top: 10px;        
        border-top: 1px solid #ccc;
    }
.consulateInfo .error {
    font-size: 14px;
    color: #b6363b;
    margin-top: 10px;
}
.consulateInfo .visa-error-msg {
    font-size: 14px;
    color: #b6363b;
    margin-top: 5px;
}
.optionsbordercolor .visa-error-msg {
    font-size: 14px;
    color: #b6363b;
    margin-top: 5px;
}
.zipInput {
    margin: 0px 15px;
}
.visa_radiobtnbox {
    display: flex;
    margin-top:15px;
    gap:20px;
}

.visa_radiobtn {
    display: flex;
    gap:10px;
}
.passenger_name {
    display: block;
    width: 15%;
    /*word-break: break-all;*/
}
.passenger_input {
    width:150px!important;
}
.show_zipcode{
    width: auto;
    padding-right: 10px;
}
.consulateInfo .tick-checkflex .tick-check {
    margin-right: 0px;
}
.consulateInfo .bullet-radio-set label {
    margin-bottom: 0px;
    align-items: center;
    font-size:14px;
    font-family:basis-grotesque-regular;
}
.zipCell .zipInputDiv {
    display: flex;
}

.zipConsulateShow {
    flex: 100%;
   
}
tr.line-item.visaline-item td {
    padding-bottom: 5px;
    padding-top: 10px !important;
    padding-left: 45px;
}
.visaline-item:last-child td {
    padding-bottom: 20px;
}
@media screen and (max-width:43.75em) {
    .passenger_name {
        width: 15%;
    }
    .passenger_input {
        width: 110px !important;
    }

}

.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;
}

.Twilight .itinerary__itemleft span:first-child {
    background-color: #B19CD9;
}

.Terracotta .itinerary__itemleft span:first-child {
    background-color: #E48C78;
}

.Botanical .itinerary__itemleft span:first-child {
    background-color: #9BC595;
}

.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;
}

.Twilight .stars .hl--b {
    color: #B19CD9;
}

.Terracotta .stars .hl--b {
    color: #E48C78;
}

.Botanical .stars .hl--b {
    color: #9BC595;
}


.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;
}

.Twilight .op_toursinfo span:first-child {
    background-color: #B19CD9;
}

.Terracotta .op_toursinfo span:first-child {
    background-color: #E48C78;
}

.Botanical .op_toursinfo span:first-child {
    background-color: #9BC595;
}



.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;
}

.Twilight .stars .hl--b {
    color: #B19CD9;
}

.Terracotta .stars .hl--b {
    color: #E48C78;
}

.Botanical .stars .hl--b {
    color: #9BC595;
}


.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;
}

.Twilight #hotelsstar {
    color: #B19CD9;
}

.Terracotta #hotelsstar {
    color: #E48C78;
}

.Botanical #hotelsstar {
    color: #9BC595;
}


.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;
}

.Twilight #dayNights {
    background-color: #B19CD9;
}

.Terracotta #dayNights {
    background-color: #E48C78;
}

.Botanical #dayNights {
    background-color: #9BC595;
}

.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;
}

.Mango .booking-confirmed__header span {
    background-color: #FF7F01;
}

.Green_Color .booking-confirmed__header span {
    background-color: #CDE49A;
}

.Blue_Color .booking-confirmed__header span {
    background-color: #A5D4F9;
}

.Pink_Color .booking-confirmed__header span {
    background-color: #FAD5DD;
}

.Teal_Color .booking-confirmed__header span {
    background-color: #A4EDDB;
}

.Orange_Color .booking-confirmed__header span {
    background-color: #FCD4A0;
}

.Sand .booking-confirmed__header span {
    background-color: #F8E494;
}

.Twilight .booking-confirmed__header span {
    background-color: #B19CD9;
}

.Terracotta .booking-confirmed__header span {
    background-color: #E48C78;
}

.Botanical .booking-confirmed__header span {
    background-color: #9BC595;
}