@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: '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-medium {
    font-family: basis-grotesque-medium !important;
}

.basis-grotesque-bold {
    font-family: basis-grotesque-bold;
}
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
.dateIvyfz-icon {
    display: inline-block;
    width: 35px;
    height: 36px;
    background: url(../../Image/PageImg/datechangeIvyfs.svg) no-repeat left top;
    margin-right: .625em;
}

.mini-icon--arrowsIvyff:before {
    content: '';
    background-color: #D8D8D8;
    background: url(../../Image/PageImg/arrowIvyfs.svg) no-repeat left top;
    color: #4A4A4A;
    font-style: normal;
    width: 1rem;
    height: 1rem;
}

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

body {
    margin: 0;
    background-color: #FBFBFC !important;
}

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

p {
    line-height: 1.4;
    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 {
    color: #0C3051;
    text-transform: initial;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.5px;
}

    .article-heading a, .booking-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: #1D2E37;
    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: #1D2E37;
    font-size: 1.125em;
    text-transform: uppercase;
    margin-bottom: 1.25em
}

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

.section-heading: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
}

.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: #0C3051;
    font-size: 1em;
    margin-bottom: .625em
}

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

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

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: #5ECDD1
}

.gallery {
    margin-bottom: 2.5em
}

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

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

.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 {
        /* background-color: #5ECDD1;
        color: #0C3051;
        padding: .625em;*/
        display: inline-block;
        /*margin-right: .625em*/
    }

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

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

    .extra-price .extra-price__smallprint {
        display: inline-block;
        color: #6F6F6F
    }

.mini-icon {
    display: inline-block
}

    .mini-icon:before {
        width: 1.25rem;
        height: 1.25rem;
        border-radius: 50%;
        background-color: #5ECDD1;
        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: 'basis-grotesque-bold';
        font-size: 12px;
    }

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

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

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

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

.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: #0c3051;
    content: attr(data-tooltip);
    text-align: center;
    font-size: 14px !important;
    line-height: 1.2 !important;
    font-family: basis-grotesque-regular;
    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);*/
    background: #ffffff;
    background-blend-mode: normal;
    box-shadow: 0px 2px 4px rgba(0,0,0,0.15);
}

.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-top: 5px solid #fff;
    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;
    font-size: 18px;
}

.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: #1D2E37
}

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

    .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: #5ECDD1;
        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
}

.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: 1.375em;
            text-align: left;
            margin-bottom: 2.5em
        }

    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: #2C3C4A;
    background-repeat: no-repeat;
    color: #fff;
    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: #1D2E37;
    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 .toggle-closed {
        background: url(../img/icons/close-icon-white.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: #fff;
    font-size: 1em;
    text-transform: uppercase
}

.btn, .form--dark [type="button"], .form--dark [type="submit"] {
    text-transform: initial !important;
    background-color: #23DAFA;
    color: #0C3051;
    border-radius: 4px;
    text-decoration: none;
    border: none;
    display: inline-block;
    padding: .875em 1em .875em;
    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;
}

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

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

    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 {
    color: #0C3051;
    font-size: 14px;
    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: center;
    -ms-flex-align: center;
    align-items: center
}

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

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

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

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

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

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

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

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

.contact-form label {
    font-weight: 400;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #1D2E37
}

.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: 1em 1.25em;
    border-radius: 4px;
    font-size: 14px;
    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 #5ECDD1;
    clear: left;
    width: 100%;
    font-family: basis-grotesque-regular;
    border-radius: 4px;
    /*border: 1px solid #23dafa;
    background: #d3f8fe;*/
    background-color: #D3F8FE;
    border: 1px solid #23DAFA;
}

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

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

    .notification.notification--success {
        /*background-color: rgba(114, 192, 92, 0.5);
    border: .0625em solid #72C05C;*/
        border-radius: 4px;
        border: 1px solid #a4eddb !important;
        background: #f4fcfa !important;
    }

    .notification.notification--neutral {
        /* background-color: #FFF3E5;
        border: .0625em solid #FCD4A0;*/
        border-radius: 4px;
        /*border: 1px solid #fcd4a0 !important;
        background: #fff3e5 !important;*/
        border: 1px solid #f6d982;
        background: #fef6ec;
    }

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

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

.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 #D8D9DD;
        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 center/8px;
    }

html, body {
    background-color: #F6F4F4;
    background-color: white;
}

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

/*! Flickity v2.0.10
http://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
    position: relative
}

    .flickity-enabled:focus {
        outline: none
    }

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

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

.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.is-draggable .flickity-viewport {
        cursor: move;
        cursor: -webkit-grab;
        cursor: grab
    }

        .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
            cursor: -webkit-grabbing;
            cursor: grabbing
        }

.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:hover {
        background-color: transparent
    }

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

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

    .flickity-prev-next-button:focus {
        outline: none;
        -webkit-box-shadow: 0 0 0 5px #09F;
        box-shadow: 0 0 0 5px #09F
    }

    .flickity-prev-next-button:active {
        opacity: 0.6
    }

    .flickity-prev-next-button.previous {
        left: 10px
    }

    .flickity-prev-next-button.next {
        right: 10px
    }

.date-price-list.flickity-enabled.flickity-rtl .flickity-prev-next-button.previous {
    left: auto !important;
    right: 0
}

    .date-price-list.flickity-enabled.flickity-rtl .flickity-prev-next-button.previous svg {
        left: 8%
    }

.date-price-list.flickity-enabled.flickity-rtl .flickity-prev-next-button.next {
    right: auto;
    left: 0
}

    .date-price-list.flickity-enabled.flickity-rtl .flickity-prev-next-button.next svg {
        left: 33%
    }

.flickity-prev-next-button:disabled {
    opacity: 0.3;
    cursor: auto
}

.flickity-prev-next-button svg {
    position: absolute;
    left: 20%;
    top: 20%;
    width: 60%;
    height: 60%
}

.flickity-prev-next-button .arrow {
    fill: #333
}

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

.flickity-rtl .flickity-page-dots {
    direction: rtl
}

.flickity-page-dots .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 8px;
    background: #333;
    border-radius: 50%;
    opacity: 0.25;
    cursor: pointer;
}

    .flickity-page-dots .dot.is-selected {
        opacity: 1
    }

/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */

.pika-single {
    z-index: 9999;
    display: block;
    position: relative;
    color: #333;
    background: #fff;
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}

    .pika-single.is-hidden {
        display: none
    }

    .pika-single.is-bound {
        position: absolute;
        -webkit-box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5)
    }

.pika-single {
    *zoom: 1
}

    .pika-single:before, .pika-single:after {
        content: " ";
        display: table
    }

    .pika-single:after {
        clear: both
    }

.pika-lendar {
    float: left;
    width: 240px;
    margin: 8px
}

.pika-title {
    position: relative;
    text-align: center
}

    .pika-title select {
        cursor: pointer;
        position: absolute;
        z-index: 9998;
        margin: 0;
        left: 0;
        top: 5px;
        filter: alpha(opacity=0);
        opacity: 0
    }

.pika-label {
    display: inline-block;
    *display: inline;
    position: relative;
    z-index: 9999;
    overflow: hidden;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    color: #333;
    background-color: #fff
}

.pika-prev, .pika-next {
    display: block;
    cursor: pointer;
    position: relative;
    outline: none;
    border: 0;
    padding: 0;
    width: 20px;
    height: 30px;
    text-indent: 20px;
    white-space: nowrap;
    overflow: hidden;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 75% 75%;
    opacity: .5;
    *position: absolute;
    *top: 0
}

    .pika-prev:hover, .pika-next:hover {
        opacity: 1
    }

    .pika-prev.is-disabled, .pika-next.is-disabled {
        cursor: default;
        opacity: .2
    }

.pika-prev, .is-rtl .pika-next {
    float: left;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==");
    *left: 0
}

.pika-next, .is-rtl .pika-prev {
    float: right;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=");
    *right: 0
}

.pika-select {
    display: inline-block;
    *display: inline
}

.pika-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
    margin-bottom: 0
}

    .pika-table th, .pika-table td {
        width: 14.285714285714286%;
        padding: 0
    }

    .pika-table th {
        color: #999;
        color: #fff;
        font-size: 12px;
        line-height: 25px;
        font-weight: bold;
        text-align: center
    }

    .pika-table abbr {
        border-bottom: none;
        cursor: help
    }

.pika-button {
    cursor: pointer;
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    border: 0;
    margin: 0;
    width: 100%;
    padding: 5px;
    color: #666;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    background: #f5f5f5
}

.is-today .pika-button {
    color: #5ECDD1;
    font-weight: bold
}

.is-selected .pika-button {
    color: #fff;
    font-weight: bold;
    background: #2C3C4A;
    border-radius: 0
}

.is-disabled .pika-button, .is-outside-current-month .pika-button {
    color: #999;
    opacity: .3
}

.is-disabled .pika-button {
    pointer-events: none;
    cursor: default
}

.pika-button:hover {
    color: #fff;
    background: #2C3C4A;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0
}

.pika-button .is-selection-disabled {
    pointer-events: none;
    cursor: default
}

.pika-week {
    font-size: 11px;
    color: #999
}

.is-inrange .pika-button {
    background: #D5E9F7
}

.is-startrange .pika-button {
    color: #fff;
    background: #6CB31D;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0
}

.is-endrange .pika-button {
    color: #fff;
    background: #33aaff;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0
}

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 !important;
    top: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    transform: none !important;
    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% !important;
        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;
    /*padding: 64px 88px;*/
    max-height: 90vh;
    color: #0C3051;
    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;
        color: #6F6F6F;
        font-size: 2.25em;
        font-weight: 200
    }

.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-inner {
        width: 100%
    }

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

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

    .page-footer:before {
        content: ' ';
        background: url(../img/blue-rip.svg) repeat-x left bottom;
        height: 1.0625em;
        width: 100%;
        position: absolute;
        left: 0;
        width: 100%;
        top: -.9375em
    }

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

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

    .page-footer p {
        color: #fff
    }

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

.page-footer__lower {
    background: url(../img/footer-wide-break.png) no-repeat center top;
    background-size: 1000px auto;
    padding-top: 3.75em
}

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

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: #5ECDD1
}

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

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

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

.secure-wrap {
    position: relative
}

/*! label-title */

.label-title, .booking-section .label-title {
    font-weight: 400;
    letter-spacing: 0.05em;
    color: #556a7e;
    margin-bottom: 0;
    text-transform: uppercase
}

/*! meta-list */

.meta-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    line-height: 1.375rem;
    margin: 0 0 .9375rem 0;
    color: #0C3051;
}

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

.meta-list--pipe dd:after {
    background: #d8d8d8;
    content: ' ';
    display: block;
    float: right;
    height: 1.375rem;
    margin: 0 .375rem 0 .75rem;
    overflow: hidden;
    width: .0625rem
}

/*! trip-stops */

.trip-stops {
    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;
        font-family: basis-grotesque-regular;
    }

        .trip-stops li:not(:first-child):before {
            content: '-';
            color: #0C3051;
            margin: 0 .3125rem
        }

/*! trip-tag */

.trip-tag {
    font-weight: 400;
    letter-spacing: 0.05em;
    background: #b5dbaa;
    color: #2C3C4A;
    display: inline-block;
    line-height: 1.25rem;
    padding: .3125rem .75rem;
    text-transform: uppercase;
    vertical-align: top
}

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

.trip-tag--warning {
    border: 1px solid #f0b3bf;
    background-color: #f5ccd4
}

/*! trip-header */

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

    .trip-header .trip-heading .h--alt {
        font-size: 20px;
        font-weight: 500;
        line-height: 30px;
        letter-spacing: -0.5px;
    }

.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 1.25rem 0
}

    .trip-heading .h--alt {
        font-size: 1.625rem;
        margin: 0
    }

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

.booking-header {
    background: white;
    padding: 1.4em 1.25em;
    position: relative;
    z-index: 10;
    overflow-x: hidden;
    border-bottom: 1px solid #D8D9DD;
}

    .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: 99%;
        position: absolute;
        left: 0;
        top: 12px;
        background: #D8D9DD;
    }

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

        .booking-progress li:before {
            content: ' ';
            display: block;
            width: 1.4rem;
            height: 1.4rem;
            border: .0625rem solid #D8D9DD;
            background-color: white;
            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: fixed;
        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: #4FE1FB;
        background-color: #4FE1FB;
        color: #fff;
        /*background-image: url(../img/white-tick.svg);*/
        background-image: url('../img/AW2022/icon/bookingsharebtn.png');
        background-position: center center;
        background-repeat: no-repeat;
        content: ' '
    }

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

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

.booking-progress__item--active:after {
    content: attr(data-star);
    display: block;
    width: auto;
    position: absolute;
    top: 5px;
    left: 10px;
    z-index: 9;
}

@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;
        flex-direction: row;
        justify-content: space-between;
    }

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



    /*.booking-progress li { position: relative }*/

    .booking-progress .booking-progress__label {
        border: auto;
        top: 20%;
        left: 0%;
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
        white-space: nowrap;
        width: auto;
        padding-right: 11px;
    }
}

@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);
    border-left: 1px solid #D8D9DD;
    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;
    overflow-x: hidden;
    -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: 24px 21px 50px 30px;
    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;*/
    position: fixed;
    right: 0;
    bottom: 0;
    margin-left: auto;
    z-index: 999;
    width: 100%;
    background-color: #fff;
    justify-content: space-between;
    /*box-shadow: 8px 0px 10px 0px rgb(0 0 0 / 30%);*/
    box-shadow: 8px 0px 10px rgba(0,0,0,0.3);
}
/*Ipad mobile **/

@media screen and (max-width: 75em) {
    .layout--2 .layout__itemIvyffs {
        display: block !important;
    }

    .expanded-section:before {
        left: unset !important;
    }

    .expanded-section .expanded-section__inner {
        padding-left: 1.2rem;
        padding-right: 1.2rem;
    }
}




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

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

.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;
            transform: rotate(270deg);
        }

.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%)
    }*/
    html.summary--open body {
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    .booking-sidebar {
        width: 100% !important;
    }
}

.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;
        z-index: 1001;
    }

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

    .newbookingbtnbox {
        margin-bottom: 9.5em !important;
    }
}

.booking-page--login-register {
    padding-top: 20px
}

@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;
                width: 100% !important;
                border-top: 1px solid #D8D9DD;
            }

    .booking-page--login--registerIvytf {
        width: auto !important;
    }
}

@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: 2.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;
        padding-top: 63px;
    }

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

/* .booking-section.booking-section {
        margin-bottom: 2.5em;
        margin-top: 40px;
        border-top: 1px solid #D8D9DD;
        padding-top: 39px;
    }*/

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

.booking-section--btm-bdr {
    /*border-bottom: 1px solid #DDE3E8;*/
    /*padding-bottom: 3.75em;*/
    border-bottom: 1px solid #d8d9dd;
    padding-bottom: 38px;
    margin-bottom: 46px;
}

.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: 34px;
        font-size: 28px;
        line-height: 38px;
        margin-top: 18px;
    }

        .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: 0em;
    padding-bottom: 2.5em
}

.newsummaryflighttitle:before {
    left: 333% !important;
}

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

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

    .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: calc(50% - 1.25rem)
    }
}

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

.summary-panel {
    padding: 19px 25px;
    background-color: #fff;
}

    .summary-panel div, .summary-panel li, .summary-panel p {
        color: #0C3051
    }

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

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

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

    .summary-panel.summary-panel--bdr-btm {
        font-size: 14px;
    }

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

    .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: flex-end;
        align-items: center; /* 多行名字 价格紧贴顶部  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 {
}

    .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: 18px;
        font-weight: 500;
        line-height: 30px;
        letter-spacing: -0.45px;
    }

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

    .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 #5ECDD1
    }

.radio-button {
    background-color: #fff;
    border: 1px solid #DDE3E8;
    padding: 1.125em;
    white-space: normal;
    position: relative;
    border-radius: .1875em;
    display: inline-block;
    color: #0C3051;
    font-size: 14px;
    -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;
    border-radius: 8px;
    border: none !important;
}

    .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: 0em;
        color: #0C3051;
        line-height: 28px;
        font-size: 16px;
    }

    .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 #D8D9DD;
        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: #4FE1FB url(../img/white-tick.svg) no-repeat center center/11px auto;
            border-color: #4FE1FB;
            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
    }

        .radio-button.radio-button--card.state--purchased .radio-button__img:before {
            content: 'Purchased';
            text-transform: uppercase;
            position: absolute;
            bottom: 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 ?'
    }

    .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: #5ECDD1;
        border-color: #5ECDD1;
        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;
    font-family: basis-grotesque-regular;
}

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

    .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;
        font-weight: 400;
        line-height: 22px;
    }

    .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 #D8D9DD;
            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);
        }

.protectplanlabel > .marker {
    margin-top: 5px;
}

.radio-marker input[type="radio"] + span.marker:after {
    content: ' ';
    content: ' ';
    display: block;
    border: 1px solid #6f6f6f;
    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
}



.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: #23DAFA url(../img/white-tick.svg) no-repeat center center/11px auto;
    border-color: #23DAFA
}

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

.radio-marker {
    position: relative
}

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

    .radio-marker:hover input[type="radio"] + span.marker:before, .radio-marker input[type="radio"]:checked + span.marker:before {
        border-color: #23DAFA !important;
        border-radius: 8px;
    }

.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: #5ECDD1*/
        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-transform: initial;
        text-align: center;
        height: 39px;
        line-height: 14px;
        font-size: 14px;
    }

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 {
    background: #fff;
    margin-bottom: 1.875em;
    border: 1px solid #D8D9DD;
    border-radius: 8px;
    position: relative;
}

#divExtension .extension-box:last-child {
    margin-bottom: 32px;
}

.extension-box .extensionpaddingbox .extensionboxtitle {
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 0px;
}

.extension-box .extensionpaddingbox .extensionboxms {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    font-family: basis-grotesque-regular;
    margin-bottom: 0px;
}

.extension-box .extensionpaddingbox .extensionboxprice {
    font-size: 14px;
    line-height: 22px;
    font-family: basis-grotesque-bold;
    margin-bottom: 0px;
}

/*This is where value pack start*/
.booking-section .extensionpaddingbox.notification {
    margin-bottom: 0;
}
.booking-section .extensionpaddingbox.notification label{
    cursor: pointer;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between
}
.booking-section .extensionpaddingbox.notification label p {
    margin-bottom: 0px;
}
.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;
}
.op-box-text-container {
    display: flex;
    justify-content: space-between
}

.status-hasDeal, .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;
}
.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;
}
.status-unlock {
    background-color: #DDFFDB;
    color: #0C3051;
    font-size: 12px;
    font-family: 'basis-grotesque-medium';
    padding: 6px 10px 6px 10px;
    line-height: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    margin-left: 10px;
}
@media screen and (max-width: 700px) {
    .booking-section .extensionpaddingbox.notification {
        display:flex;
        width: 100%;
    }

        .booking-section .extensionpaddingbox.notification label {
            flex-direction: column-reverse;
            width: 100%;
        }

    .select-all-ot-button{
        margin-top: 20px;
    }
}

/*This is where value pack  endt*/

.extensionhotelbox {
    padding: 31px 30px !important;
}

    .extensionhotelbox p {
        margin-bottom: 0px;
        font-size: 16px;
        font-weight: 500;
        line-height: 28px;
    }
/*.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;
        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: white;
        padding: 0;
        width: 1.5625em;
        height: auto;
        top: 0;
        bottom: 0;
    }

        .date-price-list.flickity-enabled .flickity-prev-next-button[disabled] {
            opacity: .6;
        }

            .date-price-list.flickity-enabled .flickity-prev-next-button[disabled] svg .arrow {
                fill: #0c3051
            }

        .date-price-list.flickity-enabled .flickity-prev-next-button svg .arrow {
            fill: #0c3051
        }

        .date-price-list.flickity-enabled .flickity-prev-next-button svg {
            position: absolute;
            left: 10%;
            top: 5%;
            width: 60%;
            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: 30%
            }

        .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: 0px;
    margin-right: 0px;
    display: block
}

    .date-price-list.date-price-list--booking.flickity-enabled .flickity-prev-next-button {
        top: 1.5em;
        border-radius: 3px;
        border: 1px solid #d8d9dd;
    }

.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: .5em;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 9.5px 1.123em;
    }

.date-price-list.date-price-list--booking.flickity-resize .date-price-list__item {
    min-height: calc(80% - 12px)
}

.radio-button__inner {
    width: 100%
}

.radio-button__img {
    margin-top: -1.0625em;
    margin-left: -1.0625em;
    margin-right: -1.0625em;
    border-top-left-radius: .1875em;
    border-top-right-radius: .1875em;
    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: 25px;
}

    .radio-button__body .title {
        color: #1D2E37
    }

    .radio-button__body p {
        color: #0C3051;
        /*max-width: 15em;*/
        font-size: 14px;
        line-height: 22px;
        font-weight: 100;
        margin-bottom: 5px;
    }

    .radio-button__body a {
        color: #2D6497;
    }

.radio-button__body-inner {
    position: relative;
    z-index: 10
}

.radio-button__meta {
    color: #0c3051;
}

.radio-button__total {
    /*background-color: #1D2E37;*/
    background-color: rgba(29,46,55,.6);
    color: #fff;
    position: absolute;
    right: -1.0625em;
    bottom: 100%;
    padding: .5em .5em 0.25em;
    font-weight: 400;
    line-height: 15px;
    border-radius: 8px;
    padding: 12px 1em;
    background-color: rgba(12,48,81, 0.8);
    min-width: 45%;
    text-align: center;
}

.remove-btn {
    text-decoration: none
}

    .remove-btn:before {
        content: '×';
        display: block;
        background-color: transparent;
        border: 1px solid #0C3051;
        color: #0C3051;
        font-size: 1.0625rem;
        line-height: 1.5rem;
        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: 4px;
    padding: .625em;
    font-family: basis-grotesque-regular;
    font-size: 14px;
    height: 44px;
    color: #0C3051;
    outline-color: #23DAFA;
}

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

    .booking-page form p + .control {
        margin-top: 1.875em
    }

.booking-page .control--submit {
    margin-top: 3.125em
}

.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;*/
    color: #0c3051;
    margin-bottom: 7.5em;
    border: 1px solid #D8D9DD;
    border-radius: 8px;
    margin: auto;
}

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

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

.bookingfooterbox .booking-confirmed p {
    max-width: initial;
}

.bookingfooterboxstyle .page-footer__lower {
    background: none;
    padding-top: 0em;
}

.bookingfooterbox .booking-confirmed__header span {
    width: auto;
    padding: 0px 12px;
}

.booking-confirmed__booking-number {
    font-size: 20px;
    padding-bottom: 1.25em;
    margin-bottom: 15px;
    color: #2D6497;
    text-align: center;
}

.booking-confirmed__base {
    font-size: 1.125em;
    border-top: 1px solid #E9E5E5;
    padding-top: 1.25em;
    margin-top: 1.25em;
}

.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: start;
        -ms-flex-align: start;
        align-items: start;
    }

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

.filghtnewinfo {
    padding: 0.625em 1.25em;
    border: 1px solid #DDE3E8;
    margin-top: -2px;
    border-top: 0;
    border-radius: 4px;
}

.filghtnewinfo-in {
    padding: 0.625em 1.25em;
    border: 1px solid #DDE3E8;
    margin-top: -2px;
    border-top: 0;
    border-radius: 4px;
    margin-bottom: 2.5em;
}

.filghtnewinfo p {
    margin-bottom: 0px !important;
    line-height: 26px;
    color: #1D2E37;
    font-size: 14px;
}

    .filghtnewinfo p a {
        cursor: pointer;
    }

.outboundprice {
    margin-bottom: 2.5em;
}

    .outboundprice .flight-row {
        margin-bottom: 0px;
    }

.RETURNINGFLIGHT .flight-row {
    margin-bottom: 0px;
}

.RETURNINGFLIGHT {
    margin-bottom: 2em;
    margin-top: 3em;
}

.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: white;
    padding: .3125em 0;
    margin-bottom: 0;
    border-radius: 8px;
}

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

    .review-table th {
        padding: .5em .625em;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-weight: 400;
        letter-spacing: 0.05em;
        background-color: #1D2E37;
        color: #fff;
        white-space: nowrap;
        text-align: left;
        /*text-transform: uppercase*/
    }

        .review-table th + th {
            border-left: 1px solid #fff
        }

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

    .review-table td {
        color: #1D2E37;
        background-color: #fff;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        .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 > tbody > tr > td {
            border-left: 1px solid #ebe9e9;
            border-right: 1px solid #ebe9e9
        }

    .review-table img {
        display: inline-block
    }

    .review-table .flight-table {
        background-color: transparent
    }

        .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;
            color: #E52E56;
        }

    .review-table td.flight-depart, .review-table td.flight-arrive, .review-table .td-duration {
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

data-tooltip=[] {
}

.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: 13px.625em 19px
}

@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 .scionflight-duration {
            position: relative;
            bottom: -1px;
            -webkit-box-shadow: inset 0 -1px 0 #ebe9e9;
            box-shadow: inset 0 -1px 0 #ebe9e9
        }

            .flight-review-table .scionflight-duration: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 .scionflight-duration: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 .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
        }




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

.review-table--generic tr.total-row .total-price {
    font-size: 1.375em;
    font-weight: bold
}

.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 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 {
    white-space: nowrap;
    margin-bottom: -4px;
}

    .flight-review__date-time .flight-review__date, .flight-review__date-time .flight-review__time {
        margin-right: .25em;
        color: #0c3051;
        font-size: 20px;
        font-weight: 400;
        line-height: 30px;
        letter-spacing: -0.5px;
    }

.flight-review__location {
    color: #778c9e;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    font-family: basis-grotesque-regular;
}

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

    .newbookingbtnbox {
        margin-bottom: 9.5em;
    }
}

.flight-review-table--extended .flight-info {
    width: 40%
}

.flight-no, .flight-cabin, .flight-duration, .flight-cell, .seat-no, .airline-reference {
    padding: .625em .625em
}

.note-paragraph {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 1.875em;
    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;
    margin-bottom: 17px;
}

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

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

    .booking-progress-wrap {
        max-width: 25em;
        -webkit-transform: translateY(-.625em);
        -ms-transform: translateY(-.625em);
        transform: translateY(-.625em);
        /*margin-left: auto;
        margin-right: auto*/
    }

    .progresstitle {
        display: none;
    }
}

@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: 4.125em*/
        height: auto;
    }

    .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: #1D2E37;
        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: #1D2E37
    }

    .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: #5ECDD1;
    padding: .125em .5em;
    border-radius: .75em;
    color: #fff;
    display: inline-block
}


.nc_biglisttitle {
    font-weight: bold;
    margin-bottom: 15px;
    color: #1d2e37;
}

.nc_biglisttwotitle {
    margin-bottom: 10px;
    font-size: 14px;
}

.newchoosetype a {
    display: block;
}

.choosetype_info {
    padding-left: 1.625rem;
}

.choosetype_title {
    vertical-align: middle;
    font-size: .9375em;
}

.choosetype_info {
    font-size: .9375em;
    line-height: 23px;
}

.newchoosetype_list {
    color: #4a4a4a;
    margin-bottom: 10px;
}

.newchoosetype {
    background-color: #fff;
    border: 1px solid #DDE3E8;
    padding: 1.125em;
}

.newchoosetypetitle {
    width: calc(50% - 1.25rem);
}

.nc_title {
    font-size: 1em;
    display: block;
    margin-bottom: 0.658rem;
}


.scion_newchoosetypetitle {
    display: flex;
}

.newchoosetypetitle:not(:first-child) {
    margin-left: .625rem;
}

.newchoosetypetitle {
    margin-bottom: 15px;
}

div.newchoosetype_list input[type="radio"] {
    display: none;
}

    div.newchoosetype_list input[type="radio"]:checked + label::before {
        background: #23DAFA url('../img/white-tick.svg') no-repeat center center/11px auto;
        border-color: #23DAFA;
    }

div.newchoosetype_list label::before {
    display: inline-block;
    content: '';
    width: 1.625rem;
    height: 1.625rem;
    border-radius: 50%;
    background: #ffffff;
    border: 2px solid #DDE3E8;
    vertical-align: middle;
}


div.newchoosetype_list label::after {
    content: '';
    width: 1.625rem;
    height: 1.625rem;
    background: #5ECDD1 url('../img/white-tick.svg') no-repeat center center/11px auto;
    border-color: #5ECDD1;
    vertical-align: middle;
}




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

@media screen and (max-width: 52.5em) {
    .table-wrap {
        max-width: 100%;
        overflow-x: auto;
        margin-bottom: 2.5em;
    }
}
/*Ivy Ye star 20190102*/
@media screen and (min-width: 31.25em) {
    .seat-passenger-itemIvyfof {
        white-space: unset;
        max-width: 11.875em;
        word-wrap: break-word;
    }
}

@media screen and (max-width: 31.25em) {
    .flight-review-table .seat-no .seat-passenger-item.seat-passenger-itemIvyfof {
        white-space: unset;
        ;
        width: 24em;
        word-wrap: break-word;
    }
}

.newlinIvyff {
    display: none;
}

.arrIvyff {
    padding-left: 0.6em;
}

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

    .arrIvyff {
        padding-left: 0em;
    }
}

@media screen and (min-width:31.25em) and (max-width:64em) {
    .outer {
        padding: 1.25em;
        padding-top: 5em;
    }
}

@media screen and (max-width: 31.25em) {
    .outer {
        padding: 1.25em;
        /*padding-top: 7.875em;*/
    }

    .scionphoneprice tr {
        align-items: center;
        border-bottom: 2px solid #fff;
    }

    .scionphoneprice td {
        border-bottom: 0px;
    }
}

@media screen and (min-width: 56.25em) {
    span.mini-iconIvyfo:before {
        left: 10px;
        width: 150px;
        min-width: 150px;
    }
}

span.mini-iconIvyot {
    position: absolute;
    right: 95px;
}

@media screen and (max-width: 56.25em) {
    span.mini-iconIvyot {
        position: absolute;
        right: 55px;
    }

    [data-tooltip]:before {
        white-space: pre-wrap;
        min-width: 120px;
    }

    [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: 120px;
    }
}

/*Ivy Ye end 20190102*/

/**Ivy Ye start*/
button.arrowIvyotfL {
    position: absolute;
    left: 0px;
    background: unset;
    transform: translateY(30%);
}

button.arrowIvyotfR {
    position: absolute;
    right: 0px;
    background: unset;
    transform: translateY(30%);
}

div.cityhotelIvyotf {
    position: relative;
    margin-bottom: 1.8em;
}

    div.cityhotelIvyotf ol {
        display: flex;
        justify-content: center;
        margin-block-start: 0em;
        margin-block-end: 0em;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
        padding-inline-start: 0px;
    }

    div.cityhotelIvyotf li {
        list-style: none;
    }

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

    .flickity-page-dotsIvyotfL .dot {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 0 8px;
        background: #23DAFA;
        border-radius: 50%;
        opacity: 0.25;
        cursor: pointer;
    }

        .flickity-page-dotsIvyotfL .dot.is-selected {
            opacity: 1;
        }

button.arrowIvyotfL {
    background: url(../img/icons/arrowhead-left.min.svg);
    background-size: 8px 14px;
    background-repeat: no-repeat;
    height: 30px;
    margin-top: -5px;
}

button.arrowIvyotfR {
    background: url(../img/icons/arrowhead-right.min.svg);
    background-size: 8px 14px;
    background-repeat: no-repeat;
    height: 30px;
    margin-top: -5px;
}


.arrowIvyotfL span {
    margin-left: 8px;
    margin-top: -18px;
    position: absolute;
    color: #0C3051;
}

.arrowIvyotfR span {
    margin-left: 0px;
    margin-top: -18px;
    position: absolute;
    left: -85px;
    color: #0C3051;
}
/**Ivy Ye end*/
.flightupliftzhegai {
    position: absolute;
    bottom: 0;
    height: 40%;
    width: 100%;
    background-color: transparent;
    z-index: 9;
}

@media screen and (min-width:56.25em) {
    .scionnewaccountinput {
        display: flex;
    }

        .scionnewaccountinput select {
            width: 55%;
        }

        .scionnewaccountinput input {
            width: 45%;
            margin-top: 0em;
        }
}

@media screen and (max-width:56.25em) {
    .scionnewaccountinput input {
        margin-top: 1em;
    }

    .scionnewaccountinput select {
        width: 100%;
        max-width: initial;
    }
}

.scionbookingpopoutbackground {
    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: -1;
    opacity: 0;
}

.scionbookingpopoutdiv {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    max-width: 100%;
    z-index: -1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 0;
}

#departureGateWay {
    margin-left: 0px;
}

.scionbookingpopoutdivinfo {
    width: 36em;
    max-width: 100%;
    position: relative;
    background: #fff;
    padding: 1.5em;
    border-radius: 8px;
}

    .scionbookingpopoutdivinfo p {
        display: block;
    }

        .scionbookingpopoutdivinfo p:first-child {
            color: #23DAFA;
            font-size: 22px;
            margin-bottom: 0px;
        }

    .scionbookingpopoutdivinfo span {
        display: block;
        padding: 10px 30px;
        background-color: #23DAFA;
        color: #0C3051;
        text-align: center;
        max-width: 6em;
        margin: auto;
        border-radius: 4px;
        cursor: pointer;
        font-size: 14px;
    }

@media screen and (max-width:43.25em) {
    .scionbookingpopoutdivinfo {
        width: auto;
        max-width: 100%;
        position: relative;
        background: #fff;
        padding: 1.5em;
    }

    .newchoosetypetitle {
        width: 100%;
    }

    .scion_newchoosetypetitle {
        display: block;
    }

    .newchoosetypetitle:not(:first-child) {
        margin-left: 0;
    }
}

.selectagainpopoutbackground {
    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: -1;
    opacity: 0;
}

.selectagainpopoutdiv {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    max-width: 100%;
    z-index: -1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 0;
}

.selectagainpopoutdivinfo {
    width: 36em;
    max-width: 100%;
    position: relative;
    background: #fff;
    padding: 1.5em;
}

    .selectagainpopoutdivinfo p {
        display: block;
    }

        .selectagainpopoutdivinfo p:first-child {
            color: #5ECDD1;
            font-size: 22px;
            margin-bottom: 0px;
        }

    .selectagainpopoutdivinfo span {
        display: block;
        padding: 10px 30px;
        background-color: #5ECDD1;
        color: white;
        text-align: center;
        max-width: 6em;
        margin: auto;
        cursor: pointer;
    }

@media screen and (max-width:43.25em) {
    .selectagainpopoutdivinfo {
        width: auto;
        max-width: 100%;
        position: relative;
        background: #fff;
        padding: 1.5em;
    }

    .newchoosetypetitle {
        width: 100%;
    }

    .scion_newchoosetypetitle {
        display: block;
    }

    .newchoosetypetitle:not(:first-child) {
        margin-left: 0;
    }
}


.gray {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}

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

.scionhoverdiv {
    display: inline-block
}

    .scionhoverdiv .scionhoverstyle {
        position: absolute;
        bottom: 100%;
        left: 0;
        transform: translate(0%);
        margin-bottom: .3125em;
        padding: 1.25em;
        width: 270px;
        border-radius: 4px;
        background-color: #1D2E37;
        color: #fff;
        content: attr(data-tooltip);
        text-align: left;
        font-size: 14px !important;
        line-height: 1.2 !important;
        letter-spacing: 0;
        display: none;
        z-index: 9;
        min-width: 170px;
    }

.scionhoverstyle p {
    color: white !important;
}



/*新版本Aw Booking样式*/
.progresstitle {
    text-align: center;
    font-size: 12px;
}

.chooseyourtypebox, .selectyourairport {
    border-bottom: 1px solid #D8D9DD;
    padding-bottom: 48px;
}

.chooseyourtypebox {
    padding-top: 10px;
}

.newradio-marker input[type="radio"] + span.marker:after {
    margin: 0;
    transform: translate(0);
    border: 1px solid #D8D9DD;
}

.chooseyourtypebox_title {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.5px;
}

.newradio-marker input[type="radio"]:checked + span.marker:after {
    background: transparent url('../img/AW2022/icon/radiobackground.png') no-repeat center center;
    background-size: 12px;
}

.newradio-marker .radio-marker__inner {
    display: flex;
    border: 1px solid #D8D9DD;
    border-radius: 8px;
    padding: 22px 20px 10px 20px;
    margin-bottom: 29px;
}

    .newradio-marker .radio-marker__inner > *:first-of-type {
        margin-top: 0px;
    }

.newradio-marker .bookingchoosetype .bookingchoosetype_title {
    font-size: 16px;
    line-height: 22px;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.newradio-marker .bookingchoosetype .bookingchoosetype_info {
    font-size: 14px;
    line-height: 22px;
}

.newradio-marker .bookingchoosetype .bookingchoosetype_title img {
    margin-right: 8px;
}

.newradio-marker .bookingchoosetype .bookingchoosetype_info span {
    font-family: basis-grotesque-bold;
    display: block;
}

.bookingselectairport, .bookingchoosetype {
    margin-left: 8px;
}

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

.selectairport_box {
    margin-bottom: 0.75em;
}

.bookingselectairporttitle {
    margin-bottom: 0.75em !important;
}

.bookingselectairport p {
    font-family: basis-grotesque-off-white;
    font-size: 14px;
    line-height: 22px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
}

.selectairport_icon {
    display: inline-block;
    vertical-align: middle;
    width: 35px;
}

.bookingselectairporttitle span {
    font-size: 14px;
}

.selectairport_icon img {
    margin: auto;
}

.newsummary-panel img {
    border-radius: 8px;
}

.summary-panel--info img {
    width: 12px;
    height: 13px;
    display: inline-block;
    margin-right: 10px;
}

.summary_itinerarylist img {
    height: 17px;
}

.booking-sidebar {
    color: #0c3051;
}

.newsummary-pricehead {
    display: flex;
    background-color: #d3f8fe;
    padding: 17px 25px;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
}

.pricehead-name, .newlist_itemkey {
    width: 60%;
}

.pricehead-people, .newlist_itemnum {
    width: 20%;
    text-align: right;
}

.pricehead-total, .newlist_itemvalue {
    width: 20%;
    text-align: right;
}

.newsummary-listbox {
    font-size: 14px;
    padding: 19px 25px;
    border-bottom: 1px solid #d8d9dd;
    position: relative;
}

.price-tourfarebox {
    padding: 19px 25px;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    border-bottom: 1px solid #d8d9dd;
}

.price-tourfare {
    display: flex;
}

    .price-tourfare .newlist_itemkey {
        width: 60%;
        font-family: basis-grotesque-regular;
    }

    .price-tourfare .newlist_itemnum {
        width: 20%;
        text-align: right;
        /*font-family: basis-grotesque-bold;*/
        font-family: basis-grotesque-regular;
    }

    .price-tourfare .newlist_itemvalue {
        width: 20%;
        text-align: right;
        font-family: basis-grotesque-regular;
        /*font-family: basis-grotesque-bold;*/
    }

.newsummary-list_item {
    display: flex;
    font-family: 'basis-grotesque-regular';
    margin-bottom: 10px;
}

.newsummary-listtitle .newsummary-list_item:last-child {
    margin-bottom: 0px;
}

.newsummary-listbox p {
    margin-bottom: 0px;
    cursor: pointer;
    position: relative;
    line-height: 26px;
}

    .newsummary-listbox p:before {
        content: '';
        background-image: url(../img/AW2022/icon/bookingmin.png);
        background-repeat: no-repeat;
        display: inline-block;
        width: 15px;
        height: 12px;
        background-position: center;
        vertical-align: middle;
        margin-right: 9px;
    }

.newsummary-listhide:before {
    width: 15px !important;
    background-size: 15px;
    height: 12px !important;
    background-image: url('../img/AW2022/icon/bookingplus.png') !important;
}

.newsummary-listtitle {
    padding-top: 20px;
    line-height: 20px;
}

.newsummary-totalprice {
    position: absolute;
    right: 0px;
    font-family: basis-grotesque-regular;
}

.newsummary-showtotalprice {
    position: absolute;
    right: 0px;
}

.summary-panel--info p {
    display: inline-block;
    font-family: basis-grotesque-regular;
    margin-bottom: 0px;
    color: #0c3051;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.newsummary-list .summary-list__key {
    font-family: basis-grotesque-regular;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.newsummary-list .summary-list__value {
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    font-family: basis-grotesque-medium !important;
}

.summary_itinerarylist ul {
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}

.summary-panel--info div {
    margin-bottom: 5px;
}

    .summary-panel--info div:last-child {
        margin-bottom: 0px;
    }

.summary_itinerarylist ul li {
    list-style-type: none;
    font-family: basis-grotesque-regular;
    font-size: 14px;
    /*line-height: 30px;*/
    color: #0c3051;
}

.summary-panel--info div {
    display: flex;
    align-items: center;
}

.newsummary-panel {
    padding: 0em 25px;
    padding-top: 47px;
}

    .newsummary-panel .--lg {
        color: #2c3c4a;
        font-size: 22px;
        font-weight: 500;
        line-height: 20px;
    }

    .newsummary-panel img {
        height: 190px;
    }

.summary-panel--shade {
    padding: 0;
}

    .summary-panel--shade .summary-panel--info {
        padding: 14px 25px;
    }

    .summary-panel--shade .newsummary-list {
        padding: 14px 25px;
        background-color: #fbfbfc;
    }

.newsummary-list .summary-list__item {
    margin-bottom: 10px;
}

.newsummary-list .summary-list__item {
    justify-content: start;
    -webkit-box-align: start;
}

.newsummary-list .summary-list__key {
    width: 40%;
    font-family: basis-grotesque-regular;
}

.booking-groupon {
    background-color: #a4eddb !important;
    padding: 26px 25px;
}

.summary_itinerarylist ul li + li::before {
    content: "-";
    margin-left: 4px;
    margin-right: 9px;
    font-weight: bold;
}

.newsummary-list .summary-list__value {
    width: 60%;
    text-align: left;
}

    .newsummary-list .summary-list__value ul {
        padding: 0;
    }

.bookingvacationinfo .booking-section {
    margin-bottom: 0 !important;
    padding-top: 39px !important;
}

.newbookingbtnbox {
    margin-bottom: 5em;
    /*margin-top: 40px;*/
    border-top: 1px solid #D8D9DD;
    padding-top: 39px;
}

    .newbookingbtnbox .btn {
        width: 139px !important;
        height: 39px;
        font-size: 14px;
        line-height: 14px;
    }
/*booking Vacation Page start*/
.vacationinfo_head h1 {
    font-size: 28px;
    margin-bottom: 5px;
    color: #0C3051;
    line-height: 38px;
    letter-spacing: -0.5px;
}

.vacationinfo_head p {
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 22px;
}

.vacationinfo-bookingdata .bookingdata-info span img {
    display: inline-block;
    margin-right: 8px;
    vertical-align: middle;
}

.vacationinfo-bookingdata {
    width: 55%;
    border-radius: 8px;
    border: 1px solid #D8D9DD;
    background-color: white;
}

    .vacationinfo-bookingdata .bookingdata-info {
        padding: 17px 20px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

.bookingdata-info span font {
    font-size: 14px;
    line-height: 26px;
    vertical-align: middle;
    color: #0C3051;
}

.vacationinfo-bookingdata .bookingdata-info .change {
    color: #2D6497;
    line-height: 26px;
    font-size: 14px;
}

.travellandroomsbox .bookingnewradiobox {
    margin-bottom: 0px !important;
    width: 47% !important;
    padding: 35px 28px;
}

    .travellandroomsbox .bookingnewradiobox .radio-button__label {
        margin-bottom: 56px;
    }

.booking-choosetourtypebox {
    width: 55%;
    padding-top: 3px;
}

    .booking-choosetourtypebox .radio-button .radio-button__label {
        font-family: basis-grotesque-regular;
        line-height: 20px;
    }

    .booking-choosetourtypebox .radio-set__inner .radio-set__item {
        width: calc(50% - 1.25rem) !important;
        display: block !important;
        text-align: center;
        border-radius: 8px;
        margin-bottom: 0px !important;
        background-color: white;
        padding: 20.5px 0px;
        padding-bottom: 12px;
    }

        .booking-choosetourtypebox .radio-set__inner .radio-set__item img {
            display: block;
            z-index: 1;
            position: relative;
            margin: auto;
            margin-bottom: 10px;
            width: 22px;
            display: inline-block;
        }

    .booking-choosetourtypebox .radio-button input + .radio-button__marker:after {
        content: none !important;
    }

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

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

.nice-select {
    /*width: 15.6rem;*/
    /*height: 44px;*/
    position: relative;
    border-radius: 6px !important;
    color: #4a4a4a;
}

    .nice-select input {
        display: block;
        width: 95%;
        height: 44px;
        line-height: 38px \9;
        border: 0;
        outline: 0;
        background: none;
        padding: 0.55em 1em;
        color: #616161;
        font-family: basis-grotesque-regular;
        background: url(../img/icons/select-toggle.min.svg) no-repeat right .625em center;
        background-size: 12px;
    }

    .nice-select ul {
        width: 100%;
        display: none;
        /*position: absolute;*/
        /*left: -1px;*/
        /*top: 50px;*/
        overflow: hidden;
        background-color: #fff;
        overflow-y: auto;
        border: 1px solid #d8d8d8;
        box-shadow: 1px 3px 4px 0px rgb(204 204 204 / 20%) inset !important;
        z-index: 9999;
        border-radius: 6px;
        padding: 10px 0px;
        margin-top: 5px !important;
        /*height:330px;*/
        max-height: 330px;
    }

        .nice-select ul li {
            line-height: 18px;
            overflow: hidden;
            padding: 10px 15px;
            cursor: pointer;
            text-align: left;
            margin-left: 0;
            width: 100%;
            border: none;
            word-break: break-all;
            font-size: 12px;
        }

            .nice-select ul li span {
                font-size: 14px;
                display: block;
            }

            .nice-select ul li.on {
                background-color: #23DAFA;
            }

.booking-chooseairport {
    width: 55%;
    border: 1px solid #D8D9DD;
    border-radius: 8px;
}

.chooseairport-padding {
    padding: 31px 25px;
}

.chooseairport-boxone {
    margin-bottom: 0.75em;
}

    .chooseairport-boxone p, .chooseairport-boxtwo p {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px;
        margin-bottom: 8px;
    }

.bookingaccommodation_selectbtn {
    width: 100%;
    flex-basis: 100%;
}

    .bookingaccommodation_selectbtn span {
        display: block;
        width: 100%;
        background-color: white;
        border-radius: 4px;
        padding: 11.5px 0px;
        text-align: center;
        border: 1px solid #D8D9DD;
    }

.bookingnewradiobox input:checked + .radio-button__marker + .bookingaccommodation_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;
    margin-right: 5px;
}

.bookingnewradiobox input:checked + .radio-button__marker + .bookingaccommodation_selectbtn span {
    background-color: #4FE1FB;
    border: 1px solid #4FE1FB;
}

.travellandroomsbox {
    margin-top: 36px;
}

    .travellandroomsbox .radio-button input:checked + .radio-button__marker:after {
        content: none !important;
    }

    .travellandroomsbox .radio-set__inner .radio-button__label .title {
        font-size: 20px;
        letter-spacing: -0.5px;
        line-height: 30px;
        margin-bottom: 23px;
    }

    .travellandroomsbox .radio-set__inner .radio-button__label p {
        font-family: basis-grotesque-regular;
        line-height: 22px;
    }

.bookingpeopleroom_list .peopleroomjisuanbox .peopleroomnum {
    border: none;
    width: 35px;
    display: inline-block;
    text-align: center;
    padding: 0;
    outline: none;
}

.bookingpeopleroom_list .peopleroomjisuanbox .peopleroomjianbtn {
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #D8D9DD;
    border-radius: 50%;
    padding: 6px;
    cursor: pointer;
}

.bookingpeopleroom_list .peopleroomjisuanbox .peopleroomjiabtn {
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #D8D9DD;
    border-radius: 50%;
    padding: 5px;
    cursor: pointer;
}

.bookingpeopleroombox {
    border: 1px solid #D8D9DD;
    border-radius: 8px;
    background-color: white;
    margin-bottom: 30px;
}

.bookingpeopleroomlist {
    display: flex;
    flex-direction: row;
    justify-content: start;
    border-bottom: 1px dashed #D8D9DD;
    padding: 27px 40px 32px;
    flex-wrap: wrap
}

.bookingpeopleroom_list {
    width: 25%;
}

    .bookingpeopleroom_list p {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        margin-bottom: 1px;
    }

.bookingpeopleroomlist_title {
    flex-basis: 100%;
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 20px;
    margin-top: 2px;
    margin-bottom: 19px;
}

    .bookingpeopleroomlist_title img {
        padding-right: 10px;
    }

.bookingpeopleroomnewmarker {
    display: flex;
    justify-content: space-between;
    padding: 0px 40px 25px 40px;
    flex-direction: row;
    flex-wrap: wrap;
}

    .bookingpeopleroomnewmarker .newradio-marker {
        width: 48%;
        margin-bottom: 13px;
        display: block;
    }

        .bookingpeopleroomnewmarker .newradio-marker .radio-marker__inner {
            margin-bottom: 0px;
            padding: 17px 23px;
            align-items: center;
        }

.bookingpeopleroomlist_list .bookingpeopleroomlist {
    border: none;
}

.bookingpeopleroomlist_list {
    /*border-bottom: 1px dashed #D8D9DD;*/
}

    .bookingpeopleroomlist_list:last-child {
        border-bottom: none;
    }

.bookingpeopleroomnewmarker .newradio-marker .bookingchoosetype img {
    display: inline-block;
    vertical-align: middle;
    padding: 0px 20px;
}

.bookingpeopleroomnewmarker .newradio-marker .bookingchoosetype p {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    font-size: 14px;
    line-height: 20px;
}

    .bookingpeopleroomnewmarker .newradio-marker .bookingchoosetype p span {
        color: #778C9E;
        display: block;
        font-size: 12px;
        line-height: 18px;
    }

.bookingpeopleroomnewmarker .newradio-marker .bookingchoosetype .double_roomimg {
}

.bookingpeopleroomnewmarker .newradio-marker .bookingchoosetype .twin_roomimg:first-child {
    padding: 0;
    padding-left: 20px;
}

.bookingpeopleroomnewmarker .newradio-marker .bookingchoosetype .twin_roomimg:last-child {
    padding: 0;
    padding-right: 20px;
}

.bookingpeopleroomnewmarker .newradio-marker .radio-marker__inner {
    border: none;
}

.bookingpeopleroomnewmarker .radio-marker input[type="radio"] + span.marker:before {
    border: 1px solid #D8D9DD;
    border-radius: 8px;
}

.bookingpeopleroomsharebox {
    padding: 31px 40px 29px;
    border-top: 1px dashed #D8D9DD;
}

    .bookingpeopleroomsharebox input {
        border: 1px solid #23DAFA;
        width: 50%;
        padding: 12px 15px;
        border-radius: 4px;
        box-sizing: border-box;
        font-family: basis-grotesque-regular;
        font-size: 14px;
    }

    .bookingpeopleroomsharebox .bookingpeopleroomshare_title {
        margin-bottom: 8px;
        font-size: 14px;
        font-weight: 500;
        line-height: 22px;
    }

    .bookingpeopleroomsharebox .bookingpeopleroomshare_info {
        background-color: #DBF8F0;
        width: 50%;
        border-radius: 3px;
        border: 1px solid #A4EDDB;
        padding: 10.5px 15px;
        margin-top: 20px;
        box-sizing: border-box;
        font-size: 14px;
        line-height: 20px;
    }

        .bookingpeopleroomsharebox .bookingpeopleroomshare_info img {
            display: inline-block;
            vertical-align: middle;
            margin-right: 10px;
        }

.bookingnewradiobox .radio-button__marker:after {
    content: none !important;
}


/*booking Vacation Page end*/
/*booking Extension Page start*/
.checkboxtick-check {
    background-color: #D8D9DD;
    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;
}

.bookingnewhotelstyle .radio-button input + .radio-button__marker {
    border: 1px solid transparent;
}

.bookingnewhotelstyle {
    padding: 0px 30px 30px;
    padding-top: 29px;
}

.airportTransfers {
    margin-bottom: 40px;
    display: inline-block;
}

.checkboxtick-check span:before {
    content: ' ';
    position: absolute;
    background: white;
    top: 1px;
    left: 1px;
    z-index: 1;
    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;
}

.checkboxtick-check .marker {
    border: none;
    width: 1em;
}

.tick-check-label p {
    margin-bottom: 0px;
}

.date-price-list .radio-button input:checked + .radio-button__marker {
    background-color: #23dafa;
    border-radius: 8px;
}

    .date-price-list .radio-button input:checked + .radio-button__marker:after {
        content: none;
    }

#divExtension .state--show {
    border-top: 1px dashed #D8D9DD;
}

.expanded-section__inner, .extensionpaddingbox {
    padding: 22px 30px;
}

    .expanded-section__inner h3 {
        font-size: 16px;
        font-weight: 500;
        line-height: 28px;
        color: #0C3051;
        margin-top: 6px;
        margin-bottom: 15px;
        letter-spacing: 0px;
    }

    .expanded-section__inner .notification--smll {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: -1px;
    }

.extensiontime p {
    margin-bottom: 0px;
}

    .extensiontime p:first-child {
        font-size: 16px;
        line-height: 28px;
    }

    .extensiontime p:last-child {
        font-size: 14px;
        color: #778C9E;
        font-family: basis-grotesque-regular;
        line-height: 22px;
    }

.extensiontime {
    margin-top: 30px;
    display: inline-block;
}


.airportTransfersflex {
    display: flex;
    gap: 19px;
    margin-bottom: 3em;
}

    .airportTransfersflex .bookingchoosetype p:first-child {
        font-family: basis-grotesque-regular;
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        margin-bottom: 0px;
    }

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

    .airportTransfersflex .newradio-marker .radio-marker__inner {
        border: none;
    }

    .airportTransfersflex .radio-marker input[type="radio"] + span.marker:before {
        border-color: #D8D9DD;
        border-radius: 8px;
    }

.airportTransfers .newradio-marker .radio-marker__inner {
    margin-bottom: 0px;
    padding: 17px 20px;
}

.mapmediumimg {
    display: inline-block;
    vertical-align: text-top;
    margin-right: 5px;
}

.bookingnewhotelstyle .radio-button__inner {
    /*flex-wrap: wrap;*/
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

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

.bookingnewhotelstyle .radio-button__inner .radio-button__img {
    width: 48%;
}

    .bookingnewhotelstyle .radio-button__inner .radio-button__img .swiper-slide img {
        width: 398px;
        height: 272px;
    }

.bookingnewhotelstyle .radio-button__inner .radio-button__body {
    width: 50%;
}

.bookingnewhotelstyle .radio-set__item {
    width: 100% !important;
    flex-direction: row;
    flex-wrap: wrap;
    border-bottom: 0;
}

.bookingnewhotelstyle .radio-button__img {
    margin: 0px;
}

.bookingnewhotelstyle .radio-button__inner .radio-button__body {
    margin-bottom: 2px;
}

.bookingnewhotelstyle .clasHotIvyts {
    margin-bottom: 4px;
}

.radio-button__body .title {
    color: #0C3051;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.5px;
}

.bookingnewhotelstyle .rb_bodyfive {
    color: #2D6497;
    font-size: 16px;
    font-family: basis-grotesque-bold;
    line-height: 24px;
    margin-top: 15px;
    margin-bottom: 13px;
}

.bookingupgradehotel .newcard_toptitletwo {
    margin-top: 20px;
    border-bottom: 1px solid #d8d9dd;
    padding-bottom: 15px;
    margin-bottom: 31px;
}

.bookingnewhotelstyle .rb_bodyfour {
    margin-top: 12px;
}

.bookingnewhotelstyle .newcard_toptitletwo {
    text-align: left;
    margin: 0px 0px 30px 0px;
    margin-left: 0px;
    flex-basis: 100%;
}

.newcard_toptitletwo span:first-child {
    padding: 5.5px 12px;
    background-color: #A4EDDB;
    color: #0C3051;
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 4px;
    vertical-align: middle;
}

.newcard_toptitletwo span:last-child {
    text-transform: capitalize;
    padding-left: 5px;
    color: #0C3051;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
}

.rb_bodyfour {
    font-size: 14px;
    font-family: basis-grotesque-regular;
    margin-top: 15px;
}

.rb_bodyfourroom img {
    height: 18px;
}

.rb_bodyfour p {
    line-height: 22px;
    margin-bottom: 7px;
}

.bookingnewhotelstyle .radio-button {
    padding: 0;
    border: none;
}

.bookingnewhotelstyle .radio-button__body {
    padding-top: 0px;
}

.bookingnewhotelstyle .radio-button:hover .radio-button__marker {
    border-color: transparent;
}

.bookingnewhotelstyle .radio-button.radio-button--card .radio-button__marker:after {
    content: none !important;
}

.bookingnewhotelstyle .radio-button input:checked + .radio-button__marker {
    border-color: transparent;
}

.bookingnewhotelstyle .radio-button.radio-button--card:hover {
    box-shadow: none;
}

.bookingnewhotelstyle .bookinghotelimg {
    display: inline-block;
    margin-right: 8px;
    vertical-align: text-top;
    width: 15px;
    height: 15px;
}

.tripleRoomLabel .bookingchoosetype .triple_roomimg {
    padding-right: 0px !important;
}

.tripleRoomLabel .bookingchoosetype .triple_roomimgtwo {
    /*padding-right: 0px;*/
    padding-right: 15px !important;
    padding-left: 0px !important;
}
/*.bookingnewhotelstyle .radio-button input:checked + .radio-button__marker + .bookingaccommodation_selectbtn span {
    background-color: #4FE1FB;
}*/
.bookingnewhotelstyle .bookingaccommodation_selectbtn span {
    width: 50%;
    float: right;
}

.bookingupgradehotel .radio-button {
    background-color: transparent;
}

.bookingupgradehotel .bookingaccommodation_selectbtn span {
    background-color: transparent;
}
/*booking Extension Page end*/
/*booking OptionalTours Page start*/
.radio-set.radio-set--lg .radio-set__itemlinetwo {
    width: 48.8%;
    margin-bottom: 20px;
}

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

.radio-set .radio-set__inner {
    margin: 0;
    justify-content: space-between;
}

.newoptionaltourname_title {
    font-family: basis-grotesque-medium !important;
    font-size: 14px;
    line-height: 21px;
}

.newoptionaltourname_price {
    line-height: 16px;
    font-size: 14px;
    font-family: basis-grotesque-medium;
    font-weight: 700;
}

.extensionpaddingbox .tick-check-label p {
    font-size: 14px;
}

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

.opt_tourname {
    font-size: 16px !important;
    font-family: basis-grotesque-bold;
    height: 44px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.opforeachbox .newcard_toptitletwo {
    margin-bottom: 13px;
}

.opforeachlist {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

    .opforeachlist .radio-set__item .radio-button--card {
        flex-direction: column;
    }
/*booking OptionalTours Page end*/
/*booking UpgradeHotel Page start*/
.newupgradelhotel {
    border-bottom: 1px solid #D8D9DD;
    margin-bottom: 29px !important;
    padding-bottom: 29px;
    border-radius: 0 !important;
}

    .newupgradelhotel .bookingnewradiobox .radio-button__body .title {
        font-size: 24px;
    }

    .newupgradelhotel .bookingnewradiobox .radio-button__body .rb_bodytwo {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 5px;
    }

    .newupgradelhotel .bookingnewradiobox .radio-button__body .rb_bodythree, .newupgradelhotel .bookingnewradiobox .radio-button__body .rb_bodythree p {
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        font-family: basis-grotesque-regular;
    }

        .newupgradelhotel .bookingnewradiobox .radio-button__body .rb_bodythree ul {
            padding-left: 17px;
            margin: 0px;
        }

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

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

.opcard_personprice {
    color: #0c3051;
    font-size: 16px;
    /*font-weight: 700;*/
    line-height: 24px;
    margin-top: 38px;
    margin-bottom: 12px;
}

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

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

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

.promotionalcodesbox .booking-heading {
    color: #0c3051;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 30px;
}
/*booking UpgradeHotel Page end*/
/*login页面 start*/
.awnewaccountlogin .layout__inner {
    align-items: flex-start;
}

.awnewaccountlogin form p {
    line-height: 22px;
    font-size: 14px;
}

.bookingcreateaccount {
    width: calc(50% - 40px) !important;
}

.awnewaccountlogin .layout__item {
    margin: 0 auto;
    width: 330px;
}

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

.awnewaccountlogin .control__field input {
    height: 44px;
}

.awnewaccountlogin .btn {
    height: 49px !important;
}

.awnewaccountlogin .controlpassword {
    margin-top: 31px;
}

#forgot {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: #0c3051;
    font-family: 'basis-grotesque-regular';
}

.awnewaccountlogin .control--submit {
    margin-top: 30px;
    margin-bottom: 17px;
}

.booking-page.booking-page--login-register .layout__item:nth-of-type(1) form {
    padding-right: 0px;
}

.awnewaccountlogin .booking-heading {
    text-transform: initial;
    margin-bottom: 29px;
    font-size: 30px;
    line-height: 40px;
    letter-spacing: 0;
}

.awnewaccountlogin .formsignupbtn {
    margin-top: 35px;
    color: #0c3051;
    font-size: 18px;
    font-weight: 500;
    line-height: 34px;
}

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

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

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

    .account-header_top span {
        border: 1px solid #D8D9DD;
        padding: 14px 45px;
        border-radius: 4px;
    }

.inputerrohide {
    display: none !important;
}


/*login页面 end*/

/*booking GrouponValidCode start*/
.grouponcodebox .booking-heading {
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 21px;
}

.grouponcodebox .restrict-width {
    border-radius: 8px;
    border: 1px solid #D8D9DD;
    padding: 20px 30px;
    box-sizing: border-box;
    width: 421px;
}

.grouponcodebox .btn {
    width: 100%;
    margin-left: 0px !important;
    margin-top: 19px;
    margin-bottom: 19px;
    height: 44px;
}

.grouponcodebox .control__label label b {
    font-weight: 100;
    margin-bottom: 7px;
    display: block;
}

.grouponcodeinfo {
    background: #DBF8F0;
    border-radius: 4px;
    border: 2px solid #A4EDDB;
    padding: 18px 15px;
    font-size: 14px;
}

#aboveInfo {
    font-size: 14px;
    line-height: 22px;
    font-family: basis-grotesque-regular;
}

.grouponcodeinfo p {
    margin-bottom: 0px;
}

    .grouponcodeinfo p img {
        display: inline-block;
        vertical-align: middle;
        width: 13px;
    }

    .grouponcodeinfo p span {
        vertical-align: middle;
        /*font-family:'Basis Grotesque Off-White';*/
    }

.grouponcodebox .control__field {
    display: block;
    margin-top: 0;
}

    .grouponcodebox .control__field input {
        width: 100%;
    }
/*booking GrouponValidCode end*/
/*booking PassengerDetail start*/
.newpd_travelernum {
    color: #2C3C4A !important;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 29px;
}

.tick-checkflex {
    display: flex;
    color: #0C3051;
    font-size: 14px;
}

    .tick-checkflex .marker {
        margin-right: 10px;
    }

    .tick-checkflex p {
        font-family: basis-grotesque-regular;
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
    }

.newpassengeerdetail .layout__item {
    width: calc(100% - 40px);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.newpassengeerdetail .newpd_travelernum {
    color: #0C3051 !important;
}

.booking-page .newformcontrol {
    width: 49%;
    justify-content: space-between;
    margin-bottom: 30px;
    position: relative;
}

.tick-checkabsoult {
    position: absolute;
    bottom: -30px;
}

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

.contacttitle {
    color: #2c3c4a;
    font-size: 16px;
    line-height: 20px;
    font-weight: 100;
}

.hearaboutusselect {
    width: 100%;
    border-top: 1px solid #d8d9dd;
    padding-top: 29px;
}

.contactinfo {
    color: #3C4257 !important;
    width: 100%;
    font-size: 14px;
    line-height: 22px;
    margin-top: 11px;
    margin-bottom: 5px;
}

.contactfrombox {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.contactcheckbox {
    flex-basis: 100%;
    margin: 20px 0px;
    margin-bottom: 30px !important;
}

.contactfrombox .control__label label {
    color: #3C4257;
}

.contactinfo {
    font-family: basis-grotesque-regular;
}
/*booking PassengerDetail end*/
/*booking PassengerDetailView start*/
.detailviewtravelertable {
    width: 100%;
    font-family: basis-grotesque-regular;
}

.reviewwidget {
    padding-bottom: 27px !important;
}

    .reviewwidget .trip-heading {
        margin-top: 29px;
        margin-bottom: 10px;
    }

        .reviewwidget .trip-heading h2 {
            font-size: 20px;
            font-weight: 500;
            line-height: 30px;
            letter-spacing: -0.5px;
        }

.newaccountflightinfo_city {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.23333333px;
    margin: 26px 0px;
}

    .newaccountflightinfo_city span {
        display: block;
    }

    .newaccountflightinfo_city b {
        font-weight: initial;
    }

.reviewwidget .trip-stops {
    margin-bottom: 14px;
}

.detailviewtravelertable tr td:first-child {
    width: 42%;
    color: #778C9E;
    font-size: 14px;
}

.bookingtriptime dd:after {
    content: '';
}

.tripdetail_flight {
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: -0.5px;
    margin-top: -4px;
}

.tripdetail_price {
    display: flex;
    justify-items: center;
    margin-bottom: 26px;
}

    .tripdetail_price span {
        font-size: 20px;
        font-weight: 500;
        line-height: 30px;
        text-align: center;
        letter-spacing: -0.5px;
    }

.detailviewtravelertable tr td {
    line-height: 26px;
    color: #0C3051;
    font-size: 14px;
}

.divtabletourfare {
    padding: 28px 27px !important;
    font-family: basis-grotesque-regular;
}

.divtablesubtotal .divtablewidth_long {
    font-size: 14px;
    font-weight: 500;
    line-height: 26px;
    font-family: basis-grotesque-medium;
}

.divtablecoupon {
    font-family: basis-grotesque-medium;
    font-size: 14px !important;
    font-weight: 500;
    line-height: 26px;
    padding: 25px 27px;
}

.detailviewtravelerlistbox .detailviewtravelerlist {
    border-bottom: 1px solid #D8D9DD;
    margin-bottom: 41px;
    padding-bottom: 35px;
}

.newaccounttrevelers .detailviewtravelerlistbox .detailviewtravelerlist {
    padding-bottom: 0px;
    margin-bottom: 58px;
    border-bottom: 0px;
}

.passengerdetailviewbox .detailviewtravelerlist {
    width: 100%;
}

.passengerdetailviewbox .detailviewtravelerlistbox {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    border-bottom: none;
    margin-bottom: 0px;
}

.passengerdetailviewbox .newaccounttrevelers .detailviewtravelerlistbox .detailviewtravelerlist {
    border-bottom: 1px solid #D8D9DD;
    margin-bottom: 41px;
    padding-bottom: 35px;
}

.detailviewtravelerlist p {
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
}

.editdetailsbtn {
    flex-basis: 100%;
    text-align: center;
    margin: 1.8em 0;
}

.passengerdetailviewwidget {
    border-bottom: none !important;
}

.editdetailsbtn span {
    display: block;
    width: 30%;
    border-radius: 4px;
    border: 1px solid #D8D9DD;
    padding: 15px 0px;
    cursor: pointer;
    font-size: 14px;
    color: #0C3051;
}

.extensionswpiernone .swiper-button-disabled {
    display: none;
}

.extensionswpiernone .swiper-pagination {
    display: none;
}

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

.detailviewtravelerlistbox {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    border-bottom: 1px solid #D8D9DD;
    margin-bottom: 58px;
}

.detailviewtravelerlist {
    width: 50%;
    margin-bottom: 20px;
}

.editdetailstishi {
    flex-basis: 100%;
    margin: 0em 0 1.8em 0;
    padding: 15px 20px;
    background: #FEF6EC;
    border-radius: 4px;
    border: 1px solid #FCD4A0;
    font-family: basis-grotesque-regular;
    font-size: 14px;
    line-height: 22px;
}

.label-title, .booking-section .label-title {
    font-weight: 400;
    color: #0C3051;
    margin-bottom: 0;
    text-transform: initial;
}

.tripdetail_room img {
    display: inline-block;
    margin-right: 10px;
    vertical-align: text-bottom;
}

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

.tripdetail_room {
    margin-bottom: 22px;
}

.detailviewroomlistbox .detailviewroomlist .detailviewroomflex {
    display: flex;
    font-family: basis-grotesque-regular;
}

    .detailviewroomlistbox .detailviewroomlist .detailviewroomflex .detailviewroomflexwidth {
        width: 50%;
        display: flex;
    }

.detailviewroomflex .detailviewroomflexwidth div:first-child {
    width: 30%;
    font-size: 14px;
    line-height: 26px;
    color: #778c9e;
}

.detailviewroomflex .detailviewroomflexwidth div:last-child {
    width: 70%;
    font-size: 14px;
    line-height: 26px;
}

.viewroomlist_num {
    font-size: 14px;
    font-weight: 500;
    line-height: 26px;
}

.detailviewroomlist:not(:first-child) {
    padding-top: 24px;
}

.tripdetail_room {
    font-size: 20px;
}

.detailviewroomflexwidth img {
    display: inline-block;
    margin-right: 7px;
    vertical-align: middle;
}

.detailviewroomflexwidth span {
    vertical-align: middle;
}

.newinsurancebox .bookingradio {
    width: auto;
}

.insurancemodal p {
    font-size: 14px;
    line-height: 22px;
    font-family: 'basis-grotesque-regular';
}

.newinsurancebox .bookingchoosetype {
    margin-left: 10px;
    color: #0C3051;
    font-size: 14px;
}

    .newinsurancebox .bookingchoosetype p {
        margin-top: 12px;
    }

    .newinsurancebox .bookingchoosetype a {
        position: relative;
        z-index: 9;
        text-decoration: none;
    }

.newinsurancebox .radiodowncheckbox a {
    text-decoration: none;
}

.insuranceinfo {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    font-family: basis-grotesque-regular;
}

.radiowithcheckbox .radio-marker__inner {
    flex-direction: row;
    flex-wrap: wrap;
    padding: 23px 0px 10px 0px;
}

.radiowithcheckbox .bookingradio {
    padding-left: 20px;
}

.radiowithcheckbox .radiodowncheckbox {
    flex-basis: 100%;
    border-top: 1px dotted #D8D9DD;
    padding: 20px 20px 0px 20px;
    margin-top: 20px;
    font-size: 14px;
}

.radiodowncheckbox p {
    margin-bottom: 0px;
}

.passengerdetailviewpaddingbottom {
    padding-bottom: 43px !important;
}
/*booking PassengerDetailView end*/
/*booking Payment strat*/
.newbookingpaymentbox .bookingradio {
    width: auto;
}

.newbookingpaymentbox .bookingchoosetype {
    margin-left: 10px;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    font-family: basis-grotesque-regular;
}

    .newbookingpaymentbox .bookingchoosetype p {
        margin-bottom: 0px;
        line-height: 22px;
    }

.newpaymentamountbox .newpaymentamount {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    font-family: basis-grotesque-regular;
}

    .newpaymentamountbox .newpaymentamount .radio-marker__inner {
        padding: 0px 22px;
        height: auto;
        display: flex;
        align-items: center;
        flex-direction: row;
        border: none;
    }

        .newpaymentamountbox .newpaymentamount .radio-marker__inner .bookingchoosetype p span {
            font-family: basis-grotesque-bold;
        }

.newpaymentamountbox .newradio-marker {
    width: 49.5%;
    background-color: white;
    margin-bottom: 15px;
    display: flex;
}

    .newpaymentamountbox .newradio-marker .radio-marker__inner {
        margin-bottom: 0px;
    }

.newpaymentamount .radio-marker input[type="radio"] + span.marker:before {
    border: 1px solid #D8D9DD;
    border-radius: 8px;
}


.newpaymentamount .bookingchoosetype {
    width: fit-content;
}

.paymentlablebox .bookingchoosetype {
    display: flex;
    color: #3c4257;
}

    .paymentlablebox .bookingchoosetype img {
        width: 30px;
        height: 20px;
        margin-right: 10px;
    }

.bookingnewcreditcardbox {
    position: relative;
    z-index: 9;
    padding: 0px 20px 20px 20px;
    background-color: white;
    border: 1px solid #23DAFA;
    border-top: none;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

.bookingpaymentpadding {
    border-bottom: 1px solid #D8D9DD;
    padding-bottom: 40px;
    margin-bottom: 35px;
}

.bookingnewcreditcardflex {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

    .bookingnewcreditcardflex .layout__item {
        width: 48.7%;
    }

.bookingaddcard .control {
    margin-bottom: 30px;
}

    .bookingaddcard .control input, .bookingaddcard .control select {
        position: relative;
    }

.layout__item--two-third {
    float: left;
    margin-right: 15px;
}

.paymentheadtitle {
    margin-bottom: 1.5em;
}

.travelvoucherbox .radio-marker__inner {
    margin-bottom: 0px;
}

.bookingzipcode {
    flex-basis: 100% !important;
}

    .bookingzipcode input {
        width: calc(50% - 1.25em);
    }

.expanded-section__inner .address-set .control, .bookingeditaddressbox .control {
    margin-bottom: 30px;
}

.bookingeditaddressbox {
    padding: 0px 30px 0px 30px;
    position: relative;
    margin-top: -20px;
    background-color: white;
    border: 1px solid #23DAFA;
    border-top: none;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

.newbookingpaymentbox .newradio-marker .radio-marker__inner {
    margin-bottom: 20px;
}

.newpaymentamount .newradio-marker .radio-marker__inner {
    margin-bottom: 0px;
    padding: 24px 20px !important;
}

.newbookingpaymentbox .newradio-marker .radio-marker__inner {
    padding: 24px 20px;
    background-color: white;
}

.paymentyesbox #divShippingInfo {
    margin-bottom: 40px;
}

.paymentyesbox .widget {
    padding-bottom: 47px;
    /*border-bottom: 1px solid #D8D9DD;*/
    margin-bottom: 1em;
}

.bookingaddcard .radio-marker__inner, .travelvoucherbox .radio-marker__inner {
    padding: 20.5px 20px !important;
}

.billingaddressbox .bookingchoosetype p:first-child {
    font-weight: bold;
}

.billingaddressbox .radio-marker__inner {
    padding: 26px 20px !important;
}

#divEditBillingAddresss a {
    font-weight: 400;
}

.newbookingpaymentbox .accordion:after, .newbookingpaymentbox .accordion:before {
    content: none;
}

.shippingaddressbox .radio-marker__inner {
    padding: 20px !important;
}

#divRbNewShipping .expanded-section {
    margin-top: -16px;
    background-color: white;
}

.bookingaddcard, #divRbNewShipping {
    background-color: white;
}

.shippingaddressbox {
    border: none;
    margin-bottom: 0;
    padding-bottom: 35px;
}

.newbookingpaymentbox .mini-icon--helper:before {
    content: none;
}

.newbookingpaymentbox .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;
}
/*hexi*/
/*booking Payment end*/
/*booking TripDetail start*/
.table-wrap {
    max-width: 100%;
    overflow-x: auto;
    margin-bottom: 2.5em;
}

.tripdetail_priceimgone {
    display: none !important;
}

.table-wrap__inner {
    margin-bottom: 1px;
}

.divtablewidth {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 20px 27px;
    border-bottom: 1px solid #D8D9DD;
    font-size: 14px;
    color: #0c3051;
}

.divtableheader {
    background: #D3F8FE;
}

.divtablewidth .divtablewidth_long {
    width: 45%;
}

.divtablewidth .divtablewidth_shot {
    width: 15%;
    text-align: right;
}

.divtablewidth p:first-child {
    width: 100%;
    margin-bottom: 9px;
    font-size: 16px;
    line-height: 26px;
}

.divtablewidth_list {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 10px;
    font-family: basis-grotesque-regular;
    line-height: 18px;
}

    .divtablewidth_list div:first-child {
        width: 45%;
    }

    .divtablewidth_list div:not(:first-child) {
        width: 15%;
        text-align: right;
    }

.divtablesubtotal {
    border-bottom: none;
    padding: 23px 27px;
}

.divtabletotal .divtablewidth_list div:first-child {
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    font-family: basis-grotesque-medium !important;
}

.divtablecoupon {
    background: #A4EDDB;
    border-bottom: none;
    padding: 25px 27px;
}

.divtabletotal {
    background: #D3F8FE;
    border-bottom: none;
    padding: 30px 27px;
}

    .divtabletotal div {
        margin-bottom: 0px;
    }

    .divtabletotal p {
        color: #2c3c4a;
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        flex-basis: 100%;
        margin-bottom: 0px;
        font-family: basis-grotesque-regular !important;
    }

    .divtabletotal .divtablewidth_list div:last-child {
        font-size: 18px;
        font-family: basis-grotesque-medium !important;
    }

.divtablewidth_p {
    width: 40% !important;
    margin-bottom: 10px !important;
}

.tripdetail_traveler img, .tripdetail_room img, .tripdetail_flight img, .tripdetail_itinerary img, .tripdetail_price img, .tripdetail_personal img {
    display: inline-block;
    margin-right: 10px;
    vertical-align: text-bottom;
}

.tripdetail_traveler {
    font-size: 20px;
    margin-bottom: 26px;
}

#DoubleRoom {
    display: flex;
    align-items: center;
}

    #DoubleRoom p {
        margin-bottom: 0px;
        margin-left: 7px;
    }

.divtablepaid p img {
    display: inline-block;
    vertical-align: middle;
}

.divtablepaid p a {
    margin-left: 10px;
    vertical-align: middle;
}
/*booking TripDetail end*/
/*booking fight start*/
.inboundfightbigbox {
    background-color: white;
    border-radius: 8px;
    border: 1px solid #D8D9DD;
    color: #0C3051;
}

.inboundfightbox {
    padding: 1.25em;
    display: flex;
}

.inboundfightbox_left, .inboundfightbox_right {
    width: 50%;
}

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

.infightleft_flexboxlist {
    width: 25%;
}

.inboundfightbox_right {
    display: flex;
    justify-content: space-between;
}

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

    .inboundfightbox_fightname span {
        padding-left: 10px;
    }

.infightleft_flexboxlistimgbox {
    width: 13%;
}

.infightleft_infoimg {
    width: 60%;
}

.infightleft_infotime span {
    font-size: 24px;
}

.infightleft_infocode {
    color: #778C9E;
    font-size: 14px;
}

.infightleft_infodata {
    font-size: 14px;
}

.inboundfightbox_right .radio-marker {
    width: 30%;
    border-radius: 8px;
    border: 1px solid #D8D9DD;
}

    .inboundfightbox_right .radio-marker input[type="radio"] + span.marker:after {
        content: none;
    }

.inboundfightbox_right .infightright_price {
    position: relative;
    text-align: center;
}

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

.bookingupgradeflight .radio-button__inner {
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
}

    .bookingupgradeflight .radio-button__inner .radio-button__img {
        width: 50%;
    }

.bookingupgradeflight .radio-button__img {
    margin: 0px;
}

.bookingupgradeflight .radio-button__inner .radio-button__body {
    width: 50%;
}

.bookingupgradeflight .bookingaccommodation_selectbtn span {
    width: 43%;
    float: right;
}

.bookingupgradeflight .bookingnewradiobox {
    display: block;
}

.bookingupgradeflight .upgradeflighthead {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 1.25em;
}

.upgradeflighthead .upgradeflighthead_title {
    font-size: 20px;
}

.upgradeflighthead .upgradeflighthead_price {
    border-left: 1px solid #D8D9DD;
    padding-left: 5%;
    text-align: right;
}

    .upgradeflighthead .upgradeflighthead_price span:first-child {
        font-size: 12px;
        font-family: basis-grotesque-regular;
    }

    .upgradeflighthead .upgradeflighthead_price span:last-child {
        font-size: 16px;
    }

.bookingupgradeflight .radio-button__inner .radio-button__body {
    font-family: basis-grotesque-regular;
}

.bookingupgradeflight .radio-button {
    padding: 29px;
}

.bookingupgradeflight .radio-button__inner ul li::marker {
    color: #0C3051;
}

.bookingupgradeflight .bookingaccommodation_selectbtn {
    position: absolute;
    right: 29px;
    bottom: 29px;
}

.bookingupgradeflight {
    margin-bottom: 30px;
}
/*booking fight end*/
/*booking fightreview start*/
.awaccountfightinfolist > table {
    border: 1px solid #D8D9DD;
    margin-bottom: 19px;
    border-radius: 8px;
    border-collapse: separate;
}

.awaccountfightinfolist .review-table th {
    background-color: #D3F8FE;
    padding: 8px 0.625em;
    color: #0C3051;
    font-family: basis-grotesque-regular;
}

.awaccountfightinfolist .flight-table {
    font-family: basis-grotesque-regular;
}

.awaccountfightinfolist .review-table td {
    color: #0C3051;
}

.awaccountfightinfolist .review-table > tbody > tr > td {
    border: none;
    border-bottom: 1px dashed #D8D9DD;
}

.awaccountfightinfolist .flight-review-table .flight-infoIvyott {
    width: 55%;
}

.awaccountfightinfolist {
    width: 100%;
    /*overflow: hidden;*/
    /*border: 1px solid #D8D9DD;*/
    /*margin-bottom: 19px;*/
}

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

.tableovernight {
    padding: 23px 0px;
    font-family: basis-grotesque-regular;
    font-size: 12px;
    display: flex;
    align-items: center;
}

    .tableovernight img {
        margin: 0px 10px;
    }

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

.flight-review-table .flight-infoIvyott table td:first-child {
    padding-left: 1.2em;
}

.flight-no p, .flight-cabin p, .flight-duration p {
    margin: 0;
    color: #8A8D9A;
    font-size: 12px;
    line-height: 18px;
    font-family: basis-grotesque-medium !important;
}

.flight-no {
    color: #0c3051;
    font-size: 12px !important;
    font-weight: 400;
    line-height: 18px;
}

.awaccountfightinfolist .review-table > tbody > tr:not(:first-child) {
    border-bottom: 1px dashed #D8D9DD;
}

.awaccountfightinfolist .review-table > tbody > tr {
    border-bottom: 1px solid #ebe9e9;
}

    .awaccountfightinfolist .review-table > tbody > tr:last-child {
        border-bottom: none;
        padding-bottom: 8px;
    }

        .awaccountfightinfolist .review-table > tbody > tr:last-child td {
            border-bottom-left-radius: 8px;
            border-bottom: 0px;
        }

            .awaccountfightinfolist .review-table > tbody > tr:last-child td table {
                border-collapse: separate;
            }

            .awaccountfightinfolist .review-table > tbody > tr:last-child td:last-child {
                border-bottom-right-radius: 8px;
            }
/*booking fightreview end*/
/*booking FinalConfirmation start*/
.newbooking-confirmed .booking-confirmed__body {
    padding: 62px 65px 65px;
}

.newbooking-confirmed .booking-confirmed__header {
    padding: 0px;
    margin-bottom: 20px;
}

.booking-confirmed__header p {
    font-size: 28px !important;
    line-height: 30px !important;
    width: 70%;
    margin: initial !important;
    word-break: break-word;
}

.booking-confirmed p {
    max-width: inherit;
    line-height: 22px;
    margin-bottom: 6px;
    font-size: 14px;
}

.booking-confirmed__info {
    border-bottom: 1px solid #D8D9DD;
    padding-bottom: 24px;
    margin-bottom: 24px;
    padding-top: 2px;
}

.confirmed__infop {
    margin-bottom: 22px !important;
}

    .confirmed__infop:last-child {
        margin-bottom: 0px !important;
    }

.booking-confirmed a {
    color: #2D6497;
}

.booking--confirmed__help {
    max-width: 44em;
    margin: auto;
    background: #D3F8FE;
    border-radius: 15px;
    text-align: center;
    padding: 48px 0px 44px;
    margin-top: 40px;
}

    .booking--confirmed__help p {
        margin-bottom: 0px;
        font-size: 20px;
    }

    .booking--confirmed__help span {
        background: #23DAFA;
        border-radius: 4px;
        display: inline-block;
        margin-top: 19px;
        width: 156px;
        height: 46px;
        font-size: 14px;
        line-height: 46px;
    }

.newbooking-confirmed img {
    width: 100%;
}

.booking-logophone {
    display: none !important;
}
/*booking FinalConfirmation end*/

/*booking newprogress start*/
.newbooking-progress {
    display: flex;
    border: 1px solid #d8d9dd;
    border-radius: 27px;
}

.newbooking-progress__item {
    padding: 14px 25px;
    border-right: 1px solid #d8d9dd;
    font-size: 14px;
}

.termsconditionmodal .modal__body {
    padding-right: 10px;
}

    .termsconditionmodal .modal__body p span {
        color: #0C3051 !important;
    }

.newbooking-progress__item:last-child {
    border-right: 0px;
    border-bottom-right-radius: 27px;
    border-top-right-radius: 27px;
}

.newbooking-progress__item:first-child {
    border-bottom-left-radius: 27px;
    border-top-left-radius: 27px;
}

.newbooking-progress__item--completed {
    background: #2D6497;
    color: white;
    /*border: none;*/
}

.newbooking-progress__item--active {
    background: #23DAFA;
    color: #0C3051;
    border: none;
}

.newbooking-progress_phoneshow {
    display: none;
}
/*booking newprogress end*/


.newbookingheading {
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
}

.gatwaysection {
    padding-top: 30px !important;
}

    .gatwaysection .booking-heading {
        margin-bottom: 18px !important;
    }

#PeopleRooms .booking-heading {
    margin-bottom: 18px !important;
}

#divExtension .booking-section {
    margin-bottom: 0 !important;
    padding-top: 8px !important;
}

#divExtension .newbookingheading {
    margin-bottom: 21px;
}

.airportTransfers .newbookingheading {
    margin-bottom: 23px;
}

.selectflightsection {
    padding-top: 8px;
    margin-bottom: 0px;
}

    .selectflightsection .newbookingheading {
        margin-bottom: 22px;
    }

.flightinformation-section, .chooseop-section, .travelerdetail-section, .reviewtrip-secion {
    padding-top: 19px;
    margin-bottom: 60px;
}

    .travelerdetail-section .tripdetail_traveler {
        display: none;
    }

    .travelerdetail-section .newaccounttrevelers {
        margin-top: 41px;
    }

.travelerdetail-section {
    border-bottom: 0px;
}

.travelinsurance-secion .booking-section {
    margin-bottom: 39px;
}

.upgradehotel-section .booking-heading {
    margin-bottom: 66px;
}

.upgradehotel-section {
    margin-top: 16px;
}

.extensionpaddingbox {
    padding: 20px 30px !important;
}

.extensionhotelbox {
    padding: 31px 30px !important;
}

.radio-set__itemlinetwo .newcard_toptitletwo {
    margin-bottom: 13px;
}

.radio-set__itemlinetwo {
    display: block !important;
}

travelerdetail-section {
    padding-top: 18px;
}

.newaccounttrevelers_adult {
    display: none;
}

.travelinsurance-secion {
    padding-top: 8px;
}
    /*.travelinsurance-secion .notification {
        border-radius: 4px;
        border: 1px solid #23dafa;
        background: #d3f8fe;
    }*/
    .travelinsurance-secion #America {
        margin-bottom: 25px;
    }

.flightloading {
    margin-top: -110px !important;
}

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

.awaccountfightinfolist .flight-duration--mobile img {
    margin-right: 7px;
}

.awaccountfightinfolist .duration-icon:before {
    content: none;
}

.tableovernight img:first-child {
    margin-left: 0px;
}

.booking-page--login--registerIvytf {
    border-bottom: 0px;
}

.reviewtrip-secion ~ .booking-controls .booking-controls__next a {
    width: 174px !important;
}

.editdetailsbtn {
    display: none;
}

.flightphoneshowbox .selectflighttrips, .flightphoneshowbox .newflightdetailbox {
    display: none !important;
}

.reviewtrip-secion .widget--btm-bdr:last-child {
    border-bottom: 0px;
}

.reviewtrip-secion, .reviewtrip-secion .table-wrap {
    margin-bottom: 0px;
}

.divtablepaid div:first-child {
    font-size: 14px;
    font-weight: 500;
    line-height: 26px;
    font-family: basis-grotesque-medium;
}

.divtablepaid div:last-child {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
}

.divtablepaid p {
    border-radius: 2px;
    background: #fdf2fa;
    width: 196px;
    height: 30px;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.privacebreakdivtable {
    background-color: white;
}

.newbookingpaymentbox {
    padding-top: 19px;
    margin-bottom: 2em;
}

.rb_bodysix {
    display: none;
}

.upgradehotel-section .bookingnewhotelstyle {
    padding: 0px 0px 30px;
}

.phoneotherwh {
    display: none;
}
/*booking new Select Departing Flight*/

.flightfilter {
    margin-left: -20px;
    width: 65%;
    height: 40px !important;
}

.flight-toptitle {
    /*margin-top: 0px!important;*/
}

.flight-toptitle {
    display: flex;
    border-bottom: 1px solid #d8d9dd;
    margin-bottom: 22px;
    padding: 0px 20px;
    margin-top: 0px;
}

.flight-toptitlelist {
    display: flex;
    justify-content: space-between;
}

.radiophoneshow .na-break {
    display: none;
}

.flight-toptitlelist div {
    width: 31%;
    text-align: center;
    background-color: #2D6497;
    color: white;
    padding: 7px 0px;
    text-decoration: underline;
    box-sizing: border-box;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    font-family: basis-grotesque-regular;
}

    .flight-toptitlelist div:nth-child(2n+1) {
        line-height: 28px;
    }

.flight-colname {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 400;
    line-height: 12px;
    font-family: basis-grotesque-regular;
}

    .flight-colname img {
        margin-right: 10px;
        width: 30px;
    }

.newflightbox {
    border: 1px solid #d8d9dd;
    border-radius: 8px;
    background-color: white;
    margin-bottom: 20px;
}

.selectflightdetail {
    padding: 20px 20px 0px;
}

.newflightbox .flight-depart, .newflightbox .flight-arrive {
    padding: 0;
    text-align: left;
    line-height: 23px;
    font-family: basis-grotesque-regular;
}

.newflightbox .flight-alltime {
    padding: 0;
    font-size: 14px;
    color: #2c3c4a;
    font-family: basis-grotesque-regular;
}

.selectflighttrips {
    padding: 0px 20px;
    margin-bottom: 23px;
    margin-top: 20px;
}

.inline-alertmorebox .inline-alert {
    background-image: none;
}

.inline-alertmorebox {
    display: flex;
    align-items: flex-start;
    background-image: url(../img/alert-circle.svg);
    background-repeat: no-repeat;
    padding-left: 1.5em;
}

    .inline-alertmorebox:not(:first-child) {
        background-image: none;
    }

.inline-alertmore {
    padding-left: 0px !important;
}
/*.inline-alertmore {
    display:flex;
}*/
/*.inline-alertmore:before {
        content: ' ';
        background-image: url('../img/AW2022/icon/dian.png');
        display: inline-block;
        height: 14px;
        width: 19px;
        background-size: 130%;
        margin-right: 5px;
    }*/
.flightmodal #content {
    font-size: 14px;
    line-height: 22px;
    font-family: basis-grotesque-regular;
}

.newflightbox .inline-alert {
    background-position: 0em 0px;
    padding-left: 2em;
    color: #0c3051;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 0px;
    font-family: basis-grotesque-regular;
}

.newflightbox .flight-row:not(.flight-row--header) {
    border: none;
}

.newflightbox .flight-row {
    margin-bottom: 1em;
}

.newflightbox .flight-table .flight-info__date {
    color: #0c3051;
    font-size: 12px;
    line-height: 15px;
}

.newflightbox .flight-col--options {
    justify-content: space-between;
    font-family: basis-grotesque-regular;
}

.newflightbox .flight-row:not(.flight-row--header) .flight-col--options .flight-col--options__cell {
    border-radius: 6px;
}

.newflightbox .flight-col--options .flight-col--options__cell {
    width: 31%;
    cursor: pointer;
}

.newflightbox .radio-marker__inner > *:first-of-type {
    margin-top: 0px;
}

.newflightbox .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: start;
    align-items: start;
    border-radius: 6px;
    border: 1px solid #d8d9dd;
    box-sizing: border-box;
}

.flightshowbox {
    width: 100%;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #D8D9DD;
    padding: 8px 0px;
    font-size: 14px;
    color: #0C3051;
    cursor: pointer;
}

.phonechoosetitle {
    display: none;
}

.surcharge {
    position: relative;
    z-index: 2;
}

    .surcharge p {
        margin-bottom: 0;
        line-height: 18px;
        font-size: 12px;
    }

    .surcharge .surchargeprice {
        font-size: 16px;
        font-weight: 500;
        line-height: 28px;
        color: #2D6497;
        font-family: basis-grotesque-medium;
    }

.newflightdetailbox {
    background-color: #d3f8fe;
    padding: 9.5px 20px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    position: relative;
    font-family: 'basis-grotesque-regular';
    transition-duration: 0.5s;
}

.newflighttishibox .inline-alert {
    display: block;
    margin-bottom: 10px;
    padding-left: 0px;
    background-image: none;
}

    .newflighttishibox .inline-alert:last-child {
        margin-bottom: 0px;
    }

.newflighttishibox {
    padding: 9.5px 20px;
}

.detailshowimgtwo {
    display: none;
}

.detailshowimg, .detailshowimgtwo {
    position: absolute;
    right: 1em;
    top: 13px;
    width: 12px;
    transition-duration: 0.5s;
}

.newflightdetailboxtwotwo .detailshowimg {
    display: none !important;
}

.newflightdetailboxtwotwo .detailshowimgtwo {
    display: block !important;
}

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

.flightlistinfo_time {
    font-size: 12px !important;
    display: flex;
    align-items: center;
    margin: 4px 0px;
    line-height: 18px !important;
    font-family: basis-grotesque-regular !important;
}

.newflightdetailboxtwotwo .detailshowimg {
    transform: rotate(135deg);
    transition-duration: 0.5s;
}

.newflightdetailboxtwotwo {
    background-color: #0c3051 !important;
    transition-duration: 0.5s;
}

.newflightdetail-title {
    margin-bottom: 0px;
    cursor: pointer;
    font-size: 14px;
    line-height: 22px;
    font-family: basis-grotesque-regular;
}

.newflightbox .flight-info__code {
    color: #778C9E;
    font-size: 12px;
    line-height: 10px;
    font-family: basis-grotesque-medium !important;
}

.flight-table .flight-info__time {
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: -0.5px;
    font-family: basis-grotesque-regular;
}

.duration-icon img {
    width: 50%;
}

.newflightbox .duration-icon:before {
    background-color: transparent;
}

.duration-icon img {
    position: relative;
    z-index: 2;
    display: block;
    margin: 0 auto;
}

.newflightdetail_list {
    color: white;
    margin-top: 8px;
}

    .newflightdetail_list span {
        color: white;
        font-size: 14px;
        line-height: 18px;
        opacity: .7;
    }

.newflightdetail_listinfo ul {
    margin: 8px 0;
    padding: 0;
    position: relative;
}

    .newflightdetail_listinfo ul:before {
        content: "";
        height: 46px;
        border-left: 1px solid #D8D8D8;
        width: 1px;
        position: absolute;
        left: 4px;
        top: 13px;
        opacity: .5;
    }

    .newflightdetail_listinfo ul li {
        list-style: none;
        color: white;
        font-size: 14px;
        line-height: 22px;
    }

        .newflightdetail_listinfo ul li:first-child:before, .newflightdetail_listinfo ul li:last-child:before {
            content: "";
            display: inline-block;
            width: 7px;
            height: 7px;
            border: 1px solid rgba( 216,216,216,.5);
            border-radius: 50%;
            margin-right: 5px;
            background-color: #0c3051;
            position: relative;
            z-index: 9;
        }

.newflightdetail_stopover {
    background-color: white;
    margin: 4px 0px;
    padding: 11.5px 10px;
    border-radius: 5px;
    width: 50%;
    box-sizing: border-box;
    display: inline-block;
}

    .newflightdetail_stopover .inline-alert {
        color: #e52e56;
    }

    .newflightdetail_stopover p {
        display: inline-block;
        margin-right: 10px;
        margin-bottom: 0;
        font-size: 12px;
        font-family: basis-grotesque-regular;
        line-height: 18px;
    }

        .newflightdetail_stopover p img {
            margin-right: 6px;
            vertical-align: middle;
            display: inline-block;
            margin-top: -2px;
        }

.flightlistinfo_time:before {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    border: 1px solid transparent;
    background-color: transparent;
    margin-right: 5px;
}

.flightlistinfo_time img {
    margin-right: 6px;
    width: 18px;
}

.newflightbox .flight-row:not(.flight-row--header) .flight-col--options .flight-col--options__cell:nth-of-type(1) .marker:before {
    border-radius: 4px;
}

.newflightbox .radio-marker:hover input[type="radio"] + span.marker:before, .newflightbox .radio-marker input[type="radio"]:checked + span.marker:before {
    border-color: #23dafa;
    background-color: #23dafa;
    border-radius: 4px;
}

.newflightbox .radio-marker input[type="radio"] + span.marker:after {
    content: none !important;
}

.newflightbox [data-tooltip] {
    display: block;
    margin-top: 6px;
}

    .newflightbox [data-tooltip]:before {
        /*left: 0;*/
        background: #ffffff;
        background-blend-mode: normal;
        box-shadow: 0px 2px 4px rgba(0,0,0,0.15);
        color: #0c3051;
        font-size: 14px;
        font-weight: 400;
        line-height: 30px;
        font-family: basis-grotesque-regular;
    }

    .newflightbox [data-tooltip]:after {
        border-top: 5px solid #fff;
    }

.flightbordercolor {
    border: 1px solid #23dafa;
}

.flightfontcolor {
    color: #0C3051 !important;
}

.twin_roomingtwo {
    padding: 0 !important;
    padding-right: 20px !important;
}
/*model Optional Tours*/
.modal-code {
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    color: #0c3051;
}

.modal_topinfo {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}

.modal__body {
    padding-right: 0px;
}

.modal .section-heading:after {
    content: none;
}

.modal .section-heading {
    color: #0c3051;
    font-size: 28px;
    font-weight: 500;
    line-height: 38px;
    letter-spacing: -0.5px;
    margin-top: 12px;
}

.modal-newmeta {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    display: flex;
    margin-top: 25px;
    margin-bottom: 7px;
}

.modal__newheader {
    margin-top: 10px;
}

.modal-newmeta span img {
    margin-right: 10px;
}

.modal-newmeta span:first-child {
    display: flex;
    align-items: center;
}

    .modal-newmeta span:first-child:after {
        content: '';
        display: block;
        border-left: 1px solid #0C3051;
        height: 12px;
        margin: 0px 8px;
    }

.extra-newprice {
    font-size: 14px;
    /*   font-weight: 700;*/
    font-family: basis-grotesque-regular;
    line-height: 22px;
    margin-bottom: 23px;
}

    .extra-newprice .extra-price__smallprint:before {
        content: '';
        display: inline-block;
        border-left: 1px solid #0C3051;
        height: 12px;
        margin: 0px 8px;
    }

.optionalDescription, .optionalAttractions {
    font-size: 14px;
    font-family: basis-grotesque-regular;
    line-height: 22px;
}

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

.modal-btn {
    background: #23DAFA;
    border-radius: 4px;
    height: 46px;
    width: 156px;
    text-align: center;
    line-height: 46px;
    display: block;
    font-family: basis-grotesque-medium;
}

.optionalActivitybox {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.modal-btnphone {
    display: none;
}

.optionalActivity p:first-child {
    font-family: basis-grotesque-bold;
}

.bookinghide {
    display: none;
}

#hotelsRoomDescription, #hotelsRoomDescription p {
    font-family: basis-grotesque-regular;
    font-size: 14px;
    line-height: 22px;
}

    #hotelsRoomDescription ul {
        margin: 0px;
        padding-left: 17px;
    }
/*各种状态颜色*/
.labelinputchecked {
    border: 1px solid #4FE1FB;
}

.logininputerro {
    border: 1px solid #E52E56 !important;
}

    .logininputerro::-webkit-input-placeholder {
        color: #E52E56;
    }

.disableinputborder {
    border: 1px solid #d8d9dd !important;
}

.yearcontrol .control__field {
    border: none;
}

.yearselect {
    width: 124px;
    height: 46px;
    border-radius: 8px;
    border: 1px solid #d8d9dd;
    background: #ffffff;
    font-size: 14px;
    line-height: 46px;
    display: inline-block;
    text-align: center;
    color: #0c3051;
    margin-right: 4px;
}

.yearselectactive {
    border: 1px solid #23dafa;
    background: #23dafa;
    font-family: basis-grotesque-regular;
}

.modal-outer .hotelmodal, .insurancemodal .modal {
    padding: 63px 88px;
}

.hotelmodal .modal-headertop {
    margin-bottom: 13px;
}

.hotelmodal .modal__body #content {
    font-size: 14px;
    line-height: 22px;
    font-family: basis-grotesque-regular;
}

.modal-headertop_left span:first-child {
    background: #FCD4A0;
    font-size: 12px;
    margin-right: 12px;
    display: inline-block;
    /*width: 66px;*/
    height: 26px;
    border-radius: 4px;
    letter-spacing: 0.2px;
    line-height: 26px;
    text-align: center;
    padding: 0 10.5px;
}

.modal-headertop_left span:last-child {
    font-size: 16px;
}

.hotelmodal .section-heading {
    margin-bottom: 9px;
}

.modal .hl {
    display: block;
    font-size: 19px;
    line-height: 24px;
    color: #fcd4a0;
    letter-spacing: 2px;
    margin-top: 5px;
}

.RoomDescription {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    font-family: basis-grotesque-regular;
}

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

.hotelmodal .gallery .flickity-prev-next-button.previous {
    left: 4em !important;
}

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

.hotelmodal .flickity-prev-next-button:disabled {
    opacity: .66;
}

.hotelmodal .flickity-prev-next-button svg {
    position: absolute;
    left: 39%;
    top: 32%;
    width: 14px;
    height: auto;
}

.hotelmodal .gallery .flickity-prev-next-button.next svg {
    left: 26%;
}

.hotelmodal .flickity-page-dots {
    bottom: 30px;
}

.flickity-page-dots .dot.is-selected {
    opacity: 1 !important;
}

.hotelmodal .flickity-prev-next-button {
    border-radius: 50%;
    width: 36px !important;
    height: 36px;
    text-align: center;
    left: 4em;
}

.hotelmodal .flickity-page-dots .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 4px;
    background: white;
    border-radius: 50%;
    opacity: 0.25;
    cursor: pointer;
}

.modal-address, .modal-tel {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    font-family: basis-grotesque-regular;
}

.modal__body .card__img {
    border-radius: 8px;
}

.bookingoptional {
    padding: 63px;
}

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

.extra-price .extra-price__value {
    font-weight: 400;
    font-size: 14px;
    display: inline-block;
    font-family: basis-grotesque-bold;
    line-height: 22px;
}

.latecheckoutbox .newradio-marker {
    width: 50%;
}

    .latecheckoutbox .newradio-marker .radio-marker__inner {
        margin-bottom: 0px;
        padding: 17px 20px;
    }
/*heyongle*/
@media screen and (max-width:56.25em) {
    .aaLogoIvyffn {
        display: none !important;
    }

    .booking-logophone {
        display: block !important;
    }

    .newbookingbtnbox {
        margin-bottom: 9.8em !important;
        padding-top: 59px !important;
    }

    #divExtension .booking-section {
        padding-top: 0px !important;
    }
}

@media screen and (max-width:43.25em) {
    p {
        font-size: 14px;
    }

    .optionalmodal, .hotelmodal, .insurancemodal .modal {
        padding: 40px 25px !important;
    }

    .newradio-marker .bookingchoosetype .bookingchoosetype_title {
        font-size: 16px;
    }

    .newradio-marker .bookingchoosetype .bookingchoosetype_info {
        font-size: 14px;
    }

    .bookingselectairport p {
        font-size: 14px;
    }

        .bookingselectairport p:first-child {
            font-size: 16px
        }

    .vacationinfo-bookingdata, .booking-chooseairport, .booking-choosetourtypebox {
        width: 100%;
    }

    .bookingpeopleroom_list {
        width: auto;
        margin-bottom: 21px;
    }

    .bookingpeopleroomlist {
        justify-content: space-between;
        padding: 23px 25px 5px 25px;
    }

    .bookingpeopleroomnewmarker {
        display: block;
    }

    .bookingpeopleroomlist_list .bookingpeopleroomnewmarker .bookingradio {
        width: 8%;
    }

    .bookingpeopleroomnewmarker .newradio-marker {
        width: 100%;
    }

        .bookingpeopleroomnewmarker .newradio-marker .radio-marker__inner:last-child {
            margin-top: 9px;
        }

    .bookingaccommodation_selectbtn {
        flex-basis: 100%;
        margin-top: 8px;
    }

    .bookingpeopleroomnewmarker {
        padding: 0px 25px 25px 25px;
        margin-top: -18px;
    }

    .bookingpeopleroomsharebox {
        padding: 25px 25px;
    }

        .bookingpeopleroomsharebox input {
            width: 100%;
            font-size: 14px;
        }

        .bookingpeopleroomsharebox .bookingpeopleroomshare_info {
            width: 100%
        }

    .extensionpaddingbox {
        width: 60%;
    }

    .date-price-list.date-price-list--booking .date-price-list__item {
        width: 50%;
        border-left-width: 0.2em;
        border-right-width: 0.3em;
    }

    .date-price-list .radio-button {
        padding: 8px 13px;
    }

    .airportTransfersflex {
        display: block;
        margin-top: 28px;
    }

        .airportTransfersflex .radio-marker__inner {
            margin-top: 19px;
            margin-bottom: 19px !important;
        }

    .radio-set.radio-set--lg .radio-set__itemlinetwo {
        width: 100%;
        margin-bottom: 18px;
    }

    .bookingnewhotelstyle .radio-button__inner .radio-button__img {
        width: 100%;
    }

    .bookingnewhotelstyle .radio-button__inner .radio-button__body {
        width: 100%;
        padding: 20px 20px;
        padding-bottom: 0px;
        margin-bottom: 0px;
    }

    .bookingnewhotelstyle .radio-button__inner .radio-button__img .swiper-slide img {
        width: 100%;
        height: auto;
    }

    .bookingnewhotelstyle .radio-set__item {
        border: 1px solid #D8D9DD;
        border-radius: 8px !important;
        padding-bottom: 0px;
    }

    .bookingnewhotelstyle .bookingaccommodation_selectbtn span {
        width: 90%;
        margin: auto;
        float: initial;
    }

    .newpassengeerdetail .layout__item {
        width: 100%;
    }

    .booking-page .newformcontrol {
        width: 100%;
    }

    .booking-section .bullet-radio-set {
        margin-bottom: 0px;
    }

    .tick-checkabsoult {
        position: relative;
    }

    .editdetailsbtn span {
        width: 100%;
    }

    .detailviewroomlistbox .detailviewroomlist .detailviewroomflex {
        display: block;
        padding-bottom: 20px;
    }

        .detailviewroomlistbox .detailviewroomlist .detailviewroomflex .detailviewroomflexwidth {
            width: 100%;
        }

    .newinsurancebox .bookingradio {
        width: auto;
    }

    .newpaymentamountbox .newpaymentamount {
        display: block;
    }

    .newpaymentamount .newradio-marker .radio-marker__inner {
        margin-bottom: 25px;
    }

    .newpaymentamountbox .newpaymentamount .newradio-marker {
        width: 100%;
    }

    .newpaymentamount .newradio-marker:last-child .radio-marker__inner {
        margin-bottom: 0px;
    }

    .bookingnewcreditcardflex {
        display: block;
    }

        .bookingnewcreditcardflex .layout__item {
            width: 100%;
        }

    .bookingnewcreditcardbox {
        margin-bottom: 20px !important;
    }

    .bookingzipcode input {
        width: 100%;
    }

    .bookingeditaddressbox {
        padding: 15px 20px;
    }

    .control__labelphonenone {
        display: none;
    }

    .bookingeditaddressbox .control {
        margin-bottom: 20px;
    }

    .tablefightinfoheader th {
        width: 100%;
        display: block;
    }

    .flight-review-table td.flight-depart, .flight-review-table td.flight-arrive {
        width: 50%;
    }

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

    .awaccountfightinfolist .flight-review-table > tbody > tr {
        display: block;
    }

    .awaccountfightinfolist .flight-review-table .flight-infoIvyott {
        width: 100%;
    }

    .flight-no p, .flight-cabin p, .flight-duration p {
        margin: 0;
        color: #0C3051;
    }

    .bookingupgradeflight .radio-button__inner {
        display: block;
    }

        .bookingupgradeflight .radio-button__inner .radio-button__img, .bookingupgradeflight .radio-button__inner .radio-button__body {
            width: 100%;
        }

    .bookingupgradeflight .bookingaccommodation_selectbtn {
        position: relative;
        right: 0;
        bottom: 0;
    }

        .bookingupgradeflight .bookingaccommodation_selectbtn span {
            width: 100%;
            float: inherit;
        }

    .bookingupgradeflight .bookingnewradiobox .radio-button__inner ul {
        padding-left: 17px;
    }

    .newbooking-confirmed .booking-confirmed__body {
        padding: 26px;
    }

    .booking-confirmed__header b {
        display: block;
        font-size: 24px;
    }

    .booking-confirmed__header span {
        position: relative;
        display: inline-block;
        font-size: 14px;
    }

    .booking-confirmed__header p {
        width: 100%;
        margin-bottom: 0.75em !important
    }

    .booking-heading.booking-heading--confirmation {
        font-size: 28px !important;
        line-height: 38px;
        text-align: center;
        letter-spacing: -0.5px;
        margin-bottom: 22px;
    }

    .bookingfooterbox .booking-confirmed__booking-number {
        margin-bottom: 7px;
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        text-align: center;
    }

    .bookingfooterbox.booking-page--login-register {
        padding-top: 20px;
    }

    .bookingfooterbox .booking-heading.booking-heading--confirmation {
        margin-bottom: 22px;
    }

    .booking-confirmed__booking-number {
        margin-bottom: 7px;
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        text-align: center;
    }

    .booking--confirmed__help {
        padding: 38px 0px 42px;
    }

    .newbookingfinalbox {
        margin-top: -37px;
    }

    .booking-confirmed p {
        font-size: 14px;
    }

    .booking--confirmed__help p {
        font-size: 16px;
    }

    .booking--confirmed__help span {
        font-size: 14px;
    }

    .booking-header__inner {
        display: flex !important;
        justify-content: space-between;
        align-items: center;
    }

    .newbooking-progress-wrap {
        width: 80%;
        margin-top: 12px;
    }
    /* #contentDiv {
    display:none;
}*/
    .booking-progress .booking-progress__label {
        display: none !important;
    }

    .vacationinfo_head h1 {
        font-size: 20px;
        margin-bottom: 3px;
    }

    .vacationinfo-bookingdata .bookingdata-info {
        font-size: 14px;
        padding: 17px 22px;
    }

    .article-heading, .booking-heading {
        font-size: 1em !important;
        line-height: 28px;
        letter-spacing: 0px;
    }

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

    .booking-choosetourtypebox .radio-set__inner .radio-set__item {
        font-size: 14px;
    }

    .nice-select input {
        font-size: 14px;
    }

    .bookingnewradiobox .radio-button__label .title {
        font-size: 20px;
    }

    .opcard_personprice {
        margin-top: 41px;
        margin-bottom: 14px !important;
    }

    .bookingaccommodation_selectbtn span {
        font-size: 14px;
        padding: 12px 0px;
    }

    .bookingpeopleroom_list .peopleroomjisuanbox .peopleroomnum {
        font-size: 14px;
    }

    .booking-controls .btn {
        font-size: 14px;
    }

    .checkboxtick-check {
        top: 20px;
    }

    .expanded-section__inner, .extensionpaddingbox {
        padding: 20px !important;
    }

        .extensionpaddingbox p b {
            font-size: 16px;
        }
    /* .radio-button input + .radio-button__marker {
    border-radius:3px;
}*/
    .extensiontime p:first-child, .extensiontime p:last-child {
        font-size: 14px;
    }

    .extensiontime {
        margin-top: 5px;
    }

        .extensiontime p:first-child {
            margin-bottom: -4px;
            font-family: basis-grotesque-bold;
        }

    .hotelavailable {
        font-size: 14px;
    }

    .booking-summary-tab {
        width: 100% !important;
    }

    .radio-button__body .title {
        font-size: 16px;
    }

    .radio-button__meta {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .promotionalcodesbox .breakdown-panel--trans {
        width: 100%;
        margin-top: 10px;
    }

    .promotionalcodesbox .control--field-submit {
        padding: 21px 30px;
    }

    .promotionalcodesbox .control__label label b {
        margin-bottom: 6px;
    }

    .promotionalcodesbox .booking-heading {
        margin-bottom: 12px;
    }

    .awnewaccountlogin .booking-heading {
        font-size: 30px !important;
        font-weight: 500;
        line-height: 40px;
        margin-bottom: 28px;
    }

    .awnewaccountlogin .control--submit {
        margin-top: 54px;
    }

    .awnewaccountlogin .controlpassword {
        margin-top: 0px;
    }

    .control__label label {
        font-size: 14px;
    }

    .awnewaccountlogin .formsignupbtn {
        font-size: 18px;
        margin-top: 44px;
    }

    .notification {
        font-size: 14px;
    }

    .newpd_travelernum {
        font-size: 16px;
        margin-bottom: 18px;
    }

    .tick-checkabsoult {
        bottom: -12px;
    }

    .phonebooking-section {
        padding-bottom: 40px;
        margin-bottom: 40px;
        border-bottom: 1px solid #D8D9DD;
    }

    .contactinfo {
        margin-bottom: 9px;
    }

    .contactfrombox {
        padding-bottom: 10px;
    }

    .hearaboutusselect {
        padding-top: 39px;
    }

    .detailviewtravelerlist p:first-child {
        font-size: 16px;
    }

    .detailviewtravelertable {
        font-size: 14px;
    }

    .editdetailsbtn span {
        font-size: 14px;
    }

    .detailviewroomflex .detailviewroomflexwidth div:first-child, .detailviewroomflex .detailviewroomflexwidth div:last-child {
        font-size: 14px;
    }

    .hotelavailable {
        width: 100%;
    }

    .bookingnewhotelstyle {
        padding: 0px !important;
    }

        .bookingnewhotelstyle .rb_bodyfive {
            font-size: 16px;
            margin-bottom: 8px;
        }

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

    .bookingupgradehotel .newcard_toptitletwo {
        margin-top: 23px;
        border-bottom: none;
        padding-bottom: 15px;
        margin-bottom: 2px;
    }

    .newupgradelhotel .bookingnewradiobox .radio-button__body .title {
        font-size: 20px;
        font-weight: 500;
        line-height: 30px;
        letter-spacing: -0.5px;
        margin-bottom: 0;
    }

    .newupgradelhotel .bookingnewradiobox .radio-button__body .rb_bodytwo {
        margin-bottom: 0px;
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        margin-top: 0;
    }

    .booking-logophone {
        position: absolute;
        top: 14px;
    }

    .trip-heading .h--alt {
        font-size: 20px;
    }

    .tripdetail_traveler {
        font-size: 16px;
    }

    .detailviewtravelertable tr td:first-child {
        width: 50%;
    }

    .privacebreakdivtable {
        font-size: 12px;
    }

    .divtablewidth p {
        font-size: 12px;
    }

    .divtablesubtotal {
        font-size: 14px !important;
    }

    .divtabletotal .divtablewidth_list {
        font-size: 14px !important;
    }

        .divtabletotal .divtablewidth_list div:last-child {
            font-size: 18px !important;
        }

    .divtablecoupon {
        font-size: 14px;
    }

    .divtabletotal .divtablewidth_list div:not(:first-child) {
        width: 40%;
    }

    .divtablesubtotal .divtablewidth_shot, .divtablecoupon .divtablewidth_shot {
        width: 25%;
    }

    .divtabletotal p {
        font-size: 12px;
    }

    .paymentheadtitle, .paymentheadtitle, .paymentheadtitle {
        font-size: 16px;
    }

    .chooseyourtypebox_title {
        font-size: 16px;
        font-weight: 500;
        line-height: 28px;
        margin-bottom: 22px;
    }

    .newradio-marker .radio-marker__inner {
        padding-top: 20px;
    }

    .chooseyourtypebox {
        padding-top: 0px;
    }

    .newbooking-progress__item span {
        display: none;
    }

    .newbooking-progress__item {
        padding: 3px;
        width: 100%;
    }

    .newbooking-progress_phoneshow {
        display: block;
        margin-bottom: 0;
        text-align: center;
        margin-top: 14px;
        font-size: 14px;
        line-height: 22px;
        font-family: basis-grotesque-bold;
        margin-left: -25%;
        color: #2D6497;
    }

    .vacationinfo_head p {
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        margin-bottom: 14px;
    }

    .travellandroomsbox .bookingnewradiobox {
        margin-bottom: 0px !important;
        width: 100% !important;
        padding-top: 35px;
        padding-bottom: 31px;
    }

    .travellandroomsbox .radio-set__inner .radio-button__label .title {
        font-size: 20px;
        letter-spacing: -0.5px;
        line-height: 30px;
        margin-bottom: 18px;
    }

    .travellandroomsbox {
        margin-top: 23px;
    }

        .travellandroomsbox .radio-set__inner .radio-button__label p {
            margin-bottom: 12px;
        }

        .travellandroomsbox .bookingnewradiobox .radio-button__label {
            margin-bottom: 5px;
        }

    #PeopleRooms .booking-heading {
        margin-bottom: 21px;
    }

    .booking-summary-tab__name {
        width: 70%;
    }

        .booking-summary-tab__name .secondary-title {
            line-height: 26px;
        }

        .booking-summary-tab__name p {
            font-size: 12px !important;
            line-height: 20px;
            letter-spacing: 0.2px;
            font-family: basis-grotesque-off-white;
        }

    .booking-summary-tab__price .secondary-title .--lg {
        font-size: 16px;
        font-weight: 500;
        line-height: 26px;
    }

    .newflightbox .flight-col--options {
        justify-content: space-between;
        margin-top: 30px;
        padding: 0px 20px 0px;
    }

    .newflightbox .flight-col--table {
        padding: 20px 20px 0px;
    }

    .newflightbox .flight-row:not(.flight-row--header) .flight-col--options .flight-col--options__cell {
        padding: 11px;
    }

    .selectflightdetail {
        padding: 0px;
    }

    .flightphoneshowbox .selectflighttrips, .flightphoneshowbox .newflightdetailbox {
        display: block !important;
    }

    .newflightbox .flight-col--options .radio-marker__inner {
        height: auto;
    }

    .selectflighttrips, .newflightdetailbox {
        display: none;
    }

    .newflightbox .radio-marker__inner > *:first-of-type {
        margin-top: 0px;
    }

    .radiophoneshow {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
    }

    .phonechoosetitle {
        display: block;
        font-size: 14px;
        position: relative;
        margin-bottom: 6px;
    }

        .phonechoosetitle ~ div {
            font-size: 12px;
        }

    .flight-toptitle {
        padding: 0px 0px;
        padding-bottom: 7px;
    }

        .flight-toptitle div {
            width: 100% !important;
        }

        .flight-toptitle .flight-toptitlelist {
            display: none
        }

    .flightfilter {
        margin-left: 0px;
        width: 100%;
    }

    .phonechoosetitle:after {
        content: '';
        display: block;
        width: 100%;
        border-bottom: 1px solid #d8d9dd;
        height: 1px;
    }

    .phonechoosetitle p {
        line-height: 31px;
        font-family: basis-grotesque-medium;
        margin-bottom: 7px;
    }

    .phonechoosetitleother p {
        line-height: 16px !important;
    }

    .surchargeincluded {
        /*display:none;*/
        position: absolute;
        top: -80px;
        left: 50%;
        margin-left: -25px;
        color: #2D6497 !important;
    }

    .newflightdetailbox {
        padding: 5.5px 20px;
        border-top: 1px solid #d8d9dd;
        border-bottom: 1px solid #d8d9dd;
        border-radius: 0px;
    }

    .newflightdetail_stopover {
        width: 100%;
    }

    .newflightdetail_list {
        margin-top: 11px;
    }

    .newflightdetail_listinfo ul {
        margin: 9px 0;
    }

    .detailshowimg, .detailshowimgtwo {
        top: 11px;
    }

    .extensionhotelbox p {
        line-height: 22px;
    }

    .extension-box {
        margin-bottom: 19px;
    }

    .extension-section .bookingnewhotelstyle .bookingnewradiobox .title {
        font-family: basis-grotesque-bold;
        line-height: 24px;
        order: 1;
    }

    .extension-section .bookingnewhotelstyle .bookingnewradiobox .radio-button__body-inner {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
    }

    .extension-section .bookingnewhotelstyle .clasHotIvyts {
        margin-bottom: 4px;
        order: 0;
    }

        .extension-section .bookingnewhotelstyle .rb_bodyfour, .extension-section .bookingnewhotelstyle .rb_bodyfive, .extension-section .bookingnewhotelstyle .clasHotIvyts ~ p {
            order: 3;
        }

    .rb_bodysix {
        display: block;
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        font-family: basis-grotesque-regular;
        order: 0 !important;
    }

    .extension-section .bookingnewhotelstyle {
        padding: 20px !important;
    }

        .extension-section .bookingnewhotelstyle .radio-button__inner .radio-button__body {
            width: 100%;
            padding: 10px 0px;
            padding-bottom: 0px;
            margin-bottom: 0px;
        }

        .extension-section .bookingnewhotelstyle .radio-set__item {
            border: none;
        }

    .extension-section .rb_bodyfour p {
        margin-bottom: 4px;
    }

    .extension-section .bookingnewhotelstyle .bookingaccommodation_selectbtn span {
        flex-basis: 100%;
    }

    .extension-section .bookingnewhotelstyle .rb_bodyfive {
        color: #0c3051;
    }

    .extension-section .rb_bodyfour {
        margin-top: 9px;
    }

    .selectflightsection .newbookingheading {
        margin-bottom: 8px;
    }

    .selectflightsection {
        padding-top: 0px;
    }

    .flightlistinfo_time {
        margin-bottom: 7px;
    }

    .newflightdetail_stopover {
        margin: 5px 0px;
    }

    .flightinformation-section, .chooseop-section, .travelerdetail-section, .reviewtrip-secion {
        padding-top: 4px;
        margin-bottom: 0;
    }

    .newoptionaltourname_title {
        display: inline-block;
        margin-bottom: 6px;
    }

    .chooseop-section .radio-button__body {
        padding-top: 26px;
    }

    .chooseop-section .bookingaccommodation_selectbtn {
        margin-bottom: 14px;
    }

    .chooseop-section .radio-set__itemlinetwo .newcard_toptitletwo {
        margin: 4px 0px 17px;
    }

    .upgradehotel-section .bookingnewhotelstyle .rb_bodyfour {
        margin-top: 16px;
    }

        .upgradehotel-section .bookingnewhotelstyle .rb_bodyfour p {
            line-height: 22px;
            margin-bottom: 3px;
        }

    .upgradehotel-section .bookingnewhotelstyle .rb_bodyfive {
        margin-top: 4px;
    }

    .upgradehotel-section .bookingnewhotelstyle .radio-button {
        padding-bottom: 28px;
    }

    .upgradehotel-section {
        margin-top: 14px;
        margin-bottom: 0px;
    }

    .booking-page--login--registerIvytf {
        width: auto;
    }

    .travelerdetail-section {
        padding-top: 12px;
    }

    .phonepaddingtop {
        padding-top: 43px;
    }

        .phonepaddingtop .state--alert {
            font-size: 16px !important;
            font-family: basis-grotesque-medium;
        }

    .contactinfo {
        padding-top: 4px;
        margin-bottom: 12px;
    }

    .contactfrombox .control {
        margin-bottom: 34px !important;
    }

    .newpassengeerdetail.phonebooking-section {
        border-bottom: 0px;
        padding-bottom: 0px;
        margin-bottom: 0px;
    }

    .detailviewtravelerlistbox {
        display: block;
    }

    .detailviewtravelerlist {
        width: 100%;
    }

    .detailviewtravelertable tr td {
        line-height: 27px;
    }

    .travelinsurance-secion {
        padding-top: 11px;
    }

        .travelinsurance-secion .booking-heading {
            margin-bottom: 17px;
        }

    .reviewtrip-secion {
        padding-top: 11px;
    }

        .reviewtrip-secion .booking-heading {
        }

    .reviewwidget .trip-heading {
        margin-top: 21px;
    }

    .newaccounttrevelers {
        padding-top: 20px;
    }

    .reviewtrip-secion .newaccounttrevelers .detailviewtravelerlistbox .detailviewtravelerlist:first-child {
        padding-bottom: 12px;
        border: none;
        margin-bottom: 12px;
    }

    .reviewtrip-secion ~ .booking-controls .booking-controls__next {
        width: auto;
    }

        .reviewtrip-secion ~ .booking-controls .booking-controls__next a {
            width: 174px !important;
        }

    .newbookingpaymentbox {
        padding-top: 11px;
    }

    .paymentyesbox .widget {
        border-bottom: none;
        padding-bottom: 0px;
        margin-bottom: 0px;
    }

    .bookingpeopleroom_list p {
        margin-bottom: 2px;
    }

    .twin_roomingtwo {
        padding: 0 !important;
        padding-right: 10px !important;
    }

    #divExtension .extension-box:last-child {
        margin-bottom: 41px;
    }

    .expanded-section__inner h3 {
        display: flex;
        align-items: flex-start;
        line-height: 22px;
        margin-top: 3px;
        margin-bottom: 18px;
    }

    .radiobutton-time, .radiobutton-price {
        font-size: 12px;
    }

    .modal_topinfo {
        display: block;
    }

    .modal .newcard_toptitletwo {
        margin-top: 18px;
    }

    .modal-code {
        padding-top: 9px;
    }

    .modal .section-heading {
        margin-top: 0px;
    }

    .modal {
        padding: 40px 25px;
        max-height: 92vh;
        border-top-left-radius: 15px !important;
        border-top-right-radius: 15px !important;
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }

    .modal-newmeta {
        margin-top: 23px;
    }

    .optionalActivitybox {
        display: block;
    }

    .modal-btn {
        /*width:100%;*/
        display: none
    }

    .modal-outer {
        top: auto;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }

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

    .modal__body {
        padding-bottom: 90px;
    }

    .upgradehotel-section .booking-heading {
        margin-bottom: 1px;
    }

    .control__phonetishi {
        display: block;
    }

    .newbookingpaymentbox .mini-icon--helper {
        max-width: inherit;
    }

    .bookingnewcreditcardbox .control__field--tt {
        flex-direction: column;
        align-items: flex-start;
    }

    .ccv, input[type="password"] {
        max-width: inherit !important;
    }

    .control__field.control__field--tt [data-tooltip] {
        margin-left: 0px;
    }

    .radio-button div.title, .radio-button span.title {
        white-space: nowrap;
        font-size: 14px;
    }
    /*endend*/
    .bookingnewhotelstyle .radio-button__inner {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .awaccountfightinfolist .review-table > tbody > tr > td {
        border: none;
    }

    .divtableheader {
        font-size: 12px;
    }

    .divtablewidth {
        padding: 20px 15px;
    }

    .divtabletourfare {
        padding: 28px 15px !important;
    }

    .divtablesubtotal {
        padding: 23px 15px;
    }

    .divtabletotal {
        padding: 30px 15px;
    }

    .insurancemodal .modal, .termsconditionmodal .modal {
        padding-top: 60px !important;
    }

    .tripdetail_priceimgone {
        display: inline-block !important;
    }

    .tripdetail_priceimgtwo {
        display: none !important;
    }

    .paymentlablebox .control__field--date {
        display: block;
    }

    .control__field--tt .error-message {
        width: 100%;
    }

    .flightupliftzhegai {
        height: 50%;
    }

    .spchoosetype {
        line-height: 16px !important;
    }

    .newpaymentamountbox .newpaymentamount .radio-marker__inner {
        height: 85px;
    }

    label#divrbuplift .radio-marker__inner {
        height: auto;
    }

    .phoneotherwh {
        padding: 0px 20px 0px;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        text-align: center;
    }

        .phoneotherwh div {
            width: 31%;
        }

    .selectflightdetail .radiophoneshow .mini-icon--helper {
        display: none;
    }

    .newflightbox .flight-row {
        margin-bottom: 0px;
    }

    .newflightboxother .flight-row {
        margin-bottom: 1em;
    }

    .newflightbox .flight-row {
        border-radius: 8px;
    }

    .newflightbox {
        padding-bottom: 15px;
    }

    .surcharge .surchargeprice {
        line-height: 22px;
    }
}

@media screen and (max-width:31.25em) {
    .grouponcodebox .restrict-width {
        width: auto;
    }
}


.opforeachlist .card--pre-book:after, .opforeachlist .card--best-seller:after, .opforeachlist .card--new-trip:after, .opforeachlist .card--value-pack:after {
    content: ' ';
    width: 6.3em;
    height: 6.3em;
    display: block;
    position: absolute;
    left: 1.25em;
    top: 1.25em;
    z-index: 1;
}
/*
.opforeachlist .card--best-seller:after, .opforeachlist .--best-seller .radio-button__img:after {
    background: url(../img/buttons/new-bestseller.png) no-repeat center center/contain;
}

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

.opforeachlist .card--new-trip:after, .opforeachlist .--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;
}


[name="freetooltip"][data-tooltip]:before {
    white-space: pre-wrap;
    min-width: 200px;
    background: #23DAFA;
    left: 90px;
}

@media screen and (max-width:43.75em) {
    [name="freetooltip"][data-tooltip]:before {
        left: 115px !important;
    }
}
@media screen and (min-width: 56.25em) {
    span.tripleroom-tooltip::before {
        width:250px!important;
    }
}
.tripleroom-tooltip[data-tooltip]:before {
    left:50%!important;
}
.waivertermscondition p {
    font-family: basis-grotesque-regular;
    font-size: 14px;
    line-height: 22px;
    margin-bottom:0.75em; 
}

.bookingpeopleroomlist {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    padding: 30px;
}

.bookingpeopleroomlist_list {
    margin-bottom: 0;
    padding: 30px;
    display: flex;
    flex-direction: column;
    gap: 21px;
    border-top: 1px solid #D8D9DD;
}
    .bookingpeopleroomlist_list:first-of-type {
        border-top: 0;
    }
.bookingpeopleroom_list {
    width: 100%;
}

.bookingpeopleroomlist_list .bookingpeopleroomlist_title {
    margin-bottom: 0;
}

.bookingpeopleroomlist_list .bookingpeopleroomlist {
    padding: 0px;
}

.bookingpeopleroomsharebox {
    padding: 30px;
    border-top: 1px dashed #D8D9DD;
}

.sharewith_passenger {
    padding: 30px;
    border-top: 1px dashed #D8D9DD;
    
}

    .sharewith_passenger .bookingpeopleroomshare_title {
        margin-bottom: 8px;
        font-size: 14px;
        line-height: 22px;
        color: #0c3051;
    }

    .sharewith_passenger .bookingpeopleroomshare_info {
        background-color: #DBF8F0;
        width: 50%;
        border-radius: 3px;
        border: 1px solid #A4EDDB;
        padding: 10.5px 15px;
        margin-top: 20px;
        box-sizing: border-box;
        font-size: 14px;
        line-height: 20px;
    }

        .sharewith_passenger .bookingpeopleroomshare_info img {
            display: inline-block;
            vertical-align: middle;
            margin-right: 10px;
        }

.bookingpeopleroomnewmarker {
    gap: 13px;
    padding: 0px;
}

.bookingpeopleroomnewmarker .newradio-marker {
    margin-bottom: 0px;
}

@media screen and (max-width:43.75em) {
    .bookingpeopleroomlist {
        grid-template-columns: repeat(2, 1fr);
    }

    .bookingpeopleroomnewmarker {
        padding: 0px;
        margin-top: -18px;
    }
}


/* Payment Verification Modal Styles */
.paymentverificationmodal {
    z-index: 99;
}
.paymentverificationmodal-overlay {
    position: fixed;
    background: rgba(0, 0, 0, 0.5);
    opacity: 1;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    max-width: 100%;
    z-index: 99998;
    display: block;
}

.paymentverificationmodal:not(.show-modal) {
    display: none;
}

    .paymentverificationmodal:not(.show-modal) .paymentverificationmodal-overlay {
        display: none;
    }

.paymentverificationmodal__heading {
    text-align: center;
}

    .paymentverificationmodal__heading img {
        margin: auto;
    }

.paymentverificationmodal__intro {
    font-family: basis-grotesque-regular;
    font-size: 14px;
    line-height: 22px;
    color: #0C3051;
    margin-bottom: 25px;
}

.paymentverificationmodal__form {
    background-color: #fbfbfc;
    border: 1px solid #D8D9DD;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 25px;
}

    .paymentverificationmodal__form .bookingnewcreditcardflex {
        display: flex;
        gap: 20px;
        margin-bottom: 15px;
    }

        .paymentverificationmodal__form .bookingnewcreditcardflex .layout__item {
            flex: 1;
        }

        .paymentverificationmodal__form .bookingnewcreditcardflex .layout__item--two-third {
            width: 66.66%;
            padding-right: 10px;
            flex: none;
        }

        .paymentverificationmodal__form .bookingnewcreditcardflex .layout__item--third {
            width: 33.33%;
            flex: none;
        }

    .paymentverificationmodal__form .layout__item--two-third {
        width: 66.66%;
        padding-right: 10px;
    }

    .paymentverificationmodal__form .layout__item--third {
        width: 33.33%;
    }

    .paymentverificationmodal__form .control {
        margin-bottom: 0px;
    }

    .paymentverificationmodal__form .control__label label {
        font-family: basis-grotesque-regular;
        font-size: 14px;
        color: #0C3051;
        font-weight: 400;
    }

    .paymentverificationmodal__form .control__field input,
    .paymentverificationmodal__form .control__field .secure-wrap input {
        width: 100%;
        padding: 10px 15px;
        border: 1px solid #d8d9dd;
        border-radius: 4px;
        font-size: 14px;
        font-family: basis-grotesque-regular;
        color: #0C3051;
    }

        .paymentverificationmodal__form .control__field input:focus,
        .paymentverificationmodal__form .control__field .secure-wrap input:focus {
            border-color: #23DAFA;
            outline: none;
        }

    .paymentverificationmodal__form .control__field.control__field--tt {
        position: relative;
    }

        .paymentverificationmodal__form .control__field.control__field--tt .ccv {
            padding-right: 30px;
        }

        .paymentverificationmodal__form .control__field.control__field--tt [data-tooltip] {
            position: absolute;
            right: 10px;
            top: 50%;
            transform: translateY(-50%);
        }

.paymentverificationmodal .modal__body {
    scrollbar-width: thin;
}

.paymentverificationmodal__auth-text {
    font-family: basis-grotesque-regular;
    font-size: 14px;
    line-height: 22px;
    color: #0C3051;
    margin-bottom: 0px;
}

    .paymentverificationmodal__auth-text .paymentverification-cardholder-name,
    .paymentverificationmodal__auth-text .paymentverification-tour-info {
        font-weight: 500;
        color: #0C3051;
    }

.paymentverificationmodal__travelers p {
    font-family: basis-grotesque-regular;
    font-size: 14px;
    line-height: 22px;
    color: #0C3051;
    margin-bottom: 5px;
}

.paymentverificationmodal__confirm {
    margin-bottom: 25px;
}

    .paymentverificationmodal__confirm .tick-check-label {
        align-items: flex-start;
    }

    .paymentverificationmodal__confirm p {
        font-family: basis-grotesque-regular;
        font-size: 14px;
        line-height: 22px;
        color: #0C3051;
    }

.paymentverificationmodal__actions {
    text-align: center;
}

    .paymentverificationmodal__actions .btn {
        display: inline-block;
        padding: 12px 30px;
        background-color: #23DAFA;
        color: #fff;
        font-family: basis-grotesque-regular;
        font-size: 16px;
        font-weight: 500;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        transition: background-color 0.3s;
    }


@media screen and (max-width: 43.75em) {

    .paymentverificationmodal__heading {
        font-size: 22px;
        line-height: 30px;
    }

    .paymentverificationmodal__form .bookingnewcreditcardflex {
        flex-direction: column;
        gap: 0;
        margin-bottom:0px;
    }
    .paymentverificationmodal__form .control {
        margin-bottom:15px;
    }
    .paymentverificationmodal__form .bookingnewcreditcardflex .layout__item {
        width: 100%;
    }
}

.paymentverificationmodal-overlay {
    cursor: pointer;
}

.paymentverificationmodal .modal {
    position: relative;
    z-index: 99999;
}

/* Payment Verification Modal Billing Address Styles */
.paymentverificationmodal__billing-divider {
    height: 1px;
    background-color: #e0e0e0;
    margin: 20px 0 15px 0;
}

.paymentverificationmodal__billing-title {
    font-family: basis-grotesque-bold;
    font-size: 14px;
    color: #0C3051;
    margin-bottom: 15px;
}



/*主题色*/
.Multi_Country .newcard_toptitletwo .timeline__markerivyzts {
    background-color: #23DAFA !important;
}

.Red_Color .newcard_toptitletwo .timeline__markerivyzts {
    background-color: #D73C37 !important;
    color: white;
}

.Midnight .newcard_toptitletwo .timeline__markerivyzts {
    background-color: #003478 !important;
    color: white;
}

.Berry .newcard_toptitletwo .timeline__markerivyzts {
    background-color: #A6373D !important;
    color: white;
}

.Cinnamon .newcard_toptitletwo .timeline__markerivyzts {
    background-color: #EA886C !important;
}

.Mango .newcard_toptitletwo .timeline__markerivyzts {
    background-color: #FF7F01 !important;
}

.Green_Color .newcard_toptitletwo .timeline__markerivyzts {
    background-color: #CDE49A !important;
}

.Blue_Color .newcard_toptitletwo .timeline__markerivyzts {
    background-color: #A5D4F9 !important;
}

.Pink_Color .newcard_toptitletwo .timeline__markerivyzts {
    background-color: #FAD5DD !important;
}

.Teal_Color .newcard_toptitletwo .timeline__markerivyzts {
    background-color: #A4EDDB !important;
}

.Orange_Color .newcard_toptitletwo .timeline__markerivyzts {
    background-color: #FCD4A0 !important;
}

.Sand .newcard_toptitletwo .timeline__markerivyzts {
    background-color: #F8E494 !important;
}

.Twilight .newcard_toptitletwo .timeline__markerivyzts {
    background-color: #B19CD9 !important;
}

.Terracotta .newcard_toptitletwo .timeline__markerivyzts {
    background-color: #E48C78 !important;
}

.Botanical .newcard_toptitletwo .timeline__markerivyzts {
    background-color: #9BC595 !important;
}

.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 #star {
    color: #23DAFA;
}

.Red_Color #star {
    color: #D73C37;
}

.Midnight #star {
    color: #003478;
}

.Berry #star {
    color: #A6373D;
}

.Cinnamon #star {
    color: #EA886C;
}

.Mango #star {
    color: #FF7F01;
}

.Green_Color #star {
    color: #CDE49A;
}

.Blue_Color #star {
    color: #A5D4F9;
}

.Pink_Color #star {
    color: #FAD5DD;
}

.Teal_Color #star {
    color: #A4EDDB;
}

.Orange_Color #star {
    color: #FCD4A0;
}

.Sand #star {
    color: #F8E494;
}

.Twilight #star {
    color: #B19CD9;
}

.Terracotta #star {
    color: #E48C78;
}

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



.Multi_Country .stars {
    color: #23DAFA;
}

.Red_Color .stars {
    color: #D73C37;
}

.Midnight .stars {
    color: #003478;
}

.Berry .stars {
    color: #A6373D;
}

.Cinnamon .stars {
    color: #EA886C;
}

.Mango .stars {
    color: #FF7F01;
}

.Green_Color .stars {
    color: #CDE49A;
}

.Blue_Color .stars {
    color: #A5D4F9;
}

.Pink_Color .stars {
    color: #FAD5DD;
}

.Teal_Color .stars {
    color: #A4EDDB;
}

.Orange_Color .stars {
    color: #FCD4A0;
}

.Sand .stars {
    color: #F8E494;
}

.Twilight .stars {
    color: #B19CD9;
}

.Terracotta .stars {
    color: #E48C78;
}

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

.Multi_Country #dayNights {
    background-color: #23DAFA !important;
}

.Red_Color #dayNights {
    background-color: #D73C37 !important;
    color: white;
}

.Midnight #dayNights {
    background-color: #003478 !important;
    color: white;
}

.Berry #dayNights {
    background-color: #A6373D !important;
    color: white;
}

.Cinnamon #dayNights {
    background-color: #EA886C !important;
}

.Mango #dayNights {
    background-color: #FF7F01 !important;
}

.Green_Color #dayNights {
    background-color: #CDE49A !important;
}

.Blue_Color #dayNights {
    background-color: #A5D4F9 !important;
}

.Pink_Color #dayNights {
    background-color: #FAD5DD !important;
}

.Teal_Color #dayNights {
    background-color: #A4EDDB !important;
}

.Orange_Color #dayNights {
    background-color: #FCD4A0 !important;
}

.Sand #dayNights {
    background-color: #F8E494 !important;
}

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

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

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

.Multi_Country .booking-confirmed__header span {
    background-color: #23DAFA !important;
}

.Red_Color .booking-confirmed__header span {
    background-color: #D73C37 !important;
    color: white;
}

.Midnight .booking-confirmed__header span {
    background-color: #003478 !important;
    color: white;
}

.Berry .booking-confirmed__header span {
    background-color: #A6373D !important;
    color: white;
}

.Cinnamon .booking-confirmed__header span {
    background-color: #EA886C !important;
}

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

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

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

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

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

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

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

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

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

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

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