@import url("//hello.myfonts.net/count/3586ec");

@import url("./wkl2pkn.css");
/*@import url("https://use.typekit.net/wkl2pkn.css");*/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans&display=swap'); /*sherpa字体*/
@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/2273f1ac7855b12e48cacd5a86c7881c.eot");*/ /* IE9*/
    /*src: url("../webfonts/2273f1ac7855b12e48cacd5a86c7881c.eot?#iefix") format("embedded-opentype"),*/ /* IE6-IE8 */
    /*url("../webfonts/2273f1ac7855b12e48cacd5a86c7881c.woff2") format("woff2"),*/ /* chrome、firefox */
    /*url("../webfonts/2273f1ac7855b12e48cacd5a86c7881c.woff") format("woff"),*/ /* chrome、firefox */
    /*url("../webfonts/2273f1ac7855b12e48cacd5a86c7881c.ttf") format("truetype"),*/ /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    /*url("../webfonts/2273f1ac7855b12e48cacd5a86c7881c.svg#Basis Grotesque Medium") format("svg");*/ /* iOS 4.1- */
/*}*/

@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');
}
@font-face {
    font-family: 'Dearest';
    src: url('../webfonts/Dearest.ttf') format('truetype');
}
.basis-grotesque-regular {
    font-family: basis-grotesque-regular;
}


p, a, li, select, label, h1, h2, h3, h4, h5, legend, button, span {
    font-weight: inherit;
}
.sherpafont {
    font-family: 'DM Sans';
    text-transform: inherit !important;
    line-height: 1.5;
    color: #646667;
}

.indexsherpafont {
    font-family: 'DM Sans';
    letter-spacing:0.05rem;
    padding-top: 1em;
    margin-bottom: 0.5em;
    font-size: 1.08rem;
    font-weight: 700;
    color: #222426;
}
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: basis-grotesque-medium;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}

    audio:not([controls]) {
        display: none;
        height: 0;
    }

[hidden], template {
    display: none;
}

a {
    background-color: transparent;
}

    a:active, a:hover {
        outline: 0;
    }

abbr[title] {
    border-bottom: 1px dotted;
}

b, strong {
    font-weight: 400;
    font-family: basis-grotesque-bold; 
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button, select {
    text-transform: none;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

    button[disabled], html input[disabled] {
        cursor: default;
    }

    button::-moz-focus-inner, input::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

input {
    line-height: normal;
}

    input[type="checkbox"], input[type="radio"] {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0;
    }

    input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
        height: auto;
    }

    input[type="search"] {
        -webkit-appearance: textfield;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }

        input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none;
        }

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td, th {
    padding: 0;
}

.cf {
    zoom: 1;
}

    .cf::before, .cf::after {
        content: ' ';
        display: table;
    }

    .cf::after {
        clear: both;
    }

h1, h2, h3, h4, h5, h6 {
    font-family: basis-grotesque-medium;
    font-weight: 400;
    letter-spacing: 0.05em;
}

h1, h2, h3, h4, h5, h6, p, .dates-prices-overlay li, .notes-pagination .notes-pagination__navigator {
    margin: 0;
    padding: 0;
    margin-bottom: 0.75em;
}

p, .dates-prices-overlay li, .notes-pagination .notes-pagination__navigator, input {
    /*font-family: basis-grotesque-medium;*/
}

p, .dates-prices-overlay li, .notes-pagination .notes-pagination__navigator {
    line-height: 1.9;
    color: #0C3051;
    /*Ivy Ye 20181224*/
}loi

.h--alt {
    font-weight: normal;
    letter-spacing: 0;
    text-transform: none;
}

.module-title {
    color: #0C3051;
}

.section-heading, .sub-section-heading {
    font-size: 34px;
    color: #0C3051;
    letter-spacing: 0;
    margin-top: 15px;
    margin-bottom:10px;
}
.fullitineryinfo {
    font-family:basis-grotesque-regular;
    font-size:14px;
}
.article-heading, .booking-heading {
    color: #0C3051;
    font-size: 1rem;
    text-transform: initial;
    letter-spacing: 0;
}

    .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 .dates-prices-overlay li + h1, .dates-prices-overlay .article__body li + h1, .article__body .notes-pagination .notes-pagination__navigator + h1, .notes-pagination .article__body .notes-pagination__navigator + h1, .article__body p + h2, .article__body .dates-prices-overlay li + h2, .dates-prices-overlay .article__body li + h2, .article__body .notes-pagination .notes-pagination__navigator + h2, .notes-pagination .article__body .notes-pagination__navigator + h2, .article__body p + h3, .article__body .dates-prices-overlay li + h3, .dates-prices-overlay .article__body li + h3, .article__body .notes-pagination .notes-pagination__navigator + h3, .notes-pagination .article__body .notes-pagination__navigator + h3, .article__body p + h4, .article__body .dates-prices-overlay li + h4, .dates-prices-overlay .article__body li + h4, .article__body .notes-pagination .notes-pagination__navigator + h4, .notes-pagination .article__body .notes-pagination__navigator + h4, .article__body p + h5, .article__body .dates-prices-overlay li + h5, .dates-prices-overlay .article__body li + h5, .article__body .notes-pagination .notes-pagination__navigator + h5, .notes-pagination .article__body .notes-pagination__navigator + h5, .article__body p + h6, .article__body .dates-prices-overlay li + h6, .dates-prices-overlay .article__body li + h6, .article__body .notes-pagination .notes-pagination__navigator + h6, .notes-pagination .article__body .notes-pagination__navigator + 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;
    }


.body-heading {
    color: #0C3051;
    margin-bottom: 0;
    font-size: 1em;
    letter-spacing:0px;
}
.timeline__body .body-heading {
    font-family:basis-grotesque-bold;
}

.script-title {
    font-weight: normal;
    font-style: normal;
    font-size: 2em;
    color: #1D2E37;
    margin-bottom: .625rem;
}

.hl--b {
    color: #FCD4A0;
    font-size:14px;
}

.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: 120%;
}

html, body {
    min-height: 100vh;
}

a {
    color: inherit;
    text-decoration: underline;
}

    a:hover {
        text-decoration: none;
    }

img {
    display: block;
    max-width: 100%;
    height: auto;
}

.visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.centered {
    text-align: center;
}

.inline-list {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin-bottom: 1.25em;
}

    .inline-list li {
        margin: 0;
        padding: 0;
        list-style-type: none;
        font-weight: 400;
        letter-spacing: 0.05em;
        color: #1D2E37;
    }

        .inline-list li + li {
            position: relative;
            margin-left: 1.25em;
            padding-left: 1.25em;
        }

            .inline-list li + li:before {
                content: ' ';
                background-image: url(../img/inline-list-break.svg);
                width: .1875em;
                height: 1.5em;
                display: inline-block;
                position: absolute;
                top: -.25em;
                left: 0;
            }

.extra-days {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0;
    font-size: inherit;
    line-height: inherit;
    margin-bottom: 0.75em;
}

    .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);
}

.rounded-icon--private-upgrade {
    background-image: url(../img/icons/free_privatetour.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: #0C3051;
    font-size:14px;
    text-decoration: none;
    padding-top: .3125em;
}

    .view-all-link:hover {
        text-decoration: underline;
    }

.trustpilot-widget {
    margin: 40px 0;
}

.mobile-hide {
    display: block;
}

@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);
    }

        .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 {
        color: #0C3051;
        display: inline-block;
        /*margin-right: .625em;*/
    }

    .extra-price .extra-price__value {
        font-weight: 400;
        font-size: 14px;
        display: inline-block;
        font-family:basis-grotesque-bold;
        line-height:22px;
    }

    .extra-price .extra-price__type {
        font-size: .75em;
    }

    .extra-price .extra-price__smallprint {
        display: inline-block;
        font-size: 14px;
        line-height: 22px;
        font-family: 'basis-grotesque-regular';
    }

.mini-icon {
    display: inline-block;
}

    .mini-icon:before {
        width: 1.25rem;
        height: 1.25rem;
        border-radius: 50%;
        background-color: #23dafa;
        color: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-family: sans-serif;
        font-size: .625em;
    }

    .mini-icon:hover:before {
        color: #fff;
    }


.mini-icon--helper:before {
    content: '?';
    background-color: #D8D8D8;
    color: #4A4A4A;
    font-style: normal;
    width: 1rem;
    height: 1rem;
}

.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: left;
    font-size: 14px !important;
    line-height: 1.2 !important;
    letter-spacing: 0;
    /*-webkit-box-shadow: 0 0 0 .125em rgba(29, 46, 55, 0.2);
    box-shadow: 0 0 0 .125em rgba(29, 46, 55, 0.2);*/
    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;*/
}

.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: #23dafa;
        opacity: 1;
        -webkit-transition: fill .4s;
        -o-transition: fill .4s;
        transition: fill .4s;
    }

    .content-page-meta a:hover svg path {
        fill: #1D2E37;
    }

.title-meta {
    margin-bottom: 2.5em;
    position: relative;
}





/*新版本AW头部样式整理修改*/
/*start*/
.page-header {
   
    width: 100%;
}
.page-header__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 2.5em;
    padding-right: 2.5em;
    /*padding-top: 1.5em;*/
    padding-top: 1em;
    z-index: 4;
    position: relative;
}
.page-header a {
    text-decoration: none;
}
.page-logo img {
    max-width: inherit !important;
    
}

.primary-nav, .content-page__nav {
    font-weight: 400;
    letter-spacing: 0.05em;
}

.primary-nav ul, .primary-nav li, .content-page__nav ul, .content-page__nav li {
    margin: 0;
    padding: 0;
}

.primary-nav li, .content-page__nav li {
    list-style-type: none;
}

.primary-nav a, .content-page__nav a {
    display: block;
    padding: 15px 40px;
    color: #0C3051;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 30px;
    font-weight: 500 !important;
    letter-spacing: 0;
    -webkit-transition: color .4s;
    -o-transition: color .4s;
    transition: color .4s;
}

    .primary-nav a.hl, .content-page__nav a.hl {
        color: #23dafa;
    }

    .primary-nav a:hover, .content-page__nav a:hover {
        color: #23dafa;
    }

    .primary-nav li.primary-nav__primary:hover > a, .content-page__nav li.primary-nav__primary:hover > a {
        color: #23dafa;
    }
.mobile-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.mobile-actions a + a {
    margin-left: 20px;
}


.header__top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 40px;
}
.header__info {
    display: flex;
    align-items: center;
}
.header__phone {
    display: flex;
    align-items: center;
}
    .header__phone span {
        font-family: basis-grotesque-medium;
        font-weight: 500 !important;
        line-height: 30px;
        font-size: 14px;
        letter-spacing: 0;
        padding-left: 12px;
        color: #0C3051;
    }
.header__search {
    padding-right: 20px !important;
    padding-left: 57px !important;
}
.header__bottom {
    box-shadow: inset 0px 1px 0px 0px #EBECEE;
}
.header__top {
    display:none;
}
.header__phoneshow {
    display: flex;
    justify-content: space-between;
    padding: 10px 20px;
}
@media screen and (min-width: 56.25em) {
    .page-logo img {
        opacity: 0;
    }
    .page-logo {
        background-image: url('../img/AW2022/Aw2020Indexlogo.svg');
        background-size: 100%;
        background-repeat: no-repeat;
    }
    .mobile-actions, .primary-nav a.menu-close {
        display: none;
    }


    .primary-nav ul, .desktop-actions {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: center;
    }

    .primary-nav .has-sub {
        position: relative;
    }

        .primary-nav .has-sub > a {
            position: relative;
            white-space: nowrap;
        }
    
    /*.primary-nav .has-sub > a:after {
        content: ' ';
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid #1D2E37;
        opacity: 0;
        position: absolute;
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }*/
    .primary-nav .sub-menu {
        position: absolute;
        top: 100%;
        left: 50%;
        z-index: 99;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        background-color: #fff;
        padding-left: 0;
        overflow-x: auto;
        width: 26.875em;
        border-radius: 8px;
        /*border-top: .0625em solid #1D2E37;*/
        -webkit-box-shadow: 0 .25em .75em rgba(29, 46, 55, 0.4);
        box-shadow: 0 .25em .75em rgba(29, 46, 55, 0.4);
        /* Hide method, replace "display:none" */
        opacity: 0;
        pointer-events: none;
    }

        .primary-nav .sub-menu a {
            color: #0c3051;
            text-transform: uppercase;
        }

    .primary-nav .sub-menu a:hover {
        text-decoration: underline;
    }

    .primary-nav .sub-menu ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        max-width: 56.25em;
        margin-left: auto;
        margin-right: auto;
        padding-top: 1.25em;
        padding-bottom: 1.25em;
    }

    .sub-menu ul::after {
        content: '';
        flex: auto;
    }

    .primary-nav .sub-menu ul li {
        margin-left: 0;
        margin-right: 0;
        /*white-space: nowrap;*/
        width: 50%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-family: 'basis-grotesque-regular';
    }

        .primary-nav .sub-menu ul li a {
            padding: .425em 1.8em;
            word-break: break-word;
            font-family: basis-grotesque-bold;
            font-size: 14px;
            text-transform: uppercase;
            line-height:normal;
        }
    .header__phoneshow {
        display:none;
    }
    .header__top {
        display:flex;
    }

    .dealmenulist .sub-menu {
        width: max-content;
    }
    .dealmenulist .sub-menu ul li {
        width: 100%;
            
    }
      .dealmenulist .sub-menu ul li a {
          font-family: 'basis-grotesque-medium';
        text-transform: none;
        padding: 0.425em 2.8em;
      }
}
@media screen and (min-width: 56.25em) {
    .primary-nav__inner .scioncitylistmenu .sub-menu {
        width: 40rem;
        border-radius: 8px;
    }
    .primary-nav__inner .scioncitylistmenu .sub-menu .sub-menuleft {
        /*width: 33.3%;*/
        width: 30% !important;
    }
    .menuleft_unline {
        padding: 0.25em 1.8em !important;
    }

    .primary-nav__inner .scioncitylistmenu .sub-menusp .sub-menuleft a {
        color: #0C3051;
        /*font-weight: bold;*/
        /* font-family: 'Karla', sans-serif; */
        text-transform: capitalize;
        letter-spacing: 0;
        /*padding: 0em 1.8em;*/
        letter-spacing: 0px;
        padding: 0em 2em;
        font-size: 16px;
        padding-right: 15px !important;
        white-space: normal;
        font-family:basis-grotesque-bold;
    }
    .primary-nav__inner .scioncitylistmenu .sub-menusp .menucitylist {
        display: block;
        padding-top: 0em;
        padding-bottom: 0.5em;
    }
    .primary-nav__inner .scioncitylistmenu .sub-menusp .sub-menuleft .menucitylist a {
        color: #0C3051;
        font-weight: initial;
        padding: 0em 1.8em;
        /*font-family: 'Karla';*/
        letter-spacing: 0;
        font-size: 16px;
        line-height: 1.5;
    }
    .primary-nav__inner .scioncitylistmenu .sub-menusp .menucitylist li {
        width: 100%;
    }

    .primary-nav__primarybackground a {
        height: 40px;
        vertical-align: middle;
        display: flex !important;
        align-items: center;
        justify-content: center;
        background-color: #23DAFA;
        border-radius: 4px;
        margin-bottom: 0px;
        color: #0C3051 !important;
        font-size: 14px;
        padding: 0px 35px !important;
        font-weight: 500 !important;
        letter-spacing: 0;
        line-height: 22px;
    }

}
/*end*/







@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;
}





.sub-menu a {
    color: rgba(29, 46, 55, 0.7);
}

.page-logo {
    display: block;
}
td span.alinIvyyefft {
    display: inline-block; 
/*    transform: translateY(-30%);*/
}
@media screen and (max-width: 56.25em) {

   
    .desktop-actions {
        display: none;
    }

    body {
        -webkit-transition: -webkit-transform .4s;
        transition: -webkit-transform .4s;
        -o-transition: transform .4s;
        transition: transform .4s;
        transition: transform .4s, -webkit-transform .4s;
    }

    .primary-nav {
        -webkit-transition: -webkit-box-shadow .2s;
        transition: -webkit-box-shadow .2s;
        -o-transition: box-shadow .2s;
        transition: box-shadow .2s;
        transition: box-shadow .2s, -webkit-box-shadow .2s;
        -webkit-box-shadow: -2px 0 1px rgba(29, 46, 55, 0);
        box-shadow: -2px 0 1px rgba(29, 46, 55, 0);
    }

    /*html.menu-visible body {
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
        overflow: hidden;
    }*/

    html.menu-visible .primary-nav {
        -webkit-box-shadow: -2px 0 1px rgba(29, 46, 55, 0.15);
        box-shadow: -2px 0 1px rgba(29, 46, 55, 0.15);
    }

    html.menu-visible .primary-nav__inner {
        max-height: calc(100vh - 54px);
        overflow-y: auto;
    }

    .primary-nav {
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        width: 100%;
        background: white;
        transition: transform .3s, -webkit-transform .3s;
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
    }
  
    .primary-nav__inner > ul > li {
        border-bottom: 1px solid #dfe0e1;
    }

    a:not(.sub-open) + .sub-menu {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    .has-sub > a {
        position: relative;
    }

        .has-sub > a:after {
            content: ' ';
            display: block;
            background-repeat: no-repeat;
            background-image: url(../img/icons/down-icon.svg);
            background-position: 0px 6px;
            background-size: contain;
            width: .875em;
            height: .875em;
            float: right;
            -webkit-transition: -webkit-transform .2s;
            transition: -webkit-transform .2s;
            -o-transition: transform .2s;
            transition: transform .2s;
            transition: transform .2s, -webkit-transform .2s;
        }

        .has-sub > a.sub-open:after {
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg);
        }

    .sub-menu {
        margin-bottom: 1.25em;
    }

        .sub-menu a {
            padding: .625em 1.25em;
        }

    .menu-close {
        /*background: #fff;*/
        overflow: hidden;
    }

        .menu-close:after {
            content: ' ';
            background-repeat: no-repeat;
            background-image: url(../img/icons/close-icon.svg);
            background-position: center center;
            background-size: contain;
            display: block;
            width: .875em;
            height: .875em;
            float: right;
        }
        td span.alinIvyyefft {
           display: inline-block; 
/*           transform: translateY(-9%);*/
       }
    .sub-menu li a {
        font-size: 16px;
        padding-left: 1.4em;
    }
    .sub-menu .menucitylist a {
        font-family:basis-grotesque-regular;
        font-size:14px;
        padding-left:0px;
    }
    .menucitylist {
        padding-left:1.4em!important;
    }
    .infotab ul li a {
        font-family: basis-grotesque-regular;
        font-size: 14px;
        padding: .625em 1.25em;
        padding-left: 1.7em;
        line-height:initial;
    }
}

@media screen and (min-width: 43.75em) and (max-width: 56.25em) {
    html.menu-visible body {
        -webkit-transform: translateX(-400px);
        -ms-transform: translateX(-400px);
        transform: translateX(-400px);
        overflow: hidden;
    }

    .primary-nav {
        width: 400px;
        -webkit-transform: translateX(100vw);
        -ms-transform: translateX(100vw);
        transform: translateX(100vw);
    }
}
@media screen and (max-width:43.75em) {
    html.menu-visible {
        overflow:hidden;
    }
    html.menu-visible .primary-nav {
        transform: translateX(0%);
        z-index: 11;
    }
}
@media screen and (min-width: 56.25em) {
    


   /* .page-header {
        position: absolute;
        width: 100%;
        background-color: transparent;
    }*/
    .page-header .desktop-actions {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-right: 2.5em;
        padding-left: 2.5em;
    }

           

    .nav-only {
        display: none;
    }



    li:hover .sub-menu {
        /*display: block;*/
        opacity: 1;
        pointer-events: auto;
    }

    li:hover .has-sub > a:after {
        opacity: 1;
    }

    li.has-sub:hover a:after {
        opacity: 1;
    }

    .sub-menu {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .tab-nav a:hover {
        color: #2D6497;
    }

    /*a.trip-search:after {
        content: ' ';*/
        /*background-image: url('../img/AW2022/Search icon.png');*/
        /*background-image: url('../img/AW2022/icon/headsearchbtn.svg');
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        width: 22px;
        height: 22px;
        display: inline-block;
        margin-left: .625em;
        position: relative;
        top: .125em;
    }*/
}

@media screen and (min-width: 75em) {

    

    .desktop-actions a + a {
        position: relative;
    }

        .desktop-actions a + a:before {
            content: ' ';
            display: block;
            background-color: #dfe0e1;
            width: 1px;
            height: 1.125em;
            position: absolute;
            top: 50%;
            left: 0em;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }
}

.onpage-search {
    background: white;
    padding: 1.25em;
    text-align: center;
}

    .onpage-search form {
        margin-left: auto;
        margin-right: auto;
        padding: clamp(10px, calc(10px + (100vw - 1025px) * 0.02), 20px) 10px;
        cursor: initial;
    }

.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 legend {
            font-size: 16px;
            text-align: left;
        }

        form.form--desktop-inline .control {
            margin-bottom: 0;
            margin-left: .625em;
        }

        form.form--desktop-inline .orlabel {
            margin-left: .5em;
            font-size: 1.375em;
        }

        form.form--desktop-inline .control__field {
            margin-top: 0;
        }

        form.form--desktop-inline .btn, form.form--desktop-inline .form--dark [type="button"], .form--dark form.form--desktop-inline [type="button"], form.form--desktop-inline .form--dark [type="submit"], .form--dark form.form--desktop-inline [type="submit"] {
            display: block;
            width: 100%;
            text-align: center;
        }

    .form.form--free-search {
        max-width: 75%;
    }

        .form.form--free-search legend {
            font-size: 20px;
            text-align: center;
            margin-bottom: 18px;
            letter-spacing: -0.5px;
        }
    .searchkeyowrd {
        display: inline-block;
        width: 43.6%;
        margin-right: .35em;
        position: relative;
    }
    form + .form--free-search {
        margin-top: 3.5em;
    }
}

@media screen and (min-width: 43.75em) {
    .dates-prices-form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

        .dates-prices-form .control {
            width: 49%;
        }

            /*.dates-prices-form .control + .control {
                margin-left: 2%;
            }*/
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

    select::-ms-expand {
        display: none;
    }

.form--dark input, .form--dark select {
    background-color: white;
    background-repeat: no-repeat;
    color: #3C4257;
    font-family:basis-grotesque-regular;
    text-align: left;
}

    .form--dark input:focus, .form--dark select:focus {
        outline: none;
        border-color: #fff;
    }

    .form--dark input::-webkit-input-placeholder, .form--dark select::-webkit-input-placeholder {
        color: #fff;
    }

    .form--dark input::-moz-placeholder, .form--dark select::-moz-placeholder {
        color: #fff;
    }

    .form--dark input:-ms-input-placeholder, .form--dark select:-ms-input-placeholder {
        color: #fff;
    }

    .form--dark input:-moz-placeholder, .form--dark select:-moz-placeholder {
        color: #fff;
    }

.form--dark label {
    color: #fff;
}

.form--dark legend {
    padding: .625em 0;
    text-align: center;
}

.form--dark [type="button"], .form--dark [type="submit"] {
    font-size: 1em;
    /*text-transform: uppercase;*/
    color: #1D2E37;
}

.form--dark .free-search {
    border-bottom: 1px solid #2C3C4A;
    background-color: #1D2E37;
    background-image: url(../img/icons/search-icon-white.min.svg);
    background-repeat: no-repeat;
    background-position: right .625em center;
}

html.search-visible, html.search-visible body {
    overflow: hidden;
}

.fixed-search {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    bottom: 0;
    background-color: rgba(248,248,249,1);
    z-index: 15;
    -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;*/
        background: url('../img/AW2022/icon/close-icon-blackIvyezf.min.svg') no-repeat center center;
        width: 1em;
        height: 1em;
        display: block;
        margin-left: auto;
        position: absolute;
        top: 1.25em;
        right: 1.25em;
    }

@media screen and (min-width: 60em) {
    .fixed-search .toggle-closed {
        width: 1.5em;
        height: 1.5em;
        background-size: 1.5em 1.5em;
        top: 2.5em;
        right: 2.5em;
    }
}

html.search-visible .fixed-search {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

legend {
    font-weight: 400;
    color: #0C3051;
    font-size: 1em;
}

.btn, .form--dark [type="button"], .form--dark [type="submit"] {
    font-weight: 400;
    letter-spacing: 0.05em;
    background-color: #23DAFA;
    color: #0c3051;
    text-decoration: none;
    border: none;
    display: inline-block;
    padding: .875em 1em .875em;
    font-size: 1em;
    letter-spacing: 0px;
    border-radius: 4px;
    -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;
    }

        .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;
    font-family:basis-grotesque-regular;
}

    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);
}

input.date-picker {
    background-image: url(../img/icons/calendar-icon.min.svg);
    background-position: .625rem center;
    padding-left: 2.5em;
}

.control {
    margin-bottom: 1.25em;
}

    .control a {
        text-decoration: none;
    }

.control__label label {
    font-size: 14px;
    color: #0C3051;
    line-height: 22px;
}

.control__label .inline-error-hl {
    font-size: .875em;
}
.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.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;
}

.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;
    }

.contact-form label {
    font-weight: 400;
    letter-spacing: 0.05em;
    color: #0C3051;
}

.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 #D8D9DD;
    border-radius: 4px;
    outline-color: #23DAFA;
}

.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;
    line-height: 22px;
    color: #0C3051;
    font-size: 14px;
    margin-bottom: 1.25em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    clear: left;
    width: 100%;
    /*border: 1px solid #23dafa;
    background: #d3f8fe;*/
    background-color: #D3F8FE;
    border: 1px solid #23DAFA;
    font-family: basis-grotesque-regular;
}

    .notification.notification--smll {
        font-size: .875em;
    }

   /* .notification.notification--error {
        background-color: rgba(238, 39, 0, 0.5);
        border: .0625em solid #EE2700;
    }

    .notification.notification--success {
        background-color: rgba(114, 192, 92, 0.5);
        border: .0625em solid #72C05C;
    }

    .notification.notification--neutral {
        background-color: rgba(242, 226, 115, 0.5);
        border: .0625em solid #F2E273;
    }*/

    .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;
    }

    .notification .remove-btn:before {
        background-color: #fff;
        border-color: transparent;
    }

label.state--disabled {
    pointer-events: none;
    opacity: 0.5;
}

.tick-check-label, .std-radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .tick-check-label .tick-check, .std-radio .tick-check {
        -ms-flex-negative: none;
        flex-shrink: none;
        margin-right: 10px;
    }

    .tick-check-label input, .std-radio input {
        visibility: hidden;
    }

.tick-check {
    position: relative;
}

    .tick-check input {
        width: 0;
        height: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        opacity: 0;
        position: absolute;
    }

    .tick-check .marker {
        width: 1.375em;
        height: 1.375em;
        display: block;
        border: 1px solid #DDE3E8;
        background-color: #fff;
        border-radius:3px;
    }

    .tick-check input:checked + .marker {
        border-color: #23DAFA;
        background: #23DAFA url(../img/black-tick.svg) no-repeat center center/11px auto;
    }

html, body {
    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%);
    }

.travelstylebackground .module.module--alt {
    background-color: #F8F8F9;
    position: relative;
    border-top-right-radius: 50px;
}

 

@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;*/
    width:65em;
    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: 2.5em;
            height: 2.5em;
            background-color: transparent;
        }

            .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: -3.25em;
            }

            .layout--trip-cards.layout--slider .flickity-prev-next-button.next {
                right: -4.25em;
            }
}

.layout--trip-cards .layout__inner {
    /*margin-left: -.3125em;*/
    -webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
}

    .layout--trip-cards .layout__inner .layout__item {
        width: calc(100% - .625em);
        margin-left: .3125em;
        margin-right: .3125em;
        margin-bottom: .625em;
        /*background-color: white;*/
    }

.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;
                align-items: flex-start;
            }

                .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;
            justify-content: flex-start;
        }

        .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;
    }
}
.nosearchcode {
  margin-bottom: 3em;
  /*margin-top: 4em;*/
  margin-top: 3em;
  text-align: center;
}

  .nosearchcode p {
    color: #0C3051;
    line-height: 2rem;
    font-size: 1.5em;
    margin-bottom: 0px;
  }
@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;
    }
}

.hero {
    background-color: #1D2E37;
}

    .hero img {
        max-width: 100%;
        display: block;
        margin: 0 auto;
    }

    .hero .super-bg {
        background-repeat: no-repeat;
        background-position: center top;
        background-size: cover;
    }

@media screen and (min-width: 90em) {
    .hero img {
        opacity: 0;
    }
}

.hero .flickity-prev-next-button {
    width: 3.75em;
    height: 3.75em;
}

    .hero .flickity-prev-next-button svg .arrow {
        fill: #fff;
    }

    .hero .flickity-prev-next-button.previous, .hero .flickity-prev-next-button.next {
        -webkit-transform: translateX(0) translateY(-50%);
        -ms-transform: translateX(0) translateY(-50%);
        transform: translateX(0) translateY(-50%);
    }

    .hero .flickity-prev-next-button:previous {
        left: 0;
    }

    .hero .flickity-prev-next-button.next {
        right: .625em;
    }

@media screen and (max-width: 31.25em) {
    .hero .flickity-prev-next-button {
        width: 1.875em;
        height: 1.875em;
    }
}

.hero__item {
    position: relative;
    width: 100%;
}

    .hero__item + .hero__item {
        display: none;
    }

.flickity-viewport .hero__item + .hero__item {
    display: block;
}

.hero__content {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 1.25em;
    padding-right: 1.25em;
    background: rgba(0, 0, 0, 0.2);
    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;
}

    .hero__content h1, .newhero_content h2 {
        text-align: center;
        color: #fff;
        font-weight: normal;
        font-style: normal;
        font-size: 3.125em;
        line-height: 1;
        margin-bottom: 0;
    }

@media screen and (min-width: 31.25em) {
    .hero__content h1, .newhero_content h2{
        font-size: 2em;
    }
}

@media screen and (min-width: 43.75em) {
    .hero__content h1, .newhero_content h2 {
        font-size: 35px;
        width: 75vw;
    }
}

@media screen and (min-width: 60em) {
    .hero__content h1, .newhero_content h2{
        font-size: 68px;
    }
}

.hero__content h1.reduce, .newhero_content h2.reduce {
    font-size: 1.875em;
}

@media screen and (min-width: 31.25em) {
    .hero__content h1.reduce, .newhero_content h2.reduce {
        font-size: 2.5em;
    }
}

@media screen and (min-width: 43.75em) {
    .hero__content h1.reduce, .newhero_content h2.reduce {
        font-size: 3.75em;
    }
}

@media screen and (min-width: 60em) {
    .hero__content h1.reduce, .newhero_content h2.reduce {
        font-size: 74px;
    }
}

.hero__content .trip-meta {
    margin-left: auto;
    margin-right: auto;
}

.trip-meta {
    width: 27.6875em;
    height: 7.5em;
    background: url(../img/paint-slash.svg) no-repeat center center;
    background-size: contain;
    font-weight: 400;
    letter-spacing: 0.05em;
    text-align: center;
    font-size: 1.125em;
    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;
}

    .trip-meta.trip-meta--alt {
        background-image: url(../img/paint-slash-dark.svg);
        width: 22.625em;
        height: 6.125em;
    }

        .trip-meta.trip-meta--alt .trip-meta__part {
            margin-top: -.625em;
        }

    .trip-meta .trip-meta__duration {
        color: #1D2E37;
        margin-top: -.625em;
    }

    .trip-meta .trip-meta__part {
        color: #fff;
    }

        .trip-meta .trip-meta__part span {
            display: inline-block;
            vertical-align:top;
        }

            .trip-meta .trip-meta__part span + span:before {
                content: ' ';
                width: 1px;
                height: 20px;
                display: inline-block;
                background-color: #fff;
                margin-left: .625em;
                margin-right: .625em;
                position: relative;
                top: 4px;
            }

@media screen and (max-width: 60em) {
    .super-bg {
        height: calc(70vw);
    }

        .super-bg.super-bg--slim {
            height: 16.25em;
        }

    .hero img {
        opacity: 0;
    }
}

@media screen and (max-width: 37.5em) {
    .trip-meta {
        width: 20em;
        height: 5.4375em;
    }


    .hero img {
        opacity: 0;
    }
}

@media screen and (max-width: 43.75em) {
   /* .hero.hero--slim {
        display: none;
    }*/
}

.destination__item {
    position: relative;
    position: relative;
}

    .destination__item:before {
        content: ' ';
        display: block;
        -webkit-box-shadow: 0 4px 12px rgba(29, 46, 55, 0.4);
        box-shadow: 0 4px 12px rgba(29, 46, 55, 0.4);
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 100%;
        opacity: 0;
        -webkit-transition: opacity 0.4s ease-in-out;
        -o-transition: opacity 0.4s ease-in-out;
        transition: opacity 0.4s ease-in-out;
    }

    .destination__item:hover:before, .destination__item:focus:before {
        opacity: 1;
    }

    .destination__item a {
        position: relative;
        z-index: 2;
    }

    .destination__item h3 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        /*font-family: 'Manus';*/
        font-weight: normal;
        font-style: normal;
        font-size: 2.125em;
        line-height: 1;
    }

    .destination__item a {
        display: block;
        position: relative;
    }

        .destination__item a:before {
            content: ' ';
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            width: 100%;
            background-color: rgba(29, 46, 55, 0.6);
            opacity: 0;
            -webkit-transition: opacity 0.4s;
            -o-transition: opacity 0.4s;
            transition: opacity 0.4s;
            border-radius:8px;
        }

        .destination__item a:hover:before {
            opacity: 1;
        }

/*! card */

.card {
    position: relative;
}

    .card:before {
        content: ' ';
        display: block;
        -webkit-box-shadow: 0 4px 12px rgba(29, 46, 55, 0.4);
        box-shadow: 0 4px 12px rgba(29, 46, 55, 0.4);
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 100%;
        opacity: 0;
        -webkit-transition: opacity 0.4s ease-in-out;
        -o-transition: opacity 0.4s ease-in-out;
        transition: opacity 0.4s ease-in-out;
        border-radius:10px;
    }

    .card:hover:before, .card:focus:before {
        opacity: 1;
    }

    .card a {
        /*position: relative;*/
        z-index: 2;
    }

    .card .card__link {
        display: block;
        text-decoration: none;
    }

    .card h3 {
        color: #0C3051;
        font-size: 28px;
        letter-spacing: -0.5px;
    }

    .card:hover .card__img:before {
        opacity: 1;
        -webkit-transition: opacity .4s;
        -o-transition: opacity .4s;
        transition: opacity .4s;
    }

.card__img {
    margin: 0;
    padding: 0;
    position: relative;
}

    .card__img:before {
        content: 'View Tour';
        position: absolute;
        opacity: 0;
        left: 0;
        top: 0;
        bottom: 0;
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background-color: rgba(29, 46, 55, 0.6);
        color: #0C3051;
        font-weight: 400;
        font-size: 2.25em;
        font-weight: normal;
        font-style: normal;
        -webkit-transition: opacity .4s;
        -o-transition: opacity .4s;
        transition: opacity .4s;
        z-index: 2;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

@media screen and (min-width: 43.75em) {
    .card__img:before {
        font-size: 1.75em;
    }
}

.card__img img {
    display: block;
    max-width: 100%;
    height: auto;
}
.card_imgIvyott img {
    height: 100% !important;
}

.card__body {
    padding: 1.25em;
    background-color: #fff;
    height: auto;
    padding-bottom: 4em;
}

.card__bodyOptionalTours {
    padding: 1.25em;
    background-color: #fff;
}
    .card__bodyOptionalTours a span {
        font-family: basis-grotesque-regular;
        color: #0c3051;
        font-size:14px;
        padding-top:8px;
    }
    .card__bodyOptionalTours div p {
        font-family: basis-grotesque-bold;
        margin-bottom: 0;
        /*display: inline-block;*/
    }
.bodyOptionalTours_price span {
    display: inline-block;
}
.bodyOptionalTours_price span b{
    font-weight:initial;
}

.card__footer {
    background: #1D2E37;
    width: 100%;
}

.card__stops, .card__meta {
    margin: 0;
    padding: 0;
}

    .card__stops li, .card__meta li {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

.card__stops {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    padding-top: 5px;
}

    .card__stops li {
        font-size: .875em;
        margin-bottom: .625em;
        margin-left: .1em;
        margin-right: .1em;
        color: #0C3051;
        font-family:basis-grotesque-regular;
    }

        .card__stops li + li:before {
            content: '·';
            margin-left: 4px;
            margin-right: 9px;
            font-weight: bold;
        }

.card__meta {
    font-weight: 400;
    letter-spacing: 0.05em;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
}

    .card__meta:after {
        content: ' ';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 2px;
        background-color: #23dafa;
    }

    .card__meta li {
        padding: .625em 0;
        text-align: center;
        width: 33.3333%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .card__meta li div {
            padding: 0 1.25em;
            width: 100%;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

        .card__meta li + li div {
            background-image: url(../img/card-footer-break.png);
            background-repeat: no-repeat;
            background-position: left center;
        }

        .card__meta li.trip-meta-price {
            background-color: #5ECDD1;
            background-image: url(../img/from-border.svg);
            background-repeat: no-repeat;
            background-position: -2px center;
            color: #1D2E37;
            font-size: 1.25em;
        }

            .card__meta li.trip-meta-price div {
                background-image: none;
            }

@media screen and (min-width: 60em) {
    .card__meta li {
        padding: 1.25em 0;
        font-size: 1.125em;
    }
}

@media screen and (max-width: 60em) {
    .card__meta span {
        display: block;
    }
}

.card-body-meta {
    font-weight: 400;
    letter-spacing: 0.05em;
    list-style-type: none;
    text-align: center;
}

    .card-body-meta, .card-body-meta li {
        margin: 0;
        padding: 0;
    }

.card-body-meta {
    margin-bottom: .75rem;
}

    .card-body-meta li {
        font-size: 1.125rem;
        display: inline-block;
        vertical-align:top;
    }

        .card-body-meta li + li {
            color: #2d9a9d;
        }

            .card-body-meta li + li:before {
                content: ' ';
                width: 1px;
                height: 20px;
                display: inline-block;
                background-color: #4a4a4a;
                margin: 0 .75rem;
                position: relative;
                top: 4px;
            }

.year-switch, .year-switch li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.year-switch {
    border-top: 1px solid #ccc;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

    .year-switch li {
        font-weight: 400;
        letter-spacing: 0.05em;
        font-size: 1.125rem;
        -webkit-box-flex: 2;
        -ms-flex: 2 1 auto;
        flex: 2 1 auto;
    }

        .year-switch li a {
            color: #1D2E37;
            text-decoration: none;
            display: block;
            padding: .75em;
            text-align: center;
            -webkit-transition: background-color .4s, color .4s;
            -o-transition: background-color .4s, color .4s;
            transition: background-color .4s, color .4s;
        }

            .year-switch li a:hover {
                background-color: #1D2E37;
                color: #fff;
            }

        .year-switch li + li {
            border-left: 1px solid #ccc;
        }

.card--best-seller .card__img:after, .card--best-seller .radio-button__img:after, .card--pre-book .card__img:after, .card--pre-book .radio-button__img:after, .card--new-trip .card__img:after, .card--new-trip .radio-button__img:after, .--best-seller .card__img:after, .--best-seller .radio-button__img:after, .--pre-book .card__img:after, .--pre-book .radio-button__img:after, .--new-trip .card__img:after, .--new-trip .radio-button__img:after {
    content: none!important;
    display: block;
    position: absolute;
    left: 20px;
    top: 20px;
    font-size: 12px;
    color: white;
    font-family: "basis-grotesque-medium";
    letter-spacing: 0px;
    display: inline-block;
    background-color: #2D6497;
    padding: 6.5px 15.15px;
    border-radius: 200px;
    z-index:5;
}

.card--best-seller .radio-button__img:after, .card--pre-book .radio-button__img:after, .card--new-trip .radio-button__img:after, .--best-seller .radio-button__img:after, .--pre-book .radio-button__img:after, .--new-trip .radio-button__img:after {
    width: 4.6875em;
    height: 4.6875em;
    left: .625em;
    top: .625em;
}

.card--best-seller .card__img:after, .--best-seller .radio-button__img:after {
    /*background: url(../img/buttons/new-bestseller.png) no-repeat center center/contain;*/
    content: 'BestSeller';
    background-color: #2D6497;
}

.card--pre-book .card__img:after, .--pre-book .radio-button__img:after {
    /*background: url(../img/buttons/new-prebook.png) no-repeat center center/contain;*/
    content: 'Pre-BookOnly';
    background-color: #2D6497;
}

.card--new-trip .card__img:after, .--new-trip .radio-button__img:after {
    /*background: url(../img/buttons/new-new.png) no-repeat center center/contain;*/
    content: 'New';
    background-color: #FFFFFF;
    color: #0C3051;
}
.card--Coming-trip .card__img:after, .--Coming-trip .radio-button__img:after {
    /*background: url(../img/buttons/new-coming.png) no-repeat center center/contain;*/
}





.newoptionalexcursions .card--pre-book:after, .newoptionalexcursions .card--best-seller:after, .newoptionalexcursions .card--new-trip:after {
    content: ' ';
    width: 4.3em;
    height: 4.3em;
    display: block;
    position: absolute;
    right: 1.25em;
    top: 1.25em;
    z-index:1;
}

.newoptionalexcursions .card--best-seller:after, .newoptionalexcursions .--best-seller .radio-button__img:after {
    background: url(../img/buttons/new-bestseller.png) no-repeat center center/contain;
}

.newoptionalexcursions .card--pre-book:after, .newoptionalexcursions .--pre-book .radio-button__img:after {
    background: url(../img/buttons/new-prebook.png) no-repeat center center/contain;
}

.newoptionalexcursions .card--new-trip:after, .newoptionalexcursions .--new-trip .radio-button__img:after {
    background: url(../img/buttons/new-new.png) no-repeat center center/contain;
}


/*! inline-group */

.inline-group {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .inline-group > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        list-style-type: none;
        margin: 0 .625em;
    }

.inline-group--left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.inline-group-wrap {
    margin-bottom: 1.875rem;
    overflow: hidden;
}

    .inline-group-wrap .inline-group {
        margin: -.625rem;
    }

        .inline-group-wrap .inline-group > * {
            margin: .625em;
        }

    .inline-group-wrap:last-child {
        margin-bottom: 0;
    }

.inline-group--form {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0 -.9375rem .625rem -.9375rem;
}

    .inline-group--form > * {
        margin: 0 .9375rem 1.25rem .9375rem;
    }

    .inline-group--form .control__field + .control__field {
        margin-top: .625rem;
    }

.text-widget {
    text-align: center;
    color: #0c3051;
    width: 840px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2.5em;
}

@media screen and (min-width: 43.75em) {
    .text-widget {
        margin-bottom: 4.375em;
    }
}

.text-widget p + .control, .text-widget .dates-prices-overlay li + .control, .dates-prices-overlay .text-widget li + .control, .text-widget .notes-pagination .notes-pagination__navigator + .control, .notes-pagination .text-widget .notes-pagination__navigator + .control {
    margin-top: 1.25em;
}

.text-widget .sort-select {
    max-width: 20em;
    margin-left: auto;
    margin-right: auto;
}

.breadcrumbs {
    background-color: #fff;
    border-top: 1px solid #EBE6E6;
    border-bottom: 1px solid #EBE6E6;
    padding: .75em 1.25em;
}

    .breadcrumbs ul, .breadcrumbs li {
        margin: 0;
        padding: 0;
    }

    /*.breadcrumbs ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}*/

    .breadcrumbs li {
        list-style-type: none;
        /*color: #6F6F6F;*/
        font-size: .8125em;
        display: inline-block;
        color: #2d6497;
    }

        .breadcrumbs li a {
            
            text-decoration: none;
            
        }

            

        .breadcrumbs li + li {
            margin-left: .625em;
        }

            .breadcrumbs li + li:before {
                content: '/';
                margin-right: .625em;  
            }

@media screen and (min-width: 56.25em) {
    .breadcrumbs {
        padding: .75em 2.5em;
    }
}

.tab-nav {
    background: #1D2E37;
}

@media screen and (min-width: 43.75em) {
    .tab-nav {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 8;
    }
}

.tab-nav ul {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0;
    font-size: inherit;
    line-height: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .tab-nav ul li {
        list-style-type: none;
    }

.tab-nav li {
    text-transform: uppercase;
    /*width: 50%;*/
    text-align: center;
    border-bottom: 0px solid #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


.tab-nav a {
    font-weight: 400;
    color: #2D6497;
    display: block;
    padding: .9375em;
    -webkit-transition: color .4s;
    -o-transition: color .4s;
    transition: color .4s;
    text-decoration: none;
}



.tab-nav .is-active a {
    background-color: #2C3C4A;
    color: #0c3051;
    font-family: basis-grotesque-bold;
}

.tab-nav a.btn, .tab-nav .form--dark a[type="button"], .form--dark .tab-nav a[type="button"], .tab-nav .form--dark a[type="submit"], .form--dark .tab-nav a[type="submit"] {
    color: #1D2E37;
}

.tab-nav li.check-dates-prices {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 10;
    border-bottom: none;
    border-right: none;
}

    .tab-nav li.check-dates-prices a {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

@media screen and (min-width: 43.75em) {
    .tab-nav {
        padding: 0 1.25em;
    }

        .tab-nav .inner {
            position: relative;
        }

       

            .tab-nav li + li {
                margin-left: .625em;
            }

            .tab-nav li.check-dates-prices {
                width: auto;
                position: absolute;
                top: 0;
                bottom: 0;
                right: 0;
                left: auto;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
            }

                .tab-nav li.check-dates-prices a {
                    padding: .875em 1.5em .875em;
                }

        .tab-nav a {
            padding: 1.5em 1em;
            border-top: 3px solid transparent;
            border-bottom: 3px solid transparent;
            font-size:14px;
        }

        .tab-nav .is-active a {
            background-color: transparent;
            border-bottom-color: #23dafa;
        }
}

@media screen and (min-width: 60em) {
    .tab-nav li + li {
        margin-left: 1.25em;
    }

    .tab-nav a {
        padding: 2.25em 1.25em;
    }

    .tab-nav .check-dates-prices a.btn, .tab-nav .check-dates-prices .form--dark a[type="button"], .form--dark .tab-nav .check-dates-prices a[type="button"], .tab-nav .check-dates-prices .form--dark a[type="submit"], .form--dark .tab-nav .check-dates-prices a[type="submit"] {
        padding: .875em 2.25em .875em;
    }
}

@media screen and (max-width: 22.5em) {
    .tab-nav li {
        font-size: .875em;
    }
}

.reviews {
    width: 48.75em;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

    .reviews .review__destination {
        font-size: 1em;
        margin-bottom: 1.25em;
    }

    .reviews .review__stars {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: auto;
        max-width: 100%;
        height: auto;
        margin-bottom: 1.25em;
    }

    .reviews .review__item {
        width: 100%;
    }

    .reviews .flickity-prev-next-button {
        display: none;
    }

    .reviews .flickity-page-dots {
        position: static;
    }

        .reviews .flickity-page-dots .dot {
            margin-left: .3125em;
            margin-right: .3125em;
            color: #1D2E37;
        }

@media screen and (min-width: 60em) {
    .reviews .flickity-page-dots {
        display: none;
    }

    .reviews .flickity-prev-next-button {
        display: block;
    }

        .reviews .flickity-prev-next-button.previous {
            margin-left: -10px;
        }

        .reviews .flickity-prev-next-button.next {
            margin-right: -10px;
        }
}

.timeline {
    position: relative;
    margin-top: 2.5em;
    display: block;
}

    .timeline:before {
        content: ' ';
        /*width: 1px;*/
        /*background-color: #FCD4A0;*/
        border: 1px dashed #FCD4A0;
        position: absolute;
        left: 50%;
        top: 0;
        bottom: 0;
    }

.timeline__item {
    text-align: center;
    position: relative;
    z-index: 2;
}

    .timeline__item + .timeline__item {
        margin-top: 2.5em;
    }

.timeline__marker {
    color: #0C3051;
    background-color: white;
    display: inline-block;
    margin-bottom: 1.8em;
    width: 61px;
    height: 61px;
    border-radius: 50%;
    border: 3px solid #FCD4A0;
}
.timeline__markernum {
    height: 61px;
    width: 61px;
    display: table-cell;
    vertical-align: middle;
    font-size:14px;
}
.timeline__img {
    margin: 0;
    padding: 0;
}

    .timeline__img img {
        display: block;
        margin: 0;
        padding: 0;
        width: 100%;
        max-width: 100%;
        height: auto;
        box-shadow: 0px 10px 20px rgba(0,0,0,0.1);
    }

.timeline__icons {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0;
    font-size: inherit;
    line-height: inherit;
    margin-bottom: 2.5em;
}

    .timeline__icons li {
        list-style-type: none;
    }

    .timeline__icons .rounded-icon {
        margin-left: auto;
        margin-right: auto;
    }

    .timeline__icons li + li {
        margin-top: 1.25em;
    }

.timeline__body {
    text-align: left;
    padding: 1.25em;
    background-color: #fff;
}

    .timeline__body .script-title, .accordion__body .script-title {
        font-size: 1em;
        color: #0C3051;
        margin-bottom: 0.625rem;
        letter-spacing: 0;
        font-family: basis-grotesque-bold;
        margin-top: 26px;
    }

@media screen and (min-width: 43.75em) {
    .timeline:before {
        bottom: 0px;
    }

    .timeline__item {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        /*overflow-x: hidden;*/
    }

    .timeline__item-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-left: -1.875em;
        margin-right: -1.875em;
    }

        .timeline__item-inner .timeline__img, .timeline__item-inner .timeline__body {
            width: calc(50% - 3.75em);
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            margin-left: 1.875em;
            margin-right: 1.875em;
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        }

    .timeline__icons {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateY(-50%) translateX(-50%);
        -ms-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%);
    }
}

@media screen and (min-width: 43.75em) {
    .timeline__item-inner {
        margin-left: -2.5em;
        margin-right: -2.5em;
    }

        .timeline__item-inner .timeline__img, .timeline__item-inner .timeline__body {
            width: calc(50% - 5em);
            margin-left: 2.5em;
            margin-right: 2.5em;
        }
}

@media screen and (min-width: 60em) {
    .timeline__item-inner {
        margin-left: -3.75em;
        margin-right: -3.75em;
    }

        .timeline__item-inner .timeline__img, .timeline__item-inner .timeline__body {
            width: calc(50% - 10.2em);
            margin-left: 3.75em;
            margin-right: 3.75em;
        }
}

p + .accordion, .dates-prices-overlay li + .accordion, .notes-pagination .notes-pagination__navigator + .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, .accordion__body .dates-prices-overlay li a, .dates-prices-overlay .accordion__body li a, .accordion__body .notes-pagination .notes-pagination__navigator a, .notes-pagination .accordion__body .notes-pagination__navigator a {
    color: #23dafa;
}

.accordion__body-inner {
    padding: 1.25em 0;
}

.accordion + .accordion .accordion__trigger:before {
    display: none;
}

.accordion + p, .dates-prices-overlay .accordion + li, .notes-pagination .accordion + .notes-pagination__navigator, .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: #0c3051;
    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: #d8d9dd;
    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: #d8d9dd;
            height: 1px;
        }
}

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: 1200em; /*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);
}

.price-label {
    background: #fff;
    font-weight: 400;
    letter-spacing: 0.05em;
    color: #1D2E37;
    display: inline-block;
    padding: .375em .75em;
}

.price-line {
    position: relative;
    padding-right: 9.375em;
}

    .price-line a, .price-line .bg {
        background-color: #F6F4F4;
        position: relative;
        z-index: 2;
        padding-right: .5em;
    }

    .price-line .stars {
        margin-top: -4px;
    }

    .price-line .price-label {
        position: relative;
    }

        .price-line .price-label:before {
            content: ' ';
            border-bottom: 1px dashed #c8c5c5;
            width: 200px;
            position: absolute;
            right: calc(100% + 10px);
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }
    .price-line .pricecombo:before {
        width: 17.9em; /*combo的价格展示的虚线长度*/
    }
        .price-line .price-label:after {
            content: ' ';
            display: block;
            width: 4px;
            height: 8px;
            background: url(../img/arrow-head.svg) no-repeat center center;
            position: absolute;
            right: calc(100% + 10px);
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }

.price-line--alt a, .price-line--alt .bg {
    background-color: #fff;
}

.accordion__body {
    padding-left: 3.375em;
}

.unstyled-list li {
    position: relative;
    margin-bottom: .9375em;
}

    .unstyled-list li .price-label {
        position: absolute;
        right: 0;
        bottom: -.25em;
    }

.dates-prices-overlay {
    position: fixed;
    background: #fff;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 10;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow-y: auto;
}

    .dates-prices-overlay .menu-close {
        position: absolute;
        top: 2.5em;
        right: 1.875em;
    }

        .dates-prices-overlay .menu-close:after {
            content: ' ';
            background-repeat: no-repeat;
            background-image: url(../img/icons/close-icon.svg);
            background-position: center center;
            background-size: contain;
            display: block;
            width: 1.5em;
            height: 1.5em;
        }

    .dates-prices-overlay select {
        background-image: url(../img/icons/teal-arrowhead.min.svg);
        background-position: right 10px center;
        padding-right: 2.5em;
    }

    .dates-prices-overlay select, .dates-prices-overlay input {
        background-color: white;
        outline: none;
        height: 42px;
        font-size: 14px;
        padding-left: 10px;
        text-indent: 0px;
    }

    .dates-prices-overlay .dropdown {
        background: url(../img/icons/teal-arrowhead.min.svg) no-repeat;
        background-position: right 10px center;
        padding-right: 2.5em;
        border-radius:4px;
    }
    .dates-prices-form .control__field {
        border: 1px solid #D8D9DD;
        border-radius: 4px;
    }
.dates-prices-form .control .control__label {
    margin-bottom:10px;
}
/*.overlay-inner {
    padding: 2.5em 1.875em;
}*/
        .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: white;
    padding: 1.25rem .8rem;
    display: block;
    border: 1px solid #d8d9dd;
    border-radius: 4px;
    -webkit-transition: background-color .4s;
    -o-transition: background-color .4s;
    transition: background-color .4s;
    text-decoration: none;
}

    .date-price:hover {
        background-color: #23dafa;
    }

    .date-price .date-price__month {
        font-weight: 400;
        color: #0C3051;
        display: block;
        /*text-transform: uppercase;*/
        font-size: 14px;
        line-height: 22px;
    }

    .date-price .date-price__price {
        font-size: 12px;
        line-height:18px;
    }

    .date-price.is-active {
        background-color: #23dafa;
        border: 1px solid #23dafa;
    }

        .date-price.is-active .date-price__month {
            color: #0c3051;
        }

        .date-price.is-active .date-price__price {
            color: #0c3051;
        }

    .date-price.date-price--season-break {
        background: #EEEEEE;
        position: relative;
    }

        .date-price.date-price--season-break:before {
            content: ' ';
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            width: 100%;
            background-color: #D8D8D8;
            -webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
            clip-path: polygon(100% 0, 0% 100%, 100% 100%);
        }

    .date-price .date-price__old-season, .date-price .date-price__new-season {
        font-weight: 400;
        letter-spacing: 0.05em;
        color: #333;
        display: block;
        text-transform: uppercase;
        font-size: 1.125em;
        position: relative;
        z-index: 2;
    }

    .date-price .date-price__new-season {
        text-align: right;
    }

.date-price-list {
    overflow: hidden;
    margin-bottom: 1.25em;
}

.date-price-list__item {
    width: 33.3333%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    float: left;
}

@media screen and (min-width: 31.25em) {
    .date-price-list__item {
        width: 25%;
    }
}

@media screen and (min-width: 43.75em) {
    .date-price-list__item {
        width: 20%;
    }
}

.date-price-list.flickity-enabled {
    padding-left: 1.5625em;
    padding-right: 1.5625em;
    position: relative;
}

    .date-price-list.flickity-enabled .flickity-prev-next-button {
        background-color: #23DAFA;
        padding: 0;
        width: 1.5625em;
        height: auto;
        top: 0;
        bottom: 0;
        border-radius: 4px;
        border: 1px solid #d8d9dd;
    }

        .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: 8%;
            top: 5%;
            width: 55%;
            height: 90%;
        }

        .date-price-list.flickity-enabled .flickity-prev-next-button.previous {
            left: 0;
            margin-right: 0;
        }

            .date-price-list.flickity-enabled .flickity-prev-next-button.previous svg {
                left: 20%;
            }

        .date-price-list.flickity-enabled .flickity-prev-next-button.next {
            right: 0;
            margin-left: 0;
        }

        .date-price-list.flickity-enabled .flickity-prev-next-button.previous, .date-price-list.flickity-enabled .flickity-prev-next-button.next {
            -webkit-transform: translateX(0) translateY(0);
            -ms-transform: translateX(0) translateY(0);
            transform: translateX(0) translateY(0);
        }

table {
    width: 100%;
    margin-bottom: 2.5em;
}

    table th, table td {
        padding: 1.25em;
        text-align: left;
    }

    table thead th {
        background-color: #D3F8FE;
        color: #0C3051;
        font-weight: 400;
        /*letter-spacing: 0.05em;*/
        font-size:14px;
    }

    table tbody td {
        /*background-color: #F6F3F3;*/
        color: #0C3051;
        /*border-bottom: 2px solid #fff;*/
        -webkit-transition: background-color .3s;
        -o-transition: background-color .3s;
        transition: background-color .3s;
        font-size: 14px;
        line-height: 22px;
    }


    table tbody tr:hover td {
        background-color: #fff;
    }

/*table tbody td:nth-child(even) {
        
}*/
.overlay-pull-back table tbody tr {
    background-color: white;
    border-bottom: 1px solid #d8d9dd;
}
.datepriceboxdowninfo{
    font-size: 14px !important;
    font-family: basis-grotesque-regular !important;
    line-height: 22px !important;
    color: #0C3051!important;
}
/*.overlay-pull-back table tbody tr:nth-child(odd) {
background-color:#E6EFF0;
}*/
table tbody th {
    background-color: #EBE9E9;
    font-weight: 400;
    color: #0C3051;
}

table .btn, table .form--dark [type="button"], .form--dark table [type="button"], table .form--dark [type="submit"], .form--dark table [type="submit"] {
    width: 100%;
    text-transform: initial;
    -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], td em.date-price-note {
    /*background-color: #23DAFA;*/
    background-color: #D3F8FE;
    padding: .2em .36em;
    border-radius: 4px;
    /*color: white;*/
    color: #0C3051;
    display: inline-block;
    /*font-size: 12px;*/
    font-size: 14px;
    /*line-height: 18px;*/
    line-height: 22px;
    margin-top: 5px;
    border: 1px solid #23DAFA;
    font-family: 'basis-grotesque-medium';
}

    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;
        }

@media screen and (max-width: 31.25em) {
    /*.overlay-pull-back {
margin-left: -1.875em;
margin-right: -1.875em
}*/

    .date-price-table tr, .date-price-table th, .date-price-table td {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .date-price-table tr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .date-price-table td, .date-price-table th {
        display: block;
        width: 25%;
    }

        .date-price-table td.table-hide, .date-price-table th.table-hide {
            display: none;
        }

        .date-price-table td.table-block, .date-price-table th.table-block {
            width: 100%;
            margin-top: -1.25em;
        }
}

@media screen and (max-width: 56.25em) {
    html.show-date-price {
        overflow: hidden;
    }

        html.show-date-price body {
            overflow: hidden;
        }

    .dates-prices-overlay {
        -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;
    }

    html.show-date-price .dates-prices-overlay {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

@media screen and (min-width: 56.25em) {
    .page-wrap, .dates-prices-overlay {
        -webkit-transition: -webkit-transform .3s;
        transition: -webkit-transform .3s;
        -o-transition: transform .3s;
        transition: transform .3s;
        transition: transform .3s, -webkit-transform .3s;
    }

    .dates-prices-overlay {
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
        width: 56.25em;
        left: auto;
        right: 0;
        max-height: 100vh;
        z-index: 11;
    }

    html.show-date-price {
        overflow-y: hidden;
    }

        html.show-date-price .page-wrap:before {
            content: ' ';
            background: rgba(0, 0, 0, 0.5);
            position: absolute;
            left: 0;
            width: 100%;
            top: 0;
            bottom: 0;
            z-index: 11;
        }

        html.show-date-price .page-wrap {
            -webkit-transform: translateX(-56.25em);
            -ms-transform: translateX(-56.25em);
            transform: translateX(-56.25em);
        }

        html.show-date-price .dates-prices-overlay {
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
        }
}

@media screen and (min-width: 75em) {
    .dates-prices-overlay {
        width: 60%;
    }

  /*  .overlay-inner {
        max-width: 62.5em;
        margin-left: auto;
        margin-right: auto;
    }*/
}

.sidebar__widget {
    margin-bottom: 1.25em;
}

.sibling-page-selector {
    display: none;
    margin-bottom: 1.875em;
}

@media screen and (max-width: 43.75em) {
    .sibling-page-selector {
        display: block;
    }
}

.sibling-page-selector select {
    background-color: #fff;
}

.branch + .branch {
    border-top: 1px solid #cbcacb;
    padding-top: 1.875em;
    margin-top: .625em;
}

.branch .article-title {
    margin-bottom: .625em;
}

.branch p, .branch .dates-prices-overlay li, .dates-prices-overlay .branch li, .branch .notes-pagination .notes-pagination__navigator, .notes-pagination .branch .notes-pagination__navigator {
    color: #4A4A4A;
    margin-bottom: .625em;
    line-height: 1.4;
}

    .branch p small, .branch .dates-prices-overlay li small, .dates-prices-overlay .branch li small, .branch .notes-pagination .notes-pagination__navigator small, .notes-pagination .branch .notes-pagination__navigator small {
        line-height: 1;
    }

.branch-columns .branch-columns__col {
    margin-bottom: 1.25em;
}

@media screen and (min-width: 31.25em) {
    .branch-columns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .branch-columns .branch-columns__col {
            width: calc(50% - 20px);
        }

            .branch-columns .branch-columns__col:nth-of-type(2n) {
                margin-left: 1.25em;
            }
}

@media screen and (min-width: 31.25em) {
    .branch-columns .branch-columns__col {
        width: calc(33.3333% - 20px);
    }

        .branch-columns .branch-columns__col + .branch-columns__col {
            margin-left: 1.25em;
        }
}

.page-footer {
    position: relative;
    /*padding-top: 1.875em;*/
    background-color:white;
    color: #fff;
    text-align: center;
    z-index:9;
}

    .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 .dates-prices-overlay li, .dates-prices-overlay .page-footer li, .page-footer .notes-pagination .notes-pagination__navigator, .notes-pagination .page-footer .notes-pagination__navigator {
        font-family: "basis-grotesque-medium";
    }

    .page-footer h6 {
        font-size: 1.375em;
        text-transform: none;
        margin-bottom: .625em;
    }

    .page-footer p, .page-footer .dates-prices-overlay li, .dates-prices-overlay .page-footer li, .page-footer .notes-pagination .notes-pagination__navigator, .notes-pagination .page-footer .notes-pagination__navigator {
        color: #0C3051;
    }

    .page-footer.page-footer:before {
        display: none;
    }

.footer-widget {
    background: url(../img/mobile-widget-break.png) no-repeat center bottom;
    background-size: 148px auto;
    padding-bottom: 1.875em;
    margin-bottom: 1.875em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .footer-widget .btn, .footer-widget .form--dark [type="button"], .form--dark .footer-widget [type="button"], .footer-widget .form--dark [type="submit"], .form--dark .footer-widget [type="submit"] {
        background-color: #2C3C4A;
        text-transform: uppercase;
        -webkit-transition: background-color .4s;
        -o-transition: background-color .4s;
        transition: background-color .4s;
        color: #fff;
    }

        .footer-widget .btn:hover, .footer-widget .form--dark [type="button"]:hover, .form--dark .footer-widget [type="button"]:hover, .footer-widget .form--dark [type="submit"]:hover, .form--dark .footer-widget [type="submit"]:hover {
            background-color: #304150;
        }

    .footer-widget:last-of-type {
        background-image: none;
    }

.footer-social__item {
    width: 1.25em;
    height: 1.25em;
}

    .footer-social__item svg {
        fill: #F6F3F3;
        -webkit-transition: fill .4s;
        -o-transition: fill .4s;
        transition: fill .4s;
    }

    .footer-social__item:hover svg {
        fill: #fff;
    }

.affliated-logos, .affliated-logos li, .footer-menu, .footer-menu li {
    margin: 0;
    padding: 0;
}

.affliated-logos, .footer-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items:center;
}

    .affliated-logos li, .footer-menu li {
        width: 25%;
        /*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, .dates-prices-overlay li.copyright, .notes-pagination .copyright.notes-pagination__navigator {
    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;
        margin-bottom:0px;
    }
}

/*! 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: -10%;
    }

.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: 20%;
    }

.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: white;
    border-radius: 50%;
    opacity: 0.5;
    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: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    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: auto;
        opacity: 1;
        padding: 0em;
    }

.fullpopbox.show-modal {
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: none;
}


.modal-inner {
    margin: auto;
    max-width: 100%;
}

@media all and (-ms-high-contrast: none) {
    *::-ms-backdrop, .modal .modal__body {
        max-height: 70vh;
        overflow: scroll;
    }
}

.modal-outer.show-modal .modal {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.modal {
    width: 42.75em;
    max-width: 100%;
    position: relative;
    background: #fff;
    padding: 2.5em;
    max-height: 90vh;
    overflow:auto;
    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;
        width:24px;
    }

.modal__header {
    padding-right: 1.25em;
}

.modal__body {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    overflow: auto;
    /*padding-right: 1.25em;*/
}

.modal__body--full {
    padding-right: 0;
}

.modal__footer {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

    .modal__footer .btn, .modal__footer .form--dark [type="button"], .form--dark .modal__footer [type="button"], .modal__footer .form--dark [type="submit"], .form--dark .modal__footer [type="submit"] {
        min-width: 8.4375rem;
        margin-left: .625rem;
        text-align: center;
    }

        .modal__footer .btn:first-child, .modal__footer .form--dark [type="button"]:first-child, .form--dark .modal__footer [type="button"]:first-child, .modal__footer .form--dark [type="submit"]:first-child, .form--dark .modal__footer [type="submit"]:first-child {
            margin-left: 0;
        }

figure {
    padding: 0;
    margin: 0;
    margin-bottom: 1.25em;
}

.modal-close {
    display: block;
    width: 16px;
    height: 16px;
}

@media screen and (max-width: 31.25em) {
    .modal {
        padding: 1.25em;
    }

    .modal-inner {
        width: 100%;
    }

    .modal .modal__footer, .modal .modal__header, .modal .modal__body {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
}

.article {
    border-bottom: 1px solid #E3E1E1;
    margin-bottom: 2.5em;
    padding-bottom: 2.5em;
}

    .article p:last-of-type, .article .dates-prices-overlay li:last-of-type, .dates-prices-overlay .article li:last-of-type, .article .notes-pagination .notes-pagination__navigator:last-of-type, .notes-pagination .article .notes-pagination__navigator:last-of-type {
        margin-bottom: 0;
    }

.article__header .article-heading, .article__header .booking-heading {
    margin-bottom: 0;
}

.article__header, .article__img {
    margin-bottom: 1.25em;
}

.notes-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .notes-pagination .notes-pagination__previous, .notes-pagination .notes-pagination__next {
        font-weight: 400;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        width: 7.25em;
    }

        .notes-pagination .notes-pagination__previous a, .notes-pagination .notes-pagination__next a {
            text-decoration: none;
            font-size:14px;
            text-transform:capitalize;
        }

            .notes-pagination .notes-pagination__previous a:hover, .notes-pagination .notes-pagination__next a:hover {
                text-decoration: underline;
            }

        .notes-pagination .notes-pagination__previous:before {
            background-image: url(../img/icons/arrow-left-blue.min.svg);
            margin-right: .375em;
        }

    .notes-pagination .notes-pagination__next {
        text-align: right;
    }

        .notes-pagination .notes-pagination__next:after {
            background-image: url(../img/icons/arrow-right-blue.min.svg);
            margin-left: .375em;
        }

        .notes-pagination .notes-pagination__previous:before, .notes-pagination .notes-pagination__next:after {
            content: ' ';
            display: inline-block;
            background-repeat: no-repeat;
            background-position: center center;
            width: .375em;
            height: .6875em;
        }

    .notes-pagination .notes-pagination__navigator {
        text-align: center;
        margin-bottom: 0;
    }

.share-component {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}

    .share-component .share-component__title {
        font-weight: 400;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        color: #6F6F6F;
        margin-right: .625em;
    }

.article .share-component {
    margin-top: 2.5em;
}

.share-component__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .share-component__actions a {
        display: block;
    }

        .share-component__actions a:hover svg path {
            fill: #1D2E37;
        }

        .share-component__actions a + a {
            margin-left: .625em;
        }

    .share-component__actions svg path {
        fill: #5ECDD1;
        -webkit-transform: fill .4s;
        -ms-transform: fill .4s;
        transform: fill .4s;
        opacity: 1;
    }

.content-page__content, .content-page__sidebar {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.content-page__content {
    padding-left: 1.25em;
    padding-right: 1.25em;
    padding-bottom: 1.25em;
    width: 100%;
}

.content-page .content-page__sidebar .content-page__nav {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

.content-page__nav a {
    text-decoration: none;
    padding: .9375em 1.25em;
}

.content-page__nav > ul > li {
    border-bottom: none;
    position: relative;
}


.content-page__nav a:not(.sub-open) + .sub-menu {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.content-page__nav .has-sub > a {
    position: relative;
}

.content-page__nav .sidebar-primary > li.current-item:after {
    display: none;
}

.content-page__nav .sidebar-primary > li.current-item > a {
    background-color: #5ECDD1;
    color: #1D2E37;
}

.content-page__nav .sub-menu {
    padding: 1.25em 1.25em;
    background-color: #fff;
}

    .content-page__nav .sub-menu li {
        border-bottom: none;
        font-size: .9375em;
    }

    .content-page__nav .sub-menu a {
        padding: .375em 0;
        text-transform: none;
        color: #1D2E37;
    }

        .content-page__nav .sub-menu a:hover {
            color: #5ECDD1;
        }

    .content-page__nav .sub-menu li.current-item a {
        font-weight: 700;
        letter-spacing: 0;
    }

.content-page__sidebar {
    position: relative;
}

    .content-page__sidebar:before {
        content: ' ';
        display: block;
        background-color: #F6F4F4;
        position: absolute;
        top: -3.125em;
        right: 0;
        bottom: -4.375em;
        left: -50vw;
    }

    .content-page__sidebar .content-page__nav {
        position: relative;
    }

    .content-page__sidebar li {
        border-bottom: 1px solid #E3E1E1;
    }

@media screen and (min-width: 43.75em) {
    .content-page {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .content-page__sidebar {
        width: 21.25em;
    }
}

@media screen and (min-width: 60em) {
    .content-page__sidebar {
        width: 30em;
    }

    .content-page__nav a, .content-page__nav .sub-menu {
        padding-left: 2.5em;
        padding-right: 2.5em;
    }

    .content-page__content {
        padding-left: 2.5em;
        padding-right: 2.5em;
    }


}

@media screen and (min-width: 60em) {
    .content-page__content {
        padding-left: 10em;
        padding-right: 10em;
    }
}

@media screen and (max-width: 43.75em) {
    .content-page__sidebar {
        display: none;
    }

        .content-page__sidebar:before {
            display: none;
        }
}

@media print {
    .fixed-search, .primary-nav, .content-page__nav, .page-footer {
        display: none !important;
    }
}

.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: #5ECDD1;
        background-color: #5ECDD1;
        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: 15.3125em; /*Ivy Ye 20190104 max-width: 10.75em;*/
        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);
    background-color: #fff;
    margin-left: auto;
    position: relative;
    z-index: 10;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 100%;
}

@media all and (-ms-high-contrast: none) {
    *::-ms-backdrop, .state--open .booking-sidebar {
        left: auto;
        right: 0;
    }

        .state--open .booking-sidebar[style] {
            position: fixed !important;
        }
}

.booking-sidebar__inner {
    position: -webkit-sticky;
    position: sticky;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    top: 0;
    height: 100%;
    max-height: 100vh;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
}

/*.booking-summary-tab {
padding: 1.125em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
position: -webkit-sticky;
position: sticky;
top: 0;
margin-left: auto;
z-index: 999;
width: calc(100% + 2.5em);
background-color: #fff
}*/
/*Ivy Ye 20181225*/
.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: 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%);
}
    /*Ivy Ye 20181225*/
    .booking-summary-tab:hover {
        cursor: pointer;
    }

    .booking-summary-tab div, .booking-summary-tab p, .booking-summary-tab .dates-prices-overlay li, .dates-prices-overlay .booking-summary-tab li, .booking-summary-tab .notes-pagination .notes-pagination__navigator, .notes-pagination .booking-summary-tab .notes-pagination__navigator {
        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__name .inner-shim p{
    font-size:14px;
}

.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(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}


/*
html.summary--open .dates-prices-overlay {
    display:none;
}
html.summary--open .booking-sidebar {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
}*/

@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;
        }

    .booking-sidebar {
        /*width: 100%;*/
        /*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;
    }
    .newbookingbtnbox {
        margin-bottom: 9.5em;
    }
}

.booking-page--login-register {
    padding-top: 2.5em;
}

@media screen and (max-width: 43.75em) {
    .booking-page--login-register {
        padding-bottom: 0;
    }

        .booking-page--login-register .outer {
            padding-bottom: 0;
        }

        .booking-page--login-register .layout__item {
            margin-bottom: 2.5em;
        }

            .booking-page--login-register .layout__item:nth-of-type(2) {
                background-color: #ECEBEB;
                padding: 2.5em 1.25em;
                margin-left: -1.25em;
                margin-right: -1.25em;
                margin-bottom: 0;
            }
    
}

@media screen and (min-width: 43.75em) {
    .booking-page--login-register {
        position: relative;
    }

        .booking-page--login-register:after {
            position: absolute;
            content: ' ';
            background-color: #ECEBEB;
            left: 50%;
            width: 50%;
            top: 0;
            bottom: 0;
        }

        .booking-page--login-register .outer {
            position: relative;
            z-index: 2;
        }
    .booking-progress-wrap {
        max-width: 25em;
        -webkit-transform: translateY(-0.625em);
        -ms-transform: translateY(-.625em);
        transform: translateY(-0.625em);
        /*margin-left: auto;
        margin-right: initial;*/
    }
}

@media screen and (min-width: 75em) {
    .booking-page {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0;
    }

        .booking-page.booking-page--login-register {
            display: block;
            padding-top: 3.75em;
            padding-bottom: 3.75em;
        }

            .booking-page.booking-page--login-register .layout__item:nth-of-type(1) form {
                padding-right: 2.5em;
            }

            .booking-page.booking-page--login-register .layout__item:nth-of-type(2) form {
                padding-left: 2.5em;
            }

    .booking-content {
        width: calc(100% - 26.25em);
        padding-top: 3.75em;
        max-width: 55em;
        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; /* 二次购买总价位置调整紧贴明细  lixin*/
      /*  -webkit-box-shadow: 0 -2px 1px rgba(29, 46, 55, 0.2);
        box-shadow: 0 -2px 1px rgba(29, 46, 55, 0.2);*/
        bottom: 0;
        width: 420px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        z-index: 99;
    }

    .account-page .booking-content {
        padding-top: 0;
    }
}

.booking-section {
    margin-bottom: 5em;
}

    .booking-section .accordion + ul {
        margin-top: 0;
    }

    .booking-section .bullet-list {
        margin-bottom: 1.875em;
    }

    .booking-section .bullet-radio-set {
        margin-bottom: 1.25em;
    }

    .booking-section.booking-section {
        margin-bottom: 2.5em;
    }

.widget .booking-section, .account-page .widget .booking-section {
    margin-bottom: 0;
}

.booking-section--btm-bdr {
    border-bottom: 1px solid #DDE3E8;
    padding-bottom: 3.75em;
}

.booking-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .booking-heading svg, .booking-heading img {
        margin-right: .625em;
    }

    .booking-heading.booking-heading--confirmation {
        text-align: center;
        display: block;
        margin-bottom: 1.875em;
    }

        .booking-heading.booking-heading--confirmation svg {
            display: block;
            margin: 0 auto .625em;
        }

[data-expand-panel]:not(.state--show) {
    display: none;
}

.expanded-section {
    background: #EBEAEA;
    position: relative;
}

    .expanded-section:before {
        content: ' ';
        z-index: 1;
        background: #EBEAEA;
        position: absolute;
        left: calc((100vw / 2) * -1);
        height: 100%;
        right: -200px;
    }

    .expanded-section .expanded-section__inner {
        position: relative;
        z-index: 2;
        padding-top: 2.5em;
        padding-bottom: 2.5em;
    }

        .expanded-section .expanded-section__inner p, .expanded-section .expanded-section__inner .dates-prices-overlay li, .dates-prices-overlay .expanded-section .expanded-section__inner li, .expanded-section .expanded-section__inner .notes-pagination .notes-pagination__navigator, .notes-pagination .expanded-section .expanded-section__inner .notes-pagination__navigator {
            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;
        flex-wrap: wrap;
    }

    .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: 27px 30px;*/
    /*color: #1D2E37;*/
    background-color: #fff;
}

    .summary-panel div, .summary-panel li, .summary-panel p, .summary-panel .dates-prices-overlay li, .dates-prices-overlay .summary-panel li, .summary-panel .notes-pagination .notes-pagination__navigator, .notes-pagination .summary-panel .notes-pagination__navigator {
        color: #0C3051;
    }

    .summary-panel.summary-panel--bdr-btm {
        border-bottom: 1px solid #d8d9dd;
    }

    .summary-panel.summary-panel--promotion {
        background-color: #B5DBAA;
    }

    .summary-panel.summary-panel--cancelation {
        background-color: rgba(238, 39, 0, 0.5);
    }

.account-page .summary-panel .accordion__body-inner {
    padding-bottom: 0;
}

.summary-header {
    padding-top: 3.75em;
    padding-bottom: 3.75em;
}

    .summary-header div, .summary-header p, .summary-header .dates-prices-overlay li, .dates-prices-overlay .summary-header li, .summary-header .notes-pagination .notes-pagination__navigator, .notes-pagination .summary-header .notes-pagination__navigator {
        margin: 0;
        color: #fff;
    }

.summary-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

    .summary-list li {
        /*font-family: "din-2014", sans-serif;*/
        /*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: start;
        -ms-flex-align: start;
        align-items: start; /* 多行名字 价格紧贴顶部  lixin*/
    }

    .summary-list .summary-list__key {
        text-align: left;
        padding-right: .625em;
    }

    .summary-list .summary-list__value {
        text-align: left;
        padding-left: .625em;
    }

.summary-list--total {
    /*border-bottom: 1px solid #1D2E37;
    padding-bottom: .625em;
    margin-bottom: .625em;*/
}

    .summary-list--total .summary-list__item {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .summary-list--total .summary-list__value {
        font-size: 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;
    }

    .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: 1em;
    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: none;
}

    .radio-button:hover {
        cursor: pointer;
    }

    .radio-button.radio-button--card {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

        .radio-button.radio-button--card:hover {
            -webkit-transition: -webkit-box-shadow .3s;
            transition: -webkit-box-shadow .3s;
            -o-transition: box-shadow .3s;
            transition: box-shadow .3s;
            transition: box-shadow .3s, -webkit-box-shadow .3s;
            -webkit-box-shadow: 0 2px 6px rgba(29, 46, 55, 0.2);
            box-shadow: 0 2px 6px rgba(29, 46, 55, 0.2);
        }

    .radio-button.--disabled {
        opacity: 0.5;
        pointer-events: none;
    }

    .radio-button div.title, .radio-button span.title {
        font-weight: 400;
        letter-spacing: 0.05em;
        color: #0C3051;
    }

    .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;
            top: 0;
            left: 0;
            background-color: #5ECDD1;
            -webkit-transform: translateX(-4px);
            -ms-transform: translateX(-4px);
            transform: translateX(-4px);
            color: #fff;
            font-size: .875rem;
            padding: .25rem .875rem;
            opacity: 1;
        }

    .radio-button.radio-button--card.state--purchased:hover .radio-button__img:before {
        content: 'Remove ?';
    }

    .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, .radio-button .dates-prices-overlay li, .dates-prices-overlay .radio-button li, .radio-button .notes-pagination .notes-pagination__navigator, .notes-pagination .radio-button .notes-pagination__navigator {
        line-height: 1.2;
    }

    .radio-button .title + p, .radio-button .dates-prices-overlay .title + li, .dates-prices-overlay .radio-button .title + li, .radio-button .notes-pagination .title + .notes-pagination__navigator, .notes-pagination .radio-button .title + .notes-pagination__navigator {
        margin-top: .625em;
    }

    .radio-button .radio-button__label {
        position: relative;
        z-index: 3;
    }

.other-departures {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

    .other-departures .control {
        width: 100%;
        margin-bottom: 0;
    }

@media screen and (min-width: 37.5em) {
    .other-departures.radio-set__item--x2 {
        width: auto;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }

        .other-departures.radio-set__item--x2 .control {
            width: calc(50% - .625em);
        }
}

@media screen and (min-width: 60em) {
    .other-departures.radio-set__item--x2 .control {
        width: calc(40% - .625em);
    }
}

.booking-select {
    max-width: 500px;
    border: 1px solid #DDE3E8;
    border-radius: 3px;
}

.booking-section p, .booking-section .dates-prices-overlay li, .dates-prices-overlay .booking-section li, .booking-section .notes-pagination .notes-pagination__navigator, .notes-pagination .booking-section .notes-pagination__navigator, .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;
    }

    .check-radio-set input[type="radio"], .bullet-radio-set input[type="radio"], .radio-marker input[type="radio"], .std-radio input[type="radio"] {
        width: 0;
        height: 0;
        overflow: hidden;
        opacity: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        position: absolute;
        bottom: 0;
        right: 0;
    }

        .check-radio-set input[type="radio"] + span.marker, .bullet-radio-set input[type="radio"] + span.marker, .std-radio input[type="radio"] + span.marker {
            content: ' ';
            display: block;
            border: 1px solid #DDE3E8;
            border-radius: 50%;
            width: 1.375rem;
            height: 1.375rem;
            margin-right: .625rem;
            background: #fff;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -webkit-transform: translateY(-.125rem);
            -ms-transform: translateY(-.125rem);
            transform: translateY(-.125rem);
        }

        .radio-marker input[type="radio"] + span.marker:after {
            content: ' ';
            content: ' ';
            display: block;
            border: 1px solid #DDE3E8;
            border-radius: 50%;
            width: 1.375rem;
            height: 1.375rem;
            margin-right: .625rem;
            background: #fff;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -webkit-transform: translateY(-.125rem);
            -ms-transform: translateY(-.125rem);
            transform: translateY(-.125rem);
            margin-left: auto;
            margin-right: auto;
        }

.radio-marker {
    color: #4A4A4A;
}

.flight-col--options label.radio-marker--disabled {
    background-color: #ECEBEB;
}

.bullet-radio-set--inline {
    margin-left: -1.25em;
    min-height: 2.1875em;
}

    .bullet-radio-set--inline li {
        display: inline-block;
        margin-left: 1.25em;
        margin-right: 1.25em;
        margin-bottom:1em;
    }

.check-radio-set input[type="checkbox"] + .marker {
    margin-left: 2px;
    margin-right: 11px;
}

.check-radio-set input[type="radio"]:checked + span.marker {
    background: transparent url('../img/AW2022/icon/radiobackground.png') no-repeat center center;
    background-size: 12px;
    border-color: #5ECDD1;
}

.radio-marker input[type="radio"]:checked + span.marker:after {
    background: transparent url('../img/AW2022/icon/radiobackground.png') no-repeat center center;
    background-size: 12px;
}

.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;
    }

.bullet-radio-set input[type="radio"]:checked + span.marker, .std-radio input[type="radio"]:checked + span.marker {
    border-color: #5ECDD1;
    position: relative;
}

    .bullet-radio-set input[type="radio"]:checked + span.marker:after, .std-radio input[type="radio"]:checked + span.marker:after {
        content: ' ';
        display: block;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        position: absolute;
        top: 5px;
        right: 5px;
        background-color: #23DAFA;
    }

.bullet-radio-set + p, .dates-prices-overlay .bullet-radio-set + li, .notes-pagination .bullet-radio-set + .notes-pagination__navigator, .std-radio + p, .dates-prices-overlay .std-radio + li, .notes-pagination .std-radio + .notes-pagination__navigator {
    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: 15em;
        max-width: 100%;
        text-transform: uppercase;
        text-align: center;
    }

select[data-expand-trigger="connection"].state--expanded {
    border: 1px solid #5ECDD1;
    -webkit-box-shadow: 0 0 0 1px #5ECDD1;
    box-shadow: 0 0 0 1px #5ECDD1;
}

[disabled="disabled"] {
    opacity: 0.5;
    pointer-events: none;
}

.extension-box {
    background: #fff;
    padding: 1.25em;
    border-radius: .1875em;
    margin-bottom: 1.875em;
}

    .extension-box p:last-of-type, .extension-box .dates-prices-overlay li:last-of-type, .dates-prices-overlay .extension-box li:last-of-type, .extension-box .notes-pagination .notes-pagination__navigator:last-of-type, .notes-pagination .extension-box .notes-pagination__navigator: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, .new-original-dept-date li .dates-prices-overlay li, .dates-prices-overlay .new-original-dept-date li li, .new-original-dept-date li .notes-pagination .notes-pagination__navigator, .notes-pagination .new-original-dept-date li .notes-pagination__navigator {
            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, .new-original-dept-date .new-original-dept-date__item--new .dates-prices-overlay li, .dates-prices-overlay .new-original-dept-date .new-original-dept-date__item--new li, .new-original-dept-date .new-original-dept-date__item--new .notes-pagination .notes-pagination__navigator, .notes-pagination .new-original-dept-date .new-original-dept-date__item--new .notes-pagination__navigator {
            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 .date-price__price {
        font-size: .9375em;
    }*/

    .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: 8%;
            top: 5%;
            width: 55%;
            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: 0;
    margin-right: 0;
    display: block;
}

    .date-price-list.date-price-list--booking.flickity-enabled .flickity-prev-next-button {
        top: 1.5em;
        border-radius: .1875em;
    }

.date-price-list.date-price-list--booking .flickity-viewport {
    padding-top: .75em;
}

.date-price-list.date-price-list--booking .date-price-list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-left-color: transparent;
    border-left-width: .625em;
    border-right-color: transparent;
    border-right-width: .625em;
    width: 33.3333%;
}

    .date-price-list.date-price-list--booking .date-price-list__item .radio-button {
        width: 100%;
        margin-top: .75em;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

.date-price-list.date-price-list--booking.flickity-resize .date-price-list__item {
    min-height: calc(100% - 12px);
}

.radio-button__inner {
    width: 100%;
}

.radio-button__img {
    margin-top: -1.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;
    }

.radio-button__body {
    position: relative;
    padding-top: 1.25em;
}

    .radio-button__body .title {
        color: #1D2E37;
    }

    .radio-button__body p, .radio-button__body .dates-prices-overlay li, .dates-prices-overlay .radio-button__body li, .radio-button__body .notes-pagination .notes-pagination__navigator, .notes-pagination .radio-button__body .notes-pagination__navigator {
        color: #767577;
        max-width: 15em;
        font-size: .9375em;
        line-height: 1.3;
    }

    .radio-button__body a {
        color: #5ECDD1;
        font-weight: bold;
    }

.radio-button__body-inner {
    position: relative;
    z-index: 10;
}

.radio-button__meta {
    font-weight: bold;
    color: #1D2E37;
}

.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-family: "din-condensed", sans-serif;
    font-weight: 400;
    letter-spacing: 0.05em;
    line-height: 15px;
}

.remove-btn {
    text-decoration: none;
}

    .remove-btn:before {
        content: '×';
        display: block;
        background-color: transparent;
        border: 1px solid #4A4A4A;
        color: #4A4A4A;
        font-size: 1.0625rem;
        line-height: 1.25rem;
        width: 1.25rem;
        height: 1.25rem;
        border-radius: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .remove-btn:hover:before {
        background-color: #4A4A4A;
        color: #fff;
    }

.applied-coupon {
    position: relative;
    padding-right: 30px;
}

    .applied-coupon .remove-btn {
        position: absolute;
        top: 10px;
        right: 10px;
    }

label.radio-marker--disabled {
    background-color: #ECEBEB;
}

.seat-assignment-wrap {
    font-weight: 400;
    letter-spacing: 0.05em;
    color: #556A7E;
    font-weight: normal;
}

    .seat-assignment-wrap td {
        padding: 4px;
        text-transform: uppercase;
    }

@media (max-width: 580px) {
    .seat-assignment-wrap > table {
        margin-bottom: 2em;
    }

    .seat-assignment-wrap table {
        width: 100%;
    }

        .seat-assignment-wrap table img {
            max-width: 100%;
            height: auto;
        }

    .seat-assignment-wrap .seating-table-key img {
        max-width: 999px;
    }

    .seat-assignment-wrap .seating-table-key tr {
        display: block;
    }

    .seat-assignment-wrap .seating-table-key td {
        display: inline-block;
        text-align: left;
    }
}

.hl {
    color: #1D2E37;
}

.booking-page input[type="text"], .booking-page input[type="email"], .booking-page input[type="search"], .booking-page input[type="password"], .booking-page input[type="number"], .booking-page input[type="phone"], .booking-page textarea, .booking-page .booking-select {
    border: 1px solid #DDE3E8;
    border-radius: .25em;
    padding: .625em;
    font-size:14px;
}

.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, .booking-page form .dates-prices-overlay li, .dates-prices-overlay .booking-page form li, .booking-page form .notes-pagination .notes-pagination__navigator, .notes-pagination .booking-page form .notes-pagination__navigator {
    line-height: 1.5;
}

    .booking-page form p + .control, .booking-page form .dates-prices-overlay li + .control, .dates-prices-overlay .booking-page form li + .control, .booking-page form .notes-pagination .notes-pagination__navigator + .control, .notes-pagination .booking-page form .notes-pagination__navigator + .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;*/
    text-align: left;
    color: #0c3051;
    margin-bottom: 2.5em;
    margin:auto;
}

    .booking-confirmed p, .booking-confirmed .dates-prices-overlay li, .dates-prices-overlay .booking-confirmed li, .booking-confirmed .notes-pagination .notes-pagination__navigator, .notes-pagination .booking-confirmed .notes-pagination__navigator {
        max-width: 22.5em;
        margin-left: auto;
        margin-right: auto;
    }

.booking-confirmed__header, .booking-confirmed__body {
    padding: 1.125em 2.25em;
}

.booking-confirmed__header {
    font-size: 1.125em;
}

.booking-confirmed__booking-number {
    font-size: 20px;
    padding-bottom: 1.25em;
    margin-bottom: 15px;
    color: #2D6497;
    text-align: center;
}

.booking-confirmed__base {
    font-size: 1.125em;
    border-top: 1px solid #E9E5E5;
    padding-top: 1.25em;
    margin-top: 1.25em;
    text-align: center;
}

.icon-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    text-align: left;
    width: 13.125em;
    margin-left: auto;
    margin-right: auto;
}

    .icon-button:hover .icon-button__text-bdy {
        text-decoration: none;
    }

.icon-button__icon {
    margin-right: .625em;
}

.icon-button__text-title, .icon-button__text-bdy {
    display: block;
}

.icon-button__text-title {
    font-weight: 400;
    letter-spacing: 0.05em;
    font-size: 1rem;
}

.icon-button__text-bdy {
    font-size: .875rem;
    text-decoration: underline;
}

/*! prevnext */

.prevnext {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 1.875rem 0;
}

    .prevnext > * {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }

        .prevnext > *:only-child {
            margin-left: auto;
        }

    .prevnext .btn, .prevnext .form--dark [type="button"], .form--dark .prevnext [type="button"], .prevnext .form--dark [type="submit"], .form--dark .prevnext [type="submit"] {
        min-width: 8.4375rem;
        text-align: center;
    }

.prevnext--rule {
    border-top: 1px solid #dce3e8;
    margin-top: 2.6rem;
    padding-top: 3.6em;
}

.ptf {
    margin: 0 auto;
    max-width: 43.75rem;
}

    .ptf input[type='date'], .ptf input[type='email'], .ptf input[type='phone'], .ptf textarea, .ptf select {
        border: 1px solid #dde3e8;
        border-radius: .1875rem;
        padding: .9rem 0.76rem;
    }

    .ptf input[type='text'] {
        border: 1px solid #d8d9dd;
        border-radius: .1875rem;
        /* padding-right: .25rem;
        padding-top: .625rem;*/
        padding: .9rem 0.76rem;
        font-size: 14px;
    }

    .ptf select {
        max-width: 20.75rem;
    }

        .ptf select[disabled] {
            opacity: 0.5;
            pointer-events: none;
        }

    .ptf textarea {
        min-height: 8.125rem;
    }

    .ptf hr {
        background: #dfe0e1;
        border: 0;
        height: 1px;
        margin: 1.875rem 0;
    }

    .ptf h2, .ptf h3, .ptf .btn, .ptf .form--dark [type="button"], .form--dark .ptf [type="button"], .ptf .form--dark [type="submit"], .form--dark .ptf [type="submit"] {
        text-transform: uppercase;
    }

        .ptf h2 span, .ptf h3 span, .ptf .btn span, .ptf .form--dark [type="button"] span, .form--dark .ptf [type="button"] span, .ptf .form--dark [type="submit"] span, .form--dark .ptf [type="submit"] span {
            text-transform: lowercase;
        }

    .ptf .booking-heading {
        margin: 1.875rem 0 1.7rem;
    }

    .ptf .tick-check-label p, .ptf .tick-check-label .dates-prices-overlay li, .dates-prices-overlay .ptf .tick-check-label li, .ptf .tick-check-label .notes-pagination .notes-pagination__navigator, .notes-pagination .ptf .tick-check-label .notes-pagination__navigator {
        margin-bottom: 0;
    }

.ptf__destination {
    margin-bottom: 1.875rem;
}

    .ptf__destination + .ptf__destination {
        border-top: 1px solid #dfe0e1;
        padding-top: .625rem;
    }

.ptf__label {
    color: #4a4a4a;
    display: block;
    font-weight: 600;
    margin-bottom: .7rem;
}

.ptf__add {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: 0;
    color: #4a4a4a;
    display: inline-block;
    padding: 0;
    -webkit-transition: color 300ms;
    -o-transition: color 300ms;
    transition: color 300ms;
    vertical-align: top;
}

    .ptf__add:focus, .ptf__add:hover {
        color: #5ECDD1;
    }

    .ptf__add:before {
        background: #fff url("../img/icons/jiahao.min.svg") center center no-repeat;
        background-size: .625rem auto;
        border: 1px solid #5ECDD1;
        border-radius: 100%;
        content: '';
        display: inline-block;
        height: 1.25rem;
        margin-right: .625rem;
        width: 1.25rem;
        vertical-align: top;
    }

.ptf__dates input {
    max-width: 15rem;
    /*background-image: url("../img/icons/input-calendar.min.svg");*/
    background-image: url('../img/AW2022/booking/bookinghoteldata.png');
    background-position: 10px right;
    background-repeat: no-repeat;
    /*padding-left: 0.76rem !important;
    padding-right: 1.875rem !important;*/
    height: 43px;
    padding-left: 2rem !important;
}

.ptf__dates .ptf__label {
    margin: .3125rem 0;
    text-transform: uppercase;
}

.ptf__dates .tick-check-label {
    margin: .3125rem 0;
}

@media screen and (min-width: 31.25em) {
    .ptf__dates {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .ptf__dates > * {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            margin-right: .625rem !important;
        }
}

.ptf__options {
    -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;
    list-style: none;
    margin: 1.25rem 0;
    padding: 0;
}

    .ptf__options li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin: 0 0 .6rem 0;
        max-width: 10.9375rem;
    }

    .ptf__options .tick-check-label {
        padding-right: .75rem;
        font-family: 'basis-grotesque-regular';
    }

.ptf__options--2x li {
    max-width: 18.75rem;
}

.ptf__fields {
    display: block;
    list-style: none;
    margin: 1.25rem 0;
    padding: 0;
}

    .ptf__fields li {
        margin: 0 0 .75rem 0;
        padding: 0;
    }

.ptf__controls {
    -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;
    list-style: none;
    margin: 1.25rem -.9375rem 0rem;
    padding: 0;
}

    .ptf__controls li {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
        margin: 0 0 .75rem 0;
        padding: 0 .9375rem;
    }

.ptf__budget .radio-set__item {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 5rem;
    text-align: center;
    margin-bottom:0px!important;
}

@media screen and (min-width: 31.25em) {
    .ptf__controls li {
        width: 50%;
    }
}

@media screen and (min-width: 43.75em) {
    .ptf__controls--3x li {
        width: 33.333%;
    }
}

@media screen and (min-width: 60em) {
    .ptf__budget .radio-set__item {
        width: calc(25% - 1.25rem) !important;
    }
}

/*Ivy Ye 2181224 start*/
/*@media screen and (max-width:321px) {
    .incUpIvy {
        padding: .3375em;
        vertical-align: middle;
        transform: translateY(30%);
    }

    .tab-nav a.incUpIvy {
        padding: .3375em;
        padding-top: .3375em;
        padding-bottom: .3375em;
    }
}*/
/*Ivy Ye 2181224 end*/
/*Ivy Ye 20190104 start*/
@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;*/
    }
}

/*Ivy Ye 20190104 end*/


/***20190215 Ivy Ye start**/


 
/***20190215 Ivy Ye end**/


/*Ivy Ye 20190225 start*/
.trip-metaIvytt {
    width: 40em;
    height: 12em;
}

.trip-meta__durationIvytt {
    font-size: 50px;
}

.trip-meta__partIvytt {
    font-size: 33px;
}

.fontsizebigger {
    font-size: 40px;
}



.termsIvytt {
    color: #ffffff;
    font-weight: normal;
    text-align: center;
    word-break: break-word;
    PADDING-TOP: 10px;
    font-size: 0.66em;
}

.fontsizebig {
    font-size: 26px;
    padding-bottom: 20px;
}

@media screen and (max-width: 31.25em) {
    .trip-metaIvytt {
        width: 24em;
        height: 7em;
    }

    .trip-meta__durationIvytt {
        font-size: 12px;
    }

    .trip-meta__partIvytt {
        font-size: 1.125em;
    }

    .fontsizebigger {
        font-size: 1.4em;
    }



    .trip-meta .trip-meta__duration {
        color: #1D2E37;
        margin-top: -1em;
        font-size: 1.125em;
    }

    .termsIvytt {
        color: #ffffff;
        font-weight: normal;
        width: 380px;
        text-align: center;
        word-break: break-word;
        font-size: 10px;
    }

    .fontsizebig {
        font-size: 1em;
    }
}
/*Ivy Ye 20190225 end*/
/*20190225 IvyYe add Start*/
.discWraIvyfs {
    display: flex;
    position: relative;
}

.discIcoIvyfs {
    line-height: 2.625em;
    position: absolute;
    left: -1.6em;
    top: 26%;
    width: 0.9375em;
    height: 0.9375em;
    background: url('../img/icons/low-price-Ivyof.png');
    background-size: 0.9375em 0.9375em;
}

.discFonIvyfs {
    text-decoration: line-through;
    color: #0c3051;
    opacity:.6;
}
.sciondispricediv div {
    /*display:inline-block*/
}

.sciondispricediv div:nth-child(2) {
    /*padding-left:5px;*/
}

.widIvyye {
    margin-left: 14.625em;
    margin-right: 14.625em;
}
/** Ivy Ye 20190321*/
@media screen and (min-width: 56.25em) and (max-width: 64em) {
    .widIvyye {
        min-width: 320px;
        margin-left: 2em;
        margin-right: 2em;
    }
}
/** Ivy Ye 20190321*/
@media screen and (max-width: 56.25em) {
    .widIvyye {
        min-width: 320px;
        margin-left: .1em;
        margin-right: .1em;
    }
}
/** Ivy Ye 20190321*/

/**common Ivy Ye */
.posiIvyyefff {
    position: unset;
}

/*20190225 IvyYe add End*/
.dingbu {
    position: fixed;
    right: 30px;
    bottom: 72px;
    width: 46px;
    height: 46px;
    display: none;
    z-index: 888;
}

@media screen and (max-width:325px) {
    .destination__item h3 {
        font-size: 2em;
    }
}

.dingbu a img {
    opacity: 0.5;
}

.dingbu a:hover img {
    opacity: 1;
}

@media screen and (min-width: 1320px) {
    .dingbu {
        right: auto;
        left: 50%;
        bottom: 40px;
        margin-left: 544px;
    }
}



/**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;
    z-index:7;
}

button.arrowIvyotfR {
    background: url(../img/icons/arrowhead-right.min.svg);
    background-size: 8px 14px;
    background-repeat: no-repeat;
    height: 30px;
    margin-top: -5px;
    z-index: 7;
}


.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;
}

.card__bodyOptionalTours {
    padding: 1.25em;
    background-color: #fff;
}


div.flickity-viewport {
    /*height: 398px;*/
}


@media screen and (min-width: 56.25em) {
    span.mini-iconIvyfo:before {
        margin-left: .3rem;
        width: 150px;
        min-width: 150px;
    }
}

span.mini-iconIvyot {
    position: absolute;
    right: 95px;
    left: 70px;
}

@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*/


.table-wrap {
    max-width: 100%;
    overflow-x: auto;
}

    .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;
}

.table-wrap table tbody td {
    border-bottom: 1px solid #1D2E37;
}

.accordion__body ul li {
    line-height: 1.8;
    color: #6F6F6F;
}

/*faq二级*/
/*ul.padiIvyzzt {
    padding-left: 1em;
}*/

.content-page__nav .sub-menu li.current-item ul.padiIvyzzt a {
    font-weight: normal;
}

.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--category {
    background-color: #5ECDD1;
    padding: .01em .01em;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    font-style: italic;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: sans-serif;
    font-size: .625em;
    text-align: center;
    vertical-align: middle;
    position: relative;
}

.mini-icon--categoryIvytf {
    position: absolute;
    transform: translateY(30%);
    transform: translate(-60%,25%);
}

.travelstylebox_topimg {
    position: relative;
}

    .travelstylebox_topimg img {
    }

.sciontravelstyleinfo_list {
    padding-top: 3.75em;
    width:30%;
    margin-bottom:5em;
}

    .sciontravelstyleinfo_list:after {
        content: '';
        clear: both;
        display: block;
    }

.travelstylebox_topimg span {
    position: absolute;
    bottom: 8%;
    left: 4%;
    color: white;
    font-size: 2em;
    text-transform: uppercase;
}


.sciontsinfo_left {
    display: flex;
    align-items: center;
    color: #0c3051;
}
.sciontsinfo_right {
    padding-top: 1.5rem;
}

    .sciontsinfo_right span {
        font-size: 20px;
        color: #6F809C;
        margin-bottom: .7em;
        display: block;
        text-transform: uppercase;
    }

@media screen and (max-width: 37.5em) {

    .travelstylebox_topimg span {
        font-size: 1.3em;
    }
}

.newboxvp_bigtitle {
    text-align: center;
    margin-bottom: 4em;
}

    .newboxvp_bigtitle span {
        font-size: 2em;
        color: #00424e;
        text-transform: capitalize;
    }

.scionnewboxvp {
    display: flex;
    flex-direction: row;
}

.scionnewboxvp_list {
    justify-content: center;
    text-align: center;
    padding-left: 1.25em;
    padding-right: 1.25em;
    padding-bottom: 1.25em;
    flex: 1;
}

.newboxvplist_img {
    margin: auto;
    width: 150px;
    height: 152px;
/*    margin-bottom:27px;*/
}

.newboxvplist_title {
    /*text-transform: uppercase;*/
    font-size: 20px;
    color: #0c3051;
    margin-top: 5px;
    letter-spacing: -0.5px;
    line-height: 30px;
}

.newboxvplist_info {
    word-break: break-word;
    position: relative;
    line-height: 22px;
    font-family: 'basis-grotesque-regular';
    font-size:14px;
}

.scionshoworhide {
    overflow: hidden;
    height: 110px;
}

    .scionshoworhide:after {
        content: '...';
        display: block;
        position: absolute;
        bottom: 0px;
        right: 3px;
        background-color: #EBE6E6;
    }

@media screen and (max-width: 56.25em) {
    .scionnewboxvp {
        display: block;
    }

    .newboxvp_bigtitle {
        text-align: center;
    }
}

.citytype_box {
    display: flex;
    padding-bottom: 1em;
}

.citytpe_list {
    display: flex;
    align-items: center;
    width: 50%;
}

    .citytpe_list label {
        font-family: 'din-condensed';
        color: #00424e;
        padding-left: .5em;
        text-transform: uppercase;
        font-size: 18px;
    }



.citytpe_listIvystf {
    width: 37%;
}

    .citytpe_listIvystf img {
        float: right;
        font-size: 14px;
        max-width: 100%;
        height: auto;
        width: 72px;
    }
.phonesearchbtn {
    display: none!important;
}
@media screen and (max-width:56.25em) {
    .citytpe_listIvystf img {
        width: 65px;
    }

    .citytpe_listIvystf {
        width: 50%;
    }

    .citytpe_list label {
        font-size: 16px;
    }
    .primary-nav a, .content-page__nav a {
        color: #0c3051;
        font-size: 18px;
        letter-spacing: 0;
        padding: 1.25em;
        line-height: inherit;
    }
    a.menuleft_unline {
        line-height: inherit;
        padding: .625em 1.25em;
    }
    .menu-closeIvyttn {
        border-bottom: 0 !important;
    }
        .menu-closeIvyttn a {
            background-color: #23dafa;
            margin: 2em 1.25em;
            padding: 13px 0px;
            text-align: center;
            border-radius: 4px;
            font-size: 14px;
        }
        .menu-closeIvyttn:hover>a {
            color: #0c3051!important;
        }
    .phonesearchbtn {
        display:block!important;
    }
}

.sciontuansx {
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 2;
    padding: .2em .32em;
    background-color: white;
    text-transform: uppercase;
    color: #71839E;
    font-family: 'din-condensed';
    font-size: 18px;
    letter-spacing: 0.05rem;
}

@media screen and (max-width: 56.25em) {
    .scionphonehide {
        display: none;
    }

    #read-more {
        display: none;
    }
    
    .card-body-meta li:first-child {
        width: 100%;
    }

    .card-body-meta li:nth-child(2):before {
        width: 0px;
    }

    .card-body-metaspstyle li:first-child {
        width: auto;
    }

    .card-body-metaspstyle li:nth-child(2):before {
        width: 1px;
    }
}

/*newtab-nav  Css strat*/
.newtab-nav ul {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0;
    font-size: inherit;
    line-height: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .newtab-nav ul li {
        list-style-type: none;
    }

.newtab-nav li {
    /*text-transform: uppercase;*/
    width: 50%;
    text-align: center;
    /*border-bottom: 1px solid #fff;*/
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .newtab-nav li:nth-of-type(odd) {
        /*border-right: 1px solid #fff*/
    }

.newtab-nav a {
  letter-spacing: 0.01rem;
  color: #0C3051;
  display: block;
  padding: .9375em;
  -webkit-transition: color .4s;
  -o-transition: color .4s;
  transition: color .4s;
  text-decoration: none;
  opacity: 0.66;
}

  .newtab-nav a:hover {
    color: #0C3051;
    opacity: 1;
  }

    .newtab-nav a.btn,
    .newtab-nav .form--dark a[type="button"],
    .form--dark .newtab-nav a[type="button"],
    .newtab-nav .form--dark a[type="submit"],
    .form--dark .newtab-nav a[type="submit"] {
        color: #ffffff;
    }

.newtab-nav li.check-dates-prices {
    position: relative;
    right: 0;
    bottom: 14px;
    z-index: 10;
    border-bottom: none;
    border-right: none;
    margin: auto;
    margin-top: 2em;
}

    .newtab-nav li.check-dates-prices a {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

@media screen and (min-width: 43.75em) {
    .newtab-nav {
        padding: 0 1.25em;
    }

    .newtab-navIvytfe {
        padding: 0 0em;
    }

    .newtab-nav .inner {
        position: relative;
    }

    .newtab-nav li,
    .newtab-nav li:nth-of-type(odd) {
        width: auto;
        border: none;
    }

        .newtab-nav li + li {
            margin-left: .625em;
        }

        .newtab-nav li.check-dates-prices {
            width: 20em;
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            left: auto;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

            .newtab-nav li.check-dates-prices a {
                padding: .875em 1.5em .875em;
            }
}

.newtab-nav .is-active a {
  background-color: transparent;
  border-bottom-color: #23dafa;
  opacity: 1;
}

.newtab-nav a {
    padding: 0.55em .625em;
    border-top: 6px solid transparent;
    border-bottom: 4px solid transparent;
    font-size: 1.65em;
    font-weight: 400;
    letter-spacing: -0.05rem;
}

@media screen and (min-width: 60em) {
    .newtab-nav li + li {
        margin-left: 1.25em;
    }

    .newtab-nav a {
        padding: 0.55em 2em;
    }

    .newtab-nav .check-dates-prices a.btn,
    .newtab-nav .check-dates-prices .form--dark a[type="button"],
    .form--dark .newtab-nav .check-dates-prices a[type="button"],
    .newtab-nav .check-dates-prices .form--dark a[type="submit"],
    .form--dark .newtab-nav .check-dates-prices a[type="submit"] {
        padding: .875em 2.25em .875em;
    }
}

@media screen and (max-width: 22.5em) {
    .newtab-nav li {
        font-size: .875em;
    }
}

@media screen and (max-width: 43.75em) {
    .check-dates-prices {
        width: 100% !important;
    }

    .text-widget .sort-select {
        max-width: none;
    }

    .newtab-nav a {
        font-size: 1.25em;
    }

    .scionnewouttop {
        padding-top: 0px;
    }
}

.card_discountinfo {
    position: absolute;
    padding: 12px 1em;
    background-color: rgba(12,48,81, 0.8);
    bottom: 20px;
    /* text-align: center; */
    left:20px;
    min-width: 60%;
    text-align: center;
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    border-radius:8px;
}

@media screen and (max-width: 37.5em) {
    .card_discountinfo {
        min-width: 65%;
        font-size: 14px;
        padding: 6px 1em;
    }
}

.flickity-viewport {
    position: relative;
}

.date-price-disinfo {
    text-align: center;
    padding: .16em 0;
    margin-top: 5px;
    position: absolute;
    /*    bottom: -40px;*/
    width: 100%;
    border-radius: 4px;
    background: #0c3051;
}

    .date-price-disinfo span {
        color: white;
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
        font-family:basis-grotesque-regular;
    }

.scionnopadding {
    padding: 0 !important;
    margin: 0px !important;
}
    .scionnopadding:after {
        content:'';
        clear:both;
        display:block;
    }


    .scionnopadding .flickity-slider {
        margin-left: 25px;
    }

.widget .date-price-list {
    overflow: visible !important;
}

.scionnopadding .flickity-viewport {
    overflow: visible !important;
}

.scionnopadding .date-price-list__item {
    width: 28.5%;
}
.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;
}
@media screen and (min-width: 43.75em) {
    .scionnopadding .date-price-list__item {
        width: 15.8%;
    }
   
}

#awcontent a {
    text-decoration: none;
    color: #66c3cd;
}

    #awcontent a span {
        font-size: 16px;
        line-height: 10px;
        vertical-align: middle;
    }

.scionrightbox {
    text-align: center;
    position: relative;
    z-index: 99;
    /*margin:1.25rem 0rem;*/
    width: 100%;
    cursor: pointer;
    padding-bottom: 1.25rem;
}

    .scionrightbox span {
        font-size: 1.325rem;
        color: #6F6F6F;
        font-family: 'din-condensed';
        text-transform: uppercase;
        vertical-align: middle;
    }

    .scionrightbox img {
        width: 27px;
        display: inline-block;
        vertical-align: middle;
        padding-left: 10px;
    }

/*Hotels新添加样式！！！！！！！！！！！*/

/*cardbox 样式一*/
.scionrightbox {
    text-align: center;
    position: relative;
    z-index: 99;
    /*margin:1.25rem 0rem;*/
    width: 100%;
    cursor: pointer;
    padding-bottom: 1.25rem;
}

    .scionrightbox span {
        font-size: 1.325rem;
        color: #6F6F6F;
        font-family: 'din-condensed';
        text-transform: uppercase;
        vertical-align: middle;
    }

    .scionrightbox img {
        width: 27px;
        display: inline-block;
        vertical-align: middle;
        padding-left: 10px;
    }

.card h1.clasHotIvytf {
    font-size: 1.45em;
    font-family: 'din-condensed';
    color: #324d59;
}

div.clasHotIvyts .hl--b {
    margin-bottom: 0rem;
    color: #A4EDDB;
    font-size: 14px;
    display: flex;
    justify-content: start;
}
div.clasHotIvyts .hl--b-Ivtsed {
    font-size: 18px;
}
div.clasHotIvytsIvyftn {
    margin-top:0px;
    
}
.claHotIvytse {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #4a4a4a;
    text-align: center;
    font-size: 15px;
    line-height: 1.8;
    margin-bottom: 0.86rem;
    margin-top: -0.76rem;
}


.teshulunbobox .layout__inner .layout__item {
    width: calc(100% - 1.875em);
}

    .teshulunbobox .layout__inner .layout__item .card {
        justify-content: space-between;
    }

.teshulunbobox .card a {
    width: 48%;
}

.newcard__link:hover:before, .newcard__link:focus:before {
    opacity: 1;
}

.newcard__link:hover:before,
.newcard__link:focus:before {
    opacity: 1;
}

.teshulunbobox .newcard__link:hover .card__img:before {
    opacity: 1;
    -webkit-transition: opacity .4s;
    -o-transition: opacity .4s;
    transition: opacity .4s;
}

.teshulunbobox .layout__inner .layout__item .newcard {
    justify-content: space-between;
}

@media screen and (min-width: 37.5em) {
    
    .layout--trip-cards .layout__inner .layout__item .newcard {
        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;
    }
}

@media screen and (min-width: 37.5em) {
    .layout--trip-cards .layout__inner .layout__item .newcard_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;
    }
}

.newcard_link {
    position: relative;
    /*z-index: 2;*/
    width: 48%;
    margin-bottom: 15px;
    display: inline-block !important;
    text-decoration: none;
    vertical-align: top;
    background-color:white;
}

    /*.newcard_link:nth-child(even) {
        margin-right: 2.2rem;
    }*/

    .newcard_link:before {
        content: ' ';
        display: block;
        -webkit-box-shadow: 0 4px 12px rgba(29, 46, 55, 0.4);
        box-shadow: 0 4px 12px rgba(29, 46, 55, 0.4);
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 100%;
        opacity: 0;
        -webkit-transition: opacity 0.4s ease-in-out;
        -o-transition: opacity 0.4s ease-in-out;
        transition: opacity 0.4s ease-in-out;
    }

@media screen and (min-width: 37.5em) {
    .layout--trip-cards .layout__inner .layout__item .newcard_link .card__link > * {
        width: 100%;
    }
}

.newcard_link:hover:before, .newcard_link:focus:before {
    opacity: 1;
}

.newcard_link:hover .card__img:before {
    opacity: 1;
    -webkit-transition: opacity .4s;
    -o-transition: opacity .4s;
    transition: opacity .4s;
}

@media screen and (min-width: 37.5em) {
    .layout--trip-cards .layout__inner .layout__item .newcard_link .card__link > * {
        width: 100%;
    }
}

.newcard_link h3.clasHotIvytf {
    font-size: 20px;
    text-align: left;
    color: #0C3051;
    display: inline;
    position: relative;
    margin-top: 5px;
    margin-bottom: 0.4em;
    display: block;
    letter-spacing: -0.5px;
}

.newcard_toptitle {
    text-align: left;
    margin: 15px 0px 30px 0px;
    margin-left: 7px;
}

    .newcard_toptitle span:first-child {
        padding: 7px 15px;
        background-color: #273C4E;
        color: white;
        font-size: 16px;
        text-transform: uppercase;
    }

    .newcard_toptitle span:last-child {
        text-transform: capitalize;
        padding-left: 15px;
        color: #385765;
        font-size: 22px;
    }

.newtab-nav .is-active a.selchIvyzts {
  color: #0C3051;
  opacity: 1;
}

.newtab-nav a.selchIvyzts {
  color: #0C3051;
  opacity: 1;
}

.newcard_toptitletwo {
    text-align: left;
    margin: 0px 0px 25px 0px;
    margin-left: 0px;
}

    .newcard_toptitletwo span:first-child {
        padding: 7.5px 13px;
        background-color: #FCD4A0;
        color: #0C3051;
        font-size: 12px;
        text-transform: uppercase;
        border-radius: 4px;
        vertical-align: middle;
        display:inline-block;
    }

    .newcard_toptitletwo span:last-child {
        text-transform: capitalize;
        padding-left: 15px;
        color: #0C3051;
        font-size: 20px;
        vertical-align:middle;
    }



.layout_iteminfo {
    margin: 25px 0px;
    text-align: center;
}
.newcard_sameheight {
    display: flex;
    /*justify-content: space-between;*/
    align-self: stretch;
    flex-wrap: wrap;
}
.newcard_daybox .newcard_sameheight .newcard_link .card__img img {
    border-radius: 8px;
    cursor:pointer;
}
.newcard_daybox .newcard_sameheight .newcard_link {
    /*width: 31.5%;*/
    width: calc(33% - 1.1em) !important;
    margin-left: 0.63em !important;
    margin-right: 0.63em !important;
}
.newcard_daybox .newcard_sameheight .newcard_link:before {
    content: none;
}
.newcard_daybox .newcard_sameheight .newcard_link .card__img:before {
    content:none;
}
.newcard_daybox .newcard_sameheight .newcard_link .card__body {
    padding:1.25em 0em;
}
/*第二个样�?/
@media screen and (min-width: 60em) {
    .timeline__item-inner .timeline__imgIvyff {
        margin-left: 0em;
        margin-right: 1.25rem;
        width: calc(54% - 4.5em);
    }

    .timeline__item-inner .timeline__bodyIvyff {
        margin-left: 1.25rem;
        margin-right: 0em;
        position: relative;
    }
}

.sub-section-headingIvyefn {
    margin-bottom: 0rem;
    text-transform: capitalize;
    color: #3f6271;
}

.btn--secondaryIvynzs {
    /*text-transform: uppercase;*/
    color: #385765;
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    padding: 6px 12px;
}

.timeline__imgIvynoz img {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 100%;
    height: 300px;
}

.scionnoclick a {
    color: #B9BABC !important;
}

.card__titlesicon {
    padding: 2px 8px;
    border-radius: 50%;
    background-color: #2d9a9d;
    color: white;
    font-size: 14px;
    vertical-align: middle;
    margin-left: 11px;
    right: -29px;
    top: 0px;
}

@media screen and (max-width: 56.25em) {
    .card__titlesicon {
        padding: 2px 8px;
        border-radius: 50%;
        background-color: #2d9a9d;
        color: white;
        font-size: 14px;
        vertical-align: middle;
        margin-left: 11px;
        position: absolute;
        right: -29px;
        top: 33px;
    }
}


@media screen and (max-width: 31.25em) {
    .card__titlesicon {
        padding: 2px 8px;
        border-radius: 50%;
        background-color: #2d9a9d;
        color: white;
        font-size: 14px;
        vertical-align: middle;
        margin-left: 11px;
        position: absolute;
        right: -29px;
        top: 33px;
    }
}


@media screen and (max-width: 43.75em) {

    .newcard_link:nth-child(even) {
        margin-right: 0;
    }

    .teshulunbobox .layout__inner .layout__item {
        width: 100%;
    }
}

@media screen and (max-width: 37.5em) {
    .newcard_sameheight {
        display:block;
    }
    .newcard_link {
        position: relative;
        z-index: 2;
        width: 100%;
        margin-bottom: 15px;
        display: inline-block !important;
        text-decoration: none;
    }
    .overlay-pull-back {
        margin-left: -1.875em;
        margin-right: -1.875em;
    }
}


.scionnewtabtwo {
    background: #1D2E37;
}

.sciontab {
    width: 1130px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
}

    .sciontab li {
        float: left;
        padding: 2.25em 1.25em;
        font-family: 'din-condensed';
        font-weight: 400;
        letter-spacing: 0.05em;
        color: #fff;
        display: block;
        text-decoration: none;
        border-top: 6px solid transparent;
        cursor: pointer;
    }

        .sciontab li.scionactivestyle {
            color: #B6363B;
            border-bottom: 6px solid #B6363B;
        }

    .sciontab:after {
        content: '';
        clear: both;
        display: block;
    }

.hotelmenu {
    overflow: hidden;
    width: 100%;
}

    .hotelmenu .nav {
        display: block;
        padding: 0;
        margin: 0 auto;
        list-style: none;
    }

        .hotelmenu .nav li {
            
            border: 1px solid #D8D9DD;
            width: 19.8%;
            
            border-radius: 4px;
        }

@media screen and (max-width: 43.75em) {
    .hotelmenu .nav li {
       
        width: 33.3%;
    }
}

.hotelmenu .nav li a {
    display: block;
    font-weight: 200;
    text-decoration: none;
    padding: 15.5px 0;
    text-align: center;
    color: #0C3051;
    font-size:14px;
    text-transform: capitalize;
}

.hotelmenu .nav li.hotelselected a {
    display: block;
    font-weight: 200;
    text-decoration: none;
    padding: 15.5px 0;
    text-align: center;
    color: #0C3051;
    text-transform: capitalize;
}

.tag {
    /*padding: 10px;*/
    padding: 1.25em;
}

.hotelselected {
    background: #FCD4A0;
    color: #0C3051;
    border:none;
}


#hotelmenutwo {
    overflow: hidden;
    width: 100%;
}

    #hotelmenutwo #navtwo {
        display: block;
        padding: 0;
        margin: 0 auto;
        list-style: none;
        background-color: #EBE6E6;
    }

        #hotelmenutwo #navtwo li {
            float: left;
            width: 19%;
        }

@media screen and (max-width: 43.75em) {
    #hotelmenutwo #navtwo li {
        float: left;
        width: 33.3%;
    }
}

#hotelmenutwo #navtwo li a {
    display: block;
    font-weight: bold;
    text-decoration: none;
    font-family: 'din-condensed';
    padding: 20px 0;
    text-align: center;
    color: #333;
    text-transform: uppercase;
}

@media screen and (max-width: 56.25em) {
    .btn--secondaryIvynzs {
        text-transform: uppercase;
        color: #385765;
        position: absolute;
        bottom: .5rem;
        right: 2.8rem;
        padding: 6px 12px;
    }
}

@media screen and (max-width: 31.25em) {
    .btn--secondaryIvynzs {
        text-transform: uppercase;
        color: #385765;
        position: absolute;
        bottom: .5rem;
        right: 1.8rem;
        padding: 6px 12px;
    }
}

@media screen and (max-width: 56.25em) {
    .tabIvyste {
        padding: 1.25em;
    }
}

@media screen and (max-width: 31.25em) {
    .tabIvyste {
        padding: 1.25em;
    }
    .flickity-page-dotsIvyotfL {
        bottom:-50px;
    }
    .modal_morehotel .flickity-page-dotsIvyotfL {
        bottom:-25px;
    }
    .scionphoneprice tr {
        align-items: center;
        border-bottom: 2px solid #fff;
    }
    .scionphoneprice td {
        border-bottom:0px;
    }

}

/*Ivy 弹窗样式 Start*/

.modal.modalIvyyentz {
    position: relative;
}

div.cityhotelIvyntz {
    position: absolute;
    width: 100%;
    background: #f1f1f1;
    height: 60px;
    top: 0px;
    left: 0px;
    display: flex;
    justify-content: space-between;
}

button.arrowIvyntzfl {
    background-size: 8px 14px;
    background-repeat: no-repeat;
    height: 30px;
    margin-top: -5px;
    transform: translateY(100%);
    left: 33px;
    margin-left: 0;
}

button.arrowIvyntzfr {
    background-size: 8px 14px;
    background-repeat: no-repeat;
    height: 30px;
    margin-top: -5px;
    transform: translateY(100%);
    right: 33px;
    margin-left: 0;
}

.modal .modal-closeIvyntz {
    position: absolute;
    right: 0.875rem;
    top: -2.8rem;
    z-index: 9999;
    text-decoration: none;
    color: #fff;
    font-size: 2.25em;
    font-weight: 200;
}

p.cityhotelIvyntz {
    text-align: center;
    color: #5ECDD1;
    padding-top: 20px;
    margin-bottom: -5px;
    margin-top: 1.875rem;
}

h1.startitIvyntz {
    font-size: 22px;
    color: #0C3051;
    text-align: center;
}

div.adteIvyntz {
    line-height: 1.8;
    color: #6F6F6F;
    font-family: &quot;
    din-2014 &quot;
    , sans-serif;
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 1.875rem;
    border-top: 1px solid #e1e1e1;
    padding-top: 1.25rem;
}

/*Ivy 弹窗样式  End*/

.card__imgIvyfts img {
    display: block;
    max-width: 100%;
    /*height: 286px;*/
    width: 100%;
}

.scionsavewidth ul li{
    width:19.8%;
}

.scionsavewidth ul li a{
    padding: 1em 0em;
    font-size:18px;
}
.scionsavewidth li, .scionsavewidth li:nth-of-type(odd) {
    width:18%;
}
.scionsavewidth li + li {
    margin-left:0px;
}
@media screen and (max-width: 43.75em) {
    .scionsavewidth ul li{
        width:33.3%;
    }

    .scionsavewidth ul li a{
        padding: 0.55em 0em;
    }
    .scionsavewidth li, .scionsavewidth li:nth-of-type(odd) {
        width:33.3%;
    }
    .phonefirstli li:first-child {
        width: 100%;
    }
    .phonefirstli li:nth-child(even) {
        border-right: 1px solid #ebebeb;
    }
}

.card__imgIvyfts:before {
    content: 'View hotel';
}
/*Ivy ye start*/

.card_titleIvyotn{
    color: #324d59!important;
    letter-spacing: 0.02rem;
}
.card__bodyOptionalToursIvytft {
    padding-top: 36px;
}
.horotextIvyzos {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4 !important;
    -webkit-box-orient: vertical;
}
.holupIvyfts {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4 !important;
    -webkit-box-orient: vertical;
}
.card_bodyIvyfts {
    padding-top: 33px!important;
}
/* Ivy ye end*/
.selDaIvystn {
    display: inline-block;
    margin-bottom: 12px;
    color: #0c3051;
    font-size: 14px;
    line-height: 22px;
}
.dates-prices-overlay .dates-prices-form {
    margin-bottom: 16px;
}
@media screen and (width: 1024px) {
    /*.tab-nav a:hover {
        color: white;
    }*/
}
/*@media screen and (max-width:1007px) {
    .tab-nav li.check-dates-prices {
        position: fixed;
        left: auto;
        top:auto;
        bottom: 0;
        width: 100%;
        z-index: 10;
        border-bottom: none;
        border-right: none;
    }
}*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    .tab-nav a:hover {
        color: white;
    }
    .tab-nav li.check-dates-prices {
        position: fixed;
        left: auto;
        bottom: 0;
        top:auto;
        width: 100%;
        z-index: 10;
        border-bottom: none;
        border-right: none;
    }
}
.timeline__body p {
    /*word-break:break-all;*/
}

@media screen and (max-width: 320px) {
    .trip-meta {
        width: 17em;
    }
}
.gray { 
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}


.datepricepopbackground {
    background-color: rgba(0,0,0,.5);
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	display: none;
	z-index: 9999;
}
.datepricepopinfo {
    position: relative;
    padding: 60px 70px 30px 70px;
}
.dppop_closebtn {
    position:absolute;
    top: 30px;
    right: 45px;
    cursor:pointer;
}
.datepricepopleftbox {
    position: absolute;
    top: 0;
    left: 0;
    background-color: white;
    transform: translateX(100%);
    width: 100%;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
}
.leftboxclose {
    position: absolute;
    display: block;
    top: 30px;
    left: 30px;
    cursor:pointer;
}
.leftboxclosetwo {
    position: absolute;
    display: block;
    top: 30px;
    right: 30px;
    cursor: pointer;
}
.popleftboxlist {
        padding: 0px 50px;
}
.popleftboxinfo {
    margin-bottom: 1em;
    /*border: 1px solid #DDE3E8;
    padding: 1.125em;*/
    border-radius: 6px;
    cursor: pointer;
    position:relative;
}
   /* .popleftboxinfo:hover:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: 3px;
        border: 2px solid #5ECDD1;
    }*/
.popleftboxinfo p {
    color: #1D2E37;
    font-size: 1.2rem;
    font-weight: 400;
    letter-spacing: 0.05em;
}
.airinfobox {
    display: inline-block;
    margin-right: 15px;
    margin-bottom:10px;
}
.airinfobox img {
    display: inline-block;
    width: 25px;
    margin-right: 2px;
    vertical-align:middle;
}
    .airinfobox span {
        vertical-align: middle;
        font-size: 14px;
        text-transform: capitalize;
        color: black;
    }
    /*.xhtt {
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
}*/
    .datepricepopinfobox {
        width: 900px;
        background-color: white;
        margin: auto;
        display: none;
        position: relative;
        z-index: 99999;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -49%);
        overflow: hidden;
    }
.dppop_title p {
    color: #1D2E37;
    font-size: 1.25rem;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 0.05em;
}
.groupTour {
    margin-top: 10px;
    margin-bottom: 22px;
}
.privatetourbtnbox {
    
}
.pt_boxinfo, .gt_boxinfo {
    display: flex;
    align-items: flex-start;
    border: 0px solid #DEE3E7;
    cursor: pointer;
}

.scionpt_leftbtn, .sciongt_leftbtn {
    /*border: 1px solid #DEE3E7;*/
    min-width: 27%;
    padding: 25px 0px 40px 0px;
   /* cursor: pointer;*/
    position: relative;
    border-radius: .1875em;
}

.scionpt_leftbtn span,.sciongt_leftbtn span{
    padding-left:13%;
      font-weight: bold;
    color: #1d2e37; 
    font-size: .9375em;
}

.scionpt_righttext {
    padding-left:26px;
}
.scionpt_righttext p {
    line-height: 1.7; color: #6F6F6F;font-size: .9375em;

}
.scionpt_leftbtn div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 2px solid transparent;
    border-radius: 3px;
}
.scionpt_leftbtn span:after, .sciongt_leftbtn span: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;
    padding-left: 13%;
}
/*.scionpt_leftbtn div:hover {
    border: 2px solid #5ECDD1;
}
.scion_bordercolor {
    border: 2px solid #5ECDD1!important;
}*/


div.pt_boxinfo :hover, div.gt_boxinfo :hover {
    border: 2px solid #5ECDD1 !important;
}

/*.datepricepopinfoafter {
    border:2px solid #5ECDD1 !important;
}*/
    .scion_bordercolor:after {
        content: ' ';
        width: 1.625rem;
        height: 1.625rem;
        border-radius: 50%;
        display: block;
        background: #5ECDD1 url(../img/white-tick.svg) no-repeat center center/11px auto;
        border-color: #5ECDD1;
        position: absolute;
        top: 0;
        right: 0;
        -webkit-transform: translateX(50%) translateY(-50%);
        -ms-transform: translateX(50%) translateY(-50%);
        transform: translateX(50%) translateY(-50%);
        z-index: 2;
    }
/*index DatePrice start*/
.datepricebackground:after {
    content: ' ';
    display: block;
    height: 100%;
    width: 100%;
    background-color: #D3F8FE;
}

.datepricebackground {
    background-color: #D3F8FE;
    padding: 2.5em 2.5em;
    padding-bottom: 0px;
}

.dates-prices-overlay .module-title {
    color: #23dafa;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0;
}

.dates-prices-overlay .module-title, .dates-prices-overlay .section-heading {
    text-align: center;
}
.datepricebackground .section-heading {
    font-size: 28px;
    line-height: 38px;
    letter-spacing: -0.5px;
    margin-top: 8px;
    margin-bottom: 52px;
}
.sciondatepricetabbox {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 49px;
    justify-content: space-between;
    /*border-bottom: 2px solid #ECECEC;*/
}

    .sciondatepricetabbox .datepricetablist {
        width: 49%;
        text-align: center;
        padding: 18.5px 0;
        border: 1px solid rgba(45,100,151,0.2);
        border-bottom: none;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        background-color: #D3F8FE;
        box-sizing:border-box;
    }


    .sciondatepricetabbox div span {
        display: block;
    }



    .sciondatepricetabbox .optionname {
        color: #0C3051;
        font-size: 14px;
        font-weight: bold;
        line-height: 22px;
    }

    .sciondatepricetabbox .optioninfo {
        font-size: 12px;
        color: #2D6497;
        font-family: basis-grotesque-regular;
        line-height: 22px;
    }

.datepricetabactive {
    /*border-bottom: 4px solid #C2977B;*/
    margin-bottom: -2px;
    background-color: white !important;
    border: 1px solid white !important;
}

.dates-prices-overlay .dates-prices-form {
    padding: 0em 2.5em;
}

.dates-prices-overlay .datepricetablelist {
    padding: 0em 2.5em;
}

.dates-prices-form-tishi {
    color: #8A8D9A;
    width: 100%;
    flex-basis: 100%;
    text-align: center;
    font-size: 12px;
}
.datepricems {
    font-size:12px;
    line-height:16px;
    color:#778c9e;
}

.dates-prices-form-tishi a {
    color: #2D6497;
}
.datepricebackground .section-heading:after{
    content:none!important;
}
.datepricebackground .module-title {
    margin-bottom:0em!important;
}
.date-price-table tr td {
    font-family: basis-grotesque-regular;
}

.date-price-table tr .table-block a {
    font-family: basis-grotesque-medium;
}
/*index DatePrice end*/
@media screen and (min-width : 768px) and (max-width : 1024px) {
    .datepricepopinfobox {
        width: 75%;
    }
}
@media screen and (max-width: 43.75em) {
    .datepricepopinfobox {
        width: 85%;   
        padding:20px;
        height:550px;
        overflow-y:scroll;
    }
    .datepricepopinfo {
        
        padding: 0;
    }
    .scionpt_righttext p {
        line-height:1.5;
    }
    .dppop_closebtn {
        position: absolute;
        top: 0;
        right: 0;
        cursor: pointer;
    }
    .scionpt_leftbtn span, .sciongt_leftbtn span {
        padding-left:0px!important;
    }
    .scionpt_leftbtn span:after, .sciongt_leftbtn span:after {
        margin-left:0px!important;
        padding-right:0px;
    }
    td span.alinIvyyefft {
        display: none!important;
    }
    .scionbypriceoptwo tbody td {
        border-bottom:0px;
        align-self:center;
    }

    .popleftboxlist {
        padding: 20px;
    }
    .leftboxclose {
        top:15px;
        right:15px;
    }
    .sciondatepricetabbox .optioninfo {
        display: none;
    }
    /*.sciondatepricetabbox .datepricetablist {
        width: 28%;
        padding: 6px 0px 6px 0px;
    }*/
    .datepricetabactive {
        margin-bottom: -20px;
    }

    .datepricebackground {
        padding: 2.7em 25px;
        padding-bottom: 0px;
    }

    .sciondatepricetabbox .datepricetablist {
        border-radius: 6px;
        border-bottom: 1px solid rgba(45,100,151,0.2);
        padding: 9px 18px;
        width: 48%;
        box-sizing: border-box;
    }
    .dates-prices-overlay .dates-prices-form {
        margin-bottom: 32px;
        padding: 0em 25px;
    }
    .dates-prices-overlay .datepricetablelist {
        padding: 0em 25px;
    }
    .dates-prices-overlay .menu-close:after {
        background-color: #D3F8FE;
    }
    .selDaIvystn {
        margin-bottom: 9px;
    }
    .date-price {
        padding: 8px 12px;
        white-space: nowrap;
    }
    .sciondatepricetabbox .optionname {
        margin-bottom: 0px;
        font-size: 12px;
        line-height: 16px;
    }

    .sciondatepricetabbox {
        padding-bottom: 13px;
    }

    .dates-prices-overlay .section-heading {
        font-size: 20px;
        line-height: 30px;
        letter-spacing: -0.5px;
        margin-top: 3px;
        margin-bottom: 24px;
    }

    .dates-prices-overlay .module-title {
        font-size: 14px;
        color: #23DAFA;
        line-height: 22px;
    }
    .booking-progress .booking-progress__label {
        display:none!important;
    }
  
}
.date-price-table {
    font-size:16px;
}
#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;
    }
}



/*online payment css start*/



.onlinepayment div.control__label {
    width: 100%;
    text-align: left;
    padding-right: 1em;
}

.onlinepayment div.control__field {
    width: 100%;
    text-align:right;
}

    .onlinepayment div.control__field.toucodIvytn {
        width: 32%;
    }
.online-paymentnewlistbox {
    width:840px;
    margin:auto;
}
.online-paymentnew .contact-form label {
    font-weight: 400;
    letter-spacing: 0.05em;
    text-transform: capitalize;
    color: #0C3051;
}

.online-paymentnew .control__field--date .dd, .control__field--date .mm {
    max-width: 50%;
    text-transform: uppercase;
}

.online-paymentnew .control__field--date .yyyy {
    min-width: 5.9375rem;
    max-width: 50%;
    color: #0C3051;
}

.online-paymentnew img {
    display: block;
    max-width: 85%;
    height: auto;
}

.online-paymentnewhead .section-heading {
    margin-bottom:30px;
}
.scionlittlefont p {
    font-size: 14px;
    color: #0C3051;
    line-height: 22px;
    font-family: 'basis-grotesque-regular';
}
.extension-box--radio {
    font-size:14px;
    position:relative;
}
.payment-autosecion {
    width: 50%;
    margin: auto;
    display: block !important;
}
.newpaymentradio {
    display:flex;
}
    .newpaymentradio p {
        margin-left:10px;
    }
.paymentinfo_cardinfo ul {
    list-style: none;
    display: flex;
    padding-left: 0px;
    justify-content: space-between;
}
    .paymentinfo_cardinfo ul li {
        position: relative;
        width: 49%;
        padding: 1.25em;
        box-sizing: border-box;
    }
.paymentinfo_cardinfo .newpaymentradio img{
    margin-left:10px;
}
.online-paymentnewlistbox .control__label {
    font-family:basis-grotesque-regular;
}
.online-paymentnewlistbox .btn.btn--secondary {
    border: 1px solid #D8D9DD !important;
    text-transform: initial;
}
.controlflexbox {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.controlflexbox .control{
    width:49%;
}
.payment-autohead {
    font-size:18px;
}
.payment-auto .booking-controls .btn {
    text-transform: initial;
    width:10em;
}
.control_haveread label p {
    font-family: basis-grotesque-regular;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    text-transform:none;
}
.newpaymentradio 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;
}
.newpaymentradio input[type="radio"] + span.marker:before {
    border-color: #D8D9DD;
    border-radius: 8px;
}
.newpaymentradio:hover input[type="radio"] + span.marker:before, .newpaymentradio input[type="radio"]:checked + span.marker:before {
    border-color: #23DAFA !important;
    border-radius: 8px;
}
.newpaymentradio 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;
}
.newpaymentradio input[type="radio"] + span.marker:after {
    content: ' ';
    content: ' ';
    display: block;
    border: 1px solid #DDE3E8;
    border-radius: 50%;
    width: 1.375rem;
    height: 1.375rem;
    margin-right: 0.625rem;
    background: #fff;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transform: translateY(-0.125rem);
    -ms-transform: translateY(-.125rem);
    transform: translateY(-0.125rem);
    margin-left: auto;
    margin-right: auto;
}
    .newpaymentradio input[type="radio"]:checked + span.marker:after {
        background: transparent url(../img/AW2022/icon/radiobackground.png) no-repeat center center;
        background-size: 12px;
        border: 1px solid #0c3051;
    }
.scionlittlefont {
    padding-top: 26px;
}

.onlineoaymenthead .section-heading {
    text-align: center;
    margin-bottom: 0.35em;
    font-size: 42px !important;
    margin-top: 0px;
}

.onlineoaymenthead img {
    margin: auto;
    margin-top: 16px;
}
.online-paymentsuccess {
    padding-top: 5em;
}
.online-paymentsuccess .booking-heading--confirmation {
    font-size: 28px;
    line-height: 38px;
    margin-top: 18px;
    text-align: center;
    display: block;
    margin-bottom: 1.875em;
}
    .online-paymentsuccess .booking-confirmed__booking-name {
        font-size: 20px;
        padding-bottom: 1.25em;
        margin-bottom: 15px;
        color: #2D6497;
        text-align: center;
    }
.booking-confirmed_info p {
    max-width: initial;
}
.online-paymentsuccess .booking-confirmed__booking-number {
    text-align: left;
    border-bottom: 1px solid #E9E5E5;
}
.online-paymentsuccess .booking-confirmed {
    border: 1px solid #D8D9DD;
    border-radius: 8px;
    margin: auto;
}
    .online-paymentsuccess .confirmed__infop {
        max-width: initial;
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 22px !important;
    }
.online-paymentsuccess .booking-confirmed__body {
    padding: 62px 65px 65px;
}
.online-paymentsuccess .booking-confirmed a {
    color: #2D6497;
}
.confirmed_info_list {
    display: flex;
    margin-bottom: 11px;
}
.confirmed_info_list div:first-child{
    width:30%;
    font-family:basis-grotesque-regular;
}
    .confirmed_info_list div:last-child {
        width: 70%;
    }
.booking-confirmed_info {
    color: #0c3051;
    font-size:16px;
}
.online-paymentsuccess .icon-button {
    justify-content: center;
    width:auto;
}
.online-paymentsuccess .indexinfocontactusbox {
    max-width: 44em;
    margin: auto;
    margin-top: 71px;
}
.confirmed__infop:last-child {
    margin-bottom: 0px !important;
}
@media screen and (max-width: 56.25em) {
    .online-paymentnew .booking-section .btn {
        width: 80%;
    }
    .online-paymentnewlistbox {
        width:auto;
    }
}
@media screen and (max-width: 43.75em) {
    .controlflexbox .control {
        width: 100%;
    }
    .online-paymentsuccess .booking-confirmed__body {
        padding: 26px;
    }
    .confirmed_info_list div:first-child {
        width: 50%;
        font-family: basis-grotesque-regular;
    }
    .confirmed_info_list div:last-child {
        width: 50%;
    }
    .online-paymentsuccess .booking-heading--confirmation {
        
        margin-bottom: 22px;
    }
    .online-paymentsuccess .booking-confirmed__booking-name {
        margin-bottom: 7px;
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        text-align: center;
    }
    .online-paymentsuccess .indexinfocontactusbox {
        margin: 2.5em 0em 1.31em!important;
    }
}

.online-paymentsuccess .successtitle {
    /*border: 2px solid #DDE3E8;*/
    padding: 5%;
    color: #1D2E37;
    letter-spacing: 0.05em;
    font-size: 22px;
}

.online-paymentsuccessinfobox {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #E3E1E1;
}

.successinfoleft, .successinforight {
    width: 47%;
    /*border: 2px solid #DDE3E8;*/
    margin-top: 3em;
    margin-bottom: 3em;
}

.online-paymentsuccess .successinfoleft span {
    display: block;
    color: #1D2E37;
    letter-spacing: 0.05em;
    font-size: 1em;
    word-break: normal;
    word-wrap: break-word;
}

.online-paymentsuccess .successinforight span {
    display: block;
    color: #1D2E37;
    letter-spacing: 0.05em;
    font-size: 1em;
    word-break: normal;
    word-wrap: break-word;
}
.awnewbloglist {
  width: 66.25em !important;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  justify-content: flex-start;
}
    .awnewbloglist .article__img img {
        border-radius: 8px;
    }
    .awnewbloglist article:nth-child(2n+1) {
        margin-left: 0px;
    }
  .awnewbloglist .article--snippet {
    width: calc(50% - 9px);
    margin-left: 1em;
    margin-bottom:0;
    border:none;
  }
  .awnewbloglist .article--snippet .article__body p:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    margin-bottom:0px;
  }

  @media screen and (max-width: 56.25em) {
    .online-paymentsuccessinfobox {
        display: block;
        /*justify-content: space-between;*/
    }

    .successinfoleft, .successinforight {
        width: 100%;
        /*border: 2px solid #DDE3E8;*/
        margin-top: 3em;
        margin-bottom: 3em;
    }
    .awnewbloglist .article--snippet {
      width: 100%;
      margin-left:0px;
    }
}


.itinerarychange {
    background-color: #CDE49A;
    padding: 1em 0.75em;
    width: 100%;
    z-index: 9;
    box-sizing: border-box;
}
.itineraryonpage-searchIvysts {
    display: flex;
    align-items: flex-start;
    font-size: 18px;
    align-self: center;
    /* font-family: 'din-condensed'; */
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
}
    .itineraryonpage-searchIvysts span:first-child {
        color: white;
    }
    .itineraryonpage-searchIvysts span:last-child {
        /* text-transform: uppercase;*/
        text-decoration: underline;
        cursor: pointer;
        padding-left: 13px;
        /*opacity: .66;*/
        /* color: #b6363b; */
        color: white;
    }
.itinerarypopboxbg {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.6);
    display: none;
    z-index: 10;
}
.itinerarypopbox {
    position: fixed;
    top: 50%;
    left: 50%;
    background: #fff;
    overflow: hidden;
    display: none;
    z-index: 11;
    width: 700px;
    transform: translate(-50%,-50%);
    border-radius:8px;
    /* padding: 51px 51px 118px 51px; */
}
.itinerarypopboxw {
    overflow: visible !important;
}
.popIvyttf {
    /* position: absolute; */
    background: #D3F8FE;
    top: 0px;
    left: 0px;
    /* height: 51px; */
    /* line-height: 48px; */
    color: #0C3051;
    text-transform: capitalize;
    width: 100%;
    text-align: center;
    font-size: 18px;
    padding: 16px 5px;
    box-sizing: border-box;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.itinerarypopinfoIvyttf {
    padding: 30px 51px 50px 51px;
}
    .itinerarypopinfoIvyttf p {
        color: #0C3051;
        letter-spacing: 0;
        font-size: 14px;
        line-height: 22px;
        flex-shrink: 1;
        overflow: auto;
        z-index: 885;
        display: block;
        max-height: 62vh;
        font-family: basis-grotesque-regular;
        PADDING-BOTTOM: 20PX;
        TEXT-ALIGN: LEFT;
    }
.itineraryBtn {
    position:absolute;
    right: 30px!important;
    top: 16px!important;
}
@media screen and (max-width: 56.25em) {
    section .payment-auto {
        margin: 0 auto;
        max-width: 49.375rem;
    }

    .onlinepayment div.control {
        display: block;
        justify-content: flex-start;
        align-items: center;
    }

    .onlinepayment div.control__label {
        width: 100%;
        text-align: left;
        padding-right: 1em;
    }

    .onlinepayment div.control__field {
        width: 100%;
    }

        .onlinepayment div.control__field.toucodIvytn {
            width: 100%;
        }

    .btnIvyfz {
        padding: .68em 1em .68em;
    }
}

/*online payment end*/


@media screen and (max-width:43.75em) {
    .itinerarychange {
        padding: 0.75em 0.75em;
    }
    .itineraryonpage-searchIvysts {
        font-size: 16px;
    }
    .itinerarypopbox {
        width: 90%;
        padding: 0;
    }

    .itinerarypopinfoIvyttf {
        padding: 10px 10px 15px 35px;
    }
    .itineraryBtn {
        right: 0px !important;
        top: -30px !important;
    }
}
.card--Flash-trip .card__img:after {
    content: ' ';
    width: 5.9375em;
    height: 5.9375em;
    display: block;
    position: absolute;
    left: 1.25em;
    top: 1.25em;
    /* background: url(../img/buttons/carkong.png) no-repeat center center/contain; */
    /* background-color: #0c3051; */
    border-radius: 50%;
    background-image: url(../img/buttons/SALEUPTO.png);
}

.card--Flash-tripinfo {
    position: absolute;
    top: 43px;
    left: 42px;
    z-index: 2;
    transform: rotate(-20deg);
    text-align: center;
}


.card--Flash-tripinfo1 {
    position: absolute;
    top: 43px;
    left: 42px;
    z-index: 1;
    transform: rotate(-16deg) translateZ(0);
    text-align: center;
}

.tripinfo_title {
    color: white;
    font-family: "din-condensed", sans-serif;
    font-size: 14px;
    display: block;
    line-height: 8px;
    opacity: .88;
}

.tripinfo_price {
    color: white;
    font-family: "din-condensed", sans-serif;
    font-size: 30px;
    display: block;
}

.tripinfo_titletwo {
    color: white;
    font-family: "din-condensed", sans-serif;
    font-size: 14px;
    display: block;
    line-height: 8px;
    opacity: .88;
}


.tripinfo_title1 {
    color: #0C3051;
    font-family: "basis-grotesque-bold";
    font-size: 20px;
    display: block;
    line-height: 14px;
    /* padding-left: 2px; */
    margin-left: -4px;
}

.tripinfo_price1 {
    color: #0C3051;
    font-family: "basis-grotesque-bold";
    font-size: 16px;
    display: block;
    /* padding-left: 0px; */
    line-height: 12px;
    letter-spacing: -1px;
    /* font-weight: 800; */
    /* margin-left: -1px; */
    margin-left: -4px;
}

.tripinfo_titletwo1 {
    color: #0C3051;
    font-family: "basis-grotesque-bold";
    font-size: 14px;
    display: block;
    line-height: 24px;
    /* opacity: .88; */
    /* padding-left: 2px; */
    margin-left: -4px;
}
/*online payment end*/




/*booking 页面*/
.summary_itinerarylist p {
    line-height: 1.4;
}
.booking-sidebar .booking-sidebar__inner p, a, li, select, label, h1, h2, h3, h4, h5, legend, button, span {
    font-weight: 100!important;
}