@charset "UTF-8";
@font-face {
  font-family: 'Goudy Light';
  src: url("../../Fonts/36B697_0_0.eot");
  src: url("../../Fonts/36B697_0_0.eot?#iefix") format("embedded-opentype"), url("../../Fonts/36B697_0_0.woff2") format("woff2"), url("../../Fonts/36B697_0_0.woff") format("woff"), url("../../Fonts/36B697_0_0.ttf") format("truetype");
  font-weight: 300; }
@font-face {
  font-family: 'Goudy Regular';
  src: url("../../Fonts/36B697_1_0.eot");
  src: url("../../Fonts/36B697_1_0.eot?#iefix") format("embedded-opentype"), url("../../Fonts/36B697_1_0.woff2") format("woff2"), url("../../Fonts/36B697_1_0.woff") format("woff"), url("../../Fonts/36B697_1_0.ttf") format("truetype");
  font-weight: 400; }
@font-face {
  font-family: 'Calibre';
  src: url("../../Fonts/calibre-regular.woff") format("woff");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'Calibre';
  src: url("../../Fonts/calibre-medium.woff") format("woff");
  font-weight: 500;
  font-style: normal; }
@font-face {
  font-family: 'Calibre';
  src: url("../../Fonts/calibre-light.woff") format("woff");
  font-weight: 300;
  font-style: normal; }
/* CSS - Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

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

nav ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

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

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle;
  -webkit-appearance: none;
  border-radius: 0px;
  -moz-appearance: none; }

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

.show-for-small-only,
.show-for-medium-only,
.show-for-large-only {
  display: none; }

.show-for-xlarge-up {
  display: block; }

div, ul {
  box-sizing: border-box; }

.clear {
  clear: both; }

select::-ms-expand {
  opacity: 0.01; }

/* End CSS - Reset */
/**
 * @package PickMeUp
 * @author  Nazar Mokrynskyi <nazar@mokrynskyi.com>
 * @license 0BSD
 */
.pickmeup {
  background: #fff;
  border-radius: 0px;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  display: inline-block;
  position: absolute;
  touch-action: manipulation;
  text-transform: uppercase;
  font-size: .8750rem; }
  .pickmeup * {
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .pickmeup.pmu-flat {
    position: relative;
    width: 100%;
    display: flex; }
  .pickmeup.pmu-hidden {
    display: none; }
  .pickmeup .pmu-instance {
    display: inline-block;
    height: 100%;
    padding: .5em;
    text-align: center;
    width: 100%; }
    .pickmeup .pmu-instance .pmu-button {
      color: #242f3a;
      cursor: pointer;
      outline: none;
      text-decoration: none; }
    .pickmeup .pmu-instance .pmu-today {
      background: #ccc;
      color: #242f3a; }
    .pickmeup .pmu-instance .pmu-button:hover {
      background: #cdcdcd;
      color: #efefef; }
    .pickmeup .pmu-instance .pmu-not-in-month {
      color: #666; }
    .pickmeup .pmu-instance .date-in-past,
    .pickmeup .pmu-instance .pmu-disabled,
    .pickmeup .pmu-instance .pmu-disabled:hover {
      color: #dcdcdc;
      cursor: default; }
    .pickmeup .pmu-instance .pmu-selected {
      background: #242f3a;
      color: #fff; }
    .pickmeup .pmu-instance .pmu-not-in-month.pmu-selected {
      background: #242f3a; }
    .pickmeup .pmu-instance nav {
      color: #242f3a;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      line-height: 18px; }
      .pickmeup .pmu-instance nav:not(.pmu-day-of-week) {
        margin-bottom: 10px;
        border-bottom: 1px solid #8c8985;
        padding-bottom: 10px; }
        .pickmeup .pmu-instance nav:not(.pmu-day-of-week) .pmu-button {
          color: #242f3a;
          font-size: 1rem;
          padding-top: 3px; }
      .pickmeup .pmu-instance nav *:first-child :hover {
        color: #efefef; }
      .pickmeup .pmu-instance nav .pmu-prev,
      .pickmeup .pmu-instance nav .pmu-next {
        display: none;
        height: 18px;
        width: 10px;
        text-indent: -9999px; }
      .pickmeup .pmu-instance nav .pmu-prev {
        background: url("../img/site_assets/form-arrowleft.svg") center center no-repeat;
        background-size: 10px 18px; }
      .pickmeup .pmu-instance nav .pmu-next {
        background: url("../img/site_assets/form-arrowright.svg") center center no-repeat;
        background-size: 10px 18px; }
      .pickmeup .pmu-instance nav .pmu-month {
        width: calc(100%  - 30px); }
    .pickmeup .pmu-instance .pmu-years *,
    .pickmeup .pmu-instance .pmu-months * {
      display: inline-block;
      line-height: 3.6em;
      width: 3.5em; }
    .pickmeup .pmu-instance .pmu-day-of-week {
      color: #999;
      cursor: default;
      font-size: .750rem; }
    .pickmeup .pmu-instance .pmu-day-of-week *,
    .pickmeup .pmu-instance .pmu-days * {
      display: inline-block;
      line-height: 35px;
      width: calc(100% / 7); }
    .pickmeup .pmu-instance .pmu-days * {
      border-top: 1px solid #efefef;
      border-left: 1px solid #efefef; }
    .pickmeup .pmu-instance .pmu-days .pmu-button:nth-child(1), .pickmeup .pmu-instance .pmu-days .pmu-button:nth-child(2), .pickmeup .pmu-instance .pmu-days .pmu-button:nth-child(3), .pickmeup .pmu-instance .pmu-days .pmu-button:nth-child(4), .pickmeup .pmu-instance .pmu-days .pmu-button:nth-child(5), .pickmeup .pmu-instance .pmu-days .pmu-button:nth-child(6), .pickmeup .pmu-instance .pmu-days .pmu-button:nth-child(7) {
      border-top: 0px; }
    .pickmeup .pmu-instance .pmu-days .pmu-button:nth-child(7n - 6) {
      border-left: 0px; }
    .pickmeup .pmu-instance .pmu-day-of-week * {
      line-height: 1.8em; }
  .pickmeup .pmu-instance:first-child .pmu-prev,
  .pickmeup .pmu-instance:last-child .pmu-next {
    display: block; }
  .pickmeup .pmu-instance:first-child .pmu-month,
  .pickmeup .pmu-instance:last-child .pmu-month {
    width: calc( 100%  - 20px ); }
  .pickmeup .pmu-instance:nth-child(2) {
    border-left: 1px dotted #4c4a4b; }
  .pickmeup .pmu-instance:first-child:last-child .pmu-month {
    width: calc( 100%  - 20px ); }
  .pickmeup:not(.pmu-view-days) .pmu-days, .pickmeup:not(.pmu-view-days) .pmu-day-of-week, .pickmeup:not(.pmu-view-months) .pmu-months, .pickmeup:not(.pmu-view-years) .pmu-years {
    display: none; }

/*
   Pinch Zoom
*/
.marker, .zoomHolder img {
  display: block; }

.fullscreenToggle, .zoomIn, .zoomOut {
  background: url(../assets/pz_sheet.png) no-repeat;
  width: 30px;
  height: 30px;
  overflow: hidden;
  position: relative;
  display: block;
  cursor: pointer;
  z-index: 100;
  margin: 5px 0; }

.zoomIn {
  background-position: 0 0; }

.zoomOut {
  background-position: -30px 0; }

.fullscreenToggle {
  background-position: -60px 0;
  cursor: pointer;
  display: none; }

.zoomIn.on, .zoomOut.on {
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  cursor: pointer; }

.zoomIn.off, .zoomOut.off {
  opacity: .5;
  -moz-opacity: .5;
  -khtml-opacity: .5;
  cursor: auto; }

.controlHolder {
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  right: 10px;
  top: 10px;
  padding: 5px;
  z-index: 100; }

.fullscreenDiv, .marker {
  left: 0 !important;
  top: 0 !important; }

.fullscreenToggle.on {
  background-position: -90px 0; }

.fullscreenToggle.off {
  background-position: -60px 0; }

.fullscreenDiv {
  width: auto !important;
  height: auto !important;
  right: 0 !important;
  bottom: 0 !important;
  position: absolute !important;
  background: #FFF;
  z-index: 999999;
  oveflow: hidden; }

.zoomHolder {
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden; }

.marker {
  position: absolute !important;
  bottom: auto !important;
  right: auto !important; }

#tkanchr {
  float: left;
  position: absolute;
  left: 0px;
  top: 0px;
  pointer-events: none;
  width: 1px;
  height: 1px; }

.hidden {
  display: none; }

.wrapper {
  max-width: 1366px;
  margin-left: auto;
  margin-right: auto;
  position: relative; }

#transition_bg {
  width: 100%;
  height: 100%;
  position: absolute;
  float: left;
  top: 0px;
  left: 0px;
  width: 100vw;
  height: 100vh;
  position: fixed;
  background-color: #fff;
  z-index: 500; }

body[data-ucountry="China"] #transition_bg {
  display: none;
  width: 0px;
  height: 0px; }

.row {
  position: relative;
  display: flex;
  flex-wrap: wrap; }

.col {
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box; }

.col-1 {
  width: 8.33%; }

.col-2 {
  width: 16.66%; }

.col-3 {
  width: 25%; }

.col-4 {
  width: 33.33%; }

.col-5 {
  width: 41.66%; }

.col-6 {
  width: 50%; }

.col-7 {
  width: 58.33%; }

.col-8 {
  width: 66.66%; }

.col-9 {
  width: 75%; }

.col-10 {
  width: 83.33%; }

.col-11 {
  width: 91.66%; }

.col-12 {
  width: 100%; }

.clear-end:after {
  content: '';
  display: block;
  clear: both; }

body {
  font-family: "Calibre", "Arial", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.2;
  color: #212322;
  letter-spacing: 0.01rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  line-height: 1.1; }

h5 {
  font-family: "Calibre", "Arial", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 1rem; }

.quote {
  font-size: 1.875em;
  font-family: "Goudy Regular", "Arial", sans-serif;
  font-weight: 400;
  margin-bottom: 30px; }

a {
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  text-decoration: none;
  color: #212322; }
  a.no-color {
    color: #212322; }

.text-button {
  font-family: "Calibre", "Arial", sans-serif;
  font-size: .875rem;
  text-transform: uppercase;
  color: #232323;
  letter-spacing: 1px;
  border-bottom: 1px solid #232323;
  /*&.button-altcolor {
      color: $color-textgrey;
      border-color: $color-textgrey;
  }*/ }
  .text-button.button-altcolor {
    color: #d14124;
    border-color: #d14124; }

p {
  margin-bottom: 20px; }

.caps {
  text-transform: uppercase;
  font-size: .875rem;
  letter-spacing: 1px; }

.text-big {
  font-family: "Goudy Regular", "Arial", sans-serif;
  font-size: 1.5rem; }

input {
  box-sizing: border-box; }

.force-break {
  display: block; }

a.button,
.button {
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  border: 1px solid #242f3a;
  color: #ffffff;
  width: 100%;
  font-size: .75rem;
  text-transform: uppercase;
  padding: 8px 10px 6px 10px;
  letter-spacing: 0.03rem;
  background-color: #242f3a;
  font-family: "Calibre", "Arial", sans-serif;
  box-sizing: border-box;
  cursor: pointer; }
  a.button.button-hollow,
  .button.button-hollow {
    background: transparent;
    color: #242f3a; }

input.button {
  padding: 9px 10px 7px 10px; }

.no-touch a.button:hover,
.no-touch .button:hover {
  background-color: transparent;
  color: #242f3a; }
.no-touch a.button.button-hollow:hover,
.no-touch .button.button-hollow:hover {
  color: #ffffff;
  background-color: #242f3a; }

.line-button {
  position: relative; }
  .line-button:after {
    width: 0px;
    height: 1px;
    border-bottom: 1px solid #242f3a;
    content: '';
    display: block;
    float: left;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    transition: width 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition: width 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .line-button.active:after {
    width: 100%; }

.no-touch .line-button:hover:after {
  width: 100%; }

img.fullsize {
  width: 100%;
  max-width: calc(100% - 60px);
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto; }

/* Social panel */
.square-carousel-container,
#social_instagram_container {
  position: relative;
  width: calc(100% - 30px);
  margin: auto;
  margin-bottom: 15px; }

.sq-c-left,
#instagram_left {
  background: url("../img/site_assets/button-arrowleft.svg") center center no-repeat;
  background-size: 14px 40px;
  width: 25px;
  height: 100%;
  float: left;
  position: absolute;
  left: 0px;
  top: 0px;
  cursor: pointer;
  transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .sq-c-left.disabled,
  #instagram_left.disabled {
    opacity: .3;
    pointer-events: none; }

.sq-c-right,
#instagram_right {
  background: url("../img/site_assets/button-arrowright.svg") center center no-repeat;
  background-size: 14px 40px;
  width: 25px;
  height: 100%;
  float: left;
  position: absolute;
  right: 0px;
  top: 0px;
  cursor: pointer;
  transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .sq-c-right.disabled,
  #instagram_right.disabled {
    opacity: .3;
    pointer-events: none; }

.sq-c-left,
.sq-c-right {
  height: 40px;
  margin-top: calc(25% / 2 - 20px); }

.no-touch .sq-c-left:hover,
.no-touch #instagram_left:hover {
  opacity: .3;
  transform: translateX(-4px); }
.no-touch .sq-c-right:hover,
.no-touch #instagram_right:hover {
  opacity: .3;
  transform: translateX(4px); }

.square-carousel-scroll,
#instagram_scroll {
  width: calc(100% - 50px);
  position: relative;
  margin-left: auto;
  margin-right: auto;
  height: 0px;
  overflow: hidden;
  padding-bottom: 25%; }

.square-carousel-scrollwrapper,
#instagram_scrollwrapper {
  float: left;
  position: absolute;
  top: 0px;
  left: 0px;
  transition: left 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: left 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  width: 100%;
  height: 100%; }

.sq-c-item,
.instagram-item {
  width: 25%;
  padding-bottom: calc(25% - 12px);
  height: 0px;
  overflow: hidden;
  float: left;
  position: absolute;
  top: 0px;
  border: 6px solid transparent; }

.sq-c-item {
  border: 15px solid transparent; }

.sq-c-item-title {
  text-transform: uppercase;
  margin-bottom: 20px; }

.sq-c-item-subtitle {
  color: #919191; }

.square-carousel-scroll {
  height: auto;
  padding-bottom: 0px; }

.square-carousel-scrollwrapper {
  position: relative; }

.sq-c-item {
  position: relative;
  top: auto;
  float: left;
  height: auto;
  padding-bottom: 0px; }

.sq-c-iteminner {
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  height: 0px;
  padding-bottom: 100%;
  margin-bottom: 15px; }

.instagram-iteminner {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  float: left;
  position: absolute;
  width: 100%;
  height: 100%;
  transition: all 2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

@media only screen and (min-width: 64.063em) {
  .instagram-item:hover .instagram-iteminner {
    transform: scale(1.1, 1.1); } }
.section-form {
  background-color: #efefef;
  border-top: 2px solid #f1ece9;
  border-bottom: 2px solid #f1ece9;
  padding-top: 60px;
  padding-bottom: 60px;
  min-height: 300px; }

#hotel_enquiryform,
#hotel_enquiryform__event {
  width: calc(100% / 12 * 10);
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px; }
  #hotel_enquiryform .hrdivider,
  #hotel_enquiryform__event .hrdivider {
    border-top: 1px solid #8c8985;
    margin-left: 8px;
    margin-right: 8px; }

.enquiryform-title {
  padding-left: 8px;
  padding-right: 8px;
  font-size: 1.875rem;
  font-family: "Goudy Light", "Arial", sans-serif;
  font-weight: 400;
  margin-bottom: 10px; }

.enquiryform-subtitle {
  padding-left: 8px;
  padding-right: 8px;
  font-size: .875rem;
  font-family: "Calibre", "Arial", sans-serif;
  text-transform: uppercase;
  margin-bottom: 15px;
  max-width: 400px; }

.enquiryform-thankyou .enquiryform-subtitle {
  max-width: none; }

.formfield {
  width: 100%;
  position: relative;
  border-bottom: 1px solid #8c8985;
  display: flex;
  justify-content: space-between;
  padding-top: 30px; }
  .formfield.noborder {
    border: 0px; }

.form-container {
  display: flex;
  flex-wrap: wrap; }
  .form-container .formfield {
    margin-left: 8px;
    margin-right: 8px;
    width: calc(33.333% - 16px); }
    .form-container .formfield.reverselabel {
      padding-top: 0px;
      margin-top: 12px; }
    .form-container .formfield.formfield-2col {
      width: calc(66.666% - 16px); }
    .form-container .formfield.formfield-3col {
      width: calc(100% - 16px); }
    .form-container .formfield.margintop {
      margin-top: 20px; }
    .form-container .formfield.formfield-cb {
      display: block;
      padding-top: 0px;
      margin-top: 15px; }
      .form-container .formfield.formfield-cb label {
        width: 60%;
        margin-left: 25px; }
    .form-container .formfield.fullrow {
      margin-right: 66%; }
    .form-container .formfield.formfield-fieldgroup {
      width: 100%;
      margin-bottom: 20px;
      margin-top: 20px;
      border-bottom: 0px;
      font-size: 1.5rem;
      font-family: "Goudy Light", "Arial", sans-serif; }
    .form-container .formfield .formfield-text,
    .form-container .formfield .formfield-select,
    .form-container .formfield .formfield-textarea {
      font-weight: 500; }
    .form-container .formfield.form-err .formfield-text,
    .form-container .formfield.form-err .formfield-select,
    .form-container .formfield.form-err .formfield-textarea {
      border-color: red; }

label {
  min-width: 60px;
  display: inline-block;
  padding: 12px 30px 6px 0px;
  border: 0px;
  font-family: "Calibre", "Arial", sans-serif;
  font-size: .75rem;
  line-height: 1.4;
  text-transform: uppercase;
  color: #4c4a4b;
  letter-spacing: 0.04rem;
  /*&:after {
      content: ":";
  }*/ }

.formfield-select {
  width: 100%;
  box-sizing: border-box;
  background: transparent url("../img/site_assets/formselect-arrow.svg") right center no-repeat;
  background-size: 18px 10px;
  color: #242f3a;
  padding: 12px 30px 6px 0px;
  border: 0px;
  font-family: "Calibre", "Arial", sans-serif;
  font-size: .875rem;
  text-transform: uppercase; }

.locale-zh_CN .formfield-select {
  font-size: .750rem; }

.formfield-text {
  background: transparent;
  color: #242f3a;
  padding: 12px 8px 6px 8px;
  border: 0px;
  font-family: "Calibre", "Arial", sans-serif;
  font-size: .875rem;
  text-transform: uppercase; }

.formfield-textarea {
  background: transparent;
  color: #242f3a;
  padding: 12px 8px 6px 8px;
  border: 0px;
  font-family: "Calibre", "Arial", sans-serif;
  font-size: .875rem;
  text-transform: uppercase;
  width: 100%;
  height: 120px;
  border: 1px solid #8c8985; }

.formfield-checkbox {
  float: left;
  position: absolute;
  left: 0px;
  top: 9px;
  -webkit-appearance: checkbox; }

.formfield-hidden {
  display: none; }

.formfield-bkdaterow {
  float: left;
  position: absolute;
  top: 0px;
  left: calc(100% - 66.666%);
  width: 66.666%; }
  .formfield-bkdaterow .formfield-col {
    width: 50%;
    float: left;
    position: relative; }
    .formfield-bkdaterow .formfield-col:nth-child(1) {
      margin-right: 10px;
      width: calc(50% - 10px); }

.formfield-bkdetailrow {
  display: flex;
  justify-content: space-between; }
  .formfield-bkdetailrow .formfield-col {
    width: 33.333%;
    padding-right: 10px; }
    .formfield-bkdetailrow .formfield-col:nth-last-child(1) {
      margin-right: 0px; }
    .formfield-bkdetailrow .formfield-col .formfield-select {
      padding-left: 30px;
      padding-right: 0px; }
  .formfield-bkdetailrow label {
    min-width: 0px;
    margin-right: 10px;
    padding-right: 0px; }

.locale-zh_CN .formfield-bkdetailrow .formfield-col .formfield-select {
  padding-left: 10px; }
.locale-zh_CN label {
  min-width: 40px;
  padding-right: 0px;
  box-sizing: border-box;
  margin-right: 5px; }

.formfield.reverselabel {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 0px;
  padding-top: 20px; }
  .formfield.reverselabel label {
    width: 100%;
    order: 2;
    padding-top: 3px;
    padding-bottom: 0px; }
  .formfield.reverselabel .formfield-text {
    width: 100%;
    border-bottom: 1px solid #8c8985; }
  .formfield.reverselabel .formfield-select {
    border-bottom: 1px solid #8c8985; }

.formfield-modify {
  float: left;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: calc(33.333% - 10px); }

.formfield-checkavailabilityrow {
  float: left;
  position: absolute;
  bottom: 0px;
  left: calc(100% - 66.666%);
  width: 66.666%; }

.ef_addopt_data {
  display: none; }

#ef_privacyagree.form-err + label, #ef_privacyagree.form-err + label a {
  color: red; }

.event--datecontainer {
  float: left;
  position: absolute;
  top: 56px;
  z-index: 100;
  display: none; }
  .event--datecontainer.toggle {
    display: block; }

.cus-pphidden {
  display: none; }

.banner-cuspopup {
  min-width: 400px;
  min-height: 350px; }
  .banner-cuspopup iframe {
    width: 100%;
    height: 350px; }

#hp_popup_video {
  width: 100%;
  height: 100vh;
  position: relative; }
  #hp_popup_video .hp-popup-container {
    width: 100%;
    height: 100%;
    position: absolute;
    float: left;
    top: 0px;
    left: 0px; }
    #hp_popup_video .hp-popup-container .hp-popup-video {
      width: 100%;
      height: 100%;
      background-color: #000;
      display: block; }
  #hp_popup_video .hp-popup-close {
    background: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 17.8 18" style="enable-background:new 0 0 17.8 18;" xml:space="preserve"><style type="text/css">.st0{clip-path:url(%23SVGID_2_);fill:none;stroke:%23ffffff;stroke-width:1.75;}</style><g><defs><rect id="SVGID_1_" x="-0.4" y="-0.2" transform="matrix(0.9976 -6.943578e-02 6.943578e-02 0.9976 -0.6086 0.6376)" width="18.6" height="18.6"/></defs><clipPath id="SVGID_2_"><use xlink:href="%23SVGID_1_"  style="overflow:visible;"/></clipPath><line class="st0" x1="0.7" y1="0.9" x2="17.1" y2="17.3"/><line class="st0" x1="0.7" y1="17.3" x2="17.1" y2="0.9"/></g></svg>') center center no-repeat;
    background-size: 22px 22px;
    width: 30px;
    height: 30px;
    float: left;
    right: 20px;
    position: absolute;
    top: 15px;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    cursor: pointer;
    z-index: 100; }

.hp-popup-buttoncontainer {
  float: left;
  position: absolute;
  bottom: 20px;
  right: 30px; }

.hp-popup-button {
  font-size: .875rem;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 1px;
  border-bottom: 1px solid #fff;
  font-family: "Calibre", "Arial", sans-serif;
  display: block;
  cursor: pointer; }

#navibg_base {
  float: left;
  position: fixed;
  z-index: 49;
  top: 0px;
  left: 0px;
  background-color: rgba(0, 0, 0, 0.05);
  width: 100%;
  height: 100vh;
  display: none; }

header {
  float: left;
  position: absolute;
  left: 0px;
  top: 100vh;
  z-index: 50;
  width: 100%; }
  header.no-masthead, header.sticky {
    position: fixed;
    top: 0px; }
  header #header {
    float: left;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%; }
    header #header .header-base {
      width: 100%;
      height: 45px;
      float: left;
      position: absolute;
      left: 0px;
      top: 0px;
      background-color: #fff;
      -webkit-box-shadow: 0px 3px 5px 0px rgba(168, 168, 168, 0.5);
      -moz-box-shadow: 0px 3px 5px 0px rgba(168, 168, 168, 0.5);
      box-shadow: 0px 3px 5px 0px rgba(168, 168, 168, 0.5);
      z-index: 52; }
    header #header .above-base {
      z-index: 53; }
    header #header .under-base {
      z-index: 51; }
    header #header .header-posleft {
      float: left;
      position: absolute;
      left: 35px;
      top: 15px; }
    header #header .header-posleft2 {
      float: left;
      position: absolute;
      left: calc(50% - 445px);
      top: 15px; }
    header #header .header-posleft-offset {
      float: left;
      position: absolute;
      left: calc(50% - 250px);
      top: 15px; }
    header #header .header-posright {
      float: left;
      position: absolute;
      right: 35px;
      top: 15px; }
    header #header .header-posright-offset {
      float: left;
      position: absolute;
      right: calc(50% - 320px);
      top: 15px; }
      header #header .header-posright-offset a {
        color: #242f3a; }
    header #header #button_language {
      font-family: "Calibre", "Arial", sans-serif;
      text-transform: uppercase;
      font-size: .875rem;
      font-weight: 400;
      letter-spacing: 0.05rem;
      color: #999ea3;
      cursor: pointer;
      top: 15px; }
      header #header #button_language:after {
        content: '\25BC';
        display: inline-block;
        font-size: .50rem;
        padding-left: 5px; }
    header #header #button_capelladiscovery,
    header #header #button_destinations,
    header #header #button_capellacurates,
    header #header #button_bookyourstay,
    header #header #button_menu {
      font-family: "Calibre", "Arial", sans-serif;
      text-transform: uppercase;
      font-size: .875rem;
      font-weight: 400;
      letter-spacing: 0.05rem;
      color: #242f3a;
      top: 15px;
      cursor: pointer; }
    header #header #button_menu {
      left: 35px;
      float: left;
      position: absolute;
      display: none; }
  header #logo_small {
    float: left;
    position: absolute;
    background: url("../img/site_assets/logo-small.svg") center center no-repeat;
    width: 16px;
    height: 27px;
    background-size: 16px 27px;
    top: 8px;
    left: calc(50% - 8px);
    z-index: 54; }
    header #logo_small a {
      width: 100%;
      height: 100%;
      position: absolute;
      float: left;
      top: 0px;
      left: 0px; }

#mobile_menutop {
  display: none; }

#capella_curates a {
  color: #242f3a; }

.dropdown-close {
  height: 35px;
  width: 100%;
  border-top: 1px solid #242f3a;
  background: url("../img/site_assets/button-arrowup.svg") center center no-repeat;
  cursor: pointer;
  background-size: 40px 14px; }

#language_dropdown {
  float: left;
  top: 45px;
  left: 0px;
  background-color: #efefef;
  position: absolute;
  width: 155px;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(168, 168, 168, 0.5);
  -moz-box-shadow: 0px 3px 5px 0px rgba(168, 168, 168, 0.5);
  box-shadow: 0px 3px 5px 0px rgba(168, 168, 168, 0.5);
  font-size: .875rem;
  text-transform: uppercase;
  font-family: "Calibre", "Arial", sans-serif;
  letter-spacing: 0.03rem; }
  #language_dropdown .dropdown-inner {
    padding: 15px; }
  #language_dropdown ul {
    list-style: none; }
    #language_dropdown ul > li {
      clear: both;
      margin: 5px 0px; }
  #language_dropdown a {
    color: #242f3a;
    display: inline-block;
    padding: 7px 10px 3px 10px; }
    #language_dropdown a:hover, #language_dropdown a.active {
      background-color: #242f3a;
      color: #fff; }

#destination_dropdown {
  background-color: #efefef;
  float: left;
  position: absolute;
  left: 0px;
  width: 100%;
  top: 45px;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(168, 168, 168, 0.5);
  -moz-box-shadow: 0px 3px 5px 0px rgba(168, 168, 168, 0.5);
  box-shadow: 0px 3px 5px 0px rgba(168, 168, 168, 0.5); }
  #destination_dropdown .dropdown-inner {
    padding: 20px; }
    #destination_dropdown .dropdown-inner:after {
      clear: both;
      content: '';
      display: block; }
  #destination_dropdown nav {
    width: 54%;
    float: left;
    position: relative; }
    #destination_dropdown nav > ul {
      float: left;
      position: relative;
      width: 100%;
      font-family: "Goudy Regular", "Arial", sans-serif;
      font-size: 1.125rem;
      display: flex;
      flex-wrap: wrap; }
      #destination_dropdown nav > ul > li {
        width: 30%;
        margin: 0px 0px 20px 0px;
        padding-right: 5px;
        box-sizing: border-box; }
        #destination_dropdown nav > ul > li:nth-child(3n) {
          width: 40%; }
  #destination_dropdown a {
    color: #242f3a;
    display: inline-block;
    padding: 7px 10px; }
    #destination_dropdown a:hover, #destination_dropdown a.active {
      background-color: #242f3a;
      color: #fff; }
  #destination_dropdown #destination_dropdown_img {
    float: left;
    position: relative;
    width: calc(.65 * 45%);
    margin-left: calc(45% / 3);
    min-height: 205px; }
    #destination_dropdown #destination_dropdown_img > div {
      float: left;
      position: absolute;
      opacity: 0;
      transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      width: 100%;
      top: 0px;
      left: 0px; }
      #destination_dropdown #destination_dropdown_img > div.toggle {
        opacity: 1; }
    #destination_dropdown #destination_dropdown_img img {
      max-width: 100%; }

#bookyourstay_dropdown {
  background-color: #efefef;
  float: left;
  position: absolute;
  left: 0px;
  width: 100%;
  top: 45px;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(168, 168, 168, 0.5);
  -moz-box-shadow: 0px 3px 5px 0px rgba(168, 168, 168, 0.5);
  box-shadow: 0px 3px 5px 0px rgba(168, 168, 168, 0.5); }
  #bookyourstay_dropdown .bookyourstay-panel {
    width: 75%;
    margin-left: 8.3333%;
    margin-right: 16.666%;
    padding: 50px 15px 40px 15px; }
  #bookyourstay_dropdown .bookyourstay-title {
    font-size: 1.875rem;
    font-family: "Goudy Light", "Arial", sans-serif;
    font-weight: 400;
    margin-bottom: 10px; }
  #bookyourstay_dropdown .bookyourstay-subtitle {
    font-size: .875rem;
    font-family: "Calibre", "Arial", sans-serif;
    text-transform: uppercase;
    margin-bottom: 15px; }
  #bookyourstay_dropdown #booking_form {
    width: 100%;
    padding-right: calc(66.666% + 10px);
    position: relative;
    border-top: 1px solid #8c8985;
    min-height: 440px; }

.calendar-single,
#bf_daterange {
  width: 100%; }

.calendar-single {
  display: none; }

.dropdown {
  max-height: 0px;
  overflow: hidden;
  transition: max-height 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: max-height 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .dropdown.active {
    max-height: 1000px; }
  .dropdown#destination_dropdown.active {
    max-height: 300px; }

#mobilemenu_close {
  display: none; }

#hotel_main_navigation {
  width: 100%;
  height: 45px;
  margin-top: 45px;
  background-color: #fff; }
  #hotel_main_navigation .o-wrapper {
    width: 100%;
    max-width: none;
    padding-left: 10px;
    padding-right: 10px; }
  #hotel_main_navigation .navigation-title {
    display: none; }
  #hotel_main_navigation nav > ul {
    text-align: center;
    margin: auto;
    padding-top: 15px;
    font-size: .875rem;
    text-transform: uppercase;
    letter-spacing: 0.05rem; }
    #hotel_main_navigation nav > ul > li {
      display: inline-block;
      padding: 0px 15px; }
      #hotel_main_navigation nav > ul > li a {
        color: #242f3a; }
  #hotel_main_navigation .ndropdown {
    float: left;
    position: absolute;
    left: 0px;
    width: 100%;
    background-color: #efefef;
    z-index: -1;
    max-height: 0px;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-box-shadow: 0px 3px 5px 0px rgba(168, 168, 168, 0.5);
    -moz-box-shadow: 0px 3px 5px 0px rgba(168, 168, 168, 0.5);
    box-shadow: 0px 3px 5px 0px rgba(168, 168, 168, 0.5);
    overflow: hidden; }
    #hotel_main_navigation .ndropdown .wrapper {
      max-width: 960px; }
    #hotel_main_navigation .ndropdown.toggle {
      max-height: 400px; }
    #hotel_main_navigation .ndropdown ul {
      text-align: left;
      margin: 0px; }
      #hotel_main_navigation .ndropdown ul li {
        display: block;
        width: 100%;
        margin: 0px 0px 20px 0px;
        padding-right: 5px;
        box-sizing: border-box; }
        #hotel_main_navigation .ndropdown ul li a {
          display: inline-block;
          padding: 7px 10px;
          color: #242f3a;
          font-size: 1.375rem;
          font-weight: 300;
          text-transform: none; }
          #hotel_main_navigation .ndropdown ul li a:hover, #hotel_main_navigation .ndropdown ul li a.active {
            background-color: #242f3a;
            color: #fff; }
    #hotel_main_navigation .ndropdown .dropdown-inner {
      padding: 20px;
      display: flex; }
      #hotel_main_navigation .ndropdown .dropdown-inner nav {
        width: 60%; }
      #hotel_main_navigation .ndropdown .dropdown-inner .level2-imgpanel {
        width: 40%;
        margin-top: 20px;
        position: relative;
        min-height: 250px; }
        #hotel_main_navigation .ndropdown .dropdown-inner .level2-imgpanel .level2-imgnode {
          background-repeat: no-repeat;
          background-position: center center;
          -webkit-background-size: cover;
          -moz-background-size: cover;
          -o-background-size: cover;
          background-size: cover;
          box-sizing: border-box;
          width: 100%;
          position: absolute;
          height: 0px;
          padding-bottom: 66.6%;
          top: 0px;
          left: 0px;
          transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          -webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          opacity: 0; }
          #hotel_main_navigation .ndropdown .dropdown-inner .level2-imgpanel .level2-imgnode.active {
            position: relative;
            opacity: 1; }

.capella-singapore header #header .header-base {
  box-shadow: none;
  border-bottom: 1px solid rgba(168, 168, 168, 0.5); }
.capella-singapore #hotel_main_navigation {
  border-bottom: 3px solid #d14124;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(168, 168, 168, 0.5);
  -moz-box-shadow: 0px 3px 5px 0px rgba(168, 168, 168, 0.5);
  box-shadow: 0px 3px 5px 0px rgba(168, 168, 168, 0.5); }

.capella-bangkok header #header .header-base {
  box-shadow: none;
  border-bottom: 1px solid rgba(168, 168, 168, 0.5); }
.capella-bangkok #hotel_main_navigation {
  border-bottom: 3px solid #C9B1D0;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(168, 168, 168, 0.5);
  -moz-box-shadow: 0px 3px 5px 0px rgba(168, 168, 168, 0.5);
  box-shadow: 0px 3px 5px 0px rgba(168, 168, 168, 0.5); }

.capella-dusseldorf header #header .header-base {
  box-shadow: none;
  border-bottom: 1px solid rgba(168, 168, 168, 0.5); }
.capella-dusseldorf #hotel_main_navigation {
  border-bottom: 3px solid #d6b44d;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(168, 168, 168, 0.5);
  -moz-box-shadow: 0px 3px 5px 0px rgba(168, 168, 168, 0.5);
  box-shadow: 0px 3px 5px 0px rgba(168, 168, 168, 0.5); }

.capella-maldives header #header .header-base {
  box-shadow: none;
  border-bottom: 1px solid rgba(168, 168, 168, 0.5); }
.capella-maldives #hotel_main_navigation {
  border-bottom: 3px solid #71C5E8;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(168, 168, 168, 0.5);
  -moz-box-shadow: 0px 3px 5px 0px rgba(168, 168, 168, 0.5);
  box-shadow: 0px 3px 5px 0px rgba(168, 168, 168, 0.5); }

.capella-sanya header #header .header-base {
  box-shadow: none;
  border-bottom: 1px solid rgba(168, 168, 168, 0.5); }
.capella-sanya #hotel_main_navigation {
  border-bottom: 3px solid #E6A65D;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(168, 168, 168, 0.5);
  -moz-box-shadow: 0px 3px 5px 0px rgba(168, 168, 168, 0.5);
  box-shadow: 0px 3px 5px 0px rgba(168, 168, 168, 0.5); }

.capella-shanghai header #header .header-base {
  box-shadow: none;
  border-bottom: 1px solid rgba(168, 168, 168, 0.5); }
.capella-shanghai #hotel_main_navigation {
  border-bottom: 3px solid #E10600;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(168, 168, 168, 0.5);
  -moz-box-shadow: 0px 3px 5px 0px rgba(168, 168, 168, 0.5);
  box-shadow: 0px 3px 5px 0px rgba(168, 168, 168, 0.5); }

.capella-sydney header #header .header-base {
  box-shadow: none;
  border-bottom: 1px solid rgba(168, 168, 168, 0.5); }
.capella-sydney #hotel_main_navigation {
  border-bottom: 3px solid #DB864E;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(168, 168, 168, 0.5);
  -moz-box-shadow: 0px 3px 5px 0px rgba(168, 168, 168, 0.5);
  box-shadow: 0px 3px 5px 0px rgba(168, 168, 168, 0.5); }

.capella-ubud header #header .header-base {
  box-shadow: none;
  border-bottom: 1px solid rgba(168, 168, 168, 0.5); }
.capella-ubud #hotel_main_navigation {
  border-bottom: 3px solid #007041;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(168, 168, 168, 0.5);
  -moz-box-shadow: 0px 3px 5px 0px rgba(168, 168, 168, 0.5);
  box-shadow: 0px 3px 5px 0px rgba(168, 168, 168, 0.5); }

.site-corporate header #header .header-base {
  background-color: #242f3a; }
.site-corporate header #logo_small {
  background-image: url(../img/site_assets/logo-small-w.svg); }
.site-corporate #hotel_main_navigation {
  -webkit-box-shadow: 0px 3px 5px 0px rgba(168, 168, 168, 0.5);
  -moz-box-shadow: 0px 3px 5px 0px rgba(168, 168, 168, 0.5);
  box-shadow: 0px 3px 5px 0px rgba(168, 168, 168, 0.5); }
  .site-corporate #hotel_main_navigation ul {
    padding-top: 18px; }
    .site-corporate #hotel_main_navigation ul > li {
      padding: 0px 10px; }

.capella-bangkok #hotel_main_navigation,
.capella-sanya.eid-231 #hotel_main_navigation,
.capella-sydney #hotel_main_navigation,
.capella-maldives #hotel_main_navigation,
.site-discovery #hotel_main_navigation {
  height: 0px;
  overflow: hidden; }
.capella-bangkok #language_dropdown,
.capella-sanya.eid-231 #language_dropdown,
.capella-sydney #language_dropdown,
.capella-maldives #language_dropdown,
.site-discovery #language_dropdown {
  top: 3px; }

#cookie_policy {
  float: left;
  position: fixed;
  z-index: 10;
  bottom: 0px;
  left: 0px;
  width: 100%;
  padding: 20px;
  background-color: rgba(245, 245, 245, 0.8); }
  #cookie_policy .inner-wrapper {
    max-width: calc(100% / 12 * 10);
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end; }
  #cookie_policy .cookiep-left {
    width: 70%;
    padding-right: 30px; }
    #cookie_policy .cookiep-left a {
      color: #232323;
      border-bottom: 1px solid #232323; }
  #cookie_policy .cookiep-right {
    width: 30%; }

#social_stayconnected {
  background-color: #f1ece9;
  padding-top: 85px;
  padding-bottom: 140px;
  padding-left: 20px;
  padding-right: 20px; }
  #social_stayconnected h2 {
    font-size: 3.125em;
    font-family: "Goudy Light", "Arial", sans-serif;
    font-weight: 300;
    margin-bottom: 20px;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 2.5px; }
  #social_stayconnected .socialshare {
    display: inline-block;
    margin-right: 10px; }
    #social_stayconnected .socialshare svg {
      width: 26px;
      height: 26px; }
      #social_stayconnected .socialshare svg .st0 {
        fill: #242f3a; }
  #social_stayconnected .social-container {
    padding-top: 20px; }

.social-linkcontainer {
  padding-left: 20px; }
  .social-linkcontainer .sociallink {
    display: inline-block;
    margin-right: 10px; }
    .social-linkcontainer .sociallink svg {
      width: 26px;
      height: 26px; }
      .social-linkcontainer .sociallink svg .st0 {
        fill: #fff; }

.no-touch .sociallink .st0 {
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.no-touch .sociallink:hover svg .st0 {
  fill: #242f3a; }

.prefooter-navigation {
  background-color: #ffffff;
  height: 45px; }
  .prefooter-navigation ul {
    text-align: center;
    margin: auto;
    padding-top: 14px;
    font-size: .875rem;
    text-transform: uppercase; }
    .prefooter-navigation ul > li {
      display: inline-block;
      padding: 0px 20px; }
      .prefooter-navigation ul > li a {
        color: #242f3a; }

.prefooter-contact {
  background-color: #ffffff;
  padding: 30px 20px 140px 20px; }
  .prefooter-contact .blocks {
    display: flex; }
  .prefooter-contact .block-tri {
    width: 33.333%; }
  .prefooter-contact .block-title {
    font-family: "Goudy Regular", "Arial", sans-serif;
    font-size: 1.750rem;
    margin-bottom: 30px;
    font-weight: 400; }
  .prefooter-contact .block-sub {
    font-family: "Goudy Regular", "Arial", sans-serif;
    font-size: 1.50rem;
    margin-bottom: 0px;
    font-weight: 300; }

.capella-singapore .prefooter-navigation,
.capella-singapore .prefooter-contact {
  border-top: 1px solid #d14124; }

.capella-bangkok .prefooter-navigation,
.capella-bangkok .prefooter-contact {
  border-top: 1px solid #C9B1D0; }

.capella-dusseldorf .prefooter-navigation,
.capella-dusseldorf .prefooter-contact {
  border-top: 1px solid #d6b44d; }

.capella-maldives .prefooter-navigation,
.capella-maldives .prefooter-contact {
  border-top: 1px solid #71C5E8; }

.capella-sanya .prefooter-navigation,
.capella-sanya .prefooter-contact {
  border-top: 1px solid #E6A65D; }

.capella-shanghai .prefooter-navigation,
.capella-shanghai .prefooter-contact {
  border-top: 1px solid #E10600; }

.capella-sydney .prefooter-navigation,
.capella-sydney .prefooter-contact {
  border-top: 1px solid #DB864E; }

.capella-ubud .prefooter-navigation,
.capella-ubud .prefooter-contact {
  border-top: 1px solid #007041; }

#hotel_localdetails {
  background-color: #242f3a;
  color: #ffffff;
  padding: 30px 20px; }
  #hotel_localdetails .localdetails-grid-container {
    display: flex;
    flex-wrap: wrap; }
    #hotel_localdetails .localdetails-grid-container .localdetails-grid {
      width: 33.333%;
      margin-bottom: 30px; }
    #hotel_localdetails .localdetails-grid-container .localdetails-location {
      font-size: 1.375em;
      font-family: "Goudy Regular", "Arial", sans-serif;
      margin-bottom: 5px; }
    #hotel_localdetails .localdetails-grid-container .localdetails-location a {
      color: #ffffff; }
    #hotel_localdetails .localdetails-grid-container .localdetails-location a:hover {
      color: #919191; }
    #hotel_localdetails .localdetails-grid-container .localdetails-time {
      font-size: .875em;
      font-family: "Goudy Regular", "Arial", sans-serif;
      display: inline-block;
      margin-right: 30px; }
    #hotel_localdetails .localdetails-grid-container .localdetails-temperature {
      font-size: .875em;
      font-family: "Goudy Regular", "Arial", sans-serif;
      display: inline-block; }

footer {
  background-color: #999ea3;
  color: #ffffff;
  padding: 30px 20px 10px 20px;
  font-weight: 300; }
  footer a {
    color: #fff; }
    footer a:hover {
      color: #242f3a; }

#footer_nav > nav > ul {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  list-style: none; }
  #footer_nav > nav > ul > li {
    width: 33.333%;
    margin-bottom: 12px;
    font-size: 1rem; }

#corporate_address,
#corporate_contactdetails {
  width: 33.333%;
  display: inline-block;
  padding-right: 20px; }

#popup_wechat {
  width: 100%;
  max-width: 450px;
  position: relative;
  margin: auto; }
  #popup_wechat img {
    width: 100%;
    height: auto; }
  #popup_wechat .popup-socialclose {
    width: 40px;
    height: 40px;
    float: left;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer; }
    #popup_wechat .popup-socialclose:before, #popup_wechat .popup-socialclose:after {
      content: '';
      width: 29px;
      height: 1px;
      background: #fff;
      float: left;
      top: 50%;
      left: 50%;
      position: absolute; }
    #popup_wechat .popup-socialclose:before {
      transform: translateX(-50%) rotateZ(-45deg); }
    #popup_wechat .popup-socialclose:after {
      transform: translateX(-50%) rotateZ(45deg); }

#masthead {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100vh;
  z-index: 1; }
  #masthead .masthead-panel {
    width: 100%;
    height: 100%;
    position: absolute;
    float: left;
    top: 0px;
    left: 0px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    box-sizing: border-box;
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); }
    #masthead .masthead-panel.flat-color {
      background-color: #242f3a; }
    #masthead .masthead-panel .masthead-panelmov {
      width: 100%;
      height: 100%;
      position: absolute;
      float: left;
      top: 0px;
      left: 0px; }
      #masthead .masthead-panel .masthead-panelmov .videofill {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
        z-index: -1;
        overflow: hidden; }
  #masthead .masthead-textpanel {
    width: 100%;
    height: 100%;
    position: absolute;
    float: left;
    top: 0px;
    left: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); }
    #masthead .masthead-textpanel #masthead_logo {
      width: 260px;
      height: 152px;
      background: url("../img/site_assets/logo.svg") center center no-repeat;
      background-size: 260px 152px;
      transform: translateY(-40px); }
      #masthead .masthead-textpanel #masthead_logo.off {
        transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        opacity: 0;
        pointer-events: none; }
    #masthead .masthead-textpanel .masthead-bottomtext {
      float: left;
      position: absolute;
      color: #fff;
      font-family: "Goudy Regular", "Arial", sans-serif;
      font-size: 1.625rem;
      text-align: center;
      bottom: 110px;
      width: 100%;
      padding-left: 20px;
      padding-right: 20px;
      left: 0px; }
      #masthead .masthead-textpanel .masthead-bottomtext.off {
        transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        opacity: 0;
        pointer-events: none; }
    #masthead .masthead-textpanel .masthead-downarrow {
      float: left;
      position: absolute;
      cursor: pointer;
      width: 60px;
      height: 40px;
      bottom: 20px;
      left: calc(50% - 30px);
      background: url("../img/site_assets/button-arrowdown-white.svg") center center no-repeat;
      background-size: 40px 14px;
      animation-name: ppd;
      animation-duration: 3s;
      animation-timing-function: ease-out;
      animation-delay: 0s;
      animation-direction: normal;
      animation-iteration-count: infinite;
      animation-fill-mode: none;
      animation-play-state: running; }

@keyframes ppd {
  0% {
    opacity: 0;
    transform: translateY(-10px); }
  20% {
    opacity: 1;
    transform: translateY(0px); }
  70% {
    opacity: 1;
    transform: translateY(3px); }
  100% {
    opacity: 0;
    transform: translateY(13px); } }
#content_after {
  z-index: 3;
  position: relative; }

#content {
  margin-top: 100vh;
  background-color: #fff;
  padding-top: 45px;
  width: 100%;
  position: relative;
  z-index: 3; }
  #content.no-masthead {
    margin-top: 0px; }
  #content h1, #content h2 {
    font-size: 3.125em;
    font-family: "Goudy Light", "Arial", sans-serif;
    font-weight: 300;
    margin-bottom: 20px;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 2.5px; }
  #content.detail-page h2 {
    font-size: 2.5rem; }
  #content > section {
    margin-top: 90px;
    position: relative; }
    #content > section:nth-child(1) {
      margin-top: 140px; }
    #content > section.last {
      padding-bottom: 90px; }
    #content > section.nomargintop {
      margin-top: 0px; }
  #content .innerpage-top .wrapper {
    padding-left: 35px;
    padding-right: 35px; }
    #content .innerpage-top .wrapper .section-content {
      margin-bottom: 70px; }
      #content .innerpage-top .wrapper .section-content:after {
        content: '';
        clear: both;
        display: block; }
    #content .innerpage-top .wrapper .section-title {
      margin-left: 8.333%;
      margin-bottom: 40px; }
    #content .innerpage-top .wrapper .section-subtitle {
      float: left;
      position: relative;
      width: 50%;
      font-family: "Goudy Regular", "Arial", sans-serif;
      font-size: 1.875rem; }
    #content .innerpage-top .wrapper .section-synopsis {
      width: 25%;
      margin-left: 8.333%;
      float: left;
      position: relative;
      color: #919191;
      font-size: 1.063rem; }
  #content .innerpage-top #breadcrumbs {
    padding-left: 0px; }
  #content .relatedpanel,
  #content .section-relatedentries {
    padding: 35px 0px 0px 0px; }
    #content .relatedpanel .wrapper,
    #content .section-relatedentries .wrapper {
      padding-left: 35px;
      padding-right: 35px; }
    #content .relatedpanel h2,
    #content .section-relatedentries h2 {
      margin-bottom: 60px; }
    #content .relatedpanel .aclisting-listingcontainer .aclisting-item .aclisting-item-subtitle,
    #content .section-relatedentries .aclisting-listingcontainer .aclisting-item .aclisting-item-subtitle {
      color: #242f3a; }
  #content .section-text2col .wrapper {
    padding-left: 35px;
    padding-right: 35px; }
  #content .section-text2col h2 {
    margin-bottom: 40px; }
  #content .section-text2col h4 {
    font-size: 1.375rem;
    font-weight: 600;
    margin-bottom: 30px; }
  #content .section-text2col h5 {
    font-family: "Goudy Regular", "Arial", sans-serif;
    font-weight: 600;
    text-transform: none;
    margin-bottom: 20px; }
  #content .section-text2col .section-content {
    display: flex; }
  #content .section-text2col .section-col {
    width: 25%;
    padding-right: 15px;
    font-size: 1.25rem;
    font-family: "Goudy Regular", "Arial", sans-serif;
    margin-left: 8.333%; }
  #content .section-bookyourstaybanner {
    background-color: #faeae7;
    padding: 30px 0px; }
    #content .section-bookyourstaybanner .wrapper:after {
      content: '';
      display: block;
      clear: both; }
    #content .section-bookyourstaybanner .wrapper:before {
      content: '';
      display: block;
      float: left;
      position: absolute;
      right: 8.333%;
      bottom: -45px;
      width: 189px;
      height: 131px;
      background: url("../img/site_assets/bookyourstay-img.png") center center no-repeat; }
    #content .section-bookyourstaybanner.banner-key .wrapper:before {
      background: url("../img/site_assets/banner-img-key.png") center center no-repeat;
      width: 189px;
      height: 131px;
      bottom: -80px; }
    #content .section-bookyourstaybanner.banner-wine .wrapper:before {
      background: url("../img/site_assets/banner-img-wine.png") center center no-repeat;
      width: 189px;
      height: 131px; }
    #content .section-bookyourstaybanner.banner-plate .wrapper:before {
      background: url("../img/site_assets/banner-img-plate.png") center center no-repeat;
      width: 189px;
      height: 131px;
      bottom: -70px; }
    #content .section-bookyourstaybanner.banner-events .wrapper:before {
      background: url("../img/site_assets/banner-img-events.png") center center no-repeat;
      width: 189px;
      height: 131px;
      bottom: -70px; }
    #content .section-bookyourstaybanner.banner-wellness .wrapper:before {
      background: url("../img/site_assets/banner-img-wellness.png") center center no-repeat;
      width: 189px;
      height: 131px;
      bottom: -70px; }
    #content .section-bookyourstaybanner.banner-none .wrapper:before {
      background: none;
      display: none; }
    #content .section-bookyourstaybanner .section-left {
      float: left;
      position: relative;
      width: 27%;
      padding-left: calc(8.333% + 20px); }
      #content .section-bookyourstaybanner .section-left h3 {
        font-family: "Goudy Light", "Arial", sans-serif;
        font-size: 2.5rem;
        text-transform: uppercase; }
    #content .section-bookyourstaybanner .section-right {
      float: left;
      position: relative;
      width: 33.333%;
      margin-left: 6.333%; }
    #content .section-bookyourstaybanner .section-subtitle {
      font-family: "Goudy Regular", "Arial", sans-serif;
      font-size: 1.5rem;
      margin-bottom: 50px; }
  #content .section-titlesypnosis .inner-wrapper,
  #content .section-destinationpanels .inner-wrapper {
    width: 91.66%;
    margin-left: auto;
    position: relative; }
  #content .section-titlesypnosis h2,
  #content .section-destinationpanels h2 {
    margin-bottom: 85px; }
  #content .section-titlesypnosis .section-subtitle,
  #content .section-destinationpanels .section-subtitle {
    font-size: 2rem;
    font-family: "Goudy Regular", "Arial", sans-serif;
    font-weight: 300;
    float: left;
    position: relative;
    width: calc(100% / 11 * 4); }
  #content .section-titlesypnosis .section-synopsis,
  #content .section-destinationpanels .section-synopsis {
    font-size: 1.063rem;
    width: calc(100% / 11 * 3);
    float: left;
    position: relative;
    margin-top: 5px;
    margin-left: calc(100% / 11);
    color: #919191; }
    #content .section-titlesypnosis .section-synopsis:before,
    #content .section-destinationpanels .section-synopsis:before {
      content: '';
      display: inline-block;
      width: 0;
      height: 1px;
      display: none; }
  #content .section-titlesypnosis .home-destination-container,
  #content .section-destinationpanels .home-destination-container {
    clear: both;
    width: 100%;
    position: relative;
    display: flex;
    padding-top: 80px;
    overflow: hidden;
    padding-bottom: 1px; }
    #content .section-titlesypnosis .home-destination-container ul,
    #content .section-destinationpanels .home-destination-container ul {
      list-style: none; }
      #content .section-titlesypnosis .home-destination-container ul li,
      #content .section-destinationpanels .home-destination-container ul li {
        font-size: 1.5rem;
        font-family: "Goudy Regular", "Arial", sans-serif;
        font-weight: 300;
        margin-bottom: 20px;
        text-transform: uppercase;
        letter-spacing: 2px; }
  #content .section-titlesypnosis .section-left,
  #content .section-destinationpanels .section-left {
    width: calc(100% / 11 * 2);
    min-width: 250px;
    position: relative; }
  #content .section-titlesypnosis .section-right,
  #content .section-destinationpanels .section-right {
    width: 100%;
    position: relative; }
  #content .section-titlesypnosis .home-des-detailpanel,
  #content .section-destinationpanels .home-des-detailpanel {
    float: left;
    position: absolute;
    top: 3px;
    left: 0px;
    pointer-events: none;
    width: 100%; }
    #content .section-titlesypnosis .home-des-detailpanel:after,
    #content .section-destinationpanels .home-des-detailpanel:after {
      content: '';
      clear: both;
      display: block; }
    #content .section-titlesypnosis .home-des-detailpanel .home-des-detail-img,
    #content .section-destinationpanels .home-des-detailpanel .home-des-detail-img {
      background-repeat: no-repeat;
      background-position: center center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      box-sizing: border-box;
      width: 100%;
      height: 0px;
      position: relative;
      padding-bottom: 56.25%;
      margin-bottom: 20px;
      transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      opacity: 0; }
    #content .section-titlesypnosis .home-des-detailpanel .home-des-detail-title,
    #content .section-destinationpanels .home-des-detailpanel .home-des-detail-title {
      float: left;
      position: relative;
      width: calc( 100% / 9 * 2);
      padding-right: 15px;
      font-size: 1.5rem;
      font-family: "Goudy Regular", "Arial", sans-serif;
      font-weight: 300;
      text-transform: uppercase;
      letter-spacing: 2px;
      transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      opacity: 0; }
    #content .section-titlesypnosis .home-des-detailpanel .home-des-detail-subtitle,
    #content .section-destinationpanels .home-des-detailpanel .home-des-detail-subtitle {
      font-size: 1rem; }
    #content .section-titlesypnosis .home-des-detailpanel .home-des-detail-synopsis,
    #content .section-destinationpanels .home-des-detailpanel .home-des-detail-synopsis {
      float: left;
      position: relative;
      width: 33.333%;
      font-size: 1.063rem;
      color: #919191;
      transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      opacity: 0;
      margin-top: 3px; }
      #content .section-titlesypnosis .home-des-detailpanel .home-des-detail-synopsis p:first-child:before,
      #content .section-destinationpanels .home-des-detailpanel .home-des-detail-synopsis p:first-child:before {
        content: '';
        display: inline-block;
        width: 0;
        height: 1px;
        display: none; }
    #content .section-titlesypnosis .home-des-detailpanel .home-des-detail-actionlink,
    #content .section-destinationpanels .home-des-detailpanel .home-des-detail-actionlink {
      transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      opacity: 0; }
    #content .section-titlesypnosis .home-des-detailpanel.active,
    #content .section-destinationpanels .home-des-detailpanel.active {
      position: relative;
      pointer-events: all; }
      #content .section-titlesypnosis .home-des-detailpanel.active .home-des-detail-img,
      #content .section-destinationpanels .home-des-detailpanel.active .home-des-detail-img {
        transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition-delay: .2s;
        opacity: 1; }
      #content .section-titlesypnosis .home-des-detailpanel.active .home-des-detail-title,
      #content .section-destinationpanels .home-des-detailpanel.active .home-des-detail-title {
        transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition-delay: .5s;
        opacity: 1; }
      #content .section-titlesypnosis .home-des-detailpanel.active .home-des-detail-synopsis,
      #content .section-destinationpanels .home-des-detailpanel.active .home-des-detail-synopsis {
        transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition-delay: .8s;
        opacity: 1; }
      #content .section-titlesypnosis .home-des-detailpanel.active .home-des-detail-actionlink,
      #content .section-destinationpanels .home-des-detailpanel.active .home-des-detail-actionlink {
        transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition-delay: .5s;
        opacity: 1; }
  #content .section-titlesypnosis.tab-slider .inner-wrapper, #content .section-titlesypnosis.sts .inner-wrapper, #content .section-titlesypnosis.accommodation .inner-wrapper,
  #content .section-destinationpanels.tab-slider .inner-wrapper,
  #content .section-destinationpanels.sts .inner-wrapper,
  #content .section-destinationpanels.accommodation .inner-wrapper {
    width: 100%; }
  #content .section-titlesypnosis.tab-slider .section-title, #content .section-titlesypnosis.sts .section-title, #content .section-titlesypnosis.accommodation .section-title,
  #content .section-destinationpanels.tab-slider .section-title,
  #content .section-destinationpanels.sts .section-title,
  #content .section-destinationpanels.accommodation .section-title {
    margin-left: 8.333%;
    width: 33.333%;
    float: left;
    position: relative; }
  #content .section-titlesypnosis.tab-slider .section-synopsis, #content .section-titlesypnosis.sts .section-synopsis, #content .section-titlesypnosis.accommodation .section-synopsis,
  #content .section-destinationpanels.tab-slider .section-synopsis,
  #content .section-destinationpanels.sts .section-synopsis,
  #content .section-destinationpanels.accommodation .section-synopsis {
    margin-left: 16.667%;
    width: calc(100% / 12 * 3); }
  #content .section-titlesypnosis.tab-slider .home-destination-container, #content .section-titlesypnosis.sts .home-destination-container, #content .section-titlesypnosis.accommodation .home-destination-container,
  #content .section-destinationpanels.tab-slider .home-destination-container,
  #content .section-destinationpanels.sts .home-destination-container,
  #content .section-destinationpanels.accommodation .home-destination-container {
    width: 66.666%;
    margin-left: auto;
    margin-right: auto;
    flex-wrap: wrap;
    padding-top: 40px; }
    #content .section-titlesypnosis.tab-slider .home-destination-container ul, #content .section-titlesypnosis.sts .home-destination-container ul, #content .section-titlesypnosis.accommodation .home-destination-container ul,
    #content .section-destinationpanels.tab-slider .home-destination-container ul,
    #content .section-destinationpanels.sts .home-destination-container ul,
    #content .section-destinationpanels.accommodation .home-destination-container ul {
      width: 100%;
      text-align: center;
      margin-bottom: 20px; }
      #content .section-titlesypnosis.tab-slider .home-destination-container ul li, #content .section-titlesypnosis.sts .home-destination-container ul li, #content .section-titlesypnosis.accommodation .home-destination-container ul li,
      #content .section-destinationpanels.tab-slider .home-destination-container ul li,
      #content .section-destinationpanels.sts .home-destination-container ul li,
      #content .section-destinationpanels.accommodation .home-destination-container ul li {
        display: inline-block;
        font-family: "Calibre", "Arial", sans-serif;
        font-size: .875rem;
        margin: 0px 15px;
        font-weight: 400; }
  #content .section-titlesypnosis.tab-slider .section-left, #content .section-titlesypnosis.sts .section-left, #content .section-titlesypnosis.accommodation .section-left,
  #content .section-destinationpanels.tab-slider .section-left,
  #content .section-destinationpanels.sts .section-left,
  #content .section-destinationpanels.accommodation .section-left {
    width: 100%; }
  #content .section-titlesypnosis.tab-slider .section-right, #content .section-titlesypnosis.sts .section-right, #content .section-titlesypnosis.accommodation .section-right,
  #content .section-destinationpanels.tab-slider .section-right,
  #content .section-destinationpanels.sts .section-right,
  #content .section-destinationpanels.accommodation .section-right {
    width: 100%; }
  #content .section-titlesypnosis.tab-slider .home-des-detailpanel .home-des-detail-title, #content .section-titlesypnosis.sts .home-des-detailpanel .home-des-detail-title, #content .section-titlesypnosis.accommodation .home-des-detailpanel .home-des-detail-title,
  #content .section-destinationpanels.tab-slider .home-des-detailpanel .home-des-detail-title,
  #content .section-destinationpanels.sts .home-des-detailpanel .home-des-detail-title,
  #content .section-destinationpanels.accommodation .home-des-detailpanel .home-des-detail-title {
    width: calc(100% / 8 * 3); }
  #content .section-titlesypnosis.tab-slider .home-des-detailpanel .home-des-detail-synopsis, #content .section-titlesypnosis.sts .home-des-detailpanel .home-des-detail-synopsis, #content .section-titlesypnosis.accommodation .home-des-detailpanel .home-des-detail-synopsis,
  #content .section-destinationpanels.tab-slider .home-des-detailpanel .home-des-detail-synopsis,
  #content .section-destinationpanels.sts .home-des-detailpanel .home-des-detail-synopsis,
  #content .section-destinationpanels.accommodation .home-des-detailpanel .home-des-detail-synopsis {
    width: calc(100% / 8 * 3); }
  #content .section-titlesypnosis.tab-slider .home-des-detailpanel .home-des-detail-actionlink, #content .section-titlesypnosis.sts .home-des-detailpanel .home-des-detail-actionlink, #content .section-titlesypnosis.accommodation .home-des-detailpanel .home-des-detail-actionlink,
  #content .section-destinationpanels.tab-slider .home-des-detailpanel .home-des-detail-actionlink,
  #content .section-destinationpanels.sts .home-des-detailpanel .home-des-detail-actionlink,
  #content .section-destinationpanels.accommodation .home-des-detailpanel .home-des-detail-actionlink {
    float: left;
    position: absolute;
    left: 0px;
    bottom: 20px; }
  #content .section-titlesypnosis.tab-slider .home-des-buttonleft, #content .section-titlesypnosis.sts .home-des-buttonleft, #content .section-titlesypnosis.accommodation .home-des-buttonleft,
  #content .section-destinationpanels.tab-slider .home-des-buttonleft,
  #content .section-destinationpanels.sts .home-des-buttonleft,
  #content .section-destinationpanels.accommodation .home-des-buttonleft {
    background: url("../img/site_assets/button-arrowleft.svg") center center no-repeat;
    background-size: 14px 40px;
    width: 30px;
    height: 50px;
    float: left;
    position: absolute;
    left: -40px;
    top: 0px;
    margin-top: calc((100% - 140px) * .28 + 20px);
    cursor: pointer; }
  #content .section-titlesypnosis.tab-slider .home-des-buttonright, #content .section-titlesypnosis.sts .home-des-buttonright, #content .section-titlesypnosis.accommodation .home-des-buttonright,
  #content .section-destinationpanels.tab-slider .home-des-buttonright,
  #content .section-destinationpanels.sts .home-des-buttonright,
  #content .section-destinationpanels.accommodation .home-des-buttonright {
    background: url("../img/site_assets/button-arrowright.svg") center center no-repeat;
    background-size: 14px 40px;
    width: 30px;
    height: 50px;
    float: left;
    position: absolute;
    right: -40px;
    top: 0px;
    margin-top: calc((100% - 140px) * .28 + 20px);
    cursor: pointer; }
  #content .section-titlesypnosis.accommodation-listing .inner-wrapper,
  #content .section-destinationpanels.accommodation-listing .inner-wrapper {
    width: 100%; }
  #content .section-titlesypnosis.accommodation-listing .section-content,
  #content .section-destinationpanels.accommodation-listing .section-content {
    margin-left: 8.333%;
    margin-bottom: 60px; }
    #content .section-titlesypnosis.accommodation-listing .section-content:after,
    #content .section-destinationpanels.accommodation-listing .section-content:after {
      content: '';
      clear: both;
      display: block; }
  #content .section-titlesypnosis.accommodation-listing .section-synopsis,
  #content .section-destinationpanels.accommodation-listing .section-synopsis {
    margin-left: calc(100% / 11 * 2); }
  #content .section-titlesypnosis.accommodation-listing .section-left,
  #content .section-destinationpanels.accommodation-listing .section-left {
    width: 100%;
    border-top: 1px solid #de7160;
    border-bottom: 1px solid #de7160;
    padding: 13px 0px 10px 0px; }
  #content .section-titlesypnosis.accommodation-listing .section-right,
  #content .section-destinationpanels.accommodation-listing .section-right {
    width: 100%;
    margin-top: 85px; }
  #content .section-titlesypnosis.accommodation-listing .home-destination-container,
  #content .section-destinationpanels.accommodation-listing .home-destination-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    flex-wrap: wrap;
    padding-top: 0px; }
    #content .section-titlesypnosis.accommodation-listing .home-destination-container ul,
    #content .section-destinationpanels.accommodation-listing .home-destination-container ul {
      width: 100%;
      text-align: center; }
      #content .section-titlesypnosis.accommodation-listing .home-destination-container ul li,
      #content .section-destinationpanels.accommodation-listing .home-destination-container ul li {
        display: inline-block;
        font-family: "Calibre", "Arial", sans-serif;
        font-size: .875rem;
        margin: 0px 15px;
        font-weight: 400; }
  #content .section-titlesypnosis.accommodation-listing .home-des-detailpanel,
  #content .section-destinationpanels.accommodation-listing .home-des-detailpanel {
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    opacity: 0;
    transform: translateY(30px); }
    #content .section-titlesypnosis.accommodation-listing .home-des-detailpanel.active,
    #content .section-destinationpanels.accommodation-listing .home-des-detailpanel.active {
      opacity: 1;
      transform: translateY(0px); }
  #content .section-titlesypnosis.accommodation-listing .aclisting-textpanel,
  #content .section-destinationpanels.accommodation-listing .aclisting-textpanel {
    position: relative;
    margin-bottom: 80px; }
    #content .section-titlesypnosis.accommodation-listing .aclisting-textpanel:after,
    #content .section-destinationpanels.accommodation-listing .aclisting-textpanel:after {
      content: '';
      clear: both;
      display: block; }
  #content .section-titlesypnosis.accommodation-listing .aclisting-title,
  #content .section-destinationpanels.accommodation-listing .aclisting-title {
    margin-left: 8.333%;
    margin-bottom: 60px; }
    #content .section-titlesypnosis.accommodation-listing .aclisting-title h3,
    #content .section-destinationpanels.accommodation-listing .aclisting-title h3 {
      font-size: 3.125rem;
      font-family: "Goudy Regular", "Arial", sans-serif;
      font-weight: 300;
      margin-bottom: 20px;
      text-transform: uppercase;
      line-height: 1;
      color: #de7160; }
  #content .section-titlesypnosis.accommodation-listing .aclisting-subtitle,
  #content .section-destinationpanels.accommodation-listing .aclisting-subtitle {
    width: 41.66%;
    float: left;
    position: relative;
    font-family: "Goudy Regular", "Arial", sans-serif;
    font-size: 2rem; }
  #content .section-titlesypnosis.accommodation-listing .aclisting-synopsis,
  #content .section-destinationpanels.accommodation-listing .aclisting-synopsis {
    width: 25%;
    float: left;
    margin-left: 16.666%;
    font-size: 1.063rem;
    color: #919191; }
  #content .section-carouselgrid .section-basebg {
    width: 100%;
    height: 384px;
    position: absolute;
    float: left;
    left: 0px;
    top: 0px;
    z-index: -1;
    background-color: #efefef; }
  #content .section-carouselgrid .section-subtitle {
    font-size: .875rem;
    text-transform: uppercase;
    max-width: 60%;
    letter-spacing: 1px; }
  #content .section-carouselgrid .wrapper {
    display: flex;
    padding-top: 80px; }
  #content .section-carouselgrid .section-left {
    width: 33.333%;
    padding-left: 20px; }
  #content .section-carouselgrid .section-right {
    width: 66.666%;
    position: relative; }
  #content .section-carouselgrid .grid-carousel-container {
    position: relative;
    width: calc(100% - 80px);
    margin-left: auto;
    margin-right: auto;
    height: auto;
    overflow-x: hidden; }
    #content .section-carouselgrid .grid-carousel-container .grid-carousel-scroll {
      float: left;
      position: relative;
      padding-top: 7px;
      width: 1px;
      transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
      -webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); }
    #content .section-carouselgrid .grid-carousel-container .grid-carousel-panel {
      width: 50%;
      float: left;
      position: relative;
      padding: 0px 35px; }
      #content .section-carouselgrid .grid-carousel-container .grid-carousel-panel .section-grid-img {
        width: 100%;
        position: relative;
        margin-bottom: 40px;
        height: 0px;
        padding-bottom: 100%;
        background-repeat: no-repeat;
        background-position: center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        box-sizing: border-box; }
      #content .section-carouselgrid .grid-carousel-container .grid-carousel-panel .section-grid-title {
        font-family: "Goudy Regular", "Arial", sans-serif;
        font-weight: 300;
        margin-bottom: 20px;
        font-size: 1.5rem;
        text-transform: uppercase;
        max-width: 75%;
        min-height: 52px; }
      #content .section-carouselgrid .grid-carousel-container .grid-carousel-panel .section-grid-subtitle {
        font-size: .850rem;
        letter-spacing: 1px;
        line-height: 1.3;
        text-transform: uppercase;
        margin-bottom: 20px;
        max-width: 75%; }
      #content .section-carouselgrid .grid-carousel-container .grid-carousel-panel .section-grid-synopsis {
        font-size: 1.063rem;
        max-width: 75%;
        margin-bottom: 30px;
        color: #919191; }
      #content .section-carouselgrid .grid-carousel-container .grid-carousel-panel .section-grid-link {
        margin-bottom: 30px; }
  #content .section-carouselgrid .grid-carousel-buttonleft {
    background: url("../img/site_assets/button-arrowleft.svg") center center no-repeat;
    background-size: 14px 40px;
    width: 25px;
    height: 0px;
    padding-bottom: calc((100% - 80px) / 2 - 40px);
    float: left;
    position: absolute;
    left: 20px;
    top: 0px;
    cursor: pointer;
    transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); }
    #content .section-carouselgrid .grid-carousel-buttonleft.disabled {
      opacity: .3;
      pointer-events: none; }
  #content .section-carouselgrid .grid-carousel-buttonright {
    background: url("../img/site_assets/button-arrowright.svg") center center no-repeat;
    background-size: 14px 40px;
    width: 25px;
    height: 0px;
    padding-bottom: calc((100% - 80px) / 2 - 40px);
    float: left;
    position: absolute;
    right: 20px;
    top: 0px;
    cursor: pointer;
    transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); }
    #content .section-carouselgrid .grid-carousel-buttonright.disabled {
      opacity: .3;
      pointer-events: none; }
  #content .section-carouselgrid.tall-slider .section-basebg, #content .section-carouselgrid.discovergrid .section-basebg {
    display: none; }
  #content .section-carouselgrid.tall-slider .grid-carousel-container, #content .section-carouselgrid.discovergrid .grid-carousel-container {
    padding-top: 10px;
    padding-bottom: 10px;
    transform: translateY(-10px); }
    #content .section-carouselgrid.tall-slider .grid-carousel-container .grid-carousel-panel, #content .section-carouselgrid.discovergrid .grid-carousel-container .grid-carousel-panel {
      position: relative; }
      #content .section-carouselgrid.tall-slider .grid-carousel-container .grid-carousel-panel .section-grid-title,
      #content .section-carouselgrid.tall-slider .grid-carousel-container .grid-carousel-panel .section-grid-subtitle,
      #content .section-carouselgrid.tall-slider .grid-carousel-container .grid-carousel-panel .section-grid-synopsis,
      #content .section-carouselgrid.tall-slider .grid-carousel-container .grid-carousel-panel .section-grid-link, #content .section-carouselgrid.discovergrid .grid-carousel-container .grid-carousel-panel .section-grid-title,
      #content .section-carouselgrid.discovergrid .grid-carousel-container .grid-carousel-panel .section-grid-subtitle,
      #content .section-carouselgrid.discovergrid .grid-carousel-container .grid-carousel-panel .section-grid-synopsis,
      #content .section-carouselgrid.discovergrid .grid-carousel-container .grid-carousel-panel .section-grid-link {
        padding-left: 35px;
        padding-right: 35px;
        max-width: none; }
      #content .section-carouselgrid.tall-slider .grid-carousel-container .grid-carousel-panel:before, #content .section-carouselgrid.discovergrid .grid-carousel-container .grid-carousel-panel:before {
        content: '';
        display: block;
        width: calc(100% - 50px);
        height: calc(100% + 20px);
        float: left;
        position: absolute;
        background-repeat: no-repeat;
        background-position: center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        box-sizing: border-box;
        top: -10px;
        left: 25px;
        z-index: -2;
        transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        opacity: 0;
        background-image: url("../img/site_assets/cs-gridhighlight.jpg"); }
      #content .section-carouselgrid.tall-slider .grid-carousel-container .grid-carousel-panel:after, #content .section-carouselgrid.discovergrid .grid-carousel-container .grid-carousel-panel:after {
        background-color: #fff;
        float: left;
        position: absolute;
        height: 100%;
        width: calc(100% - 70px);
        top: 0px;
        left: 35px;
        content: '';
        display: block;
        z-index: -1; }
  #content .section-carouselgrid .section-right[data-no="1"] .grid-carousel-buttonleft,
  #content .section-carouselgrid .section-right[data-no="1"] .grid-carousel-buttonright, #content .section-carouselgrid .section-right[data-no="2"] .grid-carousel-buttonleft,
  #content .section-carouselgrid .section-right[data-no="2"] .grid-carousel-buttonright {
    display: none; }
  #content .section-1image .inner-wrapper {
    width: 100%;
    position: relative;
    margin-bottom: 65px; }
    #content .section-1image .inner-wrapper:after {
      content: '';
      clear: both;
      display: block; }
  #content .section-1image .section-title {
    float: left;
    position: relative;
    margin-left: 8.333%;
    width: 25%; }
  #content .section-1image .section-subtitle {
    margin-left: 8.333%;
    width: 33.333%;
    position: relative;
    float: left;
    font-family: "Goudy Regular", "Arial", sans-serif;
    font-size: 1.875rem; }
  #content .section-1image .section-imagepanel {
    width: 66.666%;
    margin-left: auto;
    margin-right: auto; }
    #content .section-1image .section-imagepanel .section-mainimage {
      margin-bottom: 40px; }
      #content .section-1image .section-imagepanel .section-mainimage img {
        width: 100%;
        height: auto; }
    #content .section-1image .section-imagepanel .section-synopsis {
      padding-bottom: 20px;
      width: 53%;
      color: #919191; }
  #content .section-curatesgrid h2 {
    font-family: "Calibre", "Arial", sans-serif;
    font-size: 4em;
    line-height: 0.8; }
    #content .section-curatesgrid h2 span {
      display: block; }
  #content .section-curatesgrid .wrapper {
    display: flex; }
  #content .section-curatesgrid .section-left {
    width: 50%;
    padding-left: 8.333%;
    padding-right: 8.333%; }
  #content .section-curatesgrid .section-right {
    width: 50%; }
    #content .section-curatesgrid .section-right img {
      max-width: 100%; }
  #content .section-curatesgrid .section-curatesbuttons {
    position: relative; }
    #content .section-curatesgrid .section-curatesbuttons ul {
      list-style: none;
      margin-left: 25%;
      font-weight: 300;
      font-size: 2.125rem; }
      #content .section-curatesgrid .section-curatesbuttons ul li {
        margin-bottom: 20px; }
    #content .section-curatesgrid .section-curatesbuttons .c-buttonindex {
      font-size: 11.875rem;
      font-family: "Goudy Light", "Arial", sans-serif;
      float: left;
      position: absolute;
      top: 0px;
      left: 0px;
      line-height: 1.2; }
      #content .section-curatesgrid .section-curatesbuttons .c-buttonindex span {
        opacity: 0;
        float: left;
        position: absolute;
        left: 0px;
        top: 0px;
        transform: translateY(20px);
        transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        -webkit-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
        #content .section-curatesgrid .section-curatesbuttons .c-buttonindex span.active {
          opacity: 1;
          transform: translateY(0px); }
  #content .section-curatesgrid .curategrid-container {
    width: 100%;
    position: relative; }
    #content .section-curatesgrid .curategrid-container .curategrid-panel {
      float: left;
      position: absolute;
      top: 0px;
      left: 0px;
      pointer-events: none; }
      #content .section-curatesgrid .curategrid-container .curategrid-panel .curategrid-tagline {
        width: 33.333%;
        margin-bottom: 20px;
        font-size: .875rem;
        text-transform: uppercase;
        transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        opacity: 0;
        transform: translateX(20px); }
      #content .section-curatesgrid .curategrid-container .curategrid-panel .curategrid-image {
        margin-bottom: 20px;
        transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        opacity: 0;
        transform: translateY(20px); }
      #content .section-curatesgrid .curategrid-container .curategrid-panel .curategrid-textgroup {
        position: relative;
        width: 100%;
        transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        opacity: 0;
        transform: translateY(20px); }
      #content .section-curatesgrid .curategrid-container .curategrid-panel .curategrid-title {
        font-size: 2.25rem;
        font-weight: 400;
        width: 50%;
        margin-bottom: 10px;
        line-height: 1.2; }
      #content .section-curatesgrid .curategrid-container .curategrid-panel .curategrid-subtitle {
        font-size: 1.25rem;
        font-family: "Goudy Regular", "Arial", sans-serif;
        width: 50%; }
      #content .section-curatesgrid .curategrid-container .curategrid-panel .curategrid-location {
        float: left;
        position: absolute;
        top: 5px;
        right: 5px;
        font-size: .625rem;
        font-weight: 500; }
      #content .section-curatesgrid .curategrid-container .curategrid-panel .curategrid-category {
        float: left;
        position: absolute;
        top: 5px;
        right: 16.6667%;
        text-transform: uppercase;
        font-size: 1.063rem;
        font-weight: 500; }
        #content .section-curatesgrid .curategrid-container .curategrid-panel .curategrid-category span {
          display: none; }
      #content .section-curatesgrid .curategrid-container .curategrid-panel .curategrid-synopsis {
        display: none;
        color: #919191; }
      #content .section-curatesgrid .curategrid-container .curategrid-panel.active {
        position: relative;
        pointer-events: all; }
        #content .section-curatesgrid .curategrid-container .curategrid-panel.active .curategrid-tagline {
          transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition-delay: .1s;
          opacity: 1;
          transform: translateX(0px); }
        #content .section-curatesgrid .curategrid-container .curategrid-panel.active .curategrid-image {
          transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          -webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition-delay: .4s;
          opacity: 1;
          transform: translateY(0px); }
        #content .section-curatesgrid .curategrid-container .curategrid-panel.active .curategrid-textgroup {
          transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition-delay: .7s;
          opacity: 1;
          transform: translateY(0px); }
  #content .section-innergallery .wrapper {
    position: relative;
    padding-left: 35px;
    padding-right: 35px; }
  #content .section-innergallery .innergallery-container {
    width: 100%;
    height: 0px;
    margin-bottom: 25px;
    padding-bottom: 55.8%;
    overflow: hidden;
    position: relative; }
    #content .section-innergallery .innergallery-container .innergallery-panel {
      width: 100%;
      height: 100%;
      position: absolute;
      float: left;
      top: 0px;
      left: 0px;
      background-repeat: no-repeat;
      background-position: center center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      box-sizing: border-box;
      transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      opacity: 0; }
      #content .section-innergallery .innergallery-container .innergallery-panel.active {
        opacity: 1; }
  #content .section-innergallery .innergallery-buttoncontainer {
    width: 100%;
    text-align: center;
    height: 12px; }
    #content .section-innergallery .innergallery-buttoncontainer .innergallery-button {
      width: 12px;
      height: 12px;
      background-color: #402020;
      transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      border-radius: 50%;
      margin: 0px 5px;
      display: inline-block;
      cursor: pointer; }
      #content .section-innergallery .innergallery-buttoncontainer .innergallery-button:hover, #content .section-innergallery .innergallery-buttoncontainer .innergallery-button.active {
        background-color: #e5d3cf; }
  #content .section-innergallery .innergallery-buttonleft {
    background: url("../img/site_assets/button-arrowleft-white.svg") center center no-repeat;
    background-size: 14px 40px;
    width: 30px;
    height: 50px;
    float: left;
    position: absolute;
    left: 20px;
    top: calc(50% - 25px);
    cursor: pointer;
    transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); }
    #content .section-innergallery .innergallery-buttonleft.disabled {
      opacity: .3;
      pointer-events: none; }
    #content .section-innergallery .innergallery-buttonleft.off {
      display: none; }
  #content .section-innergallery .innergallery-buttonright {
    background: url("../img/site_assets/button-arrowright-white.svg") center center no-repeat;
    background-size: 14px 40px;
    width: 30px;
    height: 50px;
    float: left;
    position: absolute;
    right: 20px;
    top: calc(50% - 25px);
    cursor: pointer;
    transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); }
    #content .section-innergallery .innergallery-buttonright.disabled {
      opacity: .3;
      pointer-events: none; }
    #content .section-innergallery .innergallery-buttonright.off {
      display: none; }
  #content .section-innergallery .innergallery-text {
    width: 33.333%;
    float: left;
    position: absolute;
    bottom: -5px;
    right: 35px;
    padding-right: 20px;
    font-size: 1.2em;
    color: #919191; }
  #content .section-innergallery .innergallery-number {
    float: left;
    position: absolute;
    right: 60px;
    bottom: -63px; }
  #content .section-innergallery.gallery-accommodation:after {
    content: '';
    clear: both;
    display: block; }
  #content .section-innergallery.gallery-accommodation .innergallery-container {
    margin-bottom: 40px; }
  #content .section-innergallery.gallery-accommodation .innergallery-text {
    left: 8.33%;
    float: left;
    position: relative;
    font-size: 1.5rem;
    font-family: "Goudy Regular", "Arial", sans-serif;
    right: auto;
    bottom: auto;
    width: 25%;
    text-align: left;
    color: #000000;
    font-weight: 400; }
  #content .section-innergallery.gallery-accommodation .innergallery-subtext {
    left: 8.33%;
    float: left;
    position: relative;
    font-size: 1.063rem;
    color: #919191;
    padding-top: 10px;
    width: 33.33%;
    font-weight: 400; }
  #content .section-2image-layout1 .section-title {
    margin-left: 8.333%;
    margin-bottom: 80px; }
  #content .section-2image-layout1 .section-subtitle {
    float: left;
    position: relative;
    margin-left: 8.333%;
    max-width: 33.333%;
    font-size: 1.875rem;
    font-family: "Goudy Regular", "Arial", sans-serif; }
  #content .section-2image-layout1 .section-synopsis {
    width: 25%;
    float: left;
    position: relative;
    margin-left: 16.667%;
    font-size: 1.063rem;
    color: #919191; }
  #content .section-2image-layout1 .section-content {
    margin-bottom: 80px; }
    #content .section-2image-layout1 .section-content:after {
      content: '';
      clear: both;
      display: block; }
  #content .section-2image-layout1 .section-imagegrid {
    width: 91.667%;
    margin-right: auto;
    display: flex;
    align-items: flex-end;
    justify-content: space-between; }
    #content .section-2image-layout1 .section-imagegrid .section-imagegridpanel img {
      width: 100%;
      height: auto; }
    #content .section-2image-layout1 .section-imagegrid .section-imagegridpanel:nth-child(1) {
      width: calc(100% / 11 * 7); }
    #content .section-2image-layout1 .section-imagegrid .section-imagegridpanel:nth-child(2) {
      width: calc(100% / 11 * 3); }
  #content .section-2image-layout2 .inner-wrapper {
    width: calc(100% - 8.333%);
    margin-left: auto; }
  #content .section-2image-layout2 .section-title {
    margin-bottom: 60px; }
    #content .section-2image-layout2 .section-title span {
      display: block; }
  #content .section-2image-layout2 .section-content {
    position: relative;
    padding-left: calc(100% / 11 * 4);
    width: 100%; }
    #content .section-2image-layout2 .section-content .section-subtitle {
      float: left;
      position: absolute;
      left: 0px;
      top: 0px;
      max-width: calc(100% / 11 * 3);
      font-family: "Goudy Regular", "Arial", sans-serif;
      font-size: 1.875rem; }
    #content .section-2image-layout2 .section-content .section-imagepanel-2 {
      float: left;
      position: absolute;
      bottom: 0px;
      left: 0px; }
      #content .section-2image-layout2 .section-content .section-imagepanel-2 img {
        max-width: 100%; }
    #content .section-2image-layout2 .section-content .section-imagepanel-1 {
      width: 100%;
      margin-bottom: 40px; }
      #content .section-2image-layout2 .section-content .section-imagepanel-1 img {
        max-width: 100%; }
    #content .section-2image-layout2 .section-content .section-synopsis {
      max-width: calc(100% / 7 * 4);
      color: #919191;
      font-size: 1.063rem; }
  #content .section-2image-layout3 .wrapper {
    padding-left: 30px;
    padding-right: 30px; }
  #content .section-2image-layout3 .section-content {
    display: flex; }
  #content .section-2image-layout3 .section-title {
    margin-bottom: 60px; }
  #content .section-2image-layout3 .section-sublinks {
    width: 33.333%;
    padding-right: 30px; }
    #content .section-2image-layout3 .section-sublinks ul {
      list-style: none; }
      #content .section-2image-layout3 .section-sublinks ul li {
        font-size: 1.5rem;
        font-family: "Calibre", "Arial", sans-serif;
        font-weight: 300;
        margin-bottom: 20px;
        text-transform: uppercase;
        letter-spacing: 2px; }
        #content .section-2image-layout3 .section-sublinks ul li a {
          border-bottom: 1px solid #212322;
          color: #212322;
          display: inline-block;
          line-height: 1; }
  #content .section-2image-layout3 .section-subtitle {
    width: 33.333%;
    font-size: 1.75rem;
    padding-right: 30px; }
  #content .section-2image-layout3 .section-synopsis {
    width: 33.333%;
    color: #919191; }
  #content .section-2image-layout3.has-sectionlinks .section-subtitle {
    padding-right: 30px; }
  #content .section-sideimagetext {
    background-color: #f1ece9;
    padding-top: 60px;
    padding-bottom: 60px; }
    #content .section-sideimagetext .inner-wrapper {
      padding-left: 20px;
      padding-right: 20px;
      display: flex; }
    #content .section-sideimagetext .section-grid-textcol {
      width: calc(33.333% - 20px);
      margin: 0px 10px; }
    #content .section-sideimagetext .section-grid-imagecol {
      width: calc(66.666% - 20px);
      margin: 0px 10px;
      position: relative; }
      #content .section-sideimagetext .section-grid-imagecol img {
        width: 100%;
        max-width: 100%;
        height: auto; }
    #content .section-sideimagetext .section-grid-synopsis {
      color: #919191;
      padding-right: 80px;
      font-size: 1.063rem; }
  #content .section-4col {
    padding: 30px 20px;
    margin-top: 40px; }
    #content .section-4col .section-4col-grid-container {
      display: flex;
      flex-wrap: wrap; }
      #content .section-4col .section-4col-grid-container .section-4col-grid {
        width: 33.333%;
        margin-bottom: 30px;
        padding-right: 10px; }
      #content .section-4col .section-4col-grid-container .section-4col-location {
        font-size: 1.375em;
        font-family: "Calibre", "Arial", sans-serif;
        margin-bottom: 5px; }
        #content .section-4col .section-4col-grid-container .section-4col-location a {
          color: #212322; }
      #content .section-4col .section-4col-grid-container .section-4col-address {
        color: #919191; }
  #content .square-carousel {
    background-color: #f1ece9;
    padding-top: 85px;
    padding-bottom: 85px;
    padding-left: 20px;
    padding-right: 20px; }
    #content .square-carousel h2 {
      font-size: 3.125em;
      font-weight: 300;
      margin-bottom: 20px;
      text-transform: uppercase;
      line-height: 1;
      letter-spacing: 2.5px; }
  #content .section-basetemplate {
    color: #919191; }
    #content .section-basetemplate .inner-wrapper {
      max-width: 75%;
      margin-left: auto;
      margin-right: auto;
      padding-left: 20px;
      padding-right: 20px; }
    #content .section-basetemplate h4 {
      margin-bottom: 20px;
      text-transform: uppercase;
      font-weight: 500;
      color: #000; }
    #content .section-basetemplate ul {
      margin-left: 20px;
      margin-bottom: 20px; }
      #content .section-basetemplate ul > li {
        margin-bottom: 5px; }
  #content .section-presstable .inner-wrapper {
    width: 83.33%;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px; }
  #content .section-presstable .press-yeartitle {
    font-size: 2.5rem;
    margin-bottom: 40px;
    font-family: "Goudy Light", "Arial", sans-serif;
    font-weight: 600; }
  #content .section-presstable .press-subnode {
    display: flex;
    margin-bottom: 40px; }
  #content .section-presstable .press-subnode-left {
    width: 210px;
    padding-right: 20px; }
  #content .section-presstable .press-subnode-right {
    width: calc(100% - 210px);
    padding-right: 20px; }
  #content .section-presstable .press-subnode-date {
    font-family: "Goudy Light", "Arial", sans-serif;
    text-transform: uppercase;
    font-weight: 600; }
  #content .section-presstable .press-subnode-title {
    margin-bottom: 20px; }
    #content .section-presstable .press-subnode-title h4 {
      font-family: "Goudy Light", "Arial", sans-serif;
      font-size: 1.250rem;
      margin-bottom: 10px;
      font-weight: 600; }
  #content .section-presstable .press-subnode-synopsis {
    color: #919191; }
  #content .section-servicesgrid {
    background-color: #f7f7f7;
    padding-top: 60px;
    padding-bottom: 60px; }
    #content .section-servicesgrid .inner-wrapper {
      padding-left: 30px;
      padding-right: 30px; }
    #content .section-servicesgrid .services-title {
      margin-bottom: 60px; }
    #content .section-servicesgrid .services-gridscontainer {
      display: flex; }
    #content .section-servicesgrid .services-gridleft {
      width: 25%;
      padding-right: 30px;
      position: relative; }
      #content .section-servicesgrid .services-gridleft ul {
        list-style: none; }
        #content .section-servicesgrid .services-gridleft ul li {
          font-size: 1.375rem;
          font-weight: 300;
          cursor: pointer;
          margin-bottom: 6px; }
          #content .section-servicesgrid .services-gridleft ul li.active {
            font-weight: 400; }
    #content .section-servicesgrid .services-gridright {
      width: 75%;
      position: relative; }

.services-gridpanel {
  width: 100%;
  position: absolute;
  display: flex;
  flex-wrap: wrap;
  left: 0px;
  top: 0px;
  float: left;
  opacity: 0;
  pointer-events: none;
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .services-gridpanel.active {
    opacity: 1;
    pointer-events: all;
    position: relative; }
  .services-gridpanel .services-gridtitle {
    display: none; }
  .services-gridpanel .services-gridcarouselcontainer {
    width: 66.7%;
    padding-right: 30px;
    position: relative; }
    .services-gridpanel .services-gridcarouselcontainer .services-gridimages {
      position: relative;
      width: 100%;
      overflow: hidden;
      margin-bottom: 20px;
      padding-bottom: 66%; }
      .services-gridpanel .services-gridcarouselcontainer .services-gridimages .services-gridimgpanel {
        width: 100%;
        height: 100%;
        position: absolute;
        float: left;
        top: 0px;
        left: 0px;
        background-repeat: no-repeat;
        background-position: center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        box-sizing: border-box;
        opacity: 0;
        transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
        .services-gridpanel .services-gridcarouselcontainer .services-gridimages .services-gridimgpanel.active {
          opacity: 1; }
  .services-gridpanel .services-gridcontent {
    width: 33.3%;
    padding-right: 0px;
    color: #919191; }
  .services-gridpanel .services-gridsubttitle {
    font-size: 1.375rem;
    font-weight: 300;
    margin-bottom: 30px;
    color: #232323; }

.services-gridimage-buttons {
  width: 100%;
  text-align: center;
  height: 12px;
  margin-bottom: 20px; }
  .services-gridimage-buttons .services-imagebutton {
    width: 12px;
    height: 12px;
    background-color: #402020;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    border-radius: 50%;
    margin: 0px 5px;
    display: inline-block;
    cursor: pointer; }
    .services-gridimage-buttons .services-imagebutton:hover, .services-gridimage-buttons .services-imagebutton.active {
      background-color: #e5d3cf; }

#breadcrumbs {
  clear: both;
  margin-bottom: 20px;
  font-size: .750rem;
  text-transform: uppercase;
  letter-spacing: 1px; }
  #breadcrumbs ul {
    list-style: none; }
    #breadcrumbs ul li {
      display: inline-block; }
      #breadcrumbs ul li:before {
        content: '/';
        display: inline-block;
        margin-right: 7px;
        margin-left: 7px; }
      #breadcrumbs ul li:nth-child(1):before {
        display: none; }
  #breadcrumbs a {
    color: #242f3a; }
    #breadcrumbs a:hover {
      color: #232323; }

.nocrumbs #breadcrumbs {
  display: none; }

.home-des-button,
.curategrid-cbutton {
  position: relative;
  color: #232323; }
  .home-des-button:after,
  .curategrid-cbutton:after {
    width: 0px;
    height: 1px;
    border-bottom: 1px solid #232323;
    content: '';
    display: block;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    float: left;
    position: absolute;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .home-des-button.active:after,
  .curategrid-cbutton.active:after {
    width: 100%; }

.scroll-grid {
  position: relative;
  width: 100%; }
  .scroll-grid .scroll-grid-container {
    width: calc(100% - 40px);
    position: relative;
    margin-left: 20px;
    margin-right: 20px; }
  .scroll-grid .scroll-grid-scroll {
    position: relative;
    display: flex;
    flex-wrap: wrap; }
    .scroll-grid .scroll-grid-scroll:after {
      content: '';
      clear: both;
      display: block; }
  .scroll-grid .scroll-grid-panel {
    width: calc(33.333% - 16px);
    height: auto;
    position: relative;
    margin: 0px 8px 60px 8px;
    padding-bottom: 30px; }
    .scroll-grid .scroll-grid-panel .section-grid-img {
      width: 100%;
      height: 0px;
      padding-bottom: 100%;
      margin-bottom: 30px;
      background-repeat: no-repeat;
      background-position: center center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      box-sizing: border-box;
      position: relative; }
    .scroll-grid .scroll-grid-panel .section-grid-title h4 {
      font-size: 1.5rem;
      text-transform: uppercase;
      margin-bottom: 20px; }
    .scroll-grid .scroll-grid-panel .section-grid-subtitle {
      text-transform: uppercase;
      font-size: .875rem;
      margin-bottom: 15px; }
    .scroll-grid .scroll-grid-panel .section-grid-synopsis {
      font-size: 1.063rem;
      color: #919191;
      margin-bottom: 20px;
      min-height: 80px; }
    .scroll-grid .scroll-grid-panel .section-grid-link {
      float: left;
      position: absolute;
      left: 0px;
      bottom: 0px; }

.section-scrollgrid.moregutter .scroll-grid-panel {
  width: calc(33.333% - 26px);
  margin-right: 23px; }
  .section-scrollgrid.moregutter .scroll-grid-panel:nth-child(3n) {
    margin-right: 8px; }

.innergallery-no1,
.innergallery-no3 {
  font-family: "Goudy Regular", "Arial", sans-serif;
  display: inline-block; }

.innergallery-no1 {
  font-size: 1.5rem;
  transform: translateY(-5px); }

.innergallery-no3 {
  font-size: .750rem;
  transform: translateY(3px); }

.innergallery-no2 {
  text-transform: uppercase;
  font-size: .750rem;
  display: inline-block;
  padding-left: 4px;
  padding-right: 4px; }

.curategrid-cbutton {
  position: relative;
  color: #232323; }
  .curategrid-cbutton:after {
    width: 0px;
    height: 1px;
    border-bottom: 3px solid #232323;
    content: '';
    display: block;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    float: left;
    position: absolute;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .curategrid-cbutton.active:after {
    width: 100%; }

.home-des-button.active:after {
  border-color: #de7160; }
.home-des-button.active.link-color-singapore {
  color: #d14124; }
  .home-des-button.active.link-color-singapore:after {
    border-color: #d14124; }
.home-des-button.active.link-color-bangkok {
  color: #C9B1D0; }
  .home-des-button.active.link-color-bangkok:after {
    border-color: #C9B1D0; }
.home-des-button.active.link-color-dusseldorf {
  color: #d6b44d; }
  .home-des-button.active.link-color-dusseldorf:after {
    border-color: #d6b44d; }
.home-des-button.active.link-color-maldives {
  color: #71C5E8; }
  .home-des-button.active.link-color-maldives:after {
    border-color: #71C5E8; }
.home-des-button.active.link-color-sanya {
  color: #E6A65D; }
  .home-des-button.active.link-color-sanya:after {
    border-color: #E6A65D; }
.home-des-button.active.link-color-shanghai {
  color: #E10600; }
  .home-des-button.active.link-color-shanghai:after {
    border-color: #E10600; }
.home-des-button.active.link-color-sydney {
  color: #DB864E; }
  .home-des-button.active.link-color-sydney:after {
    border-color: #DB864E; }
.home-des-button.active.link-color-ubud {
  color: #007041; }
  .home-des-button.active.link-color-ubud:after {
    border-color: #007041; }
.home-des-button.active.link-color-düsseldorf {
  color: #d6b44d; }
  .home-des-button.active.link-color-düsseldorf:after {
    border-color: #d6b44d; }

div[data-hoteltype="singapore"] .text-button {
  color: #d14124;
  border-color: #d14124; }

div[data-hoteltype="bangkok"] .text-button {
  color: #C9B1D0;
  border-color: #C9B1D0; }

div[data-hoteltype="dusseldorf"] .text-button {
  color: #d6b44d;
  border-color: #d6b44d; }

div[data-hoteltype="maldives"] .text-button {
  color: #71C5E8;
  border-color: #71C5E8; }

div[data-hoteltype="sanya"] .text-button {
  color: #E6A65D;
  border-color: #E6A65D; }

div[data-hoteltype="shanghai"] .text-button {
  color: #E10600;
  border-color: #E10600; }

div[data-hoteltype="sydney"] .text-button {
  color: #DB864E;
  border-color: #DB864E; }

div[data-hoteltype="ubud"] .text-button {
  color: #007041;
  border-color: #007041; }

div[data-hoteltype="düsseldorf"] .text-button {
  color: #d6b44d;
  border-color: #d6b44d; }

.no-touch a:hover.link-color-singapore {
  color: #d14124; }
.no-touch a:hover.link-color-bangkok {
  color: #C9B1D0; }
.no-touch a:hover.link-color-dusseldorf {
  color: #d6b44d; }
.no-touch a:hover.link-color-maldives {
  color: #71C5E8; }
.no-touch a:hover.link-color-sanya {
  color: #E6A65D; }
.no-touch a:hover.link-color-shanghai {
  color: #E10600; }
.no-touch a:hover.link-color-sydney {
  color: #DB864E; }
.no-touch a:hover.link-color-ubud {
  color: #007041; }
.no-touch a:hover.link-color-düsseldorf {
  color: #d6b44d; }
.no-touch div[data-hoteltype="singapore"] .text-button:hover {
  color: #232323;
  border-color: #232323; }
.no-touch div[data-hoteltype="bangkok"] .text-button:hover {
  color: #232323;
  border-color: #232323; }
.no-touch div[data-hoteltype="dusseldorf"] .text-button:hover {
  color: #232323;
  border-color: #232323; }
.no-touch div[data-hoteltype="maldives"] .text-button:hover {
  color: #232323;
  border-color: #232323; }
.no-touch div[data-hoteltype="sanya"] .text-button:hover {
  color: #232323;
  border-color: #232323; }
.no-touch div[data-hoteltype="shanghai"] .text-button:hover {
  color: #232323;
  border-color: #232323; }
.no-touch div[data-hoteltype="sydney"] .text-button:hover {
  color: #232323;
  border-color: #232323; }
.no-touch div[data-hoteltype="ubud"] .text-button:hover {
  color: #232323;
  border-color: #232323; }
.no-touch div[data-hoteltype="düsseldorf"] .text-button:hover {
  color: #232323;
  border-color: #232323; }

.aclisting-listingcontainer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .aclisting-listingcontainer .aclisting-item {
    width: calc(50%  - 30px);
    margin-bottom: 40px; }
    .aclisting-listingcontainer .aclisting-item:after {
      content: '';
      clear: both;
      display: block; }
    .aclisting-listingcontainer .aclisting-item .aclisting-item-title {
      float: left;
      position: relative;
      width: 50%;
      padding-right: 15px;
      font-family: "Goudy Regular", "Arial", sans-serif;
      font-size: 1.5rem;
      text-transform: uppercase;
      letter-spacing: 2px; }
    .aclisting-listingcontainer .aclisting-item .aclisting-item-subtitle {
      font-size: 1.063rem;
      float: left;
      position: relative;
      width: 50%;
      padding-right: 15px;
      color: #919191; }
    .aclisting-listingcontainer .aclisting-item .aclisting-item-actionlink {
      margin-top: 20px; }
    .aclisting-listingcontainer .aclisting-item.emphasise {
      width: 100%; }
      .aclisting-listingcontainer .aclisting-item.emphasise .aclisting-item-img {
        padding-bottom: 55.7%; }
      .aclisting-listingcontainer .aclisting-item.emphasise .aclisting-item-title,
      .aclisting-listingcontainer .aclisting-item.emphasise .aclisting-item-subtitle {
        width: 25%;
        margin-left: 8.333%; }

.aclisting-item-img {
  width: 100%;
  height: 0px;
  overflow: hidden;
  margin-bottom: 30px;
  padding-bottom: 62.4%;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  box-sizing: border-box; }

.capella-singapore .home-des-button:after {
  border-color: #232323; }
.capella-singapore .home-des-button.active {
  color: #d14124; }
  .capella-singapore .home-des-button.active:after {
    border-color: #d14124; }
.capella-singapore .text-button.button-altcolor {
  color: #d14124;
  border-color: #d14124; }

.capella-bangkok .home-des-button:after {
  border-color: #232323; }
.capella-bangkok .home-des-button.active {
  color: #C9B1D0; }
  .capella-bangkok .home-des-button.active:after {
    border-color: #C9B1D0; }
.capella-bangkok .text-button.button-altcolor {
  color: #C9B1D0;
  border-color: #C9B1D0; }

.capella-dusseldorf .home-des-button:after {
  border-color: #232323; }
.capella-dusseldorf .home-des-button.active {
  color: #d6b44d; }
  .capella-dusseldorf .home-des-button.active:after {
    border-color: #d6b44d; }
.capella-dusseldorf .text-button.button-altcolor {
  color: #d6b44d;
  border-color: #d6b44d; }

.capella-maldives .home-des-button:after {
  border-color: #232323; }
.capella-maldives .home-des-button.active {
  color: #71C5E8; }
  .capella-maldives .home-des-button.active:after {
    border-color: #71C5E8; }
.capella-maldives .text-button.button-altcolor {
  color: #71C5E8;
  border-color: #71C5E8; }

.capella-sanya .home-des-button:after {
  border-color: #232323; }
.capella-sanya .home-des-button.active {
  color: #E6A65D; }
  .capella-sanya .home-des-button.active:after {
    border-color: #E6A65D; }
.capella-sanya .text-button.button-altcolor {
  color: #E6A65D;
  border-color: #E6A65D; }

.capella-shanghai .home-des-button:after {
  border-color: #232323; }
.capella-shanghai .home-des-button.active {
  color: #E10600; }
  .capella-shanghai .home-des-button.active:after {
    border-color: #E10600; }
.capella-shanghai .text-button.button-altcolor {
  color: #E10600;
  border-color: #E10600; }

.capella-sydney .home-des-button:after {
  border-color: #232323; }
.capella-sydney .home-des-button.active {
  color: #DB864E; }
  .capella-sydney .home-des-button.active:after {
    border-color: #DB864E; }
.capella-sydney .text-button.button-altcolor {
  color: #DB864E;
  border-color: #DB864E; }

.capella-ubud .home-des-button:after {
  border-color: #232323; }
.capella-ubud .home-des-button.active {
  color: #007041; }
  .capella-ubud .home-des-button.active:after {
    border-color: #007041; }
.capella-ubud .text-button.button-altcolor {
  color: #007041;
  border-color: #007041; }

.no-touch .home-des-button:hover {
  color: #de7160; }
  .no-touch .home-des-button:hover:after {
    width: 100%;
    border-color: #de7160; }
.no-touch.capella-singapore .home-des-button:after {
  border-color: #232323; }
.no-touch.capella-singapore .home-des-button:hover, .no-touch.capella-singapore .home-des-button.active {
  color: #d14124; }
  .no-touch.capella-singapore .home-des-button:hover:after, .no-touch.capella-singapore .home-des-button.active:after {
    border-color: #d14124; }
.no-touch.capella-bangkok .home-des-button:after {
  border-color: #232323; }
.no-touch.capella-bangkok .home-des-button:hover, .no-touch.capella-bangkok .home-des-button.active {
  color: #C9B1D0; }
  .no-touch.capella-bangkok .home-des-button:hover:after, .no-touch.capella-bangkok .home-des-button.active:after {
    border-color: #C9B1D0; }
.no-touch.capella-dusseldorf .home-des-button:after {
  border-color: #232323; }
.no-touch.capella-dusseldorf .home-des-button:hover, .no-touch.capella-dusseldorf .home-des-button.active {
  color: #d6b44d; }
  .no-touch.capella-dusseldorf .home-des-button:hover:after, .no-touch.capella-dusseldorf .home-des-button.active:after {
    border-color: #d6b44d; }
.no-touch.capella-maldives .home-des-button:after {
  border-color: #232323; }
.no-touch.capella-maldives .home-des-button:hover, .no-touch.capella-maldives .home-des-button.active {
  color: #71C5E8; }
  .no-touch.capella-maldives .home-des-button:hover:after, .no-touch.capella-maldives .home-des-button.active:after {
    border-color: #71C5E8; }
.no-touch.capella-sanya .home-des-button:after {
  border-color: #232323; }
.no-touch.capella-sanya .home-des-button:hover, .no-touch.capella-sanya .home-des-button.active {
  color: #E6A65D; }
  .no-touch.capella-sanya .home-des-button:hover:after, .no-touch.capella-sanya .home-des-button.active:after {
    border-color: #E6A65D; }
.no-touch.capella-shanghai .home-des-button:after {
  border-color: #232323; }
.no-touch.capella-shanghai .home-des-button:hover, .no-touch.capella-shanghai .home-des-button.active {
  color: #E10600; }
  .no-touch.capella-shanghai .home-des-button:hover:after, .no-touch.capella-shanghai .home-des-button.active:after {
    border-color: #E10600; }
.no-touch.capella-sydney .home-des-button:after {
  border-color: #232323; }
.no-touch.capella-sydney .home-des-button:hover, .no-touch.capella-sydney .home-des-button.active {
  color: #DB864E; }
  .no-touch.capella-sydney .home-des-button:hover:after, .no-touch.capella-sydney .home-des-button.active:after {
    border-color: #DB864E; }
.no-touch.capella-ubud .home-des-button:after {
  border-color: #232323; }
.no-touch.capella-ubud .home-des-button:hover, .no-touch.capella-ubud .home-des-button.active {
  color: #007041; }
  .no-touch.capella-ubud .home-des-button:hover:after, .no-touch.capella-ubud .home-des-button.active:after {
    border-color: #007041; }
.no-touch:not(.global-home) #content .section-carouselgrid.tall-slider .grid-carousel-container .grid-carousel-panel:hover:before,
.no-touch:not(.global-home) #content .section-carouselgrid.discovergrid .grid-carousel-container .grid-carousel-panel:hover:before {
  opacity: .99; }
.no-touch .curategrid-cbutton:hover:after {
  width: 100%; }
.no-touch .innergallery-buttonleft:hover,
.no-touch .grid-carousel-buttonleft:hover {
  opacity: .3;
  transform: translateX(-4px); }
.no-touch .innergallery-buttonright:hover,
.no-touch .grid-carousel-buttonright:hover {
  opacity: .3;
  transform: translateX(4px); }

.videoemb {
  width: 100%;
  height: auto; }

/* capella-singapore */
.capella-singapore #masthead .masthead-textpanel #masthead_logo {
  width: 230px;
  height: 164px;
  background: url("../img/site_assets/logo-capellasingapore.svg") center center no-repeat;
  background-size: 230px 164px; }
.capella-singapore #content .relatedpanel,
.capella-singapore #content .section-relatedentries {
  background-color: #f1ece9; }
.capella-singapore #content .section-bookyourstaybanner {
  background-color: #f8e3df; }
.capella-singapore #content .section-carouselgrid.tall-slider .grid-carousel-container .grid-carousel-panel:before,
.capella-singapore #content .section-carouselgrid.discovergrid .grid-carousel-container .grid-carousel-panel:before {
  background-image: url("../img/site_assets/pattern_singapore.jpg"); }
.capella-singapore #content .section-2image-layout1 .section-subtitle {
  color: #d14124; }
.capella-singapore #content .innerpage-top .section-title {
  color: #d14124; }
.capella-singapore #content .section-2image-layout2 .section-content .section-subtitle {
  color: #d14124; }
.capella-singapore #content .section-destinationpanels.accommodation-listing .section-left {
  border-top: 1px solid #d14124;
  border-bottom: 1px solid #d14124; }
.capella-singapore #content .section-destinationpanels.accommodation-listing .aclisting-title h3 {
  color: #d14124; }
.capella-singapore #content .section-text2col .section-col a:not(.text-button) {
  color: #212322; }
.capella-singapore #content .section-grid-title h4 {
  font-family: "Goudy Light", "Arial", sans-serif; }
.capella-singapore #content .section-basetemplate a {
  color: #212322; }
.capella-singapore.no-touch .text-button {
  border-color: #d14124;
  color: #d14124; }
  .capella-singapore.no-touch .text-button:hover {
    border-color: #242f3a;
    color: #242f3a; }
.capella-singapore.no-touch #breadcrumbs a:hover {
  color: #d14124; }
.capella-singapore.no-touch #content .section-text2col .section-col a:not(.text-button):hover {
  color: #d14124; }

/* capella-bangkok */
.capella-bangkok #masthead .masthead-textpanel #masthead_logo {
  width: 230px;
  height: 164px;
  background: url("../img/site_assets/logo-capellabangkok.svg") center center no-repeat;
  background-size: 230px 164px; }
.capella-bangkok #content .relatedpanel,
.capella-bangkok #content .section-relatedentries {
  background-color: #f1ece9; }
.capella-bangkok #content .section-bookyourstaybanner {
  background-color: #F7F3F8; }
.capella-bangkok #content .section-carouselgrid.tall-slider .grid-carousel-container .grid-carousel-panel:before,
.capella-bangkok #content .section-carouselgrid.discovergrid .grid-carousel-container .grid-carousel-panel:before {
  background-image: url("../img/site_assets/pattern_bangkok.jpg"); }
.capella-bangkok #content .section-2image-layout1 .section-subtitle {
  color: #C9B1D0; }
.capella-bangkok #content .innerpage-top .section-title {
  color: #C9B1D0; }
.capella-bangkok #content .section-2image-layout2 .section-content .section-subtitle {
  color: #C9B1D0; }
.capella-bangkok #content .section-destinationpanels.accommodation-listing .section-left {
  border-top: 1px solid #C9B1D0;
  border-bottom: 1px solid #C9B1D0; }
.capella-bangkok #content .section-destinationpanels.accommodation-listing .aclisting-title h3 {
  color: #C9B1D0; }
.capella-bangkok #content .section-text2col .section-col a:not(.text-button) {
  color: #212322; }
.capella-bangkok #content .section-grid-title h4 {
  font-family: "Goudy Light", "Arial", sans-serif; }
.capella-bangkok #content .section-basetemplate a {
  color: #212322; }
.capella-bangkok.no-touch .text-button {
  border-color: #C9B1D0;
  color: #C9B1D0; }
  .capella-bangkok.no-touch .text-button:hover {
    border-color: #242f3a;
    color: #242f3a; }
.capella-bangkok.no-touch #breadcrumbs a:hover {
  color: #C9B1D0; }
.capella-bangkok.no-touch #content .section-text2col .section-col a:not(.text-button):hover {
  color: #C9B1D0; }

/* capella-dusseldorf */
.capella-dusseldorf #masthead .masthead-textpanel #masthead_logo {
  width: 230px;
  height: 164px;
  background: url("../img/site_assets/logo-capelladusseldorf.svg") center center no-repeat;
  background-size: 230px 164px; }
.capella-dusseldorf #content .relatedpanel,
.capella-dusseldorf #content .section-relatedentries {
  background-color: #f1ece9; }
.capella-dusseldorf #content .section-bookyourstaybanner {
  background-color: #FCF7E8; }
.capella-dusseldorf #content .section-carouselgrid.tall-slider .grid-carousel-container .grid-carousel-panel:before,
.capella-dusseldorf #content .section-carouselgrid.discovergrid .grid-carousel-container .grid-carousel-panel:before {
  background-image: url("../img/site_assets/pattern_dusseldorf.jpg"); }
.capella-dusseldorf #content .section-2image-layout1 .section-subtitle {
  color: #d6b44d; }
.capella-dusseldorf #content .innerpage-top .section-title {
  color: #d6b44d; }
.capella-dusseldorf #content .section-2image-layout2 .section-content .section-subtitle {
  color: #d6b44d; }
.capella-dusseldorf #content .section-destinationpanels.accommodation-listing .section-left {
  border-top: 1px solid #d6b44d;
  border-bottom: 1px solid #d6b44d; }
.capella-dusseldorf #content .section-destinationpanels.accommodation-listing .aclisting-title h3 {
  color: #d6b44d; }
.capella-dusseldorf #content .section-text2col .section-col a:not(.text-button) {
  color: #212322; }
.capella-dusseldorf #content .section-grid-title h4 {
  font-family: "Goudy Light", "Arial", sans-serif; }
.capella-dusseldorf #content .section-basetemplate a {
  color: #212322; }
.capella-dusseldorf.no-touch .text-button {
  border-color: #d6b44d;
  color: #d6b44d; }
  .capella-dusseldorf.no-touch .text-button:hover {
    border-color: #242f3a;
    color: #242f3a; }
.capella-dusseldorf.no-touch #breadcrumbs a:hover {
  color: #d6b44d; }
.capella-dusseldorf.no-touch #content .section-text2col .section-col a:not(.text-button):hover {
  color: #d6b44d; }

/* capella-maldives */
.capella-maldives #masthead .masthead-textpanel #masthead_logo {
  width: 230px;
  height: 164px;
  background: url("../img/site_assets/logo-capellamaldives.svg") center center no-repeat;
  background-size: 230px 164px; }
.capella-maldives #content .relatedpanel,
.capella-maldives #content .section-relatedentries {
  background-color: #f1ece9; }
.capella-maldives #content .section-bookyourstaybanner {
  background-color: #e4f2f9; }
.capella-maldives #content .section-carouselgrid.tall-slider .grid-carousel-container .grid-carousel-panel:before,
.capella-maldives #content .section-carouselgrid.discovergrid .grid-carousel-container .grid-carousel-panel:before {
  background-image: url("../img/site_assets/pattern_maldives.jpg"); }
.capella-maldives #content .section-2image-layout1 .section-subtitle {
  color: #71C5E8; }
.capella-maldives #content .innerpage-top .section-title {
  color: #71C5E8; }
.capella-maldives #content .section-2image-layout2 .section-content .section-subtitle {
  color: #71C5E8; }
.capella-maldives #content .section-destinationpanels.accommodation-listing .section-left {
  border-top: 1px solid #71C5E8;
  border-bottom: 1px solid #71C5E8; }
.capella-maldives #content .section-destinationpanels.accommodation-listing .aclisting-title h3 {
  color: #71C5E8; }
.capella-maldives #content .section-text2col .section-col a:not(.text-button) {
  color: #212322; }
.capella-maldives #content .section-grid-title h4 {
  font-family: "Goudy Light", "Arial", sans-serif; }
.capella-maldives #content .section-basetemplate a {
  color: #212322; }
.capella-maldives.no-touch .text-button {
  border-color: #71C5E8;
  color: #71C5E8; }
  .capella-maldives.no-touch .text-button:hover {
    border-color: #242f3a;
    color: #242f3a; }
.capella-maldives.no-touch #breadcrumbs a:hover {
  color: #71C5E8; }
.capella-maldives.no-touch #content .section-text2col .section-col a:not(.text-button):hover {
  color: #71C5E8; }

/* capella-sanya */
.capella-sanya #masthead .masthead-textpanel #masthead_logo {
  width: 230px;
  height: 164px;
  background: url("../img/site_assets/logo-capellasanya.svg") center center no-repeat;
  background-size: 230px 164px; }
.capella-sanya #content .relatedpanel,
.capella-sanya #content .section-relatedentries {
  background-color: #f1ece9; }
.capella-sanya #content .section-bookyourstaybanner {
  background-color: #FBF2E7; }
.capella-sanya #content .section-carouselgrid.tall-slider .grid-carousel-container .grid-carousel-panel:before,
.capella-sanya #content .section-carouselgrid.discovergrid .grid-carousel-container .grid-carousel-panel:before {
  background-image: url("../img/site_assets/pattern_sanya.jpg"); }
.capella-sanya #content .section-2image-layout1 .section-subtitle {
  color: #E6A65D; }
.capella-sanya #content .innerpage-top .section-title {
  color: #E6A65D; }
.capella-sanya #content .section-2image-layout2 .section-content .section-subtitle {
  color: #E6A65D; }
.capella-sanya #content .section-destinationpanels.accommodation-listing .section-left {
  border-top: 1px solid #E6A65D;
  border-bottom: 1px solid #E6A65D; }
.capella-sanya #content .section-destinationpanels.accommodation-listing .aclisting-title h3 {
  color: #E6A65D; }
.capella-sanya #content .section-text2col .section-col a:not(.text-button) {
  color: #212322; }
.capella-sanya #content .section-grid-title h4 {
  font-family: "Goudy Light", "Arial", sans-serif; }
.capella-sanya #content .section-basetemplate a {
  color: #212322; }
.capella-sanya.no-touch .text-button {
  border-color: #E6A65D;
  color: #E6A65D; }
  .capella-sanya.no-touch .text-button:hover {
    border-color: #242f3a;
    color: #242f3a; }
.capella-sanya.no-touch #breadcrumbs a:hover {
  color: #E6A65D; }
.capella-sanya.no-touch #content .section-text2col .section-col a:not(.text-button):hover {
  color: #E6A65D; }

/* capella-shanghai */
.capella-shanghai #masthead .masthead-textpanel #masthead_logo {
  width: 230px;
  height: 164px;
  background: url("../img/site_assets/logo-capellashanghai.svg") center center no-repeat;
  background-size: 230px 164px; }
.capella-shanghai #content .relatedpanel,
.capella-shanghai #content .section-relatedentries {
  background-color: #f1ece9; }
.capella-shanghai #content .section-bookyourstaybanner {
  background-color: #FBF2E7; }
.capella-shanghai #content .section-carouselgrid.tall-slider .grid-carousel-container .grid-carousel-panel:before,
.capella-shanghai #content .section-carouselgrid.discovergrid .grid-carousel-container .grid-carousel-panel:before {
  background-image: url("../img/site_assets/pattern_shanghai.jpg"); }
.capella-shanghai #content .section-2image-layout1 .section-subtitle {
  color: #E10600; }
.capella-shanghai #content .innerpage-top .section-title {
  color: #E10600; }
.capella-shanghai #content .section-2image-layout2 .section-content .section-subtitle {
  color: #E10600; }
.capella-shanghai #content .section-destinationpanels.accommodation-listing .section-left {
  border-top: 1px solid #E10600;
  border-bottom: 1px solid #E10600; }
.capella-shanghai #content .section-destinationpanels.accommodation-listing .aclisting-title h3 {
  color: #E10600; }
.capella-shanghai #content .section-text2col .section-col a:not(.text-button) {
  color: #212322; }
.capella-shanghai #content .section-grid-title h4 {
  font-family: "Goudy Light", "Arial", sans-serif; }
.capella-shanghai #content .section-basetemplate a {
  color: #212322; }
.capella-shanghai.no-touch .text-button {
  border-color: #E10600;
  color: #E10600; }
  .capella-shanghai.no-touch .text-button:hover {
    border-color: #242f3a;
    color: #242f3a; }
.capella-shanghai.no-touch #breadcrumbs a:hover {
  color: #E10600; }
.capella-shanghai.no-touch #content .section-text2col .section-col a:not(.text-button):hover {
  color: #E10600; }

/* capella-sydney */
.capella-sydney #masthead .masthead-textpanel #masthead_logo {
  width: 230px;
  height: 164px;
  background: url("../img/site_assets/logo-capellasydney.svg") center center no-repeat;
  background-size: 230px 164px; }
.capella-sydney #content .relatedpanel,
.capella-sydney #content .section-relatedentries {
  background-color: #f1ece9; }
.capella-sydney #content .section-bookyourstaybanner {
  background-color: #FAEDDF; }
.capella-sydney #content .section-carouselgrid.tall-slider .grid-carousel-container .grid-carousel-panel:before,
.capella-sydney #content .section-carouselgrid.discovergrid .grid-carousel-container .grid-carousel-panel:before {
  background-image: url("../img/site_assets/pattern_sydney.jpg"); }
.capella-sydney #content .section-2image-layout1 .section-subtitle {
  color: #DB864E; }
.capella-sydney #content .innerpage-top .section-title {
  color: #DB864E; }
.capella-sydney #content .section-2image-layout2 .section-content .section-subtitle {
  color: #DB864E; }
.capella-sydney #content .section-destinationpanels.accommodation-listing .section-left {
  border-top: 1px solid #DB864E;
  border-bottom: 1px solid #DB864E; }
.capella-sydney #content .section-destinationpanels.accommodation-listing .aclisting-title h3 {
  color: #DB864E; }
.capella-sydney #content .section-text2col .section-col a:not(.text-button) {
  color: #212322; }
.capella-sydney #content .section-grid-title h4 {
  font-family: "Goudy Light", "Arial", sans-serif; }
.capella-sydney #content .section-basetemplate a {
  color: #212322; }
.capella-sydney.no-touch .text-button {
  border-color: #DB864E;
  color: #DB864E; }
  .capella-sydney.no-touch .text-button:hover {
    border-color: #242f3a;
    color: #242f3a; }
.capella-sydney.no-touch #breadcrumbs a:hover {
  color: #DB864E; }
.capella-sydney.no-touch #content .section-text2col .section-col a:not(.text-button):hover {
  color: #DB864E; }

/* capella-ubud */
.capella-ubud #masthead .masthead-textpanel #masthead_logo {
  width: 230px;
  height: 164px;
  background: url("../img/site_assets/logo-capellaubud.svg") center center no-repeat;
  background-size: 230px 164px; }
.capella-ubud #content .relatedpanel,
.capella-ubud #content .section-relatedentries {
  background-color: #f1ece9; }
.capella-ubud #content .section-bookyourstaybanner {
  background-color: #D9EAE3; }
.capella-ubud #content .section-carouselgrid.tall-slider .grid-carousel-container .grid-carousel-panel:before,
.capella-ubud #content .section-carouselgrid.discovergrid .grid-carousel-container .grid-carousel-panel:before {
  background-image: url("../img/site_assets/pattern_ubud.jpg"); }
.capella-ubud #content .section-2image-layout1 .section-subtitle {
  color: #007041; }
.capella-ubud #content .innerpage-top .section-title {
  color: #007041; }
.capella-ubud #content .section-2image-layout2 .section-content .section-subtitle {
  color: #007041; }
.capella-ubud #content .section-destinationpanels.accommodation-listing .section-left {
  border-top: 1px solid #007041;
  border-bottom: 1px solid #007041; }
.capella-ubud #content .section-destinationpanels.accommodation-listing .aclisting-title h3 {
  color: #007041; }
.capella-ubud #content .section-text2col .section-col a:not(.text-button) {
  color: #212322; }
.capella-ubud #content .section-grid-title h4 {
  font-family: "Goudy Light", "Arial", sans-serif; }
.capella-ubud #content .section-basetemplate a {
  color: #212322; }
.capella-ubud.no-touch .text-button {
  border-color: #007041;
  color: #007041; }
  .capella-ubud.no-touch .text-button:hover {
    border-color: #242f3a;
    color: #242f3a; }
.capella-ubud.no-touch #breadcrumbs a:hover {
  color: #007041; }
.capella-ubud.no-touch #content .section-text2col .section-col a:not(.text-button):hover {
  color: #007041; }

.capella-dusseldorf #masthead .masthead-textpanel #masthead_logo {
  height: 180px;
  background-size: 230px 180px; }

.global-home .home-des-button:after {
  display: none; }
.global-home #content .section-destinationpanels .section-synopsis {
  margin-left: 20px; }

.site-corporate #content h1, .site-corporate #content h2, .site-corporate #content h3, .site-corporate #content h4, .site-corporate #content h5, .site-corporate #content h6 {
  font-family: "Calibre", "Arial", sans-serif; }
.site-corporate #content a {
  color: #919191; }
  .site-corporate #content a:hover {
    color: #212322; }
.site-corporate #masthead .masthead-textpanel #masthead_logo {
  width: 230px;
  height: 164px;
  background: url("../img/site_assets/logo-corporate2.svg") center center no-repeat;
  background-size: 230px 164px; }

.section-googlemaps .wrapper {
  padding-left: 20px;
  padding-right: 20px; }

.googlemaps-container {
  width: 100%;
  height: 600px;
  position: relative; }
  .googlemaps-container .hidden {
    display: none; }
  .googlemaps-container #map-canvas {
    width: 100%;
    height: 100%;
    position: absolute;
    float: left;
    top: 0px;
    left: 0px; }

.marker {
  float: left;
  position: absolute;
  cursor: pointer;
  width: 29px;
  height: 29px;
  border: 3px solid #fff;
  transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  background-size: 18px 18px;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #000;
  border-radius: 50%; }

.marker-hotel {
  border-radius: 0px;
  -webkit-border-radius: 0px;
  border: 0px;
  background-color: transparent;
  background-size: 116px 120px;
  width: 116px;
  height: 120px;
  cursor: default; }

.capella-singapore .marker-hotel {
  background-image: url("../img/site_assets/mapicon-capella-singapore.svg"); }

.capella-bangkok .marker-hotel {
  background-image: url("../img/site_assets/mapicon-capella-bangkok.svg"); }

.capella-dusseldorf .marker-hotel {
  background-image: url("../img/site_assets/mapicon-capella-dusseldorf.svg"); }

.capella-maldives .marker-hotel {
  background-image: url("../img/site_assets/mapicon-capella-maldives.svg"); }

.capella-sanya .marker-hotel {
  background-image: url("../img/site_assets/mapicon-capella-sanya.svg"); }

.capella-shanghai .marker-hotel {
  background-image: url("../img/site_assets/mapicon-capella-shanghai.svg"); }

.capella-sydney .marker-hotel {
  background-image: url("../img/site_assets/mapicon-capella-sydney.svg"); }

.capella-ubud .marker-hotel {
  background-image: url("../img/site_assets/mapicon-capella-ubud.svg"); }

#devmap_dragtoggle,
#map-dragtoggle {
  width: 36px;
  height: 36px;
  top: 10px;
  right: 50px;
  float: left;
  position: absolute;
  box-sizing: border-box;
  background-size: 32px 32px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #000;
  background-image: url("../img/site_assets/gm-drag2.svg");
  cursor: pointer;
  display: none;
  transition: background-color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: background-color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  border-radius: 50%; }

#devmap_dragtoggle.on,
#map-dragtoggle.on {
  background-color: #686868; }

#devmap_dragtoggle {
  z-index: 80;
  top: 77px;
  right: 35px;
  display: block; }

.no-touch #map-dragtoggle:hover {
  background-color: #000; }

body[data-ucountry="China"] .section-googlemaps {
  display: none; }

#error_page {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  position: relative;
  color: #fff; }
  #error_page .error-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    float: left;
    top: 0px;
    left: 0px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    box-sizing: border-box;
    background-image: url("../img/site_assets/error404.jpg"); }
  #error_page .error-textcontainer {
    float: left;
    position: absolute;
    left: 60px;
    bottom: 60px;
    width: 300px;
    font-family: "Calibre", "Arial", sans-serif;
    max-width: 380px;
    width: calc(100% - 90px);
    font-size: .875rem; }
    #error_page .error-textcontainer h3 {
      font-family: "Goudy Light", "Arial", sans-serif;
      font-size: 2.5rem;
      margin-bottom: 30px; }
    #error_page .error-textcontainer a {
      color: #fff;
      text-transform: uppercase;
      display: block; }
      #error_page .error-textcontainer a.line-button:after {
        border-bottom: 1px solid #fff; }

#content > section.section-developmentmap {
  margin-top: 45px; }

.devmap-container {
  width: 100%;
  height: 750px;
  position: relative; }

.devmap-worldmap {
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  box-sizing: border-box;
  background-image: url("../img/site_assets/worldmap.svg");
  background-size: 1366px 727px;
  width: 1366px;
  height: 727px; }

.devmarker {
  width: 20px;
  height: 20px;
  background: url("../img/site_assets/worldmap-icon.svg") center center no-repeat;
  background-size: 12px 12px;
  border: 0px;
  border-radius: 0px; }
  .devmarker sup {
    float: left;
    position: absolute;
    right: 0px;
    top: -7px;
    font-size: .75rem;
    pointer-events: none; }
  .devmarker.devmarker-grey {
    background-image: url("../img/site_assets/worldmap-icon-grey.svg"); }

.dim .devmarker {
  opacity: .1 !important; }

.no-touch .devmarker {
  transition: background-size 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: background-size 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .no-touch .devmarker:hover {
    background-size: 16px 16px; }

.dev-header {
  float: left;
  position: absolute;
  top: 80px;
  left: 30px;
  z-index: 100; }

.devmap-togglebg {
  width: 100%;
  height: 100%;
  position: absolute;
  float: left;
  top: 0px;
  left: 0px;
  pointer-events: none;
  z-index: 79; }
  .devmap-togglebg.active {
    pointer-events: all; }

.devmap-listbg {
  width: 100%;
  height: 100%;
  position: absolute;
  float: left;
  top: 0px;
  left: 0px;
  background-color: rgba(255, 255, 255, 0.7);
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  pointer-events: none;
  opacity: 0;
  z-index: 88; }
  .devmap-listbg.active {
    pointer-events: all;
    opacity: 1; }

.devmap-nodedetails {
  display: none; }

.devmap-maplist {
  float: left;
  position: absolute;
  left: 0px;
  top: 0px;
  padding-left: 35px;
  padding-right: 35px;
  padding-top: 200px;
  width: calc(100% / 12 * 10);
  z-index: 89;
  transition: all 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  pointer-events: none;
  opacity: 0; }
  .devmap-maplist.active {
    pointer-events: all;
    opacity: 1; }
  .devmap-maplist ul {
    list-style: none; }

.devmap-listview {
  width: 100%; }
  .devmap-listview > ul {
    width: 100%;
    display: flex; }
    .devmap-listview > ul > li {
      width: 20%;
      padding-right: 20px;
      box-sizing: border-box; }
  .devmap-listview h4 {
    font-size: 1.25rem;
    font-weight: 400;
    margin-bottom: 30px; }
  .devmap-listview .devmap-node > span {
    font-size: 1.125rem;
    font-weight: 300;
    cursor: pointer;
    position: relative;
    display: inline-block; }
    .devmap-listview .devmap-node > span:before {
      width: 20px;
      height: 20px;
      background: url("../img/site_assets/worldmap-icon.svg") center center no-repeat;
      background-size: 12px 12px;
      float: left;
      position: absolute;
      left: -20px;
      top: -3px;
      content: '';
      display: block; }
    .devmap-listview .devmap-node > span.dm-grey:before {
      background-image: url("../img/site_assets/worldmap-icon-grey.svg"); }

.devmap-popupcontainer {
  width: calc(100% - 60px);
  max-width: 1360px;
  margin-left: auto;
  margin-right: auto;
  padding: 60px 20px 20px 20px;
  min-height: 218px;
  position: relative;
  background-color: #fff; }
  .devmap-popupcontainer .devmap-popupinner {
    width: 100%;
    position: relative;
    display: flex; }
    .devmap-popupcontainer .devmap-popupinner .devmap-popupleft {
      width: 45%;
      padding-right: 30px;
      position: relative; }
    .devmap-popupcontainer .devmap-popupinner .devmap-popupright {
      width: 55%;
      display: flex; }
      .devmap-popupcontainer .devmap-popupinner .devmap-popupright .devmap-popup-img {
        width: 50%;
        position: relative; }
    .devmap-popupcontainer .devmap-popupinner .devmap-popup-innerlinks {
      float: left;
      position: absolute;
      left: 230px;
      top: 0px;
      font-size: 1.125rem;
      font-weight: 300; }
      .devmap-popupcontainer .devmap-popupinner .devmap-popup-innerlinks ul {
        list-style: none; }
        .devmap-popupcontainer .devmap-popupinner .devmap-popup-innerlinks ul li {
          margin-bottom: 5px; }
      .devmap-popupcontainer .devmap-popupinner .devmap-popup-innerlinks span {
        cursor: pointer; }
    .devmap-popupcontainer .devmap-popupinner .devmap-popup-title {
      max-width: 200px;
      font-size: 1.5rem;
      text-transform: uppercase;
      font-weight: 400;
      letter-spacing: 0.05rem; }
    .devmap-popupcontainer .devmap-popupinner .devmap-popup-brand {
      float: left;
      position: absolute;
      left: 0px;
      bottom: 0px;
      font-size: 1.25rem;
      font-weight: 300; }
  .devmap-popupcontainer .devmap-popup-inner-imgcontainer {
    float: left;
    position: absolute;
    left: 0px;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    opacity: 0;
    top: 0px;
    width: 100%;
    pointer-events: none; }
    .devmap-popupcontainer .devmap-popup-inner-imgcontainer.active {
      opacity: 1;
      position: relative;
      pointer-events: all; }
    .devmap-popupcontainer .devmap-popup-inner-imgcontainer img {
      width: 100%;
      height: auto;
      display: block; }
  .devmap-popupcontainer .devmap-popup-content {
    width: calc(50% - 30px);
    margin-left: 30px;
    position: relative; }
    .devmap-popupcontainer .devmap-popup-content .devmap-popup-inner-contentpanel {
      float: left;
      position: absolute;
      left: 0px;
      transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      opacity: 0;
      top: 0px;
      pointer-events: none; }
      .devmap-popupcontainer .devmap-popup-content .devmap-popup-inner-contentpanel.active {
        opacity: 1;
        position: relative;
        pointer-events: all; }
    .devmap-popupcontainer .devmap-popup-content .devmap-popup-inner-csubtitle {
      font-size: 1.25rem;
      margin-bottom: 20px; }
    .devmap-popupcontainer .devmap-popup-content .devmap-popup-inner-csynopsis {
      font-size: 1rem;
      color: #919191; }

.devmap-maplistbuttons {
  float: left;
  position: Absolute;
  bottom: 50px;
  left: 35px;
  z-index: 90; }
  .devmap-maplistbuttons > div {
    display: inline-block;
    margin-right: 40px;
    font-size: 1.125rem;
    font-weight: 300;
    cursor: pointer; }

.devmap-maplegend {
  float: left;
  position: Absolute;
  top: 80px;
  right: 85px;
  z-index: 89; }
  .devmap-maplegend .devmap-legend-blue {
    padding-left: 22px;
    position: relative; }
    .devmap-maplegend .devmap-legend-blue:before {
      width: 20px;
      height: 20px;
      background: url("../img/site_assets/worldmap-icon.svg") center center no-repeat;
      background-size: 12px 12px;
      float: left;
      position: absolute;
      top: -3px;
      left: 0px;
      content: '';
      display: block; }
  .devmap-maplegend .devmap-legend-grey {
    padding-left: 22px;
    position: relative; }
    .devmap-maplegend .devmap-legend-grey:before {
      width: 20px;
      height: 20px;
      background: url("../img/site_assets/worldmap-icon-grey.svg") center center no-repeat;
      background-size: 12px 12px;
      float: left;
      position: absolute;
      top: -3px;
      left: 0px;
      content: '';
      display: block; }

.devmap-popup-close {
  background: url("../img/site_assets/close-icon.svg") center center no-repeat;
  background-size: 22px 22px;
  width: 30px;
  height: 30px;
  float: left;
  right: 20px;
  position: absolute;
  top: 15px;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  cursor: pointer; }

.no-touch .devmap-listview .devmap-node {
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .no-touch .devmap-listview .devmap-node > span:hover {
    color: #999ea3; }
.no-touch .devmap-popup-close:hover {
  opacity: .4; }

#content section.title-nomargin h2,
#content section.title-nomargin .section-titlesypnosis h2,
#content section.title-nomargin .section-destinationpanels h2 {
  margin-bottom: 0px; }

.offer-filters {
  padding: 13px 0px 10px 0px;
  border-top: 1px solid;
  border-bottom: 1px solid;
  margin-bottom: 85px;
  width: calc(100% - 56px);
  margin-left: auto;
  margin-right: auto; }
  .offer-filters ul {
    display: flex;
    flex-wrap: wrap;
    text-align: left;
    padding-left: 35px;
    padding-right: 35px;
    list-style: none;
    width: 100%;
    justify-content: center;
    position: relative; }
    .offer-filters ul li {
      display: inline-block;
      font-family: "Calibre", "Arial", sans-serif;
      font-size: .875rem;
      margin: 0px 15px;
      font-weight: 400;
      text-transform: uppercase;
      letter-spacing: 2px;
      position: relative; }
      .offer-filters ul li span {
        display: inline-block;
        position: relative; }

.section-scrollgrid .section_title {
  padding: 0px 28px;
  margin-bottom: 60px; }

.capella-singapore .offer-filters {
  border-top: 1px solid #d14124;
  border-bottom: 1px solid #d14124; }
  .capella-singapore .offer-filters li span:after {
    width: 0px;
    height: 1px;
    border-bottom: 1px solid #d14124;
    content: '';
    display: block;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    float: left;
    position: absolute;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .capella-singapore .offer-filters li.active {
    color: #d14124; }
    .capella-singapore .offer-filters li.active span:after {
      width: 100%; }

.no-touch.capella-singapore .offer-filters li {
  cursor: pointer; }
  .no-touch.capella-singapore .offer-filters li:hover {
    color: #d14124; }
    .no-touch.capella-singapore .offer-filters li:hover:after {
      width: 100%; }

.capella-bangkok .offer-filters {
  border-top: 1px solid #C9B1D0;
  border-bottom: 1px solid #C9B1D0; }
  .capella-bangkok .offer-filters li span:after {
    width: 0px;
    height: 1px;
    border-bottom: 1px solid #C9B1D0;
    content: '';
    display: block;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    float: left;
    position: absolute;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .capella-bangkok .offer-filters li.active {
    color: #C9B1D0; }
    .capella-bangkok .offer-filters li.active span:after {
      width: 100%; }

.no-touch.capella-bangkok .offer-filters li {
  cursor: pointer; }
  .no-touch.capella-bangkok .offer-filters li:hover {
    color: #C9B1D0; }
    .no-touch.capella-bangkok .offer-filters li:hover:after {
      width: 100%; }

.capella-dusseldorf .offer-filters {
  border-top: 1px solid #d6b44d;
  border-bottom: 1px solid #d6b44d; }
  .capella-dusseldorf .offer-filters li span:after {
    width: 0px;
    height: 1px;
    border-bottom: 1px solid #d6b44d;
    content: '';
    display: block;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    float: left;
    position: absolute;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .capella-dusseldorf .offer-filters li.active {
    color: #d6b44d; }
    .capella-dusseldorf .offer-filters li.active span:after {
      width: 100%; }

.no-touch.capella-dusseldorf .offer-filters li {
  cursor: pointer; }
  .no-touch.capella-dusseldorf .offer-filters li:hover {
    color: #d6b44d; }
    .no-touch.capella-dusseldorf .offer-filters li:hover:after {
      width: 100%; }

.capella-maldives .offer-filters {
  border-top: 1px solid #71C5E8;
  border-bottom: 1px solid #71C5E8; }
  .capella-maldives .offer-filters li span:after {
    width: 0px;
    height: 1px;
    border-bottom: 1px solid #71C5E8;
    content: '';
    display: block;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    float: left;
    position: absolute;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .capella-maldives .offer-filters li.active {
    color: #71C5E8; }
    .capella-maldives .offer-filters li.active span:after {
      width: 100%; }

.no-touch.capella-maldives .offer-filters li {
  cursor: pointer; }
  .no-touch.capella-maldives .offer-filters li:hover {
    color: #71C5E8; }
    .no-touch.capella-maldives .offer-filters li:hover:after {
      width: 100%; }

.capella-sanya .offer-filters {
  border-top: 1px solid #E6A65D;
  border-bottom: 1px solid #E6A65D; }
  .capella-sanya .offer-filters li span:after {
    width: 0px;
    height: 1px;
    border-bottom: 1px solid #E6A65D;
    content: '';
    display: block;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    float: left;
    position: absolute;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .capella-sanya .offer-filters li.active {
    color: #E6A65D; }
    .capella-sanya .offer-filters li.active span:after {
      width: 100%; }

.no-touch.capella-sanya .offer-filters li {
  cursor: pointer; }
  .no-touch.capella-sanya .offer-filters li:hover {
    color: #E6A65D; }
    .no-touch.capella-sanya .offer-filters li:hover:after {
      width: 100%; }

.capella-shanghai .offer-filters {
  border-top: 1px solid #E10600;
  border-bottom: 1px solid #E10600; }
  .capella-shanghai .offer-filters li span:after {
    width: 0px;
    height: 1px;
    border-bottom: 1px solid #E10600;
    content: '';
    display: block;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    float: left;
    position: absolute;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .capella-shanghai .offer-filters li.active {
    color: #E10600; }
    .capella-shanghai .offer-filters li.active span:after {
      width: 100%; }

.no-touch.capella-shanghai .offer-filters li {
  cursor: pointer; }
  .no-touch.capella-shanghai .offer-filters li:hover {
    color: #E10600; }
    .no-touch.capella-shanghai .offer-filters li:hover:after {
      width: 100%; }

.capella-sydney .offer-filters {
  border-top: 1px solid #DB864E;
  border-bottom: 1px solid #DB864E; }
  .capella-sydney .offer-filters li span:after {
    width: 0px;
    height: 1px;
    border-bottom: 1px solid #DB864E;
    content: '';
    display: block;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    float: left;
    position: absolute;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .capella-sydney .offer-filters li.active {
    color: #DB864E; }
    .capella-sydney .offer-filters li.active span:after {
      width: 100%; }

.no-touch.capella-sydney .offer-filters li {
  cursor: pointer; }
  .no-touch.capella-sydney .offer-filters li:hover {
    color: #DB864E; }
    .no-touch.capella-sydney .offer-filters li:hover:after {
      width: 100%; }

.capella-ubud .offer-filters {
  border-top: 1px solid #007041;
  border-bottom: 1px solid #007041; }
  .capella-ubud .offer-filters li span:after {
    width: 0px;
    height: 1px;
    border-bottom: 1px solid #007041;
    content: '';
    display: block;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    float: left;
    position: absolute;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .capella-ubud .offer-filters li.active {
    color: #007041; }
    .capella-ubud .offer-filters li.active span:after {
      width: 100%; }

.no-touch.capella-ubud .offer-filters li {
  cursor: pointer; }
  .no-touch.capella-ubud .offer-filters li:hover {
    color: #007041; }
    .no-touch.capella-ubud .offer-filters li:hover:after {
      width: 100%; }

.scroll-grid .scroll-grid-panel {
  opacity: 0;
  display: none;
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  transform: translateY(50px); }
  .scroll-grid .scroll-grid-panel.active {
    display: block; }
    .scroll-grid .scroll-grid-panel.active.ani {
      transform: translateY(0px);
      opacity: 1; }

/* 1365 and below */
@media only screen and (max-width: 85.375em) {
  /* Large */
  /* Sizing */
  .show-for-small-only,
  .show-for-medium-only,
  .show-for-xlarge-up {
    display: none; }

  .show-for-large-only {
    display: block; }

  .col-m-1 {
    width: 8.33%; }

  .col-m-2 {
    width: 16.66%; }

  .col-m-3 {
    width: 25%; }

  .col-m-4 {
    width: 33.33%; }

  .col-m-5 {
    width: 41.66%; }

  .col-m-6 {
    width: 50%; }

  .col-m-7 {
    width: 58.33%; }

  .col-m-8 {
    width: 66.66%; }

  .col-m-9 {
    width: 75%; }

  .col-m-10 {
    width: 83.33%; }

  .col-m-11 {
    width: 91.66%; }

  .col-m-12 {
    width: 100%; }

  #html_wrapper {
    /*height: 100vh;
    width: 100%;
    overflow-y: scroll;
    */ }

  #language_dropdown {
    left: 15px; }

  #bookyourstay_dropdown .bookyourstay-panel {
    width: calc(100% - 40px);
    margin-left: 20px;
    margin-right: 20px; }
  #bookyourstay_dropdown #booking_form .formfield-bkdetailrow {
    flex-wrap: wrap; }
    #bookyourstay_dropdown #booking_form .formfield-bkdetailrow .formfield-col {
      width: 50%;
      padding-right: 0px; }

  #destination_dropdown nav {
    width: 70%; }
  #destination_dropdown #destination_dropdown_img {
    display: none; }

  header #header .header-posleft2 {
    left: calc(50% - 375px); }

  #social_stayconnected h2 {
    font-size: 2.750rem; }

  .prefooter-navigation {
    display: none; }

  .prefooter-contact .block-title {
    font-family: "Goudy Light", "Arial", sans-serif;
    font-size: 1.3750rem;
    margin-bottom: 30px;
    font-weight: 400; }
  .prefooter-contact .block-sub {
    font-family: "Goudy Light", "Arial", sans-serif;
    font-size: 1.1250rem;
    margin-bottom: 0px;
    font-weight: 300; }

  #content h2 {
    font-size: 2.750rem; }
  #content .innerpage-top .wrapper .section-synopsis {
    width: 33.333%;
    margin-left: 16.6667%; }
  #content .section-text2col .section-col {
    width: 41.667%; }
  #content .section-destinationpanels .home-des-detailpanel .home-des-detail-title {
    margin-right: 30px; }
  #content .section-destinationpanels .home-des-detailpanel .home-des-detail-synopsis {
    width: 50%; }
  #content .section-destinationpanels.tab-slider .section-title, #content .section-destinationpanels.accommodation .section-title {
    margin-left: 35px; }
  #content .section-destinationpanels.tab-slider .section-synopsis, #content .section-destinationpanels.accommodation .section-synopsis {
    padding-top: 40px; }
  #content .section-destinationpanels.tab-slider .home-destination-container, #content .section-destinationpanels.accommodation .home-destination-container {
    width: calc(100% - 140px); }
  #content .section-destinationpanels.accommodation-listing .section-synopsis {
    width: calc(100% / 11 * 4); }
  #content .section-destinationpanels.accommodation-listing .aclisting-synopsis {
    width: 33.333%; }
  #content .section-destinationpanels.accommodation-listing .aclisting-title h3 {
    font-size: 2.750rem; }
  #content .section-destinationpanels.accommodation-listing .aclisting-subtitle {
    padding-left: 35px;
    font-size: 1.625rem; }
  #content .section-bookyourstaybanner .section-left {
    padding-left: 35px; }
    #content .section-bookyourstaybanner .section-left h3 {
      font-size: 2.125rem; }
  #content .section-carouselgrid .section-basebg {
    height: 315px; }
  #content .section-carouselgrid .grid-carousel-container .grid-carousel-panel {
    padding: 0px 20px; }
  #content .section-carouselgrid.tall-slider .grid-carousel-container .grid-carousel-panel:before, #content .section-carouselgrid.discovergrid .grid-carousel-container .grid-carousel-panel:before {
    width: calc(100% - 20px);
    left: 10px; }
  #content .section-carouselgrid.tall-slider .grid-carousel-container .grid-carousel-panel:after, #content .section-carouselgrid.discovergrid .grid-carousel-container .grid-carousel-panel:after {
    width: calc(100% - 40px);
    left: 20px; }
  #content .section-1image .section-title {
    margin-left: 35px; }
  #content .section-1image .section-subtitle {
    font-size: 1.5rem; }
  #content .section-1image .section-imagepanel {
    width: 80%; }
  #content .section-curatesgrid h2 {
    font-size: 3em; }
  #content .section-curatesgrid .section-left {
    padding-left: 35px;
    padding-right: 35px; }
  #content .section-curatesgrid .section-right {
    padding-right: 35px; }
  #content .section-2image-layout1 .section-title {
    margin-left: 35px; }
  #content .section-2image-layout1 .section-subtitle {
    margin-left: 35px; }
  #content .section-2image-layout1 .section-imagegrid {
    width: calc(100% - 70px);
    margin-left: auto; }
  #content .section-2image-layout2 .inner-wrapper {
    width: 100%;
    padding-left: 35px;
    padding-right: 35px; }
  #content .section-2image-layout2 .section-content .section-imagepanel-2 img {
    max-width: 70%; }
  #content .relatedpanel .aclisting-listingcontainer,
  #content .section-relatedentries .aclisting-listingcontainer {
    padding-left: 0px;
    padding-right: 0px; }
    #content .relatedpanel .aclisting-listingcontainer .aclisting-item .aclisting-item-title,
    #content .section-relatedentries .aclisting-listingcontainer .aclisting-item .aclisting-item-title {
      width: 100%;
      margin-bottom: 15px; }
    #content .relatedpanel .aclisting-listingcontainer .aclisting-item .aclisting-item-subtitle,
    #content .section-relatedentries .aclisting-listingcontainer .aclisting-item .aclisting-item-subtitle {
      width: 100%; }
  #content .section-presstable .inner-wrapper {
    width: 93.33%; }
  #content .section-servicesgrid .services-gridscontainer {
    flex-wrap: wrap; }
  #content .section-servicesgrid .services-gridleft {
    display: none; }
  #content .section-servicesgrid .services-gridright {
    width: 100%; }

  .services-gridpanel {
    opacity: 1;
    float: none;
    position: relative;
    top: auto;
    left: auto;
    margin-bottom: 30px; }
    .services-gridpanel .services-gridtitle {
      display: block;
      margin-bottom: 15px;
      width: 100%; }
      .services-gridpanel .services-gridtitle h3 {
        font-size: 1.5rem;
        font-weight: 400; }

  #breadcrumbs {
    padding-left: 35px; }

  .aclisting-listingcontainer {
    padding-left: 35px;
    padding-right: 35px; }

  .devmap-maplist {
    width: 100%; } }
/* iPad portrait and below */
@media only screen and (max-width: 63.75em) {
  /* Sizing */
  .show-for-small-only,
  .show-for-large-only,
  .show-for-xlarge-up {
    display: none; }

  .show-for-medium-only {
    display: block; }

  .col-ms-1 {
    width: 8.33%; }

  .col-ms-2 {
    width: 16.66%; }

  .col-ms-3 {
    width: 25%; }

  .col-ms-4 {
    width: 33.33%; }

  .col-ms-5 {
    width: 41.66%; }

  .col-ms-6 {
    width: 50%; }

  .col-ms-7 {
    width: 58.33%; }

  .col-ms-8 {
    width: 66.66%; }

  .col-ms-9 {
    width: 75%; }

  .col-ms-10 {
    width: 83.33%; }

  .col-ms-11 {
    width: 91.66%; }

  .col-ms-12 {
    width: 100%; }

  #instagram_scroll {
    padding-bottom: 33.333%; }

  .instagram-item {
    width: 33.333%;
    padding-bottom: calc(33.333% - 12px); }

  .sq-c-left,
  .sq-c-right {
    margin-top: calc(33.333% / 2 - 20px); }

  header #header .header-posleft-offset {
    left: 180px; }
  header #header .header-posright-offset {
    right: 180px; }

  #destination_dropdown nav {
    width: 60%; }
  #destination_dropdown #destination_dropdown_img {
    width: calc(40% - 30px);
    margin-left: 30px; }

  #bookyourstay_dropdown #booking_form .formfield-bkdaterow label {
    min-width: 120px; }

  header #header #button_bookyourstay span {
    display: none; }
  header #header #button_capelladiscovery,
  header #header #button_destinations,
  header #header #button_language,
  header #header #button_capellacurates {
    display: none; }
  header #header #button_menu {
    display: block; }

  .mnoscroll header {
    position: fixed;
    top: 0px; }

  #mobilemenu_close {
    display: block; }

  #mobile_menudropdown {
    float: left;
    position: absolute;
    top: 45px;
    left: 0px;
    width: 100%;
    max-height: 0px;
    background-color: #efefef;
    overflow-y: scroll;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(168, 168, 168, 0.5);
    -moz-box-shadow: 0px 3px 5px 0px rgba(168, 168, 168, 0.5);
    box-shadow: 0px 3px 5px 0px rgba(168, 168, 168, 0.5);
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    #mobile_menudropdown.active {
      max-height: calc(100vh - 45px); }
    #mobile_menudropdown #destination_dropdown {
      float: none;
      position: relative;
      width: 100%;
      top: 0px; }
      #mobile_menudropdown #destination_dropdown.menu-linkactive {
        max-height: 2000px;
        margin-top: 10px; }
      #mobile_menudropdown #destination_dropdown .dropdown-close {
        display: none; }
      #mobile_menudropdown #destination_dropdown nav {
        width: 100%; }
        #mobile_menudropdown #destination_dropdown nav ul {
          float: none;
          width: 100%; }
          #mobile_menudropdown #destination_dropdown nav ul li {
            width: 100%; }
      #mobile_menudropdown #destination_dropdown #destination_dropdown_img {
        display: none; }
    #mobile_menudropdown #language_dropdown {
      float: none;
      position: relative;
      width: 100%;
      top: 0px;
      box-shadow: none; }
      #mobile_menudropdown #language_dropdown.menu-linkactive {
        max-height: 2000px;
        margin-top: 10px; }
      #mobile_menudropdown #language_dropdown .dropdown-close {
        display: none; }
      #mobile_menudropdown #language_dropdown .dropdown-inner {
        padding: 20px 15px; }

  #mobile_menutop {
    display: block;
    background-color: #fff;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(168, 168, 168, 0.5);
    -moz-box-shadow: 0px 3px 5px 0px rgba(168, 168, 168, 0.5);
    box-shadow: 0px 3px 5px 0px rgba(168, 168, 168, 0.5); }
    #mobile_menutop nav {
      padding: 15px 35px; }
      #mobile_menutop nav > ul {
        font-family: "Calibre", "Arial", sans-serif;
        text-transform: uppercase;
        font-size: .875rem;
        font-weight: 400; }
        #mobile_menutop nav > ul li {
          margin: 10px 0px; }
          #mobile_menutop nav > ul li a {
            color: #242f3a;
            cursor: pointer; }

  #hotel_main_navigation {
    margin-top: 0px;
    background-color: #efefef;
    height: auto; }
    #hotel_main_navigation .o-wrapper {
      padding-left: 0px;
      padding-right: 0px; }
    #hotel_main_navigation .navigation-title {
      display: block;
      font-family: "Goudy Light", "Arial", sans-serif;
      background-color: #fff;
      padding: 20px 35px;
      text-transform: uppercase;
      font-size: 1.250rem;
      line-height: 1;
      -webkit-box-shadow: 0px 3px 5px 0px rgba(168, 168, 168, 0.5);
      -moz-box-shadow: 0px 3px 5px 0px rgba(168, 168, 168, 0.5);
      box-shadow: 0px 3px 5px 0px rgba(168, 168, 168, 0.5); }
    #hotel_main_navigation nav > ul {
      text-align: left;
      font-size: 1rem;
      padding: 30px 0px; }
      #hotel_main_navigation nav > ul > li {
        display: block;
        padding: 0px 35px;
        margin: 15px 0px; }
    #hotel_main_navigation .ndropdown,
    #hotel_main_navigation .ndropdown.toggle {
      overflow: auto;
      height: auto;
      float: none;
      position: relative;
      left: auto;
      top: auto;
      max-height: none;
      box-shadow: none;
      z-index: auto; }
      #hotel_main_navigation .ndropdown .level2-imgpanel,
      #hotel_main_navigation .ndropdown.toggle .level2-imgpanel {
        display: none; }
      #hotel_main_navigation .ndropdown .dropdown-inner nav,
      #hotel_main_navigation .ndropdown.toggle .dropdown-inner nav {
        width: 100%; }
      #hotel_main_navigation .ndropdown ul li a,
      #hotel_main_navigation .ndropdown.toggle ul li a {
        font-size: 1rem;
        text-transform: uppercase;
        font-family: "Calibre", "Arial", sans-serif; }

  .capella-singapore header #header .header-base {
    border-bottom: 2px solid #d14124; }
  .capella-singapore #hotel_main_navigation {
    border-top: 1px solid #d14124;
    border-bottom: 0px;
    box-shadow: none; }
    .capella-singapore #hotel_main_navigation .navigation-title a {
      color: #d14124; }

  .capella-bangkok header #header .header-base {
    border-bottom: 2px solid #C9B1D0; }
  .capella-bangkok #hotel_main_navigation {
    border-top: 1px solid #C9B1D0;
    border-bottom: 0px;
    box-shadow: none; }
    .capella-bangkok #hotel_main_navigation .navigation-title a {
      color: #C9B1D0; }

  .capella-dusseldorf header #header .header-base {
    border-bottom: 2px solid #d6b44d; }
  .capella-dusseldorf #hotel_main_navigation {
    border-top: 1px solid #d6b44d;
    border-bottom: 0px;
    box-shadow: none; }
    .capella-dusseldorf #hotel_main_navigation .navigation-title a {
      color: #d6b44d; }

  .capella-maldives header #header .header-base {
    border-bottom: 2px solid #71C5E8; }
  .capella-maldives #hotel_main_navigation {
    border-top: 1px solid #71C5E8;
    border-bottom: 0px;
    box-shadow: none; }
    .capella-maldives #hotel_main_navigation .navigation-title a {
      color: #71C5E8; }

  .capella-sanya header #header .header-base {
    border-bottom: 2px solid #E6A65D; }
  .capella-sanya #hotel_main_navigation {
    border-top: 1px solid #E6A65D;
    border-bottom: 0px;
    box-shadow: none; }
    .capella-sanya #hotel_main_navigation .navigation-title a {
      color: #E6A65D; }

  .capella-shanghai header #header .header-base {
    border-bottom: 2px solid #E10600; }
  .capella-shanghai #hotel_main_navigation {
    border-top: 1px solid #E10600;
    border-bottom: 0px;
    box-shadow: none; }
    .capella-shanghai #hotel_main_navigation .navigation-title a {
      color: #E10600; }

  .capella-sydney header #header .header-base {
    border-bottom: 2px solid #DB864E; }
  .capella-sydney #hotel_main_navigation {
    border-top: 1px solid #DB864E;
    border-bottom: 0px;
    box-shadow: none; }
    .capella-sydney #hotel_main_navigation .navigation-title a {
      color: #DB864E; }

  .capella-ubud header #header .header-base {
    border-bottom: 2px solid #007041; }
  .capella-ubud #hotel_main_navigation {
    border-top: 1px solid #007041;
    border-bottom: 0px;
    box-shadow: none; }
    .capella-ubud #hotel_main_navigation .navigation-title a {
      color: #007041; }

  .site-corporate header #header #button_menu {
    color: #fff; }
  .site-corporate #hotel_main_navigation ul > li {
    padding: 0px 30px; }
  .site-corporate #hotel_main_navigation .ndropdown ul,
  .site-corporate #hotel_main_navigation .ndropdown.toggle ul {
    padding: 0px; }
    .site-corporate #hotel_main_navigation .ndropdown ul li,
    .site-corporate #hotel_main_navigation .ndropdown.toggle ul li {
      padding: 0px;
      margin-bottom: 5px; }
  .site-corporate #hotel_main_navigation .ndropdown .dropdown-close,
  .site-corporate #hotel_main_navigation .ndropdown.toggle .dropdown-close {
    display: none; }

  .capella-bangkok #hotel_main_navigation,
  .capella-sanya #hotel_main_navigation,
  .capella-sydney #hotel_main_navigation,
  .capella-maldives #hotel_main_navigation {
    height: 61px; }
  .capella-bangkok #mobilemenu_close,
  .capella-sanya #mobilemenu_close,
  .capella-sydney #mobilemenu_close,
  .capella-maldives #mobilemenu_close {
    border-top: 0px; }

  #social_stayconnected h2 {
    font-size: 2.3750rem; }
  #social_stayconnected .quote {
    font-size: 1.5rem; }

  #hotel_localdetails .localdetails-grid-container {
    display: flex;
    flex-wrap: wrap; }
    #hotel_localdetails .localdetails-grid-container .localdetails-grid {
      width: 45%; }

  #corporate_address, #corporate_contactdetails {
    width: calc(50% - 20px); }

  .prefooter-contact {
    padding: 30px 20px 30px 20px; }
    .prefooter-contact .blocks {
      display: flex;
      flex-wrap: wrap; }
    .prefooter-contact .block-tri {
      width: 50%;
      margin-bottom: 20px; }

  .social-linkswrapper {
    padding-right: 0px; }

  .social-linkcontainer {
    padding-left: 0px; }
    .social-linkcontainer .sociallink {
      margin-right: 5px; }

  #content h2, #content.detail-page h2 {
    font-size: 2.3750rem; }
  #content .innerpage-top .wrapper .section-subtitle {
    font-size: 1.5rem; }
  #content .innerpage-top .wrapper .section-synopsis {
    width: 33.333%; }
  #content .section-text2col .section-col {
    width: 50%;
    margin-left: 0px;
    padding-right: 8.333%; }
  #content .section-2image-layout1 .section-synopsis {
    width: 45%;
    margin-left: 8.667%; }
  #content .section-destinationpanels .section-synopsis {
    width: calc(100% / 11 * 5); }
  #content .section-destinationpanels:not(.accommodation):not(.tab-slider) .home-des-detailpanel .home-des-detail-title {
    float: none;
    width: auto;
    margin-bottom: 20px; }
  #content .section-destinationpanels:not(.accommodation):not(.tab-slider) .home-des-detailpanel .home-des-detail-synopsis {
    float: none;
    width: 100%;
    padding-right: 30px; }
  #content .section-destinationpanels.tab-slider h2, #content .section-destinationpanels.accommodation h2 {
    margin-bottom: 5px; }
  #content .section-destinationpanels.tab-slider .section-title, #content .section-destinationpanels.accommodation .section-title {
    width: auto; }
  #content .section-destinationpanels.tab-slider .section-synopsis, #content .section-destinationpanels.accommodation .section-synopsis {
    float: none;
    width: 50%;
    clear: both; }
  #content .section-carouselgrid .section-basebg {
    height: 315px; }
  #content .section-carouselgrid .grid-carousel-buttonleft,
  #content .section-carouselgrid .grid-carousel-buttonright {
    padding-bottom: calc(100% -  100px); }
  #content .section-carouselgrid .section-left {
    width: 50%; }
  #content .section-carouselgrid .section-right[data-no="2"] .grid-carousel-buttonleft,
  #content .section-carouselgrid .section-right[data-no="2"] .grid-carousel-buttonright {
    display: block; }
  #content .section-carouselgrid.tall-slider .grid-carousel-container .grid-carousel-panel:before, #content .section-carouselgrid.discovergrid .grid-carousel-container .grid-carousel-panel:before {
    display: none; }
  #content .section-carouselgrid.tall-slider .grid-carousel-container .grid-carousel-panel:after, #content .section-carouselgrid.discovergrid .grid-carousel-container .grid-carousel-panel:after {
    display: none; }
  #content .section-curatesgrid .section-curatesbuttons .c-buttonindex {
    font-size: 8.5rem; }
  #content .section-innergallery .innergallery-text {
    bottom: -30px;
    right: 10px; }
  #content .section-2image-layout3 .section-subtitle {
    width: 50%; }
  #content .section-2image-layout3 .section-synopsis {
    width: 50%; }
  #content .section-2image-layout3 .section-sublinks {
    width: 100%;
    margin-bottom: 20px; }
  #content .section-2image-layout3.has-sectionlinks .section-content {
    flex-wrap: wrap; }
  #content .section-sideimagetext .section-grid-imagecol {
    width: 50%; }
  #content .section-sideimagetext .section-grid-textcol {
    width: 50%; }

  .services-gridpanel .services-gridcarouselcontainer {
    width: 100%;
    padding-right: 0px;
    margin-bottom: 10px; }
  .services-gridpanel .services-gridcontent {
    width: 100%; }

  #content .section-titlesypnosis.sts .section-synopsis, #content .section-titlesypnosis.accommodation .section-synopsis, #content .section-destinationpanels.sts .section-synopsis, #content .section-destinationpanels.tab-slider .section-synopsis, #content .section-destinationpanels.accommodation .section-synopsis {
    margin-left: 8.667%;
    width: calc(100% / 12 * 5); }

  .scroll-grid .scroll-grid-panel {
    width: calc(50% - 16px);
    margin: 0px 8px 30px 8px; }

  .section-scrollgrid.moregutter .scroll-grid-panel {
    width: calc(50% - 24px);
    margin-right: 8px; }
    .section-scrollgrid.moregutter .scroll-grid-panel:nth-child(2n) {
      margin-left: 24px; }
    .section-scrollgrid.moregutter .scroll-grid-panel:nth-child(3n) {
      margin-right: 8px; }

  .aclisting-listingcontainer .aclisting-item .aclisting-item-title {
    width: 100%;
    margin-bottom: 20px; }
  .aclisting-listingcontainer .aclisting-item .aclisting-item-subtitle {
    width: 100%; }

  .devmap-popupcontainer .devmap-popupinner {
    display: flex;
    flex-wrap: wrap; }
    .devmap-popupcontainer .devmap-popupinner .devmap-popup-title {
      max-width: none; }
    .devmap-popupcontainer .devmap-popupinner .devmap-popup-innerlinks {
      float: none;
      left: auto;
      top: auto;
      position: relative;
      font-size: 1rem; }
    .devmap-popupcontainer .devmap-popupinner .devmap-popup-title {
      margin-bottom: 30px; }
    .devmap-popupcontainer .devmap-popupinner .devmap-popupright {
      flex-wrap: wrap; }
      .devmap-popupcontainer .devmap-popupinner .devmap-popupright .devmap-popup-img {
        width: 100%;
        margin-bottom: 20px; }
      .devmap-popupcontainer .devmap-popupinner .devmap-popupright .devmap-popup-content {
        width: 100%;
        margin-left: 0px; } }
@media only screen and (max-width: 47.938em) {
  /* Sizing */
  .show-for-large-only,
  .show-for-xlarge-up,
  .show-for-medium-only {
    display: none; }

  .show-for-small-only {
    display: block; }

  body.mnoscroll {
    overflow-y: hidden; }

  .col-s-1 {
    width: 8.33%; }

  .col-s-2 {
    width: 16.66%; }

  .col-s-3 {
    width: 25%; }

  .col-s-4 {
    width: 33.33%; }

  .col-s-5 {
    width: 41.66%; }

  .col-s-6 {
    width: 50%; }

  .col-s-7 {
    width: 58.33%; }

  .col-s-8 {
    width: 66.66%; }

  .col-s-9 {
    width: 75%; }

  .col-s-10 {
    width: 83.33%; }

  .col-s-11 {
    width: 91.66%; }

  .col-s-12 {
    width: 100%; }

  #instagram_scroll {
    padding-bottom: calc(100% - 42px); }

  .instagram-item {
    width: 100%;
    padding-bottom: calc(100% - 12px); }

  .sq-c-left,
  .sq-c-right {
    margin-top: calc(100% / 2 - 38px); }

  .force-break {
    display: initial; }

  #hotel_enquiryform .hrdivider {
    display: none; }

  .form-container .formfield {
    width: calc(100% - 16px); }
    .form-container .formfield.formfield-2col {
      width: calc(100% - 16px); }
    .form-container .formfield.formfield-3col {
      width: calc(100% - 16px); }
    .form-container .formfield.formfield-cb label {
      width: calc(100% - 25px); }

  #bookyourstay_dropdown {
    height: calc(100vh - 45px);
    overflow-y: scroll;
    overflow-x: hidden; }
    #bookyourstay_dropdown .bookyourstay-panel {
      width: 100%;
      margin-left: 0px;
      margin-right: 0px; }
    #bookyourstay_dropdown #booking_form {
      padding-right: 0px; }
      #bookyourstay_dropdown #booking_form .formfield-bkdetailrow {
        display: flex;
        justify-content: space-between; }
        #bookyourstay_dropdown #booking_form .formfield-bkdetailrow .formfield-col {
          width: 33.333%;
          padding-right: 10px; }
          #bookyourstay_dropdown #booking_form .formfield-bkdetailrow .formfield-col:nth-last-child(1) {
            margin-right: 0px; }
          #bookyourstay_dropdown #booking_form .formfield-bkdetailrow .formfield-col .formfield-select {
            padding-left: 10px; }
        #bookyourstay_dropdown #booking_form .formfield-bkdetailrow label {
          min-width: 0px;
          margin-right: 10px; }
      #bookyourstay_dropdown #booking_form .formfield-bkdaterow {
        float: none;
        left: auto;
        top: auto;
        position: relative;
        display: block;
        width: 100%; }
        #bookyourstay_dropdown #booking_form .formfield-bkdaterow .formfield-col,
        #bookyourstay_dropdown #booking_form .formfield-bkdaterow .formfield-col:nth-child(1) {
          width: 100%;
          margin-right: 0px;
          flex-wrap: wrap;
          border-bottom: 0px; }
      #bookyourstay_dropdown #booking_form .formfield-modify,
      #bookyourstay_dropdown #booking_form .formfield-checkavailabilityrow {
        float: none;
        position: relative;
        left: auto;
        bottom: auto;
        width: 100%; }
        #bookyourstay_dropdown #booking_form .formfield-modify a,
        #bookyourstay_dropdown #booking_form .formfield-modify input,
        #bookyourstay_dropdown #booking_form .formfield-checkavailabilityrow a,
        #bookyourstay_dropdown #booking_form .formfield-checkavailabilityrow input {
          text-align: center; }
    #bookyourstay_dropdown #bf_daterange {
      display: none; }

  .calendar-single {
    display: block;
    margin-top: 5px;
    border-top: 1px solid #242f3a;
    padding-top: 10px; }

  #bf_arrivaldate {
    padding-top: 0px; }

  #cookie_policy .inner-wrapper {
    max-width: calc(100% - 40px); }
  #cookie_policy .cookiep-left {
    width: 100%;
    padding-right: 0px;
    margin-bottom: 20px; }
  #cookie_policy .cookiep-right {
    width: 100%; }

  #social_stayconnected {
    padding: 35px 0px 95px 0px; }
    #social_stayconnected h2 {
      font-size: 1.875rem; }
    #social_stayconnected .quote {
      padding-left: 60px;
      font-size: 1.375rem; }
    #social_stayconnected .col {
      padding-left: 20px;
      padding-right: 20px; }
    #social_stayconnected .text-big {
      font-size: 1.3750rem; }

  #social_instagram_container {
    width: calc(100% - 20px); }

  #hotel_localdetails {
    padding: 30px 0px; }
    #hotel_localdetails .col {
      padding-left: 20px;
      padding-right: 20px; }
    #hotel_localdetails h5 {
      margin-bottom: 30px; }
    #hotel_localdetails .localdetails-grid-container .localdetails-grid {
      width: 50%;
      padding-right: 10px; }

  footer {
    padding: 35px 0px; }
    footer .col {
      padding-left: 20px;
      padding-right: 20px; }
    footer h5 {
      margin-bottom: 30px; }
    footer #footer_nav > nav > ul > li {
      width: 50%; }
    footer #corporate_address, footer #corporate_contactdetails {
      width: 100%; }
    footer #corporate_address {
      margin-bottom: 20px; }

  .prefooter-contact .blocks {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px; }
  .prefooter-contact .block-tri {
    width: 100%;
    margin-bottom: 30px; }
  .prefooter-contact .block-title {
    margin-bottom: 10px;
    font-weight: 600; }

  .social-linkcontainer {
    margin-bottom: 30px; }

  #masthead .masthead-textpanel #masthead_logo {
    width: calc(260px * 0.7);
    height: calc(152px * 0.7);
    background: url(../img/site_assets/logo.svg) center center no-repeat;
    background-size: calc(260px * 0.7) calc(152px * 0.7);
    transform: translateY(calc(-40px * 0.7)); }
  #masthead .masthead-textpanel .masthead-bottomtext {
    font-size: 1.5rem;
    padding-left: 20px;
    padding-right: 20px;
    bottom: 150px;
    visibility: hidden; }
  #masthead .masthead-textpanel .masthead-downarrow {
    bottom: 110px; }

  .capella-singapore #masthead .masthead-textpanel #masthead_logo {
    width: calc(230px * 0.7);
    height: calc(164px * 0.7);
    background-size: calc(230px * 0.7) calc(164px * 0.7); }

  #content {
    overflow-x: hidden; }
    #content > section {
      margin-top: 95px; }
      #content > section:nth-child(1) {
        margin-top: 60px; }
    #content.detail-page h1, #content.detail-page h2,
    #content h1, #content h2 {
      font-size: 1.875rem; }
    #content .innerpage-top .wrapper .section-title {
      margin-left: 0px; }
    #content .innerpage-top .wrapper .section-subtitle {
      width: 100%;
      float: none;
      font-size: 1.3750rem;
      margin-bottom: 35px; }
    #content .innerpage-top .wrapper .section-synopsis {
      width: 100%;
      float: none;
      margin-left: 0px;
      padding-left: 70px; }
    #content .relatedpanel h2,
    #content .section-relatedentries h2 {
      margin-bottom: 30px; }
    #content .section-text2col .section-content {
      flex-wrap: wrap; }
    #content .section-text2col .section-col {
      width: 100%;
      margin-left: 0px;
      padding-right: 0px; }
      #content .section-text2col .section-col:nth-child(1) {
        margin-bottom: 30px; }
    #content .section-titlesypnosis h2,
    #content .section-destinationpanels h2 {
      margin-bottom: 25px; }
    #content .section-titlesypnosis .section-subtitle,
    #content .section-destinationpanels .section-subtitle {
      width: 100%;
      font-size: 1.375rem;
      padding-right: 35px;
      margin-bottom: 35px; }
    #content .section-titlesypnosis .section-synopsis,
    #content .section-destinationpanels .section-synopsis {
      margin-left: 0px;
      width: 100%;
      padding-left: 35px;
      padding-right: 35px; }
    #content .section-titlesypnosis .home-des-detailpanel .home-des-detail-title,
    #content .section-destinationpanels .home-des-detailpanel .home-des-detail-title {
      padding-left: 0;
      padding-right: 30px; }
    #content .section-titlesypnosis .home-des-detailpanel .home-des-detail-synopsis,
    #content .section-destinationpanels .home-des-detailpanel .home-des-detail-synopsis {
      padding-left: 30px;
      padding-right: 30px; }
    #content .section-titlesypnosis .home-destination-container,
    #content .section-destinationpanels .home-destination-container {
      flex-wrap: wrap; }
      #content .section-titlesypnosis .home-destination-container .section-left,
      #content .section-destinationpanels .home-destination-container .section-left {
        width: 100%;
        margin-bottom: 15px; }
      #content .section-titlesypnosis .home-destination-container ul,
      #content .section-destinationpanels .home-destination-container ul {
        display: flex;
        flex-wrap: wrap; }
        #content .section-titlesypnosis .home-destination-container ul li,
        #content .section-destinationpanels .home-destination-container ul li {
          width: 50%;
          font-size: 1.25rem; }
    #content .section-titlesypnosis:not(.accommodation):not(.tab-slider) .home-des-detailpanel .home-des-detail-title,
    #content .section-destinationpanels:not(.accommodation):not(.tab-slider) .home-des-detailpanel .home-des-detail-title {
      padding-left: 30px; }
    #content .section-titlesypnosis.tab-slider .section-synopsis, #content .section-titlesypnosis.sts .section-synopsis, #content .section-titlesypnosis.accommodation .section-synopsis,
    #content .section-destinationpanels.tab-slider .section-synopsis,
    #content .section-destinationpanels.sts .section-synopsis,
    #content .section-destinationpanels.accommodation .section-synopsis {
      margin-left: 0px;
      width: 100%;
      padding-left: 70px;
      padding-right: 20px; }
    #content .section-titlesypnosis.tab-slider .section-title, #content .section-titlesypnosis.sts .section-title, #content .section-titlesypnosis.accommodation .section-title,
    #content .section-destinationpanels.tab-slider .section-title,
    #content .section-destinationpanels.sts .section-title,
    #content .section-destinationpanels.accommodation .section-title {
      margin-left: 20px; }
    #content .section-titlesypnosis.tab-slider .home-destination-container, #content .section-titlesypnosis.sts .home-destination-container, #content .section-titlesypnosis.accommodation .home-destination-container,
    #content .section-destinationpanels.tab-slider .home-destination-container,
    #content .section-destinationpanels.sts .home-destination-container,
    #content .section-destinationpanels.accommodation .home-destination-container {
      width: 100%; }
      #content .section-titlesypnosis.tab-slider .home-destination-container .section-left, #content .section-titlesypnosis.sts .home-destination-container .section-left, #content .section-titlesypnosis.accommodation .home-destination-container .section-left,
      #content .section-destinationpanels.tab-slider .home-destination-container .section-left,
      #content .section-destinationpanels.sts .home-destination-container .section-left,
      #content .section-destinationpanels.accommodation .home-destination-container .section-left {
        width: 100%;
        margin-bottom: 15px;
        padding-left: 20px;
        padding-right: 20px; }
        #content .section-titlesypnosis.tab-slider .home-destination-container .section-left ul, #content .section-titlesypnosis.sts .home-destination-container .section-left ul, #content .section-titlesypnosis.accommodation .home-destination-container .section-left ul,
        #content .section-destinationpanels.tab-slider .home-destination-container .section-left ul,
        #content .section-destinationpanels.sts .home-destination-container .section-left ul,
        #content .section-destinationpanels.accommodation .home-destination-container .section-left ul {
          text-align: left;
          display: flex;
          flex-wrap: wrap; }
          #content .section-titlesypnosis.tab-slider .home-destination-container .section-left ul li, #content .section-titlesypnosis.sts .home-destination-container .section-left ul li, #content .section-titlesypnosis.accommodation .home-destination-container .section-left ul li,
          #content .section-destinationpanels.tab-slider .home-destination-container .section-left ul li,
          #content .section-destinationpanels.sts .home-destination-container .section-left ul li,
          #content .section-destinationpanels.accommodation .home-destination-container .section-left ul li {
            width: 45%;
            margin: 0px;
            margin-bottom: 15px; }
      #content .section-titlesypnosis.tab-slider .home-destination-container .home-des-detailpanel .home-des-detail-img, #content .section-titlesypnosis.sts .home-destination-container .home-des-detailpanel .home-des-detail-img, #content .section-titlesypnosis.accommodation .home-destination-container .home-des-detailpanel .home-des-detail-img,
      #content .section-destinationpanels.tab-slider .home-destination-container .home-des-detailpanel .home-des-detail-img,
      #content .section-destinationpanels.sts .home-destination-container .home-des-detailpanel .home-des-detail-img,
      #content .section-destinationpanels.accommodation .home-destination-container .home-des-detailpanel .home-des-detail-img {
        margin-left: 20px;
        width: calc(100% - 20px); }
      #content .section-titlesypnosis.tab-slider .home-destination-container .home-des-detailpanel .home-des-detail-title, #content .section-titlesypnosis.sts .home-destination-container .home-des-detailpanel .home-des-detail-title, #content .section-titlesypnosis.accommodation .home-destination-container .home-des-detailpanel .home-des-detail-title,
      #content .section-destinationpanels.tab-slider .home-destination-container .home-des-detailpanel .home-des-detail-title,
      #content .section-destinationpanels.sts .home-destination-container .home-des-detailpanel .home-des-detail-title,
      #content .section-destinationpanels.accommodation .home-destination-container .home-des-detailpanel .home-des-detail-title {
        float: none;
        position: relative;
        width: 100%;
        padding-left: 50px;
        padding-right: 50px;
        margin-bottom: 30px; }
      #content .section-titlesypnosis.tab-slider .home-destination-container .home-des-detailpanel .home-des-detail-synopsis, #content .section-titlesypnosis.sts .home-destination-container .home-des-detailpanel .home-des-detail-synopsis, #content .section-titlesypnosis.accommodation .home-destination-container .home-des-detailpanel .home-des-detail-synopsis,
      #content .section-destinationpanels.tab-slider .home-destination-container .home-des-detailpanel .home-des-detail-synopsis,
      #content .section-destinationpanels.sts .home-destination-container .home-des-detailpanel .home-des-detail-synopsis,
      #content .section-destinationpanels.accommodation .home-destination-container .home-des-detailpanel .home-des-detail-synopsis {
        float: none;
        position: relative;
        width: 100%;
        padding-left: 50px;
        padding-right: 50px;
        margin-bottom: 30px; }
        #content .section-titlesypnosis.tab-slider .home-destination-container .home-des-detailpanel .home-des-detail-synopsis p:before, #content .section-titlesypnosis.sts .home-destination-container .home-des-detailpanel .home-des-detail-synopsis p:before, #content .section-titlesypnosis.accommodation .home-destination-container .home-des-detailpanel .home-des-detail-synopsis p:before,
        #content .section-destinationpanels.tab-slider .home-destination-container .home-des-detailpanel .home-des-detail-synopsis p:before,
        #content .section-destinationpanels.sts .home-destination-container .home-des-detailpanel .home-des-detail-synopsis p:before,
        #content .section-destinationpanels.accommodation .home-destination-container .home-des-detailpanel .home-des-detail-synopsis p:before {
          display: none; }
      #content .section-titlesypnosis.tab-slider .home-destination-container .home-des-detailpanel .home-des-detail-actionlink, #content .section-titlesypnosis.sts .home-destination-container .home-des-detailpanel .home-des-detail-actionlink, #content .section-titlesypnosis.accommodation .home-destination-container .home-des-detailpanel .home-des-detail-actionlink,
      #content .section-destinationpanels.tab-slider .home-destination-container .home-des-detailpanel .home-des-detail-actionlink,
      #content .section-destinationpanels.sts .home-destination-container .home-des-detailpanel .home-des-detail-actionlink,
      #content .section-destinationpanels.accommodation .home-destination-container .home-des-detailpanel .home-des-detail-actionlink {
        float: none;
        position: relative;
        width: 100%;
        left: auto;
        bottom: auto;
        padding-left: 50px;
        padding-right: 50px;
        padding-bottom: 2px; }
    #content .section-titlesypnosis.tab-slider .home-des-buttonleft, #content .section-titlesypnosis.sts .home-des-buttonleft, #content .section-titlesypnosis.accommodation .home-des-buttonleft,
    #content .section-destinationpanels.tab-slider .home-des-buttonleft,
    #content .section-destinationpanels.sts .home-des-buttonleft,
    #content .section-destinationpanels.accommodation .home-des-buttonleft {
      left: 20px;
      top: calc(((100vw - 20px) * .56) + 40px);
      margin-top: 0px;
      background-size: 10px 25px;
      width: 10px;
      height: 25px; }
      #content .section-titlesypnosis.tab-slider .home-des-buttonleft.disabled, #content .section-titlesypnosis.sts .home-des-buttonleft.disabled, #content .section-titlesypnosis.accommodation .home-des-buttonleft.disabled,
      #content .section-destinationpanels.tab-slider .home-des-buttonleft.disabled,
      #content .section-destinationpanels.sts .home-des-buttonleft.disabled,
      #content .section-destinationpanels.accommodation .home-des-buttonleft.disabled {
        opacity: .3;
        pointer-events: none; }
    #content .section-titlesypnosis.tab-slider .home-des-buttonright, #content .section-titlesypnosis.sts .home-des-buttonright, #content .section-titlesypnosis.accommodation .home-des-buttonright,
    #content .section-destinationpanels.tab-slider .home-des-buttonright,
    #content .section-destinationpanels.sts .home-des-buttonright,
    #content .section-destinationpanels.accommodation .home-des-buttonright {
      right: 20px;
      top: calc(((100vw - 20px) * .56) + 40px);
      margin-top: 0px;
      background-size: 10px 25px;
      width: 10px;
      height: 25px; }
      #content .section-titlesypnosis.tab-slider .home-des-buttonright.disabled, #content .section-titlesypnosis.sts .home-des-buttonright.disabled, #content .section-titlesypnosis.accommodation .home-des-buttonright.disabled,
      #content .section-destinationpanels.tab-slider .home-des-buttonright.disabled,
      #content .section-destinationpanels.sts .home-des-buttonright.disabled,
      #content .section-destinationpanels.accommodation .home-des-buttonright.disabled {
        opacity: .3;
        pointer-events: none; }
    #content .section-titlesypnosis.sts .section-title,
    #content .section-destinationpanels.sts .section-title {
      width: 100%; }
    #content .section-titlesypnosis.accommodation-listing .section-synopsis,
    #content .section-destinationpanels.accommodation-listing .section-synopsis {
      float: none;
      width: 100%;
      margin-left: 0px;
      padding-left: 70px; }
    #content .section-titlesypnosis.accommodation-listing .section-right,
    #content .section-destinationpanels.accommodation-listing .section-right {
      margin-top: 25px; }
    #content .section-titlesypnosis.accommodation-listing .home-destination-container ul,
    #content .section-destinationpanels.accommodation-listing .home-destination-container ul {
      display: flex;
      flex-wrap: wrap;
      text-align: left;
      padding-left: 35px;
      padding-right: 35px; }
      #content .section-titlesypnosis.accommodation-listing .home-destination-container ul li,
      #content .section-destinationpanels.accommodation-listing .home-destination-container ul li {
        margin: 10px 0px;
        padding: 0px;
        width: 50%; }
    #content .section-titlesypnosis.accommodation-listing .aclisting-title,
    #content .section-destinationpanels.accommodation-listing .aclisting-title {
      margin-bottom: 25px; }
      #content .section-titlesypnosis.accommodation-listing .aclisting-title h3,
      #content .section-destinationpanels.accommodation-listing .aclisting-title h3 {
        font-size: 1.875rem; }
    #content .section-titlesypnosis.accommodation-listing .aclisting-subtitle,
    #content .section-destinationpanels.accommodation-listing .aclisting-subtitle {
      display: none; }
    #content .section-titlesypnosis.accommodation-listing .aclisting-synopsis,
    #content .section-destinationpanels.accommodation-listing .aclisting-synopsis {
      width: 100%;
      margin-left: auto;
      padding-left: 35px;
      padding-right: 35px; }
    #content .section-carouselgrid .section-basebg {
      display: none; }
    #content .section-carouselgrid .section-subtitle {
      font-family: "Goudy Light", "Arial", sans-serif;
      text-transform: none;
      font-size: 1.3rem; }
    #content .section-carouselgrid .wrapper {
      padding-top: 0px;
      flex-wrap: wrap; }
    #content .section-carouselgrid .section-left {
      width: 100%; }
    #content .section-carouselgrid .section-right {
      width: 100%;
      margin-top: 40px; }
      #content .section-carouselgrid .section-right[data-no="1"] .grid-carousel-buttonleft,
      #content .section-carouselgrid .section-right[data-no="1"] .grid-carousel-buttonright, #content .section-carouselgrid .section-right[data-no="2"] .grid-carousel-buttonleft,
      #content .section-carouselgrid .section-right[data-no="2"] .grid-carousel-buttonright {
        display: block; }
    #content .section-carouselgrid .grid-carousel-buttonleft,
    #content .section-carouselgrid .grid-carousel-buttonright {
      height: 25px;
      padding-bottom: 0px;
      top: 100vw;
      width: 10px;
      background-size: 10px 25px; }
    #content .section-carouselgrid .grid-carousel-container {
      width: 100%; }
      #content .section-carouselgrid .grid-carousel-container .grid-carousel-panel {
        padding: 0px 0px 0px 50px; }
        #content .section-carouselgrid .grid-carousel-container .grid-carousel-panel .section-grid-title,
        #content .section-carouselgrid .grid-carousel-container .grid-carousel-panel .section-grid-subtitle,
        #content .section-carouselgrid .grid-carousel-container .grid-carousel-panel .section-grid-synopsis,
        #content .section-carouselgrid .grid-carousel-container .grid-carousel-panel .section-grid-link {
          max-width: calc(100% - 50px); }
    #content .section-carouselgrid.tall-slider .grid-carousel-container, #content .section-carouselgrid.discovergrid .grid-carousel-container {
      width: 100%; }
      #content .section-carouselgrid.tall-slider .grid-carousel-container .grid-carousel-panel, #content .section-carouselgrid.discovergrid .grid-carousel-container .grid-carousel-panel {
        padding: 0px 0px 0px 0px; }
        #content .section-carouselgrid.tall-slider .grid-carousel-container .grid-carousel-panel.highlight:before, #content .section-carouselgrid.discovergrid .grid-carousel-container .grid-carousel-panel.highlight:before {
          height: 20px;
          width: 100%;
          left: 0px; }
        #content .section-carouselgrid.tall-slider .grid-carousel-container .grid-carousel-panel .section-grid-img, #content .section-carouselgrid.discovergrid .grid-carousel-container .grid-carousel-panel .section-grid-img {
          margin-bottom: 25px; }
        #content .section-carouselgrid.tall-slider .grid-carousel-container .grid-carousel-panel .section-grid-title,
        #content .section-carouselgrid.tall-slider .grid-carousel-container .grid-carousel-panel .section-grid-subtitle,
        #content .section-carouselgrid.tall-slider .grid-carousel-container .grid-carousel-panel .section-grid-synopsis,
        #content .section-carouselgrid.tall-slider .grid-carousel-container .grid-carousel-panel .section-grid-link, #content .section-carouselgrid.discovergrid .grid-carousel-container .grid-carousel-panel .section-grid-title,
        #content .section-carouselgrid.discovergrid .grid-carousel-container .grid-carousel-panel .section-grid-subtitle,
        #content .section-carouselgrid.discovergrid .grid-carousel-container .grid-carousel-panel .section-grid-synopsis,
        #content .section-carouselgrid.discovergrid .grid-carousel-container .grid-carousel-panel .section-grid-link {
          max-width: calc(100% - 50px);
          margin-left: auto;
          margin-right: auto; }
    #content .section-carouselgrid.tall-slider .grid-carousel-buttonleft,
    #content .section-carouselgrid.tall-slider .grid-carousel-buttonright, #content .section-carouselgrid.discovergrid .grid-carousel-buttonleft,
    #content .section-carouselgrid.discovergrid .grid-carousel-buttonright {
      top: calc(100vw + 38px);
      padding-bottom: 0px; }
    #content .section-1image .section-title {
      width: 50%;
      float: none;
      margin-left: 20px; }
    #content .section-1image .section-subtitle {
      width: calc(100% - 100px);
      float: none;
      margin-left: 60px;
      font-size: 1.25rem; }
    #content .section-1image .section-imagepanel {
      width: calc(100% - 40px); }
      #content .section-1image .section-imagepanel .section-synopsis {
        width: 100%;
        padding-left: 40px;
        padding-right: 20px; }
      #content .section-1image .section-imagepanel .section-actionlink {
        padding-left: 40px; }
    #content .section-curatesgrid .section-curatesbuttons {
      display: none; }
    #content .section-curatesgrid .wrapper {
      flex-wrap: wrap; }
    #content .section-curatesgrid .section-left {
      width: 100%;
      padding: 0px 20px; }
    #content .section-curatesgrid .section-right {
      width: 100%;
      padding: 0px 20px;
      position: relative; }
    #content .section-curatesgrid .curategrid-container .curategrid-panel .curategrid-category {
      float: none;
      position: relative;
      top: auto;
      right: auto;
      padding-left: 30px;
      display: inline-block;
      border-bottom: 0;
      margin-bottom: 20px;
      text-transform: none;
      font-size: 1.5em; }
      #content .section-curatesgrid .curategrid-container .curategrid-panel .curategrid-category span {
        float: left;
        position: absolute;
        left: 0px;
        bottom: 0px;
        font-family: "Goudy Light", "Arial", sans-serif;
        font-size: 2rem;
        display: block; }
    #content .section-curatesgrid .curategrid-container .curategrid-panel .curategrid-location {
      float: none;
      position: relative;
      top: auto;
      right: auto; }
    #content .section-curatesgrid .curategrid-container .curategrid-panel .curategrid-tagline {
      width: 100%;
      padding-left: 80px;
      padding-right: 40px; }
    #content .section-curatesgrid .curategrid-container .curategrid-panel .curategrid-textgroup {
      padding: 0px 30px; }
    #content .section-curatesgrid .curategrid-container .curategrid-panel .curategrid-title {
      font-size: 1.5rem;
      font-weight: 400;
      width: 100%; }
    #content .section-curatesgrid .curategrid-container .curategrid-panel .curategrid-subtitle {
      width: 100%;
      font-size: 1rem;
      margin-bottom: 30px; }
    #content .section-curatesgrid .curategrid-container .curategrid-panel .curategrid-synopsis {
      display: block;
      font-size: .875rem; }
    #content .section-bookyourstaybanner {
      padding: 20px 0px; }
      #content .section-bookyourstaybanner .section-left {
        width: 100%;
        margin-bottom: 30px; }
        #content .section-bookyourstaybanner .section-left h3 {
          font-size: 1.750rem; }
      #content .section-bookyourstaybanner .section-right {
        width: 100%;
        margin-left: 0px;
        padding-left: 35px; }
      #content .section-bookyourstaybanner .section-subtitle {
        font-size: 1.250rem;
        padding-left: 50px;
        padding-right: 20px;
        margin-bottom: 120px; }
    #content .section-innergallery .wrapper {
      position: relative;
      padding-left: 0px;
      padding-right: 0px; }
    #content .section-innergallery .innergallery-text {
      float: none;
      position: relative;
      right: auto;
      bottom: auto;
      width: 100%;
      text-align: center;
      margin-top: 15px;
      font-size: 1rem; }
    #content .section-innergallery .innergallery-buttonleft,
    #content .section-innergallery .innergallery-buttonright {
      width: 11px;
      height: 30px;
      background-size: 11px 30px;
      top: calc(50% - 15px); }
    #content .section-innergallery.gallery-accommodation .innergallery-container {
      margin-bottom: 20px; }
    #content .section-innergallery.gallery-accommodation .innergallery-text {
      left: auto;
      float: none;
      width: 100%;
      padding-left: 35px;
      padding-right: 35px; }
    #content .section-innergallery.gallery-accommodation .innergallery-subtext {
      left: auto;
      float: none;
      width: 100%;
      padding-left: 70px;
      padding-right: 20px; }
    #content .section-2image-layout1 .section-title {
      margin-bottom: 15px;
      padding-right: 20px; }
    #content .section-2image-layout1 .section-subtitle {
      float: none;
      width: 100%;
      max-width: none;
      padding-right: 20px;
      font-size: 1.375rem;
      margin-bottom: 20px; }
    #content .section-2image-layout1 .section-synopsis {
      float: none;
      width: 100%;
      margin-left: auto;
      padding-left: 85px;
      padding-right: 20px; }
      #content .section-2image-layout1 .section-synopsis:before {
        content: '';
        display: inline-block;
        width: 0;
        height: 1px;
        display: none; }
    #content .section-2image-layout1 .section-imagegrid {
      width: 100%;
      display: block; }
      #content .section-2image-layout1 .section-imagegrid .section-imagegridpanel:nth-child(1) {
        width: 100%;
        padding-left: 20px;
        margin-bottom: 10px; }
      #content .section-2image-layout1 .section-imagegrid .section-imagegridpanel:nth-child(2) {
        width: 60%;
        padding-right: 20px;
        margin-left: auto; }
    #content .section-2image-layout2 .inner-wrapper {
      padding-left: 0px;
      padding-right: 0px; }
    #content .section-2image-layout2 .section-title {
      margin-bottom: 0px;
      padding-left: 20px; }
    #content .section-2image-layout2 .section-content {
      padding-left: 0px; }
      #content .section-2image-layout2 .section-content .section-subtitle {
        float: none;
        top: auto;
        left: auto;
        position: relative;
        width: 100%;
        max-width: none;
        margin-bottom: 35px;
        font-size: 1.375rem;
        padding-left: 70px; }
      #content .section-2image-layout2 .section-content .section-imagepanel-1 {
        padding-left: 20px;
        margin-bottom: 20px; }
      #content .section-2image-layout2 .section-content .section-imagepanel-2 {
        float: none;
        bottom: auto;
        left: auto;
        position: relative;
        margin-bottom: 20px; }
      #content .section-2image-layout2 .section-content .section-synopsis {
        width: 100%;
        max-width: none;
        padding-left: 70px;
        padding-right: 20px; }
    #content .section-2image-layout3 .section-content {
      flex-wrap: wrap; }
    #content .section-2image-layout3 .section-title {
      margin-bottom: 30px; }
    #content .section-2image-layout3 .section-subtitle {
      width: 100%;
      margin-bottom: 10px; }
    #content .section-2image-layout3 .section-synopsis {
      width: 100%; }
    #content .section-sideimagetext {
      padding-top: 32px;
      padding-bottom: 30px; }
      #content .section-sideimagetext .inner-wrapper {
        flex-wrap: wrap; }
      #content .section-sideimagetext .section-grid-imagecol {
        order: 1;
        width: 100%;
        margin-bottom: 20px; }
      #content .section-sideimagetext .section-grid-textcol {
        order: 2;
        width: 100%; }
      #content .section-sideimagetext .section-grid-synopsis {
        padding-right: 0px; }
    #content .section-4col .section-4col-grid-container {
      margin-top: 30px; }
      #content .section-4col .section-4col-grid-container .section-4col-grid {
        width: 100%; }
    #content .section-presstable .inner-wrapper {
      width: 100%;
      padding-left: 30px;
      padding-right: 30px; }
    #content .section-presstable .press-subnode {
      flex-wrap: wrap; }
    #content .section-presstable .press-subnode-left {
      width: 100%;
      padding-right: 0px;
      margin-bottom: 10px; }
    #content .section-presstable .press-subnode-right {
      width: 100%;
      padding-right: 0px; }

  .scroll-grid .scroll-grid-panel {
    width: calc(100% - 16px);
    margin: 0px 8px 30px 8px; }

  .home-des-buttonleft,
  .curategrid-buttonleft {
    background: url(../img/site_assets/button-arrowleft.svg) center center no-repeat;
    background-size: 10px 25px;
    width: 10px;
    height: 25px;
    float: left;
    position: absolute;
    left: 20px;
    top: 260px;
    cursor: pointer; }

  .home-des-buttonright,
  .curategrid-buttonright {
    background: url(../img/site_assets/button-arrowright.svg) center center no-repeat;
    background-size: 10px 25px;
    width: 10px;
    height: 25px;
    float: left;
    position: absolute;
    right: 20px;
    top: 260px;
    cursor: pointer; }

  .home-des-buttonleft {
    left: 0px; }

  .home-des-buttonleft,
  .home-des-buttonright {
    top: calc((91.6vw * .5625) + 27px); }
    .home-des-buttonleft.disabled,
    .home-des-buttonright.disabled {
      pointer-events: none;
      opacity: .4; }

  .aclisting-listingcontainer .aclisting-item.emphasise,
  .aclisting-listingcontainer .aclisting-item {
    width: 100%; }
    .aclisting-listingcontainer .aclisting-item.emphasise .aclisting-item-title,
    .aclisting-listingcontainer .aclisting-item .aclisting-item-title {
      float: none;
      width: 100%;
      margin-bottom: 25px;
      font-size: 1.375rem; }
    .aclisting-listingcontainer .aclisting-item.emphasise .aclisting-item-subtitle,
    .aclisting-listingcontainer .aclisting-item .aclisting-item-subtitle {
      float: none;
      width: 100%;
      padding-left: 50px; }

  .relatedpanel .aclisting-listingcontainer .aclisting-item .aclisting-item-title,
  .section-relatedentries .aclisting-listingcontainer .aclisting-item .aclisting-item-title {
    padding-left: 50px; }
  .relatedpanel .aclisting-listingcontainer .aclisting-item .aclisting-item-subtitle,
  .section-relatedentries .aclisting-listingcontainer .aclisting-item .aclisting-item-subtitle {
    padding-left: 0px; }

  .section-scrollgrid.moregutter .scroll-grid-panel {
    width: calc(100% - 16px);
    margin-right: 8px;
    margin-left: 8px; }
    .section-scrollgrid.moregutter .scroll-grid-panel:nth-child(2n) {
      margin-right: 8px;
      margin-left: 8px; }
    .section-scrollgrid.moregutter .scroll-grid-panel:nth-child(3n) {
      margin-right: 8px; }

  .devmap-container {
    overflow: hidden;
    height: auto; }

  .devmap-popupcontainer {
    width: calc(100%);
    padding: 40px 20px;
    min-height: 218px; }
    .devmap-popupcontainer .devmap-popupinner {
      flex-wrap: wrap; }
      .devmap-popupcontainer .devmap-popupinner .devmap-popup-innerlinks ul li {
        display: inline-block;
        margin: 0px 20px 15px 0px; }
      .devmap-popupcontainer .devmap-popupinner .devmap-popup-brand {
        display: none; }
      .devmap-popupcontainer .devmap-popupinner .devmap-popupleft {
        width: 100%; }
      .devmap-popupcontainer .devmap-popupinner .devmap-popupright {
        width: 100%; }

  .dev-header {
    float: none;
    position: relative;
    width: calc(100% - 60px);
    margin: auto;
    top: auto;
    left: auto; }

  .devmap-listbg,
  .devmap-maplist {
    pointer-events: all;
    opacity: 1; }

  .devmap-maplist {
    float: none;
    position: relative;
    left: auto;
    top: auto;
    padding-top: 65px; }

  .devmap-listview > ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap; }
    .devmap-listview > ul > li {
      width: 50%;
      padding-right: 20px;
      display: inline-block;
      margin-bottom: 40px; }

  .devmap-maplistbuttons {
    display: none; }

  #devmap_dragtoggle {
    display: none; }

  .devmarker {
    opacity: .1 !important; }

  .devmap-maplegend {
    right: auto;
    left: 15px;
    top: 50px;
    display: flex;
    width: calc(100% - 30px); }
    .devmap-maplegend div {
      width: 50%; }
    .devmap-maplegend .devmap-legend-grey {
      transform: translateX(-22px); }

  .offer-filters ul {
    justify-content: flex-start;
    padding-left: 8px;
    padding-right: 8px; }
    .offer-filters ul li {
      width: 50%;
      margin: 10px 0px;
      padding: 0px; } }
@media only screen and (max-width: 320px) {
  /* Sizing */
  .show-for-large-only,
  .show-for-xlarge-up,
  .show-for-medium-only {
    display: none; }

  .show-for-small-only {
    display: block; }

  #content .section-destinationpanels .home-destination-container ul li {
    font-size: 1rem; } }
/* Blog Page CSS */
.capella-singapore .section-blog.blog-header .section-header .section-header-text .blog-header-subtitle {
  color: #d14124; }
.capella-singapore .section-blog #curates_loadmore {
  background-color: #d14124;
  border: 1px solid #d14124; }

.capella-bangkok .section-blog.blog-header .section-header .section-header-text .blog-header-subtitle {
  color: #C9B1D0; }
.capella-bangkok .section-blog #curates_loadmore {
  background-color: #C9B1D0;
  border: 1px solid #C9B1D0; }

.capella-dusseldorf .section-blog.blog-header .section-header .section-header-text .blog-header-subtitle {
  color: #d6b44d; }
.capella-dusseldorf .section-blog #curates_loadmore {
  background-color: #d6b44d;
  border: 1px solid #d6b44d; }

.capella-maldives .section-blog.blog-header .section-header .section-header-text .blog-header-subtitle {
  color: #71C5E8; }
.capella-maldives .section-blog #curates_loadmore {
  background-color: #71C5E8;
  border: 1px solid #71C5E8; }

.capella-sanya .section-blog.blog-header .section-header .section-header-text .blog-header-subtitle {
  color: #E6A65D; }
.capella-sanya .section-blog #curates_loadmore {
  background-color: #E6A65D;
  border: 1px solid #E6A65D; }

.capella-shanghai .section-blog.blog-header .section-header .section-header-text .blog-header-subtitle {
  color: #E10600; }
.capella-shanghai .section-blog #curates_loadmore {
  background-color: #E10600;
  border: 1px solid #E10600; }

.capella-sydney .section-blog.blog-header .section-header .section-header-text .blog-header-subtitle {
  color: #DB864E; }
.capella-sydney .section-blog #curates_loadmore {
  background-color: #DB864E;
  border: 1px solid #DB864E; }

.capella-ubud .section-blog.blog-header .section-header .section-header-text .blog-header-subtitle {
  color: #007041; }
.capella-ubud .section-blog #curates_loadmore {
  background-color: #007041;
  border: 1px solid #007041; }

.curates-filters {
  padding: 13px 0px 10px 0px;
  border-top: 1px solid;
  border-bottom: 1px solid;
  margin-bottom: 0px;
  width: calc(100% - 56px);
  margin-left: auto;
  margin-right: auto; }
  .curates-filters ul {
    display: flex;
    flex-wrap: wrap;
    text-align: left;
    padding-left: 35px;
    padding-right: 35px;
    list-style: none;
    width: 100%;
    justify-content: center;
    position: relative; }
    .curates-filters ul li {
      display: inline-block;
      font-family: "Calibre", "Arial", sans-serif;
      font-size: .875rem;
      margin: 0px 15px;
      font-weight: 400;
      text-transform: uppercase;
      letter-spacing: 2px;
      position: relative; }
      .curates-filters ul li span {
        display: inline-block;
        position: relative; }

.capella-singapore .curates-filters {
  border-top: 1px solid #d14124;
  border-bottom: 1px solid #d14124; }
  .capella-singapore .curates-filters li span:after {
    width: 0px;
    height: 1px;
    border-bottom: 1px solid #d14124;
    content: '';
    display: block;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    float: left;
    position: absolute;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .capella-singapore .curates-filters li.active {
    color: #d14124; }
    .capella-singapore .curates-filters li.active span:after {
      width: 100%; }

.no-touch.capella-singapore .curates-filters li {
  cursor: pointer; }
  .no-touch.capella-singapore .curates-filters li:hover {
    color: #d14124; }
    .no-touch.capella-singapore .curates-filters li:hover:after {
      width: 100%; }

.capella-bangkok .curates-filters {
  border-top: 1px solid #C9B1D0;
  border-bottom: 1px solid #C9B1D0; }
  .capella-bangkok .curates-filters li span:after {
    width: 0px;
    height: 1px;
    border-bottom: 1px solid #C9B1D0;
    content: '';
    display: block;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    float: left;
    position: absolute;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .capella-bangkok .curates-filters li.active {
    color: #C9B1D0; }
    .capella-bangkok .curates-filters li.active span:after {
      width: 100%; }

.no-touch.capella-bangkok .curates-filters li {
  cursor: pointer; }
  .no-touch.capella-bangkok .curates-filters li:hover {
    color: #C9B1D0; }
    .no-touch.capella-bangkok .curates-filters li:hover:after {
      width: 100%; }

.capella-dusseldorf .curates-filters {
  border-top: 1px solid #d6b44d;
  border-bottom: 1px solid #d6b44d; }
  .capella-dusseldorf .curates-filters li span:after {
    width: 0px;
    height: 1px;
    border-bottom: 1px solid #d6b44d;
    content: '';
    display: block;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    float: left;
    position: absolute;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .capella-dusseldorf .curates-filters li.active {
    color: #d6b44d; }
    .capella-dusseldorf .curates-filters li.active span:after {
      width: 100%; }

.no-touch.capella-dusseldorf .curates-filters li {
  cursor: pointer; }
  .no-touch.capella-dusseldorf .curates-filters li:hover {
    color: #d6b44d; }
    .no-touch.capella-dusseldorf .curates-filters li:hover:after {
      width: 100%; }

.capella-maldives .curates-filters {
  border-top: 1px solid #71C5E8;
  border-bottom: 1px solid #71C5E8; }
  .capella-maldives .curates-filters li span:after {
    width: 0px;
    height: 1px;
    border-bottom: 1px solid #71C5E8;
    content: '';
    display: block;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    float: left;
    position: absolute;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .capella-maldives .curates-filters li.active {
    color: #71C5E8; }
    .capella-maldives .curates-filters li.active span:after {
      width: 100%; }

.no-touch.capella-maldives .curates-filters li {
  cursor: pointer; }
  .no-touch.capella-maldives .curates-filters li:hover {
    color: #71C5E8; }
    .no-touch.capella-maldives .curates-filters li:hover:after {
      width: 100%; }

.capella-sanya .curates-filters {
  border-top: 1px solid #E6A65D;
  border-bottom: 1px solid #E6A65D; }
  .capella-sanya .curates-filters li span:after {
    width: 0px;
    height: 1px;
    border-bottom: 1px solid #E6A65D;
    content: '';
    display: block;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    float: left;
    position: absolute;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .capella-sanya .curates-filters li.active {
    color: #E6A65D; }
    .capella-sanya .curates-filters li.active span:after {
      width: 100%; }

.no-touch.capella-sanya .curates-filters li {
  cursor: pointer; }
  .no-touch.capella-sanya .curates-filters li:hover {
    color: #E6A65D; }
    .no-touch.capella-sanya .curates-filters li:hover:after {
      width: 100%; }

.capella-shanghai .curates-filters {
  border-top: 1px solid #E10600;
  border-bottom: 1px solid #E10600; }
  .capella-shanghai .curates-filters li span:after {
    width: 0px;
    height: 1px;
    border-bottom: 1px solid #E10600;
    content: '';
    display: block;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    float: left;
    position: absolute;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .capella-shanghai .curates-filters li.active {
    color: #E10600; }
    .capella-shanghai .curates-filters li.active span:after {
      width: 100%; }

.no-touch.capella-shanghai .curates-filters li {
  cursor: pointer; }
  .no-touch.capella-shanghai .curates-filters li:hover {
    color: #E10600; }
    .no-touch.capella-shanghai .curates-filters li:hover:after {
      width: 100%; }

.capella-sydney .curates-filters {
  border-top: 1px solid #DB864E;
  border-bottom: 1px solid #DB864E; }
  .capella-sydney .curates-filters li span:after {
    width: 0px;
    height: 1px;
    border-bottom: 1px solid #DB864E;
    content: '';
    display: block;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    float: left;
    position: absolute;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .capella-sydney .curates-filters li.active {
    color: #DB864E; }
    .capella-sydney .curates-filters li.active span:after {
      width: 100%; }

.no-touch.capella-sydney .curates-filters li {
  cursor: pointer; }
  .no-touch.capella-sydney .curates-filters li:hover {
    color: #DB864E; }
    .no-touch.capella-sydney .curates-filters li:hover:after {
      width: 100%; }

.capella-ubud .curates-filters {
  border-top: 1px solid #007041;
  border-bottom: 1px solid #007041; }
  .capella-ubud .curates-filters li span:after {
    width: 0px;
    height: 1px;
    border-bottom: 1px solid #007041;
    content: '';
    display: block;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    float: left;
    position: absolute;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .capella-ubud .curates-filters li.active {
    color: #007041; }
    .capella-ubud .curates-filters li.active span:after {
      width: 100%; }

.no-touch.capella-ubud .curates-filters li {
  cursor: pointer; }
  .no-touch.capella-ubud .curates-filters li:hover {
    color: #007041; }
    .no-touch.capella-ubud .curates-filters li:hover:after {
      width: 100%; }

.section-blog {
  padding-left: 35px;
  padding-right: 35px; }
  .section-blog p {
    margin-bottom: 0px;
    color: #919191; }
  .section-blog .offer-filters {
    width: 100%;
    margin-bottom: 20px; }
    .section-blog .offer-filters li {
      cursor: pointer; }
      .section-blog .offer-filters li.active span:after {
        width: 100%; }
      .section-blog .offer-filters li:hover span:after {
        width: 100%; }
    .section-blog .offer-filters li span:after {
      width: 0px;
      height: 1px;
      content: '';
      display: block;
      bottom: 0px;
      left: 50%;
      transform: translateX(-50%);
      float: left;
      position: absolute;
      transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .section-blog.blog-header:after {
    content: '';
    clear: both;
    display: block; }
  .section-blog.blog-header .country-filters {
    width: 160px;
    float: right;
    padding-right: 8px;
    margin-bottom: 20px;
    position: relative; }
    .section-blog.blog-header .country-filters select {
      width: 100%;
      height: 35px;
      padding: 10px;
      background: transparent url(../img/site_assets/formselect-arrow.svg) 90% center no-repeat;
      background-size: 18px 10px;
      color: #242f3a;
      letter-spacing: 1px;
      border: 1px solid; }
  .section-blog.blog-header .section-header {
    display: flex;
    margin-left: 8px;
    margin-right: 8px;
    margin-bottom: 65px; }
    .section-blog.blog-header .section-header .blog-header-title {
      width: 50%;
      padding-left: 8.333%; }
    .section-blog.blog-header .section-header .section-header-text {
      width: 50%; }
      .section-blog.blog-header .section-header .section-header-text .blog-header-subtitle {
        max-width: 400px;
        font-weight: 500; }
      .section-blog.blog-header .section-header .section-header-text .blog-header-text {
        max-width: 400px;
        margin-left: 15%;
        margin-top: 25px; }
  .section-blog.blog-header #breadcrumbs {
    margin-left: 10px;
    margin-right: 10px; }
  .section-blog.section-scrollgrid {
    margin-bottom: 140px; }
    .section-blog.section-scrollgrid .blog-section-text {
      margin-left: 8px;
      margin-right: 8px; }
      .section-blog.section-scrollgrid .blog-section-text .blog-text-title {
        padding-left: 8.333%; }
    .section-blog.section-scrollgrid .scroll-grid-container {
      width: 100%;
      margin-left: 0;
      margin-right: 0; }
    .section-blog.section-scrollgrid .scroll-grid-panel {
      padding-bottom: 0;
      margin-bottom: 30px; }
      .section-blog.section-scrollgrid .scroll-grid-panel .section-grid-img {
        margin-bottom: 10px; }
      .section-blog.section-scrollgrid .scroll-grid-panel .section-grid-title h3 {
        font-size: 2rem; }
  .section-blog.blog-section-2img {
    margin-bottom: 140px; }
    .section-blog.blog-section-2img.homepage {
      margin-bottom: 0px; }
      .section-blog.blog-section-2img.homepage .blog-section {
        max-width: 32%; }
    .section-blog.blog-section-2img .blog-section-text > .blog-text-title {
      padding-left: 8px; }
    .section-blog.blog-section-2img .blog-container {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      opacity: 0;
      transform: translateY(50px);
      transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
      -webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); }
      .section-blog.blog-section-2img .blog-container.ani {
        transform: translateY(0px);
        opacity: 1; }
    .section-blog.blog-section-2img .blog-section {
      margin: 0 8px;
      max-width: 50%;
      flex: 1 0 40%;
      margin-top: 60px;
      opacity: 0;
      transform: translateY(50px);
      transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
      -webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); }
      .section-blog.blog-section-2img .blog-section.ani {
        transform: translateY(0px);
        opacity: 1; }
      .section-blog.blog-section-2img .blog-section .blog-section-img {
        width: 100%;
        position: relative; }
        .section-blog.blog-section-2img .blog-section .blog-section-img .blog-img {
          width: 100%;
          height: 0px;
          overflow: hidden;
          background-repeat: no-repeat;
          background-position: center center;
          -webkit-background-size: cover;
          -moz-background-size: cover;
          -o-background-size: cover;
          background-size: cover;
          box-sizing: border-box;
          padding-bottom: 58%; }
      .section-blog.blog-section-2img .blog-section .blog-section-text {
        display: flex;
        flex-direction: row-reverse;
        margin-top: 20px; }
        .section-blog.blog-section-2img .blog-section .blog-section-text .blog-imgcaption {
          width: 50%;
          display: flex;
          justify-content: space-around;
          padding-top: 10px; }
          .section-blog.blog-section-2img .blog-section .blog-section-text .blog-imgcaption .imgcaption1 {
            font-weight: 500; }
          .section-blog.blog-section-2img .blog-section .blog-section-text .blog-imgcaption .imgcaption2 {
            font-size: .875rem;
            text-transform: capitalize; }
        .section-blog.blog-section-2img .blog-section .blog-section-text .blog-text {
          width: 50%; }
          .section-blog.blog-section-2img .blog-section .blog-section-text .blog-text .blog-text-title h3 {
            font-size: 2rem; }
          .section-blog.blog-section-2img .blog-section .blog-section-text .blog-text .blog-text-subtitle {
            margin-top: 10px; }
    .section-blog.blog-section-2img.section-relatedentries {
      margin-bottom: 0; }
      .section-blog.blog-section-2img.section-relatedentries .blog-section {
        margin-top: 0px;
        margin-bottom: 60px; }
  .section-blog #curates_loadmore {
    width: 100%;
    margin: auto;
    text-align: center;
    padding: 15px 10px;
    margin-top: 20px;
    margin-bottom: 80px;
    max-width: 350px;
    display: none; }

.no-entries {
  margin: auto;
  padding: 20px; }

/* 1365 and below */
@media only screen and (max-width: 85.375em) {
  /* Large */
  .section-blog.blog-header #breadcrumbs {
    padding-left: 0; }
  .section-blog.blog-section-2img.homepage .blog-section {
    max-width: 50%; } }
/* 1200 and below */
@media only screen and (max-width: 75em) {
  .section-blog.blog-header .section-header {
    margin-bottom: 100px; }

  .curates-filters ul li {
    margin: 10px 15px; } }
/* iPad portrait and below */
@media only screen and (max-width: 63.75em) {
  /* Sizing - iPad portrait 768 */
  #content .section-blog .offer-filters ul li {
    margin-bottom: 5px;
    margin-top: 10px; }

  .section-blog.blog-header #breadcrumbs {
    display: none;
    color: #242f3a; }
  .section-blog.blog-section-2img .blog-section .blog-section-text {
    flex-direction: column; }
    .section-blog.blog-section-2img .blog-section .blog-section-text .blog-imgcaption {
      width: 60%;
      justify-content: space-between;
      padding-top: 0px; }
    .section-blog.blog-section-2img .blog-section .blog-section-text .blog-text {
      width: 100%;
      margin-top: 20px; }
  .section-blog.section-scrollgrid .scroll-grid-panel {
    width: calc(50% - 16px); } }
@media only screen and (max-width: 47.938em) {
  /* Sizing - Mobile */
  #content > section.section-blog:nth-child(1) {
    margin-top: 20px; }
  #content .section-blog h1 {
    font-size: 2.5em; }

  .section-blog.blog-header .section-header {
    flex-direction: column;
    margin-bottom: 60px; }
    .section-blog.blog-header .section-header .blog-header-title {
      width: initial;
      padding-left: 0;
      margin-left: 15%; }
    .section-blog.blog-header .section-header .section-header-text {
      width: initial; }
      .section-blog.blog-header .section-header .section-header-text .blog-header-subtitle {
        max-width: 400px;
        font-weight: 500;
        margin-top: 25px; }
      .section-blog.blog-header .section-header .section-header-text .blog-header-text {
        max-width: 400px;
        margin-left: 15%; }
  .section-blog.section-scrollgrid {
    margin-bottom: 95px; }
    .section-blog.section-scrollgrid .blog-section-text .blog-text-title {
      padding-left: 0;
      margin-left: 15%; }
    .section-blog.section-scrollgrid .scroll-grid-panel .section-grid-title h3 {
      font-size: 1.5rem; }
  .section-blog.blog-section-2img {
    margin-bottom: 95px; }
    .section-blog.blog-section-2img.homepage .blog-section {
      max-width: 100%; }
    .section-blog.blog-section-2img .blog-section-text > .blog-text-title {
      padding-left: 0;
      margin-left: 15%; }
    .section-blog.blog-section-2img .blog-container {
      flex-direction: column;
      justify-content: initial; }
    .section-blog.blog-section-2img .blog-section {
      width: 100%;
      margin-top: 60px;
      max-width: 100%; }
      .section-blog.blog-section-2img .blog-section .blog-section-text .blog-imgcaption {
        width: 100%; }
      .section-blog.blog-section-2img .blog-section .blog-section-text .blog-text {
        width: 50%; }
        .section-blog.blog-section-2img .blog-section .blog-section-text .blog-text .blog-text-title h3 {
          font-size: 1.5rem; }

  .curates-filters ul {
    justify-content: flex-start;
    padding-left: 8px;
    padding-right: 8px; }
    .curates-filters ul li {
      width: 50%;
      margin: 10px 0px;
      padding: 0px; } }
@media only screen and (max-width: 320px) {
  /* Sizing less than or equal 320 - Mobile */ }
.capella-singapore .section-blogarticles {
  color: #d14124; }

.capella-bangkok .section-blogarticles {
  color: #C9B1D0; }

.capella-dusseldorf .section-blogarticles {
  color: #d6b44d; }

.capella-maldives .section-blogarticles {
  color: #71C5E8; }

.capella-sanya .section-blogarticles {
  color: #E6A65D; }

.capella-shanghai .section-blogarticles {
  color: #E10600; }

.capella-sydney .section-blogarticles {
  color: #DB864E; }

.capella-ubud .section-blogarticles {
  color: #007041; }

.section-blogarticles {
  padding-left: 35px;
  padding-right: 35px; }
  .section-blogarticles p {
    margin-bottom: 0px;
    color: #919191; }
  .section-blogarticles.article-header .section-header {
    margin-top: 40px; }
    .section-blogarticles.article-header .section-header #breadcrumbs {
      color: #242f3a;
      margin-top: 20px;
      margin-bottom: 0px;
      padding-left: 0; }
    .section-blogarticles.article-header .section-header .article-header-img {
      width: 80%;
      height: 0px;
      overflow: hidden;
      padding-bottom: 39.6%;
      background-repeat: no-repeat;
      background-position: center center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      box-sizing: border-box; }
    .section-blogarticles.article-header .section-header .section-header-text {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      margin-top: 50px;
      margin-bottom: 75px; }
    .section-blogarticles.article-header .section-header .article-header-imgcaption {
      font-weight: 500;
      font-size: .875em; }
    .section-blogarticles.article-header .section-header .article-header-title h3 {
      font-family: "Calibre", "Arial", sans-serif;
      font-size: 3.125rem;
      font-weight: 300;
      text-transform: uppercase; }
    .section-blogarticles.article-header .section-header .article-header-subtitle {
      font-weight: 500;
      max-width: 340px; }
  .section-blogarticles .article-section .article-section-img {
    width: 100%;
    position: relative; }
    .section-blogarticles .article-section .article-section-img .article-imgcaption {
      width: 100%;
      text-align: right;
      position: absolute;
      font-size: .875rem;
      top: -15px;
      color: #919191; }
    .section-blogarticles .article-section .article-section-img .article-img {
      width: 100%;
      height: 0px;
      overflow: hidden;
      background-repeat: no-repeat;
      background-position: center center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      box-sizing: border-box; }
  .section-blogarticles .article-section-text .article-title h4 {
    font-size: 1.875em; }
  .section-blogarticles.article-section-1img2text .article-section {
    padding-right: 35px; }
    .section-blogarticles.article-section-1img2text .article-section:after {
      content: '';
      clear: both;
      display: block; }
    .section-blogarticles.article-section-1img2text .article-section .article-section-img {
      max-width: 600px;
      float: left; }
      .section-blogarticles.article-section-1img2text .article-section .article-section-img .article-imgcaption {
        width: 85%; }
      .section-blogarticles.article-section-1img2text .article-section .article-section-img .article-img {
        width: 85%;
        padding-bottom: 101.7%; }
    .section-blogarticles.article-section-1img2text .article-section .article-section-text .article-text {
      max-width: 450px;
      float: right;
      margin-top: 75px; }
  .section-blogarticles.article-section-1img1text .article-section {
    display: flex;
    align-items: center; }
    .section-blogarticles.article-section-1img1text .article-section .article-section-text {
      width: 45%;
      padding-right: 35px; }
      .section-blogarticles.article-section-1img1text .article-section .article-section-text blockquote {
        quotes: "“" "”" "‘" "’";
        font-size: 1.875em; }
        .section-blogarticles.article-section-1img1text .article-section .article-section-text blockquote:before {
          content: open-quote;
          font-size: 1.875em;
          position: relative;
          top: -30px; }
        .section-blogarticles.article-section-1img1text .article-section .article-section-text blockquote:after {
          content: close-quote;
          font-size: 1.875em;
          position: relative;
          bottom: -30px; }
    .section-blogarticles.article-section-1img1text .article-section .article-section-img {
      width: 55%; }
      .section-blogarticles.article-section-1img1text .article-section .article-section-img .article-img {
        padding-bottom: 78.1%; }
  .section-blogarticles.article-section-1text .article-section {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;
    /* NEW, Spec - Firefox, Chrome, Opera */
    align-items: center;
    justify-content: center; }
    .section-blogarticles.article-section-1text .article-section .article-section-text {
      margin-top: 70px;
      margin-bottom: 70px;
      max-width: 450px; }
      .section-blogarticles.article-section-1text .article-section .article-section-text.v2 {
        margin-top: 75px;
        margin-bottom: 75px; }
  .section-blogarticles.article-section-2img .article-section {
    display: flex; }
    .section-blogarticles.article-section-2img .article-section .article-section-img {
      width: 50%; }
      .section-blogarticles.article-section-2img .article-section .article-section-img.img1 {
        padding-right: 30px; }
        .section-blogarticles.article-section-2img .article-section .article-section-img.img1 .article-img {
          padding-bottom: 122.2%; }
        .section-blogarticles.article-section-2img .article-section .article-section-img.img1 .article-imgcaption {
          padding-right: 30px; }
      .section-blogarticles.article-section-2img .article-section .article-section-img.img2 {
        padding-left: 30px; }
        .section-blogarticles.article-section-2img .article-section .article-section-img.img2 .article-img {
          padding-bottom: 61.1%; }
        .section-blogarticles.article-section-2img .article-section .article-section-img.img2 .article-imgcaption {
          padding-right: 30px; }
  .section-blogarticles.article-section-1img3text .article-section .article-section-img {
    width: 100%; }
    .section-blogarticles.article-section-1img3text .article-section .article-section-img .article-img {
      padding-bottom: 52%; }
  .section-blogarticles.article-section-1img3text .article-section .article-section-text {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 75px;
    margin-bottom: 100px; }
    .section-blogarticles.article-section-1img3text .article-section .article-section-text .article-text-imgcaption {
      font-weight: 500;
      font-size: .875em; }
    .section-blogarticles.article-section-1img3text .article-section .article-section-text .article-text {
      max-width: 450px; }
    .section-blogarticles.article-section-1img3text .article-section .article-section-text .article-text-subtitle {
      font-weight: 500;
      max-width: 340px; }
  .section-blogarticles.article-section-last .article-section .article-section-img {
    width: 100%; }
    .section-blogarticles.article-section-last .article-section .article-section-img .article-img {
      padding-bottom: 52%; }
  .section-blogarticles.article-section-last .article-section .article-section-text {
    display: flex;
    margin-top: 45px;
    margin-bottom: 100px; }
    .section-blogarticles.article-section-last .article-section .article-section-text .article-text-title {
      font-family: "Goudy Light", "Arial", sans-serif;
      width: 30%;
      font-size: 3.125rem;
      text-transform: uppercase; }
    .section-blogarticles.article-section-last .article-section .article-section-text .article-text {
      padding-left: 3%;
      width: 70%; }
      .section-blogarticles.article-section-last .article-section .article-section-text .article-text p {
        max-width: 450px; }
      .section-blogarticles.article-section-last .article-section .article-section-text .article-text .article-item-actionlink {
        padding-top: 30px; }

/* 1365 and below */
@media only screen and (max-width: 85.375em) {
  /* Large */ }
/* 1200 and below */
@media only screen and (max-width: 75em) {
  .section-blogarticles.article-header .section-header .section-header-text {
    display: block;
    margin-top: 50px;
    margin-bottom: 75px; }
    .section-blogarticles.article-header .section-header .section-header-text:after {
      content: '';
      clear: both;
      display: block; }
  .section-blogarticles.article-header .section-header .article-header-imgcaption,
  .section-blogarticles.article-header .section-header .article-header-title {
    float: left; }
  .section-blogarticles.article-header .section-header .article-header-imgcaption {
    width: 30%; }
  .section-blogarticles.article-header .section-header .article-header-title {
    width: 70%; }
  .section-blogarticles.article-header .section-header .article-header-subtitle {
    float: right;
    margin-top: 50px; }
  .section-blogarticles.article-section-1img2text .article-section .article-section-text .article-text {
    max-width: 250px; }
  .section-blogarticles.article-section-1img1text .article-section {
    margin-top: 75px; }
    .section-blogarticles.article-section-1img1text .article-section .article-section-text {
      width: 50%; }
    .section-blogarticles.article-section-1img1text .article-section .article-section-img {
      width: 50%; }
  .section-blogarticles.article-section-2img .article-section .article-section-img.img1 {
    padding-right: 22.5px; }
    .section-blogarticles.article-section-2img .article-section .article-section-img.img1 .article-imgcaption {
      padding-right: 22.5px; }
  .section-blogarticles.article-section-2img .article-section .article-section-img.img2 {
    padding-left: 22.5px; }
    .section-blogarticles.article-section-2img .article-section .article-section-img.img2 .article-imgcaption {
      padding-right: 22.5px; }
  .section-blogarticles.article-section-1img3text .article-section .article-section-text {
    display: block; }
    .section-blogarticles.article-section-1img3text .article-section .article-section-text:after {
      content: '';
      clear: both;
      display: block; }
    .section-blogarticles.article-section-1img3text .article-section .article-section-text .article-text-imgcaption {
      float: left;
      width: 30%; }
    .section-blogarticles.article-section-1img3text .article-section .article-section-text .article-text {
      float: left;
      width: 70%; }
    .section-blogarticles.article-section-1img3text .article-section .article-section-text .article-text-subtitle {
      clear: both;
      padding-top: 75px;
      margin-left: 30%; }
  .section-blogarticles.article-section-last .article-section .article-section-text .article-text-title {
    width: 50%; }
  .section-blogarticles.article-section-last .article-section .article-section-text .article-text {
    width: 50%; } }
/* iPad portrait and below */
@media only screen and (max-width: 63.75em) {
  /* Sizing - iPad portrait 768 */
  .section-blogarticles.article-header .section-header .section-header-text {
    display: block;
    margin-top: 20px;
    margin-bottom: 75px; }
  .section-blogarticles.article-header .section-header .article-header-imgcaption,
  .section-blogarticles.article-header .section-header .article-header-title {
    display: inline-block; }
  .section-blogarticles.article-header .section-header #breadcrumbs {
    display: none; }
  .section-blogarticles.article-header .section-header .article-header-img {
    width: 100%;
    padding-bottom: 45.8%; }
  .section-blogarticles .article-section-text .article-title h4 {
    font-size: 1.5em; }
  .section-blogarticles.article-section-1img2text .article-section {
    padding-right: 0; }
    .section-blogarticles.article-section-1img2text .article-section .article-section-img .article-img {
      padding-bottom: 75.9%; }
    .section-blogarticles.article-section-1img2text .article-section .article-section-text {
      float: left;
      margin-top: 25px; }
      .section-blogarticles.article-section-1img2text .article-section .article-section-text .article-text {
        margin-top: 60px;
        max-width: initial; } }
@media only screen and (max-width: 47.938em) {
  /* Sizing - Mobile */
  #content > section.nomargintop {
    margin-top: 0px; }

  .section-blogarticles.article-header .section-header {
    margin-top: 20px; }
    .section-blogarticles.article-header .section-header .section-header-text {
      display: flex;
      flex-direction: column;
      margin-bottom: 0px; }
    .section-blogarticles.article-header .section-header .article-header-imgcaption {
      margin-top: 10px;
      margin-bottom: 20px;
      width: initial; }
    .section-blogarticles.article-header .section-header .article-header-title {
      width: initial;
      font-size: 1.875rem; }
    .section-blogarticles.article-header .section-header .article-header-subtitle {
      margin-top: 40px;
      margin-bottom: 50px;
      max-width: 340px;
      align-self: flex-end; }
  .section-blogarticles .article-section-text .article-title h4 {
    font-size: 1.375em; }
  .section-blogarticles.article-section-1img2text .article-section {
    padding-right: 0; }
    .section-blogarticles.article-section-1img2text .article-section .article-section-img {
      max-width: initial; }
      .section-blogarticles.article-section-1img2text .article-section .article-section-img .article-img {
        width: 100%;
        padding-bottom: 75.9%; }
      .section-blogarticles.article-section-1img2text .article-section .article-section-img .article-imgcaption {
        width: 100%; }
  .section-blogarticles.article-section-1img1text .article-section {
    margin-top: 60px;
    margin-bottom: 35px;
    flex-direction: column; }
    .section-blogarticles.article-section-1img1text .article-section .article-section-text {
      width: 100%;
      margin-bottom: 60px; }
      .section-blogarticles.article-section-1img1text .article-section .article-section-text blockquote:before {
        top: 0; }
      .section-blogarticles.article-section-1img1text .article-section .article-section-text blockquote:after {
        bottom: -10px; }
    .section-blogarticles.article-section-1img1text .article-section .article-section-img {
      width: 100%; }
  .section-blogarticles.article-section-1text .article-section {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;
    /* NEW, Spec - Firefox, Chrome, Opera */
    align-items: center;
    justify-content: center; }
    .section-blogarticles.article-section-1text .article-section .article-section-text,
    .section-blogarticles.article-section-1text .article-section .article-section-text.v2 {
      margin-top: 0px;
      margin-bottom: 45px;
      max-width: initial; }
  .section-blogarticles.article-section-2img .article-section {
    display: block;
    margin-bottom: 35px; }
    .section-blogarticles.article-section-2img .article-section .article-section-img {
      width: 100%; }
      .section-blogarticles.article-section-2img .article-section .article-section-img.img1 {
        padding-right: 0px; }
        .section-blogarticles.article-section-2img .article-section .article-section-img.img1 .article-img {
          padding-bottom: 61.1%; }
        .section-blogarticles.article-section-2img .article-section .article-section-img.img1 .article-imgcaption {
          padding-right: 10px; }
      .section-blogarticles.article-section-2img .article-section .article-section-img.img2 {
        margin-top: 45px;
        padding-left: 0px; }
        .section-blogarticles.article-section-2img .article-section .article-section-img.img2 .article-img {
          padding-bottom: 61.1%; }
        .section-blogarticles.article-section-2img .article-section .article-section-img.img2 .article-imgcaption {
          padding-right: 10px; }
  .section-blogarticles.article-section-1img3text .article-section .article-section-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: initial;
    margin-top: 35px;
    margin-bottom: 60px; }
    .section-blogarticles.article-section-1img3text .article-section .article-section-text .article-text-imgcaption {
      float: none;
      width: initial;
      padding-top: 60px;
      order: 2; }
    .section-blogarticles.article-section-1img3text .article-section .article-section-text .article-text {
      float: none;
      width: initial;
      max-width: initial;
      order: 0; }
    .section-blogarticles.article-section-1img3text .article-section .article-section-text .article-text-subtitle {
      padding-top: 35px;
      margin-left: 0; }
  .section-blogarticles.article-section-last .article-section .article-section-text {
    flex-direction: column;
    margin-top: 30px;
    margin-bottom: 95px; }
    .section-blogarticles.article-section-last .article-section .article-section-text .article-text-title {
      width: initial;
      font-size: 1.875rem; }
    .section-blogarticles.article-section-last .article-section .article-section-text .article-text {
      padding-left: 0;
      padding-top: 30px;
      width: initial; }
      .section-blogarticles.article-section-last .article-section .article-section-text .article-text p {
        max-width: initial; } }
@media only screen and (max-width: 320px) {
  /* Sizing less than or equal 320 - Mobile */ }
.site-discovery #content .section-bookyourstaybanner {
  background-color: #242f3a;
  color: #ffffff; }
  .site-discovery #content .section-bookyourstaybanner a,
  .site-discovery #content .section-bookyourstaybanner a.text-button {
    color: #fff;
    border-color: #fff; }

#discovery_localexp_loadmore {
  width: 100%;
  margin: auto;
  text-align: center;
  padding: 15px 10px;
  margin-top: 20px;
  margin-bottom: 80px;
  max-width: 350px; }

.section-discovery-member .cols,
.section-join-discovery {
  width: 100%;
  margin-bottom: 65px; }
  .section-discovery-member .cols:after,
  .section-join-discovery:after {
    content: "";
    clear: both;
    display: table; }
  .section-discovery-member .cols .col-left,
  .section-discovery-member .cols .col-right,
  .section-join-discovery .col-left,
  .section-join-discovery .col-right {
    width: 50%;
    float: left; }
  .section-discovery-member .cols .col-left h2,
  .section-join-discovery .col-left h2 {
    width: 75%;
    color: #212322; }
  .section-discovery-member .cols .col-right p,
  .section-join-discovery .col-right p {
    width: 65%; }

.section-discovery-member .scroll-grid .scroll-grid-panel .section-grid-title h4 {
  font-family: "Goudy Regular", "Arial", sans-serif; }
.section-discovery-member .scroll-grid .scroll-grid-panel .section-grid-subtitle {
  margin-bottom: 30px; }
.section-discovery-member .cols {
  margin-bottom: 0px; }
  .section-discovery-member .cols .col-left h2 {
    width: 95%; }

#gha_le_gridcontainer .scroll-grid-panel .section-grid-caption {
  margin-bottom: 15px; }
  #gha_le_gridcontainer .scroll-grid-panel .section-grid-caption.icon-black:before {
    content: '';
    display: inline-block;
    border-radius: 50%;
    background: #212322;
    height: 10px;
    width: 10px;
    margin-right: 5px; }
  #gha_le_gridcontainer .scroll-grid-panel .section-grid-caption.icon-platinum:before {
    content: '';
    display: inline-block;
    border-radius: 50%;
    background: #A4A7A9;
    height: 10px;
    width: 10px;
    margin-right: 5px; }
#gha_le_gridcontainer .scroll-grid-panel .section-grid-subtitle:after {
  content: '';
  display: block;
  background: #212322;
  height: 2px;
  width: 25px;
  margin: 15px 0 30px; }

.section-membership:after {
  content: '';
  clear: both;
  display: block; }
.section-membership .section-container {
  width: 100%;
  height: 100%;
  padding-top: 60px;
  padding-bottom: 60px;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  /* NEW, Spec - Firefox, Chrome, Opera */
  align-items: center;
  justify-content: center;
  align-items: flex-start;
  position: relative; }
  .section-membership .section-container:after {
    content: '';
    display: block;
    background: #8C8985;
    height: 1px;
    width: 100%;
    position: absolute;
    bottom: 0; }
  .section-membership .section-container:nth-child(1) {
    padding-top: 60px;
    margin-top: 20px; }
    .section-membership .section-container:nth-child(1):before {
      content: '';
      display: block;
      background: #8C8985;
      height: 1px;
      width: 100%;
      position: absolute;
      top: 0; }
  .section-membership .section-container .section-left,
  .section-membership .section-container .section-right {
    width: 50%;
    float: left; }
  .section-membership .section-container .section-left {
    margin-left: 8.333%; }
    .section-membership .section-container .section-left .section-image-caption {
      padding-left: 15px;
      color: #212322;
      font-family: "Goudy Light", "Arial", sans-serif; }
      .section-membership .section-container .section-left .section-image-caption span {
        font-size: .9rem; }
    .section-membership .section-container .section-left .section-image {
      max-width: 400px; }
      .section-membership .section-container .section-left .section-image img {
        width: 100%;
        height: auto; }
  .section-membership .section-container .section-right .section-text {
    width: 70%;
    margin-left: 8.667%;
    color: #212322; }
    .section-membership .section-container .section-right .section-text:nth-child(1) {
      margin-bottom: 30px; }
    .section-membership .section-container .section-right .section-text .section-text-terms {
      margin-bottom: 0;
      padding-top: 20px;
      text-decoration: underline;
      display: block; }
  .section-membership .section-container .section-right .section-button {
    max-width: 320px;
    text-align: center;
    padding: 15px 10px;
    margin-top: 30px;
    margin-left: 8.667%; }
    .section-membership .section-container .section-right .section-button a.button {
      display: block;
      width: 100%;
      padding: 8px 20px; }

.section-membertnc {
  margin-top: 90px;
  margin-bottom: 90px; }
  .section-membertnc .section-container {
    max-width: 1050px;
    margin-left: 8.333%; }
    .section-membertnc .section-container .section-title h2 {
      color: #212322; }
    .section-membertnc .section-container .section-synopsis {
      color: #919191;
      padding-top: 20px; }

.discovery-logos {
  width: 480px;
  height: 110px;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end; }
  .discovery-logos .discovery-logo-capella {
    width: 208px;
    height: 110px;
    background: url("../img/site_assets/chr-gha-logo.svg") left center no-repeat;
    padding-right: 50px;
    margin-right: 50px;
    border-right: 1px solid #000; }
  .discovery-logos .discovery-logo-discovery {
    width: 215px;
    height: 30px;
    background: url("../img/site_assets/discover-gha-logo.svg") center center no-repeat;
    margin-bottom: 20px; }

.gha-le-textcontent {
  padding: 0px 28px 30px 28px;
  width: 100%;
  max-width: 680px;
  font-size: 1.063rem;
  color: #919191; }

/* 1365 and below */
@media only screen and (max-width: 85.375em) {
  /* Large */
  .section-membership .section-container .section-left {
    padding-left: 35px;
    margin-left: 0px; }

  .section-membertnc .section-container {
    padding-left: 35px;
    padding-right: 35px;
    margin-left: 0px; }

  .section-join-discovery .col-left {
    padding-left: 35px; } }
/* 1200 and below */
/* iPad portrait and below */
@media only screen and (max-width: 63.75em) {
  /* Sizing - iPad portrait 768 */ }
@media only screen and (max-width: 47.938em) {
  /* Sizing - Mobile */
  .discovery-logos {
    transform: scale(0.6);
    transform-origin: left top; }

  .section-membership .section-container {
    display: block;
    position: relative;
    float: left; }
    .section-membership .section-container .section-left,
    .section-membership .section-container .section-right {
      padding-left: 35px;
      padding-right: 35px;
      width: 100%;
      display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6, BB7 */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
      display: flex;
      /* NEW, Spec - Firefox, Chrome, Opera */
      align-items: center;
      justify-content: center;
      flex-direction: column; }
    .section-membership .section-container .section-left {
      margin-bottom: 30px; }
      .section-membership .section-container .section-left .section-image-caption {
        padding-left: 0;
        text-align: center; }
    .section-membership .section-container .section-right .section-text,
    .section-membership .section-container .section-right .section-button {
      margin-left: 0; }

  .section-membertnc .section-container {
    padding-right: 35px; }

  .section-discovery-member .cols .col-left,
  .section-discovery-member .cols .col-right,
  .section-join-discovery .col-left,
  .section-join-discovery .col-right {
    width: 100%;
    padding-left: 35px;
    padding-right: 35px;
    margin-bottom: 0px; }

  .section-discovery-member .cols .col-left h2,
  .section-discovery-member .cols .col-right p,
  .section-join-discovery .col-left h2,
  .section-join-discovery .col-right p {
    width: 100%; } }
@media only screen and (max-width: 320px) {
  /* Sizing less than or equal 320 - Mobile */ }

/*# sourceMappingURL=common.css.map */