@import url('https://fonts.googleapis.com/css2?family=DM+Sans&display=swap'); /*sherpa字体*/
.sherpafont {
  font-family: 'DM Sans';
  text-transform: inherit !important;
  line-height: 1.5;
  color: #646667;
}

.indexsherpafont {
  font-family: 'DM Sans' !important;
  letter-spacing: 0.05rem;
  margin-top: 1em;
  margin-bottom: 0.5em;
  font-size: 1.08rem !important;
  font-weight: bold !important;
  color: #222426 !important;
}

html {
  font-family: "din-2014", sans-serif;
  letter-spacing: 0.0001rem;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0;
  line-height: 1.5;
}

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

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

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

[hidden],
template {
  display: none
}

a {
  background-color: transparent
}

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

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

b,
strong {
  font-weight: bold
}

dfn {
  font-style: italic
}

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

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

small {
  font-size: 80%
}

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

sup {
  top: -0.5em
}

sub {
  bottom: -0.25em
}

img {
  border: 0
}

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

figure {
  margin: 1em 40px
}

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

pre {
  overflow: auto
}

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

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

button {
  overflow: visible
}

button,
select {
  text-transform: none
}

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

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

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

input {
  line-height: normal
}

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

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

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

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

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

legend {
  border: 0;
  padding: 0
}

textarea {
  overflow: auto
}

optgroup {
  font-weight: bold
}

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

td,
th {
  padding: 0
}

.cf {
  zoom: 1
}

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

  .cf::after {
    clear: both
  }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'din-condensed';
  font-weight: 400;
  letter-spacing: 0.001em;
}

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: "din-2014", sans-serif;
}

p,
.dates-prices-overlay li,
.notes-pagination .notes-pagination__navigator {
  line-height: 1.8;
  color: #4A4A4A
}

.h--alt {
  font-family: "din-2014", sans-serif;
  font-weight: normal;
  letter-spacing: 0;
  text-transform: none
}

.module-title {
  color: #324d59;
  /*margin-bottom: 3.125rem;*/
  text-transform: uppercase;
  font-size: 28px;
}
/*new section-heading css*/
.newsection-heading .section-heading {
  font-family: 'AvenirNext-RegularMR';
  font-size: 22px;
  color: #00424e;
  letter-spacing: 0.24em;
  text-transform: uppercase;
}

.section-heading,
.sub-section-heading {
  font-family: 'din-condensed';
  font-size: 22px;
  color: #6f809c;
  text-transform: uppercase;
}

.article-heading,
.booking-heading {
  color: #1D2E37;
  font-size: 1.25rem;
  text-transform: uppercase
}

  .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: #242424;
  font-size: 1.25em;
  text-transform: uppercase;
  /*margin-bottom: 1.25em;*/
  margin-bottom: 0.6em;
  word-break: break-word;
}

.article__body p + h1,
.article__body ul + h1,
.article__body ol + 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 ul + h2,
.article__body ol + 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 ul + h3,
.article__body ol + 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 ul + h4,
.article__body ol + 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 ul + h5,
.article__body ol + 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 ul + h6,
.article__body ol + 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
  }

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

.body-heading {
  font-family: "din-2014", sans-serif;
  color: #4A4A4A;
  margin-bottom: 0;
  font-size: 1em
}

.script-title {
  font-weight: normal;
  margin-bottom: .625rem;
  font-family: 'AvenirNext-RegularMR';
  font-size: 24px;
  color: #00424e;
  text-transform: uppercase;
  letter-spacing: 0.24em;
}

.hl--b {
  color: #1d2e37;
  font-size: 1.25rem;
}

.hl--b-Ivts {
  font-size: 24px;
  line-height: 0px;
  letter-spacing: -0.19rem;
}

.hl--g {
  color: #ccc;
}

.hl--g-Ivts {
  font-size: 24px;
  line-height: 0px;
  letter-spacing: -0.19rem;
}

.hl--r {
  color: #EE2700
}

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

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

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

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

html,
body {
  min-height: 100vh
}

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

  a:hover {
    text-decoration: none
  }

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

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

.centered {
  text-align: center;
}

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

.inline-listIvyffz {
  font-size: 18px;
}

.inline-list li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-family: "din-condensed";
  font-weight: 400;
  letter-spacing: 0.05em;
  color: #00424e;
  text-transform: uppercase;
}

  .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: .4em;
      height: 2em;
      display: inline-block;
      position: absolute;
      top: -.1em;
      left: 0;
      background-repeat: no-repeat;
    }

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

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

  .extra-days li {
    color: #4A4A4A;
    font-family: "din-2014", sans-serif;
    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 {
    font-family: "din-2014", sans-serif;
    color: #4A4A4A;
    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--train {
  background-image: url(../img/icons/train.svg)
}

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

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

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

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

.rounded-icon--trip-extension {
  background-image: url(../img/icons/trip-extension-pin.svg)
}

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

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

.rounded-icon--trip-meals {
  background-image: url(../img/icons/meal.svg)
}

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

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

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

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

.rounded-icon--trip-note {
  background-image: url(../img/icons/special-note.svg)
}





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

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

  .bullet-list li,
  .article__body ol li,
  .unstyled-list li {
    font-family: "din-2014", sans-serif;
    color: #4A4A4A;
    margin: 0
  }

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

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



.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-family: 'din-condensed';
  font-weight: 400;
  letter-spacing: 0.05em;
  color: #6f809c;
  text-decoration: none;
  text-transform: uppercase;
  padding-top: .3125em
}

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

.trustpilot-widget {
  margin: 40px 0
}

.mobile-hide {
  display: none
}

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

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

  span.mobile-hide {
    display: inline
  }

  .desktop-hide {
    display: none
  }
}

.hl {
  color: #B6363B
}

.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: #4A4A4A;
  color: #1D2E37;
  background-color: #f0f0f0
}

  .modal-meta li {
    margin: 0;
    padding: 0;
    padding: .625em .75em;
    font-family: "din-2014", sans-serif;
  }

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

  .extra-price .extra-price__tag {
    background-color: #B6363B;
    color: #1D2E37;
    padding: .625em;
    display: inline-block;
    margin-right: .625em
  }

  .extra-price .extra-price__value {
    font-family: 'din-condensed';
    font-weight: 400;
    letter-spacing: 0.05em;
    font-size: 1.25em;
    color: white;
  }

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

  .extra-price .extra-price__smallprint {
    display: inline-block;
    font-family: "din-2014", sans-serif;
    color: #4A4A4A
  }

.mini-icon {
  display: inline-block
}

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

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

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

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

.mini-icon--helper:before {
  content: '?';
  background-color: #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;
  font-family: "din-2014", sans-serif;
  display: inline-block;
}

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

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

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

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

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

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

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

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

.stars {
  margin-right: .625em
}

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

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

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

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

.pdf-doc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #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;
    font-family: "din-2014", sans-serif;
  }

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

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

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

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

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

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

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

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

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

.page-header__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end
}

.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: 1.25em
  }

.primary-nav,
.content-page__nav {
  font-family: 'din-condensed';
  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 {
    color: #242424;
    display: block;
    text-transform: uppercase;
    padding: 1.25em;
    -webkit-transition: color .4s;
    -o-transition: color .4s;
    transition: color .4s
  }

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

    .primary-nav a:hover,
    .content-page__nav a:hover {
      color: #6f809c;
      opacity: 1 !important;
    }

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

.sub-menu a {
  color: rgba(29, 46, 55, 0.7)
}

.page-logo {
  display: block
}

@media screen and (max-width: 56.25em) {




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

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

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

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

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

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

  .desktop-actions a {
    color: #b6363b !important;
  }

  .primary-nav li.primary-nav__primary:hover > a, .content-page__nav li.primary-nav__primary:hover > a {
    color: #324D59;
  }

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

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

  .has-sub > a {
    position: relative
  }

    .has-sub > a:after {
      content: ' ';
      display: block;
      background-repeat: no-repeat;
      background-image: url(../img/icons/down-icon.svg);
      background-position: center center;
      background-size: contain;
      width: .875em;
      height: 1.4em;
      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: 1em;
      height: 1em;
      float: right
    }
}

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

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

@media screen and (min-width: 56.25em) {


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

  .page-header {
    padding-left: 2.5em;
    padding-right: 2.5em;
    padding-top: 0em;
    padding-bottom: 0em;
  }

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

  .primary-nav .primary-nav__inner > ul {
    padding-right: 19.75em;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
  }

  .primary-nav a {
    color: #4A4A4A;
    padding: 0em .625em
  }

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

    .primary-nav li.primary-nav__primary > a {
      padding-bottom: 2.5em
    }

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

  .page-header {
    position: relative
  }

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

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

  .nav-only {
    display: none
  }

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

    .primary-nav .has-sub > a {
      position: relative
    }

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

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

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

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

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

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

        .primary-nav .sub-menu ul li a {
          padding: .625em 1.875em;
        }

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

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

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

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

  .primary-nav__inner .scioncitylistmenu .sub-menu .sub-menuleft {
    width: 25%;
  }

  .primary-nav__inner .scioncitylistmenu .sub-menusp .sub-menuleft a {
    font-weight: bold;
    text-transform: uppercase;
    padding: 0em 2em;
    letter-spacing: .5px;
    font-size: 18px;
    padding-right: 5px !important;
    color: #6f809c;
  }

  .cpsub-menuleft .menuleft_unline {
    padding: 0.625em 1.875em !important;
  }

  .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: #616161;
    font-weight: initial;
    padding: 0em 1.1em;
    letter-spacing: 0;
    font-size: 18px;
  }

  .primary-nav__inner .scioncitylistmenu .sub-menusp .menucitylist li {
    width: 100%;
    color: #2c3c4a;
    text-transform: capitalize;
    font-family: "din-2014", sans-serif;
    font-size: 16px;
  }

  .menucitylistviewall li {
    text-transform: initial !important;
    text-decoration: underline;
  }

  .primary-nav__inner .scioncitylistmenu .sub-menu {
    width: 37rem;
  }

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

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

  .page-logo {
    /*width: 100px; 0207*/
    width:30%;
    height: 80px;
    background-image: url('../img/mttLogoLong1.png');
    background-repeat: no-repeat;
    /* margin-left: 2.8em; */
    background-size: contain;
    /* background-position-y: -5px; */
    margin: 20px 0;
  }

    .page-logo img {
      opacity: 0
    }

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

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

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

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

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

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

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

  .onpage-search form {
    max-width: 66.25em;
    margin-left: auto;
    margin-right: auto
  }

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

.form--desktop-inline .orlabel {
  font-size: 1em;
  font-family: "din-2014", sans-serif;
  font-weight: 400;
  letter-spacing: 0.05em;
  display: block;
  text-align: center
}

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

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

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

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

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

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

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

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

    .form.form--free-search legend {
      font-size: 1.375em;
      text-align: left;
      margin-bottom: 2.5em
    }

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

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

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

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

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

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

.form--dark input,
.form--dark select {
  background-color: #2C3C4A;
  background-repeat: no-repeat;
  color: rgba(255,255,255,0.66);
  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 .toumingtext input::-webkit-input-placeholder {
  color: rgba(255,255,255,0.66);
}

form--dark .toumingtext input::-moz-placeholder {
  color: rgba(255,255,255,0.66);
}

form--dark .toumingtext input::-ms-input-placeholder {
  color: rgba(255,255,255,0.66);
}

form--dark .toumingtext input::-moz-placeholder {
  color: rgba(255,255,255,0.66);
}

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

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

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

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

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

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

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

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

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

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

legend {
  font-family: 'din-condensed';
  letter-spacing: 0.15rem;
  font-weight: 400;
  letter-spacing: 0.05em;
  color: #fff;
  font-size: 1em;
  text-transform: uppercase
}

.btn,
.form--dark [type="button"],
.form--dark [type="submit"] {
  font-family: 'din-condensed';
  font-weight: 400;
  letter-spacing: 0.05em;
  background-color: #B6363B;
  color: #FFFFFF;
  text-decoration: none;
  border: none;
  display: inline-block;
  padding: .89em 1em;
  /*padding: .96em 1em .98em;*/
  font-size: 1em;
  -webkit-transition: background-color .3s;
  -o-transition: background-color .3s;
  transition: background-color .3s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.btnIvyfz {
  padding: .68em 1em .28em;
}

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

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

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

.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;
  font-family: "din-2014", sans-serif;
  padding: .72em 1em .72em;
  border: 1px solid transparent;
  display: block;
  -ms-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none
}

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

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

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

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

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

.control {
  margin-bottom: 1.25em
}

  .control a {
    text-decoration: none
  }

.control__label label {
  font-size: 1em;
  font-family: "din-2014", sans-serif;
  ;
  color: #4A4A4A
}

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

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

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

.control__field--icon {
  position: relative
}

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

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

.control__label + .control__field {
  margin-top: .625em;
  color: #1d2e37;
}

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

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

.sort-select {
  color: #4A4A4A;
  font-size: .875em;
  border: 1px solid #c3c3c3;
  border-radius: 4px;
  background: #F6F4F4 url(../img/sort-toggle-arrowtwo.png) 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-family: "din-2014", sans-serif;
  font-weight: 400;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #1D2E37
}

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

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

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

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

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

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

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

.notification {
  padding: .9375em 1.25em;
  border-radius: .375em;
  font-family: "din-2014", sans-serif;
  line-height: 1.8;
  color: #1D2E37;
  margin-bottom: 1.25em;
  box-sizing: rgba(111, 128, 156, 0.5);
  background-color: rgba(111, 128, 156, 0.5);
  border: 0em solid #6f809c;
  clear: left;
  width: 100%;
}

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

  .notification.notification--error {
    background-color: rgba(182,54,56,0.1);
    border: 1px #b6363b solid;
  }

  .notification.notification--success {
    background-color: #e1ecde;
    border: .0625em solid #72C05C;
  }

  .notification.notification--neutral {
    background-color: rgba(29, 46, 55, 0.1);
    border: 0em solid #f2e273;
    color: #1D2E37;
  }


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

li.Brochurepic span.tick-check {
  display: flex;
  justify-content: center;
}

.tick-check {
  position: relative
}

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

span.tick-checkIvyts input {
  width: 100%;
  height: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  opacity: 1;
  position: absolute;
  outline: none;
  /* left: 0px; */
  /* top: 0px; */
  /* transform: translateX(50%); */
}

li.Brochurepic > div {
  text-align: center;
}

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

span.tick-checkIvyts .marker {
  width: 1em;
  height: 1em;
  display: block;
  border: 1px solid #DDE3E8;
  border-top-color: rgb(221, 227, 232);
  border-right-color: rgb(221, 227, 232);
  border-bottom-color: rgb(221, 227, 232);
  border-left-color: rgb(221, 227, 232);
  background-color: #fff;
}

.tick-check input:checked + .marker {
  border-color: #B6363B;
  background: #B6363B url(../img/white-tick.svg) no-repeat center center/11px auto
}

html,
body {
  background-color: #F6F4F4
}

.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: 15%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
  }

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

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

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

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

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

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

  .inner.inner--narrow {
    width: 57.625em;
  }

  .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: start;
  -ms-flex-pack: start;
  justify-content: start;
}

.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: 0em; /*-.9375em*/
    justify-content: space-between; /*Ivy Ye add*/
  }

  .layout--destinations .layout__item {
    width: calc(33.3333% - 0.875em);
    margin-left: 0em;
    margin-right: 0em;
    margin-bottom: 1.42em;
  }
}
/*
@media screen and (min-width: 56.25em) {
	.layout--destinations .layout__inner {
		margin-left: -.9375em
	}
	.layout--destinations .layout__item {
		width: calc(33.3333% - 1.875em);
		margin-left: .9375em;
		margin-right: .9375em;
		margin-bottom: 1.875em
	}
}
*/
.layout--trip-cards.layout--slider {
  /*margin-left: -1.25em;*/
  /*margin-right: -1.25em*/
}

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

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

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

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

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

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

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

  .layout--trip-cards .layout__inner .layout__item {
    width: calc(100% - .625em);
    margin-left: .3125em;
    margin-right: .3125em;
    margin-bottom: .625em;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

.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% - 0.975em);
      /*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:nth-child(odd) {
        margin-left: .9375em;
        margin-right: 0em;
      }

      .layout--trip-cards .layout__inner .layout__item:nth-child(even) {
        margin-left: .9375em;
        margin-right: 0em;
      }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.split__item {
  background-color: #fff
}

  .split__item:not(.split__item--shade) .price-label {
    background-color: #F6F3F3;
    font-size: 18px;
  }

.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: 37em;
      max-width: 100%;
      padding: 2.5em
    }

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

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

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

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

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

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

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

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

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

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

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

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

.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;*/
    right: 2.5%;
    top: 48%;
  }

@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.05);
  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 {
    text-align: center;
    color: #fff;
    font-family: 'Manus';
    font-weight: normal;
    font-style: normal;
    font-size: 2.1em;
    line-height: 1;
    margin-bottom: 0;
    text-transform: uppercase;
  }

@media screen and (min-width: 31.25em) {
  .hero__content h1 {
    font-size: 3.75em;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 43.75em) {
  .hero__content h1 {
    font-size: 5em;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 60em) {
  .hero__content h1 {
    font-size: 4rem;
    text-transform: uppercase;
    letter-spacing: 0.8rem;
  }
}

.hero__content h1.reduce {
  font-size: 22px;
  word-break: break-word;
  /*width: 90%;*/
  margin: auto;
  text-transform: uppercase;
  letter-spacing: 0.6rem;
  z-index: 8;
  position: relative;
}

@media screen and (min-width: 31.25em) {
  .hero__content h1.reduce {
    font-size: 2.5em;
    word-break: break-word;
    width: 100%;
    margin: auto;
    text-transform: uppercase;
    letter-spacing: 0.6rem;
  }
}

@media screen and (min-width: 43.75em) {
  .hero__content h1.reduce {
    font-size: 2.5em;
    word-break: break-word;
    width: 100%;
    margin: auto;
    text-transform: uppercase;
    letter-spacing: 0.6rem;
  }
}

@media screen and (min-width: 60em) {
  .hero__content h1.reduce {
    font-size: 3.4em;
    word-break: break-word;
    width: 100%;
    margin: auto;
    text-transform: uppercase;
    letter-spacing: 0.5rem;
  }
}


.hero__content .trip-meta {
  margin-left: auto;
  margin-right: auto
}

.trip-meta {
  width: 27.6875em;
  height: 11em;
  font-family: 'din-condensed';
  font-weight: 400;
  letter-spacing: 0.05em;
  background: url(../img/brushIvyte.svg) no-repeat center center;
  background-size: contain;
  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: #FFFFFF;
    /*margin-top: -.625em;*/
    opacity: 0.66;
    text-transform: uppercase;
  }

  .trip-meta .trip-meta__part {
    color: #fff;
    text-transform: uppercase;
  }

    .trip-meta .trip-meta__part span {
      display: inline-block
    }

      .trip-meta .trip-meta__part span + span:before {
        content: ' ';
        width: .1875em;
        height: 1.5em;
        display: inline-block;
        /*background-color: #fff;*/
        background: url(../img/inline-list-break-weight.svg);
        margin-left: .625em;
        margin-right: .625em;
        position: relative;
        top: 4px;
        opacity: 0.66;
      }

@media screen and (max-width: 75em) {

  .hero__content h1.reduce {
    font-size: 2em;
  }

  .trip-meta {
    width: 20em;
    height: 9em;
  }
}

@media screen and (max-width: 60em) {
  .super-bg {
    height: calc( 50vw)
  }

    .super-bg.super-bg--slim {
      height: 16.25em
    }

  .hero img {
    opacity: 0
  }
}

@media screen and (max-width: 37.5em) {
  .trip-meta {
    width: 20em;
    height: 7.4375em
  }

  .super-bg {
    height: calc( 80vw)
  }

  .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 h1 {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    color: #fff;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing: 0.4rem;
    font-family: 'AvenirNext-BoldMR';
    font-weight: normal;
    text-transform: uppercase;
    font-style: normal;
    font-size: 1.875em;
    line-height: 1;
    word-break: break-word;
  }

  .destination__item img {
    width: 100%;
  }

@media screen and (max-width: 56.25em) {
  .destination__item h1 {
    font-size: 1.165rem;
    letter-spacing: 0.32rem;
  }

  .primary-nav a {
    color: #324D59;
  }

  .sub-menu a {
    color: rgba(29, 46, 55, 0.7);
  }
}

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

  .destination__item a:hover:before {
    opacity: 1
  }

@media screen and (min-width: 43.75em) {
  .destination__item h1 {
    padding: 0 1.25em
  }
}


/*! card */

.card {
  position: relative
}

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

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

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

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

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

  .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: #fff;
    font-family: 'AvenirNext-DemiBoldMR';
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 0.4rem;
    font-size: 2.25em;
    /*font-family: 'Manus';*/
    font-weight: normal;
    font-style: normal;
    -webkit-transition: opacity .4s;
    -o-transition: opacity .4s;
    transition: opacity .4s
  }

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

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

.card__body {
  padding: 1.25em;
  background-color: #fff;
  padding-bottom: 2.75rem;
  padding-top: 1.2rem;
}

.card__footer {
  background: #FFFFFF;
  width: 100%
}

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

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

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

  .card__stops li {
    font-size: 15px;
    margin-bottom: .225em;
    margin-left: .2em;
    margin-right: .18em;
    color: #6f809c;
    line-height: 1.375em;
    text-transform: capitalize;
  }

    /*.card__stops li+li:before {
	content: '⟶';
	margin-left: .3125em;
	margin-right: .3125em
}*/
    .card__stops li + li::before {
      content: "";
      font-size: 0;
      display: inline-block;
      vertical-align: middle;
      width: 8px;
      height: 10px;
      background-size: 8px 10px;
      vertical-align: baseline;
      -webkit-transform: translateX(5px);
      transform: translateX(-26%);
      background-position: 50% 50%;
      background-repeat: no-repeat;
      background-image: url(../img/icons/icons8-right-arrow-32.svg);
      margin-left: .3125em;
      margin-right: .3125em;
    }

.card__meta {
  font-family: 'din-condensed';
  font-weight: 400;
  letter-spacing: 0.05em;
  color: #6F809C;
  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;
  }

  .card__meta li {
    padding: .3em 0;
    text-align: center;
    width: 50%;
    font-size: 1.375em;
    -webk0it-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;
      font-family: 'din-condensed';
    }

    .card__meta li + li div {
      background-repeat: no-repeat;
      background-position: left center
    }

    .card__meta li.trip-meta-price {
      background-color: #B6363B;
      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: .3em 0;
    font-size: 1.375em;
  }
}

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

.card-body-meta {
  font-family: 'din-condensed';
  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: 1.75rem
}

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

    .card-body-meta li + li {
      color: #B6363B;
      font-size: 24px;
    }

      .card-body-meta li + li:before {
        content: ' ';
        width: 2px;
        height: 20px;
        display: inline-block;
        background-color: #c3c3c3;
        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-family: "din-2014", sans-serif;
    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,
.--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 {
  content: ' ';
  width: 5.9375em;
  height: 5.9375em;
  display: block;
  position: absolute;
  left: 1.25em;
  top: 1.25em
}

.card--best-seller .radio-button__img:after,
.card--pre-book .radio-button__img:after,
.--best-seller .radio-button__img:after,
.--pre-book .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/best-seller.png) no-repeat center center/contain
}

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

.card--new-trip .card__img:after,
.--new-trip .radio-button__img:after {
  background: url(../img/buttons/new-trip.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: nowrap;
  flex-wrap: nowrap
}

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

.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: left;
  color: #4A4A4A;
  width: 840px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2.5em
}

#optional-excursions .layout__inner .layout__item .card {
  border: 1px solid #D8D8D8;
}

@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: #4A4A4A;
    font-size: .8125em;
    display: inline-block;
  }

    .breadcrumbs li a {
      border-bottom: 1px solid #4A4A4A;
      text-decoration: none
    }

    /*.breadcrumbs li a:hover {
	border-bottom-style: dashed
}*/

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

  .infobreadcrumbs {
    padding: 6px 2.5em;
  }
}

.tab-nav {
  background: #1D2E37
}

@media screen and (min-width: 43.75em) {
  .tab-nav {
    position: -webkit-sticky;
    position: sticky;
    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;
  -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: 1px solid #2a404c;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-right: 1px solid #2a404c;
}

  .tab-nav li:nth-of-type(odd) {
    border-right: 1px solid #2a404c;
  }

.tab-nav a {
  font-family: 'din-condensed';
  font-weight: 400;
  letter-spacing: 0.05em;
  color: #fff;
  display: block;
  padding: .9375em .5em;
  -webkit-transition: color .4s;
  -o-transition: color .4s;
  transition: color .4s;
  text-decoration: none
}

  .tab-nav a:hover {
    color: #B6363B
  }


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



.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,
    .tab-nav li:nth-of-type(odd) {
      width: auto;
      border: none
    }

      .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 li.check-dates-prices {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        z-index: 10;
        border-bottom: none;
        border-right: none;
        margin-left: 0px;
      }

    .tab-nav a {
      padding: 1.5em .625em;
      border-top: 6px solid transparent;
      border-bottom: 6px solid transparent
    }

    .tab-nav .is-active a {
      background-color: transparent;
      border-bottom-color: #B6363B
    }
}

@media screen and (max-width: 43.75em) {
  .tab-nav li.check-dates-prices {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 10;
    border-bottom: none;
    border-right: none;
    margin-left: 0px;
  }
}

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

@media screen and (min-width: 1043px) {
  .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;
  }
}

@media screen and (max-width: 1043px) {
  .tab-nav ul {
    justify-content: space-between;
  }
}

.timeline {
  position: relative;
  margin-top: 2.5em;
  display: block
}

  .timeline:before {
    content: ' ';
    width: 2px;
    background-color: #D8D8D8;
    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 {
  font-family: 'din-condensed';
  font-weight: 400;
  letter-spacing: 0.05em;
  color: #fff;
  background-color: #48566e;
  display: inline-block;
  padding: .4em 1.53em;
  margin-bottom: 2.5em
}

.timeline__img {
  margin: 0;
  padding: 0
}

  .timeline__img img {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 100%;
    height: auto
  }

.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-family: 'din-condensed';
    /*font-size: 1.625em;*/
    margin-bottom: .625rem;
    color: #6f809c;
    text-transform: uppercase;
    letter-spacing: 0.001em;
  }

@media screen and (min-width: 43.75em) {
  .timeline:before {
    /*bottom: -80px*/
  }

  .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(0%) translateX(-50%);
    -ms-transform: translateY(0%) translateX(-50%);
    transform: translateY(0%) translateX(-50%)
  }

  .timeline__itemIvystz {
    margin-bottom: 5.5rem;
  }
}

@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% - 7.5em);
      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-family: "din-2014", sans-serif;
  font-weight: 400;
  letter-spacing: 0.05em;
  color: #4A4A4A;
  position: relative;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem
}

  .accordion__trigger:hover {
    cursor: pointer
  }

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

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

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

  .unstyled-list li a {
    color: #6f809c;
    text-decoration: none;
  }

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

.accordion__body-inner {
  padding: 0em 0em 1.25em 0em;
  padding-left: 3rem;
}

.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 {
  font-family: "din-2014", sans-serif;
  color: #1D2E37;
  font-weight: normal;
  letter-spacing: 0;
  padding-top: 1.25em;
  padding-bottom: 1.25em;
  padding-right: 1.875em
}

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

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

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

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

@media screen and (max-width: 43.75em) {
  .tab-nav .is-active a {
    background-color: #344656;
  }

  .tab-nav a:hover {
    color: white;
  }

  .accordion--alt {
    background-color: #fff;
    margin-left: -1.25em;
    margin-right: -1.25em;
    padding-left: 1.25em;
    padding-right: 1.25em
  }

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

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

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

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

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

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

html.js .accordion[data-state="open"] .accordion__body {
  max-height: 100%;
  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-family: "din-2014", sans-serif;
  font-weight: 400;
  letter-spacing: 0.05em;
  color: #48566E;
  display: inline-block;
  padding: .375em .75em
}

.price-line {
  position: relative;
  padding-right: 11em
}

  .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%)
}Ivy Ye*/

/*.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%)
}Ivy Ye*/

.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;
    font-family: 'din-condensed';
    top: 0rem;
    height: 1.4rem;
  }

.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: 1em;
      height: 1em
    }

  .dates-prices-overlay select {
    background-image: url(../img/icons/teal-arrowhead.min.svg);
    background-size: 16px 9px;
    background-position: right 10px center;
    padding-right: 2.5em;
    color: #4a4a4a;
  }

  .dates-prices-overlay select,
  .dates-prices-overlay input {
    background-color: #F6F4F4
  }

.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: #F6F4F4;
  padding: 1.25rem;
  display: block;
  -webkit-transition: background-color .4s;
  -o-transition: background-color .4s;
  transition: background-color .4s;
  text-decoration: none
}

  .date-price:hover {
    background-color: #fff
  }

  .date-price .date-price__month {
    font-family: 'din-condensed';
    font-weight: 400;
    letter-spacing: 0.01em;
    color: #6f809c;
    display: block;
    text-transform: uppercase;
    font-size: 1.125em
  }

  .date-price .date-price__price {
    font-family: "din-2014", sans-serif;
    font-size: .9375em;
    color: #1D2E37;
  }

  .date-price.is-active {
    background-color: #B6363B
  }

    .date-price.is-active .date-price__month {
      color: #fff
    }

    .date-price.is-active .date-price__price {
      color: #fff
    }

  .date-price.date-price--season-break {
    background: #EEEEEE;
    position: relative
  }

    .date-price.date-price--season-break:before {
      content: ' ';
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      width: 100%;
      background-color: #D8D8D8;
      -webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
      clip-path: polygon(100% 0, 0% 100%, 100% 100%)
    }

  .date-price .date-price__old-season,
  .date-price .date-price__new-season {
    font-family: "din-2014", sans-serif;
    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: #b6363b;
    padding: 0;
    width: 1.5625em;
    height: auto;
    top: 0;
    bottom: 0
  }

    .date-price-list.flickity-enabled .flickity-prev-next-button[disabled] {
      opacity: 1;
      background-color: #F6F4F4
    }

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

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

    .date-price-list.flickity-enabled .flickity-prev-next-button svg {
      position: absolute;
      left: -10%;
      top: 5%;
      width: 90%;
      height: 90%
    }

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

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

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

    .date-price-list.flickity-enabled .flickity-prev-next-button.previous,
    .date-price-list.flickity-enabled .flickity-prev-next-button.next {
      -webkit-transform: translateX(0) translateY(0);
      -ms-transform: translateX(0) translateY(0);
      transform: translateX(0) translateY(0)
    }

table {
  width: 100%;
  margin-bottom: 2.5em
}

  table th,
  table td {
    padding: 1.25em;
    text-align: left
  }

.tablelistwidth th,
.tablelistwidth td {
  padding: 1.25em;
  text-align: left
}

table thead th {
  background-color: #48566E;
  color: #fff;
  font-family: "din-2014", sans-serif;
  font-weight: 400;
  letter-spacing: 0.05em
}

table tbody td {
  background-color: #F6F3F3;
  font-family: "din-2014", sans-serif;
  color: #1D2E37;
  border-bottom: 1px solid #fff;
  -webkit-transition: background-color .3s;
  -o-transition: background-color .3s;
  transition: background-color .3s
}

table tbody tr:hover td {
  background-color: #fff
}

.tablelistwidth tbody td {
  background-color: transparent;
}

.tablelistwidth tbody tr {
  background-color: #F6F3F3;
}
/*.tablelistwidth tbody tr:nth-child(odd) {
    background-color:#EFE1E1;
}*/

table tbody th {
  font-family: "din-2014", sans-serif;
  background-color: #EBE9E9;
  font-weight: 400;
  color: #1D2E37
}

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: uppercase;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center
}

.coverage-table td,
.coverage-table th {
  border: 1px solid #fff;
  width: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

td em[data-tooltip] {
  background-color: #B6363B;
  padding: .125em .5em;
  border-radius: .75em;
  color: #fff;
  display: inline-block
}

  td em[data-tooltip].no-tip {
    position: static
  }

    td em[data-tooltip].no-tip:hover:before,
    td em[data-tooltip].no-tip:hover:after {
      display: none
    }
/*.tablelistwidth thead {
    visibility:hidden;
}*/
@media screen and (max-width: 36em) {
  .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%;*/
    -webkit-flex: 1;
    -ms-flex: 1;
    -moz-flex: 1;
    flex: 1;
  }

    .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;
      -webkit-flex: auto;
      -ms-flex: auto;
      -moz-flex: auto;
      flex: auto;
    }
}

@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: 80%
  }

  .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;
  border: 2px solid #F2F1F1;
  border-radius: 5px;
}

.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: #1D2E37;
  color: #fff;
  text-align: center;
}

  .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: "din-2014", sans-serif;*/
  }

  .page-footer h6 {
    font-size: 1.375em;
    text-transform: uppercase;
    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: #fff
  }

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

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

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

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

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

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

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

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

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

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

.affliated-logos,
.footer-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 2.5em;
  justify-content: start;
  text-align: left;
}

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

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

.footer-nav li {
  font-family: 'din-condensed';
  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;
  opacity: 0.66;
  font-family: 'DIN-RegularMR';
}

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

    .footer-widgets .footer-widget {
      width: 50%;
      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
  }
}


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

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

.flickity-prev-next-button:hover {
  background-color: transparent
}

.flickity-prev-next-button.previous {
  /*left: 0;*/
  left: 2.5%;
  top: 48%;
  -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
}

.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: 43px;
  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: #FFFFFF;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer
}

  .flickity-page-dots .dot.is-selected {
    opacity: 1;
    width: 13px;
    height: 13px;
    margin: 0 8px;
  }


/*!
 * 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: 270px;
  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: #B6363B;
  font-weight: bold
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .modal .modal-close {
    position: absolute;
    right: 1.875rem;
    top: 1.25rem;
    z-index: 9999;
    text-decoration: none;
    color: #4A4A4A;
    font-size: 2.25em;
    font-weight: 200
  }

.modal__header {
  padding-right: 1.25em
}

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

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

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

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

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

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

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

@media screen and (max-width: 31.25em) {
  .modal {
    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-family: "din-2014", sans-seriffont-weight:400;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    width: 6.25em
  }

    .notes-pagination .notes-pagination__previous a,
    .notes-pagination .notes-pagination__next a {
      text-decoration: none
    }

      .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-red.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-red.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-family: "din-2014", sans-serif;
    font-weight: 400;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #4A4A4A;
    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: #B6363B;
    -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: 0em;
    padding-right: 0em;*/
  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: 120px;
}

.content-page__nav a {
  text-decoration: none;
  padding: .32rem 1.25rem;
}

.content-page__nav > ul > li {
  border-bottom: none;
  position: relative
}

  .content-page__nav > ul > li:after {
    content: ' ';
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    display: block;
    border-bottom: 1px solid #dfe0e1;
    margin-left: 1.25em;
    margin-right: 1.25em
  }

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

.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;
    font-family: "din-2014", sans-serif;
    ;
    text-transform: none;
    color: #1D2E37
  }

    .content-page__nav .sub-menu a:hover {
      color: #B6363B
    }

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

  .content-page__nav > ul > li:after {
    margin-left: 2.5em;
    margin-right: 2.5em
  }
}

@media screen and (min-width: 60em) {
  .content-page__content {
    padding-left: 3.75em;
    padding-right: 3.75em
  }
}

@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: #1D2E37;
  padding: 1.25em;
  position: relative;
  z-index: 10;
  overflow-x: hidden
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .booking-progress li {
    position: relative
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .booking-summary-tab div,
  .booking-summary-tab p,
  .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: #1D2E37
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .booking-sidebar__inner.abs {
      position: absolute
    }

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

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

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

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

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

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

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

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

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

      .booking-page--login-register .layout__item:nth-of-type(2) {
        background-color: #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
    }
}

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

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

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

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

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

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

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

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

  .booking-summary-tab {
    display: none
  }

  .booking-total {
    position: fixed;
    -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
  }

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

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

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

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

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

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

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

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

  .summary-header div,
  .summary-header p,
  .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: end;
    -ms-flex-align: end;
    align-items: flex-end
  }

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

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

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

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

  .summary-list--total .summary-list__value {
    font-size: 1.375em;
    font-family: "din-2014", sans-serif;
    font-weight: 400;
    letter-spacing: 0.05em
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .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-family: "din-2014", sans-serif;
    font-weight: 400;
    letter-spacing: 0.05em;
    color: #1D2E37
  }

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

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

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

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

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

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

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

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

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

    .radio-button.radio-button--card.state--purchased .radio-button__img:before {
      content: 'Purchased';
      text-transform: uppercase;
      position: absolute;
      bottom: 0;
      left: 0;
      background-color: #B6363B;
      -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: #B6363B;
    border-color: #B6363B;
    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: #4A4A4A
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .check-radio-set label,
  .bullet-radio-set label,
  .radio-marker label,
  .std-radio label {
    position: relative;
    font-family: "din-2014", sans-serif;
    ;
    color: #4A4A4A;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: .5rem
  }

  .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 {
  font-family: "din-2014", sans-serif;
  ;
  color: #4A4A4A
}

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

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

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

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

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

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

.radio-marker {
  position: relative
}

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

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

.bullet-radio-set input[type="radio"]:checked + span.marker,
.std-radio input[type="radio"]:checked + span.marker {
  border-color: #B6363B;
  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: #B6363B
  }

.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 #B6363B;
  -webkit-box-shadow: 0 0 0 1px #B6363B;
  box-shadow: 0 0 0 1px #B6363B
}

[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 {
  background-color: #F6F4F4;
  padding: 1.25rem;
  display: block;
  -webkit-transition: background-color .4s;
  -o-transition: background-color .4s;
  transition: background-color .4s;
  text-decoration: none
}

  .date-price:hover {
    background-color: #fff
  }

  /*.date-price .date-price__month {
	font-family: "din-2014", sans-serif;
	font-weight: 400;
	letter-spacing: 0.05em;
	color: #48566E;
	display: block;
	text-transform: uppercase;
	font-size: 1.125em
}*/

  .date-price .date-price__price {
    font-family: "din-2014", sans-serif;
    ;
    font-size: .9375em
  }

  .date-price.is-active {
    background-color: #B6363B
  }

    .date-price.is-active .date-price__month {
      color: #fff;
    }

    .date-price.is-active .date-price__price {
      color: #fff
    }

  .date-price.date-price--season-break {
    background: #EEEEEE;
    position: relative
  }

    .date-price.date-price--season-break:before {
      content: ' ';
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      width: 100%;
      background-color: #D8D8D8;
      -webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
      clip-path: polygon(100% 0, 0% 100%, 100% 100%)
    }

  .date-price .date-price__old-season,
  .date-price .date-price__new-season {
    font-family: "din-2014", sans-serif;
    font-weight: 400;
    letter-spacing: 0.05em;
    color: #333;
    display: block;
    text-transform: uppercase;
    font-size: 1.08em;
    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: #48566E;
    padding: 0;
    width: 1.5625em;
    height: auto;
    top: 0;
    bottom: 0
  }

    .date-price-list.flickity-enabled .flickity-prev-next-button[disabled] {
      opacity: 1;
      background-color: #F6F4F4
    }

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

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

    .date-price-list.flickity-enabled .flickity-prev-next-button svg {
      position: absolute;
      left: -10%;
      top: 5%;
      width: 90%;
      height: 90%
    }

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

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

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

    .date-price-list.flickity-enabled .flickity-prev-next-button.previous,
    .date-price-list.flickity-enabled .flickity-prev-next-button.next {
      -webkit-transform: translateX(0) translateY(0);
      -ms-transform: translateX(0) translateY(0);
      transform: translateX(0) translateY(0)
    }

.date-price-list.date-price-list--booking {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -.625em
}

@media screen and (min-width: 60em) {
  .date-price-list.date-price-list--booking {
    max-width: calc( 66.6666% - 3.75em)
  }
}

.date-price-list.date-price-list--booking.flickity-enabled {
  margin-left: 0;
  margin-right: 0;
  display: block
}

  .date-price-list.date-price-list--booking.flickity-enabled .flickity-prev-next-button {
    top: 1.5em;
    border-radius: .1875em
  }

.date-price-list.date-price-list--booking .flickity-viewport {
  padding-top: .75em
}

.date-price-list.date-price-list--booking .date-price-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-left-color: transparent;
  border-left-width: .625em;
  border-right-color: transparent;
  border-right-width: .625em;
  width: 33.3333%
}

  .date-price-list.date-price-list--booking .date-price-list__item .radio-button {
    width: 100%;
    margin-top: .75em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }

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

.radio-button__inner {
  width: 100%
}

.radio-button__img {
  margin-top: -1.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: #B6363B;
    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;
  color: #fff;
  position: absolute;
  right: -1.0625em;
  bottom: 100%;
  padding: .25em .5em;
  font-family: "din-2014", sans-serif;
  font-weight: 400;
  letter-spacing: 0.05em
}

.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-family: "din-2014", sans-serif;
  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;
  text-transform: uppercase;
  margin-bottom: 1em;
  font-size: 20px;
  display: block;
}

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

.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: 36.25em;
  background-color: #fff;
  margin: 1.25em auto;
  font-family: "din-2014", sans-serif;
  ;
  text-align: center;
  color: #1D2E37;
  margin-bottom: 7.5em
}

  .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: 1.125em;
  border-bottom: 1px solid #E9E5E5;
  padding-bottom: 1.25em;
  margin-bottom: 1.25em
}

.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-family: "din-2014", sans-serif;
  font-weight: 400;
  letter-spacing: 0.05em;
  font-size: 1rem
}

.icon-button__text-bdy {
  font-family: "din-2014", sans-serif;
  ;
  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: 1.875rem;
  padding-top: 1.875rem
}

.ptf {
  font-family: "din-2014", sans-serif;
  ;
  margin: 0 auto;
  max-width: 43.75rem
}

  .ptf input[type='date'],
  .ptf input[type='email'],
  .ptf input[type='phone'],
  .ptf input[type='text'],
  .ptf textarea,
  .ptf select {
    border: 1px solid #dde3e8;
    border-radius: .1875rem;
    padding: .625rem
  }

  .ptf select {
    max-width: 18.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
  }

  .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: #b6363b !important;
  display: block;
  font-weight: 600;
  margin-bottom: .5rem
}

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

  .ptf__add:before {
    background: #fff url("../img/icons/plus.min.svg") center center no-repeat;
    background-size: .625rem auto;
    border: 1px solid #B6363B;
    border-radius: 100%;
    content: '';
    display: inline-block;
    height: 1.25rem;
    margin-right: .625rem;
    width: 1.25rem;
    vertical-align: top
  }

.ptf__dates input {
  max-width: 10rem;
  background-image: url("../img/icons/input-calendar.min.svg");
  background-position: 10px center;
  background-repeat: no-repeat;
  padding-left: 1.875rem !important;
  background-size: 16px 16px;
}

.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 .75rem 0;
    max-width: 10.9375rem
  }

  .ptf__options .tick-check-label {
    padding-right: .75rem
  }

.ptf__options--1x li {
  max-width: none
}

.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;
  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: 6.25rem;
  text-align: center
}

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


/*peonyTour IvyYe add start*/





@media screen and (min-width: 37.5em) {
  .layout--trip-cards .layout__item {
    width: calc(50% - 1.875em);
    margin-left: 0em;
    margin-right: 0em;
    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-Ivyoso {
  max-width: 100%;
  display: flex;
  justify-content: space-between;
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  flex-wrap: wrap;
}

.card__meta li + li {
  /* background-image: url(../img/card-footer-break.png); */
  background-repeat: no-repeat;
  background-position: left center;
  border-left: 1px solid #DDE3E8;
}

.card__meta li {
  border-top: 1px solid #DDE3E8;
}

@media screen and (max-width: 56.25em) {
  .layout--trip-Ivyoso {
    max-width: 100%;
    display: flex;
    justify-content: space-between;
  }
}

@media screen and (max-width: 31.25em) {
  .layout--trip-Ivyoso {
    max-width: 100%;
    display: block;
    justify-content: space-between;
  }
}

.hero__content h1 {
  font-family: 'AvenirNext-DemiBoldMR';
}

.section-headingIvytts:after {
  content: ' ';
  display: block;
  background: url(../img/module-break.svg) no-repeat top center;
  background-repeat: no-repeat;
  height: .3125em;
  width: 3.2em;
  display: block;
  margin-top: .42em;
  margin-bottom: 1.25em;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 60em) {
  form.form--desktop-inline legend.widIvyesf {
    width: 35%;
  }
}

.widIvyntf {
  width: 45%;
  text-align: right;
  display: block;
  float: left;
}

  .widIvyntf span {
    width: 35%;
  }

    .widIvyntf span:first-child {
      width: 64%;
    }

    .widIvyntf span:nth-child(2) input {
      width: 100%;
      text-align: center;
    }

@media screen and (max-width: 31.25em) {
  .trustpilot-widgetIvyztt {
    width: 500px;
    margin: 0px auto;
    margin-bottom: 20px;
    position: relative;
    margin-top: 72px;
  }
}

@media screen and (max-width: 56.25em) {
  .languageIvytfz a + a {
    color: #4A4A4A;
    font-size: 0.75rem;
    padding-bottom: 1.08rem;
  }

  .languageIvytfz {
    position: absolute;
    top: -0.4em;
    right: 3em;
    z-index: 22;
    display: flex;
    font-size: 0.92em;
    align-items: center;
  }

  .trustpilot-widgetIvyztt {
    width: 500px;
    margin: 0px auto;
    margin-bottom: 20px;
    position: relative;
    margin-top: 72px;
  }
}

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

@media screen and (max-width: 56.25em) {
  .mobile-actionsIvyooz:before {
    content: ' ';
    display: block;
    background-color: #4A4A4A;
    width: 1px;
    height: 1.125em;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

@media screen and (min-width: 75em) {
  .trip-wewhat:before {
    content: ' ';
    background-image: url(../img/peonyImage/wechat.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    width: 22px;
    height: 22px;
    display: inline-block;
    margin-left: .625em;
    position: relative;
    top: 0em;
    right: .2em;
  }

  .trip-Line:before {
    content: ' ';
    background-image: url(../img/peonyImage/lineIvyyeeff.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    width: 22px;
    height: 22px;
    display: inline-block;
    margin-left: .625em;
    position: relative;
    top: 0em;
    right: .2em;
  }
}

@media screen and (max-width: 56.25em) {
  .trustpilot-widgetIvyozs {
    margin: 0px auto;
    margin-bottom: 20px;
    position: relative;
    margin-top: 32px;
    width: 320px;
  }

  .iframIvyyensx {
    position: relative;
    height: 308px;
    width: 100%;
    border-style: none;
    display: block;
    overflow: hidden;
  }
}

@media screen and (min-width: 56.25em) {
  .languageIvytfz a {
    padding-left: 0.5em;
    padding-right: 0.5em;
  }

    .languageIvytfz a + a {
      position: relative;
      padding-right: 0.8em;
      opacity: 0.66;
      font-size: 0.82rem;
      top: -0.10rem;
    }

  .searchbtn {
    display: none !important;
  }

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

  li.languageIvytfz a:first-child {
    padding-top: 0em;
    padding-right: .5em;
    color: #1D2E37;
    /*opacity: 0.66;*/
  }
}

@media screen and (min-width: 56.25em) {
  .languageIvytfz {
    position: absolute;
    top: 1em;
    right: 3em;
    z-index: 22;
    display: flex;
    font-size: 0.92em;
    align-items: center;
  }

  .iframIvyyeost {
    position: relative;
    height: 130px;
    width: 60%;
    border-style: none;
    display: block;
    overflow: hidden;
    margin: 0 auto;
  }
}

.footer-social__item img {
  height: 80px;
  width: 80px;
}

.onpage-searchIvysts {
  background: #ebe6e6;
  /*padding: .8em 0;*/
  text-align: center;
  color: #ffffff;
  font-family: 'din-condensed';
  font-size: 1.5em;
  border-radius: 5px;
  padding: 1.2em 0.75em;
}

  .onpage-searchIvysts span {
    /*font-size: 0.775em;*/
    padding: 0 .36em;
    opacity: 0.66;
    /*text-transform:  capitalize;*/
  }

  .onpage-searchIvysts > div {
    max-width: 50em;
    margin: 0 auto;
  }

  .onpage-searchIvysts span input {
    width: calc(100% - 600px);
    display: inline-block;
    padding: 0.35em 1em;
    color: #4A4A4A;
  }

.onpage-bigtitle {
  display: inline-block;
  width: 35%;
  text-align: right;
  vertical-align: top;
}

.onpage-otherinfo {
  display: inline-block;
  width: 62%;
  text-align: left;
}

.onpage-otherinfo {
  display: block;
}

.centered h2 p {
  text-align: left;
}

ul.conteIvyyentf {
  margin-block-start: 0em;
  margin-block-end: 0em;
  padding-inline-start: 0px
}

  ul.conteIvyyentf li {
    list-style-type: none;
  }

.box-borderedIvyyests {
  /*padding: 0px 20px;
    border-radius: 5px;
    border: 1px solid #e1e1e1;
    display: inline-block;
    background: #ffffff;
    text-transform: uppercase;
    color: #B6363B;
    font-size: 0.775em;
    font-weight: 600;*/
  display: inline-block;
  text-transform: uppercase;
  font-family: 'AvenirNext-RegularMR';
  font-size: 20px;
  color: #324d59;
  letter-spacing: 0.24em;
}

.Statictil div.Globaltxt {
  display: flex;
  justify-content: space-between;
}

.Globaltxt ul li {
  /*font-family: '思源黑體 TW ';*/
  color: #4A4A4A;
  line-height: 1.8;
  list-style-type: none;
}

.Globaltxt ul {
  text-align: left;
  width: 415px;
}

article.article--snippet h1 a {
  font-family: "din-2014", sans-serif
}

article.article--snippet p {
  font-family: "din-2014", sans-serif
}

.content-page__nav .sub-menu li.current-item a.fonweIvyzft {
  font-weight: normal;
}

.content-page__nav .sub-menu .padiIvyzzt li {
  font-size: 1rem;
}

.maginbIvyyette {
  margin-bottom: 1.2em;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'DIN-RegularMR';
}

.Reservation {
  line-height: 1.5
}

.content-page__nav .sub-menu a.ivyBufts {
  padding: .875em 1em .875em;
  font-size: 1em;
  color: #ffffff;
  width: 15em;
  text-align: center;
}

/*.padiIvyzzt li:last-child {
    border-bottom: 1px dashed #B1BDBF;
}
*/
/*account.css start**/

.content-page__nav .sub-menu li.current-item a.fonweIvyzft {
  font-weight: normal;
}

.content-page__nav .sub-menu li.current-item a.btn--inline {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 1rem;
  line-height: 1.25rem;
  min-height: 1.875rem;
  min-width: 0;
  padding: .3125rem;
  text-transform: uppercase;
  -webkit-transition: color 400ms;
  -o-transition: color 400ms;
  transition: color 400ms;
  vertical-align: top;
}

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

.btn--inline img:first-child {
  margin-right: .375rem;
}

.fonweIvyzft {
  font-weight: normal;
}

.btn--inline img.picwhIvytot {
  width: 14px;
  height: 14px;
}


/*account.css end**/


/*font size common start*/

.ivyUlsoe {
  margin-block-start: 0em;
  margin-block-end: 0em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 0px;
  list-style-type: none;
}

.disJuIvyesf {
  justify-content: space-between;
}

.dispFIvyftn {
  display: flex;
  flex-wrap: wrap;
}

.IvyYeFontnsf {
  font-size: .625em;
}

.IvyYeFontsze {
  font-size: .875em;
}

.disIvynos {
  display: inline-block;
}

.topIvyzft {
  /*margin-top: 5.4em;*/
}

div.topIvyzft h1 {
  margin-bottom: .455em;
}

div.topIvyetn {
  margin-bottom: 3em;
}

.posiReIvyote {
  position: relative;
}

.palileIvyffs {
  text-align: left;
}

.palileIvytot {
  text-align: right;
}

@media screen and (min-width: 43.75em) .tab-nav .innerIvyyeets {
  position: relative;
}

.innerIvyyeets {
  width: 44em;
  margin-left: auto;
  margin-right: auto;
}

.innerIvyyeezf {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 56.25em) {
  .topIvyzft {
    /*margin-top: 6em;*/
  }

  .innerIvyyeets {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}

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

ul.padiIvyzzt {
  padding-left: 1.8em;
}

  ul.padiIvyzzt li {
    line-height: 1.6em;
  }

.text-widgetIvyzz {
  width: 100%;
}

div.text-widgetIvyzz {
  width: calc(100% - 1.875em);
}

.divFleIvfs {
  display: flex
}


/*font size common end*/


/*review card start*/

.review-card {
  margin: 0 0 4px;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0px 2px 8px #e8edf3;
}

@media only screen and (min-width: 640px) {
  .review-card {
    margin: 0 0 8px;
  }
}

.review-card .review {
  word-break: break-word;
  word-wrap: break-word;
  overflow-wrap: break-word;
  padding: 16px;
}

@media only screen and (min-width: 640px) {
  .review-card .review {
    padding: 24px;
  }
}

.review-card .review-content__header {
  margin-bottom: 5px;
  color: #32323d;
}

.review-card .review-content-header {
  display: flex;
  flex-wrap: wrap;
}

.review-card .star-rating {
  width: 100%;
  display: flex;
}

.review-card .star-rating--medium {
  width: 108px;
  height: 20px;
}

.review-card .star-item {
  background-color: #dcdce6;
  flex: 1;
  max-width: 24px;
  max-height: 24px;
}

@media only screen and (min-width: 640px) {
  .review-card .star-item {
    max-width: none;
    max-height: none;
  }
}

.review-card .star-rating-5 .star-item--color {
  background-color: #00b67a;
}

.review-card .star-rating--medium .star-item {
  width: 20px;
}

  .review-card .star-rating--medium .star-item:not(:last-of-type) {
    margin-right: 2px;
  }

.review-card .star-item img {
  max-width: 100%;
}

.review-card .review-content-header__dates {
  flex-grow: 1;
  text-align: right;
  color: #32323d;
}

@media only screen and (min-width: 640px) {
  .review-card .review-content-header__dates {
    order: 3;
  }
}

.review-card h2 {
  color: #32323d;
  margin: 0;
}

@media only screen and (min-width: 1024px) {
  .review-card h2 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 32px;
    line-height: 2rem;
    font-weight: 500;
  }
}

.review-card .review-content__title {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
  margin-bottom: 4px;
}

@media only screen and (min-width: 640px) {
  .review-card .review-content__title {
    margin-bottom: 8px;
  }
}

.review-card a.link--dark {
  color: #32323d;
}


/*revies card end*/

li.Brochurepic > span {
  display: inline-block;
  width: 100%;
}

li.Brochurepic > div div {
  font-family: "din-2014", sans-serif;
  color: #1d2e37;
  margin-bottom: .3em;
  margin-top: .3em;
  font-size: 18px;
}

div.Agensp01txt div:first-child {
  width: 100%;
  margin-right: 1.2em;
  transform: translateY(-3%);
}

div.Agensp01img {
  margin-top: 2.3em;
  margin-bottom: 2.3em;
}

.innerIvyyetot ul {
  display: flex;
  justify-content: flex-start;
}

  .innerIvyyetot ul li {
    width: 20%;
  }

.moduleIvyot {
  padding-top: 3.125em;
  /*padding-bottom: 3.125em;*/
}

  .moduleIvyot.module--altIvyot {
    background-color: #1D2E37;
    position: relative;
    z-index: 8;
  }

    .moduleIvyot.module--altIvyot::before {
      content: ' ';
      display: block;
      background: url(../img/alt-ripIvyot.png) repeat-x left top/auto 46px;
      height: 1.3125em;
      position: absolute;
      top: -1.2125em;
      left: 0;
      width: 100%;
      z-index: 0;
    }

.moduleIvytf {
  padding-top: 3.125em;
  padding-bottom: 3.125em;
}

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

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

nav.tab-navIvyfof li + li {
  margin-left: 1.8em;
}

h1.card__titlefz {
  font-size: 1.75rem;
  color: #6F809C;
  text-transform: uppercase;
}

li.card__titlefo {
  font-size: 24px;
  color: #324d59;
  text-transform: uppercase;
}

div.star-item {
  background-color: #dcdce6;
  flex: 1;
  max-width: 24px;
  max-height: 24px;
}

@media only screen and (min-width: 640px) {
  div.star-item {
    max-width: none;
    max-height: none;
  }
}

div.star-item--color {
  background-color: #00b67a;
}

div.wiOIvoz {
  width: .875em;
  height: .875em;
  flex: none;
  margin-left: .12em;
}

div.wiOIvzn {
  width: 3em;
  height: 2em;
  flex: none;
  margin-left: .12em;
  background-color: unset;
}

table.date-price-table th {
  text-transform: uppercase;
  font-family: 'din-condensed';
}

table.Brochuresp03 tr td {
  padding-left: 2.1em;
  padding-right: 2.1em;
}

table.Brochuresp03 tr > td:first-child {
  text-align: right;
}

div.yearIvytts {
  font-family: 'din-condensed';
}


/*peonyTour IvyYe add end*/


/*leo start*/
.accordion__trigger .accordion__label::after {
  content: ' ';
  width: 1em;
  height: 1.5em;
  display: block;
  background-image: url(../img/icons8-show-hide.svg);
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  top: 50%;
  background-size: 100%;
  background-position: 0px -19px;
  -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 0s;
  -o-transition: transform .4s;
  transition: transform .4s;
  transition: transform .4s, -webkit-transform .4s;
}

.account-heading .accordion__label:after {
  height: 1rem !important;
  width: 1rem !important
}

.accordion[data-state="open"] .accordion__label:after {
  /*-webkit-transform:translateY(-50%) rotate(135deg);
        -ms-transform:translateY(-50%) rotate(135deg);
        transform:translateY(-50%) rotate(135deg)*/
  background-position: 0px 5px;
}
/*leo end*/
/*leo mean-list start*/
.menu-list ul li.first-menu {
  overflow: hidden;
}

/*.menu-list ul li:HOVER > a {
    color: #6f809c;
}*/

.menu-list ul li a {
  display: block;
  text-transform: capitalize;
  font-family: "din-2014", sans-serif;
  position: relative;
}

.menu-list ul li.first-menu.active > a {
  background-color: #48566E;
  color: #ffffff;
  border-radius: 5px;
}
/*.menu-list ul li.first-menu ul{
        display:none;
    }*/
.menu-list ul li.first-menu.active ul li.second-menu.current span {
  font-weight: bold;
  color: #6f809c;
}

.sub-menutwo {
  padding: 1.25em 1.25em !important;
  background-color: #fff;
}

  .sub-menutwo li {
    border-bottom: none;
    font-size: .9375em;
    color: #616161;
  }

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

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

.second-menu a {
  color: #242424;
}

.sub-menutwo .padiIvyzzt a {
  color: #616161;
}

@media screen and (min-width: 60em) {
  .content-page__nav .sub-menutwo {
    padding-left: 2.5em;
    padding-right: 2.5em
  }
}
/*leo mean-list end*/
/*IvyYe diffent css*/
.contenIvyfe {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 80%;
  margin: 0px auto;
  margin-bottom: 1.25em;
}

  .contenIvyfe div:first-child {
    width: 30%;
    text-align: right;
    padding-right: 5em;
  }

  .contenIvyfe div + div {
    width: 70%;
  }

input.marLeIveff {
  margin-left: .665em;
}

@media screen and (max-width: 56.25em) {
  div.content-page__contentPaIvyzfs {
    padding: 1.25em;
  }

  .contenIvyfe {
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: 0px auto;
    margin-bottom: 1.25em;
    display: block;
  }

    .contenIvyfe div:first-child {
      width: 100%;
      text-align: left;
      padding-right: 0em;
    }

    .contenIvyfe div + div {
      width: 100%;
    }
}
/*IvyYe diffent css*/
/*leo writeblog start*/
.content-writeblog a {
  display: flex;
}

  .content-writeblog a: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;
  }

.goback_img {
  display: inline-block;
}

.showwriteblog-backbox {
  padding-bottom: 3em;
}

.clickback {
  display: inline-block;
}

  .clickback:hover {
    color: #5ECDD1;
    ;
  }
/*leo writeblog end*/
/*IvyYe diffent css*/
@media screen and (max-width: 56.25em) {
  .Statictil div.Globaltxt {
    display: block;
  }

  .Globaltxt ul {
    text-align: left;
    width: 320px;
  }

  ul, menu, dir {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 1.5em;
  }

  div.faqstyle #newafterimg .accordion__body {
    margin-block-start: 0em;
  }
}
/*input type radio start*/
.control__field 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;
}

span.marker:before {
  border-bottom-left-radius: .25em;
}

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

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

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

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

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

/*.dingbu2 {
    float:right;
}*/
@media screen and (min-width: 1320px) {
  .dingbu2 {
    right: auto;
    left: 50%;
    bottom: 40px;
    margin-left: 544px;
  }
}

.dingbu2 {
  position: fixed;
  right: 30px;
  bottom: 72px;
  width: 46px;
  height: 46px;
  display: none;
  z-index: 888;
}

.inner:after {
  content: ' ';
  display: block;
  clear: both;
}

/*leo add start*/
.error-message {
  text-align: left;
  color: #b6363b;
  font-size: .875rem;
  font-family: "din-2014", sans-serif;
  display: none;
}

#TaiWanBur {
  width: 160px;
}

.hero .flickity-prev-next-button {
  background-color: rgba(246, 244, 244,0) !important;
}

.bullet-list li p span {
  color: #b6363b !important;
}
/*leo add end*/
/*online payment css start*/
section.payment-auto {
  margin: 0 auto;
  max-width: 49.375rem;
}

.onlinepayment div.control {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.onlinepayment div.control__label {
  width: 30%;
  text-align: right;
  padding-right: 1em;
}

.onlinepayment div.control__field {
  width: 55%;
}

  .onlinepayment div.control__field.toucodIvytn {
    width: 32%;
  }

.online-paymentnew .contact-form label {
  /*    font-family: 'PingFangMediumMR';*/
  font-weight: 400;
  letter-spacing: 0.02em;
  text-transform: none;
  color: #1D2E37;
}

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

.online-paymentnew img {
  display: block;
  max-width: 85%;
  height: auto;
}

@media screen and (max-width: 56.25em) {
  .online-paymentnew .booking-section .btn {
    width: 80%;
  }
}

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

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

@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*/

/*iframe_width leo strat*/
@media screen and (min-width: 56.25em) {
  .iframe_width {
    width: 66.25em;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
/*iframe_width leo end*/
/*citytype_box leo start*/
.citytype_box {
  display: flex;
  padding-bottom: 1em;
}

.citytpe_list {
  display: flex;
  align-items: center;
  width: 50%;
}

.citytpe_img {
  width: 20%;
  height: auto;
}

.citytpe_list label {
  font-family: 'din-condensed';
  color: #00424e;
  padding-left: .5em;
  text-transform: uppercase;
  font-size: 18px;
}
/*citytype_box leo end*/


/*pageinfo css*/
.content-page__content {
  color: #4A4A4A;
}

  .content-page__content ul li {
    font-family: "din-2014", sans-serif;
    line-height: 1.8;
  }

  .content-page__content p {
    color: #242424;
    font-family: "din-2014", sans-serif;
    line-height: 1.8;
  }

.sub-menutwo li a {
  text-transform: capitalize;
  font-family: "din-2014", sans-serif;
}

#general-table tr td {
  color: #4A4A4A;
  font-family: "din-2014", sans-serif;
  line-height: 1.8;
}

.footer-menu span {
  opacity: .9;
  color: #4A4A4A;
  margin-bottom: .3em;
}
/*onpage-search ScionAddCss*/
.widIvyesf {
  color: white;
  text-align: left;
  width: 55%;
  display: block;
  float: left;
}

  .widIvyesf span:first-child {
    font-family: AvenirNext-RegularMR;
    font-size: 1.375em;
    text-transform: uppercase;
    opacity: 0.88;
    letter-spacing: .2em;
  }

  .widIvyesf span:last-child {
    font-family: 'DIN-RegularMR';
    font-size: 14px;
    opacity: 0.66;
    letter-spacing: 0.001rem;
  }

@media screen and (max-width: 56.25em) {
  .widIvyesf {
    color: white;
    text-align: left;
    width: 100%;
    display: block;
    /* float: left; */
  }

  .widIvyntf {
    width: 100%;
    text-align: right;
    display: block;
    /* float: left; */
    text-align: left;
    padding-top: 1em;
  }

    .widIvyntf span:first-child {
      width: 40%;
    }

    .widIvyntf span {
      width: 20%;
    }
}

@media screen and (max-width: 37.5em) {
  .widIvyesf {
    color: white;
    text-align: left;
    width: 100%;
    display: block;
    /* float: left; */
    text-align: center;
  }

  .widIvyntf {
    width: 100%;
    text-align: right;
    display: block;
    /* float: left; */
    text-align: center;
  }

    .widIvyntf span:first-child {
      width: 100%;
      display: block;
    }

    .widIvyntf span {
      width: 100%;
      display: block;
    }
}

.discFontIvyte {
  position: relative;
}

  .discFontIvyte:after {
    content: ' ';
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    height: .078em;
    width: 4.125rem;
    display: block;
    top: 50%;
    left: -8%;
    background-color: #B6363B;
  }

/*tabchangeCss*/
.newtab-nav {
  /*background: #1D2E37*/
}
  /*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 {
    font-family: 'din-condensed';
    color: #00424e;
    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: #B6363B;
      opacity: 1;
    }

.tab-nav .is-active a {
  /*background-color: #2C3C4A*/
}

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

.check-dates-prices {
  margin-top: 0px;
}

.newtab-nav li.check-dates-prices {
  position: relative;
  right: 0;
  bottom: 14px;
  z-index: 9;
  border-bottom: none;
  border-right: none;
  margin: auto;
}

  .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: 35px 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: #B6363B;
  opacity: 1;
}

.newtab-nav a {
  padding: 0.55em .625em;
  border-top: 6px solid transparent;
  border-bottom: 4px solid transparent;
  font-size: 1.75em;
  font-weight: 400;
  letter-spacing: 0.01rem;
}

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

/*Ivy Ye 20190520 start for Destination - China - Culture Series - Hotel*/

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


  .unstyled-list-ivyto li {
    position: relative;
    margin-bottom: .1em;
    display: flex;
    flex-wrap: nowrap;
    line-height: 1.8;
    color: #4A4A4A;
  }

.snow-icon-ivytz {
  background: url(../img/icons/snowivyfz.svg) no-repeat;
  width: 16px;
  height: 16px;
  overflow: hidden;
  vertical-align: middle;
  margin-right: 1.5rem;
}

.listcon-ivyzz {
  text-decoration: none;
  transform: translateY(-10%);
  max-width: none;
  word-break: break-word;
  width: -webkit-fill-available;
}

.unstyled-list-ivyto ul {
  padding-inline-start: 0px;
}

.sub-section-heading-ivyfn {
  position: relative;
  margin-top: 1.2em;
}

  .sub-section-heading-ivyfn:before {
    content: ' ';
    border-bottom: 1px dashed #6f809c;
    width: 100%;
    position: absolute;
    top: -36%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
/*Ivy Ye 20190520 end for Destination - China - Culture Series - Hotel*/
/*Ivy Ye 20190521 start*/
.timeline__item + .timeline__item {
  margin-top: 2.5em;
}

.threecol {
  padding-inline-start: 0px;
  list-style: none;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}

  .threecol li {
    line-height: 1.5;
    float: left;
    margin-left: 12px;
    width: calc(50% - 6px);
    margin-bottom: 30px;
  }

    .threecol li a {
      position: relative;
      text-decoration: none;
    }

.tzsg-img-container {
  position: relative;
}

.tzsg-img-2-by-1 {
  padding-top: 100%;
  background-color: #eee;
}

.tzsg-img-container img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.dateTitleIvyzs {
  font-size: .875em;
  margin-bottom: .625em;
  color: #4A4A4A;
  /*text-transform: uppercase;*/
  margin-bottom: 0.75em;
  margin-top: 0.75em;
  display: block;
  /*opacity: 0.66;*/
}

@media screen and (max-width: 56.25em) {
  .threecol li {
    line-height: 1.5;
    float: left;
    margin-left: 0px;
    margin-bottom: 30px;
    width: 100%;
  }
}

.button-previous-ivyts {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  text-decoration: none !important;
  outline: 0;
  white-space: nowrap;
  cursor: pointer;
  transition-property: all;
  transition-duration: .1s;
  transition-timing-function: ease;
  text-transform: none;
  height: 42px;
  line-height: 40px;
  padding: 0 22px;
  border-radius: 5px;
  color: #6F809C;
  border: 1px solid rgba(0,0,0,0.1);
  background: #fff;
  position: relative;
  font-size: 12px;
}

  .button-previous-ivyts:hover {
    border: 1px solid #6F809C;
  }

  .button-previous-ivyts::before {
    content: "";
    font-size: 0;
    display: inline-block;
    vertical-align: middle;
    z-index: 1;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-image: url(../img/icons/button-previous-ivyff.svg);
    width: 13px;
    height: 13px;
    background-size: 13px 13px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    left: 20px;
  }

.button-next-ivyts {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  text-decoration: none !important;
  outline: 0;
  white-space: nowrap;
  cursor: pointer;
  transition-property: all;
  transition-duration: .1s;
  transition-timing-function: ease;
  text-transform: none;
  height: 42px;
  line-height: 40px;
  padding: 0 22px;
  border-radius: 5px;
  color: #6F809C;
  border: 1px solid rgba(0,0,0,0.1);
  background: #fff;
  position: relative;
  font-size: 12px;
}

  .button-next-ivyts:hover {
    border: 1px solid #6F809C;
  }

  .button-next-ivyts::before {
    content: "";
    font-size: 0;
    display: inline-block;
    vertical-align: middle;
    z-index: 1;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-image: url(../img/icons/button-next-ivyff.svg);
    width: 13px;
    height: 13px;
    background-size: 13px 13px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    left: 24px;
  }

.dateTitleIvyof {
  font-size: 14px;
  margin-bottom: .625em;
  color: #2c3c4a;
  margin-bottom: 0.75em;
  margin-top: 0.75em;
  display: inline-block;
  /*opacity: 0.66;*/
  margin: 0 15px;
}

.dateTitleIvytt {
  float: right;
  margin-right: 30px;
  text-align: right;
}
/*Ivy Ye 20190521 end*/
/*Ivy Ye 20190522 start*/
#input-textIvyts {
  color: rgba(255,255,255,0.66);
  background-color: #2c3c4a;
}

  #input-textIvyts::-webkit-input-placeholder {
    color: rgba(255,255,255,0.66);
  }

  #input-textIvyts::-moz-placeholder {
    color: rgba(255,255,255,0.66);
  }

  #input-textIvyts:-ms-input-placeholder {
    color: rgba(255,255,255,0.66);
  }
/*Ivy Ye 20190522 end*/
/*Scion lunboimg*/
.hero_imgtwo {
  position: absolute;
  right: 15%;
  bottom: 2%;
  z-index: 9;
  opacity: 1 !important;
}

.hero_imgtwo {
  width: 11%;
}

@media screen and (max-width: 56.25em) {
  .hero_imgtwo {
    position: absolute;
    right: 5%;
    bottom: 2%;
    z-index: 9;
    opacity: 1 !important;
    width: 18%;
  }

  #input-textIvyts {
    color: rgba(255,255,255,0.66);
    background-color: #48566e;
  }
}

.controlhaveicon select {
  background-image: url(../img/icons/calendar-icon.svg);
  background-position: 10px;
  padding-left: 2.5em;
}

/*Scion New FEATUREScss*/
@media screen and (max-width: 43.75em) {
  #input-textIvyts::-webkit-input-placeholder {
    color: rgba(255,255,255,0.66);
    text-align: center;
  }

  #input-textIvyts::-moz-placeholder {
    color: rgba(255,255,255,0.66);
    text-align: center;
  }

  #input-textIvyts:-ms-input-placeholder {
    color: rgba(255,255,255,0.66);
    text-align: center;
  }

  #tab-navnewstyle li:first-child {
    width: 100%;
  }

  .split--50 {
    display: block;
    display: block;
    display: block;
  }

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

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

.scion-listnew {
  padding-left: 3em;
  line-height: 1.8;
  color: #4A4A4A;
}

  .scion-listnew p {
    margin-bottom: 0.5em;
  }

  .scion-listnew::after {
    content: '';
    clear: both;
    display: block;
  }

.scion-listdian {
  display: inline-block;
  float: left;
  width: 5%;
  text-align: center;
}

.scion-listcon {
  display: inline-block;
  float: left;
  width: 95%;
}

.Destination-text {
  color: #4A4A4A;
}

.other_font {
  font-family: 'PingFang-SC-SemiboldMR';
}

.New-Baggage ul li {
  width: calc(48% - 10px);
}

.New-Baggagetwo td {
  padding: 20px;
  display: flex;
  float: left;
  justify-content: start;
  border-left: .01rem solid #979797 !important;
  border-bottom: 1px solid #979797 !important;
  /*width: 24%;*/
  /*padding-bottom: 45px;*/
}

  .New-Baggagetwo td:nth-child(4n) {
    border-right: 1px solid #979797 !important;
  }


  .New-Baggagetwo td img {
    width: 185px;
    height: 80px;
  }

@media screen and (max-width: 43.75em) {
  .New-Baggagetwo td {
    padding: 0px;
    display: flex;
    float: left;
    justify-content: center;
    width: 48%;
    /*padding-bottom: 15px;*/
  }
}

.New-Baggagetwo ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

  .New-Baggagetwo ul li {
    width: calc(42% - 80px);
    margin-bottom: 1.875rem;
    list-style-type: none;
  }

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


.mini-icon--category {
  background-color: #B6363B;
  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%);
}
/*Ivy Ye start 20190530*/
.journalIvyfn {
  font-size: 1.75em;
  color: #6F809C;
}

h1.reduceIvyof {
  font-size: 1.375em;
  text-align: center;
  word-break: break-word;
  width: 100%;
  margin: auto;
  text-transform: uppercase;
  letter-spacing: 0.6rem;
  font-family: 'din-condensed';
  color: #6f809c;
  margin-bottom: 2.125rem;
}

.journalPciIvyfn {
  margin: 0px auto;
  margin-bottom: 1.875rem;
  width: 625px;
  height: 317px;
}
/*Ivy Ye end 20190530*/
.widIvyye {
  margin-left: 14.625em;
  margin-right: 14.625em;
}

@media screen and (max-width: 75em) {
  .New-Baggage ul li {
    width: calc(33% - 10px);
    margin-bottom: 1.875rem;
    list-style-type: none;
  }
}

@media screen and (max-width: 43.75em) {
  .module-title {
    display: none;
  }

  .New-Baggagetwo ul li {
    width: calc(50% - 20px);
    margin-bottom: 1.875rem;
    list-style-type: none;
  }
}
/*Ivy Ye  20190603 start*/
.twocol {
  padding-inline-start: 0px;
  list-style: none;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  list-style: none;
  margin: 0;
  padding: 0;
  justify-content: space-between;
}

  .twocol li {
    line-height: 1.5;
    float: left;
    /*margin-left: 30px;*/
    width: calc(50% - 10px);
    margin-bottom: 30px;
    /*width: calc(50% - 1.775em);
    margin-left: .67em;
    margin-right: .67em;
    margin-bottom: 1.875em;*/
  }

    .twocol li a {
      position: relative;
      text-decoration: none;
    }

.tzsg-img-2-by-22 {
  padding-top: 55%;
  background-color: #eee;
}
/*Ivy Ye  20190603 end*/

@media screen and (min-width: 56.25em) {

  /*.desktop-actions {
	    display: none
    }*/
  .scionnavpaddingtop {
    padding-top: 28px;
  }
}

.New-Baggagetwo table tbody td {
  background-color: white !important;
}


/*Forms new list*/
.newullist {
  padding-left: 0px;
}

  .newullist a li::after {
    content: ' ';
    width: 1.2em;
    height: 2em;
    display: block;
    background-image: url(../img/peonyImage/baseline-get_app-24px.png);
    background-repeat: no-repeat;
    float: left;
    background-position: bottom;
    margin-right: 1em;
  }

  .newullist a li {
    list-style-type: none;
    border-bottom: 1px solid #e3e3e3;
    line-height: 40px;
  }

  .newullist a {
    text-decoration: none;
    position: relative;
    color: #242424;
  }

.module.module--white {
  background-color: #fff;
}

.flash-inner h3 {
  color: #ff0000;
  font-family: 'din-condensed';
  margin-bottom: 0em;
  font-size: 1.375em;
  text-transform: uppercase;
}

.flash-inner p {
  text-decoration: none;
  color: #1d2e37;
  font-size: 16px;
  font-family: 'din-condensed';
  text-transform: uppercase;
  margin-bottom: 0px;
}


.first-menu .sub-menutwo ul {
  padding-left: 1em;
}

.twocurrent {
  font-weight: bold;
  color: #6f809c !important;
}


html.js #newafterimg .accordion__label:after {
  content: ' ';
  width: 2em;
  height: 2em;
  display: block;
  background-image: url(../img/icons/arrowstzhide.png);
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  top: 50%;
  background-size: 100%;
  background-position: 0px 0px;
  -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 #newafterimg .accordion[data-state="open"] .accordion__label:after {
  -webkit-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
  background-position: 0px 0px;
}

.tourGuidIvytz {
  display: inline-block;
  transform: translateY(20%);
  padding: 0 0.2rem;
}

em.tourGuidIvytz img {
  height: 24px;
  width: 24px;
}

.sub-menutwo li a {
  font-weight: bold;
}

/*new pageinfo*/
.article__bodytwo h1:first-child {
  color: #6f809c;
  font-size: 30px;
}

  .article__bodytwo h1:first-child:after {
    background-image: none;
    margin-bottom: 0px
  }


/*TERMS&CONDITIONS  New css*/
.scionnewtab-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
}

  .scionnewtab-nav ul li {
    list-style-type: none;
  }

.scionnewtab-nav li {
  text-transform: uppercase;
  width: 50%;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}


.scionnewtab-nav a {
  font-family: 'din-condensed';
  letter-spacing: 0.05em;
  color: #00424e;
  display: block;
  padding: .9375em;
  -webkit-transition: color .4s;
  -o-transition: color .4s;
  transition: color .4s;
  text-decoration: none;
  border-radius: 5px;
}

  .scionnewtab-nav a:hover {
    color: #B6363B
  }

.tab-nav .is-active a {
  /*background-color: #2C3C4A*/
}

.scionnewtab-nav a.btn,
.scionnewtab-nav .form--dark a[type="button"],
.form--dark .scionnewtab-nav a[type="button"],
.scionnewtab-nav .form--dark a[type="submit"],
.form--dark .scionnewtab-nav a[type="submit"] {
  color: #ffffff;
}

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

  .scionnewtab-nav li.check-dates-prices a {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }

@media screen and (min-width: 43.75em) {

  .scionnewtab-nav .inner {
    position: relative
  }

  .scionnewtab-nav li,
  .scionnewtab-nav li:nth-of-type(odd) {
    /*width: auto;
		border: none*/
  }

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

      .scionnewtab-nav li.check-dates-prices a {
        padding: .875em 1.5em .875em
      }
}

.scionnewtab-nav .is-active a {
  background-color: #48566E;
  color: white;
}

.scionnewtab-nav a {
  padding: .25em 2em;
  font-size: 1.25em;
}

@media screen and (min-width: 60em) {

  .scionnewtab-nav a {
    padding: .25em 2em;
  }

  .scionnewtab-nav .check-dates-prices a.btn,
  .scionnewtab-nav .check-dates-prices .form--dark a[type="button"],
  .form--dark .scionnewtab-nav .check-dates-prices a[type="button"],
  .scionnewtab-nav .check-dates-prices .form--dark a[type="submit"],
  .form--dark .scionnewtab-nav .check-dates-prices a[type="submit"] {
    padding: .875em 2.25em .875em
  }
}

@media screen and (max-width: 22.5em) {
  .scionnewtab-nav li {
    font-size: .875em
  }
}

.scionnewsection .layout__inner {
  margin-left: 0em;
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left;
}

h1#infoFti {
  font-size: 36px;
  color: #6f809c;
  padding: 0 0px;
}

h1#infoTiSc {
  color: #6f809c;
  font-size: 30px;
}

h1#infothSc {
  color: #6f809c;
  font-size: 22px;
  margin-bottom: .75em;
}

p.review-content__text {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  color: #32323d;
}

.review-content__title a {
  text-decoration: none;
}

em[data-tooltip] {
  background-color: #B6363B;
  padding: .325em .5em;
  border-radius: .75em;
  color: #fff;
  display: inline-block;
}

/*Scion changeCss*/
#scionpage-logo {
  /*width: 100px; 0207*/
  width:100%;
  height: 80px;
  padding: 20px 0;
}

@media screen and (max-width: 56.25em) {
  .mobile-actions a img {
    width: 22px;
    margin-right: .3rem;
  }

  #scionpage-logo {
    /*width: 85px; 0207*/
    width: 95%;
    height: 60px;
  }

  .card__stops {
    font-size: 1.25rem;
  }

  .widIvyesf span:first-child {
    font-size: 1.25em;
  }

  .moduleIvyot.module--altIvyot::before {
    background: url(../img/alt-ripIvyot.png) repeat-x left top/auto 24px;
  }

  .footer-menu {
    font-size: 1.125em;
  }

  .twocol li {
    line-height: 1.5;
    float: left;
    width: 100%;
    margin-left: 1.25em;
    margin-right: 1.25em;
    margin-bottom: 1.875em;
  }
}

@media screen and (max-width: 43.75em) {
  .newtab-nav li.check-dates-prices {
    width: 100%;
  }

  .sort-select {
    font-size: 1em;
  }
}

#byopen_list .padiIvyzzt li:last-child {
  border-bottom: none;
}

.accordion__triggeractive {
  font-weight: bold;
  color: #242424;
}

.scionnewsection {
  font-family: 'AvenirNext-RegularMR';
  color: #00424e;
  letter-spacing: 0.24rem;
}

.split__item--shade .accordion__label {
  font-size: 22px;
  color: #6f809c;
  font-family: 'din-condensed';
}

.accordion__label {
  font-family: 'din-condensed';
}

.closetwo .accordion__label {
  font-size: 18px;
}

.closetwo_body .accordion__body-inner > p {
  font-size: 14px;
}

.disTerIvytn {
  font-size: 14px;
  width: calc(100% - 0em);
  margin: 0px auto;
}

td em[data-tooltip]:hover {
  text-decoration: underline;
  background: rgba(182,54,59,0.66);
}

.currenttitle {
  display: block;
  padding: .625em 1.25em;
  font-family: "din-2014", sans-serif;
  font-size: 24px;
  padding-left: 0px !important;
}

  .currenttitle:hover {
    color: #242424 !important;
  }

.trip-meta .trip-meta__durationIvytt {
  font-size: 50px;
  color: #1D2E37;
  margin-top: -.025em;
  opacity: 1;
}

.trip-metaIvytt {
  width: 30em;
  height: 12em;
  background-size: cover;
}

.trip-meta__partIvytt {
  font-size: 33px;
  color: #fff;
}

.termsIvytt {
  color: #ffffff;
  font-weight: normal;
  text-align: center;
  word-break: break-word;
  PADDING-TOP: 10px;
  font-size: 0.66em;
}

@media screen and (max-width: 31.25em) {
  .trip-metaIvytt {
    width: 18em;
    height: 6em;
  }
  /*.trip-meta .trip-meta__duration {
        margin-top: -1em;
        font-size: 1.125em;
    }*/

  .trip-meta__partIvytt {
    font-size: 1.125em;
  }

  .onpage-searchIvysts {
    font-size: 20px;
  }

    .onpage-searchIvysts span {
      font-size: 16px;
      display: inline-block;
    }

  .footpIvytn {
    font-family: 'DIN-RegularMR';
    font-size: 18px;
  }
}

.triggeractive {
  color: #242424;
  font-weight: bold;
}

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

  .newtab-nav a {
    font-size: 1.25em;
  }
}

@media screen and (max-width: 56.25em) {
  .section-heading {
    color: #00424e;
    font-family: 'AvenirNext-RegularMR';
    font-size: 18px;
    letter-spacing: 0.2em;
  }
}
/**Ivy Ye 20190620 start*/
@media screen and (max-width: 56.25em) {
  .view-all-link {
    font-family: 'din-condensed';
    font-weight: 400;
    letter-spacing: 0.05em;
    color: #b6363b;
    text-decoration: none;
    text-transform: uppercase;
    padding-top: .3125em;
  }

  .date-price .date-price__month {
    font-family: "din-condensed", sans-serif;
    font-weight: 400;
    letter-spacing: 0.05em;
    color: #6f809c;
    display: block;
    text-transform: uppercase;
    font-size: 1.125em;
  }

  .date-price .date-price__price {
    font-family: "din-2014", sans-serif;
    font-size: 1.125em;
  }

  .date-price-list.flickity-enabled .flickity-prev-next-button {
    background-color: #b6363b;
    padding: 0;
    width: 2em;
    height: auto;
    top: 0;
    bottom: 0;
  }

  .date-price {
    padding: 1.25rem 1rem;
  }

    .date-price.is-active {
      background-color: #1d2e37
    }

      .date-price.is-active .date-price__month {
        color: #6f809c
      }

  table thead th {
    background-color: #1d2e37
  }

  .date-price .date-price__price {
    font-family: "din-2014", sans-serif;
    font-size: 1.125em;
  }

  .dates-prices-overlay select {
    background-image: url(../img/icons/teal-arrowhead.minIvytt.svg);
    background-size: 16px 9px;
    background-position: right 10px center;
    padding-right: 2.5em;
  }

  .date-price-tableIvyfe {
    margin-bottom: 0px;
  }

  .timeline__body .script-titleIvytt {
    color: #00424e;
    font-family: 'AvenirNext-RegularMR';
    font-size: 18px;
    letter-spacing: 0.2em;
  }

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

  .unstyled-list li > span {
    color: #4A4A4A !important;
  }

  .unstyled-list li a {
    /*color: #B6363B;*/
    text-decoration: none;
  }




  .section-headingIvysto {
    font-size: 1.75em;
    display: block !important;
  }


  .accordion__body-inner {
    padding: 0em 0em 1.25em 0em;
    padding-left: 0rem;
    font-size: 18px;
  }

  .trip-meta .trip-meta__part span + span:before {
    content: ' ';
    width: .14em;
    height: 1.1em;
    display: inline-block;
    /* background-color: #fff; */
    background: url(../img/inline-list-break-weight.svg);
    margin-left: .625em;
    margin-right: .625em;
    position: relative;
    top: 4px;
    opacity: 0.66;
  }

  .footer-menu li {
    width: 40%;
    margin-right: 0;
  }



  .timeline__itemIvystz {
    margin-bottom: 2.5rem;
  }
}

.unstyled-list li > span {
  color: #6f809c;
}

/**Ivy Ye 20190620 end*/

/*FAQ TabNewStyle*/
.tabtoplist {
  padding: 0px;
}

  .tabtoplist li {
    position: relative;
    float: left;
    cursor: pointer;
    padding: .25em 2em;
    font-family: 'din-condensed';
    letter-spacing: 0.05em;
    color: #00424e;
    list-style: none;
    font-size: 1.25em;
    border-radius: 5px;
  }

  .tabtoplist span {
    position: absolute;
    right: 0;
    top: 10px;
    background: #ddd;
    width: 1px;
    height: 14px;
    overflow: hidden;
  }

.products {
  padding-top: 3.125em;
  padding-bottom: 3.125em;
}

  .products .productsmain {
    display: none;
  }

    .products .productsmain.productsselected {
      display: block;
    }

.tabtoplist li.newtabactive {
  background-color: #48566E;
  color: white;
}

/*FAQ TabNewStyle end*/
.scionbtncolor .previous {
  left: -40px;
}

.scionbtncolor .next {
  right: -40px;
}

.contaIvyzfo {
  font-family: "din-2014", sans-serif;
  color: #1D2E37;
  text-transform: none;
  font-weight: normal;
  letter-spacing: 0;
}

.sidebar__titleIvyzfo {
  font-family: "din-condensed", sans-serif;
  font-weight: 400;
  letter-spacing: 0.05em;
  color: #1D2E37;
}

.accordion__body-innerIvyfte {
  padding: 0rem 0;
  padding-left: 0rem;
  padding-top: 0rem;
}

.accordion__triggerIvyfte {
  padding-top: .75rem;
  padding-bottom: .75rem;
}

.scion-pull-backmargin {
  position: sticky;
  margin-bottom: -4em;
  top: 0px;
  z-index: 99;
}

  .scion-pull-backmargin table {
    margin-bottom: 0px;
  }

.MsoNormal img {
  margin: auto;
  width: 780px;
}

ul.alitIvtof {
  height: 22px;
  margin-bottom: .875rem;
}

.accordion__body-innerIvytn {
  padding-left: 0rem;
}

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

.tzsg-img-container iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.citytpe_listIvystf {
  width: 37%;
  text-decoration: none;
}

  .citytpe_listIvystf img {
    float: right;
    font-size: 14px;
    max-width: 100%;
    height: auto;
    width: 72px;
  }

.befytrIvytzz {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  position: absolute;
  top: 0px;
  right: 3.75em;
}

  .befytrIvytzz ul {
    display: flex;
    justify-content: space-between;
    position: relative;
  }

    .befytrIvytzz ul li {
      list-style-type: none;
      margin-right: 1.23rem;
      font-family: "din-2014", sans-serif;
      font-weight: bold;
    }

      .befytrIvytzz ul li a {
      }

        .befytrIvytzz ul li a:hover {
          color: #6f809c;
          text-decoration: underline
        }

      .befytrIvytzz ul li:last-child {
        margin-right: 0rem;
      }

      .befytrIvytzz ul li + li a:before {
        content: ' ';
        display: block;
        background-color: #dfe0e1;
        width: 1px;
        height: 1.125em;
        position: absolute;
        top: 50%;
        right: 28%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
      }

ul.levelFoIvyfs {
  display: flex;
  padding-inline-start: 0px;
}

  ul.levelFoIvyfs li {
    list-style-type: none;
    margin-right: 1.23rem
  }

    ul.levelFoIvyfs li:last-child {
      list-style-type: none;
      margin-right: 0rem
    }

    ul.levelFoIvyfs li a {
      text-decoration: none;
      padding: 10px 12px;
      line-height: 1;
      background: rgba(11,128,156,0.15);
      color: #6f809c;
      font-family: "din-2014", sans-serif;
      font-size: 16px;
      cursor: pointer;
      text-transform: capitalize;
    }

      ul.levelFoIvyfs li a:hover {
        background: rgba(11,128,156,0.22);
        color: #6f809c;
      }

        ul.levelFoIvyfs li a:hover:visited {
          background: rgba(11,128,156,0.22);
        }

  ul.levelFoIvyfs .newtabactive a {
    background: rgba(11,128,156,0.22);
    color: #6f809c;
  }


section.module table tbody tr:hover td {
  background-color: white;
}

section.module table tbody td {
  border-bottom: 0px solid #fff;
  vertical-align: top;
  color: #242424;
}

article#newflexbox {
  display: block;
}
/*info stylecss*/
.visastyle h3, .travelInsurancestyle h3, .aboutusstyle h3, .beforeyoutripstyle h3, .faqstyle h3 {
  font-size: 30px !important;
  color: #6f809c !important;
  text-transform: uppercase !important;
  font-family: 'din-condensed' !important;
  line-height: 1.6;
}

.visastyle h4, .travelInsurancestyle h4, .aboutusstyle h4, .beforeyoutripstyle h4, .faqstyle h4 {
  margin-top: 3em !important;
  font-size: 22px !important;
  color: #6f809c !important;
  text-transform: uppercase !important;
  font-family: 'din-condensed' !important;
  line-height: 1.6;
}

.visastyle p, .travelInsurancestyle p, .aboutusstyle p, .beforeyoutripstyle p, .faqstyle p {
  font-size: 16px !important;
  color: #242424 !important;
  font-family: "din-2014", sans-serif !important;
  line-height: 26px;
}

.visastyle ul li, .travelInsurancestyle ul li, .aboutusstyle ul li, .beforeyoutripstyle ul li, .faqstyle ul li {
  font-size: 16px !important;
  color: #555555;
  font-family: "din-2014", sans-serif !important;
  word-break: break-word;
  margin-bottom: 5px;
}

@media screen and (max-width: 43.75em) {
  .accordion__triggerIvyfte {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
}

@media screen and (max-width: 31.25em) {
  .visastyle ul li, .travelInsurancestyle ul li, .aboutusstyle ul li, .beforeyoutripstyle ul li, .faqstyle ul li {
    list-style-position: inside;
    font-size: 14px !important;
  }
}

.travelInsurancestyle ul li {
  list-style-position: inside;
}

div.termcondiIvyoot h3 {
  font-size: 28px;
  color: #48566e;
  text-transform: uppercase;
  font-family: 'din-condensed';
  line-height: 1.6;
}

div.termcondiIvyoot h4 {
  margin-top: 3em;
  font-size: 19px;
  color: #1d2e37;
  text-transform: uppercase;
  font-family: din-condensed;
  line-height: 1.6;
}

div.termcondiIvyoot ul li {
  font-size: 17px;
  color: #4A4A4A;
  font-family: din-2014;
  line-height: 1.6;
  margin-bottom: 5px;
}

div.termcondiIvyoot p {
  font-size: 17px;
  color: #4A4A4A;
  font-family: din-2014;
  line-height: 1.6;
  margin-bottom: 5px;
}

div.termcondiIvyoot ul li {
  font-size: 17px;
  color: #4A4A4A;
  font-family: din-2014;
  line-height: 1.6;
  margin-bottom: 5px;
}

.section-headingIvyofo {
  text-transform: capitalize;
  line-height: 1.6;
  font-family: "din-2014", sans-serif;
  font-size: 22px;
  color: #1d2e37;
  font-weight: 400;
  letter-spacing: 0.05em;
}

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

div.termcondiIvyoot table td a, div.termcondiIvyoot a {
  /*font-size:16px;*/
  font-family: 'din-condensed';
  /*list-style-position: inside;*/
  line-height: 1.6;
  text-decoration: none;
}

#pingroll {
  background-color: #ffffff;
  border-radius: 4px;
  border: 0px solid #e3e3e3;
  box-shadow: 0 0 0px rgba(0,0,0,0.3);
  font-family: din-2014;
  height: auto;
  width: 400px;
}


@media screen and (max-width: 56.25em) {
  .productsselected table {
    word-break: break-word;
  }

  section.module table tbody td {
    border-bottom: 0px solid #fff;
    vertical-align: top;
    color: #000000;
    padding: 0px;
  }

  .befytrIvytzz ul li + li a:before {
    content: ' ';
    display: block;
    background-color: #dfe0e1;
    width: 1px;
    height: 1.125em;
    position: absolute;
    top: 50%;
    right: 37%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .scion-infopaddingthree {
    /*padding-bottom:2.87rem;*/
  }

  .scion-infopaddingfour {
    /*padding-top:1.875rem;*/
  }

  .timeline__marker {
    font-size: 18px;
  }

  .rounded-icon--flight {
    background-image: url(../img/icons/flight.min.svg);
    width: 56px;
    height: 56px;
    background-size: 56px 56px;
  }
}

@media screen and (max-width: 31.25em) {
  .befytrIvytzz ul li + li a:before {
    content: ' ';
    display: block;
    background-color: #dfe0e1;
    width: 1px;
    height: 1.125em;
    position: absolute;
    top: 48%;
    right: 37%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .befytrIvytzz {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
    top: 0px;
    right: 0px;
  }
}

.scionothera .padiIvyzzt a {
  font-weight: normal;
  font-size: 16px;
  padding: 0px;
}

.scion-infopaddingone {
  /*padding-top:1.875rem;*/
  margin-bottom: .3em;
}

.scion-infopaddingthree {
  margin-bottom: 0.5375rem;
  line-height: 1.6;
}

.scion-infopaddingfour {
  padding-top: 1rem;
}

.accordion__trigger a {
  font-family: 'din-condensed';
  font-size: 18px;
}

.scion-otherheading {
  color: #324d59;
  text-transform: capitalize;
}

.tablelistwidth tbody td {
  color: #4a4a4a;
}

.unstyled-listpadding li {
  margin-bottom: 0.3rem;
}

@media screen and (max-width:56.25em) {
  h1#infoTiSc {
    font-size: 30px;
  }

  h1#infothSc {
    color: #6f809c;
    font-size: 24px;
    margin-bottom: .75em;
  }

  .article__bodytwo h1:first-child {
    font-size: 20px;
  }

  ul.levelFoIvyfs li {
    margin-right: 2%;
    width: 48%;
    margin-bottom: 0.75em;
  }

  h1#infoFti {
    font-size: 30px;
  }

  .scion-listnew {
    padding-left: 0em;
  }

  .scionnewtab-nav ul li {
    width: 100%;
  }

  .sciontermsstyle table tbody td {
    width: 100%;
    display: block;
  }

  #search-toggle {
    display: none;
  }

  .desktop-actions a {
    border-bottom: 1px solid #dfe0e1;
  }

  .citytpe_listIvystf img {
    width: 65px;
  }

  .citytpe_listIvystf {
    width: 50%;
  }
}

.sciontermsstyle table td a {
  font-size: 19px !important;
  color: #4a4a4a;
  text-transform: uppercase;
  line-height: 1.8 !important;
}

@media screen and (min-width:56.25em) {
  .centeredAb .scionnewtab-nav li {
    width: auto;
  }
}

.ptf__labelIvyft {
  color: #4a4a4a !important;
}

h1.scionnewreduce {
  color: #1d2e37;
  font-size: 36px;
  font-family: AvenirNext-DemiBoldMR;
}

.blogdetailstyle h1, .pressdetailstyle h1 {
  font-size: 36px;
  color: #2c3c4a;
  text-transform: uppercase;
  font-family: 'AvenirNext-DemiBoldMR';
  text-align: center;
  word-break: break-word;
  letter-spacing: 0.6rem;
  width: 100%;
  margin: auto;
  line-height: 1.6;
}

.blogdetailstyle h2, .pressdetailstyle h2 {
  margin-bottom: 1.125rem;
  font-size: 28px;
  text-align: center;
  color: #6F809C;
  text-transform: uppercase;
  font-family: 'din-condensed';
  font-weight: 400;
  letter-spacing: 0.001em;
  line-height: 1.6;
}

.blogdetailstyle h3, .pressdetailstyle h3 {
  display: block;
  font-family: "din-2014", sans-serif;
  font-weight: bold;
  font-size: .9375rem;
  color: #616161;
  line-height: 1.6;
}

.blogdetailstyle p, .pressdetailstyle p {
  font-size: 16px;
  color: #4A4A4A;
  font-family: din-2014;
  line-height: 1.6;
  text-align: left;
}

@media screen and (min-width:1120px) {
  .blogdetailstyle iframe, .pressdetailstyle iframe {
    width: 730px;
    height: 411px;
  }

  .pressinfoauto {
    width: 69%;
    margin: auto;
  }
}

@media screen and (max-width:415px) {
  .blogdetailstyle iframe, .pressdetailstyle iframe {
    width: 328px;
    height: 184px;
    margin: auto;
    display: block;
  }
}

@media screen and (max-width:321px) {
  .blogdetailstyle iframe, .pressdetailstyle iframe {
    width: 280px;
    height: 157px;
    margin: auto;
    display: block;
  }
}

@media screen and (max-width:56.25em) {
  .blogdetailstyle h1, .pressdetailstyle h1 {
    font-size: 24px;
    letter-spacing: 0.2rem;
  }
}

@media screen and (max-width: 31.25em) {
  .onpage-searchIvysts {
    font-size: 20px;
  }

    .onpage-searchIvysts span {
      font-size: 16px;
    }

  .card-body-meta li + li:before {
    content: ' ';
    width: 2px;
    height: 22px;
    display: inline-block;
    background-color: #c3c3c3;
    margin: 0 .25rem;
    position: relative;
    top: 6px;
  }

  .sciondatepricecitypop {
    padding: 1.25em !important;
  }
}

td em.bacIvyyefff {
  background-color: white;
  padding: .125em .5em;
  border-radius: 5px;
  color: #b6363b;
  display: inline-block;
  font-size: 11px;
  font-weight: bold;
  text-transform: none;
  /*position:relative;*/
}

td em.scion_saveprice {
  background-color: rgba(182,54,59,0.66);
  color: white;
  border-radius: 5px;
  padding: .125em .5em;
  font-size: 14px;
  display: inline-block;
  /*    position: relative;*/
  bottom: 1px;
}

em.bacIvyyefff {
  /*    background-color: rgba(182,54,59,0.66);*/
  background-color: white;
  padding: .125em .5em;
  border-radius: 5px;
  color: #b6363b;
  display: inline-block;
}


.disTerIvytn p {
  color: #777777;
}

.contentcenter {
  text-align: center;
}
/*.desktop-actions a {
    border-bottom:1px solid #dfe0e1;
    color:#b6363b;
}*/
.card-body-metaIvytft {
  font-size: 18px;
}

.section-headingIvystf {
  font-family: 'AvenirNext-RegularMR';
  font-size: 22px;
  color: #00424e;
  letter-spacing: 0.24em;
  text-transform: uppercase;
}

.section-headingIvysos {
  font-family: "din-2014", sans-serif;
  letter-spacing: 0.05rem;
}

.timeline__bodyIvysto {
  padding: 1.98em 2.3em;
}

.content-page__sidebarIvyefn:before {
  background-color: #ffffff;
}

/*Scion New Tab*/
.scionnewtabtwo {
  background: #1D2E37;
}

.sciontab {
  width: 66.25em;
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
}

.sciontab-item:hover {
  color: #B6363B;
}

.sciontab li {
  padding: 2.25em 1.25em;
  font-family: 'din-condensed';
  font-weight: 400;
  letter-spacing: 0.05em;
  color: #fff;
  display: inline-block;
  text-decoration: none;
  border-top: 6px solid transparent;
  -webkit-transition: color .4s;
  -o-transition: color .4s;
  transition: color .4s;
  text-transform: uppercase;
  cursor: pointer;
}

  .sciontab li.scionactivestyle {
    border-bottom: 6px solid #B6363B;
    background-color: transparent;
  }

.sciontab:after {
  content: '';
  clear: both;
  display: block;
}

@media screen and (max-width: 985px) {
  .sciontab li {
    padding: 2.25em .8em;
  }
}

@media screen and (max-width: 56.25em) {
  .sciontab li:first-child {
    width: 100%;
    text-align: center;
  }

  .sciontab li.scionactivestyle {
    background-color: #344656;
    border-bottom: none;
  }

  .sciontab li {
    width: 50%;
    text-align: center;
    box-sizing: border-box;
    padding: .9375em;
    border-right: 1px solid #2a404c;
    border-bottom: 1px solid #2a404c;
  }

  .sciontab-item:hover {
    color: white;
  }
}
/*mobile yes- no X*/
/*mobile dif*/
@media screen and (max-width: 43.75em) {

  /*.accordion__trigger .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%;
    background-position: center;
    background-size: 100%;
    -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 0s;
    -o-transition: transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s;
}
.accordion[data-state="open"] .accordion__label:after {
    -webkit-transform: translateY(-50%) rotate(135deg);
    -ms-transform: translateY(-50%) rotate(135deg);
    transform: translateY(-50%) rotate(135deg);
}
.accordion[data-state="open"] .accordion__label:after {
    background-position:center;
}*/

}

.scionhero_spimg {
  opacity: 1 !important;
  padding-top: 20px;
  width: 100%;
}

.itinerary_info::after {
  content: ' ';
  border-bottom: 1px dashed #6f809c;
  width: 100%;
  position: relative;
  display: block;
  padding-top: 1.25em;
}


.trip-metastyleone {
  position: absolute;
  left: 0;
  right: 0;
  width: 20em;
  height: 8.5em;
  color: white;
  font-family: 'din-condensed';
  font-weight: 400;
  letter-spacing: 0.05em;
  background: url(../img/brushIvyte.svg) no-repeat center center;
  background-size: contain;
  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;
  margin: auto;
  margin-top: -20px;
  z-index: 9;
}

.reduceIvyffostyleone {
  position: relative;
  background-color: rgba(51,67,92,.7);
  padding: 35px 0px;
  margin-top: -25px !important;
}

.topIvyzftstyleone {
  width: 100%;
}

.hero_imgstyletwo {
  position: absolute;
  right: 20%;
  top: 20%;
  z-index: 99999999;
  opacity: 1 !important;
}

.spbannerstyle {
  display: block;
  position: absolute;
  bottom: 0px;
  color: white;
  opacity: 0.66;
  left: 50%;
  width: 90%;
  transform: translateX(-50%);
  line-height: 18px;
  text-align: center;
  z-index: 9;
}

.trip-meta__durationstyleone:after {
  content: ' ';
  display: block;
  background: url(../img/module-break-white.svg) no-repeat top center;
  background-repeat: no-repeat;
  height: .3125em;
  width: 8.2em;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.reduceIvyffostyletwo {
  position: relative;
  background-color: rgba(127,36,39,.7);
  padding: 35px 0px;
}

.trip-metastyletwo {
  position: absolute;
  /* text-align: center; */
  left: 0;
  right: 0;
  /* top: 0; */
  /* bottom: 0; */
  width: 16em;
  height: 7em;
  color: white;
  font-family: 'din-condensed';
  font-weight: 400;
  letter-spacing: 0.05em;
  background: url(../img/brushIvyte.svg) no-repeat center center;
  background-size: contain;
  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;
  margin: auto;
  z-index: 9;
}

.super-bgstyleone::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  background-color: rgba(127,36,39,.7);
  height: 100%;
  width: 50%;
}

.super-bgstyletwo::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  background-color: rgba(51,67,92,.7);
  height: 100%;
  width: 50%;
}

.hero_imgstylethree {
  position: absolute;
  left: 50%;
  top: 5em;
  transform: translateX(-50%);
  z-index: 99999999;
  opacity: 1 !important;
}

@media screen and (max-width: 56.25em) {
  .hero_imgstyletwo {
    position: absolute;
    right: 13%;
    top: 17%;
    z-index: 99999999;
    opacity: 1 !important;
    width: 12%;
  }

  .hero_imgstylethree {
    position: absolute;
    left: 50%;
    top: 3.5em;
    transform: translateX(-50%);
    z-index: 99999999;
    opacity: 1 !important;
    width: 12%;
  }

  .spbannerstyle {
    display: block;
    position: absolute;
    bottom: 0px;
    color: white;
    opacity: 0.66;
    left: 50%;
    width: 90%;
    transform: translateX(-50%);
    line-height: 16px;
    text-align: center;
    font-size: 13px
  }

  .reduceIvyffostyleone {
    position: relative;
    background-color: rgba(51,67,92,.7);
    padding: 20px 0px;
  }

  .reduceIvyffostyletwo {
    position: relative;
    background-color: rgba(127,36,39,.7);
    padding: 20px 0px;
  }

  li.card__titlefo, .card-body-meta li + li {
    font-size: 18px;
  }

  .dateTitleIvytt {
    margin-right: 0px;
  }

  .dateTitleIvyof {
    font-size: .875em;
    margin-bottom: .625em;
    color: #4A4A4A;
    margin-bottom: 0.75em;
    margin-top: 0.75em;
    display: inline-block;
    opacity: 0.66;
    margin: 0 2px;
  }

  .trip-metastyleone {
    width: 15em;
    height: 6em;
  }

  .sub-section-heading {
    font-size: 27px;
  }

  .listcon-ivyzz {
    font-size: 18px;
  }

  .section-heading {
    font-size: 18px !important;
    font-family: AvenirNext-RegularMR;
    text-transform: uppercase;
    word-break: break-all;
  }

  .inline-listIvyffz {
    font-size: 15px;
  }

  .inline-list li + li:before {
    height: 1.5em;
  }

  .citytpe_list label {
    font-size: 16px;
  }

  .script-title {
    font-size: 18px;
  }

  .review__destination {
    font-size: 15px;
  }

  h1.card__titlefz {
    font-size: 27px;
  }

  .card__stops li {
    font-size: 18px;
  }

  .pressdetailstyle h2 {
    font-size: 26px;
  }

  .dateTitleIvyof {
    margin: 0px;
  }

  .privateTourstitle {
    font-size: 18px;
  }

  .privateToursinfo {
    font-size: 14px;
  }

  .privateToursother {
    font-size: 18px;
  }

  .hero__content h1.reduce {
    font-size: 27px;
    letter-spacing: 0.45rem;
  }

  legend {
    font-size: 22px;
  }

  select.dark {
    font-size: 18px;
    letter-spacing: 0.04rem;
  }

  .btn, .form--dark [type="button"], .form--dark [type="submit"] {
    font-size: 22px;
  }

  .footer-widget .btn {
    padding: .53em .89em;
  }

  #input-textIvyts {
    font-size: 18px;
    letter-spacing: 0.06rem;
  }

  .widIvyesf span:last-child {
    font-size: 18px;
  }

  .newtab-nav a {
    font-size: 22px;
  }

  .breadcrumbs li {
    font-size: 16px;
  }

  .tab-nav a {
    font-size: 18px;
  }

  .inline-list li {
    font-size: 18px;
  }

    .inline-list li + li {
      margin-left: 0.5em;
      padding-left: 0.5em;
    }

  p, .dates-prices-overlay li, .notes-pagination .notes-pagination__navigator {
    font-size: 18px;
  }

  .extra-days li {
    font-size: 18px;
  }

  .section-heading, .sub-section-heading {
    font-size: 27px;
  }

  .scion-infopaddingone {
    /*padding-top:2.87rem;*/
    font-size: 18px;
  }

  .scion-infopaddingtwo {
    /*padding-top:2.87rem;*/
    font-size: 18px;
  }

  .rounded-icon {
    width: 3.6em;
    height: 3.6em;
  }

  .visastyle p {
    font-size: 18px !important;
  }

  .sibling-page-selector select {
    font-size: 18px;
  }

  .visastyle p, .travelInsurancestyle p, .aboutusstyle p, .beforeyoutripstyle p, .faqstyle p {
    font-size: 16px !important;
    color: #242424 !important;
    font-family: "din-2014", sans-serif !important;
    line-height: 22px;
  }
}

.bannertopimgbox {
  position: absolute;
  right: 20%;
  top: 20%;
  z-index: 9;
}

.bannertopimgboxtwo {
  position: absolute;
  left: 50%;
  top: 3.5em;
  transform: translateX(-50%);
}

.bannertopimg {
  z-index: 99999999;
  opacity: 1 !important;
}

.bannertopinfoone {
  position: absolute;
  top: 18px;
  transform: rotate(-17deg);
  left: 27px;
  color: white;
  font-size: 16px;
  opacity: .66;
  letter-spacing: 2px;
  font-weight: bold;
  text-transform: uppercase;
}

.bannertopinfooneother {
  position: absolute;
  top: 20px;
  transform: rotate(-17deg);
  left: 9px;
  color: white;
  font-size: 16px;
  opacity: .66;
  font-weight: bold;
  text-transform: uppercase;
}

.bannertopinfotwo {
  position: absolute;
  top: 31px;
  transform: rotate(-17deg);
  color: white;
  font-size: 42px;
  font-weight: bold;
  letter-spacing: 1.8px;
  width: 100%;
  text-align: center;
}

.bannertopinfothree {
  position: absolute;
  top: 80px;
  transform: rotate(-17deg);
  left: 32px;
  font-size: 12px;
  color: white;
  opacity: .66;
  letter-spacing: 1.5px;
}

.phonebr {
  display: none;
}

.desktop-actions a {
  /*padding: 0em .5em; 0207*/
  padding: 0.1em .5em;
}

.preconIvyfof {
  word-break: break-word;
  /*color: #6f6f6f;*/
  color: #2c3c4a;
  /*line-height: 1.8;*/
  font-size: 14px;
}

@media screen and (max-width: 56.25em) {
  .bannertopimgbox {
    position: absolute;
    right: 11%;
    top: 15%;
    z-index: 9;
  }

  .bannertopimgboxtwo {
    position: absolute;
    left: 50%;
    top: 1.5em;
    transform: translateX(-50%);
  }

  .phonebr {
    display: none;
  }

  .desktop-actions a {
    padding: 1.25em;
  }

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

  .footer-social__item img {
    height: auto;
    width: 80px;
  }

  .preconIvyfof {
    word-break: break-word;
    color: #6f6f6f;
    line-height: 1.8;
    font-size: 18px;
  }
}

@media screen and (max-width: 1650px) {
  .bannertopimg {
    width: 90%;
  }

  .bannertopinfoone {
    position: absolute;
    top: 16px;
    transform: rotate(-17deg);
    left: 28px;
    color: white;
    font-size: 16px;
    opacity: .66;
    letter-spacing: 4px;
    font-weight: bold;
    text-transform: uppercase;
  }

  .bannertopinfooneother {
    position: absolute;
    top: 20px;
    transform: rotate(-17deg);
    left: 13px;
    color: white;
    font-size: 16px;
    opacity: .66;
    font-weight: bold;
    text-transform: uppercase;
  }

  .bannertopinfotwo {
    position: absolute;
    top: 30px;
    transform: rotate(-17deg);
    color: white;
    font-size: 38px;
    font-weight: bold;
    letter-spacing: 1.8px;
    width: 100%;
    text-align: center;
  }

  .bannertopinfothree {
    position: absolute;
    top: 78px;
    transform: rotate(-17deg);
    left: 32px;
    font-size: 12px;
    color: white;
    opacity: .66;
    letter-spacing: 1.5px;
  }

  .bannertopimgbox {
    position: absolute;
    right: 10%;
    top: 6%;
    z-index: 9;
  }
}

@media screen and (max-width: 37.5em) {

  .hero__content h1.reduce {
    font-size: 18px;
  }

  .hero_imgstyletwo {
    position: absolute;
    right: 10%;
    top: 1em;
    z-index: 99999999;
    opacity: 1 !important;
    width: 17%;
  }

  .hero_imgstylethree {
    position: absolute;
    left: 50%;
    top: 1em;
    transform: translateX(-50%);
    z-index: 99999999;
    opacity: 1 !important;
    width: 17%;
  }

  .reduceIvyffostyleone {
    position: relative;
    background-color: rgba(51,67,92,.7);
    padding: 20px 0px;
    margin-top: 40px !important;
  }

  .reduceIvyffostyletwo {
    position: relative;
    background-color: rgba(127,36,39,.7);
    padding: 20px 0px;
    /*margin-top: 35px !important;*/
  }

  .trip-metastyleone {
    position: relative;
  }

  .spbannerstyle {
    display: block;
    position: absolute;
    bottom: 0px;
    color: white;
    opacity: 0.66;
    left: 50%;
    width: 90%;
    transform: translateX(-50%);
    line-height: 18px;
    text-align: center;
  }

  /*  .trip-metastyleone {
        width: 15em;
        height: 6em;
    }*/

  .bannertopimgbox {
    position: absolute;
    right: 10%;
    top: 0.5em;
    z-index: 9;
  }

  .bannertopimgboxtwo {
    position: absolute;
    left: 50%;
    top: .5em;
    transform: translateX(-50%);
  }

  .bannertopimg {
    opacity: 1 !important;
    width: 65%;
  }

  .bannertopinfoone {
    position: absolute;
    top: 8px;
    transform: rotate(-17deg);
    left: 31px;
    color: white;
    font-size: 14px;
    opacity: .66;
    letter-spacing: 4px;
    font-weight: bold;
    text-transform: uppercase;
  }

  .bannertopinfooneother {
    position: absolute;
    top: 14px;
    transform: rotate(-17deg);
    left: 25px;
    color: white;
    font-size: 12px;
    opacity: .66;
    font-weight: bold;
    text-transform: uppercase;
  }

  .bannertopinfotwo {
    position: absolute;
    top: 24px;
    transform: rotate(-17deg);
    color: white;
    font-size: 26px;
    font-weight: bold;
    letter-spacing: 1.8px;
    width: 100%;
    text-align: center;
  }

  .bannertopinfothree {
    position: absolute;
    top: 57px;
    transform: rotate(-17deg);
    left: 37px;
    font-size: 12px;
    color: white;
    opacity: .66;
    line-height: 11px;
    letter-spacing: 0;
  }

  .phonebr {
    display: block;
  }

  table th, table td {
    padding: 1.25em .5em !important;
    text-align: left
  }

  .footer-social__item img {
    height: 80px;
    width: 80px;
  }

  .footer-menu li:nth-child(2n+1) {
    width: 60%;
  }

  .page-footer h6 {
    font-size: 22px;
  }

  .mediapadding {
    padding: 0px;
  }

  .twocol li {
    margin: 0px;
    margin-bottom: 1.875em;
  }

  .pressinfoauto p {
    padding: 0em 1.25em;
  }

  .pressinfoauto ul {
    padding: 0em 1.25em;
    list-style-type: none;
  }

  .pressinfoauto iframe, .pressinfoauto object, .pressinfoauto img {
    width: 100%;
    margin-bottom: 1.25em;
  }


  .travelstylebox_topimg span {
    font-size: 1.3em;
  }

  .card_discountinfo {
    min-width: 65%;
    font-size: 19px;
  }
}

.account-page--wide .inner {
  max-width: 80rem;
  width: auto;
}

.trip-cancelled {
  color: #2C3C4A;
  margin: 0 auto;
  max-width: 37.5rem;
  padding: 1.875rem 1.25rem;
}

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

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

.otherlalel {
  font-family: "din-2014", sans-serif !important;
}

.monthbypriceother p {
  font-size: 14px;
  line-height: 20px !important;
  margin-top: 20px;
  font-weight: 600;
  font-family: 'AvenirNext-RegularMR';
  color: rgba(29,46,60,0.8);
}

.Reserv_tab01 td {
  padding: 0px !important;
}


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;
  transform: translateY(15px);
}

  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: 1.88rem;
  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: #B6363B;
    border-radius: 50%;
    opacity: 0.25;
    cursor: pointer;
  }

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

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

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


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

.arrowIvyotfR span {
  margin-left: 0px;
  margin-top: -18px;
  position: absolute;
  left: -85px;
}

.newboxvp_bigtitle {
  text-align: center;
  margin-bottom: 4em;
}

  .newboxvp_bigtitle span {
    font-size: 24px;
    color: #00424e;
    text-transform: uppercase;
    font-family: 'AvenirNext-RegularMR';
    letter-spacing: 0.24em;
  }

.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: 82px;
  height: 84px;
}

.newboxvplist_title {
  text-transform: uppercase;
  font-size: 18px;
  font-family: 'din-condensed';
  color: #00424e;
  margin-top: 10px;
}

.newboxvplist_info {
  font-family: "din-2014", sans-serif;
  word-break: break-word;
  position: relative;
  font-size: 16px;
}

.scionshoworhide {
  overflow: hidden;
  height: 110px;
}

  .scionshoworhide:after {
    content: '...';
    display: block;
    position: absolute;
    bottom: 0px;
    right: 3px;
    background-color: #EBE6E6;
  }


#read-more a {
  color: #b6363b;
  text-decoration: none;
}

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

  .newboxvp_bigtitle {
    text-align: center;
    margin-top: 2em;
  }

  .wrapheight {
    display: none;
  }

  #read-more {
    display: none;
  }

  .overlay-inner {
    padding: 2.5em 1.875em;
  }

  .date-price .date-price__old-season,
  .date-price .date-price__new-season {
    font-size: 18px;
  }
}

.scioncard-body-meta {
  font-family: "din-condensed";
  font-size: 1em;
  text-align: left;
  color: #6f809c;
  position: absolute;
  bottom: 0px;
}


.scoinheightreview__item {
  /*height:198px!important;*/
}

.ttscoinwawa .flickity-viewport {
  height: 198px !important;
  position: relative;
}

.aasciontt p {
  height: 111px;
  overflow: hidden;
}



.sciontravelstyleinfo_list {
  padding-top: 2em;
}

  .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_right span {
  font-size: 20px;
  color: #6F809C;
  margin-bottom: .7em;
  display: block;
  text-transform: uppercase;
}

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

.scionbigphotobox {
  position: relative;
}

.scionbigsmall {
  position: absolute;
  bottom: 5%;
  right: 5%;
}

.card_codenum {
  color: #c3c3c3 !important;
  text-transform: uppercase;
}

.card_iphoneline {
  width: 100%;
}

.card_iphonenone:before {
  content: '';
  width: 0px !important;
}

.index-searchIvysts {
  padding: .2em 0px;
  font-size: 20px;
  color: #DAE1E8;
  z-index: 10;
}

.newtab-navIvytfe {
  position: sticky;
  z-index: 9;
  background-color: rgb(246,244,244);
}

@media screen and (max-width: 56.25em) {
  .newtab-navIvytfe {
    position: sticky;
    z-index: 9;
    background-color: rgb(246,244,244);
  }

  .tab-nav {
    position: sticky;
    top: 0px;
    z-index: 10;
  }
}

@media screen and (max-width: 43.75em) {
  .newtab-nav li.check-dates-prices {
    margin-top: 2em;
  }
}
/*print share start**/
.priShaIvyoo {
  display: flex;
  justify-content: flex-end;
  width: 66.25em;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 25px;
  /*margin-top: 62px;*/
  /*margin-top: -68px;*/
}

  .priShaIvyoo > a {
    text-decoration: none;
    /*display: inline-flex;*/
    line-height: 1.25rem;
    min-height: 1.875rem;
    min-width: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: .625rem;
  }

    .priShaIvyoo > a > img {
      margin-right: .375rem;
      display: inline-block;
      vertical-align: middle;
    }

    .priShaIvyoo > a > span {
      transform: translateY(.375rem);
      font-size: 14px;
      vertical-align: middle;
    }

    .priShaIvyoo > a:nth-child(2n) > span {
      transform: translateY(.425rem);
      font-size: 14px;
    }

@media only screen and (min-width: 768px) {
  .priShaIvyoo {
    /*margin-top: -66px;*/
  }
}

@media screen and (max-width: 414px) {
  .priShaIvyoo {
    /*margin-top: -32px;*/
  }
}
/*print share end**/
#scioncontent span p {
  display: inline;
}

#scioncontent a {
  text-decoration: none;
  color: #b6363b;
}

.reviewcontent a {
  text-decoration: none;
  color: #b6363b;
}

.card_discountinfo {
  position: absolute;
  padding: .3em 1em;
  background-color: rgba(29, 46, 55, 0.6);
  bottom: 0px;
  /* text-align: center; */
  transform: translateX(-50%);
  left: 50%;
  min-width: 60%;
  text-align: center;
  color: #ffffff;
  font-family: "din-condensed", sans-serif;
  font-size: 22px;
  text-transform: uppercase;
}

.flickity-viewport {
  position: relative;
}

.date-price-disinfo {
  text-align: center;
  padding: .3em 0;
  background-color: #1D2E37;
  margin-top: 10px;
  position: absolute;
  bottom: -40px;
  width: 100%;
}

  .date-price-disinfo span {
    color: white;
  }

.scionnopadding {
  padding: 0 !important;
  margin: 0px !important;
}


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

@media screen and (min-width: 43.75em) {
  .scionnopadding .date-price-list__item {
    width: 15.8%;
  }

  .modalIvyffe {
    position: relative;
  }

  .prenexIvyszf {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    background: #f1f1f1;
    height: 60px;
  }

  .cityhotelIvysfn {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

  .modal .modal-closeIvyntz {
    position: absolute;
    right: -2.56rem;
    top: -1.88rem;
    z-index: 9999;
    text-decoration: none;
    font-size: 5.25em;
    font-weight: 200;
    background-repeat: no-repeat;
    background-image: url(../img/icons/close-icon-blackIvyezf.min.svg);
    background-position: center center;
    background-size: contain;
    display: block;
    width: 1.82rem;
    height: 1.82rem;
  }

  .modal-closeIvyntz {
    position: absolute;
    right: -2.56rem;
    top: -1.88rem;
    z-index: 9999;
    text-decoration: none;
    font-size: 5.25em;
    font-weight: 200;
    background-repeat: no-repeat;
    background-image: url(../img/icons/close-icon-blackIvyezf.min.svg);
    background-position: center center;
    background-size: contain;
    display: block;
    width: 1.82rem;
    height: 1.82rem;
  }

  .cityhotelIvysft {
    text-align: center;
    color: #6f809c;
    padding-top: 48px;
    margin-bottom: 3px;
    font-weight: bold;
  }

  .arrowIvyotfLIvyezf {
    outline: none;
    opacity: .7;
    font-weight: 800;
    color: #979797;
    font-size: 16px;
  }

  .arrowIvyotfRIvyezf {
    outline: none;
    opacity: 1;
    font-weight: 800;
    color: #979797;
    font-size: 16px;
  }
}

button.arrowIvyotfL {
  position: absolute;
  left: 0px;
  background: unset;
  transform: translateY(30%);
  background: url(/asset/img/icons/arrowhead-left.min.svg);
  background-size: 8px 14px;
  background-repeat: no-repeat;
}

button.arrowIvyotfR {
  position: absolute;
  right: 0px;
  background: unset;
  transform: translateY(30%);
  background: url(/asset/img/icons/arrowhead-right.min.svg);
  background-size: 8px 14px;
  background-repeat: no-repeat;
}

.scionupgrades {
  font-size: 14px;
  color: #454b4d;
  display: block;
  margin-top: 30px;
}

.index-searchIvysts {
  padding: .2em 0px;
  font-size: 20px;
  color: #DAE1E8;
}

.tablelistwidth .table-block a {
  font-size: 16px;
}



.sciondisprice {
  color: #6f809c;
  text-decoration: line-through;
  padding-right: 6px;
}

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

  td em.scion_saveprice {
    font-size: 11px;
    margin-top: 4px;
  }
}

.ivyUlsoe li {
  margin: 0px 20px;
}


.map_downbox {
  margin-top: 20px;
  font-weight: bold;
  margin-left: 4px;
}

.blackdownbox, .whitedownbox {
  display: inline-block;
}

  .blackdownbox span:first-child {
    display: inline-block;
    padding: 6px 16px;
    background-color: #1A2836;
  }

  .blackdownbox span:last-child {
    padding-left: 10px;
    font-family: 'din-condensed';
    padding-right: 20px;
  }

  .whitedownbox span:first-child {
    display: inline-block;
    padding: 6px 16px;
    border: 1px solid #e9ebec;
    background-color: #FCFFFF;
  }

  .whitedownbox span:last-child {
    padding-left: 10px;
    font-family: 'din-condensed';
  }

.desktop-hide {
  display: none;
}


.breadcrumbs {
  position: sticky;
  z-index: 9;
  top: 0;
}

.itineraryviewlistbox {
  margin-top: 30px;
}

.overviewitinerarylist_left {
  font-size: 13px;
}

.overviewitinerarylist {
  margin-bottom: 16px;
}

.overviewitinerarybtn span {
  font-size: 16px;
  padding: 7px 40px;
}

.overviewitinerarylistbox {
  margin-bottom: 33px;
}

.overviewitinerarybtn {
  /*margin-bottom:44px;*/
}

.overviewitinerarylist_left {
  display: inline-block;
  width: 65px;
  color: #6f809c;
  letter-spacing: 2px;
  font-weight: bold;
  vertical-align: middle;
  /*font-family: 'IBM Plex Sans';*/
  font-size: 13px;
}

.overviewitinerarylist_right {
  display: inline-block;
  padding-left: 16px;
  width: 72%;
  vertical-align: middle;
  color: #6c6c6c;
}

.overviewitinerarylistball {
  display: inline-block;
  width: 11px;
  border-radius: 50%;
  background-color: #6f809c;
  height: 11px;
  position: relative;
  z-index: 2;
  vertical-align: middle;
}

.overviewitinerarylistbox {
  position: relative;
  margin-bottom: 43px;
}

  .overviewitinerarylistbox:before {
    content: '';
    width: 1px;
    position: absolute;
    left: 74px;
    top: 10px;
    bottom: 0px;
    background: url(../img/icons/leftlineIvysft.gif) repeat-y;
    background-repeat: repeat-y;
    z-index: 1;
    margin-bottom: 10px;
  }

.overviewitinerarybtn {
  /*margin-bottom: 105px;*/
}

  .overviewitinerarybtn span {
    color: white;
    background-color: #b6363b;
    text-transform: uppercase;
    padding: .788rem 55px;
    display: inline-block;
    font-size: 16px;
    font-family: 'din-condensed';
    cursor: pointer;
  }

.itinerarychange {
  background-color: #6F809C;
  padding: 1.2em 0.75em;
  width: 100%;
  z-index: 9;
  box-sizing: border-box;
}

.itineraryonpage-searchIvysts {
  /*background: #6f809c;
    padding: .4em 0;
    text-align: center;
    color: #ffffff;
	EDITED BY CALVIN 02/06/2020 */
  display: flex;
  align-items: flex-start;
  font-size: 20px;
  align-self: center;
  font-family: 'din-condensed';
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  /* EDITED BY CALVIN 02/06/2020 */
}

  .itineraryonpage-searchIvysts span:first-child {
    color: white;
    /* EDITED BY CALVIN 02/06/2020*/
  }

  .itineraryonpage-searchIvysts span:last-child {
    text-transform: uppercase;
    cursor: pointer;
    padding-left: 13px;
    opacity: .66;
    /*color: #b6363b;*/
    color: white;
    /*text-decoration:underline; EDITED BY CALVIN 02/06/2020*/
  }

    .itineraryonpage-searchIvysts span:last-child:hover {
      text-decoration: underline;
    }
/* EDITED BY CALVIN 02/06/2020*/


.scionitineraryinfolist {
  background-color: #ECE6E6;
  padding: 32px 0px 48px 0px;
  position: relative;
}

  .scionitineraryinfolist:before {
    content: '';
    background-image: url('../img/Gray bar1.svg');
    position: absolute;
    top: -20px;
    height: 32px;
    display: block;
    width: 100%;
    /*background-position: bottom;*/
    background-repeat: no-repeat;
    background-size: 102%;
    background-position: -13px;
  }

  .scionitineraryinfolist:after {
    content: '';
    background-image: url('../img/Gray bar.svg');
    position: absolute;
    bottom: -34px;
    height: 48px;
    display: block;
    width: 100%;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
  }

.scionitineraryinfolist_view {
  /*padding:0px 20px;*/
  text-align: center;
  width: 50%;
  margin: auto;
}

  .scionitineraryinfolist_view span {
    line-height: 1.8;
    color: #4a4a4a;
    font-size: 15px;
    text-transform: capitalize;
  }

/*Itinerary outpopbox*/
.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%);
  /*padding: 51px 51px 118px 51px;*/
}

  .itinerarypopbox > span {
    position: absolute;
    right: 10px;
    top: 0;
    height: 42px;
    line-height: 42px;
    color: black;
    font-size: 30px;
    cursor: pointer;
  }

.itinerarypopinfo span {
  display: inline-block;
  text-transform: uppercase;
  padding: 9px 35px 13px 35px;
  /*border-radius:50px;*/
  font-size: 16px;
  background-color: #F3EAE5;
  color: #00424e;
  margin-bottom: 38px;
  font-weight: bold;
}

.itinerarypopinfo p {
  color: black;
  letter-spacing: 0;
  font-size: 14px;
  line-height: 2;
}

.titleIvyztf {
  color: #48566e;
}

.hotelpophead {
  position: relative;
  margin-bottom: 21px;
}

.section-headingIvystz {
  font-family: 'din-condensed' !important;
  font-size: 22px;
  color: #6f809c;
  text-transform: uppercase;
}

.hotelpophead h1 {
  display: block;
  width: 75%;
  margin: auto;
  text-align: center;
  line-height: 1;
  font-family: "Mirador SemiBold";
  letter-spacing: 0.02rem;
}

.h1Ivyzte {
  position: absolute;
  right: 0rem;
  top: 0rem;
  color: #B6363B !important;
}

.reduceIvyffostyle {
  padding: 35px 0px;
  margin-top: -28px !important;
}

.popIvyttf {
  /*position: absolute;*/
  background: #6f809c;
  top: 0px;
  left: 0px;
  /* height: 51px;
    line-height: 48px;*/
  color: #ffffff;
  font-family: 'din-condensed';
  text-transform: capitalize;
  width: 100%;
  text-align: center;
  font-size: 20px;
  padding: 11px 5px;
  box-sizing: border-box;
}

.itinerarypopinfoIvyttf {
  padding: 30px 51px 70px 51px;
}

  .itinerarypopinfoIvyttf p {
    color: #4a4a4a;
    letter-spacing: 0;
    font-size: 14px;
    line-height: 1.88;
    /*margin-top: 2.75rem;*/
    flex-shrink: 1;
    overflow: auto;
    padding-right: 1.25em;
    z-index: 885;
    display: block;
    /* height: 560px; */
    max-height: 62vh;
  }

.closeIvyffo {
  position: absolute;
  right: -23px;
  font-size: 25px;
  top: -29px;
  color: #ffffff;
}

.modal-closeIvyntz {
  position: absolute;
  right: -2.56rem;
  top: -1.88rem;
  z-index: 9999;
  text-decoration: none;
  font-size: 5.25em;
  font-weight: 200;
  background-repeat: no-repeat;
  background-image: url(../img/icons/close-icon-blackIvyezf.min.svg);
  background-position: center center;
  background-size: contain;
  display: block;
  width: 1.82rem;
  height: 1.82rem;
}

.modal-closeIvyntzzxc {
  right: -2.7rem;
  top: -2.2rem;
}

.itinerarypopboxw {
  overflow: visible !important;
}


.sciondatepricetabbox {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 2em;
  border-bottom: 2px solid #ECECEC;
}

  .sciondatepricetabbox .datepricetablist {
    width: 33.3%;
    text-align: center;
    padding: 2em 0;
    opacity: .7;
  }

  .sciondatepricetabbox div span {
    display: block;
  }

  .sciondatepricetabbox .optiontitle {
    color: #b6363b;
    font-size: 16px;
    font-weight: bold;
  }

  .sciondatepricetabbox .optionname {
    color: #00424e;
    font-size: 20px;
    font-family: 'Karla', sans-serif;
    letter-spacing: 0.02rem;
    font-weight: bold;
  }

  .sciondatepricetabbox .optioninfo {
    font-size: 16px;
    color: #616161;
  }

.datepricetabactive {
  border-bottom: 4px solid #b6363b;
  margin-bottom: -2px;
  opacity: 1 !important;
}

.sicondatepricetabinfo {
  display: none;
}

.sicondatepricetabinfo1 {
  display: none;
}


.privateoptablist {
  background-color: white;
  padding: 8px 40px;
  border-radius: 6px;
  border: 2px solid #b6363b;
  color: #b6363b;
  cursor: pointer;
  margin-top: 11px;
  display: inline-block;
}

  .privateoptablist:not(:first-child) {
    margin-left: 35px;
  }

  .privateoptablist span {
    text-transform: uppercase;
    font-size: 18px !important;
    display: inline-block !important;
    font-weight: bold;
  }

  .privateoptablist::after {
    content: "";
    background-image: url(../img/icons/select-toggle.minyellow.svg);
    width: 14px;
    display: inline-block;
    height: 10px;
    background-repeat: no-repeat;
  }

  .privateoptablist:hover {
    background-color: #b6363b;
    color: white;
  }

    .privateoptablist:hover::after {
      content: "";
      background-image: url(../img/icons/select-toggle.minwhite.svg);
      width: 14px;
      display: inline-block;
      height: 10px;
      background-repeat: no-repeat;
    }

.privateopcontentlist {
  display: inline-block;
  border: 1px dashed #b6363b;
  border-radius: 6px;
  padding: 7px 9px;
  cursor: pointer;
  margin-top: 26px;
}

.private_aleft {
  display: inline-block;
}

  .private_aleft:not(:first-child) {
    margin-left: 20px;
  }

.privateopcontentlist p:first-child {
  font-size: 16px;
  color: black;
  font-weight: bold;
}

.privateopcontentlist p:last-child {
  font-size: 16px;
  word-break: break-word;
}

.privateoptabactive {
  background-color: #b6363b;
  color: white;
}

  .privateoptabactive:after {
    content: "";
    background-image: url(../img/icons/select-toggle.minwhite.svg);
    width: 14px;
    display: inline-block;
    height: 10px;
    background-repeat: no-repeat;
  }

.scionprivateoptioncontent {
  display: none;
}

.contentblock {
  display: block;
}

.scionprivateoptiontab {
  text-align: center;
}

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

.scionprivateoptionbox {
  margin-bottom: 20px;
}


.sendbrochuresform {
  width: 80%;
  margin: 0 auto;
}

.Brochuretoptitle {
  font-size: 2em;
  color: #6f809c;
}

.Brochuresp01 {
  padding: 40px 20px;
}

.scionnotetophieght {
  margin-top: 47px;
}



.yearselect {
  width: 36%;
  text-align: center;
  background-color: #F6F4F4;
  padding: .62em 1em;
  display: inline-block;
  -webkit-transition: background-color .4s;
  -o-transition: background-color .4s;
  transition: background-color .4s;
  text-decoration: none;
  font-family: 'din-condensed';
  letter-spacing: 0.1em;
  color: rgba(0,66,78,0.7);
  font-size: 1.125em;
  border-radius: 12px;
  cursor: pointer;
}

  .yearselect:not(:first-child) {
    margin-left: 10px;
  }

  .yearselect:hover {
    background-color: #B6363B;
    color: white;
  }

.yearselectactive {
  background-color: #B6363B;
  color: white;
}

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

.sciondatepricecitypop {
  position: fixed;
  top: 50%;
  left: 50%;
  background: #fff;
  overflow: hidden;
  display: none;
  z-index: 13;
  width: 700px;
  transform: translate(-50%,-50%);
  padding: 2.5em;
  max-height: 90vh;
  overflow: auto;
  box-sizing: border-box;
}


.sciondatapricepopbg {
  width: 100%;
  height: 100%;
  position: fixed;
  right: 0;
  top: 0;
  background: rgba(0,0,0,.6);
  display: none;
  z-index: 12;
}

.sciondatapricepopcityclosebtn {
  position: absolute;
  right: 10px;
  top: 0;
  height: 42px;
  line-height: 42px;
  color: #4A4A4A;
  font-size: 30px;
  cursor: pointer;
}

/*Scion peony随后的关于手机端适配的样式请写到此地方*/
@media screen and (max-width: 56.25em) {
  .overviewitinerarylist_right {
    font-size: 13px;
  }

  .overviewitinerarylist_right {
    width: 65%;
  }

  .scionitineraryinfolist_view {
    width: 80%;
  }

  .content-page .content-page__sidebar .content-page__nav {
    position: -webkit-sticky;
    position: sticky;
    top: 89px;
  }

  .scionlittlefont {
    font-size: 14px;
  }

  .Brochuretopinfo p {
    font-size: 16px;
  }

  .sendbrochuresform {
    width: 100%;
    margin: 0 auto;
  }

  .scion_sendbrobtn {
    font-size: 1em !important;
  }
}

@media screen and (max-width: 43.75em) {
  .itinerarypopinfo span {
    padding: 7px 15px 7px 15px;
    font-size: 14px;
    margin-bottom: 12px;
  }

  .itinerarypopbox {
    width: 90%;
    padding: 0;
  }

  .itinerarypopinfoIvyttf {
    padding: 10px 10px 15px 10px;
    /*padding: 51px 51px 70px 51px;*/
  }

  .itinerarypopinfo p {
    line-height: 1.8;
  }

  .scionitineraryinfolist_view {
    width: 93%;
  }

  .scionitineraryinfolist {
    padding: 40px 0px 10px;
  }

  .breadcrumbs {
    position: relative;
  }

  .tab-nav a {
    font-size: 16px;
  }

  .tab-nav {
    position: sticky;
    top: 0;
    z-index: 8;
  }

  .topIvyzftstyleone .reduceIvyffostyle {
    margin-top: 0px !important;
    padding: 20px 0px;
  }

  .modal-closeIvyntzzxc {
    right: 0rem;
    top: -2.33rem;
  }

  .modal-closeIvyntz {
    width: 0.952rem;
    height: 0.952rem;
  }

  .modal .modal-close {
    right: 0rem;
    top: -1.75rem;
  }

  .sharemodal-outer .modal .modal-close {
    right: 1rem;
    top: -1.75rem;
  }

  .h1Ivyzte {
    position: absolute;
    left: 50%;
    top: 2.66rem;
    color: #B6363B !important;
    transform: translateX(-50%);
  }

  .reduceIvyztn {
    padding: 35px 0px;
    padding-top: 4.35rem !important;
  }

  .priShaIvyoo {
    display: block;
  }


  .sciondatepricetabbox .optionname {
    display: none;
  }

  .sciondatepricetabbox .optioninfo {
    display: none;
  }

  .sciondatepricetabbox {
    border-bottom: none;
  }

    .sciondatepricetabbox .datepricetablist {
      width: 28%;
      padding: 8px 4px 8px 4px;
    }

    .sciondatepricetabbox .optiontitle {
      line-height: 1.1;
      transform: translateY(.1rem);
    }

  .datepricetabactive {
    border: 2px solid #b6363b;
    border-radius: 6px;
  }

  .sicondatepricetabinfo {
    display: none;
    text-align: center;
    border-bottom: 3px solid #b6363b;
    padding-bottom: 1em;
    margin-bottom: 1em;
    margin-left: -1.875em;
    margin-right: -1.875em;
    font-size: 13px;
  }


    .sicondatepricetabinfo p:first-child {
      font-size: 16px;
      color: #6f809c;
      font-weight: bold;
      margin-bottom: -3px;
    }

  .sicondatepricetabinfo1 {
    display: block;
    text-align: center;
    border-bottom: 3px solid #b6363b;
    padding-bottom: 1em;
    margin-bottom: 1em;
    margin-left: -1.875em;
    margin-right: -1.875em;
    font-size: 13px;
  }

    .sicondatepricetabinfo1 p:first-child {
      font-size: 16px;
      color: #6f809c;
      font-weight: bold;
      margin-bottom: -3px;
    }


  .sciondatepricetabbox {
    margin-bottom: 13px;
  }

  .datepricetabactive .optiontitle {
    margin-top: -3px;
  }

  .li.Brochurepic > div div {
    font-size: 16px;
  }

  .Brochuresp01 {
    padding: 40px 0px;
  }

  .ivyUlsoe li {
    margin: 0px 10px;
  }

  .yearselect {
    width: 36%;
  }

  .sciondatepricecitypop {
    width: 93% !important;
    max-height: 90%;
    overflow: auto !important;
  }

  .itinerarychange {
    padding: .75em 0.75em;
  }

  .itineraryonpage-searchIvysts {
    font-size: 16px;
  }
}

/*UPDATED BY CALVIN 02/07/2020*/

.sciondatapricepopbg {
  width: 100%;
  height: 100%;
  position: fixed;
  right: 0;
  top: 0;
  background: rgba(0,0,0,.5);
  display: none;
  z-index: 12;
}

.sciondatapricepop {
  position: fixed;
  top: 50%;
  left: 50%;
  background: #fff;
  /*overflow: auto;*/
  display: none;
  z-index: 12;
  transform: translate(-50%,-50%);
  padding-bottom: 1.2em;
  min-width: 280px;
  width: 80%;
  max-width: 700px;
  border-radius: 5px;
}

.sciondatapricepopinfo {
  overflow: auto;
  max-width: 700px;
}

@media screen and (max-width: 550px) {
  .sciondatapricepopinfo {
    max-height: 550px;
  }
}

@media screen and (max-width:321px) {
  .overviewitinerarylist_right {
    width: 63%;
  }

  p, .dates-prices-overlay li, .notes-pagination .notes-pagination__navigator {
    font-size: 16px;
  }
}



.sciondatapricepopclosebtn {
  position: absolute;
  right: 5px;
  top: -1.3em;
  z-index: 9999;
  text-decoration: none;
  font-size: 2em;
  font-weight: 200;
  background-repeat: no-repeat;
  background-image: url(../img/icons/close-icon-blackIvyezf.min.svg);
  background-position: center center;
  background-size: contain;
  display: block;
  width: 32px;
  height: 32px;
}


div.sciondatapricepop > div > div:nth-child(4) {
  border-bottom: none;
}

.datapricepopinfotoptitle {
  background-color: #48566e;
  color: white;
  padding: 1.6em;
  text-align: center;
  font-family: AvenirNext-RegularMR;
  text-transform: uppercase;
  font-size: 24px;
  letter-spacing: 4px;
  border-radius: 5px;
}

.datapricepopinfolist {
  margin: 16px 40px;
  border-bottom: 1px solid #E0E0E0;
  padding-bottom: 1em;
}

  .datapricepopinfolist > p {
    text-transform: uppercase;
    font-family: 'din-condensed';
    color: #48566e;
    font-size: 22px;
    margin-bottom: 10px;
  }

.dppoplistbox {
  display: flex;
  font-family: 'din-2014';
  overflow: auto;
}

  .dppoplistbox div {
    width: 50%;
    line-height: 1;
  }

.dppoplistbox_left span {
  color: #48566e;
  font-weight: bold;
}

.dppoplistbox_left p {
  font-size: 16px;
  color: #4a4a4a;
  margin-bottom: 2px;
}

.dppoplistbox_right span {
  color: #48566e;
  padding-bottom: 5px;
  display: inline-block;
  font-weight: bold;
}

.dppoplistbox_right p {
  color: #4a4a4a;
  line-height: 1.4;
}

.datapricepopinfonote {
  font-size: 14px;
  text-align: center;
  background-color: white;
}

.datapricepopinfobtn {
  margin: auto;
  text-align: center;
  padding-bottom: 20px;
  background-color: white;
}

  .datapricepopinfobtn span {
    display: inline-block;
    background-color: #b6363b;
    color: white;
    padding: 9px 75px 9px 75px;
    font-family: 'din-condensed';
    letter-spacing: 1px;
  }

@media screen and (max-width:1024px) {
  .bannertopimgboxtwo {
    position: absolute;
    left: 50%;
    top: 0.5rem;
    transform: translateX(-50%);
  }
  /*.trip-metastyleone {
        height: 7.5rem;
        bottom: 0.2rem;
    }*/
}
/*banner iphone5适配*/
@media screen and (max-width:321px) {
  .trip-meta {
    width: 14em;
    height: 6em;
  }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
  .trip-meta {
    width: 20em;
    height: 9em;
  }
  /*.scionspreducetitle {
        margin-top:-3em!important;
    }*/
}

@media screen and (min-width:56.25em) and (max-width: 90em) {
  .scionspreducetitle {
    margin-top: -3em !important;
  }

  .hero_imgtwo {
    bottom: 12%;
  }
}

@media screen and (max-width:56.25em) {
  .hero_imgtwo {
    bottom: 8%;
  }
}

@media screen and (max-width:37.5em) {
  .hero_imgtwo {
    bottom: 14%;
  }

  .privateoptablist {
    padding: 4px 15px;
  }

    .privateoptablist span {
      font-size: 16px !important;
    }

    .privateoptablist:not(:first-child) {
      margin-left: 20px;
    }

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

  .privateopcontentlist {
    margin-top: 10px;
    width: 80%;
  }

    .privateopcontentlist p {
      line-height: 24px;
    }

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

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

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

  table .scionphoneprice tr:hover td {
    background-color: transparent;
  }
  /*.topIvyzftstyleone {
        margin-top:65px;
    }*/
}

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

.brushIvyteop {
  background: url(../img/brushIvyteop.svg) no-repeat center center;
}




.bannertopimgboxwhitestyle {
  position: absolute;
  left: 50%;
  top: 7em;
  transform: translateX(-50%);
}


  .bannertopimgboxwhitestyle .bannertopinfowhiteone {
    position: absolute;
    top: 25px;
    color: white;
    font-size: 12px;
    opacity: .66;
    letter-spacing: 2px;
    font-weight: bold;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
  }

  .bannertopimgboxwhitestyle .bannertopinfowhiteoneother {
    position: absolute;
    top: 20px;
    color: white;
    font-size: 16px;
    opacity: .66;
    font-weight: bold;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
  }

  .bannertopimgboxwhitestyle .bannertopinfowhitetwo {
    position: absolute;
    top: 33px;
    color: white;
    font-size: 42px;
    font-weight: bold;
    letter-spacing: 1.8px;
    width: 100%;
    text-align: center;
  }

  .bannertopimgboxwhitestyle .bannertopinfowhitethree {
    position: absolute;
    top: 88px;
    font-size: 12px;
    color: white;
    opacity: .66;
    letter-spacing: 1.5px;
    width: 100%;
    text-align: center;
  }

.super-bgstylewhite::after {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1%;
  text-align: center;
  height: 0px;
  border-top: 238px solid white;
  border-left: 425px solid transparent;
  border-right: 425px solid transparent;
  border-bottom-right-radius: 46%;
  border-bottom-left-radius: 46%;
  margin: 0 auto;
  transform: translateX(-50%);
  opacity: .5;
}

.bannerwhitestyletext {
  position: absolute;
  top: 1.2em;
  text-align: center;
  width: 100%;
}

  .bannerwhitestyletext .bannerwhitestyletextone {
    color: rgb(127,36,39);
    margin-bottom: 0;
    font-size: 24px;
    font-weight: bold;
    display: block;
    letter-spacing: .13em;
  }

  .bannerwhitestyletext .bannerwhitestyletexttwo {
    color: rgb(127,36,39);
    margin-bottom: 0;
    font-size: 32px;
    font-weight: bold;
    display: block;
    letter-spacing: .13em;
  }

@media screen and (max-width: 1650px) {
  .bannertopimgboxwhitestyle .bannertopinfowhiteone {
    top: 20px;
  }

  .bannertopimgboxwhitestyle .bannertopinfowhitetwo {
    top: 27px;
  }

  .bannertopimgboxwhitestyle .bannertopinfowhitethree {
    top: 78px;
  }

  .super-bgstylewhite::after {
    border-top: 194px solid white;
    border-left: 425px solid transparent;
    border-right: 425px solid transparent;
    border-bottom-right-radius: 60%;
    border-bottom-left-radius: 60%;
  }

  .hero img {
    opacity: 0;
  }

  .bannerwhitestyletext {
    top: .5em;
  }

    .bannerwhitestyletext .bannerwhitestyletextone {
      margin-bottom: -10px;
    }

  .bannertopimgboxwhitestyle {
    top: 5em;
  }
}

@media screen and (max-width: 1650px) and (min-width: 960px) {
  .indexsuper-bgheight {
    height: 430px;
  }
}

@media screen and (max-width: 1440px) {
  .hero__contentpadding {
    padding-top: 205px;
  }
}

@media screen and (max-width: 1200px) {
  .hero__contentpadding {
    padding-top: 90px;
  }
}

@media screen and (max-width:60em) {
  .super-bgstylewhite::after {
    width: 6%;
    border-top: 157px solid white;
    border-left: 230px solid transparent;
    border-right: 230px solid transparent;
    border-bottom-right-radius: 100%;
    border-bottom-left-radius: 100%;
  }

  .bannertopimg {
    /*width: 70%;*/
  }

  .bannertopimgboxwhitestyle .bannertopinfowhiteone {
    top: 20px;
    letter-spacing: 0px;
  }

  .bannertopimgboxwhitestyle .bannertopinfowhitetwo {
    top: 30px;
    font-size: 22px;
    letter-spacing: 0px;
  }

  .bannertopimgboxwhitestyle .bannertopinfowhitethree {
    top: 60px;
    letter-spacing: 0px;
  }

  .bannertopimgboxwhitestyle {
    top: 4.6em;
  }

  .bannerwhitestyletext {
    top: .5em;
  }

    .bannerwhitestyletext .bannerwhitestyletextone {
      font-size: 18px;
      margin-bottom: 0;
    }

    .bannerwhitestyletext .bannerwhitestyletexttwo {
      font-size: 24px;
    }

  .scionwhitestyledate {
    font-size: 14px;
  }

  .hero__contentpadding {
    padding-top: 0px;
  }
}

@media screen and (max-width:43.75em) {
  .bannerwhitestyletext .bannerwhitestyletextone {
    font-size: 14px;
  }

  .bannerwhitestyletext .bannerwhitestyletexttwo {
    font-size: 16px;
  }

  .bannertopimgboxwhitestyle {
    top: 3em;
  }

    .bannertopimgboxwhitestyle .bannertopinfowhiteone {
      top: 20px;
      letter-spacing: 0px;
    }

    .bannertopimgboxwhitestyle .bannertopinfowhitetwo {
      top: 33px;
      font-size: 16px;
      letter-spacing: 0px;
    }

    .bannertopimgboxwhitestyle .bannertopinfowhitethree {
      top: 51px;
      letter-spacing: 0px;
    }

  .super-bgstylewhite::after {
    border-top: 128px solid white;
    border-left: 163px solid transparent;
    border-right: 163px solid transparent;
  }

  .scionwhitestyletop {
    margin-top: 90px;
  }

  .bannerwhitestyletext {
    top: .2em;
  }

  .scionwhitestyledate {
    font-size: 12px;
  }

  .bannertopimg {
    /*width: 65%;*/
  }
}


.hero__contentstylewhiteandred::after {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 440px;
  text-align: center;
  height: 0px;
  border-top: 120px solid white;
  border-left: 300px solid transparent;
  border-right: 300px solid transparent;
  margin: 0 auto;
  transform: translateX(-50%);
  opacity: .5;
}

.hero__contentstylewhiteandred::before {
  content: '';
  position: absolute;
  top: 120px;
  left: 50%;
  display: block;
  width: 0%;
  text-align: center;
  height: 0px;
  border-top: 85px solid #a32d32;
  border-left: 220px solid transparent;
  border-right: 220px solid transparent;
  margin: 0 auto;
  transform: translateX(-50%);
  opacity: .7;
}

.scionwhitestyledate {
  font-size: 0.8em;
}

.bannerwhitestyletextother {
  position: absolute;
  top: 1.5em;
  text-align: center;
  width: 100%;
}

  .bannerwhitestyletextother .bannerwhitestyletextone {
    color: rgb(127,36,39);
    margin-bottom: -4px;
    font-size: 28px;
    font-weight: bold;
    display: block;
    /*		letter-spacing: .13em;*/
  }

  .bannerwhitestyletextother .bannerwhitestyletexttwo {
    color: rgb(127,36,39);
    margin-bottom: 0;
    font-size: 22px;
    font-weight: bold;
    display: block;
    /*		letter-spacing: .13em;*/
  }


.bannerwhiteandredstyletext {
  position: absolute;
  top: 8em;
  text-align: center;
  width: 100%;
  line-height: 1.25;
}

.bannerwhiteandredstyletextone {
  color: white;
  margin-bottom: -4px;
  font-size: 14px;
  font-weight: bold;
  display: block;
  letter-spacing: 0em;
  text-transform: uppercase;
}

.bannerwhiteandredstyletexttwo {
  color: white;
  margin-bottom: 0;
  font-size: 26px;
  font-weight: bold;
  display: block;
  letter-spacing: 0em;
}

.bannerwhiteandredstyletextthree {
  display: block;
  color: white;
  margin-bottom: 0;
  font-size: 10px;
  font-weight: bold;
  display: block;
  letter-spacing: 0em;
  /*	text-transform: uppercase;*/
}

@media screen and (max-width: 1650px) {
  .hero__contentstylewhiteandred::after {
    width: 300px;
    border-top: 100px solid white;
    border-left: 200px solid transparent;
    border-right: 200px solid transparent;
  }

  .hero__contentstylewhiteandred::before {
    top: 100px;
    width: 0%;
    border-top: 80px solid #a32d32;
    border-left: 150px solid transparent;
    border-right: 150px solid transparent;
  }

  .bannerwhiteandredstyletext {
    top: 6.7em;
    line-height: 1.2;
  }

  .bannerwhiteandredstyletextone {
    font-size: 16px;
  }

  .bannerwhiteandredstyletexttwo {
    font-size: 20px;
  }

  .bannerwhiteandredstyletextthree {
    font-size: 9px;
  }

  .bannerwhitestyletextother {
    top: 1em;
  }

    .bannerwhitestyletextother .bannerwhitestyletextone {
      font-size: 24px;
    }

    .bannerwhitestyletextother .bannerwhitestyletexttwo {
      font-size: 20px;
    }
}

@media screen and (max-width:43.75em) {
  .hero__contentstylewhiteandred::after {
    width: 0px;
    height: 0px;
    border-top: 130px solid white;
    border-left: 195px solid transparent;
    border-right: 195px solid transparent;
  }

  .hero__contentstylewhiteandred::before {
    top: 68px;
    width: 0%;
    border-top: 62px solid #750409;
    border-left: 93px solid transparent;
    border-right: 93px solid transparent;
    z-index: 2;
    opacity: .6;
  }

  .bannerwhitestyletextother {
    top: 1em;
  }

    .bannerwhitestyletextother .bannerwhitestyletextone {
      font-size: 17px;
      line-height: 1;
      width: 78%;
      margin: auto;
    }

    .bannerwhitestyletextother .bannerwhitestyletexttwo {
      font-size: 12px;
    }

  .bannerwhiteandredstyletext {
    top: 4.6em;
    z-index: 3;
  }

  .bannerwhiteandredstyletextone {
    font-size: 12px;
  }

  .bannerwhiteandredstyletexttwo {
    font-size: 16px;
  }

  .bannerwhiteandredstyletextthree {
    font-size: 8px;
  }

  .sciondatepricetabbox {
    justify-content: center;
  }
}

.datepricepopbackground {
  background-color: rgba(0,0,0,.5);
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  display: none;
  z-index: 99;
}

.datepricepopinfo {
  position: relative;
}

.dppop_closebtn {
  position: absolute;
  top: -30px;
  right: -45px;
  cursor: pointer;
}

.datepricepopinfobox {
  width: 900px;
  background-color: white;
  margin: auto;
  padding: 60px 70px 30px 70px;
  display: none;
  position: relative;
  z-index: 99;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -49%);
}

.dppop_title p {
  color: #1D2E37;
  font-size: 1.25rem;
  text-transform: uppercase;
  font-family: "din-condensed", sans-serif;
  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-family: "din-2014", sans-serif;
    font-size: .9375em;
  }

.scionpt_righttext {
  padding-left: 26px;
}

  .scionpt_righttext p {
    font-family: "din-2014", sans-serif;
    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 #b6363b !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;
}

.scionptleftselect {
  border: 2px solid #b6363b;
  border-radius: 6px;
  z-index: 99999;
  padding: .45em .75em;
  position: absolute;
  top: 75px;
  width: 15%;
  left: 50px;
}

.accesscodeinput {
  width: 26% !important;
}

.priceselectother {
  position: absolute;
  top: 75px;
  width: 15%;
  left: 50px;
  line-height: 1.7;
  color: #6F6F6F;
  font-size: 14px;
  font-family: "din-2014", sans-serif;
  text-transform: uppercase;
}

.peonytoursphonenum {
  color: #b6363b !important;
  /*flex-basis: 150px; 0207*/
  text-align: right;
  cursor: context-menu;
}

  .peonytoursphonenum:before {
    content: none !important;
  }

  .peonytoursphonenum img {
    width: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
  }

.scionpeonypricedatatime {
  width: 33.3%;
}
/*peonyTours新增左侧筛选*/
.newlayout__innersx {
  width: 19%;
  margin: -42px 2% 0 0%;
  position: sticky;
  height: 100%;
  top: 190px;
  z-index: 9;
}

.sx_year {
  border-bottom: 1px solid #d8d9dd;
  position: relative;
  width: 95%;
  margin: auto;
  box-sizing: border-box;
  margin-left: 9px;
  padding-bottom: 12px;
  margin-bottom: 0px;
}

.sx_regiontitle, .sx_yeartitle {
  font-weight: bold !important;
  padding: 10px 0;
  cursor: pointer;
  color: #0c3051;
  margin-bottom: 0px;
  text-transform: uppercase;
  font-family: 'din-condensed';
}

.sx_regionicon, .sx_yearicon {
  position: absolute;
  top: 20px;
  right: 0px;
}

.filterbox {
  display: flex;
  justify-content: space-between;
  padding: 0px 20px 5px 0px;
  margin-left: 9px;
  border-bottom: 1px solid #d8d9dd;
  align-items: center;
}

.newlayout__innersxtitle {
  font-weight: bold !important;
  font-size: 22px;
  margin-bottom: 0px;
  padding-bottom: 0px;
  color: #6f809c;
  text-transform: uppercase;
  font-family: 'din-condensed';
}

.filterbox a {
  color: #2c3c4a;
  font-size: 14px;
  text-decoration-line: underline;
}

.sx_region {
  text-transform: capitalize;
  position: relative;
  margin-left: -7px;
}

.sx_regiontitle {
  display: none;
}

.sx_countrylist {
  position: relative;
}

.sx_contrytitle {
  cursor: pointer;
  padding: 8px 16px;
  line-height: 1.6;
  margin-bottom: 0px;
}

.sx_guojialist {
  padding-left: 16px;
  margin-bottom: 26px;
  margin-top: 19px;
}

  .sx_guojialist p, .sx_privatetitle {
    margin-bottom: 0px;
    color: #2c3c4a;
  }

.newlayout__innersx .sx_region .tick-check-label, .std-radio {
  align-items: center;
  margin: 3px 0;
}

.newlayout__innersx .sx_region .tick-check .marker {
  width: 1.5em;
  height: 1.5em;
  border-radius: 6px;
}

.phonebtnshow {
  display: none;
}

.changetitle {
  position: absolute;
  top: 10px;
  right: 10%;
  font-size: 14px;
  display: none;
  color: white;
}

.newlayout__innerlist {
  position: relative;
}

.newlayout__inner .newlayout__innerlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 79%;
  /* justify-content: center; */
  align-content: flex-start;
}

.sx_countrylist::after {
  content: "";
  height: 1px;
  width: 90%;
  display: block;
  margin-left: 16px;
  background-color: #d8d9dd;
}

.scionwidgetinner {
  width: 73em;
}

.newlayout__innersx .sx_year .control__field input[type="radio"]:checked + span.marker:after {
  background: none;
  background-color: #6F809C;
  right: 3px;
  border-color: #6F809C;
}

.newlayout__innersx .sx_year .control__field input[type="radio"] + span.marker:after {
  transform: translate(-1px, -1px);
}

.leftwidgetphoneshow {
  display: none;
}

phoneleftwidgetbtn {
  display: none;
}

.phoneleftwidgetbtn {
  display: none;
}

.contrytitleactive {
  background-color: #6F809C;
}

.sx_privatebox {
  border-bottom: 1px solid #d8d9dd;
  padding: 8px 0px;
  margin-bottom: 16px;
  margin-left: 9px;
}

.phonemorebtn {
  display: none;
}

.sx_cpguojialist {
  margin-bottom: 6px;
  margin-top: 7px;
}

.packagelistpage {
  position: absolute;
  top: -40px;
  color: #2c3c4a;
  left: 15px;
}

.sx_yearlist .bullet-radio-set input[type="radio"]:checked + span.marker {
  border-color: #6F809C;
}

.sx_yearlist li {
  display: block;
}

.newbloglistbox .sx_yearlist li {
  margin-bottom: 22px;
}

@media screen and (min-width : 700px) and (max-width : 1024px) {
  .datepricepopinfobox {
    width: 75%;
  }

  .scionptleftselect {
    left: 40px;
  }
}

@media screen and (max-width: 56.25em) {
  .accesscodeinput {
    width: auto !important;
  }

  .peonytoursphonenum {
    display: none !important;
  }

  .menucitylist {
    display: none;
  }
}

@media screen and (max-width: 43.75em) {
  .scionpeonypricedatatime {
    width: 100%;
  }

  .datepricepopinfobox {
    width: 85%;
    padding: 20px;
    height: 550px;
    overflow: scroll;
  }

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

  .scionptleftselect {
    margin-left: 0%;
    max-width: initial;
  }

  .scionptleftselect {
    width: 27%;
    left: 15px
  }

  .newsection-heading {
    margin-bottom: 2em;
  }

  .priceselectother {
    width: 100%;
    left: 15px;
    top: 95px;
    font-size: 14px;
  }

  /*手机端left筛选*/
  .phoneleftwidget {
    display: none;
  }

  .leftwidgetphoneshow {
    display: flex;
    justify-content: space-between;
    width: 100%;
    background-color: #6F809C;
    padding: 13px 20px;
    margin-bottom: 12px;
    align-items: center;
    box-sizing: border-box;
  }

  .leftwidgetimg {
    width: 20px;
    display: inline-block !important;
    vertical-align: middle;
  }

  .leftwidgetphoneshowboxleft span {
    vertical-align: middle;
    color: white;
    font-size: 17px;
    padding-left: 7px;
  }

  .leftwidgetphoneshowboxright img {
    width: 17px;
  }

  .newlayout__inner .newlayout__innerlist {
    width: 100%;
  }

  .phoneleftwidget {
    display: block;
    position: fixed;
    background: #fff;
    margin: 0;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 10;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow-y: auto;
  }

    .phoneleftwidget p {
      font-size: 16px;
    }

  phoneleftwidget .sx_regiontitle {
    font-size: 17px;
    color: #00424E;
    padding: 7px 19px;
  }

  .sx_regiontitle {
    display: block;
  }

  .phoneleftwidget .sx_countrylist {
    border: none !important;
  }

  .phoneleftwidget .sx_contrytitle {
    padding: 9px 19px;
    border-radius: 0px;
    font-size: 17px;
  }

  .phoneleftwidget .sx_guojialist {
    padding-left: 20px;
  }

  .phoneleftwidget .sx_regiontitle {
    font-size: 17px;
    color: #00424E;
    padding: 7px 19px;
  }

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

  .phoneleftwidgetactive {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  .phoneleftwidget .filterbox {
    margin-top: 24px;
    /*margin-bottom: 4px;*/
    border-bottom: 2px solid #eee;
    padding: 0px 19px 15px 19px;
    margin-left: 0px;
    align-items: center;
    justify-content: flex-start;
  }

  .newlayout__innersxtitle {
    font-size: 22px !important;
  }

  .filterbox p:last-child {
    margin-left: 10px;
    margin-bottom: 5px;
  }

  .newlayout__innerlist {
    margin-top: 20px;
  }

  .phoneleftwidget .sx_countrylist::after {
    content: none;
  }

  .phoneleftwidget .sx_region {
    margin-left: 0px;
    border-bottom: 2px solid #d8d9dd;
    padding-bottom: 15px;
  }

  .sx_private {
    padding: 0px 0px 0px 19px;
    padding-bottom: 14px;
  }

  .phoneleftwidget .phoneleftwidgetbtn {
    display: block;
    width: 90%;
    margin: auto;
    text-align: center;
    background-color: #b6363b;
    color: white;
    padding: 12px 0px;
    margin-top: 20px;
    margin-bottom: 20px;
  }

    .phoneleftwidget .phoneleftwidgetbtn a {
      text-decoration: none;
    }

  .phonebtnshow {
    display: block;
    position: absolute;
    right: 18px;
    top: 30px;
    z-index: 9;
  }

  .phonemorebtn {
    display: block;
    width: 100%;
    margin: auto;
    text-align: center;
    background-color: white;
    color: #0c3051;
    padding: 12px 0px;
    margin-top: 20px;
    font-size: 14px;
    border: 1px solid #d8d9dd;
    font-family: 'din-condensed';
    font-weight: bold;
    text-transform: uppercase;
  }

    .phonemorebtn a {
      text-decoration: none;
    }

  .changetitle {
    top: 13px;
  }

  .sx_year {
    border-bottom: 2px solid #d8d9dd;
    padding: 0px 0px 0px 19px;
    margin-left: 0;
    width: 100%;
    padding-bottom: 15px;
  }

  .packagelistpage {
    font-size: 14px;
  }
  /* .button-next-ivyts, .button-previous-ivyts {
            display: none;
        }*/

  .dateTitleIvytt {
    text-align: center;
  }

  .newlayout__innersxtitle {
    color: #0c3051;
  }
}

.date-price-table {
  font-size: 17px;
}

.cptablepadding {
  margin-top: 47px;
}

#open_list p:after, .by_country:after {
  content: '';
  width: 1em;
  height: 1.5em;
  display: block;
  background-image: url('../img/icons8-show-hide.svg');
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  top: 72%;
  background-size: 100%;
  background-position: 0px -19px;
  -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 0s;
  -o-transition: transform .4s;
  transition: transform .4s;
  transition: transform .4s, -webkit-transform .4s;
}

.visacountryactive {
  color: #6f809c;
}

  .visacountryactive:after {
    content: '';
    background-position: 0px 5px !important;
  }

.by_countryactive:after {
  content: '';
  background-position: 0px 3px !important;
}

.menu-list ul li.first-menu.active ul li.second-menu.current a {
  font-weight: bold;
  color: #6f809c;
}

#vikingcloudSealImage {
  width: 76px;
}



/*banner新样式三*/
.heronewbannerstyleone_info {
  text-align: center;
  word-break: break-all;
  width: 100%;
}

.hbo_infoone {
  color: white;
  margin-bottom: 0;
}

.trip-metastyle {
  width: 35em;
  height: 11.5em;
  color: white;
  text-align: center;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: auto;
  font-weight: 400;
  letter-spacing: 0.05em;
  background: url(../img/brushIvyte.svg) no-repeat center center;
}

.redtrip-metastyleone {
  background: url(../img/redbrushIvyte.svg) no-repeat center center;
}


/*banner新样式四*/
.heronewbannerstyletwoyuan {
  border-radius: 50%;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-image: url('../img/bannercolor.png');
  background-repeat: no-repeat;
  background-size: cover;
}

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

.bannerstylebtn {
  background-color: #b6363b;
}

  .bannerstylebtn span {
    display: block;
    color: white;
  }

.yuan_title {
  opacity: .7;
  font-family: 'AvenirNext-DemiBoldMR';
}

.yuan_subtitle {
  color: #1d2e37 !important;
  margin-bottom: 0px;
  line-height: 1;
  font-family: 'AvenirNext-DemiBoldMR';
}

.yuan_description {
  opacity: .7;
  font-family: 'din-condensed';
}

.yuan_code {
  font-family: 'AvenirNext-DemiBoldMR';
}

.yuan_terms {
  font-size: 12px;
  opacity: .7;
  width: 80%;
  font-family: 'AvenirNext-DemiBoldMR';
}


/*banner新样式五*/
.heronewbannerstyletworedyuan {
  background-color: #b6363b;
  background-image: none;
  flex-shrink: 0;
}

.heronewbannerstylethree_info {
  display: flex;
  align-items: center;
  width: auto !important;
}

.redyuan_titlebox {
  position: relative;
  display: block;
  margin-right: 0%;
}

.redyuan_title {
  color: white;
  margin-bottom: 0;
  letter-spacing: 18px;
  line-height: 1;
}

.heronewbannerstyletworedyuan .bannerstylebtn {
  background-color: #1d2e37;
}

.heronewbannerstyletworedyuan .yuan_subtitle {
  opacity: 1;
}

.trip-meta__durationstyleone {
  font-family: 'din-condensed';
}
/*up to banner样式*/
.bannerstyleupto .trip-metastyle {
  margin-top: 0px;
}

.bannerstyleupto .hbo_infoone {
  font-size: 18px;
}

.bannerstyleupto .trip-metastyle {
  width: 24em;
  height: 11em;
}

.bannerstyleupto .hbo_infothree_top {
  font-size: 18px;
}

.bannerstyleupto .hbo_infothree_center {
  font-size: 16px;
  line-height: 1;
}

.bannerstyleupto .hbo_infothree_bottom {
  opacity: .6;
  width: 85%;
  margin: auto;
  margin-top: 5px;
}

@media screen and (max-width:43.75em) {
  .bannerstyleupto .trip-metastyle {
    width: 20em;
    height: 9em;
  }

  .bannerstyleupto .hbo_infoone {
    font-size: 16px;
  }

  .bannerstyleupto .hbo_infothree_top {
    font-size: 16px;
  }
}

@media screen and (min-width: 18.75em) {
  .hbo_infothree_bottom {
    font-size: 12px;
  }

  .trip-metastyle {
    height: 9em;
    width: 16em;
    margin-top: -35px;
    position: relative;
    z-index: 9;
  }

  .hbo_infoone {
    font-size: 1.2em;
  }

  .hbo_infotwo {
    font-size: 3.5em !important;
  }

  .heronewbannerstyletwoyuan p {
    color: white;
  }

  .heronewbannerstyletwoyuan {
    width: 260px;
    height: 260px;
    margin-left: 0%;
    margin: auto;
  }

  .heronewbannerstyletworedyuan {
    width: 200px;
    height: 200px;
    margin: auto;
  }

  .redyuan_titlebox {
    word-break: break-word;
  }

  .yuan_title {
    font-size: 16px;
  }

  .yuan_subtitle {
    font-size: 3em;
  }

  .yuan_description, .yuan_code {
    font-size: 13px;
    width: 90%;
    line-height: 1.4;
  }

  .bannerstylebtn span {
    font-size: 12px;
  }

  .yuan_title {
    letter-spacing: 4px;
  }

  .yuan_subtitle {
    letter-spacing: 10px;
  }

  .yuan_description {
    letter-spacing: 1px;
  }

  .yuan_code {
    letter-spacing: 2px;
  }

  .bannerstylebtn {
    margin-top: 5px;
    padding: 0.4em 1em;
  }

  .heronewbannerstyletworedyuan .yuan_terms {
    line-height: 14px;
  }

  .redyuan_title {
    font-size: 2em;
    letter-spacing: 0;
    text-align: center;
  }

  .heronewbannerstyletworedyuan .yuan_subtitle {
    font-size: 20px;
    letter-spacing: 4px;
    color: white !important;
    line-height: 1.8;
  }

  .hbo_infothree {
    width: 85%;
  }

  .heronewbannerstylethree_info {
    display: block;
  }

  .hbo_infothree_center {
    color: #1d2e37;
    font-size: 16px;
  }

  /*bigger字体*/
  .bannerbigfont {
    font-size: 40px !important;
  }

  .redbannerbigfont {
    font-size: 32px !important;
  }

  .greybannerbigfont {
    font-size: 48px !important;
  }


  /*Standard 字体*/
  .bannerstandardfont {
    font-size: 40px !important;
  }

  .redbannerstandardfont {
    font-size: 32px !important;
  }

  .greybannerstandardfont {
    font-size: 48px !important;
  }

  /*Small 字体*/
  .bannersmallfont {
    font-size: 40px !important;
  }

  .redbannersmallfont {
    font-size: 32px !important;
  }

  .greybannersmallfont {
    font-size: 48px !important;
  }
}

@media screen and (min-width: 43.75em) {
  .hbo_infothree_bottom {
    font-size: 12px;
  }

  .trip-metastyle {
    width: 25em;
    height: 11em;
  }

  .hbo_infotwo {
    font-size: 4em !important;
  }

  .hbo_infoone {
    font-size: 2em;
  }

  .redyuan_titlebox {
    margin-right: -3%;
  }

  /*  .bannerstylebtn {
        padding: 0.8em 3em;
    }*/

  .yuan_subtitle {
    letter-spacing: 20px;
  }

  .yuan_title {
    letter-spacing: 10px;
  }

  .yuan_description {
    letter-spacing: 2px;
  }

  .yuan_code {
    letter-spacing: 5px;
  }

  .heronewbannerstyletwoyuan {
    width: 330px;
    height: 330px;
    margin-left: 10%;
  }

  .bannerstylebtn {
    padding: 0.9em 2.3em;
  }

  .yuan_subtitle {
    font-size: 4em;
  }

  .heronewbannerstyletworedyuan .yuan_description, .heronewbannerstyletworedyuan .yuan_code {
    letter-spacing: 0px;
  }

  .redyuan_title {
    font-size: 4em;
  }

  .heronewbannerstyletworedyuan {
    width: 280px;
    height: 280px;
    margin-left: 0px !important;
  }

    .heronewbannerstyletworedyuan .bannerstylebtn {
      padding: 0.2em 1em;
    }

    .heronewbannerstyletworedyuan .yuan_title {
      letter-spacing: 4px;
    }

  .redyuan_title {
    display: block;
  }

  .yuan_description, .yuan_code {
    line-height: 1.6;
  }

  .redyuan_titlebox {
    width: auto;
  }

  .hbo_infothree {
    width: auto;
  }

  .heronewbannerstylethree_info {
    display: flex;
  }

  /*bigger字体*/
  .bannerbigfont {
    font-size: 64px !important;
  }

  .redbannerbigfont {
    font-size: 64px !important;
  }

  .greybannerbigfont {
    font-size: 64px !important;
  }


  /*Standard 字体*/
  .bannerstandardfont {
    font-size: 40px !important;
  }

  .redbannerstandardfont {
    font-size: 64px !important;
  }

  .greybannerstandardfont {
    font-size: 64px !important;
  }

  /*Small 字体*/
  .bannersmallfont {
    font-size: 40px !important;
  }

  .redbannersmallfont {
    font-size: 64px !important;
  }

  .greybannersmallfont {
    font-size: 64px !important;
  }
}

@media screen and (min-width: 60em) {
  .hbo_infotwo {
    font-size: 4em !important;
  }

  .hbo_infoone {
    font-size: 2em;
  }

  .hbo_infothree_top {
    font-size: 20px;
  }

  .hbo_infothree_center {
    color: #1d2e37;
    font-size: 20px;
  }

  .hbo_infothree_bottom {
    font-size: 12px;
  }

  .trip-metastyle {
    width: 22em;
    height: 12em;
    margin-top: -45px;
    position: relative;
    z-index: 9;
  }

  .heronewbannerstyletwoyuan {
    width: 400px;
    height: 400px;
    margin-left: 14%;
  }

  .yuan_title {
    font-size: 1.5em;
  }

  .yuan_subtitle {
    /*font-size:6em;*/
    font-size: 90px;
  }

  .yuan_description {
    font-size: 18px;
  }

  .bannerstylebtn {
    margin-top: 10px;
  }

  .heronewbannerstyletwo_info {
    width: 100%;
    margin-bottom: 40px;
  }

  .yuan_code {
    font-size: 20px;
  }

  .heronewbannerstyletworedyuan {
    width: 310px;
    height: 310px;
  }

  .redyuan_title {
    font-size: 120px !important;
  }

  .hbo_infotwo {
    font-size: 90px !important;
  }
  /*    .redyuan_title {
        font-size: 180px;
    }*/
  .heronewbannerstyletworedyuan .yuan_title {
    letter-spacing: 4px;
  }

  .heronewbannerstyletworedyuan .yuan_subtitle {
    font-size: 2em;
    letter-spacing: 2px;
  }

  .heronewbannerstyletworedyuan .bannerstylebtn {
    padding: 0.7em 2em;
  }

  .heronewbannerstyletworedyuan .yuan_subtitle {
    font-size: 1.5em;
    letter-spacing: 4px;
  }
  /* .scionspreducetitle {
        font-size:64px!important;
    }
*/

  /*bigger字体*/
  .bannerbigfont {
    font-size: 90px !important;
  }

  .redbannerbigfont {
    font-size: 120px !important;
  }

  .greybannerbigfont {
    font-size: 90px !important;
  }


  /*Standard 字体*/
  .bannerstandardfont {
    font-size: 64px !important;
  }

  .redbannerstandardfont {
    font-size: 120px !important;
  }

  .greybannerstandardfont {
    font-size: 90px !important;
  }

  /*Small 字体*/
  .bannersmallfont {
    font-size: 40px !important;
  }

  .redbannersmallfont {
    font-size: 80px !important;
  }

  .greybannersmallfont {
    font-size: 64px !important;
  }
}

@media screen and (min-width: 103.2em) {

  .hbo_infothree_bottom {
    font-size: 12px;
  }
  /*    .trip-metastyle {
        width: 32em;
        height: 13em;
    }*/
  .heronewbannerstyletwoyuan {
    width: 440px;
    height: 440px;
    margin-left: 14%;
  }

  .yuan_title {
    font-size: 28px;
  }

  .bannerstylebtn {
    margin-top: 15px;
  }

  .yuan_description {
    font-size: 20px;
    line-height: 1;
    width: 95%;
  }

  .heronewbannerstyletworedyuan {
    width: 382px;
    height: 382px;
  }

    .heronewbannerstyletworedyuan .yuan_title {
      opacity: 1;
      font-size: 2.5em;
    }

    .heronewbannerstyletworedyuan .yuan_description, .heronewbannerstyletworedyuan .yuan_code {
      letter-spacing: 2px;
    }

    .heronewbannerstyletworedyuan .yuan_subtitle {
      letter-spacing: 9px;
      font-size: 34px;
    }

    .heronewbannerstyletworedyuan .yuan_description {
      font-size: 18px;
    }

    .heronewbannerstyletworedyuan .yuan_code {
      font-size: 20px;
    }

    .heronewbannerstyletworedyuan .bannerstylebtn {
      padding: 0.9em 2.3em;
    }

  /*.redyuan_title {
        font-size: 180px!important;
    }
    .hbo_infotwo {
        font-size:120px!important;
    }*/


  /*bigger字体*/
  .bannerbigfont {
    font-size: 120px !important;
  }

  .redbannerbigfont {
    font-size: 200px !important;
  }

  .greybannerbigfont {
    font-size: 120px !important;
  }


  /*Standard 字体*/
  .bannerstandardfont {
    font-size: 64px !important;
  }

  .redbannerstandardfont {
    font-size: 180px !important;
  }

  .greybannerstandardfont {
    font-size: 90px !important;
  }

  /*Small 字体*/
  .bannersmallfont {
    font-size: 40px !important;
  }

  .redbannersmallfont {
    font-size: 80px !important;
  }

  .greybannersmallfont {
    font-size: 64px !important;
  }
}

@media screen and (max-width:56.25em) {
  .card__img:before {
    letter-spacing: 0.1rem;
    font-size: 1.5em;
  }

  .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, .--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 {
    width: 4.5em;
    left: 0.45em;
    top: 0.15em;
  }

  .card_discountinfo {
    font-size: 18px;
  }
}

@media screen and (max-width:43.75em) {
  .bannerfontsm {
    font-size: 18px !important;
    margin-top: 20px !important;
  }

  .redyuan_titlesm {
    font-size: 24px !important;
  }

  .bannerpaddingtop {
    padding-top: 80px !important;
  }

  .onlinepayment .btn {
    font-size: 16px;
  }
}

/*new style*/
.newcard_codenum {
  padding: 0px 9px;
  display: inline-block;
  background-color: #6f809c;
  border-radius: 4px;
  margin: 5px 0px 11px 0px;
}

  .newcard_codenum span {
    font-size: 15px;
    color: white;
    letter-spacing: 1px;
  }

.newcard__body h1.card__titlefz {
  text-align: left;
  color: #2c3c4a;
  margin-bottom: 6px;
}

.newcard__body .card__stops {
  justify-content: flex-start;
}

.newcard__body .card_days {
  color: #2c3c4a;
  font-weight: bold;
  margin-bottom: 2px;
  display: block;
}

.newcard__body .card__stops li {
  color: #2c3c4a;
}

.newcard_bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  bottom: 26px;
  padding: 0px 1.25em;
  box-sizing: border-box;
  align-items: flex-end;
}

.indexnewcard_bottom {
  bottom: 4em;
}

.newcard__body {
  padding-bottom: 4.6em;
}

.card a {
  position: initial;
}

.newcard_price {
  color: #2c3c4a;
}

/*.showorhidehome {
    display: none;
    border-bottom:none!important;
}*/
.onpage-infospan {
  display: block;
  color: #696868;
  font-family: "din-2014", sans-serif;
  font-size: 18px !important;
  margin-top: 7px;
  opacity: 1 !important;
  word-break: break-all;
}

  .onpage-infospan span {
    font-size: 18px !important;
    opacity: 1 !important;
    color: #696868;
  }

  .onpage-infospan a {
    cursor: pointer;
    color: #b6363b;
  }

.sx_contrytitle, .sx_regiontitle, .sx_yeartitle {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}

.sx_region .sx_regiontitle {
  display: none !important;
}

.sx_yeartitle:after, .sx_regiontitle:after {
  content: "";
  display: block;
  background-image: url('../img/icons/newMinus.png');
  background-repeat: no-repeat;
  width: 12px;
  height: 12px;
  float: right;
  -webkit-transition: -webkit-transform .2s;
  transition: -webkit-transform .2s;
  -o-transition: transform .2s;
  transition: transform .2s;
  transition: transform .2s, -webkit-transform .2s;
  padding-right: 14px;
}

.sx_region .sx_regiontitle:after {
  padding-right: 0px;
}

.sx_yeartitleactive:after {
  background-image: url('../img/icons/newplus.png');
  -webkit-transition: -webkit-transform .2s;
  transition: -webkit-transform .2s;
  -o-transition: transform .2s;
  transition: transform .2s;
  transition: transform .2s, -webkit-transform .2s;
  padding-right: 14px;
}

.sx_contrytitle:after {
  content: "";
  display: block;
  background-image: url('../img/icons/newplus.png');
  background-repeat: no-repeat;
  width: 12px;
  height: 12px;
  float: right;
  -webkit-transition: -webkit-transform .2s;
  transition: -webkit-transform .2s;
  -o-transition: transform .2s;
  transition: transform .2s;
  transition: transform .2s, -webkit-transform .2s;
}

.contrytitleactive:after {
  background-image: url('../img/icons/newMinus.png');
  -webkit-transition: -webkit-transform .2s;
  transition: -webkit-transform .2s;
  -o-transition: transform .2s;
  transition: transform .2s;
  transition: transform .2s, -webkit-transform .2s;
}

.sx_year {
  padding-bottom: 0px;
}

.sx_privatebox {
  padding: 0px;
}

.sx_countrylist::after {
  width: 93.1%;
}

.phoneloginbtn {
  display: flex;
}

.pressfilterbox {
  display: flex;
  margin-bottom: 25px;
}

  .pressfilterbox div {
    width: 107px;
    text-align: center;
    background-color: white;
    border: 1px solid #DDE3E8;
    padding: 8px 0px;
    color: #2c3c4a;
    font-family: 'din-condensed';
    text-transform: uppercase;
    cursor: pointer;
  }

.pressfilterread {
  margin-right: 5px;
}

.pressfilteractive {
  background-color: #B6363B !important;
  color: white !important;
}

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

  .scionarticle_top .dateTitleIvyzs {
    margin: 0px;
    color: #2c3c4a;
    opacity: 1;
  }

  .scionarticle_top .readtimeTitle {
    margin: 0px;
    color: #2c3c4a;
    font-size: 14px;
  }

.presslistinfobox {
  padding-top: 20px;
}

  .presslistinfobox h1.card__titlefz {
    color: #2c3c4a;
    margin-top: 7px;
    margin-bottom: 13px;
  }

.bloglistnum {
  position: absolute;
  right: 0px;
  top: 10px;
  font-size: 14px;
  color: #0C3051;
}

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

.scionarticle_showmore a {
  text-decoration: underline !important;
}
/*新blog样式*/
.newbloglistbox .tzsg-img-container img {
  position: relative;
  height: 280px;
}

.newbloglistbox .tzsg-img-container {
  margin-bottom: 1em;
}

.newbloglistbox {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
}

.newbloglist {
  width: 73%;
  position: relative;
}

.newbloglistbox .newlayout__innersx {
  margin: 0px 8% 0 0%;
  top: 120px;
}

.bloginner {
  width: 73em;
}

.newbloglist .threecol li:nth-child(2n+1), .blogdetaillist li:nth-child(2n+1) {
  margin-left: 0;
}

.newpressfenye {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 3em;
}

.newpresslistfenye {
  display: flex;
  align-items: center;
  justify-content: right;
  margin-top: 3em;
}

.blogdetailbox {
  word-break: break-word;
  margin-top: 13px;
}

  .blogdetailbox p {
    margin-bottom: 0px;
    color: #2c3c4a;
    font-size: 14px;
  }

.newbloglist h1.card__titlefz {
  color: #2c3c4a;
  margin: 12px 0px 0px;
}

.blogdetailbox p:first-child {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  margin-bottom: 0px;
}

.newbloglistbox .dateTitleIvytt {
  display: flex;
  align-items: center;
}

.newbloglistbox .bloglistnum {
  top: -39px;
}

.blogdetaillist .card__titlefz {
  color: #2c3c4a;
}

@media screen and (max-width:56.25em) {
  .phoneloginbtn {
    padding: 0px 1.25em;
    display: block;
  }

    .phoneloginbtn a + a {
      margin-top: 7px;
    }

    .phoneloginbtn a {
      background-color: #b6363b;
      color: white !important;
      text-align: center;
      text-transform: none;
      padding: 12px 0px;
      font-family: "din-2014", sans-serif;
    }

  .primary-nav__inner ul li:last-child {
    border-bottom: 0px;
  }

  .newprimary-nav a {
    padding: .75em;
  }

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

    .languageIvytfz a:first-child {
      font-size: 14px;
    }

    .languageIvytfz a + a {
      padding-bottom: .75em;
    }

  .newprimary-nav .menu-close {
    padding-top: 40px;
    border-bottom: 1px solid #dfe0e1;
    padding-bottom: 20px;
  }

  .newprimary-nav .languageIvytfz {
    top: 1.8em;
  }

  .newprimary-nav .sub-menuleft a {
    padding: 0.4em;
    padding-left: 30px;
    padding-right: 0.75em;
  }

  .newprimary-nav .menucitylist a li {
    font-family: "din-2014", sans-serif;
    font-size: 14px;
    text-transform: capitalize;
    /*font-weight: bold;*/
    color: #0c3051;
  }

  .newprimary-nav .menucitylist a:last-child li {
    text-decoration: underline;
  }

  .has-sub > a:after {
    background-image: url('../img/icons/newplus.png');
  }

  .sub-open:after {
    background-image: url('../img/icons/newMinus.png') !important;
  }

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

  .menuleft_unline {
    position: relative;
  }

    .menuleft_unline:after {
      content: ' ';
      display: block;
      background-repeat: no-repeat;
      background-image: url('../img/icons/newplus.png');
      background-position: center center;
      background-size: contain;
      width: 0.875em;
      height: 0.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;
    }

  .cpsub-menuleft .menuleft_unline:after {
    content: none;
  }

  .newprimary-nav .sub-menu a {
    padding: 0.4em;
    padding-left: 30px;
    padding-right: 0.75em;
  }

  .newprimary-nav .sub-open {
    color: #B6363B !important;
  }

  .menuleft_unline.sub-open {
    color: rgba(29, 46, 55, 0.7) !important;
  }

  .newprimary-nav .menuleft_unline:hover, .newprimary-nav .menucitylist a:hover {
    color: rgba(29, 46, 55, 0.7) !important;
  }

  /*.threecol li {
        line-height: 1.5;
        float: left;
        margin-left: 0px;
        margin-bottom: 30px;
        width: 100%;
    }*/
}

@media screen and (max-width:43.75em) {
  .newcard__body {
    padding-top: 17px;
  }

  .newcard_codenum {
    border-radius: 0;
    margin: 0px 0px 8px 0px;
  }

  .card__stops li {
    font-size: 14px;
  }

  .newcard_codenum span {
    font-size: 13px;
    letter-spacing: 0px;
  }

  .newbloglist .newblogfenye {
    display: none;
  }

  .newcard__body h1.card__titlefz {
    font-size: 23px;
  }

  .newcard__body .card_days {
    margin-bottom: 4px;
    font-size: 14px;
    /*font-weight: inherit;*/
  }

  .newcard_price {
    font-size: 14px;
  }

  article#newflexbox {
    border: 1px solid #D8D8D8;
  }

  .onpage-infospan {
    font-size: 16px !important;
  }

  .sx_privatebox {
    padding: 0px 0px 0px 19px;
    padding-bottom: 0px !important;
  }

  .sx_yeartitle:after {
    padding-right: 19px;
  }

  .sx_yeartitleactive:after {
    padding-right: 19px;
  }

  .sx_region .sx_regiontitle {
    display: flex !important;
  }

  .phoneleftwidget .sx_region {
    padding-bottom: 0px;
  }
  /*.presslistinfobox h1.card__titlefz {
        color: #6F809C;
    }*/
  .preconIvyfof p {
    font-size: 14px;
  }


  .newbloglistbox .newlayout__innersx {
    top: 0;
    margin: 0;
  }

  .newbloglist {
    width: 100%;
  }

  .newbloglistbox .leftwidgetphoneshow {
    width: 100%;
    margin-bottom: 54px;
  }

  .newbloglistbox .bloglistnum {
    left: 0px;
  }

  .blogdetailstyle .info_shareandprint {
    margin-top: 0px;
  }

  .blogdetailstyle .info_shareandprintbox {
    display: flex;
  }
}

/*5248更新footer-nav li 並且在後面新增footer-nav p
        新的設計圖footer用了另一種font family 故需要在enscreen更新fontfamily
        另外以手機版為主 移除margin留白*/
.footer-nav li, .footer-nav p {
  font-family: 'DM Sans Medium';
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 25px;
  font-size: 14px;
  white-space: nowrap;
}

.footer-left li {
  padding-bottom: 1px;
}

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

@media screen and (min-width: 43.75em) {
  .footer-left li {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}

.footer-right li {
  margin-bottom: 0;
}

@media screen and (min-width: 43.75em) {
  .customer-service-header p, .information-header p, .about-us-header p {
    margin-bottom: 0.35em;
  }
}

/*將.footer-nav p 移除的留白放到這邊 並更新樣式
        設計圖上的DM Sans Regular 太粗 有更新成DM Sans Light*/
.customer-service-accordion a, .information-accordion a, .about-us-accordion a {
  font-family: 'DM Sans Regular';
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 25px;
  font-size: 14px;
  white-space: nowrap;
}

/*xxxx 需要將元素排列成垂直並增加上下留白*/
.customer-service-accordion, .information-accordion, .about-us-accordion {
  margin-top: -10px;
  margin-bottom: 15px;
  display: flex;
  flex-direction: column;
}

@media screen and (min-width: 43.75em) {
  .customer-service-accordion, .information-accordion, .about-us-accordion {
    margin-top: 5px;
    margin-bottom: 5px;
    display: flex;
    flex-direction: column;
  }
}


/*移除5223全部大寫的樣式*/
.affliated-logos,
.footer-menu {
  /*text-transform: uppercase;*/
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.5em;
}

.affliated-logos {
  /*background: url(../img/footer-wide-break.png) no-repeat center top;*/
  background-size: 1000px auto;
  padding-top: 1.75em;
}

/*新增footer container 控制Destiantion,city,private tours 左半邊和 customer service, information, about us 右半邊擺放邏輯*/
.footer-container {
  display: flex;
}

/*移除5289置中可以移除
        並且將改成全部大寫的樣式移除
        並且控制桌面版寬度
        並且用flex控制中間留白*/
@media screen and (min-width: 43.75em) {
  .footer-menu, .affliated-logos {
    /*justify-content:center;*/
    /*text-transform: uppercase;*/
    margin-bottom:
  }

  .affliated-logos {
    background: none;
    padding-top: 1em;
    /*width: 55vw;*/
    display: flex;
    justify-content: space-between;
  }
}

/*控制logo在手機版不顯示*/
.footer-logo-right {
  display: none;
}

@media screen and (min-width: 43.75em) {
  .footer-logo-right {
    display: block;
  }
}

/*以手機版為前提 控制左半部在桌面版是水平擺放*/
.footer-left {
  display: flex;
  flex-direction: column;
  width: 37vw;
  padding-left: 6vw;
  margin-right: 7vw;
}
/*以手機版為前提 控制右半部在桌面版是水平擺放*/
.footer-right {
  display: flex;
  flex-direction: column;
  width: 43vw;
}

/*新增5264後-控制左半部和右半部在平版以上是垂直擺放
        並且移除左, 右半部手機版寬度*/
@media screen and (min-width: 43.75em) {
  .footer-left {
    padding-left: 0;
    margin-right: 0;
    width: auto;
  }

  .footer-right {
    flex-direction: row;
    width: auto;
  }
}

/*以手機板為前提 控制page-footer__lower裡面的copyright顯示*/
.page-footer__lower .copyright {
  font-family: 'DIN-RegularMR';
  display: flex;
  justify-content: center;
}
/*以手機板為前提 控制在affliated-logos裡面的copyright不顯示*/
.affliated-logos .copyright {
  display: none;
}

@media screen and (min-width: 43.75em) {
  /*控制page-footer__lower裡面的copyright在手機版以上大小不顯示*/
  .page-footer__lower .copyright {
    display: none;
  }
  /*控制在affliated-logos裡面的copyright在手機版以上大小顯示*/
  .affliated-logos .copyright {
    display: flex;
  }
}

/*5208 手機版的上留白改短*/
.page-footer__lower {
  /*background: url(../img/footer-wide-break.png) no-repeat center top;
    background-size: 1000px auto;
    padding-top: 2.6em;*/
}

/*控制圖標電腦版水平擺放*/
.footer-copyright-right {
  display: flex;
  flex-wrap: wrap;
  padding: 0 15vw;
}

  .footer-copyright-right li {
    padding-bottom: 13px;
  }

@media screen and (min-width: 43.75em) {
  .footer-copyright-right {
    flex-wrap: nowrap;
    padding: 0;
  }
}

/*控制footer裡的連結左右留白距離*/
@media screen and (min-width: 43.75em) {
  .footer-spacing {
    width: 50px;
  }
}

/*控制 + - 圖案和文字水平擺放*/
.customer-service-header, .information-header, .about-us-header {
  display: flex;
  flex-direction: row;
  cursor: pointer;
}

  .customer-service-header img, .information-header img, .about-us-header img {
    width: 14.5px;
    height: 14.5px;
    padding: 5px 0 0 12px;
  }
/*控制+ - 圖案平版以上大小*/
@media screen and (min-width: 43.75em) {
  .customer-service-header img, .information-header img, .about-us-header img {
    width: 15px;
    height: 15px;
    padding: 5px 0 0 12px;
  }
}

@media screen and (max-width:760px) {
  .footer-logo-right {
    display: none;
  }
}

/*新版info样式*/

.banner-container {
  position: relative;
  margin-bottom: 19px;
}

.centered-text {
  padding: 5px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-size: 42px;
  letter-spacing: 2px;
  text-align: center;
  white-space: nowrap;
}

.travel-style-banner {
  display: flex;
  width: 100%;
  margin: auto;
  border-radius: 12px;
  filter: brightness(0.8);
}

p.newtravelstyleinfotitle {
  text-align: center;
  font-size: 14px;
  margin-bottom: 59px;
  padding-top: 4px;
  line-height: 22px;
  color: #616161 !important;
}

#TravelStyles {
  margin-top: 25px;
}

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

.sciontravelstyleinfo_list {
  padding-top: 2em;
  width: 30%;
}

.sciontravelstyletop {
  margin-bottom: 2em;
  text-align: center;
}

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

  .sciontsinfo_left span {
    margin-left: 30px;
    color: #778c9e;
    /*font-family: "DIN Condensed";*/
    font-size: 32px;
    text-transform: uppercase;
  }

.sciontsinfo_right {
  padding-top: 1.2rem;
}

  .sciontsinfo_right span {
    font-size: 20px;
    color: #6F809C;
    margin-bottom: .7em;
    display: block;
    text-transform: uppercase;
  }

.infonewphonebox {
  display: none;
}

  .infonewphonebox a {
    text-decoration: none;
  }

.aboutusotherinfo {
  color: #778c9e !important;
  /*font-family: "DIN Condensed" !important;*/
  font-size: 32px !important;
  line-height: 38px;
  text-transform: uppercase;
  letter-spacing: -0.5714286px;
  display: block;
  margin-bottom: 1em;
  margin-top: 1.5em;
}

.aboutusstyle {
  /*width: 700px;*/
  margin: auto;
  margin-top: 2em;
  margin-bottom: 6em;
}

  .aboutusstyle .article__body {
    padding-top: 7px;
    width: 700px;
    margin: auto;
    padding: 0;
  }

.aboutusaw, .aboutusrz {
  display: flex;
}

  .aboutusaw .aboutusawlogo, .aboutusrz .aboutusrzlogo {
    width: 44%;
  }

  .aboutusaw p, .aboutusrz p {
    width: 60%;
    border-left: 1px solid #c3c3c3;
    padding-left: 2em;
  }

    .aboutusaw p span, .aboutusrz p span {
      font-size: 20px;
      line-height: 22px;
      display: block;
      margin-bottom: 1em;
    }

.aboutusrz {
  margin-top: 2em;
}

.visacountrylist {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 54px;
}

.visalist_box {
  width: 50%;
}

.visa_imgbox {
  position: relative;
}

  .visa_imgbox span {
    position: absolute;
    /*font-family: "DIN Condensed";*/
    font-size: 42px;
    color: white;
    text-transform: uppercase;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    text-align: center;
    font-family: 'din-condensed';
  }

  .visa_imgbox img {
    margin: auto;
    border-radius: 8px;
  }

.visa_citylist {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 1.5em 0em 2em 5.5em;
  align-content: flex-start;
  justify-content: space-between;
}

  .visa_citylist a {
    width: 40%;
    text-align: center;
    cursor: pointer;
    margin-bottom: 10px;
    padding-right: 30px
  }

    .visa_citylist a p {
      margin-bottom: 0px;
      /*line-height: 26px;*/
      line-height: 16px;
      /*white-space: nowrap;*/
      text-align: left;
      word-break: break-word;
    }

.infonewphonebox {
  height: 185px;
  background: #ece6e6;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 3em 0em 3em 0em;
}

  .infonewphonebox p {
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 32px;
    line-height: 30px;
    padding: 0px 80px;
    text-align: center;
    color: #778c9e;
    /*font-family: "DIN Condensed";*/
    font-family: 'din-condensed';
  }

  .infonewphonebox span {
    display: block;
    background-color: #b6363b;
    color: white;
    font-size: 16px;
    letter-spacing: 1px;
    font-family: 'DINCondensedBold';
    width: 190px;
    padding: 15px 0px;
    text-align: center;
    margin-top: 1.5em;
    cursor: pointer;
    text-transform: uppercase;
  }

.faq_bigbox {
  /*padding-left: 1.25em;
    padding-right: 1.25em;*/
}

.faqsearchbox {
  display: flex;
  background: #ece6e6;
  padding: 41px 0px;
  flex-direction: row;
  justify-content: center;
  margin-top: 53px;
  margin-bottom: 50px;
}

  .faqsearchbox label {
    color: #778c9e;
    /*font-family: "DIN Condensed";*/
    font-size: 32px;
    font-stretch: condensed;
    /*font-weight: 700;*/
    line-height: 38px;
    text-transform: uppercase;
    letter-spacing: -0.5714286px;
    font-family: 'din-condensed';
  }

.faqouter {
  padding: 1.25em;
}

.faqsearchbox input {
  width: 433px;
  height: 44px;
  border-radius: 4px;
  background: #ffffff;
  background-blend-mode: normal;
  margin: 0px 1.5em;
  outline: none;
}

.faqsearchbox button {
  width: 181px;
  height: 44px;
  /*font-family: "DIN Condensed";*/
  font-size: 16px;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 1px;
  border: none;
  background: #b6363b;
  color: white;
  font-family: 'din-condensed';
}

.faq_listbox {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 2em;
  justify-content: start;
  border-bottom: 1px solid #d8d9dd;
}

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

.faqbox {
  width: 30%;
  margin-bottom: 2em;
  margin-right: 3em;
}

  .faqbox:nth-child(3n+1) {
    margin-right: 0;
  }

.faq_listbox h1 {
  color: #778c9e !important;
  /*font-family: "DIN Condensed";*/
  font-size: 32px !important;
  line-height: 38px;
  text-transform: uppercase;
  letter-spacing: -0.5714286px;
  flex-basis: 100%;
}

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

.faqbox .accordion__trigger {
  padding: 0;
  cursor: pointer;
}

  .faqbox .accordion__trigger a {
    font-family: "din-2014", sans-serif !important;
    font-size: 16px;
    color: #242424;
  }

.faqbox .accordion__body-inner, .faqsearchlistbox .accordion__body-inner p {
  font-size: 14px !important;
  color: #2c3c4a !important;
}

.faqbox .accordion {
  margin-bottom: 10px;
}

.faqsearchlistbox h1 {
  font-size: 16px !important;
  color: #242424 !important;
  font-family: "DM Sans!important";
  font-weight: 500 !important;
  line-height: 28px !important;
  text-transform: inherit !important;
  margin-bottom: 0.9em !important;
}

.newfaqdetailbox {
  padding-top: 49px;
  justify-content: space-between;
  padding-bottom: 100px;
}
  /*.newfaqleftcolumn {
    width: 25%;
}*/
  .newfaqdetailbox .newfaqbody {
    width: 68%;
  }

.second-menu {
  margin-bottom: 0px !important;
}

.newfaqleftcolumn .content-page__nav a {
  padding-top: 0px;
}

p.faqboxtitle {
  font-weight: bold;
}

.currenttitle {
  padding-bottom: .9375em !important;
}

.newfaqdetailbox ul.padiIvyzzt {
  padding-left: 0px;
  padding-bottom: 25px;
}

.newfaqdetailbox .content-page__sidebar li {
  border-bottom: 0px;
}

.newfaqbody .accordion__trigger a {
  font-size: 16px;
  color: #242424;
}

.newfaqdetailbox .accordion__body-inner {
  font-size: 14px;
}

.travelInsurancestyle {
  width: 685px;
  margin: auto;
  margin-top: 0.5em;
}

.infotabbox {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  position: sticky;
  background-color: white;
  padding: 10px 0px 30px 0px;
  z-index: 9;
  margin-top: 39px;
}

  .infotabbox a {
    color: #0c3051;
    font-weight: 400;
    line-height: 22px;
    width: 48%;
    text-align: center;
    border: 1px solid #d8d8d8;
    padding: 12px 0px;
    cursor: pointer;
    text-transform: uppercase;
    text-decoration: none;
    margin-bottom: 10px;
    /*font-family: "DIN Condensed";*/
  }

.insuranceconta {
  margin-top: 16px;
}

.infotabactive {
  background: #b6363b;
  color: white !important;
}

.tripinfo_box {
  padding-top: 2em;
}

  .postinfo_box h1, .tripinfo_box h1 {
    color: #778c9e !important;
    /*font-family: "DIN Condensed";*/
    font-size: 32px !important;
    line-height: 38px;
    text-transform: uppercase;
    letter-spacing: -0.5714286px;
    margin-bottom: 0.5em !important;
  }

.infobox_alltitlesecond {
  color: #778c9e !important;
  /*font-family: "DIN Condensed";*/
  font-size: 32px !important;
  line-height: 38px;
  text-transform: uppercase;
  letter-spacing: -0.5714286px;
  margin-bottom: 0.5em !important;
}

.travelInsurancestyle table tbody td {
  border: 2px solid #fff;
}

.infobox_alltitle {
  color: #778c9e !important;
  /*font-family: "DIN Condensed";*/
  font-size: 54px !important;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 0.35em !important;
}

.infotabboxtwo {
  display: flex;
  position: sticky;
  background-color: white;
  padding: 10px 0px 30px 0px;
  z-index: 9;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
}

  .infotabboxtwo div {
    padding: 11px 40px;
    border: 1px solid #d8d8d8;
    margin-right: 1.5em;
    cursor: pointer;
    box-sizing: border-box;
    text-align: center;
    font-family: 'din-condensed';
  }

.info_shareprint {
  display: flex;
  justify-content: flex-end;
}

  .info_shareprint a {
    display: block;
    display: flex;
    align-items: center;
    color: #00424e;
    margin-left: 1em;
  }

    .info_shareprint a span {
      margin-left: 0.5em;
    }

.info_daohang {
  color: #454b4d;
}

  .info_daohang a:not(:last-child):after {
    content: '>';
    display: inline-block;
    margin: 0px 3px;
  }

.aboutusinner {
  width: 65em;
}

.info_shareandprintbox {
  display: flex;
  justify-content: space-between;
  margin-top: 37px;
  margin-bottom: 59px;
}

.infonavback {
  color: #242424;
  text-decoration: none;
}

.info_shareandprint {
  display: flex;
  justify-content: flex-end;
}

  .info_shareandprint div:first-child {
    margin-right: 20px;
  }

  .info_shareandprint div a {
    display: flex;
    align-items: center;
  }

  .info_shareandprint a span {
    color: #242424;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-decoration: underline;
    padding-left: 9px;
    /*font-family: 'basis-grotesque-regular';*/
    font-family: "din-2014", sans-serif;
  }

.visadetailbox p, .visadetailbox ul li, .visadetailbox ol li {
  color: #242424;
  line-height: 22px;
  font-size: 14px;
}

.visadetailcountry {
  color: #778C9E !important;
  font-size: 32px !important;
}

.newvisabox {
  margin-top: 1.99em;
}

  .newvisabox .article__body {
    width: 863px;
    margin: auto;
    padding: 0px;
  }

.faqstyle {
  padding-top: 3em;
}

.infoaboutimage {
  margin: auto;
  margin-bottom: 2.7em;
}

.travelstyleprint {
  display: none;
}

.itinerysharebox {
  padding: 15px 17px;
}

  .itinerysharebox .itineryshare_title {
    color: #222426;
    font-size: 28px;
    font-weight: 500;
    line-height: 38px;
    letter-spacing: -0.5px;
  }

.itineryshare_link {
  margin-top: 20px;
}

  .itineryshare_href p, .itineryshare_link p {
    margin-bottom: 4px;
  }

.is_linkbox {
  border-radius: 4px;
  border: 1px solid #d8d9dd;
  position: relative;
  display: flex;
  align-items: center;
  padding: 7px 12px;
}

  .is_linkbox p {
    color: #778c9e;
    font-size: 14px;
    margin: 0;
    line-height: 22px;
    font-family: 'basis-grotesque-regular' !important;
    margin-bottom: 0 !important;
    padding-right: 5px;
  }

  .is_linkbox button {
    width: 79px;
    height: 38px;
    border-radius: 4px;
    border: 1px solid #d8d9dd;
    background-color: white;
    font-size: 14px;
    line-height: 22px;
    color: #0C3051;
  }

.itineryshare_link p img {
  margin-right: 7px;
  vertical-align: middle;
  width: 25px;
  display: inline-block;
}

.blogdetailimgshow {
  height: 280px;
}

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

.newbloglistbox .tick-check-label {
  margin-bottom: 6px !important;
}

.blogdetailinner {
  width: 53.3em;
}

.widIvyntf {
  display: flex;
}

#input-textIvyts {
  padding: 0.9em 1em 0.9em;
}

.footer-logo-left {
  width: 80%;
}

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

  .sciontravelstyleinfo_list {
    width: 100%;
  }

  .visastyle p, .travelInsurancestyle p, .aboutusstyle p, .beforeyoutripstyle p, .faqstyle p {
    font-size: 14px !important;
    color: #242424 !important;
    font-family: "din-2014", sans-serif !important;
    line-height: 22px;
  }

  .sciontsinfo_left span {
    font-size: 28px;
  }

  .sciontravelstylebox:last-child {
    margin-top: 5em;
  }

  .aboutusstyle {
    width: auto;
  }

  .aboutusaw, .aboutusrz {
    display: block;
  }

    .aboutusaw .aboutusawlogo, .aboutusrz .aboutusrzlogo {
      width: 100%;
    }

    .aboutusaw p, .aboutusrz p {
      width: 100%;
      border-left: none;
      padding-left: 0;
    }

  .aboutusstyle .article__body {
    width: auto;
  }

  .aboutusaw p span, .aboutusrz p span {
    margin-top: 1em;
  }

  .infonewphonebox p {
    font-size: 22px;
    padding: 0px;
    width: 65%;
  }

  .infonewphonebox span {
    width: 261px;
  }

  .faq_bigbox {
    padding-left: 1.25em;
    padding-right: 1.25em;
  }

  .faq_listbox {
    display: block;
  }

  .faqbox {
    width: 100%;
    margin-bottom: 2.7em;
  }

  .faqsearchbox {
    display: block;
    padding: 2em 1.25em;
    margin-top: 29px;
    padding-bottom: 42px;
    margin-bottom: 33px;
  }

    .faqsearchbox label {
      color: #242424;
      font-size: 22px;
    }

    .faqsearchbox input {
      width: 100%;
      border: 1px solid #d8d9dd;
      border-radius: 0px;
      margin: 0.8em 0em;
      margin-bottom: 20px;
    }

    .faqsearchbox button {
      width: 100%;
      height: 46px;
    }

  .faq_listbox h1 {
    font-size: 28px !important;
  }

  p.faqboxtitle {
    font-size: 16px !important;
  }

  .faqbox .faqboxlist p {
    line-height: 20px;
    margin-bottom: 17px;
  }

  .infotabbox {
    display: block;
    padding: 9px 0px 30px 0px;
    margin-top: 0px;
  }

  .travelInsurancestyle {
    width: auto;
  }

  .infotabbox a {
    width: 100%;
    font-size: 14px !important;
    display: block;
  }

    .infotabbox a:first-child {
      margin-bottom: 9px;
    }

  .insuranceconta {
    margin-top: 0px;
  }

  .postinfo_box h1, .tripinfo_box h1, .aboutusotherinfo {
    font-size: 28px !important;
  }

  .infobox_alltitle {
    font-size: 34px !important;
  }

  .infobox_alltitlesecond {
    font-size: 28px !important;
  }

  .infotabboxtwo {
    display: block;
  }

    .infotabboxtwo div {
      width: 100%;
      font-size: 14px !important;
    }

      .infotabboxtwo div:not(:last-child) {
        margin-bottom: 1em;
      }

  .faqouter {
    padding: 0;
  }

  .newfaqdetailbox {
    padding-left: 1.25em;
    padding-right: 1.25em;
  }

  .newvisabox .article__body {
    width: auto;
  }

  .newfaqdetailbox {
    padding-left: 1.25em;
    padding-right: 1.25em;
  }

  .visacountrylist {
    justify-content: space-between;
  }

  .visalist_box {
    width: 49%;
  }

  .newvisabox .article__body {
    padding-left: 1.25em;
    padding-right: 1.25em;
    padding-bottom: 1.25em;
  }

  .disIvynos .btn {
    padding: 0.6em 1em;
  }

  .footer-spacing {
    width: 21px;
  }

  .footer-nav li, .footer-nav p {
    margin-right: 0;
  }
}

@media screen and (max-width:43.75em) {
  .visainfo {
    font-size: 14px;
    line-height: 26px;
  }

  .visa_citylist a p {
    font-size: 16px;
  }

  .visa_citylist a {
    width: 40%;
    padding-right: 20px;
  }

  .newfaqleftcolumn {
    padding: 1.25em !important;
  }

  .newfaqdetailbox .newfaqbody {
    width: 100%;
  }

  .faqstyle {
    padding-top: 2.2em;
  }

  .aboutusstyle {
    margin-top: 0.9em;
  }

  .infoaboutimage {
    margin-bottom: 2em;
  }

  .aboutusstyle .article__body {
    padding: 0px;
  }

  .infoaboutimage {
    margin-top: 1.2em;
  }

  .infonewphonebox {
    /*margin: 3em 1.25em 3em 1.25em;*/
    margin: 0em 1.25em 3em 1.25em;
    height: 216px;
  }

  .infobreadcrumbs {
    background-color: #F6F4F4;
    padding: 8px 1.25em;
  }

    .infobreadcrumbs li a {
      border-bottom: 1px solid #979797;
    }

    .infobreadcrumbs li {
      color: #979797;
      font-size: 12px;
    }

  .travel-style-banner {
    height: 208px;
  }

  .travelstylebox {
  }

  .travelstyleprint {
    display: flex;
    margin: 10px 0px 30px;
  }

  p.newtravelstyleinfotitle {
    margin-bottom: 30px;
    padding-top: 13px;
  }

  #TravelStyles {
    margin-top: 100px;
  }

  .travelInsurancebox .info_shareprint {
    margin: 10px 0px 27px;
  }

  .is_linkbox p {
    width: 228px;
    word-break: break-all;
    line-height: 22px;
    margin-top: 9px;
  }

  .itineryshare_link {
    margin-top: 30px;
  }

  .itineryshareboxmodal .modal-close {
    right: 1.875rem;
    top: 1.25rem;
  }

  .visacountrylist {
    display: block;
  }

  .visalist_box {
    width: 100%;
  }

  .visa_citylist {
    margin: 1.5em 1em 2em 3.8em;
  }

  .infonavback {
    color: #00424E;
  }

  .info_shareandprintbox {
    display: block;
  }

  .info_shareandprint {
    margin-top: 15px
  }

    .info_shareandprint div a {
      white-space: nowrap;
    }

  .newpressfenye .dateTitleIvyof {
    margin: 0px 5px;
  }

  .blogdetailimgshow {
    height: auto;
  }

  .inner .infonewphonebox {
    margin: 0 0em 3em 0em;
  }

  .aboutusinner .infonewphonebox {
    margin: 0 1.25em 3em 1.25em;
  }

  .newbloglistbox .sx_yearlist li {
    margin-bottom: 13px;
  }

  .newbloglistbox .phoneleftwidget .sx_guojialist {
    margin-bottom: 10px;
  }

  .affliated-logos {
    justify-content: center;
  }

  .widIvyntf {
    display: block;
  }

  .footer-logo-left {
    width: auto;
  }

    .footer-logo-left .footer-spacing {
      display: none;
    }
}

@media print {
  .infotabbox {
    display: none !important;
  }

  .infonewphonebox {
    display: none !important;
  }

  table th, table td {
    padding: .75em;
    text-align: left;
  }
}

.shadow-effect {
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}