@charset "UTF-8";
/*------------------------------------*\
    $COMMENTS
\*------------------------------------*/
/*------------------------------------*\
    $SECTION HEADING
\*------------------------------------*/
/* ----- single line subheading ----- */
/**
 * multi-line comments that will output
 * in the CSS depending on the mode
 * these comments use DocBlock formatting
 */
/* short comment */
/*ul*/
/*------------------------------------*\
    $UTILITIES
\*------------------------------------*/
/*------------------------------------*\
    $VARIABLES
\*------------------------------------*/
@font-face {
  font-family: 'SangBleu';
  src: url("../../fonts/claridges/SangBleuSerif-Light-WebS.eot?#iefix") format("embedded-opentype"), url("../../fonts/claridges/SangBleuSerif-Light-WebS.woff") format("woff"), url("../../fonts/claridges/SangBleuSerif-Light-WebS.ttf") format("truetype"), url("../../fonts/claridges/SangBleuSerif-Light-WebS.svg#Avenir-Book") format("svg");
  font-weight: normal;
  font-style: normal; }

/*
  This mixin can be used to set the object-fit:
  @include object-fit(contain);
  or object-fit and object-position:
  @include object-fit(cover, top);
*/
/* custom mixin to replace a defined fill color with another one */
/*------------------------------------*\
    $BASE
\*------------------------------------*/
/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  /* 1 */
  display: block; }

/**
 * Add the correct display in IE 9-.
 */
audio,
canvas,
progress,
video {
  display: inline-block; }

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */
template,
[hidden] {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit; }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000; }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none; }

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px; }

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/* Forms
   ========================================================================== */
/**
 * Change font properties to `inherit` in all browsers (opinionated).
 */
button,
input,
select,
textarea {
  font: inherit; }

/**
 * Restore the font weight unset by the previous rule.
 */
optgroup {
  font-weight: bold; }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 * 2. Show the overflow in Edge, Firefox, and IE.
 */
button,
input,
select {
  /* 2 */
  overflow: visible; }

/**
 * Remove the margin in Safari.
 * 1. Remove the margin in Firefox and Safari.
 */
button,
input,
select,
textarea {
  /* 1 */
  margin: 0; }

/**
 * Remove the inheritence of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritence of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * Change the cursor in all browsers (opinionated).
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  cursor: pointer; }

/**
 * Restore the default cursor to disabled elements unset by the previous rule.
 */
[disabled] {
  cursor: default; }

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
input:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * Correct the odd appearance of search inputs in Chrome and Safari.
 */
[type="search"] {
  -webkit-appearance: textfield; }

/**
 * Remove the inner padding and cancel buttons in Chrome on OS X and
 * Safari on OS X.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/*------------------------------------*\
    $RESET
\*------------------------------------*/
html {
  box-sizing: border-box;
  font-size: 62.5%;
  overflow: auto;
  overflow-x: hidden;
  -webkit-tap-highlight-color: transparent; }

*,
*:before,
*:after {
  box-sizing: inherit; }

:focus {
  outline: 0; }

body {
  font-size: 14px;
  font-size: 1.4rem;
  background-color: #fff;
  color: #333;
  font-family: "Lato", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 500;
  line-height: 1.5; }
  body.fixed-position {
    position: fixed !important;
    width: calc(100vw - (100vw - 100%)); }
    @media screen and (min-width: 768px) {
      body.fixed-position #room-booking,
      body.fixed-position .hotel-menu,
      body.fixed-position #restaurant-booking {
        padding-right: 17px; } }

::-moz-selection,
::-moz-selection {
  background: #d08300;
  color: #fff;
  text-shadow: none; }

::-moz-selection,
::selection {
  background: #d08300;
  color: #fff;
  text-shadow: none; }

img {
  display: block;
  height: auto;
  -ms-interpolation-mode: bicubic;
  max-width: 100%; }

#epi-quickNavigator > li,
#epi-quickNavigator-menu > li {
  list-style-type: none;
  margin: 0; }
  #epi-quickNavigator > li:before,
  #epi-quickNavigator-menu > li:before {
    display: none; }

#svg-poly-target svg {
  display: none; }

html.no-js * {
  opacity: 1 !important; }

html.no-js .animated,
html.no-js .site-logo,
html.no-js .btn,
html.no-js h1,
html.no-js h2,
html.no-js h3,
html.no-js h4,
html.no-js p,
html.no-js .room-pod__btn-label {
  color: #000;
  opacity: 1 !important; }

html.no-js .header {
  height: auto;
  margin-top: 0 !important;
  position: relative; }

html.no-js .site-menu {
  left: 0;
  margin-left: 0;
  position: relative; }

html.no-js .body:not(.homepage) {
  padding-top: 0; }

/*------------------------------------*\
		$HELPER
\*------------------------------------*/
/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: ' ';
  /* 1 */
  display: table;
  /* 2 */ }

.clearfix:after {
  clear: both; }

.clear {
  clear: both; }

.clear-left {
  clear: left !important; }

.clear-right {
  clear: right !important; }

.clear-none {
  clear: none !important; }

.float-none {
  float: none !important; }

.float-left {
  float: left; }

.float-right {
  float: right; }

@media screen and (min-width: 0) and (max-width: 767px) {
  .float-right--xs {
    float: right !important; } }

@media screen and (min-width: 768px) and (max-width: 991px) {
  .float-right--sm {
    float: right !important; } }

@media screen and (min-width: 768px) {
  .float-right--sm-plus {
    float: right !important; } }

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .float-right--md {
    float: right !important; } }

@media screen and (min-width: 992px) {
  .float-right--md-plus {
    float: right !important; } }

@media screen and (min-width: 1200px) {
  .float-right--lg {
    float: right !important; } }

.text-left {
  text-align: left !important; }

.text-center {
  text-align: center !important; }

.text-right {
  text-align: right !important; }

.width-half {
  width: 50% !important; }

.width-full {
  width: 100% !important; }

.width-auto {
  width: auto !important; }

@media screen and (min-width: 768px) {
  .width-half--sm-plus {
    width: 50% !important; } }

.align-top {
  vertical-align: top !important; }

.align-middle {
  vertical-align: middle !important; }

.align-bottom {
  vertical-align: bottom !important; }

@media screen and (min-width: 768px) {
  .display-table-wrapper {
    margin: 0 -20px;
    padding: 0; } }

@media screen and (min-width: 768px) {
  .display-table {
    width: 100%;
    display: table;
    border-spacing: 20px 0;
    position: relative; } }

.display-table-cell {
  position: relative;
  vertical-align: top;
  width: 100%;
  display: block;
  overflow: hidden;
  clear: both; }
  @media screen and (min-width: 768px) {
    .display-table-cell {
      display: table-cell !important;
      border-collapse: separate; } }

@media screen and (min-width: 768px) {
  .display-one-half {
    width: 50% !important; } }

@media screen and (min-width: 768px) {
  .display-one-third {
    width: 33.3333% !important; } }

@media screen and (min-width: 768px) {
  .display-one-quarter {
    width: 25% !important; } }

@media screen and (min-width: 768px) {
  .display-one-fifth {
    width: 20% !important; } }

.visible-print {
  display: none !important; }

@media print {
  .print-visible {
    display: block !important; }
  .print-hidden {
    display: none !important; } }

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

.img-center {
  margin: 0 auto; }

.overflow-hidden {
  overflow: hidden; }

/**
 * for the benefit of screen-readers, hide content off-screen without resorting to `display:none;`,
 * also add breakpoint specific options
 */
.visually-hidden {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important; }

@media screen and (min-width: 0) and (max-width: 767px) {
  .visually-hidden--xs {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important; } }

@media screen and (min-width: 768px) and (max-width: 991px) {
  .visually-hidden--sm {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important; } }

@media screen and (min-width: 768px) {
  .visually-hidden--sm-plus {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important; } }

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .visually-hidden--md {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important; } }

@media screen and (min-width: 992px) {
  .visually-hidden--md-plus {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important; } }

@media screen and (min-width: 1200px) {
  .visually-hidden--lg {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important; } }

.invisible {
  visibility: hidden; }

.hide {
  display: none !important; }

.hidden--xs-plus {
  display: none !important;
  visibility: hidden !important; }

@media screen and (min-width: 0) and (max-width: 767px) {
  .hidden--xs {
    display: none !important;
    visibility: hidden !important; } }

@media screen and (min-width: 768px) and (max-width: 991px) {
  .hidden--sm {
    display: none !important;
    visibility: hidden !important; } }

@media screen and (min-width: 768px) {
  .hidden--sm-plus {
    display: none !important;
    visibility: hidden !important; } }

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .hidden--md {
    display: none !important;
    visibility: hidden !important; } }

@media screen and (min-width: 992px) {
  .hidden--md-plus {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important; } }

@media screen and (min-width: 1200px) {
  .hidden--lg {
    display: none !important;
    visibility: hidden !important; } }

.display-block {
  display: block !important;
  width: 100% !important; }

@media screen and (min-width: 0) and (max-width: 767px) {
  .display-block--xs {
    display: block !important;
    width: 100% !important; } }

@media screen and (min-width: 768px) and (max-width: 991px) {
  .display-block--sm {
    display: block !important;
    width: 100% !important; } }

@media screen and (min-width: 768px) {
  .display-block--sm-plus {
    display: block !important;
    width: 100% !important; } }

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .display-block--md {
    display: block !important;
    width: 100% !important; } }

@media screen and (min-width: 992px) {
  .display-block--md-plus {
    display: block !important;
    width: 100% !important; } }

@media screen and (min-width: 1200px) {
  .display-block--lg {
    display: block !important;
    width: 100% !important; } }

.display-inline {
  display: inline-block !important; }

@media screen and (min-width: 0) and (max-width: 767px) {
  .display-inline--xs {
    display: inline-block !important; } }

@media screen and (min-width: 768px) and (max-width: 991px) {
  .display-inline--sm {
    display: inline-block !important; } }

@media screen and (min-width: 768px) {
  .display-inline--sm-plus {
    display: inline-block !important; } }

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .display-inline--md {
    display: inline-block !important; } }

@media screen and (min-width: 992px) {
  .display-inline--md-plus {
    display: inline-block !important; } }

@media screen and (min-width: 1200px) {
  .display-inline--lg {
    display: inline-block !important; } }

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.padding-0 {
  padding: 0 !important; }

[v-cloak] {
  display: none; }

.object-fit-cover {
  object-fit: cover;
  font-family: "object-fit: cover"; }

.block-wrapper-margin-bottom {
  margin-bottom: 58px; }
  @media screen and (min-width: 992px) {
    .block-wrapper-margin-bottom {
      margin-bottom: 90px; } }

.low-z-index {
  z-index: 1 !important; }

/*------------------------------------*\
    $TYPOGRAPHY
\*------------------------------------*/
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5 {
  color: #a08033;
  font-family: "SangBleu", Georgia, "Times New Roman", Times, serif;
  font-weight: 400;
  letter-spacing: -0.1px;
  margin: 0;
  padding: 0; }

h1,
.h1 {
  font-size: 28px;
  font-size: 2.8rem;
  margin-bottom: 8px; }
  @media screen and (min-width: 992px) {
    h1,
    .h1 {
      font-size: 40px;
      font-size: 4rem;
      margin-bottom: 10px; } }
  @media screen and (min-width: 1200px) {
    h1,
    .h1 {
      font-size: 40px;
      font-size: 4rem;
      margin-bottom: 22px; } }

h2,
.h2 {
  font-size: 24px;
  font-size: 2.4rem;
  margin-bottom: 8px; }
  @media screen and (min-width: 992px) {
    h2,
    .h2 {
      font-size: 36px;
      font-size: 3.6rem;
      margin-bottom: 10px; } }
  @media screen and (min-width: 1200px) {
    h2,
    .h2 {
      font-size: 36px;
      font-size: 3.6rem;
      margin-bottom: 10px; } }
  .homepage h2, .homepage
  .h2 {
    font-size: 2.8rem !important; }
    @media screen and (min-width: 992px) {
      .homepage h2, .homepage
      .h2 {
        font-size: 5rem !important; } }
    @media screen and (min-width: 1200px) {
      .homepage h2, .homepage
      .h2 {
        font-size: 5rem !important; } }

.homepage .room-booking h2,
.homepage .room-booking .h2 {
  font-size: 2.4rem !important; }
  @media screen and (min-width: 992px) {
    .homepage .room-booking h2,
    .homepage .room-booking .h2 {
      font-size: 3.6rem !important; } }
  @media screen and (min-width: 1200px) {
    .homepage .room-booking h2,
    .homepage .room-booking .h2 {
      font-size: 3.6rem !important; } }

h3,
.h3 {
  font-size: 20px;
  font-size: 2rem;
  margin-bottom: 8px; }
  @media screen and (min-width: 992px) {
    h3,
    .h3 {
      font-size: 32px;
      font-size: 3.2rem;
      margin-bottom: 10px; } }
  @media screen and (min-width: 1200px) {
    h3,
    .h3 {
      font-size: 32px;
      font-size: 3.2rem;
      margin-bottom: 10px; } }

h4,
.h4 {
  font-size: 18px;
  font-size: 1.8rem;
  color: #8c6b1f;
  margin-bottom: 8px; }
  @media screen and (min-width: 992px) {
    h4,
    .h4 {
      font-size: 18px;
      font-size: 1.8rem;
      color: #8c6b1f;
      margin-bottom: 8px; } }
  @media screen and (min-width: 1200px) {
    h4,
    .h4 {
      font-size: 28px;
      font-size: 2.8rem;
      color: #a08033;
      margin-bottom: 20px; } }

h5,
.h5 {
  font-size: 16px;
  font-size: 1.6rem;
  color: #8c6b1f;
  margin-bottom: 8px; }
  @media screen and (min-width: 992px) {
    h5,
    .h5 {
      font-size: 16px;
      font-size: 1.6rem;
      color: #8c6b1f;
      margin-bottom: 8px; } }
  @media screen and (min-width: 1200px) {
    h5,
    .h5 {
      font-size: 24px;
      font-size: 2.4rem;
      color: #a08033;
      margin-bottom: 20px; } }

a {
  color: #333;
  text-decoration: underline; }

a:not([class]) {
  font-weight: 600; }

a:hover {
  color: #333;
  text-decoration: none; }

a:focus {
  color: #333; }

p, .room-pod__btn-label {
  letter-spacing: 0.85px;
  margin-bottom: 25px;
  margin-top: 0;
  font-size: 14px;
  font-size: 1.4rem; }
  @media screen and (min-width: 992px) {
    p, .room-pod__btn-label {
      font-size: 14px;
      font-size: 1.4rem;
      margin-bottom: 25px; } }
  @media screen and (min-width: 1200px) {
    p, .room-pod__btn-label {
      font-size: 16px;
      font-size: 1.6rem;
      margin-bottom: 28px; } }
  .homepage p, .homepage .room-pod__btn-label {
    font-size: 1.6rem; }
    @media screen and (min-width: 992px) {
      .homepage p, .homepage .room-pod__btn-label {
        font-size: 1.6rem; } }
    @media screen and (min-width: 1200px) {
      .homepage p, .homepage .room-pod__btn-label {
        font-size: 1.8rem; } }

ol:not([class]),
ol.list-flush,
.box-out-wrapper ol.box-out {
  list-style: none;
  margin: 0 35px 30px 25px;
  padding: 0; }
  @media screen and (min-width: 992px) {
    ol:not([class]),
    ol.list-flush,
    .box-out-wrapper ol.box-out {
      margin: 0 35px 30px 70px; } }
  ol:not([class]) li:not([class]),
  ol.list-flush li:not([class]),
  .box-out-wrapper ol.box-out li:not([class]) {
    color: #000;
    counter-increment: counter;
    margin-top: 40px;
    position: relative;
    font-size: 14px;
    font-size: 1.4rem; }
    @media screen and (min-width: 992px) {
      ol:not([class]) li:not([class]),
      ol.list-flush li:not([class]),
      .box-out-wrapper ol.box-out li:not([class]) {
        font-size: 14px;
        font-size: 1.4rem; } }
    @media screen and (min-width: 1200px) {
      ol:not([class]) li:not([class]),
      ol.list-flush li:not([class]),
      .box-out-wrapper ol.box-out li:not([class]) {
        font-size: 16px;
        font-size: 1.6rem; } }
    ol:not([class]) li:not([class]):before,
    ol.list-flush li:not([class]):before,
    .box-out-wrapper ol.box-out li:not([class]):before {
      color: #a08033;
      content: "0" counter(counter) ".";
      display: inline-block;
      font-family: "SangBleu", Georgia, "Times New Roman", Times, serif;
      font-weight: 400;
      left: -40px;
      position: absolute;
      top: -8px;
      font-size: 24px;
      font-size: 2.4rem; }
    ol:not([class]) li:not([class]) p, ol:not([class]) li:not([class]) .room-pod__btn-label,
    ol.list-flush li:not([class]) p,
    .box-out-wrapper ol.box-out li:not([class]) p,
    ol.list-flush li:not([class]) .room-pod__btn-label,
    .box-out-wrapper ol.box-out li:not([class]) .room-pod__btn-label {
      display: inline; }
  ol:not([class]) ol:not([class]),
  ol.list-flush ol:not([class]),
  .box-out-wrapper ol.box-out ol:not([class]) {
    margin: 0 35px 30px 0; }
    @media screen and (min-width: 992px) {
      ol:not([class]) ol:not([class]),
      ol.list-flush ol:not([class]),
      .box-out-wrapper ol.box-out ol:not([class]) {
        margin: 0 35px 30px 30px; } }

ul:not([class]),
ul.list-flush,
.box-out-wrapper ul.box-out {
  list-style: none;
  margin: 0 35px 30px 25px;
  padding: 0; }
  @media screen and (min-width: 992px) {
    ul:not([class]),
    ul.list-flush,
    .box-out-wrapper ul.box-out {
      margin: 0 35px 30px 70px; } }
  ul:not([class]) li,
  ul.list-flush li,
  .box-out-wrapper ul.box-out li {
    margin-left: 23px;
    margin-top: 40px;
    font-size: 14px;
    font-size: 1.4rem; }
    @media screen and (min-width: 992px) {
      ul:not([class]) li,
      ul.list-flush li,
      .box-out-wrapper ul.box-out li {
        font-size: 14px;
        font-size: 1.4rem; } }
    @media screen and (min-width: 1200px) {
      ul:not([class]) li,
      ul.list-flush li,
      .box-out-wrapper ul.box-out li {
        font-size: 16px;
        font-size: 1.6rem; } }
    ul:not([class]) li:before,
    ul.list-flush li:before,
    .box-out-wrapper ul.box-out li:before {
      background-color: #a08033;
      content: '';
      display: inline-block;
      height: 6px;
      margin-left: -23px;
      margin-right: 15px;
      margin-top: -2px;
      vertical-align: middle;
      width: 6px; }
    ul:not([class]) li p, ul:not([class]) li .room-pod__btn-label,
    ul.list-flush li p,
    .box-out-wrapper ul.box-out li p,
    ul.list-flush li .room-pod__btn-label,
    .box-out-wrapper ul.box-out li .room-pod__btn-label {
      display: inline; }
    ul:not([class]) li li:before,
    ul.list-flush li li:before,
    .box-out-wrapper ul.box-out li li:before {
      border: 0 none;
      color: #a08033;
      content: '\25FB'; }
  ul:not([class]) ul:not([class]),
  ul.list-flush ul:not([class]),
  .box-out-wrapper ul.box-out ul:not([class]) {
    margin: 0 35px 30px 0; }
    @media screen and (min-width: 992px) {
      ul:not([class]) ul:not([class]),
      ul.list-flush ul:not([class]),
      .box-out-wrapper ul.box-out ul:not([class]) {
        margin: 0 35px 30px 30px; } }

ol ol,
ol ul,
ul ul,
ul ol {
  margin-bottom: 2px; }

li {
  margin-bottom: 2px; }

.list-unstyled {
  list-style: none;
  list-style-image: none;
  margin-bottom: 0; }

.list-inline-unstyled {
  list-style: none;
  list-style-image: none;
  margin: 0 0 15px 0;
  overflow: hidden; }
  .list-inline-unstyled li {
    float: left;
    margin: 0 10px 0 0; }

ul.list--links {
  padding: 0; }
  @media screen and (min-width: 0) and (max-width: 991px) {
    ul.list--links {
      margin: 30px 0; } }
  @media screen and (min-width: 992px) {
    ul.list--links {
      margin: 50px 0; } }
  ul.list--links li {
    letter-spacing: 2px;
    list-style-type: none;
    margin-bottom: 14px;
    text-transform: uppercase;
    font-size: 18px;
    font-size: 1.8rem; }
    @media screen and (min-width: 768px) {
      ul.list--links li {
        margin-bottom: 17px;
        font-size: 18px;
        font-size: 1.8rem; } }
    ul.list--links li:before {
      display: none; }
    ul.list--links li:last-child {
      margin-bottom: 0; }
  ul.list--links a {
    color: #a08033;
    font-weight: 400;
    text-decoration: none; }
    ul.list--links a:hover {
      color: #000;
      text-decoration: none; }

ul.list-flush {
  margin: 0; }

ol.list-flush {
  margin: 0; }

@media screen and (min-width: 768px) {
  .feature-list {
    float: left;
    width: 45%; }
    .feature-list:last-child {
      padding-left: 32px;
      width: 55%; } }

.feature-list li {
  font-size: 16px !important;
  font-size: 1.6rem !important;
  letter-spacing: 0.85px;
  margin-top: 20px !important;
  list-style: none; }
  @media screen and (min-width: 768px) {
    .feature-list li {
      font-size: 18px !important;
      font-size: 1.8rem !important;
      margin-top: 28px !important; } }
  .feature-list li:before {
    background-color: #a08033;
    content: '';
    display: inline-block;
    height: 6px;
    margin-left: -23px;
    margin-right: 15px;
    margin-top: -2px;
    vertical-align: middle;
    width: 6px; }

dt {
  font-weight: bold;
  margin-left: 15px; }

/*dl*/
@media screen and (min-width: 768px) {
  .dl-horizontal dt {
    clear: left;
    float: left;
    margin: 0 20px 0 0;
    overflow: hidden;
    text-align: left;
    width: auto; } }

@media screen and (min-width: 768px) {
  .dl-horizontal dd {
    width: auto; } }

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

blockquote {
  color: #a08033;
  font-family: "SangBleu", Georgia, "Times New Roman", Times, serif;
  margin: 0;
  padding: 8px 30px 10px 50px;
  position: relative;
  font-size: 18px;
  font-size: 1.8rem; }
  @media screen and (min-width: 992px) {
    blockquote {
      font-size: 26px;
      font-size: 2.6rem;
      padding-bottom: 20px;
      padding-left: 70px;
      padding-right: 100px; }
      blockquote:not(:first-child) {
        margin-top: 70px; } }
  blockquote:before {
    content: '';
    display: inline-block;
    left: 0;
    position: absolute;
    top: 0;
    width: 35px;
    height: 30px;
    background-position: -521.11111px 0px;
    background-size: 792.03704px 52.14286px;
    background-image: url("/Static/images/sprites/sprite.svg"); }
    @media screen and (min-width: 992px) {
      blockquote:before {
        width: 54px;
        height: 42px;
        background-position: -804px 0px;
        background-size: 1222px 73px;
        background-image: url("/Static/images/sprites/sprite.svg"); } }
  blockquote:after {
    border-bottom: 2px solid #a08033;
    content: '';
    display: block;
    padding-bottom: 8px;
    width: 40px; }
    @media screen and (min-width: 992px) {
      blockquote:after {
        padding-bottom: 20px;
        width: 65px; } }

.highlight {
  font-size: 18px;
  font-size: 1.8rem;
  color: #a08033;
  font-family: "SangBleu", Georgia, "Times New Roman", Times, serif;
  margin: 0;
  padding-bottom: 10px;
  padding-left: 50px;
  padding-right: 30px;
  padding-top: 8px;
  position: relative; }
  @media screen and (min-width: 992px) {
    .highlight {
      margin-top: 70px;
      padding-bottom: 30px;
      padding-left: 70px;
      padding-right: 100px;
      padding-top: 20px;
      font-size: 26px;
      font-size: 2.6rem; } }
  .highlight:after {
    border-bottom: 2px solid #a08033;
    content: '';
    display: block;
    padding-bottom: 8px;
    width: 40px; }
    @media screen and (min-width: 992px) {
      .highlight:after {
        padding-bottom: 20px;
        width: 65px; } }

cite {
  font-size: 14px;
  font-size: 1.4rem;
  color: #a08033;
  display: inline-block;
  font-family: "Lato", sans-serif;
  font-style: italic;
  padding-left: 50px; }
  @media screen and (min-width: 992px) {
    cite {
      font-size: 16px;
      font-size: 1.6rem;
      margin-bottom: 50px;
      padding-left: 70px; } }

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

mark {
  font-style: italic;
  font-weight: bold; }

pre {
  white-space: pre-wrap;
  word-wrap: break-word; }

.box-out-wrapper {
  background-color: #fff;
  margin-bottom: 34px;
  overflow: auto;
  padding: 25px; }
  @media screen and (min-width: 992px) {
    .box-out-wrapper {
      margin-bottom: 0; } }
  @media screen and (min-width: 1200px) {
    .box-out-wrapper {
      padding: 60px; } }
  .box-out-wrapper ul.box-out {
    margin-left: 0; }
  .box-out-wrapper ol.box-out {
    margin-left: 40px; }
  .box-out-wrapper .box-out:first-child {
    margin-top: 0; }
  .box-out-wrapper .box-out:last-child {
    margin-bottom: 0; }
  .box-out-wrapper a[href^='mailto:'] {
    word-wrap: break-word; }

@media screen and (min-width: 992px) {
  .box-out-wrapper--x-large {
    margin: 0 -55px;
    width: calc(100% + 110px); } }

.standout {
  font-size: 18px;
  font-size: 1.8rem;
  letter-spacing: 1.2px; }
  @media screen and (min-width: 992px) {
    .standout {
      font-size: 20px;
      font-size: 2rem;
      margin-bottom: 46px; } }
  .standout sup {
    font-size: 57%; }
  .standout a {
    font-weight: inherit;
    text-decoration: none; }
    .standout a:hover, .standout a:focus {
      text-decoration: underline; }

.margin-bottom-0 {
  margin-bottom: 0 !important; }

.large-text {
  font-size: 20px;
  font-size: 2rem; }

.small-text {
  font-size: 13px;
  font-size: 1.3rem; }

.sub-heading {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 23px; }
  @media screen and (min-width: 992px) {
    .sub-heading {
      margin-bottom: 23px;
      font-size: 18px;
      font-size: 1.8rem; } }

.intro-text {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 25px; }
  @media screen and (min-width: 992px) {
    .intro-text {
      font-size: 18px;
      font-size: 1.8rem;
      margin-bottom: 45px; } }

.filter-intro-text p, .filter-intro-text .room-pod__btn-label {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 25px; }
  @media screen and (min-width: 992px) {
    .filter-intro-text p, .filter-intro-text .room-pod__btn-label {
      font-size: 18px;
      font-size: 1.8rem;
      margin-bottom: 45px; } }

.page-intro-text p, .page-intro-text .room-pod__btn-label {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 40px; }
  @media screen and (min-width: 768px) {
    .page-intro-text p, .page-intro-text .room-pod__btn-label {
      margin-bottom: 50px; } }
  @media screen and (min-width: 992px) {
    .page-intro-text p, .page-intro-text .room-pod__btn-label {
      font-size: 18px;
      font-size: 1.8rem;
      margin-bottom: 60px; } }

.telephone-number,
.telephone-number a {
  font-size: 22px;
  font-size: 2.2rem;
  color: #a08033;
  font-family: "SangBleu", Georgia, "Times New Roman", Times, serif;
  font-weight: normal;
  text-decoration: none; }
  @media screen and (min-width: 992px) {
    .telephone-number,
    .telephone-number a {
      font-size: 26px;
      font-size: 2.6rem; } }

/*------------------------------------*\
    $FORMS
\*------------------------------------*/
form {
  margin: 0; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

label,
.form__label {
  clear: both;
  display: block;
  font-weight: 600;
  margin-bottom: 5px; }

button,
input,
select,
textarea {
  font-size: 14px;
  font-size: 1.4rem;
  border-radius: 0 none;
  -webkit-border-radius: 0;
  font-family: "Lato", sans-serif; }

textarea {
  min-height: 200px;
  resize: vertical; }

legend {
  white-space: normal; }

button {
  line-height: normal; }

input:invalid,
textarea:invalid {
  background-color: #f0dddd; }

::-webkit-input-placeholder {
  color: #ccc;
  opacity: 1; }

:-moz-placeholder {
  color: #ccc;
  opacity: 1; }

::-moz-placeholder {
  color: #ccc;
  opacity: 1; }

:-ms-input-placeholder {
  color: #ccc;
  opacity: 1; }

::-ms-input-placeholder {
  color: #ccc;
  opacity: 1; }

.form__wrapper {
  width: 210px; }
  @media screen and (min-width: 768px) {
    .form__wrapper {
      width: 360px; } }

.form__group {
  margin-bottom: 1.5em;
  width: 210px; }
  @media screen and (min-width: 768px) {
    .form__group {
      width: 360px; } }

.form__group-wrapper {
  margin-bottom: 1.5em;
  overflow: hidden; }

.validation {
  display: none; }

.has-error .validation {
  clear: both;
  color: #db1731;
  display: block; }

input[type='text'],
input[type='email'],
input[type='password'],
input[type='tel'],
input[type='number'],
textarea,
select {
  font-size: 16px;
  font-size: 1.6rem;
  background-color: #fff;
  background-image: none;
  border: 0 none;
  color: #555;
  display: block;
  height: auto;
  min-height: 50px;
  padding: 10px 25px;
  width: 100%; }

.select-day {
  margin-bottom: 20px;
  width: 100% !important; }
  @media screen and (min-width: 768px) {
    .select-day {
      float: left !important;
      margin-right: 2px;
      width: 190px !important; } }

.select-month {
  margin-bottom: 20px;
  width: 100% !important; }
  @media screen and (min-width: 768px) {
    .select-month {
      float: left !important;
      margin-right: 2px;
      width: 49% !important; } }

.select-year {
  margin-bottom: 20px;
  width: 100% !important; }
  @media screen and (min-width: 768px) {
    .select-year {
      float: right !important;
      margin-right: 2px;
      width: 49% !important; } }

input[type='radio'],
input[type='checkbox'] {
  margin-right: 5px; }

input[type='submit'],
input[type='reset'] {
  padding: 6px 20px; }

.radio,
.checkbox {
  clear: both;
  display: block; }

.radio-inline,
.checkbox-inline {
  float: left;
  margin-right: 30px; }

@media screen and (min-width: 768px) {
  .form--horizontal {
    width: 600px; } }

@media screen and (min-width: 768px) {
  .form--horizontal .form__group {
    overflow: hidden;
    width: 600px; } }

@media screen and (min-width: 768px) {
  .form--horizontal label,
  .form--horizontal .form__label {
    float: left;
    margin-right: 10px;
    width: 250px; } }

@media screen and (min-width: 768px) {
  .form--horizontal .form__item {
    float: left;
    width: 340px; } }

@media screen and (min-width: 768px) {
  .form--inline {
    width: 630px; } }

.form--inline .form__group {
  margin-bottom: 5px; }
  @media screen and (min-width: 768px) {
    .form--inline .form__group {
      float: left;
      margin: 0 5px 0 0;
      overflow: hidden;
      width: 150px; } }

@media screen and (min-width: 768px) {
  .form--inline .form__item {
    width: 150px; } }

.form--inline .btn {
  float: left; }

input.uppercase::-moz-placeholder {
  text-transform: none !important; }

input.uppercase::-webkit-input-placeholder {
  text-transform: none !important; }

input.uppercase:-ms-input-placeholder {
  text-transform: none !important; }

.styled-radio-buttons {
  /* One radio button per line */
  /* HTML5 Boilerplate accessible hidden styles */
  /* the basic, unchecked style */
  /* the checked style using the :checked pseudo class */
  /* never forget focus styling */ }
  .styled-radio-buttons label {
    display: block;
    font-size: 1.5em;
    line-height: 2.5; }
  .styled-radio-buttons [type='radio'] {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; }
  .styled-radio-buttons [type='radio'] + span {
    display: block; }
  .styled-radio-buttons [type='radio'] + span::before {
    border: 0.125em solid #fff;
    border-radius: 1em;
    box-shadow: 0 0 0 0.15em #000;
    content: '';
    display: inline-block;
    height: 1em;
    margin-right: 0.75em;
    transition: 0.5s ease all;
    vertical-align: -0.25em;
    width: 1em; }
  .styled-radio-buttons [type='radio']:checked + span::before {
    background: green;
    box-shadow: 0 0 0 0.25em #000; }
  .styled-radio-buttons [type='radio']:focus + span::after {
    content: '\0020\2190';
    font-size: 1.5em;
    line-height: 1;
    vertical-align: -0.125em; }

#payment-form-page h3 {
  margin: 15px 0 30px;
  display: block;
  font-size: 20px;
  font-size: 2rem; }

#payment-form-page #panConfirmation {
  display: none; }

#payment-form-page .field-validation-valid {
  display: none; }

#payment-form-page .alert {
  padding: .75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: .25rem;
  display: none; }

#payment-form-page .alert-success {
  background-color: #dff0d8;
  border-color: #d0e9c6;
  color: #3c763d; }

#payment-form-page .alert-danger {
  background-color: #f2dede;
  border-color: #ebcccc;
  color: #a94442; }

/*------------------------------------*\
    $TABLES
\*------------------------------------*/
table {
  border-spacing: 2px; }

.responsive-table {
  overflow-x: auto;
  margin-bottom: 20px; }

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

th,
td {
  text-align: center;
  padding: 20px;
  margin: 20px;
  border-spacing: 10px; }
  th p, th .room-pod__btn-label,
  td p,
  td .room-pod__btn-label {
    margin: 0;
    padding: 0; }

td {
  vertical-align: top;
  background-color: #fff; }

th,
thead td {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: normal;
  background-color: #9be3bf;
  color: #fff; }

/*------------------------------------*\
    $TABLES
\*------------------------------------*/
td {
  background-color: #fff; }

th,
thead td {
  background-color: #9be3bf;
  color: #333; }

.Form__Element__Caption {
  letter-spacing: 0.9px; }

#payment-form-page h3 {
  border-bottom: solid 1px #a08033; }

/*------------------------------------*\
    $BUTTONS
\*------------------------------------*/
.btn,
p.btn a,
.btn.room-pod__btn-label a {
  display: inline-block;
  vertical-align: middle;
  font-family: inherit;
  font-size: 100%;
  font-weight: 300;
  cursor: pointer;
  margin: 0;
  padding: 15px;
  background-color: #fff;
  color: #333;
  border: 0 none;
  text-decoration: none;
  -webkit-appearance: none;
  -webkit-border-radius: 0; }

p.btn, .btn.room-pod__btn-label {
  margin: 0 0 25px 0;
  padding: 0; }

.btn {
  /* only remove default outline if alternative focus styling is provided
  *  2.4.7 Focus Visible: Any keyboard operable user interface has a mode of operation where
  *  the keyboard focus indicator is visible. (Level AA)
  */ }
  .btn, .btn:hover {
    text-decoration: none; }

.btn--primary,
p.btn--primary a,
.btn--primary.room-pod__btn-label a {
  font-size: 16px;
  font-size: 1.6rem;
  text-transform: uppercase;
  text-align: center;
  background-color: #9be3bf;
  color: #333;
  min-width: 100%;
  transition: background-color 0.4s ease-in-out; }
  @media screen and (min-width: 768px) {
    .btn--primary,
    p.btn--primary a,
    .btn--primary.room-pod__btn-label a {
      width: auto;
      padding: 9px 25px;
      min-width: auto; } }
  @media screen and (min-width: 992px) {
    .btn--primary,
    p.btn--primary a,
    .btn--primary.room-pod__btn-label a {
      font-size: 20px;
      font-size: 2rem;
      padding: 9px 40px; } }
  @media screen and (min-width: 1200px) {
    .btn--primary,
    p.btn--primary a,
    .btn--primary.room-pod__btn-label a {
      min-width: 296px; } }
  .btn--primary:hover, .btn--primary:focus,
  p.btn--primary a:hover,
  .btn--primary.room-pod__btn-label a:hover,
  p.btn--primary a:focus,
  .btn--primary.room-pod__btn-label a:focus {
    background: #6bd5a0;
    color: #333; }
  .btn--primary:disabled, .btn--primary[disabled],
  p.btn--primary a:disabled,
  .btn--primary.room-pod__btn-label a:disabled,
  p.btn--primary a[disabled],
  .btn--primary.room-pod__btn-label a[disabled] {
    background: #c3eed9;
    color: gray;
    cursor: default; }

.box-out-wrapper .btn--primary,
.box-out-wrapper p.btn--primary a,
.box-out-wrapper .btn--primary.room-pod__btn-label a {
  min-width: auto !important; }

.btn--secondary,
p.btn--secondary a,
.btn--secondary.room-pod__btn-label a {
  font-size: 16px;
  font-size: 1.6rem;
  position: relative;
  text-transform: uppercase;
  background-color: transparent;
  color: #8c6b1f;
  transition: color 0.4s ease-in-out;
  padding: 0 15px 0 0; }
  .btn--secondary:after,
  p.btn--secondary a:after,
  .btn--secondary.room-pod__btn-label a:after {
    content: '';
    display: inline-block;
    height: 14px;
    width: 7px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='7px' height='14px' viewBox='0 0 7 14' style='enable-background:new 0 0 7 14;' xml:space='preserve'%3E%3Cpolygon fill='%238c6b1f' points='6.6,7.5 7,7 6.6,6.5 0.4,0 0,0.5 6.1,7 0,13.5 0.4,14 '/%3E%3C/svg%3E");
    margin-left: 21px;
    transition: margin-left 0.4s ease-in-out; }
  .btn--secondary:hover:after,
  p.btn--secondary a:hover:after,
  .btn--secondary.room-pod__btn-label a:hover:after {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='7px' height='14px' viewBox='0 0 7 14' style='enable-background:new 0 0 7 14;' xml:space='preserve'%3E%3Cpolygon fill='%23333' points='6.6,7.5 7,7 6.6,6.5 0.4,0 0,0.5 6.1,7 0,13.5 0.4,14 '/%3E%3C/svg%3E");
    margin-left: 31px; }
  @media screen and (min-width: 992px) {
    .btn--secondary,
    p.btn--secondary a,
    .btn--secondary.room-pod__btn-label a {
      font-size: 18px;
      font-size: 1.8rem; } }
  .btn--secondary:hover, .btn--secondary:focus,
  p.btn--secondary a:hover,
  .btn--secondary.room-pod__btn-label a:hover,
  p.btn--secondary a:focus,
  .btn--secondary.room-pod__btn-label a:focus {
    color: #333; }

p.btn--secondary:after, .btn--secondary.room-pod__btn-label:after {
  display: none; }

.btn--compact {
  padding: 5px 10px; }

.btn--wide {
  padding: 15px 50px; }

.btn--link {
  border: 0; }
  .btn--link:hover {
    text-decoration: underline; }

.btn--arrow-down {
  background: transparent; }

.btn--block {
  display: block;
  width: 100%; }

.btn--load-more {
  margin-bottom: 25px;
  padding: 12px 40px; }
  .btn--load-more:focus {
    background-color: #9be3bf;
    color: #333; }
  @media screen and (min-width: 768px) {
    .btn--load-more {
      margin-bottom: 55px; } }
  @media screen and (min-width: 992px) {
    .btn--load-more {
      margin-bottom: 65px; } }

.btn-scroll-top {
  width: 40px;
  height: 40px;
  position: fixed;
  border: 1px solid #a08033;
  background-color: #fff;
  z-index: 99998;
  right: 20px;
  bottom: 60px;
  overflow: hidden;
  cursor: pointer;
  text-indent: -2000em;
  opacity: 0;
  transition: 300ms ease all;
  padding: 10px 10px; }
  @media screen and (min-width: 768px) {
    .btn-scroll-top {
      bottom: 20px;
      width: 50px;
      height: 50px; } }
  @media screen and (min-width: 992px) {
    .btn-scroll-top {
      right: 50px;
      bottom: 50px; } }
  .btn-scroll-top:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0; }
  .btn-scroll-top.is-active {
    opacity: 1; }
    .btn-scroll-top.is-active:focus {
      background-color: #fff; }
      .btn-scroll-top.is-active:focus .btn-scroll-top__svg {
        fill: #a08033; }
    .btn-scroll-top.is-active:hover {
      background-color: #a08033; }
      .btn-scroll-top.is-active:hover .btn-scroll-top__svg {
        fill: #fff; }

.btn-scroll-top__svg {
  width: 20px;
  height: 20px;
  fill: #a08033;
  z-index: 99999;
  display: block;
  margin: 0 auto; }
  @media screen and (min-width: 768px) {
    .btn-scroll-top__svg {
      width: 20px;
      height: 20px; } }
  @media screen and (min-width: 992px) {
    .btn-scroll-top__svg {
      width: 20px;
      height: 20px; } }

.btn--previous,
.btn--next,
.btn--add,
.btn--remove {
  background-color: transparent;
  border: 1px solid #a08033;
  color: #8c6b1f;
  text-transform: uppercase;
  text-align: center;
  position: relative;
  font-size: 16px;
  font-size: 1.6rem;
  text-transform: uppercase;
  text-align: center;
  min-width: 100%;
  transition: background-color 0.4s ease-in-out; }
  @media screen and (min-width: 768px) {
    .btn--previous,
    .btn--next,
    .btn--add,
    .btn--remove {
      width: auto;
      padding: 9px 25px;
      min-width: auto; } }
  @media screen and (min-width: 992px) {
    .btn--previous,
    .btn--next,
    .btn--add,
    .btn--remove {
      font-size: 20px;
      font-size: 2rem;
      padding: 9px 40px; } }
  @media screen and (min-width: 1200px) {
    .btn--previous,
    .btn--next,
    .btn--add,
    .btn--remove {
      min-width: 296px; } }
  .btn--previous:hover,
  .btn--next:hover,
  .btn--add:hover,
  .btn--remove:hover {
    color: #333;
    border-color: #333; }

.btn--next:after {
  content: '';
  display: inline-block;
  height: 14px;
  width: 7px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='7px' height='14px' viewBox='0 0 7 14' style='enable-background:new 0 0 7 14;' xml:space='preserve'%3E%3Cpolygon fill='%238c6b1f' points='6.6,7.5 7,7 6.6,6.5 0.4,0 0,0.5 6.1,7 0,13.5 0.4,14 '/%3E%3C/svg%3E");
  margin-left: 21px;
  transition: margin-left 0.4s ease-in-out; }

.btn--next:hover:after {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='7px' height='14px' viewBox='0 0 7 14' style='enable-background:new 0 0 7 14;' xml:space='preserve'%3E%3Cpolygon fill='%23333' points='6.6,7.5 7,7 6.6,6.5 0.4,0 0,0.5 6.1,7 0,13.5 0.4,14 '/%3E%3C/svg%3E");
  margin-left: 31px; }

.btn--previous:before {
  content: '';
  display: inline-block;
  height: 14px;
  width: 7px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='7px' height='14px' viewBox='0 0 7 14' style='enable-background:new 0 0 7 14;' xml:space='preserve'%3E%3Cpolygon fill='%238c6b1f' points='6.6,7.5 7,7 6.6,6.5 0.4,0 0,0.5 6.1,7 0,13.5 0.4,14 '/%3E%3C/svg%3E");
  margin-right: 21px;
  transition: margin-right 0.4s ease-in-out;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }

.btn--previous:hover:before {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='7px' height='14px' viewBox='0 0 7 14' style='enable-background:new 0 0 7 14;' xml:space='preserve'%3E%3Cpolygon fill='%23333' points='6.6,7.5 7,7 6.6,6.5 0.4,0 0,0.5 6.1,7 0,13.5 0.4,14 '/%3E%3C/svg%3E");
  margin-right: 31px; }

.btn--add:after {
  content: '';
  display: inline-block;
  height: 20px;
  width: 20px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' class='icon icon-plus'%3E%3Cpath fill='%238c6b1f' d='M9 0h2v20H9z'/%3E%3Cpath fill='%238c6b1f' d='M0 9h20v2H0z'/%3E%3C/svg%3E");
  margin-left: 21px; }

.btn--add:hover:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' class='icon icon-plus'%3E%3Cpath fill='%23333' d='M9 0h2v20H9z'/%3E%3Cpath fill='%23333' d='M0 9h20v2H0z'/%3E%3C/svg%3E"); }

.btn--remove:after {
  content: '';
  display: inline-block;
  height: 14px;
  width: 21px;
  background-repeat: repeat;
  background-position: center center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%238c6b1f' d='M0 9h20v2H0z'/%3E%3C/svg%3E");
  margin-left: 21px; }

.btn--remove:hover:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23333' d='M0 9h20v2H0z'/%3E%3C/svg%3E"); }

/*------------------------------------*\
    $BUTTONS
\*------------------------------------*/
.btn,
p.btn a,
.btn.room-pod__btn-label a {
  font-weight: 400;
  letter-spacing: 2px; }

/*------------------------------------*\
    $LAYOUT
\*------------------------------------*/
/**
 * structural elements/areas, grids, columns etc.
 */
/*------------------------------------*\
    $LAYOUT
\*------------------------------------*/
body {
  background-color: #f6f6f6;
  overflow-x: hidden;
  padding-left: 0;
  padding-right: 0;
  transition: margin-top 0.4s ease-in-out; }
  @media screen and (min-width: 0) and (max-width: 991px) {
    body:not(.homepage) {
      padding-top: 50px; } }
  @media screen and (min-width: 992px) {
    body:not(.homepage) {
      padding-top: 94px; } }
  body.has-site-banner:not(.homepage) {
    transition: margin-top 0.4s ease-in-out;
    padding-top: 50px; }
    @media screen and (min-width: 992px) {
      body.has-site-banner:not(.homepage) {
        padding-top: 96px; } }
    @media (max-width: 550px) {
      body.has-site-banner:not(.homepage) {
        padding-top: 75px; } }
    body.has-site-banner:not(.homepage) .main {
      padding-top: 25px; }
      @media (min-width: 550px) {
        body.has-site-banner:not(.homepage) .main {
          padding-top: 29px; } }
      @media screen and (min-width: 768px) {
        body.has-site-banner:not(.homepage) .main {
          padding-top: 32px; } }
      @media screen and (min-width: 992px) {
        body.has-site-banner:not(.homepage) .main {
          padding-top: 30px; } }

.page-wrapper {
  max-width: 1920px;
  overflow: hidden; }

.container-fluid {
  padding: 0 !important;
  position: relative; }

.row {
  margin: 0; }
  .row .row {
    margin-left: -15px;
    margin-right: -15px; }

.page-wrapper {
  margin: 0 auto; }

.main {
  clear: both;
  margin: 0;
  min-height: 100vh;
  overflow: hidden;
  position: relative; }

.page-title {
  line-height: 1.3;
  margin-top: 55px; }
  @media screen and (min-width: 992px) {
    .page-title {
      line-height: 1;
      margin-top: 62px; } }
  .page-title--news {
    margin-bottom: 50px; }
  .page-title--room-landing.text-center {
    margin-top: 40px; }
    @media screen and (min-width: 768px) {
      .page-title--room-landing.text-center {
        margin-bottom: 42px;
        margin-top: 50px; } }
    @media screen and (min-width: 992px) {
      .page-title--room-landing.text-center {
        margin-bottom: 52px;
        margin-top: 60px; } }
  .page-title--room-landing {
    margin-top: 40px; }
    @media screen and (min-width: 768px) {
      .page-title--room-landing {
        margin-bottom: 15px;
        margin-top: 50px; } }
    @media screen and (min-width: 992px) {
      .page-title--room-landing {
        margin-bottom: 20px;
        margin-top: 60px; } }
  .page-title--generic-landing.text-center {
    margin-top: 40px; }
    @media screen and (min-width: 768px) {
      .page-title--generic-landing.text-center {
        margin-bottom: 42px;
        margin-top: 50px; } }
    @media screen and (min-width: 992px) {
      .page-title--generic-landing.text-center {
        margin-bottom: 52px;
        margin-top: 60px; } }
  .page-title--generic-landing {
    margin-top: 40px; }
    @media screen and (min-width: 768px) {
      .page-title--generic-landing {
        margin-bottom: 15px;
        margin-top: 50px; } }
    @media screen and (min-width: 992px) {
      .page-title--generic-landing {
        margin-bottom: 20px;
        margin-top: 60px; } }
  .page-title img {
    margin-bottom: 20px;
    max-width: 240px; }
    @media screen and (min-width: 768px) {
      .page-title img {
        max-width: 280px; } }
    @media screen and (min-width: 992px) {
      .page-title img {
        max-width: 100%; } }

.page-title-subheading {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 35px;
  margin-top: 0 !important; }
  @media screen and (min-width: 992px) {
    .page-title-subheading {
      font-size: 18px;
      font-size: 1.8rem;
      margin-bottom: 50px; } }

.section-title {
  letter-spacing: 0; }

.page-date {
  font-size: 16px;
  font-size: 1.6rem;
  color: #a08033;
  font-style: italic;
  font-weight: 600;
  margin-bottom: 40px; }
  @media screen and (min-width: 992px) {
    .page-date {
      margin-bottom: 50px;
      font-size: 18px;
      font-size: 1.8rem; } }

@media screen and (min-width: 0) and (max-width: 767px) {
  .padded-area-xs {
    margin-left: 24px !important;
    margin-right: 24px !important;
    padding-left: 0 !important;
    padding-right: 0 !important; }
    .padded-area-xs.col-xs-12 {
      width: calc(100% - 48px); }
    .padded-area-xs .padded-area-xs {
      margin-left: 0 !important;
      margin-right: 0 !important; }
  .row > .padded-area-xs {
    margin-left: calc(15px + 24px) !important;
    margin-right: calc(15px + 24px) !important;
    width: auto; } }

@media screen and (min-width: 768px) and (max-width: 991px) {
  .padded-area-sm {
    margin-left: 60px !important;
    margin-right: 60px !important;
    padding-left: 0 !important;
    padding-right: 0 !important; }
    .padded-area-sm.col-xs-12 {
      width: auto; }
    .padded-area-sm .padded-area-sm {
      margin-left: 0 !important;
      margin-right: 0 !important; }
  .row > .padded-area-sm {
    margin-left: calc(15px + 60px) !important;
    margin-right: calc(15px + 60px) !important;
    width: auto; } }

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }
  .container:before, .container:after {
    content: ' ';
    display: table; }
  .container:after {
    clear: both; }
  @media (min-width: 768px) {
    .container {
      width: 768px; } }
  @media (min-width: 992px) {
    .container {
      width: 992px; } }
  @media (min-width: 1200px) {
    .container {
      width: 1200px; } }

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
  max-width: 1920px; }
  .container-fluid:before, .container-fluid:after {
    content: ' ';
    display: table; }
  .container-fluid:after {
    clear: both; }

.row {
  margin-left: -15px;
  margin-right: -15px;
  position: relative; }
  .row:before, .row:after {
    content: ' ';
    display: table; }
  .row:after {
    clear: both; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left; }

.col-xs-1 {
  width: 8.33333%; }

.col-xs-2 {
  width: 16.66667%; }

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

.col-xs-4 {
  width: 33.33333%; }

.col-xs-5 {
  width: 41.66667%; }

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

.col-xs-7 {
  width: 58.33333%; }

.col-xs-8 {
  width: 66.66667%; }

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

.col-xs-10 {
  width: 83.33333%; }

.col-xs-11 {
  width: 91.66667%; }

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

.col-xs-pull-0 {
  right: 0%; }

.col-xs-pull-1 {
  right: 8.33333%; }

.col-xs-pull-2 {
  right: 16.66667%; }

.col-xs-pull-3 {
  right: 25%; }

.col-xs-pull-4 {
  right: 33.33333%; }

.col-xs-pull-5 {
  right: 41.66667%; }

.col-xs-pull-6 {
  right: 50%; }

.col-xs-pull-7 {
  right: 58.33333%; }

.col-xs-pull-8 {
  right: 66.66667%; }

.col-xs-pull-9 {
  right: 75%; }

.col-xs-pull-10 {
  right: 83.33333%; }

.col-xs-pull-11 {
  right: 91.66667%; }

.col-xs-pull-12 {
  right: 100%; }

.col-xs-push-0 {
  left: 0%; }

.col-xs-push-1 {
  left: 8.33333%; }

.col-xs-push-2 {
  left: 16.66667%; }

.col-xs-push-3 {
  left: 25%; }

.col-xs-push-4 {
  left: 33.33333%; }

.col-xs-push-5 {
  left: 41.66667%; }

.col-xs-push-6 {
  left: 50%; }

.col-xs-push-7 {
  left: 58.33333%; }

.col-xs-push-8 {
  left: 66.66667%; }

.col-xs-push-9 {
  left: 75%; }

.col-xs-push-10 {
  left: 83.33333%; }

.col-xs-push-11 {
  left: 91.66667%; }

.col-xs-push-12 {
  left: 100%; }

.col-xs-offset-0 {
  margin-left: 0%; }

.col-xs-offset-1 {
  margin-left: 8.33333%; }

.col-xs-offset-2 {
  margin-left: 16.66667%; }

.col-xs-offset-3 {
  margin-left: 25%; }

.col-xs-offset-4 {
  margin-left: 33.33333%; }

.col-xs-offset-5 {
  margin-left: 41.66667%; }

.col-xs-offset-6 {
  margin-left: 50%; }

.col-xs-offset-7 {
  margin-left: 58.33333%; }

.col-xs-offset-8 {
  margin-left: 66.66667%; }

.col-xs-offset-9 {
  margin-left: 75%; }

.col-xs-offset-10 {
  margin-left: 83.33333%; }

.col-xs-offset-11 {
  margin-left: 91.66667%; }

.col-xs-offset-12 {
  margin-left: 100%; }

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left; }
  .col-sm-1 {
    width: 8.33333%; }
  .col-sm-2 {
    width: 16.66667%; }
  .col-sm-3 {
    width: 25%; }
  .col-sm-4 {
    width: 33.33333%; }
  .col-sm-5 {
    width: 41.66667%; }
  .col-sm-6 {
    width: 50%; }
  .col-sm-7 {
    width: 58.33333%; }
  .col-sm-8 {
    width: 66.66667%; }
  .col-sm-9 {
    width: 75%; }
  .col-sm-10 {
    width: 83.33333%; }
  .col-sm-11 {
    width: 91.66667%; }
  .col-sm-12 {
    width: 100%; }
  .col-sm-pull-0 {
    right: 0%; }
  .col-sm-pull-1 {
    right: 8.33333%; }
  .col-sm-pull-2 {
    right: 16.66667%; }
  .col-sm-pull-3 {
    right: 25%; }
  .col-sm-pull-4 {
    right: 33.33333%; }
  .col-sm-pull-5 {
    right: 41.66667%; }
  .col-sm-pull-6 {
    right: 50%; }
  .col-sm-pull-7 {
    right: 58.33333%; }
  .col-sm-pull-8 {
    right: 66.66667%; }
  .col-sm-pull-9 {
    right: 75%; }
  .col-sm-pull-10 {
    right: 83.33333%; }
  .col-sm-pull-11 {
    right: 91.66667%; }
  .col-sm-pull-12 {
    right: 100%; }
  .col-sm-push-0 {
    left: 0%; }
  .col-sm-push-1 {
    left: 8.33333%; }
  .col-sm-push-2 {
    left: 16.66667%; }
  .col-sm-push-3 {
    left: 25%; }
  .col-sm-push-4 {
    left: 33.33333%; }
  .col-sm-push-5 {
    left: 41.66667%; }
  .col-sm-push-6 {
    left: 50%; }
  .col-sm-push-7 {
    left: 58.33333%; }
  .col-sm-push-8 {
    left: 66.66667%; }
  .col-sm-push-9 {
    left: 75%; }
  .col-sm-push-10 {
    left: 83.33333%; }
  .col-sm-push-11 {
    left: 91.66667%; }
  .col-sm-push-12 {
    left: 100%; }
  .col-sm-offset-0 {
    margin-left: 0%; }
  .col-sm-offset-1 {
    margin-left: 8.33333%; }
  .col-sm-offset-2 {
    margin-left: 16.66667%; }
  .col-sm-offset-3 {
    margin-left: 25%; }
  .col-sm-offset-4 {
    margin-left: 33.33333%; }
  .col-sm-offset-5 {
    margin-left: 41.66667%; }
  .col-sm-offset-6 {
    margin-left: 50%; }
  .col-sm-offset-7 {
    margin-left: 58.33333%; }
  .col-sm-offset-8 {
    margin-left: 66.66667%; }
  .col-sm-offset-9 {
    margin-left: 75%; }
  .col-sm-offset-10 {
    margin-left: 83.33333%; }
  .col-sm-offset-11 {
    margin-left: 91.66667%; }
  .col-sm-offset-12 {
    margin-left: 100%; } }

@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left; }
  .col-md-1 {
    width: 8.33333%; }
  .col-md-2 {
    width: 16.66667%; }
  .col-md-3 {
    width: 25%; }
  .col-md-4 {
    width: 33.33333%; }
  .col-md-5 {
    width: 41.66667%; }
  .col-md-6 {
    width: 50%; }
  .col-md-7 {
    width: 58.33333%; }
  .col-md-8 {
    width: 66.66667%; }
  .col-md-9 {
    width: 75%; }
  .col-md-10 {
    width: 83.33333%; }
  .col-md-11 {
    width: 91.66667%; }
  .col-md-12 {
    width: 100%; }
  .col-md-pull-0 {
    right: 0%; }
  .col-md-pull-1 {
    right: 8.33333%; }
  .col-md-pull-2 {
    right: 16.66667%; }
  .col-md-pull-3 {
    right: 25%; }
  .col-md-pull-4 {
    right: 33.33333%; }
  .col-md-pull-5 {
    right: 41.66667%; }
  .col-md-pull-6 {
    right: 50%; }
  .col-md-pull-7 {
    right: 58.33333%; }
  .col-md-pull-8 {
    right: 66.66667%; }
  .col-md-pull-9 {
    right: 75%; }
  .col-md-pull-10 {
    right: 83.33333%; }
  .col-md-pull-11 {
    right: 91.66667%; }
  .col-md-pull-12 {
    right: 100%; }
  .col-md-push-0 {
    left: 0%; }
  .col-md-push-1 {
    left: 8.33333%; }
  .col-md-push-2 {
    left: 16.66667%; }
  .col-md-push-3 {
    left: 25%; }
  .col-md-push-4 {
    left: 33.33333%; }
  .col-md-push-5 {
    left: 41.66667%; }
  .col-md-push-6 {
    left: 50%; }
  .col-md-push-7 {
    left: 58.33333%; }
  .col-md-push-8 {
    left: 66.66667%; }
  .col-md-push-9 {
    left: 75%; }
  .col-md-push-10 {
    left: 83.33333%; }
  .col-md-push-11 {
    left: 91.66667%; }
  .col-md-push-12 {
    left: 100%; }
  .col-md-offset-0 {
    margin-left: 0%; }
  .col-md-offset-1 {
    margin-left: 8.33333%; }
  .col-md-offset-2 {
    margin-left: 16.66667%; }
  .col-md-offset-3 {
    margin-left: 25%; }
  .col-md-offset-4 {
    margin-left: 33.33333%; }
  .col-md-offset-5 {
    margin-left: 41.66667%; }
  .col-md-offset-6 {
    margin-left: 50%; }
  .col-md-offset-7 {
    margin-left: 58.33333%; }
  .col-md-offset-8 {
    margin-left: 66.66667%; }
  .col-md-offset-9 {
    margin-left: 75%; }
  .col-md-offset-10 {
    margin-left: 83.33333%; }
  .col-md-offset-11 {
    margin-left: 91.66667%; }
  .col-md-offset-12 {
    margin-left: 100%; } }

@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left; }
  .col-lg-1 {
    width: 8.33333%; }
  .col-lg-2 {
    width: 16.66667%; }
  .col-lg-3 {
    width: 25%; }
  .col-lg-4 {
    width: 33.33333%; }
  .col-lg-5 {
    width: 41.66667%; }
  .col-lg-6 {
    width: 50%; }
  .col-lg-7 {
    width: 58.33333%; }
  .col-lg-8 {
    width: 66.66667%; }
  .col-lg-9 {
    width: 75%; }
  .col-lg-10 {
    width: 83.33333%; }
  .col-lg-11 {
    width: 91.66667%; }
  .col-lg-12 {
    width: 100%; }
  .col-lg-pull-0 {
    right: 0%; }
  .col-lg-pull-1 {
    right: 8.33333%; }
  .col-lg-pull-2 {
    right: 16.66667%; }
  .col-lg-pull-3 {
    right: 25%; }
  .col-lg-pull-4 {
    right: 33.33333%; }
  .col-lg-pull-5 {
    right: 41.66667%; }
  .col-lg-pull-6 {
    right: 50%; }
  .col-lg-pull-7 {
    right: 58.33333%; }
  .col-lg-pull-8 {
    right: 66.66667%; }
  .col-lg-pull-9 {
    right: 75%; }
  .col-lg-pull-10 {
    right: 83.33333%; }
  .col-lg-pull-11 {
    right: 91.66667%; }
  .col-lg-pull-12 {
    right: 100%; }
  .col-lg-push-0 {
    left: 0%; }
  .col-lg-push-1 {
    left: 8.33333%; }
  .col-lg-push-2 {
    left: 16.66667%; }
  .col-lg-push-3 {
    left: 25%; }
  .col-lg-push-4 {
    left: 33.33333%; }
  .col-lg-push-5 {
    left: 41.66667%; }
  .col-lg-push-6 {
    left: 50%; }
  .col-lg-push-7 {
    left: 58.33333%; }
  .col-lg-push-8 {
    left: 66.66667%; }
  .col-lg-push-9 {
    left: 75%; }
  .col-lg-push-10 {
    left: 83.33333%; }
  .col-lg-push-11 {
    left: 91.66667%; }
  .col-lg-push-12 {
    left: 100%; }
  .col-lg-offset-0 {
    margin-left: 0%; }
  .col-lg-offset-1 {
    margin-left: 8.33333%; }
  .col-lg-offset-2 {
    margin-left: 16.66667%; }
  .col-lg-offset-3 {
    margin-left: 25%; }
  .col-lg-offset-4 {
    margin-left: 33.33333%; }
  .col-lg-offset-5 {
    margin-left: 41.66667%; }
  .col-lg-offset-6 {
    margin-left: 50%; }
  .col-lg-offset-7 {
    margin-left: 58.33333%; }
  .col-lg-offset-8 {
    margin-left: 66.66667%; }
  .col-lg-offset-9 {
    margin-left: 75%; }
  .col-lg-offset-10 {
    margin-left: 83.33333%; }
  .col-lg-offset-11 {
    margin-left: 91.66667%; }
  .col-lg-offset-12 {
    margin-left: 100%; } }

.bootstrap-grid-example div {
  border: 1px solid #ccc; }

@media screen and (min-width: 0) and (max-width: 767px) {
  .page-wrapper {
    overflow-x: hidden; }
  .full-bleed--xs {
    padding-left: 0 !important;
    padding-right: 0 !important; } }

.full-bleed {
  padding-left: 0 !important;
  padding-right: 0 !important; }

/*------------------------------------*\
    $VENDOR
\*------------------------------------*/
/**
 * CSS or Sass from other projects - do not change, but overwrite if necessary.
 */
.select2-container {
  box-sizing: border-box;
  display: block;
  margin: 0;
  position: relative;
  vertical-align: middle;
  width: 100% !important; }
  .select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 50px;
    -moz-user-select: none;
     -ms-user-select: none;
         user-select: none;
    -webkit-user-select: none;
    outline: 0; }
    .select2-container .select2-selection--single .select2-selection__rendered {
      display: block;
      padding-left: 26px;
      padding-right: 20px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-size: 16px;
      font-size: 1.6rem; }
    .select2-container .select2-selection--single .select2-selection__clear {
      position: relative; }
  .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px;
    letter-spacing: 1.7px; }
  .select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    -moz-user-select: none;
     -ms-user-select: none;
         user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--multiple .select2-selection__rendered {
      display: inline-block;
      overflow: hidden;
      padding-left: 8px;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .select2-container .select2-search--inline {
    float: left; }
    .select2-container .select2-search--inline .select2-search__field {
      box-sizing: border-box;
      border: none;
      font-size: 100%;
      margin-top: 5px;
      padding: 0; }
      .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
        -webkit-appearance: none; }

.select2-dropdown {
  background-color: white;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051; }

.select2-results {
  display: block; }

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0; }

.select2-results__option {
  font-size: 16px;
  font-size: 1.6rem;
  padding: 14px 26px;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  border-bottom: 1px solid #f6f6f6;
  height: 50px;
  margin-bottom: 0;
  text-transform: uppercase;
  background-color: #fff;
  letter-spacing: 1.7px; }
  .select2-results__option:last-child {
    border-bottom: 0; }
  .select2-results__option[aria-selected] {
    cursor: pointer; }
  .select2-results__option:hover {
    background-color: #9be3bf !important;
    color: #333 !important; }

.select2-container--open .select2-dropdown {
  left: 0px; }

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-search--dropdown {
  display: block;
  padding: 4px; }
  .select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box; }
    .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
      -webkit-appearance: none; }
  .select2-search--dropdown.select2-search--hide {
    display: none; }

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0); }

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

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border-radius: 4px; }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 50px;
    text-transform: uppercase;
    background-color: #fff;
    letter-spacing: 1.7px; }
  .select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold; }
  .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 50px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 50px; }
    .select2-container--default .select2-selection--single .select2-selection__arrow b {
      width: 20px;
      height: 10px;
      background-position: -10px 0px;
      background-size: 1222px 73px;
      background-image: url("/Static/images/sprites/sprite.svg");
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto; }

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default; }
  .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  width: 20px;
  height: 10px;
  background-position: -10px 0px;
  background-size: 1222px 73px;
  background-image: url("/Static/images/sprites/sprite.svg");
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%) rotate(180deg);
      -ms-transform: translate(-50%, -50%) rotate(180deg);
          transform: translate(-50%, -50%) rotate(180deg); }

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text; }
  .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%; }
    .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
      list-style: none; }
  .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #999;
    margin-top: 5px;
    float: left; }
  .select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #333; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0; }

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none; }

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa; }

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield; }

.select2-container--default .select2-results > .select2-results__options {
  max-height: 300px;
  overflow-y: auto; }

.select2-container--default .select2-results__option[role=group] {
  padding: 0; }

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999;
  display: none; }

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #fff; }

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em; }
    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
      margin-left: -2em;
      padding-left: 3em; }
      .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -3em;
        padding-left: 4em; }
        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
          margin-left: -4em;
          padding-left: 5em; }
          .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -5em;
            padding-left: 6em; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #9be3bf;
  color: #333; }

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
  letter-spacing: 1.7px; }

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0; }
  .select2-container--classic .select2-selection--single:focus {
    border: 1px solid #9be3bf; }
  .select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 50px;
    height: 50px; }
  .select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: 10px; }
  .select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px; }
    .select2-container--classic .select2-selection--single .select2-selection__arrow b {
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0;
      width: 20px;
      height: 10px;
      background-position: -10px 0px;
      background-size: 1222px 73px;
      background-image: url("/Static/images/sprites/sprite.svg");
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto; }

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb; }
  .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none; }
    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
      width: 20px;
      height: 10px;
      background-position: -10px 0px;
      background-size: 1222px 73px;
      background-image: url("/Static/images/sprites/sprite.svg"); }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0; }
  .select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px; }
  .select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #555; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  float: right;
  margin-left: 5px;
  margin-right: auto; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0; }

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none; }

.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent; }

.select2-container--classic .select2-dropdown--above {
  border-bottom: none; }

.select2-container--classic .select2-dropdown--below {
  border-top: none; }

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 300px;
  overflow-y: auto; }

.select2-container--classic .select2-results__option[role=group] {
  padding: 0; }

.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey;
  display: none; }

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white; }

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb; }

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: fixed;
  background: #fff;
  z-index: 800; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
  z-index: 800; }

.mfp-container {
  text-align: center;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }
  .mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 800; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader, .mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  z-index: 800;
  box-shadow: none;
  -ms-touch-action: manipulation;
      touch-action: manipulation; }

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

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: fixed;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  fill: #fff; }
  .mfp-close svg {
    display: inline-block;
    vertical-align: middle;
    pointer-events: none; }
  @media screen and (min-width: 992px) {
    .mfp-close {
      position: absolute; } }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: #333;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #333;
  font-size: 14px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 1;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  width: 30px;
  height: 16px;
  padding: 16px;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 0.8s; }
  @media screen and (min-width: 768px) {
    .mfp-arrow {
      padding: 24px; } }
  @media screen and (min-width: 992px) {
    .mfp-arrow {
      width: 40px;
      height: 72px; } }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    transition: opacity 0.8s;
    opacity: 0.7; }
  .mfp-arrow:before, .mfp-arrow:after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    top: 8px; }

.mfp-arrow-left {
  left: 15px; }
  @media screen and (min-width: 992px) {
    .mfp-arrow-left {
      left: 40px; } }
  .mfp-arrow-left:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='20' viewBox='0 0 10 20'%3E\a   %3Cpath class='arrow-back' d='M9.4 20l.6-.7L1.3 10 10 .7 9.4 0 .6 9.3 0 10l.6.7z' fill='%23333' /%3E\a%3C/svg%3E");
    width: 21px;
    height: 42px;
    background-repeat: no-repeat;
    background-size: cover; }
    @media screen and (min-width: 992px) {
      .mfp-arrow-left:after {
        width: 35px;
        height: 70px; } }

.mfp-arrow-right {
  right: 15px; }
  @media screen and (min-width: 992px) {
    .mfp-arrow-right {
      right: 40px; } }
  .mfp-arrow-right:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='20' viewBox='0 0 10 20'%3E%3Cpath class='arrow-next' d='M9.4 10.7l.6-.7-.6-.7L.6 0 0 .7 8.7 10 0 19.3l.6.7z' fill='%23333' /%3E%3C/svg%3E");
    width: 21px;
    height: 42px;
    background-repeat: no-repeat;
    background-size: cover; }
    @media screen and (min-width: 992px) {
      .mfp-arrow-right:after {
        width: 35px;
        height: 70px; } }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
  max-height: 70vh !important; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #a08033;
  word-wrap: break-word;
  padding-right: 36px;
  text-decoration: none; }
  .mfp-title a {
    font-size: 18px;
    font-size: 1.8rem;
    color: #a08033;
    font-weight: normal;
    letter-spacing: 1.3px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
        transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    -ms-transform-origin: 0;
        transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    -ms-transform-origin: 100%;
        transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.mfp-fade.mfp-bg {
  opacity: 0;
  transition: all 0.35s ease-in-out; }

/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 1; }
  @media screen and (min-width: 992px) {
    .mfp-fade.mfp-bg.mfp-ready {
      opacity: 0.8; } }

/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0; }

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: all 0.35s ease-in-out; }
  @media screen and (min-width: 992px) {
    .mfp-fade.mfp-wrap .mfp-content {
      max-width: 66.66667vw; } }

/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1; }

/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0; }

@-webkit-keyframes imageFadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes imageFadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.mfp-open .mfp-figure figure {
  -webkit-animation-name: imageFadeIn;
          animation-name: imageFadeIn;
  -webkit-animation-duration: 1.4s;
          animation-duration: 1.4s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.mfp-figure {
  background: #fff; }

.mfp-figure:after {
  background: #fff;
  box-shadow: none; }

img.mfp-img {
  padding: 0 0 50px 0; }
  @media screen and (min-width: 992px) {
    img.mfp-img {
      padding-bottom: 100px; } }

.mfp-image-holder .mfp-close {
  width: 50px;
  height: 50px;
  background: #9be3bf;
  right: 0;
  opacity: 1;
  text-align: center;
  padding: 0;
  color: #fff; }

.mfp-counter {
  font-size: 18px;
  font-size: 1.8rem;
  color: #333; }

.mfp-title {
  display: none; }
  .mfp-title a,
  .mfp-title a:hover {
    text-decoration: none; }
  @media screen and (min-width: 992px) {
    .mfp-title {
      display: table-cell;
      vertical-align: middle;
      padding-left: 50px;
      text-transform: uppercase;
      min-height: 100px;
      height: 100px; } }

.mfp-counter {
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 15px; }
  @media screen and (min-width: 992px) {
    .mfp-counter {
      right: 50px; } }

.mfp-bottom-bar {
  background-color: #fff;
  min-height: 50px;
  margin-top: -50px;
  display: table; }
  @media screen and (min-width: 992px) {
    .mfp-bottom-bar {
      min-height: 100px;
      margin-top: -100px; } }

@media screen and (min-width: 0) and (max-width: 991px) {
  .mfp-bottom-bar {
    background-color: #f6f6f6; } }

.mfp-bg {
  background: #f6f6f6; }

@media screen and (min-width: 992px) {
  .mfp-bottom-bar {
    background-image: url(../../images/chevrons-bg.svg);
    background-size: cover; } }

.mfp-image-holder .mfp-close {
  fill: #333; }

.mfp-title a {
  letter-spacing: 2px; }

.ps {
  -ms-touch-action: auto;
  touch-action: auto;
  overflow: hidden !important;
  -ms-overflow-style: none; }

@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important; } }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important; } }

.ps.ps--active-x > .ps__scrollbar-x-rail,
.ps.ps--active-y > .ps__scrollbar-y-rail {
  display: block;
  background-color: #f6f6f6; }

.ps.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail {
  background-color: #f6f6f6;
  opacity: 1; }

.ps.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail > .ps__scrollbar-x {
  background-color: #666;
  height: 11px; }

.ps.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail {
  background-color: #f6f6f6;
  opacity: 1; }

.ps.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail > .ps__scrollbar-y {
  background-color: #666;
  width: 8px; }

.ps > .ps__scrollbar-x-rail {
  display: none;
  position: absolute;
  /* please don't change 'position' */
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  bottom: 0px;
  /* there must be 'bottom' for ps__scrollbar-x-rail */
  height: 15px; }

.ps > .ps__scrollbar-x-rail > .ps__scrollbar-x {
  position: absolute;
  /* please don't change 'position' */
  background-color: #919191;
  border-radius: 6px;
  transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
  bottom: 2px;
  /* there must be 'bottom' for ps__scrollbar-x */
  height: 6px; }

.ps > .ps__scrollbar-x-rail:hover > .ps__scrollbar-x,
.ps > .ps__scrollbar-x-rail:active > .ps__scrollbar-x {
  height: 11px; }

.ps > .ps__scrollbar-y-rail {
  display: none;
  position: absolute;
  border-radius: 6px;
  /* please don't change 'position' */
  opacity: 0;
  transition: background-color .2s linear, width .2s ease-in-out opacity .2s linear;
  right: 5px;
  margin: 12px 0;
  /* there must be 'right' for ps__scrollbar-y-rail */
  width: 8px; }
  @media screen and (min-width: 768px) {
    .ps > .ps__scrollbar-y-rail {
      right: 20px; } }
  @media screen and (min-width: 992px) {
    .ps > .ps__scrollbar-y-rail {
      right: 25px; } }

.ps > .ps__scrollbar-y-rail > .ps__scrollbar-y {
  position: absolute;
  /* please don't change 'position' */
  background-color: #919191;
  border-radius: 6px;
  height: 80%;
  transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
  right: 0;
  /* there must be 'right' for ps__scrollbar-y */
  width: 8px; }

.ps:hover.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail {
  background-color: #f6f6f6;
  opacity: 1; }

.ps:hover.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail > .ps__scrollbar-x {
  background-color: #666;
  height: 11px; }

.ps:hover.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail {
  background-color: #f6f6f6;
  opacity: 1; }

.ps:hover.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail > .ps__scrollbar-y {
  background-color: #666;
  width: 8px; }

.ps:hover > .ps__scrollbar-x-rail,
.ps:hover > .ps__scrollbar-y-rail {
  opacity: 0.6; }

.ps:hover > .ps__scrollbar-x-rail:hover {
  background-color: #f6f6f6;
  opacity: 1; }

.ps:hover > .ps__scrollbar-x-rail:hover > .ps__scrollbar-x {
  background-color: #666; }

.ps:hover > .ps__scrollbar-y-rail:hover {
  background-color: #f6f6f6;
  opacity: 1; }

.ps:hover > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y {
  background-color: #666; }

/*!
 * @author waanhappy@163.com
 * timepicker 时间选择器less
 */
.timepicker {
  position: absolute;
  z-index: 1000;
  float: left;
  width: 160px;
  padding-bottom: 5px;
  margin: 2px 0 0 0;
  list-style: none;
  font-size: 14px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box; }

.timepicker:before,
.timepicker:after {
  content: '';
  border-top: 0;
  display: inline-block;
  position: absolute; }

.timepicker .icon-up {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAeCAYAAABuUU38AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1MjMyRjZENzU1NjIxMUU3OTkwMjhDMDYyNDEwRUNBQSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1MjMyRjZEODU1NjIxMUU3OTkwMjhDMDYyNDEwRUNBQSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjUyMzJGNkQ1NTU2MjExRTc5OTAyOEMwNjI0MTBFQ0FBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjUyMzJGNkQ2NTU2MjExRTc5OTAyOEMwNjI0MTBFQ0FBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+GdMqPQAAAZdJREFUeNrUmMlKxEAQhlsE8eQSFyTxWTx5Vhx1xn3XkydvvoMgCOJV8CUUd8UFL+rFN/AV3B39GybQBDNWdTpJpeCDQKqT+ajqJaNUulEG52Af9KuCxiKogp8a76BSNIkVQ8DkE4wXXcKUmZAusRxppzg+JFdmiSAQlRkruoTZZhVJElVLkbAyucssJJQQsTTPO5IwK1POY7P7Jv7AQ3AnUYbTTlqiGXSDB0abjUqSOAItxlhfigxnThxHJGxkdJuNuJaYY8yJkxiJMALwyKiMM5lZpkQr4ZkBozJvYDhLiVPQxni2z5Qp2UrMgC/ii86YEraVGeK+YDoDCRuZV47MFKOd9Gdsu4N56DNlBikS1EpcAM/hyhi4kuFIXDqqRDR6k8pMMiU8lV74jH3mBQyEA0uCJGzaTMv06UFPxAFXoCPDEzZHRh9O1TNRwlPZB/U4c6+TN/9JugadOX6FUmTWdGIT2ItJuAVdAv4XqCezDRrDRH2xG0m4ESJRb2ne+iuxAazXJs5GSvtE0ugBO+AArJo3fgUYAKf2/v/Eyp9gAAAAAElFTkSuQmCC); }

.timepicker .icon-down {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAeCAYAAABuUU38AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2MzU2NEE0ODU1NjIxMUU3ODcxRUQxRjVDQkRBMzYxNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2MzU2NEE0OTU1NjIxMUU3ODcxRUQxRjVDQkRBMzYxNSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjYzNTY0QTQ2NTU2MjExRTc4NzFFRDFGNUNCREEzNjE1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjYzNTY0QTQ3NTU2MjExRTc4NzFFRDFGNUNCREEzNjE1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+NuD5CwAAAaNJREFUeNrUmMlKxEAQhlsE8aSOG5LxWTx5Vhx1dNz3kydvvoMgCOJV8CUUd8UFL44X38BXcBl1xr9gGjSYpCtJd2oKPphDpdPfVHV3EqX+xjo4AnugT8mLHNgCx2ATNP2XtANqvyiDfkESPeDON8d90KwT6MeuL0HzBPJCJO4D5ngAWihpIyBBikw3uI2Y4zYlPkYkZSnTCW4M5vei6gunZkDZsUyXoQTxTBcMgFdhMlSJa8M5fYGCvnCIIUNt5gmSmPYPMAzeGJWxsTXnmBIzQQNxZfIpV+IqDYm4Ml5Klbg0vOe3iYSOEYeV6QAXjErMcm9AMu+WZbgSc3H/rQJTxmNKnDPaaT5p/45aqEw7OHMpoWMMfDDOmTCZNqbEQtp7PMlUErYZSZwajlEFi7ZO3XFGZfwyJHHCkFiy/RzElekFrYyHUycSOoqMNntgSNCaWHb9rsCRyXxNRMUEo83EtFOYTCWhxIqULxwk8xlTRIyEjskYlREnoaNkKEPttKqEx5RBm62pBolSiEzDSARtzdUsDru0YhAc1l9jizZv9CPAACzc/v9R+XQaAAAAAElFTkSuQmCC); }

.timepicker .icon-up,
.timepicker .icon-down {
  display: inline-block;
  width: 55px;
  height: 38px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 45%;
  opacity: .4;
  cursor: pointer; }

.timepicker .icon-up:hover,
.timepicker .icon-down:hover {
  opacity: .7; }

.timepicker:before {
  top: -7px;
  left: 40px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(0, 0, 0, 0.15);
  border-bottom-color: rgba(0, 0, 0, 0.2); }

.timepicker:after {
  top: -6px;
  left: 41px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff; }

.timepicker .title {
  padding: 10px 0 5px 0;
  color: #888;
  width: 100%;
  cursor: default; }

.timepicker .cell-2 {
  float: left;
  width: 20%;
  min-height: 14px;
  cursor: default; }

.timepicker .cell-4 {
  width: 40%;
  float: left; }

.timepicker .handle,
.timepicker .text {
  position: relative; }

.timepicker .chose-all {
  position: relative;
  margin: 0 10px 0 10px; }

.timepicker .chose-all .text {
  font: bold 18px/22px arial, sans-serif; }

.timepicker a {
  color: #aaa;
  text-decoration: none; }

.timepicker .text {
  color: #666; }

.timepicker .text a {
  color: #444; }

.timepicker .text a:active,
.timepicker .text a:focus,
.timepicker .text a:hover {
  color: #222; }

.timepicker ul {
  list-style: none;
  padding: 0;
  margin: 0 5px; }

.timepicker li.cell-2 {
  padding: 3px 0;
  cursor: pointer; }

.timepicker li.cell-2:hover {
  background: #ccc;
  color: #555; }

/*------------------------------------*\
    $GLOABL
\*------------------------------------*/
/**
 * Global elements that are on all or the majority of pages, such as header, footer etc
 */
/*------------------------------------*\
    $HEADER
\*------------------------------------*/
.fixed-header {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 999999;
  transition: -webkit-transform 400ms ease-in-out;
  transition: transform 400ms ease-in-out;
  transition: transform 400ms ease-in-out, -webkit-transform 400ms ease-in-out; }
  body:not(.has-site-banner) .fixed-header {
    -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
            transform: translateY(-100%); }

.header {
  background-color: #fff;
  height: 50px;
  margin: 0 0;
  margin-top: 0;
  max-width: 1920px;
  position: relative;
  top: 0;
  width: 100%;
  z-index: 1000;
  position: absolute;
  bottom: 0;
  top: auto;
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
  /*transition: top $site-wide-banner-transition-speed ease-in-out;

    body.has-site-banner & {
        top: 50px;
        transition: top $site-wide-banner-transition-speed ease-in-out;
    }*/ }
  @media screen and (min-width: 992px) {
    .header {
      height: 94px; }
      body.maybourne .header {
        height: 96px; }
      body.maybourne .header.animated {
        height: 80px; }
      .newBrowser .header {
        transition: height 0.4s ease-in, background 1.2s ease-out, margin-top 1.5s ease-in-out, top 0.4s ease-in-out; }
      .header.animated {
        height: 80px;
        min-height: 80px;
        transition: height 0.4s ease-in, background 1.2s ease-out, margin-top 1.5s ease-in-out, top 0.4s ease-in-out;
        /*body.has-site-banner & {
                top: 50px;
                transition: height 0.4s ease-in, background 1.2s ease-out, margin-top 1.5s $transition-easing, top $site-wide-banner-transition-speed ease-in-out;
            }*/ } }
  .header h1 {
    margin: 0;
    padding: 0; }

.no-js .header {
  margin-top: 0; }

.page-loaded .header {
  -webkit-animation-duration: 2.5s;
          animation-duration: 2.5s;
  -webkit-animation-name: headerSlide;
          animation-name: headerSlide;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear; }

/* Standard syntax */
@-webkit-keyframes headerSlide {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%); } }
@keyframes headerSlide {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%); } }

.site-logo {
  display: table;
  margin: 0 auto;
  text-align: center;
  position: relative; }
  @media screen and (min-width: 992px) {
    .site-logo {
      top: 12px;
      opacity: 1;
      transition: top 0.4s ease-in; }
      .newBrowser .site-logo {
        transition: top 0.4s ease-in; }
      .animated .site-logo {
        top: -15px;
        transition: top 0.4s ease-in; }
      .overflow-hidden .site-logo {
        left: 0;
        position: relative; } }
  @media screen and (min-width: 1200px) {
    .overflow-hidden .site-logo {
      left: -8px; } }

.logo__crest {
  display: none;
  opacity: 1;
  transition: opacity 0.4s ease-in, height 1.1s ease-in; }
  @media screen and (min-width: 992px) {
    .logo__crest {
      display: inline-block; } }
  .animated .logo__crest {
    height: 0;
    opacity: 0; }

.site-logo__svg {
  display: block;
  margin: 0 auto;
  width: 150px; }
  @media screen and (min-width: 992px) {
    .site-logo__svg {
      height: 73px;
      margin-top: -17px;
      margin-top: 0;
      width: 193px; }
      .animated .site-logo__svg {
        width: 193px; } }

.btn.btn--reserve {
  font-size: 16px;
  font-size: 1.6rem;
  background-color: #9be3bf;
  border: 0 none;
  height: 50px;
  padding: 15px;
  position: absolute;
  right: 0;
  text-align: left;
  text-indent: -9000px;
  text-transform: uppercase;
  top: 0;
  width: 50px;
  /*.newBrowser & {
    transition: background-color $transition-speed $transition-easing , top 0.4s ease-in, opacity 1.2s ease-in-out;
  }*/ }
  @media screen and (min-width: 768px) {
    .btn.btn--reserve {
      padding: 15px 60px 15px 23px;
      text-indent: 0;
      width: auto; } }
  @media screen and (min-width: 992px) {
    .btn.btn--reserve {
      opacity: 1;
      right: 45px;
      top: 24px; }
      .overflow-hidden .btn.btn--reserve {
        right: 62px; } }
  .animated .btn.btn--reserve {
    top: 0;
    transition: background-color 0.4s ease-in-out, top 0.4s ease-in, opacity 1.2s ease-in-out; }
    @media screen and (min-width: 992px) {
      .animated .btn.btn--reserve {
        top: 15px; } }
  .btn.btn--reserve:hover, .btn.btn--reserve:focus {
    background-color: #6bd5a0; }

.overflow-hidden .iPad .btn.btn--reserve {
  right: 45px; }

.icon-calendar {
  display: inline-block;
  fill: #333;
  height: 20px;
  position: absolute;
  right: 10px;
  top: 15px;
  width: 24px; }
  @media screen and (min-width: 992px) {
    .icon-calendar {
      right: 24px;
      top: 15px; } }

.site-logo__svg {
  margin: -20px auto 0 auto; }
  @media screen and (min-width: 992px) {
    .site-logo__svg {
      margin-top: 0; } }

@media screen and (min-width: 1200px) {
  .overflow-hidden .site-logo {
    left: -9px; } }

/*------------------------------------*\
    $FOOTER
\*------------------------------------*/
.footer-wrapper {
  max-width: 1920px;
  margin: 0 auto; }
  @media screen and (min-width: 992px) {
    .homepage .footer-wrapper {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-justify-content: space-around;
          -ms-flex-pack: distribute;
              justify-content: space-around; } }

.footer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  clear: both;
  width: 100%;
  max-width: 1920px;
  margin: 0 auto; }
  @media screen and (min-width: 992px) {
    .footer {
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      border-top: 1px solid #fff;
      padding-top: 50px; }
      .homepage .footer {
        border-top: 0;
        padding-top: 130px; } }
  .footer h3 {
    font-size: 16px;
    font-size: 1.6rem;
    font-family: "Lato", Arial, sans-serif; }
    @media screen and (min-width: 992px) {
      .footer h3 {
        font-size: 24px;
        font-size: 2.4rem;
        margin-bottom: 27px; } }

.footer-links {
  width: 100%; }
  @media screen and (min-width: 992px) {
    .footer-links {
      width: 41.66667%;
      margin-left: 8.33333%;
      border-right: 1px solid #ccc;
      padding: 30px 0; } }

.footer-links__col {
  width: 100%; }
  @media screen and (min-width: 992px) {
    .footer-links__col {
      width: 41.66667%;
      float: left; } }
  .footer-links__col h3 {
    border-top: 1px solid #fff; }
    @media screen and (min-width: 992px) {
      .footer-links__col h3 {
        border-top-color: transparent; } }
  @media screen and (min-width: 0) and (max-width: 767px) {
    .footer-links__col .mobile-accordion__trigger {
      padding-left: 24px;
      padding-right: 24px; } }
  @media screen and (min-width: 0) and (max-width: 767px) {
    .footer-links__col .mobile-accordion__content--alt {
      padding: 0; } }
  @media screen and (min-width: 992px) {
    .footer-links__col + .footer-links__col {
      margin-left: 30px; } }
  @media screen and (min-width: 1200px) {
    .footer-links__col + .footer-links__col {
      margin-left: 0px; } }

.footer-links__social {
  width: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.footer-misc {
  width: 100%;
  display: block; }
  @media screen and (min-width: 992px) {
    .footer-misc {
      border-top: 0 none;
      margin-right: 16.66667%;
      margin-left: 8.33333%;
      width: 25%;
      -webkit-order: 2;
          -ms-flex-order: 2;
              order: 2;
      padding: 30px 0; } }
  @media screen and (min-width: 0) and (max-width: 767px) {
    .footer-misc .newsletter-pod {
      border-top-width: 1px; } }

.footer-pod {
  width: 100%;
  padding: 18px 24px; }
  @media screen and (min-width: 992px) {
    .footer-pod {
      padding: 0; } }

.link-list {
  padding: 0 25px;
  text-transform: uppercase;
  list-style: none; }
  @media screen and (min-width: 992px) {
    .link-list {
      margin: 0 0 50px 0;
      padding: 0; } }

.link-list__item {
  margin: 0 0 20px 0;
  padding: 0; }

.link-list__link {
  font-size: 14px;
  font-size: 1.4rem;
  text-decoration: none;
  color: #333; }
  .link-list__link:hover, .link-list__link:focus {
    text-decoration: none;
    color: #a08033; }
  @media screen and (min-width: 992px) {
    .link-list__link {
      font-size: 16px;
      font-size: 1.6rem; } }

.footer-bottom {
  border-top: 1px solid #fff;
  clear: both; }
  @media screen and (min-width: 992px) {
    .footer-bottom {
      margin-top: 50px;
      border-top: 1px solid #ccc;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between; } }

.copyright {
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
  border-top: 1px solid #fff;
  padding: 18px 24px;
  margin-bottom: 49px; }
  @media screen and (min-width: 768px) {
    .copyright {
      margin-bottom: 10px; } }
  @media screen and (min-width: 992px) {
    .copyright {
      padding: 25px 0;
      display: inline-block;
      border-top: 0 none;
      margin-left: 8.3333%; } }

.inline-menu {
  display: inline-block;
  padding: 8px 24px;
  margin: 0; }
  @media screen and (min-width: 992px) {
    .inline-menu {
      padding: 25px;
      float: right;
      -webkit-order: 2;
          -ms-flex-order: 2;
              order: 2;
      -webkit-align-self: flex-end;
          -ms-flex-item-align: end;
              align-self: flex-end;
      margin-right: 8.3333%; } }

.inline-menu__item {
  font-size: 14px;
  font-size: 1.4rem;
  display: inline;
  border-left: 1px solid #666;
  float: left;
  padding: 0 15px;
  margin: 10px 0;
  line-height: 1; }
  @media screen and (min-width: 992px) {
    .inline-menu__item {
      line-height: 1.5;
      padding: 0 25px;
      margin: 0; } }
  .inline-menu__item:first-child {
    border-left: 1px solid transparent;
    padding-left: 0; }
    @media screen and (min-width: 992px) {
      .inline-menu__item:first-child {
        padding-left: 25px; } }

.inline-menu__link {
  text-decoration: none; }
  .inline-menu__link:hover, .inline-menu__link:focus {
    text-decoration: underline; }

.find-us-map {
  border-top: 1px solid #fff;
  padding: 18px 24px; }
  @media screen and (min-width: 768px) {
    .find-us-map {
      width: 48%;
      float: right;
      border-top: 0; } }
  @media screen and (min-width: 992px) {
    .find-us-map {
      float: none;
      width: 100%;
      padding: 0;
      margin-bottom: 50px; } }
  .find-us-map h3 {
    color: #333;
    margin-bottom: 10px; }
  .find-us-map img {
    margin-bottom: 20px; }
  .find-us-map p, .find-us-map .room-pod__btn-label {
    font-size: 16px;
    font-size: 1.6rem; }
    @media screen and (min-width: 992px) {
      .find-us-map p, .find-us-map .room-pod__btn-label {
        font-size: 18px;
        font-size: 1.8rem; } }
  .find-us-map :last-child {
    margin-bottom: 0; }

.footer-links-collection {
  border-top: 1px solid #fff;
  width: 100%;
  padding: 18px 24px; }
  @media screen and (min-width: 768px) {
    .footer-links-collection {
      padding: 25px;
      border-top: 0;
      float: left;
      width: 48%; } }
  @media screen and (min-width: 992px) {
    .footer-links-collection {
      width: 100%;
      float: none;
      padding: 0; } }

.footer-links-collection__label {
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 15px;
  letter-spacing: 0.95px; }
  @media screen and (min-width: 768px) {
    .footer-links-collection__label {
      font-size: 16px;
      font-size: 1.6rem; } }

/*------------------------------------*\
    $COMPONENTS
\*------------------------------------*/
/**
 * objects and abstractions etc.
 */
/*------------------------------------*\
    $ACCORDION
\*------------------------------------*/
.accordion-panel {
  width: 100%;
  margin: 0 0 4px 0;
  background-color: #fff; }
  @media screen and (min-width: 992px) {
    .accordion-panel {
      margin-bottom: 8px; } }
  .accordion-panel:last-child {
    margin-bottom: 65px; }
    @media screen and (min-width: 992px) {
      .accordion-panel:last-child {
        margin-bottom: 100px; } }

.accordion-panel__heading {
  width: 100%;
  margin-bottom: 0; }

.accordion-panel__button {
  font-size: 20px;
  font-size: 2rem;
  color: #a08033;
  letter-spacing: 0.5px;
  text-align: left;
  width: 100%;
  position: relative;
  border: 0;
  background: transparent;
  padding: 16px 30px; }
  @media screen and (min-width: 992px) {
    .accordion-panel__button {
      padding: 18px 30px;
      font-size: 24px;
      font-size: 2.4rem; } }
  .accordion-panel__button:before {
    content: '';
    display: inline-block;
    position: absolute;
    bottom: 0;
    width: 0;
    height: 2px;
    background-color: #a08033;
    transition: width 0.2s ease-in-out; }
  .accordion-panel__button:after {
    width: 20px;
    height: 10px;
    background-position: -10px 0px;
    background-size: 1222px 73px;
    background-image: url("/Static/images/sprites/sprite.svg");
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 30px;
    transition: all 0.2s ease-in-out; }

.accordion-panel__button.is-active:before {
  width: 65px; }

.accordion-panel__button.is-active:after {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
  margin-top: -5px; }

.accordion-panel__content {
  display: none;
  overflow: auto;
  padding: 20px 30px; }
  .accordion-panel__content ul.feature-list {
    margin-left: 0;
    margin-bottom: 16px;
    width: 100%; }
    @media screen and (min-width: 992px) {
      .accordion-panel__content ul.feature-list {
        margin-bottom: 32px; } }
    .accordion-panel__content ul.feature-list li.feature-list__item {
      font-size: 16px;
      font-size: 1.6rem;
      margin-top: 16px;
      letter-spacing: 0.85px; }
      @media screen and (min-width: 992px) {
        .accordion-panel__content ul.feature-list li.feature-list__item {
          font-size: 18px;
          font-size: 1.8rem;
          margin-top: 32px; } }

.no-js .accordion-panel__content {
  display: block;
  overflow: auto; }

/*------------------------------------*\
    $BREADCRUMB
\*------------------------------------*/
.breadcrumb {
  margin-left: 0;
  list-style: none; }

/*li*/
.breadcrumb__item {
  display: inline;
  margin-right: 4px; }
  .breadcrumb__item:before {
    content: '> '; }
  .breadcrumb__item:first-child:before {
    display: none; }

/*a*/
.breadcrumb__link {
  text-decoration: underline; }

/*------------------------------------*\
    $COOKIE POLICY
\*------------------------------------*/
.cookie {
  background: #fff;
  position: fixed;
  right: 0;
  bottom: -50%;
  left: 0;
  z-index: 1000;
  display: none; }

.cookie__inner {
  overflow: hidden;
  position: relative;
  padding: 24px 0; }
  @media screen and (min-width: 992px) {
    .cookie__inner {
      display: table;
      width: 100%; } }

@media screen and (min-width: 992px) {
  .cookie__content {
    padding-right: 100px; } }

@media screen and (min-width: 992px) {
  .cookie__text,
  .cookie__text p,
  .cookie__text .room-pod__btn-label {
    margin-bottom: 0; } }

@media screen and (min-width: 992px) {
  .cookie__content,
  .cookie__btn-wrapper {
    display: table-cell;
    vertical-align: middle; } }

@media screen and (min-width: 992px) {
  .cookie__btn-wrapper {
    text-align: right; } }

.cookie__btn {
  white-space: nowrap; }
  @media screen and (min-width: 0) and (max-width: 767px) {
    .cookie__btn {
      width: 100%; } }

/* Icon 1 */
.btn--menu {
  position: absolute;
  top: 15px;
  left: 12px; }
  @media screen and (min-width: 768px) {
    .btn--menu {
      left: 20px; } }
  @media screen and (min-width: 992px) {
    .btn--menu {
      top: 30px;
      left: 45px;
      opacity: 1; } }
  @media screen and (min-width: 992px) {
    .animated .btn--menu {
      transition: top 0.4s ease-in;
      top: 25px; } }

.btn--menu {
  width: 24px;
  height: 24px;
  padding: 0;
  position: absolute;
  background: transparent;
  border: none;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  cursor: pointer; }
  .newBrowser .btn--menu {
    transition: 0.5s ease-in-out; }
  @media screen and (min-width: 992px) {
    .btn--menu {
      width: 40px;
      height: 40px; } }
  .btn--menu:focus {
    outline: 0 none; }
  .btn--menu .menu-text {
    display: none;
    font-size: 14px;
    font-size: 1.4rem;
    text-transform: uppercase;
    position: absolute;
    left: 40px;
    top: 2px;
    background: transparent; }
    @media screen and (min-width: 768px) {
      .btn--menu .menu-text {
        display: inline-block;
        opacity: 1; } }
    @media screen and (min-width: 992px) {
      .btn--menu .menu-text {
        font-size: 16px;
        font-size: 1.6rem;
        top: 6px;
        left: 55px; }
        .animated .btn--menu .menu-text {
          transition: opacity 0.5s ease-in-out; } }

.btn--menu.open .menu-text {
  opacity: 0; }

.btn--menu span {
  display: block;
  position: absolute;
  height: 1px;
  width: 100%;
  background: #333;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg); }
  .animated .btn--menu span {
    transition: 0.25s ease-in-out; }

/* Icon 3 */
.btn--menu span:nth-child(1) {
  top: 0; }

.btn--menu span:nth-child(2),
.btn--menu span:nth-child(3) {
  width: 60%;
  top: 10px;
  left: 20%; }
  @media screen and (min-width: 992px) {
    .btn--menu span:nth-child(2),
    .btn--menu span:nth-child(3) {
      top: 15px; } }

.btn--menu span:nth-child(4) {
  top: 20px; }
  @media screen and (min-width: 992px) {
    .btn--menu span:nth-child(4) {
      top: 30px; } }

.btn--menu.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%; }

.btn--menu.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg); }

.btn--menu.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg); }

.btn--menu.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%; }

.modal-gallery-link {
  position: relative;
  border: 0;
  margin: 0;
  padding: 0;
  background: transparent; }
  .modal-gallery-link:hover .modal-gallery-link__full-screen-icon {
    background-color: #6bd6a0; }

.modal-gallery-link__full-screen-icon {
  background-color: #9be3bf;
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 0;
  padding: 10px;
  transition: background-color 0.2s ease-in-out; }

.icon-full-screen {
  width: 28px;
  height: 28px;
  fill: #fff; }

.icon-full-screen {
  fill: #333; }

/*------------------------------------*\
    $RESPONSIVE VIDEO
\*------------------------------------*/
.video-container {
  width: 100%; }

/*------------------------------------*\
    $SITE MENU
\*------------------------------------*/
.site-menu-wrapper {
  overflow: hidden;
  transition: background-color 0.8s ease-in-out, margin-top 0.4s ease-out;
  transition-delay: 0.8s;
  height: 100vh;
  width: 100vw;
  position: relative;
  z-index: 700;
  pointer-events: none;
  margin-top: 0;
  -webkit-overflow-scrolling: touch; }
  @media screen and (min-width: 992px) {
    .site-menu-wrapper {
      margin-top: 10px; }
      body.claridges .site-menu-wrapper {
        margin-top: 21px; }
      body.claridges .header.animated .site-menu-wrapper {
        margin-top: 0; }
      body.connaught .header.animated .site-menu-wrapper {
        margin-top: 1px; }
      body.maybourne .site-menu-wrapper {
        margin-top: 22px; }
      body.maybourne .header.animated .site-menu-wrapper {
        margin-top: 7px; } }
  .site-menu-wrapper.is-active {
    background-color: rgba(255, 255, 255, 0.5);
    transition-delay: 0.2s;
    pointer-events: auto; }
  .animated .site-menu-wrapper {
    margin-top: 0; }

.site-menu {
  background-color: #fff;
  position: absolute;
  transition: left 0.8s ease-in-out;
  width: 100vw;
  left: 0;
  margin: 0 0 0 -100vw;
  padding: 22px 0 60px 0;
  overflow-y: auto;
  height: calc(100% - 48px);
  border-top: 1px solid #f6f6f6; }
  body.has-site-banner .site-menu {
    height: calc(100% - 48px - 31px); }
    @media (max-width: 767px) {
      body.has-site-banner .site-menu {
        padding-bottom: 80px; } }
  @media (min-width: 768px) {
    body.claridges .site-menu {
      height: calc(100% - 48px); } }
  @media (min-width: 992px) {
    body.claridges .site-menu {
      height: calc(100% - 94px); } }
  @media (min-width: 992px) {
    body.claridges .header.animated .site-menu {
      height: calc(100% - 48px - 26px); } }
  body.has-site-banner.claridges .site-menu {
    height: calc(100% - 48px - 50px); }
    @media (min-width: 768px) {
      body.has-site-banner.claridges .site-menu {
        height: calc(100% - 48px - 32px); } }
    @media (min-width: 992px) {
      body.has-site-banner.claridges .site-menu {
        height: calc(100% - 48px - 78px); } }
  @media (min-width: 992px) {
    body.has-site-banner.claridges .header.animated .site-menu {
      height: calc(100% - 48px - 57px); } }
  body.connaught .site-menu {
    height: calc(100% - 50px); }
    @media (min-width: 992px) {
      body.connaught .site-menu {
        height: calc(100% - 94px); } }
  @media (min-width: 992px) {
    body.connaught .header.animated .site-menu {
      height: calc(100% - 48px - 33px); } }
  body.has-site-banner.connaught .site-menu {
    height: calc(100% - 48px - 52px); }
    @media (min-width: 768px) {
      body.has-site-banner.connaught .site-menu {
        height: calc(100% - 48px - 34px); } }
    @media (min-width: 992px) {
      body.has-site-banner.connaught .site-menu {
        height: calc(100% - 48px - 78px); } }
  @media (min-width: 992px) {
    body.has-site-banner.connaught .header.animated .site-menu {
      height: calc(100% - 48px - 64px); } }
  body.berkeley .site-menu {
    height: calc(100% - 43px); }
    @media (min-width: 768px) {
      body.berkeley .site-menu {
        height: calc(100% - 50px); } }
    @media (min-width: 992px) {
      body.berkeley .site-menu {
        height: calc(100% - 94px); } }
  @media (min-width: 992px) {
    body.berkeley .header.animated .site-menu {
      height: calc(100% - 48px - 15px); } }
  body.has-site-banner.berkeley .site-menu {
    height: calc(100% - 48px - 45px); }
    @media (min-width: 768px) {
      body.has-site-banner.berkeley .site-menu {
        height: calc(100% - 48px - 34px); } }
    @media (min-width: 992px) {
      body.has-site-banner.berkeley .site-menu {
        height: calc(100% - 48px - 78px); } }
  @media (min-width: 992px) {
    body.has-site-banner.berkeley .header.animated .site-menu {
      height: calc(100% - 48px - 47px); } }
  body.maybourne .site-menu {
    height: calc(100% - 48px); }
    @media (min-width: 992px) {
      body.maybourne .site-menu {
        height: calc(100% - 95px); } }
  @media (min-width: 992px) {
    body.maybourne .header.animated .site-menu {
      height: calc(100% - 48px - 32px); } }
  body.has-site-banner.maybourne .site-menu {
    height: calc(100% - 48px - 50px); }
    @media (min-width: 768px) {
      body.has-site-banner.maybourne .site-menu {
        height: calc(100% - 48px - 32px); } }
    @media (min-width: 992px) {
      body.has-site-banner.maybourne .site-menu {
        height: calc(100% - 48px - 79px); } }
  @media (min-width: 992px) {
    body.has-site-banner.maybourne .header.animated .site-menu {
      height: calc(100% - 48px - 64px); } }
  .site-menu.is-active {
    left: 100vw; }
  @media screen and (min-width: 768px) {
    .site-menu {
      border-top: none;
      width: 380px;
      margin-left: -380px; }
      .site-menu.is-active {
        left: 380px; } }
  @media screen and (min-width: 992px) {
    .site-menu {
      padding: 30px 0;
      width: 615px;
      margin-left: -615px;
      height: calc(100% - 95px); }
      .header.animated .site-menu {
        height: calc(100% - 81px); }
      .site-menu.is-active {
        left: 615px; } }

.site-menu__item {
  list-style-type: none; }
  .site-menu__item:last-of-type {
    padding-bottom: 50px; }

.site-menu__link {
  font-size: 16px;
  font-size: 1.6rem;
  text-decoration: none;
  text-transform: uppercase;
  padding: 11px 0 11px;
  display: block;
  letter-spacing: 1.9px; }
  .site-menu__link:hover, .site-menu__link--active {
    color: #a08033 !important; }
  @media screen and (min-width: 992px) {
    .site-menu__link {
      letter-spacing: 2.1px;
      padding: 20px 0 17px;
      font-size: 21px;
      font-size: 2.1rem; } }
  .site-menu__link[href^='tel:'] {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 1.2px; }
    @media screen and (min-width: 992px) {
      .site-menu__link[href^='tel:'] {
        font-size: 17px;
        font-size: 1.7rem; } }

.site-menu__link--text-small {
  font-size: 14px;
  font-size: 1.4rem; }
  @media screen and (min-width: 992px) {
    .site-menu__link--text-small {
      font-size: 18px;
      font-size: 1.8rem; } }

@media screen and (min-width: 0) and (max-width: 991px) {
  .site-menu-wrapper {
    margin-top: 12px; } }

.site-menu__link {
  transition: all 0.4s ease-in-out;
  padding-left: 32px;
  color: #666;
  position: relative; }
  @media screen and (min-width: 768px) {
    .site-menu__link {
      padding-left: 45px; } }
  @media screen and (min-width: 992px) {
    .site-menu__link {
      padding-left: 50px; } }
  .site-menu__link:before {
    content: '';
    height: 1px;
    width: 0;
    background-color: #a08033;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translatY(-50%);
        -ms-transform: translatY(-50%);
            transform: translatY(-50%);
    transition: all 0.4s ease-in-out; }
  .site-menu__link:hover, .site-menu__link--active {
    padding-left: 48px; }
    @media screen and (min-width: 768px) {
      .site-menu__link:hover, .site-menu__link--active {
        padding-left: 60px; } }
    @media screen and (min-width: 992px) {
      .site-menu__link:hover, .site-menu__link--active {
        padding-left: 100px; } }
    .site-menu__link:hover:before, .site-menu__link--active:before {
      left: -10px;
      background-color: #a08033;
      width: 43px;
      margin-right: 16px; }
      @media screen and (min-width: 768px) {
        .site-menu__link:hover:before, .site-menu__link--active:before {
          left: 0; } }
      @media screen and (min-width: 992px) {
        .site-menu__link:hover:before, .site-menu__link--active:before {
          width: 80px;
          margin-right: 20px; } }
  .site-menu__link[href^='tel:'] {
    color: #a08033; }

/*------------------------------------*\
    $FORMS
\*------------------------------------*/
.formpage .page-title {
  margin-bottom: 30px; }

form {
  overflow: hidden; }

@media screen and (min-width: 768px) {
  .formpage .form-wrapper, .formpage
  .rta-wrapper {
    min-height: 200px; } }

@media screen and (min-width: 768px) {
  .formpage .form-wrapper:after {
    background-color: #eee;
    content: '';
    display: block;
    height: calc(100% - 40px);
    position: absolute;
    right: -10%;
    top: 8px;
    width: 2px; } }

.pretty-form input[type='text'],
.pretty-form input[type='email'],
.pretty-form input[type='password'],
.pretty-form input[type='tel'],
.pretty-form input[type='number'],
.pretty-form textarea,
.pretty-form select,
.EPiServerForms input[type='text'],
.EPiServerForms input[type='email'],
.EPiServerForms input[type='password'],
.EPiServerForms input[type='tel'],
.EPiServerForms input[type='number'],
.EPiServerForms textarea,
.EPiServerForms select,
#payment_form input[type='text'],
#payment_form input[type='email'],
#payment_form input[type='password'],
#payment_form input[type='tel'],
#payment_form input[type='number'],
#payment_form textarea,
#payment_form select {
  background-color: #fff;
  letter-spacing: 1.2px;
  line-height: 1.4; }
  .pretty-form input[type='text']:focus, .pretty-form input[type='text']:active,
  .pretty-form input[type='email']:focus,
  .pretty-form input[type='email']:active,
  .pretty-form input[type='password']:focus,
  .pretty-form input[type='password']:active,
  .pretty-form input[type='tel']:focus,
  .pretty-form input[type='tel']:active,
  .pretty-form input[type='number']:focus,
  .pretty-form input[type='number']:active,
  .pretty-form textarea:focus,
  .pretty-form textarea:active,
  .pretty-form select:focus,
  .pretty-form select:active,
  .EPiServerForms input[type='text']:focus,
  .EPiServerForms input[type='text']:active,
  .EPiServerForms input[type='email']:focus,
  .EPiServerForms input[type='email']:active,
  .EPiServerForms input[type='password']:focus,
  .EPiServerForms input[type='password']:active,
  .EPiServerForms input[type='tel']:focus,
  .EPiServerForms input[type='tel']:active,
  .EPiServerForms input[type='number']:focus,
  .EPiServerForms input[type='number']:active,
  .EPiServerForms textarea:focus,
  .EPiServerForms textarea:active,
  .EPiServerForms select:focus,
  .EPiServerForms select:active,
  #payment_form input[type='text']:focus,
  #payment_form input[type='text']:active,
  #payment_form input[type='email']:focus,
  #payment_form input[type='email']:active,
  #payment_form input[type='password']:focus,
  #payment_form input[type='password']:active,
  #payment_form input[type='tel']:focus,
  #payment_form input[type='tel']:active,
  #payment_form input[type='number']:focus,
  #payment_form input[type='number']:active,
  #payment_form textarea:focus,
  #payment_form textarea:active,
  #payment_form select:focus,
  #payment_form select:active {
    outline: 1px solid #9be3bf; }
    .oldBrowser .pretty-form input[type='text']:focus, .oldBrowser .pretty-form input[type='text']:active, .oldBrowser
    .pretty-form input[type='email']:focus, .oldBrowser
    .pretty-form input[type='email']:active, .oldBrowser
    .pretty-form input[type='password']:focus, .oldBrowser
    .pretty-form input[type='password']:active, .oldBrowser
    .pretty-form input[type='tel']:focus, .oldBrowser
    .pretty-form input[type='tel']:active, .oldBrowser
    .pretty-form input[type='number']:focus, .oldBrowser
    .pretty-form input[type='number']:active, .oldBrowser
    .pretty-form textarea:focus, .oldBrowser
    .pretty-form textarea:active, .oldBrowser
    .pretty-form select:focus, .oldBrowser
    .pretty-form select:active, .oldBrowser
    .EPiServerForms input[type='text']:focus, .oldBrowser
    .EPiServerForms input[type='text']:active, .oldBrowser
    .EPiServerForms input[type='email']:focus, .oldBrowser
    .EPiServerForms input[type='email']:active, .oldBrowser
    .EPiServerForms input[type='password']:focus, .oldBrowser
    .EPiServerForms input[type='password']:active, .oldBrowser
    .EPiServerForms input[type='tel']:focus, .oldBrowser
    .EPiServerForms input[type='tel']:active, .oldBrowser
    .EPiServerForms input[type='number']:focus, .oldBrowser
    .EPiServerForms input[type='number']:active, .oldBrowser
    .EPiServerForms textarea:focus, .oldBrowser
    .EPiServerForms textarea:active, .oldBrowser
    .EPiServerForms select:focus, .oldBrowser
    .EPiServerForms select:active, .oldBrowser
    #payment_form input[type='text']:focus, .oldBrowser
    #payment_form input[type='text']:active, .oldBrowser
    #payment_form input[type='email']:focus, .oldBrowser
    #payment_form input[type='email']:active, .oldBrowser
    #payment_form input[type='password']:focus, .oldBrowser
    #payment_form input[type='password']:active, .oldBrowser
    #payment_form input[type='tel']:focus, .oldBrowser
    #payment_form input[type='tel']:active, .oldBrowser
    #payment_form input[type='number']:focus, .oldBrowser
    #payment_form input[type='number']:active, .oldBrowser
    #payment_form textarea:focus, .oldBrowser
    #payment_form textarea:active, .oldBrowser
    #payment_form select:focus, .oldBrowser
    #payment_form select:active {
      border: 1px solid #9be3bf;
      outline: none; }

.pretty-form textarea,
.EPiServerForms textarea,
#payment_form textarea {
  min-height: 290px; }

.pretty-form textarea.spaInternalComments,
.EPiServerForms textarea.spaInternalComments,
#payment_form textarea.spaInternalComments {
  min-height: 90px; }

.pretty-form .hide,
.EPiServerForms .hide,
#payment_form .hide {
  display: none !important; }

.pretty-form .Form__Success__Message,
.EPiServerForms .Form__Success__Message,
#payment_form .Form__Success__Message {
  font-size: 16px;
  font-size: 1.6rem;
  background-color: #fff !important;
  color: #333 !important;
  margin-bottom: 40px !important;
  padding: 0 !important; }
  .pretty-form .Form__Success__Message p:last-child, .pretty-form .Form__Success__Message .room-pod__btn-label:last-child,
  .EPiServerForms .Form__Success__Message p:last-child,
  .EPiServerForms .Form__Success__Message .room-pod__btn-label:last-child,
  #payment_form .Form__Success__Message p:last-child,
  #payment_form .Form__Success__Message .room-pod__btn-label:last-child {
    margin-bottom: 0; }

.Form__Element {
  margin-bottom: 40px !important;
  max-width: 785px; }

.Form__Element__Caption, .coverLetter {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 20px; }

.Form__Element.checkbox,
.Form__Element.radio {
  padding-left: 1px; }
  .Form__Element.checkbox label,
  .Form__Element.radio label {
    display: table; }
  .Form__Element.checkbox span,
  .Form__Element.radio span {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 20px; }

.Form__Element.checkbox input[type='checkbox'] {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important; }
  .Form__Element.checkbox input[type='checkbox']:checked + span:after {
    opacity: 1; }

.Form__Element.checkbox input[type='checkbox'] + span {
  display: inline-block;
  position: relative; }
  .Form__Element.checkbox input[type='checkbox'] + span:before {
    background-color: #fff;
    border: 1px solid #a08033;
    content: '';
    display: inline-block;
    height: 30px;
    margin-right: 20px;
    vertical-align: -10px;
    width: 30px; }
  .Form__Element.checkbox input[type='checkbox'] + span:after {
    font-size: 28px;
    font-size: 2.8rem;
    color: #a08033;
    content: '\2713';
    font-weight: normal;
    left: 4px;
    opacity: 0;
    position: absolute;
    top: -6px;
    transition: opacity 0.2s ease-in-out; }

.Form__Element.radio input[type='radio'] {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important; }
  .Form__Element.radio input[type='radio']:checked + span:before {
    background-color: #a08033;
    border-width: 10px; }

.Form__Element.radio input[type='radio'] + span {
  display: block; }
  .Form__Element.radio input[type='radio'] + span:before {
    border: 15px solid #fff;
    border-radius: 30px;
    box-shadow: 0 0 0 1px #a08033;
    content: '';
    display: inline-block;
    height: 30px;
    margin-right: 20px;
    transition: all 0.2s ease-in-out;
    vertical-align: -10px;
    width: 30px; }

.FormFileUpload {
  position: relative; }

.cancel-file-upload {
  font-size: 25px;
  font-size: 2.5rem;
  border: 0;
  height: 50px;
  left: 0;
  min-width: 50px;
  padding: 0;
  position: absolute;
  top: 0;
  width: 50px;
  z-index: 99; }

.FormFileUpload__Input, .vue-forms-file-upload {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important; }
  .FormFileUpload__Input + label, .vue-forms-file-upload + label {
    display: block !important;
    height: 50px;
    min-width: 220px;
    padding: 0; }
    @media screen and (min-width: 768px) {
      .FormFileUpload__Input + label, .vue-forms-file-upload + label {
        display: inline-block;
        width: 100%; } }
  .FormFileUpload__Input + label span, .vue-forms-file-upload + label span {
    background-color: #fff;
    display: inline-block;
    font-weight: normal;
    height: 50px;
    left: 0;
    line-height: 50px;
    overflow: hidden;
    padding-left: 75px;
    position: absolute;
    right: 0;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap; }
    @media screen and (min-width: 768px) {
      .FormFileUpload__Input + label span, .vue-forms-file-upload + label span {
        padding-left: 10px;
        position: inherit;
        width: calc(100% - 184px); } }
    @media screen and (min-width: 992px) {
      .FormFileUpload__Input + label span, .vue-forms-file-upload + label span {
        width: calc(100% - 202px); } }
    @media screen and (min-width: 1200px) {
      .FormFileUpload__Input + label span, .vue-forms-file-upload + label span {
        width: calc(100% - 300px); } }
  .FormFileUpload__Input + label strong, .vue-forms-file-upload + label strong {
    display: block;
    float: right;
    height: 50px;
    margin-bottom: 40px;
    margin-top: 65px;
    padding: 14px 10px; }
    @media screen and (min-width: 768px) {
      .FormFileUpload__Input + label strong, .vue-forms-file-upload + label strong {
        display: inline-block;
        margin-top: 0;
        padding: 10px;
        width: 184px; } }
    @media screen and (min-width: 992px) {
      .FormFileUpload__Input + label strong, .vue-forms-file-upload + label strong {
        width: 202px; } }
    @media screen and (min-width: 1200px) {
      .FormFileUpload__Input + label strong, .vue-forms-file-upload + label strong {
        width: 280px; } }

.ios8.iPad .FormFileUpload__Input + label span, .ios8.iPad .vue-forms-file-upload + label span,
.ios9.iPad .FormFileUpload__Input + label span,
.ios9.iPad .vue-forms-file-upload + label span {
  font-size: 14px;
  overflow: hidden;
  padding-left: 60px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100% !important; }

.Form__Element.FormFileUpload {
  width: 100%; }

.Form__ElementGroup {
  margin-bottom: 20px; }

.FormCaptcha__Image {
  display: inline-block;
  margin-bottom: 20px;
  max-width: 295px; }
  @media screen and (min-width: 768px) {
    .FormCaptcha__Image {
      margin-bottom: 0; } }

.FormCaptcha__Refresh {
  font-size: 16px !important;
  font-size: 1.6rem !important;
  display: inline-block;
  min-width: 250px; }
  @media screen and (min-width: 768px) {
    .FormCaptcha__Refresh {
      margin-left: 30px; } }
  @media screen and (min-width: 992px) {
    .FormCaptcha__Refresh {
      font-size: 20px !important;
      font-size: 2rem !important; } }

.FormCaptcha__Input {
  max-width: 295px;
  width: 100% !important; }

.Form__Element.ValidationFail input[type='text'],
.Form__Element.ValidationFail input[type='email'],
.Form__Element.ValidationFail input[type='password'],
.Form__Element.ValidationFail input[type='tel'],
.Form__Element.ValidationFail input[type='number'],
.Form__Element.ValidationFail textarea,
.Form__Element.ValidationFail select,
.Form__Element.ValidationFail .select2-selection {
  border: 1px solid #db1731;
  border-radius: 0;
  outline: none;
  height: auto;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  box-shadow: none; }

.oldBrowser .Form__Element.ValidationFail .select2-selection {
  position: relative; }
  .oldBrowser .Form__Element.ValidationFail .select2-selection:after {
    background: white;
    bottom: -2px;
    content: '';
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%; }

.paymentpage .input-validation-error,
.paymentpage .input-validation-error + .select2 {
  outline: 1px solid #db1731; }
  .oldBrowser .paymentpage .input-validation-error, .oldBrowser
  .paymentpage .input-validation-error + .select2 {
    border: 1px solid #db1731;
    outline: none; }

.careers-form .field-validation-error,
.paymentpage .field-validation-error {
  font-size: 16px;
  font-size: 1.6rem;
  color: #db1731 !important;
  display: block;
  margin-top: 15px;
  text-transform: uppercase; }

.Form__Element.ValidationSuccess input[type='text'],
.Form__Element.ValidationSuccess input[type='email'],
.Form__Element.ValidationSuccess input[type='password'],
.Form__Element.ValidationSuccess input[type='tel'],
.Form__Element.ValidationSuccess input[type='number'],
.Form__Element.ValidationSuccess textarea,
.Form__Element.ValidationSuccess select,
.Form__Element.ValidationSuccess .select2-selection {
  border: 1px solid #a08033;
  border-radius: 0; }

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 48px;
  /*margin-right: 5px;*/ }

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border-radius: 0; }

.oldBrowser .Form__Element.ValidationSuccess .select2-selection {
  position: relative; }
  .oldBrowser .Form__Element.ValidationSuccess .select2-selection:after {
    background: white;
    bottom: -2px;
    content: '';
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%; }

.Form__Description {
  margin-bottom: 40px !important; }
  .Form__Description + .Form__Description {
    margin-top: -15px; }
  .Form__Description .field-validation-error {
    font-weight: normal; }

.select2-results__option {
  height: auto;
  min-height: 50px; }

.social-list-pod {
  border-top: 1px solid #fff;
  padding: 18px 24px; }
  @media screen and (min-width: 992px) {
    .social-list-pod {
      border-top: 0;
      padding: 0; } }

.social-list {
  padding: 0;
  margin: 0; }

.social-list__item {
  display: inline-block;
  margin-left: 10px;
  margin-bottom: 0; }
  @media screen and (min-width: 768px) {
    .social-list__item {
      margin-left: 21px; } }
  .social-list__item:first-child {
    margin-left: 0; }

.social-list__link {
  display: block; }

.social-icon {
  fill: #666;
  height: 20px;
  width: 20px;
  transition: all 0.4s ease-in-out; }
  @media screen and (min-width: 992px) {
    .social-icon {
      height: 28px;
      width: 28px; } }
  .social-icon:hover {
    fill: #8c6b1f; }

.social-icon--trip-advisor {
  width: 35px; }

/*------------------------------------*\
    $GALLERY
\*------------------------------------*/
@media screen and (min-width: 0) and (max-width: 767px) {
  .gallery-example {
    position: relative;
    padding: 0 40px 60px; } }

@media screen and (min-width: 0) and (max-width: 767px) {
  .gallery-example__container {
    max-width: 500px;
    margin: 0 auto; } }

@media screen and (min-width: 768px) {
  .gallery-example__container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; } }

@media screen and (min-width: 768px) {
  .gallery-example__item {
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .gallery-example__item + .gallery-example__item {
      margin-left: 40px; } }

.gallery-example__pagination {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center; }
  @media screen and (min-width: 768px) {
    .gallery-example__pagination {
      display: none; } }
  .gallery-example__pagination span {
    display: inline-block;
    width: 10px;
    height: 10px;
    cursor: pointer;
    text-indent: -9999px;
    background-color: #666;
    border-radius: 50%;
    margin: 0 15px; }
    .gallery-example__pagination span.cycle-pager-active {
      cursor: default;
      background-color: #333333; }

.gallery-example__prev,
.gallery-example__next {
  position: absolute;
  top: 50%;
  width: 30px;
  height: 30px;
  cursor: pointer;
  text-align: center;
  line-height: 28px;
  color: #666;
  border: 1px solid #666;
  border-radius: 50%;
  margin-top: -15px; }
  @media screen and (min-width: 768px) {
    .gallery-example__prev,
    .gallery-example__next {
      display: none; } }

.gallery-example__prev {
  left: 0; }
  .gallery-example__prev:before {
    content: '<'; }

.gallery-example__next {
  right: 0; }
  .gallery-example__next:before {
    content: '>'; }

/*------------------------------------*\
    $MOBILE ACCORDION
\*------------------------------------*/
.mobile-accordion {
  border-bottom: 1px solid #000; }
  .mobile-accordion:first-child {
    border-top: 1px solid #000; }
  @media screen and (min-width: 992px) {
    .mobile-accordion {
      border-bottom: 0; }
      .mobile-accordion:first-child {
        border-top: 0; } }

.mobile-accordion__button {
  width: 100%;
  margin: 0;
  padding: 17px 0 15px 0;
  background-color: transparent;
  border: 0;
  position: relative;
  text-align: left;
  font-size: 16px;
  font-size: 1.6rem;
  color: #a08033;
  font-family: "Lato", Arial, sans-serif; }
  .mobile-accordion__button:after {
    width: 20px;
    height: 10px;
    background-position: -10px 0px;
    background-size: 1222px 73px;
    background-image: url("/Static/images/sprites/sprite.svg");
    content: '';
    position: absolute;
    top: 21px;
    right: 0;
    transition: -webkit-transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out; }
  .mobile-accordion__button.is-active:after {
    width: 20px;
    height: 10px;
    background-position: -10px 0px;
    background-size: 1222px 73px;
    background-image: url("/Static/images/sprites/sprite.svg");
    -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
            transform: rotate(-180deg); }

.mobile-accordion__trigger {
  margin-bottom: 0;
  padding: 0 24px 0 24px;
  position: relative; }
  @media screen and (min-width: 992px) {
    .mobile-accordion__trigger {
      height: auto;
      margin-bottom: 20px;
      padding: 0;
      line-height: 1.4; }
      .mobile-accordion__trigger:after {
        display: none; } }

.mobile-accordion__content {
  padding: 0 24px 25px 24px; }
  @media screen and (min-width: 768px) {
    .mobile-accordion__content {
      padding: 0; } }

.mobile-accordion__content--alt {
  padding: 20px; }
  @media screen and (min-width: 768px) {
    .mobile-accordion__content--alt {
      padding: 0; } }

.mobile-accordion-padding {
  padding: 32px 20px 24px 20px; }
  @media screen and (min-width: 768px) {
    .mobile-accordion-padding {
      padding: 0; } }

.newsletter-pod {
  border-top: 2px solid #fff; }
  @media screen and (min-width: 768px) {
    .newsletter-pod {
      width: 48%;
      float: left;
      border-top: 0; } }
  @media screen and (min-width: 992px) {
    .newsletter-pod {
      width: 100%;
      float: none; } }
  .newsletter-pod .newsletter-signup__input {
    letter-spacing: 0.7px; }

.footer .newsletter-pod h3 {
  margin-bottom: 17px; }

.newsletter-signup {
  background: #fff; }
  @media screen and (min-width: 992px) {
    .newsletter-signup {
      margin-bottom: 50px; } }

input[type='submit'].newsletter-signup__submit {
  text-transform: uppercase;
  width: 100px;
  min-width: 100px;
  padding: 13px 0 14px 0; }
  @media screen and (min-width: 992px) {
    input[type='submit'].newsletter-signup__submit {
      font-size: 15px;
      font-size: 1.5rem;
      width: 120px;
      min-width: 120px;
      padding-top: 13px;
      padding-bottom: 13px;
      opacity: 0;
      transition: opacity 0.4s ease-in-out; } }

input[type='email'].newsletter-signup__input {
  width: calc(100% - 100px);
  float: left; }
  @media screen and (min-width: 992px) {
    input[type='email'].newsletter-signup__input {
      font-size: 15px;
      font-size: 1.5rem;
      padding-right: 0;
      width: calc(100% - 120px); } }

.newsletter-signup__input:focus + input[type='submit'].newsletter-signup__submit {
  opacity: 1;
  float: right; }

.social-share-wrapper {
  display: inline-block;
  position: absolute;
  top: 13px;
  right: 10px;
  z-index: 999; }

.social-share-btn {
  font-size: 16px;
  font-size: 1.6rem;
  text-transform: uppercase;
  border: 0;
  background: transparent;
  position: relative;
  z-index: 100;
  display: block;
  margin: 0;
  height: 52px;
  padding: 0; }
  @media screen and (min-width: 768px) {
    .social-share-btn {
      padding-left: 10px; } }
  .social-share-btn:hover .social-share-icon--share, .social-share-btn.is-active .social-share-icon--share {
    background-color: #fff; }

.social-share-btn__text {
  display: none; }
  @media screen and (min-width: 992px) {
    .social-share-btn__text {
      display: inline-block;
      vertical-align: middle;
      padding-right: 10px;
      letter-spacing: 3px;
      margin-top: -3px; } }

.social-share-btn__icon {
  display: inline-block;
  vertical-align: middle;
  transition: fill 0.4s ease-in-out; }

.social-share {
  margin: 0;
  padding: 0;
  float: right; }

.social-share__item {
  list-style-type: none;
  display: none;
  height: 48px; }

.social-share__link {
  border: 0;
  margin: 0;
  padding: 0;
  background: transparent;
  font-size: 0; }

.social-share-icon {
  padding: 10px;
  fill: #333;
  width: 48px;
  height: 49px;
  transition: fill 0.4s ease-in-out, background-color 0.4s ease-in-out; }
  .social-share-icon:hover:not(.social-share-icon--share) {
    fill: #a08033; }
  .social-share-icon:not(.social-share-icon--share) {
    background-color: #fff; }
  .social-share-icon--share {
    padding: 14px; }

.back-bar__social-share .social-share-wrapper {
  position: relative;
  top: 5px !important; }

.back-bar__social-share .social-share {
  position: absolute;
  right: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-transform: translateY(calc(-100% + -52px));
          transform: translateY(calc(-100% + -52px));
  -ms-transform: translateY(-135%); }

.social-share-btn__text {
  color: #666; }

.social-icon {
  fill: #000; }
  .social-icon:hover, .social-icon:focus {
    fill: #a08033; }

.social-share__link .social-share-icon,
.social-share-btn .social-share-icon {
  fill: #000; }

.social-share__link:hover .social-share-icon, .social-share__link:focus .social-share-icon,
.social-share-btn:hover .social-share-icon,
.social-share-btn:focus .social-share-icon {
  fill: #a08033; }

.back-bar {
  background-color: #fff;
  padding: 0 24px;
  position: relative;
  clear: both;
  opacity: 0;
  transition: opacity 400ms ease-in-out 2s; }
  html.delayedLoad .back-bar,
  html.no-js .back-bar {
    opacity: 1; }
  @media screen and (min-width: 768px) {
    .back-bar {
      padding: 16px 24px; } }
  @media screen and (min-width: 992px) {
    .back-bar {
      padding: 16px 48px; } }

.back-bar__back-btn {
  display: inline-block;
  position: relative;
  color: #333;
  padding: 16px 20px 16px 24px;
  text-decoration: none;
  text-transform: uppercase;
  transition: color 0.4s ease-in-out;
  font-size: 18px;
  font-size: 1.8rem;
  letter-spacing: 1.4px; }
  .back-bar__back-btn:hover {
    color: black; }
    .back-bar__back-btn:hover .arrow-previous {
      left: -5px;
      fill: black; }
  .back-bar__back-btn .arrow-previous {
    position: absolute;
    fill: #333;
    height: 15px;
    width: 7px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(180deg);
        -ms-transform: translateY(-50%) rotate(180deg);
            transform: translateY(-50%) rotate(180deg);
    left: 0;
    transition: left 0.4s ease-in-out; }

.back-bar__social-share {
  float: right;
  position: relative; }
  .back-bar__social-share .social-share-wrapper {
    display: inline-block;
    position: absolute;
    right: -16px;
    top: calc(50% - 26px);
    width: 52px;
    height: 52px; }
    @media screen and (min-width: 768px) {
      .back-bar__social-share .social-share-wrapper {
        top: calc(50% - 26px);
        right: -9px; } }
    @media screen and (min-width: 992px) {
      .back-bar__social-share .social-share-wrapper {
        position: relative;
        height: auto;
        width: auto; } }

.back-bar {
  background-image: url(../../images/chevrons-bg.svg);
  background-size: 180%;
  background-position: top center; }
  @media screen and (min-width: 768px) {
    .back-bar {
      background-size: cover;
      background-position: center center; } }

.key-info-wrapper {
  background-color: #fff;
  position: relative;
  margin-bottom: 34px;
  margin-top: 30px; }
  @media screen and (min-width: 992px) {
    .key-info-wrapper {
      margin-top: 40px; } }
  @media screen and (min-width: 0) and (max-width: 767px) {
    .key-info-wrapper:before, .key-info-wrapper:after {
      content: '';
      background-color: inherit;
      width: 100%;
      top: 0;
      position: absolute;
      z-index: 100px;
      height: 100%; }
    .key-info-wrapper:before {
      left: -100%; }
    .key-info-wrapper:after {
      right: -100%; } }

.key-info {
  background-color: #fff;
  padding: 30px 24px;
  height: 100%; }
  .key-info:before, .key-info:after {
    content: ' ';
    display: table; }
  .key-info:after {
    clear: both; }
  @media screen and (min-width: 768px) {
    .key-info {
      padding: 48px 56px 56px 56px;
      margin-left: 0; } }

.key-info__title {
  margin-top: 0;
  font-size: 24px;
  font-size: 2.4rem;
  letter-spacing: 1.8px; }
  @media screen and (min-width: 992px) {
    .key-info__title {
      font-size: 36px;
      font-size: 3.6rem; } }
  .key-info__title.highlight {
    padding: 0; }
  .key-info__title.highlight:after {
    padding-bottom: 12px; }

@media screen and (min-width: 768px) {
  .key-info__ul {
    float: left;
    width: 45%; }
    .key-info__ul:last-child {
      padding-left: 32px;
      width: 55%; } }

.key-info__ul li {
  font-size: 16px !important;
  font-size: 1.6rem !important;
  letter-spacing: 0.85px;
  margin-top: 20px !important; }
  @media screen and (min-width: 768px) {
    .key-info__ul li {
      font-size: 18px !important;
      font-size: 1.8rem !important;
      margin-top: 28px !important; } }

.highlight.key-info__title:after {
  padding-bottom: 9px; }

.booking-info {
  margin-bottom: 24px; }
  @media screen and (min-width: 992px) {
    .booking-info {
      margin-bottom: 70px; } }
  .booking-info p, .booking-info .room-pod__btn-label {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 24px; }
    @media screen and (min-width: 992px) {
      .booking-info p, .booking-info .room-pod__btn-label {
        font-size: 18px;
        font-size: 1.8rem; } }
  .booking-info a[href^='mailto:'] {
    text-decoration: none; }

@media screen and (min-width: 0) and (max-width: 767px) {
  .booking-info__btn {
    width: 100%; } }

.booking-info__btn {
  padding-top: 10px;
  padding-bottom: 10px; }

.floor-plan {
  background-color: #fff;
  margin-bottom: 34px;
  clear: both;
  height: 300px; }
  @media screen and (min-width: 768px) {
    .floor-plan {
      margin-top: 20px; } }
  @media screen and (min-width: 992px) {
    .floor-plan {
      height: 350px;
      margin-bottom: 70px;
      margin-top: 40px; } }

.floor-plan__btn {
  width: 100%;
  height: 100%; }

.floor-plan__bg-image {
  height: 200px;
  background-size: contain !important; }
  @media screen and (min-width: 768px) {
    .floor-plan__bg-image {
      height: 360px; } }
  @media screen and (min-width: 992px) {
    .floor-plan__bg-image {
      height: 100%; } }

.room-filter-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  overflow: auto; }
  @media screen and (min-width: 768px) {
    .room-filter-overlay {
      display: block;
      position: relative;
      overflow: visible;
      margin-bottom: 40px; } }
  .room-filter-overlay.is-active,
  .room-filter-overlay.is-active .room-filter {
    display: block;
    z-index: 9999900; }

.room-filter {
  display: none;
  background-color: #fff;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  position: absolute;
  width: 100%; }
  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .room-filter {
      width: 100vw;
      left: 50%;
      right: 50%;
      margin-left: -50vw;
      margin-right: -50vw; } }
  @media screen and (min-width: 768px) {
    .room-filter {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      position: relative;
      padding: 24px;
      text-align: center; } }
  @media screen and (min-width: 992px) {
    .functionroomlandingpage .room-filter {
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row; } }
  @media screen and (min-width: 1360px) {
    .room-filter {
      min-height: 88px; }
      .roomslandingpage .room-filter {
        -webkit-flex-direction: initial;
            -ms-flex-direction: initial;
                flex-direction: initial; } }
  @media screen and (min-width: 1540px) {
    .room-filter {
      min-height: 93px; } }

.room-filter__header {
  padding: 17px 25px;
  border-bottom: 1px solid #f6f6f6; }

.room-filter__title {
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "Lato", Arial, sans-serif;
  color: #333;
  margin-bottom: 0;
  text-transform: uppercase;
  line-height: 1; }
  .functionroomlandingpage .room-filter__title {
    font-size: 24px;
    font-size: 2.4rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-transform: none;
    font-family: "SangBleu", Georgia, "Times New Roman", Times, serif;
    color: #a08033;
    margin-bottom: 24px; }
    @media screen and (min-width: 992px) {
      .functionroomlandingpage .room-filter__title {
        font-size: 36px;
        font-size: 3.6rem;
        margin-bottom: 0;
        -webkit-justify-content: flex-start;
            -ms-flex-pack: start;
                justify-content: flex-start; } }
    @media screen and (min-width: 992px) {
      .functionroomlandingpage .room-filter__title {
        font-size: 36px;
        font-size: 3.6rem;
        -webkit-flex: 1;
            -ms-flex: 1;
                flex: 1; } }
    @media screen and (min-width: 1200px) {
      .functionroomlandingpage .room-filter__title {
        font-size: 36px;
        font-size: 3.6rem; } }

@media screen and (min-width: 768px) and (max-width: 1359px) {
  .room-filter__checkbox-group {
    margin-bottom: 12px; } }

@media screen and (min-width: 1360px) {
  .room-filter__checkbox-group {
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
    text-align: left; } }

@media screen and (min-width: 1540px) {
  .room-filter__checkbox-group {
    -webkit-flex-basis: 55%;
        -ms-flex-preferred-size: 55%;
            flex-basis: 55%; } }

@media screen and (min-width: 992px) {
  .functionroomlandingpage .room-filter__cta {
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    text-align: right; } }

@media screen and (min-width: 1360px) {
  .room-filter__cta {
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%; } }

@media screen and (min-width: 1540px) {
  .room-filter__cta {
    -webkit-flex-basis: 45%;
        -ms-flex-preferred-size: 45%;
            flex-basis: 45%; } }

.room-filter__checkbox-item {
  display: block;
  border-bottom: 1px solid #f6f6f6; }
  @media screen and (min-width: 768px) {
    .room-filter__checkbox-item {
      display: inline-block;
      margin-right: 12px;
      margin-bottom: 5px;
      border-bottom: 0;
      border: 1px solid #000;
      transition: all 0.2s ease-in-out; } }
  .room-filter__checkbox-item.is-active {
    color: #a08033; }
    @media screen and (min-width: 768px) {
      .room-filter__checkbox-item.is-active {
        border-color: #a08033; } }
  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .room-filter__checkbox-item {
      margin-bottom: 12px; } }
  @media screen and (min-width: 1360px) {
    .room-filter__checkbox-item {
      margin-bottom: 0; } }

.room-filter__checkbox-label {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: normal;
  position: relative;
  text-transform: uppercase;
  padding: 13px 25px 13px 65px;
  margin-bottom: 0;
  letter-spacing: 1.6px; }
  @media screen and (min-width: 768px) {
    .room-filter__checkbox-label {
      font-size: 16px;
      font-size: 1.6rem;
      padding: 9px 48px 9px 16px; }
      .room-filter__checkbox-label:hover {
        cursor: pointer; } }
  @media screen and (min-width: 1540px) {
    .room-filter__checkbox-label {
      font-size: 20px;
      font-size: 2rem;
      padding: 9px 60px 9px 20px; } }

.room-filter__checkbox-label--disabled {
  opacity: 0.4; }

.room-filer__checkbox-input {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important; }
  .room-filer__checkbox-input:checked + .room-filter__icon-wrapper .room-filter__icon {
    fill: #a08033;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg); }

.room-filter__icon-wrapper {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 16px;
  height: 16px;
  left: 25px;
  margin-top: -2px; }
  @media screen and (min-width: 768px) {
    .room-filter__icon-wrapper {
      left: auto;
      right: 15px; } }
  @media screen and (min-width: 1540px) {
    .room-filter__icon-wrapper {
      right: 17px;
      width: 18px;
      height: 18px; } }

.room-filter__icon {
  fill: #000;
  transition: all 0.2s ease-in-out; }

.room-filter__cta {
  display: none; }
  @media screen and (min-width: 768px) {
    .room-filter__cta {
      display: block; } }
  @media screen and (min-width: 1360px) {
    .room-filter__cta {
      vertical-align: middle; }
      .roomslandingpage .room-filter__cta {
        float: right;
        text-align: right; } }

.room-filter__cta-text {
  font-size: 14px;
  font-size: 1.4rem;
  display: inline-block;
  vertical-align: middle;
  margin-right: 16px;
  margin-bottom: 0;
  color: #a08033; }
  @media screen and (min-width: 1540px) {
    .room-filter__cta-text {
      font-size: 16px;
      font-size: 1.6rem;
      margin-right: 24px; } }

.room-filter__cta-btn {
  font-size: 16px;
  font-size: 1.6rem;
  position: relative;
  padding: 12px 40px;
  min-width: 240px; }
  @media screen and (min-width: 1540px) {
    .room-filter__cta-btn {
      font-size: 20px;
      font-size: 2rem; } }
  .room-filter__cta-btn:disabled, .room-filter__cta-btn:disabled:hover {
    background: #9be3bf;
    cursor: initial; }
  .room-filter__cta-btn:disabled:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #fff;
    opacity: 0.6; }

.room-filter__clear-btn {
  font-size: 16px;
  font-size: 1.6rem;
  border: 0;
  background-color: transparent;
  padding: 30px;
  text-align: center;
  display: block;
  margin: 0 auto; }

.room-filter-open-btn {
  font-size: 16px;
  font-size: 1.6rem;
  border: 0;
  background-color: #fff;
  text-transform: uppercase;
  padding: 15px 24px;
  display: block;
  width: 100%;
  text-align: left;
  margin-bottom: 25px; }

.room-filter-open-btn__icon {
  width: 17px;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  float: right;
  fill: #333; }

.room-filter__close-btn {
  border: 0;
  background-color: #9be3bf;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 0;
  padding: 0; }

.room-filter__close-icon {
  width: 20px;
  height: 20px; }

@media screen and (min-width: 768px) {
  .room-filter__header,
  .room-filter-open-btn,
  .room-filter__close-btn,
  .room-filter__clear-btn {
    display: none; } }

.room-filter__title,
.room-filter__clear-btn,
.room-filter-open-btn {
  letter-spacing: 1.4px; }

@media screen and (min-width: 768px) {
  .room-filer__checkbox-label {
    padding-top: 8px;
    padding-bottom: 8px; } }

.room-pod-wrapper {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 24px; }
  @media screen and (min-width: 768px) {
    .room-pod-wrapper {
      padding: 0; } }
  @media screen and (min-width: 992px) {
    .room-pod-wrapper:after {
      content: '';
      -webkit-flex-basis: calc((100% - 60px) / 3);
          -ms-flex-preferred-size: calc((100% - 60px) / 3);
              flex-basis: calc((100% - 60px) / 3); } }

.room-pod-wrapper--temp-height {
  height: 100vh; }

.room-pod {
  margin-bottom: 25px;
  position: relative;
  width: 100%; }
  @media screen and (min-width: 560px) and (max-width: 991px) {
    .room-pod {
      background-color: rgba(255, 255, 255, 0.9); } }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .room-pod.is-hovered .room-pod__back {
      opacity: 1; }
    .room-pod.is-hovered .room-pod__front-title {
      opacity: 0; } }
  @media screen and (min-width: 560px) {
    .room-pod {
      -webkit-flex-basis: calc((100% - 12px) / 2);
          -ms-flex-preferred-size: calc((100% - 12px) / 2);
              flex-basis: calc((100% - 12px) / 2); }
      .room-pod.is-active .room-pod__front-title {
        background-color: rgba(155, 227, 191, 0.9); } }
  @media screen and (min-width: 768px) {
    .room-pod {
      margin-bottom: 12px; }
      .room-pod.is-inactive .room-pod__front-title {
        z-index: 200; }
      .room-pod.is-inactive .room-pod__front-image-wrapper:before {
        background-color: rgba(255, 255, 255, 0.4);
        bottom: 0;
        content: '';
        display: block;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 100; }
      .room-pod.is-inactive .room-pod__front img {
        -webkit-filter: grayscale(100%);
                filter: grayscale(100%); } }
  @media screen and (min-width: 992px) {
    .room-pod {
      -webkit-flex-basis: calc((100% - 60px) / 3);
          -ms-flex-preferred-size: calc((100% - 60px) / 3);
              flex-basis: calc((100% - 60px) / 3);
      margin-bottom: 30px; }
      .room-pod:hover .room-pod__back {
        opacity: 1; }
      .room-pod:hover .room-pod__front-title {
        opacity: 0; } }

.oldBrowser .pod-list-even {
  margin-right: 30px; }

@media screen and (min-width: 992px) {
  .oldBrowser .last-pod {
    -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
            flex-basis: auto;
    float: left;
    margin-left: 30px;
    margin-right: auto;
    width: calc((100% - 60px) / 3); } }

.room-pod--compare {
  margin-bottom: 0; }
  .room-pod--compare:hover .room-pod__front-title {
    opacity: 1; }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .room-pod--compare.is-hovered .room-pod__front-title {
      opacity: 1; }
    .room-pod--compare .room-pod__front-title {
      padding-left: 10px;
      padding-right: 10px; } }
  .room-pod--compare.is-active .room-pod__front-title {
    background-color: transparent; }
  .room-pod--compare.is-active .room-pod__front-title-link {
    background-color: rgba(255, 255, 255, 0.9); }
  @media screen and (min-width: 768px) {
    .room-pod--compare .room-pod__btn {
      height: 48px;
      width: 48px; } }
  @media screen and (min-width: 992px) {
    .room-pod--compare .room-pod__btn {
      height: 50px;
      width: 50px; } }
  .room-pod--compare .room-pod__front-title {
    font-size: 14px;
    font-size: 1.4rem;
    display: block;
    height: 64px; }
    @media screen and (min-width: 768px) {
      .room-pod--compare .room-pod__front-title {
        bottom: 16px;
        left: 16px;
        padding: 0;
        right: 16px; } }
    @media screen and (min-width: 1440px) {
      .room-pod--compare .room-pod__front-title {
        font-size: 18px;
        font-size: 1.8rem; } }
  .room-pod--compare .room-pod__front-title-link {
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-weight: normal;
    height: 100%;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 16px;
    text-decoration: none;
    transition: all 0.4s ease-in-out; }
    .room-pod--compare .room-pod__front-title-link, .room-pod--compare .room-pod__front-title-link:hover, .room-pod--compare .room-pod__front-title-link:focus {
      background-color: rgba(155, 227, 191, 0.9);
      text-decoration: none; }

.room-pod__front,
.room-pod__back {
  display: block; }

.room-pod__front {
  position: relative; }
  .room-pod__front img {
    width: 100%; }

.room-pod__front-title {
  font-size: 16px;
  font-size: 1.6rem;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(255, 255, 255, 0.9);
  bottom: 16px;
  color: #333;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-family: "Lato", Arial, sans-serif;
  height: 72px;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 16px;
  margin-bottom: 0;
  padding-left: 16px;
  padding-right: 16px;
  position: absolute;
  right: 16px;
  text-align: center;
  text-transform: uppercase;
  transition: opacity 0.8s ease-in-out; }
  @media screen and (min-width: 768px) {
    .room-pod__front-title {
      font-size: 18px;
      font-size: 1.8rem; } }
  @media screen and (min-width: 1200px) {
    .room-pod__front-title {
      font-size: 20px;
      font-size: 2rem;
      bottom: 32px;
      height: 96px;
      left: 32px;
      padding-left: 24px;
      padding-right: 24px;
      right: 32px; } }

.room-pod__back {
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(255, 255, 255, 0.9);
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 20px;
  text-align: center;
  text-decoration: none; }
  .room-pod__back:hover {
    text-decoration: none; }
  @media screen and (min-width: 768px) {
    .room-pod__back {
      bottom: 0;
      left: 0;
      opacity: 0;
      position: absolute;
      right: 0;
      top: 0;
      transition: opacity 0.8s ease-in-out; } }

.room-pod__back-title {
  display: none;
  font-size: 20px;
  font-size: 2rem; }
  @media screen and (min-width: 768px) {
    .room-pod__back-title {
      display: block;
      margin-bottom: 20px;
      text-transform: uppercase; } }

.room-pod__front-title,
.room-pod__back-title,
.room-pod__back-btn {
  letter-spacing: 2.5px; }

.room-pod__back-ul {
  margin-bottom: 12px;
  margin-top: 0;
  padding: 0; }
  @media screen and (min-width: 992px) {
    .room-pod__back-ul {
      font-size: 16px;
      font-size: 1.6rem;
      margin-bottom: 24px; } }
  .room-pod__back-ul li {
    letter-spacing: 1.6px; }

@media screen and (min-width: 0) and (max-width: 767px) {
  .room-pod__back-btn {
    padding-left: 15px; } }

@media screen and (min-width: 768px) {
  .room-pod__back-btn {
    font-size: 20px;
    font-size: 2rem; } }

@media screen and (min-width: 0) and (max-width: 767px) {
  .room-pod__back-btn:after {
    height: 10px; } }

.room-pod__btn {
  display: none; }
  @media screen and (min-width: 768px) {
    .room-pod__btn {
      border: 0;
      display: block;
      font-size: 0;
      height: 48px;
      position: absolute;
      right: 0;
      top: 0;
      width: 48px;
      z-index: 200; } }
  @media screen and (min-width: 992px) {
    .room-pod__btn {
      height: 64px;
      width: 64px; } }
  .room-pod__btn:hover .room-pod__btn-label {
    opacity: 1; }
    @media (hover: none) {
      .room-pod__btn:hover .room-pod__btn-label {
        opacity: 0; } }

.room-pod__btn-add {
  background-color: rgba(255, 255, 255, 0.9); }

.room-pod__btn-remove {
  background-color: rgba(155, 227, 191, 0.9); }

.room-pod__btn-label {
  left: -300px;
  opacity: 0;
  position: absolute;
  right: 48px;
  text-transform: uppercase;
  top: 0;
  transition: opacity 0.8s ease-in-out;
  z-index: 100; }
  @media screen and (min-width: 992px) {
    .room-pod__btn-label {
      right: 64px; } }
  @media screen and (min-width: 1200px) {
    .room-pod__btn-label {
      left: -330px; } }

.room-pod__btn-label-text {
  display: none; }
  @media screen and (min-width: 992px) {
    .room-pod__btn-label-text {
      font-size: 14px;
      font-size: 1.4rem;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      background-color: rgba(255, 255, 255, 0.7);
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex;
      float: right;
      height: 64px;
      -webkit-justify-content: flex-end;
          -ms-flex-pack: end;
              justify-content: flex-end; } }
  @media screen and (min-width: 1200px) {
    .room-pod__btn-label-text {
      font-size: 18px;
      font-size: 1.8rem;
      padding: 0 24px; } }

.room-pod__back-title,
.room-pod__back-ul {
  width: 100%; }

.transition-room-pod-add-active, .transition-room-pod-add-leave-active,
.transition-room-pod-remove-active, .transition-room-pod-remove-leave-active {
  transition: opacity 0.8s ease-in-out; }

.transition-room-pod-add-enter, .transition-room-pod-add-leave-active,
.transition-room-pod-remove-enter, .transition-room-pod-remove-leave-active {
  opacity: 0; }

.room-pod__btn-remove-icon,
.room-pod__btn-add-icon {
  fill: #333; }

.compare-rooms-wrapper {
  display: none; }
  @media screen and (min-width: 768px) {
    .compare-rooms-wrapper {
      display: block; } }

.room-compare-title {
  margin-top: 20px; }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .room-compare-title {
      margin-left: 25px;
      margin-bottom: 10px; } }
  @media screen and (min-width: 992px) {
    .room-compare-title {
      margin-bottom: 20px; } }

.room-compare {
  table-layout: fixed;
  width: 100%;
  border-spacing: 0;
  margin-left: -8px;
  margin-bottom: 56px; }
  @media screen and (min-width: 992px) {
    .room-compare {
      margin-bottom: 104px; } }
  .room-compare tr:first-child td {
    padding: 0;
    vertical-align: middle; }
  .room-compare td,
  .room-compare th {
    text-align: left;
    background-color: #fff;
    width: 25%;
    position: relative;
    border-left: 8px solid #f6f6f6;
    border-bottom: 8px solid #f6f6f6; }
    .room-compare td:last-child,
    .room-compare th:last-child {
      border-right: none; }
  .room-compare th {
    border-bottom: none;
    padding-top: 15px; }
  .room-compare ul {
    margin: 0 0 10px 0; }
    @media screen and (min-width: 992px) {
      .room-compare ul {
        font-size: 16px;
        font-size: 1.6rem; } }
    .room-compare ul li:first-child {
      margin-top: 0; }
    .room-compare ul li {
      letter-spacing: 0.85px; }
      @media screen and (min-width: 768px) {
        .room-compare ul li {
          margin-top: 10px; } }
      @media screen and (min-width: 992px) {
        .room-compare ul li {
          margin-top: 30px; } }

.room-compare__heading {
  font-family: "Lato", Arial, sans-serif;
  font-size: 18px;
  font-size: 1.8rem; }
  @media screen and (min-width: 992px) {
    .room-compare__heading {
      font-size: 24px;
      font-size: 2.4rem; } }
  .room-compare__heading.highlight {
    padding: 0;
    margin-top: 0; }
  .room-compare__heading.highlight:after {
    padding-bottom: 10px; }

.room-compare__add-room-text {
  font-size: 28px;
  font-size: 2.8rem;
  font-family: "SangBleu", Georgia, "Times New Roman", Times, serif;
  line-height: 1.2;
  color: #a08033;
  text-align: center;
  padding: 0 30px;
  margin-bottom: 0; }

.room-compare__add-room {
  width: 48px;
  height: 48px;
  padding: 14px;
  position: absolute;
  top: 0;
  right: 0;
  border: 0;
  background-color: transparent; }

.room-compare__heading {
  letter-spacing: 0.5px; }

.quick-links {
  z-index: 800;
  width: 100vw;
  margin: 0;
  padding: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: fixed;
  bottom: 0;
  background: #fff;
  list-style: none; }
  @media screen and (min-width: 768px) {
    .quick-links {
      display: none; } }

.quick-links__item {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  list-style: none;
  margin: 0;
  padding: 0;
  border-left: 1px solid #ccc; }
  .quick-links__item:first-child {
    border-left: 0 none; }

.quick-links__link {
  text-align: center;
  height: 49px;
  display: table-cell;
  vertical-align: middle; }
  .quick-links__link svg {
    margin: 0 auto;
    display: table-cell;
    width: 100%; }

.icon--phone {
  height: 26px;
  width: 26px; }

.icon--mail {
  width: 28px;
  height: 20px; }

.icon--location {
  width: 20px;
  height: 27px; }

.rich-text-area {
  height: 100%; }

.rich-text-area--padded {
  padding: 60px 0; }
  @media screen and (min-width: 992px) {
    .rich-text-area--padded {
      padding: 100px 0; } }

.rich-text-area--padded-top {
  padding-top: 60px; }
  @media screen and (min-width: 992px) {
    .rich-text-area--padded-top {
      padding-top: 100px; } }

.rich-text-area--padded-top-md {
  padding-top: 0; }
  @media screen and (min-width: 992px) {
    .rich-text-area--padded-top-md {
      padding-top: 100px; } }

.rich-text-area--padded-bottom {
  padding-bottom: 60px; }
  .rich-text-area--padded-bottom > :last-child {
    margin-bottom: 0; }
  @media screen and (min-width: 992px) {
    .rich-text-area--padded-bottom {
      padding-bottom: 100px; } }

@media screen and (min-width: 0) and (max-width: 991px) {
  .rich-text-area--no-padding-top-xs-sm {
    padding-top: 0; } }

.article-wrapper {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 73px 24px 0 24px; }
  @media screen and (min-width: 768px) {
    .article-wrapper {
      min-height: 360px;
      padding: 0 0 45px; } }
  @media screen and (min-width: 992px) {
    .article-wrapper {
      padding: 0 0 45px 0; } }
  .article-wrapper:after {
    content: '';
    -webkit-flex-basis: calc((100% - 60px) / 3);
        -ms-flex-preferred-size: calc((100% - 60px) / 3);
            flex-basis: calc((100% - 60px) / 3); }

.article {
  margin-bottom: 25px;
  opacity: 0;
  position: relative;
  width: 100%; }
  @media screen and (min-width: 560px) and (max-width: 991px) {
    .article {
      background-color: rgba(255, 255, 255, 0.9); } }
  @media screen and (min-width: 560px) {
    .article {
      -webkit-flex-basis: calc((100% - 12px) / 2);
          -ms-flex-preferred-size: calc((100% - 12px) / 2);
              flex-basis: calc((100% - 12px) / 2); } }
  @media screen and (min-width: 768px) {
    .article {
      margin-bottom: 12px; } }
  @media screen and (min-width: 992px) {
    .article {
      -webkit-flex-basis: calc((100% - 60px) / 3);
          -ms-flex-preferred-size: calc((100% - 60px) / 3);
              flex-basis: calc((100% - 60px) / 3);
      margin-bottom: 30px; }
      .oldBrowser .article {
        -webkit-flex-basis: calc((100% - 61px) / 3);
            -ms-flex-preferred-size: calc((100% - 61px) / 3);
                flex-basis: calc((100% - 61px) / 3); }
      .article:hover {
        text-decoration: none; }
        .article:hover .article__back {
          opacity: 1; }
        .article:hover .article__front-content {
          opacity: 0; } }

.article__recommended {
  background-color: rgba(255, 255, 255, 0.8);
  height: 40px;
  margin-right: 40px;
  padding: 0 10px 0 15px;
  position: absolute;
  right: 0;
  top: 0; }
  @media screen and (min-width: 992px) {
    .article__recommended {
      height: 64px;
      margin-right: 64px;
      padding: 0 21px 0 25px; } }
  .article__recommended p, .article__recommended .room-pod__btn-label {
    font-size: 14px;
    font-size: 1.4rem;
    color: #a08033;
    letter-spacing: 1.5px;
    line-height: 2.8;
    margin-bottom: 0;
    text-transform: uppercase; }
    @media screen and (min-width: 992px) {
      .article__recommended p, .article__recommended .room-pod__btn-label {
        font-size: 20px;
        font-size: 2rem;
        letter-spacing: 2px;
        line-height: 3.2; } }

.article__recommended-icon-wrapper {
  background-color: rgba(255, 255, 255, 0.9);
  height: 40px;
  position: absolute;
  right: -40px;
  top: 0;
  width: 40px; }
  @media screen and (min-width: 992px) {
    .article__recommended-icon-wrapper {
      height: 64px;
      right: -64px;
      width: 64px; } }

.article__recommended-icon {
  fill: #a08033;
  height: 21px;
  margin: 10px 0 0 10px;
  width: 21px; }
  @media screen and (min-width: 992px) {
    .article__recommended-icon {
      height: 37px;
      margin: 15px 0 0 15px;
      width: 37px; } }

.article__front {
  height: 100%;
  position: relative; }
  .article__front img {
    width: 100%; }

.article__front-content {
  background-color: rgba(255, 255, 255, 0.9);
  bottom: 24px;
  color: #333;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 112px;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 24px;
  padding: 5px 20px;
  position: absolute;
  right: 24px;
  text-align: center;
  transition: opacity 0.8s ease-in-out; }
  @media screen and (min-width: 768px) {
    .article__front-content {
      bottom: 16px;
      height: 95px;
      left: 16px;
      right: 16px; } }
  @media screen and (min-width: 992px) {
    .article__front-content {
      bottom: 32px;
      height: 120px;
      left: 32px;
      right: 32px; } }
  @media screen and (min-width: 1200px) {
    .article__front-content {
      bottom: 32px;
      left: 32px;
      right: 32px; } }

.article__front-title {
  font-size: 14px;
  font-size: 1.4rem;
  color: #333;
  font-family: "Lato", Arial, sans-serif;
  letter-spacing: 1.45px;
  margin-bottom: 0;
  text-transform: uppercase; }
  @media screen and (min-width: 768px) {
    .article__front-title {
      font-size: 14px;
      font-size: 1.4rem; }
      .article__front-title span {
        display: block; } }
  @media screen and (min-width: 992px) {
    .article__front-title {
      font-size: 20px;
      font-size: 2rem;
      letter-spacing: 2.4px; } }

.article__front-meta {
  line-height: 2;
  margin-bottom: 0; }
  @media screen and (min-width: 992px) {
    .article__front-meta {
      line-height: 1.5; } }

.article__back {
  display: none; }
  @media screen and (min-width: 768px) {
    .article__back {
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      background-color: rgba(255, 255, 255, 0.9);
      bottom: 0;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      left: 0;
      opacity: 0;
      padding: 20px;
      position: absolute;
      right: 0;
      text-align: center;
      top: 0;
      transition: opacity 0.8s ease-in-out; } }

.article__back-title {
  display: none; }
  @media screen and (min-width: 992px) {
    .article__back-title {
      font-size: 20px;
      font-size: 2rem;
      color: #333;
      display: block;
      font-family: "Lato", Arial, sans-serif;
      letter-spacing: 2px;
      margin-bottom: 3px;
      max-width: 80%;
      text-transform: uppercase; } }

.article__back-meta {
  margin-bottom: 20px;
  max-width: 85%; }

.article__back-desc {
  margin-bottom: 22px;
  max-width: 87%; }

.dropdown-wrapper {
  left: 0;
  position: absolute;
  right: 0;
  width: 100%; }
  @media screen and (min-width: 768px) {
    .dropdown-wrapper {
      position: relative; } }

.dropdown-filter {
  background: #fff;
  float: left;
  margin-bottom: 22px;
  position: relative;
  width: 49%; }
  .dropdown-filter + .dropdown-filter {
    float: right;
    margin-left: 0; }
  @media screen and (min-width: 768px) {
    .dropdown-filter {
      margin: 25px 0 55px 0;
      width: calc(50% -2px); } }
  @media screen and (min-width: 992px) {
    .dropdown-filter {
      margin: 0 0 92px 0;
      width: 47.5%; } }

.dropdown-filter__checkbox-wrapper {
  background: #fff;
  bottom: 0;
  display: none;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1000; }
  @media screen and (min-width: 768px) {
    .dropdown-filter__checkbox-wrapper {
      bottom: inherit;
      position: absolute;
      top: 50px; } }

.dropdown-filter__checkbox-wrapper--open {
  display: block;
  z-index: 2000000; }

.dropdown-filter__mobile-header {
  height: 48px; }
  @media screen and (min-width: 768px) {
    .dropdown-filter__mobile-header {
      display: none; } }

.dropdown-filter__mobile-title {
  font-size: 16px;
  font-size: 1.6rem;
  color: #333;
  font-family: "Lato", Arial, sans-serif;
  line-height: 3;
  margin-left: 20px;
  text-transform: uppercase; }

.dropdown-filter__close-btn.btn--close:before {
  content: none; }

.dropdown-filter__close-svg {
  display: block;
  fill: #fff;
  height: 20px;
  width: 20px; }

.dropdown-filter__checkbox-item {
  border-top: 1px solid #f6f6f6;
  position: relative;
  transition: background 0.2s ease-in-out; }
  .dropdown-filter__checkbox-item:first-child {
    border-top: 0 none; }

.dropdown-filter__label {
  font-size: 16px;
  font-size: 1.6rem;
  display: block;
  font-weight: 400;
  letter-spacing: 1.8px;
  line-height: 3;
  margin: 0 0 0 63px;
  text-transform: uppercase; }

.dropdown-filter__label--empty {
  color: #ccc; }

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

.dropdown-filter__icon-wrapper {
  height: 20px;
  left: 23px;
  position: absolute;
  top: 15px;
  transition: all 0.2s ease-in-out;
  width: 20px; }

.dropdown-filter__icon {
  display: block;
  height: 20px;
  width: 20px; }

span.dropdown-filter__checkbox-name {
  color: inherit;
  transition: color 0.2s ease-in-out; }

.dropdown-filter__checkbox-item:hover {
  background: #9be3bf;
  color: #333; }
  .dropdown-filter__checkbox-item:hover .dropdown-filter__icon {
    fill: #333; }

.dropdown-filter__icon {
  fill: #000;
  transition: fill 0.2s ease-in-out; }

.dropdown-filter__checkbox:disabled + span + span.dropdown-filter__icon-wrapper .dropdown-filter__icon {
  fill: #ccc; }

.dropdown-filter__checkbox-item--empty:hover {
  background: transparent; }

.dropdown-filter__checkbox-item--selected {
  color: #a08033; }
  .dropdown-filter__checkbox-item--selected .dropdown-filter__icon-wrapper {
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg); }
  .dropdown-filter__checkbox-item--selected .dropdown-filter__icon {
    fill: #a08033; }
  .dropdown-filter__checkbox-item--selected:hover {
    background: #9be3bf;
    color: #333; }

.dropdown-filter__open {
  background: transparent;
  border: 0 none;
  display: block;
  font-weight: 400;
  letter-spacing: 1.8px;
  line-height: 3;
  padding-left: 26px;
  position: relative;
  text-align: left;
  text-transform: uppercase;
  width: 100%;
  font-size: 16px;
  font-size: 1.6rem; }
  @media screen and (min-width: 768px) {
    .dropdown-filter__open {
      z-index: 800; } }
  .dropdown-filter__open .dropdown-filter__arrow-icon {
    transition: -webkit-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; }
  .dropdown-filter__open.dropdown-filter__open--open .dropdown-filter__arrow-icon {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg); }

.dropdown-filter__arrow-icon-wrapper {
  position: absolute;
  right: 20px;
  top: 6px; }
  @media screen and (min-width: 768px) {
    .dropdown-filter__arrow-icon-wrapper {
      right: 15px; } }

.dropdown-filter__arrow-icon {
  height: 20px;
  width: 20px; }
  @media screen and (min-width: 992px) {
    .dropdown-filter__arrow-icon {
      height: 25px;
      width: 25px; } }

.dropdown-filter__clear {
  font-size: 16px;
  font-size: 1.6rem;
  background: transparent;
  border: 0 none;
  border-top: 1px solid #f6f6f6;
  display: block;
  font-weight: 400;
  letter-spacing: 1.8px;
  line-height: 3;
  text-align: center;
  transition: color 0.2s ease-in-out;
  width: 100%; }
  @media screen and (max-width: 767px) {
    .dropdown-filter__clear {
      border: 0 none;
      bottom: 20px;
      position: absolute;
      font-size: 14px;
      font-size: 1.4rem; } }
  .dropdown-filter__clear:hover {
    background: #9be3bf;
    color: #333; }

.news-article-listings .dropdown-filter {
  margin-left: 0;
  width: 100%; }
  @media screen and (min-width: 992px) {
    .news-article-listings .dropdown-filter {
      float: right;
      width: 49%; } }

.mask {
  display: none; }
  @media screen and (min-width: 768px) {
    .mask {
      background: rgba(255, 255, 255, 0.6);
      bottom: 0;
      display: block;
      left: 0;
      position: absolute;
      right: 0;
      top: 0;
      z-index: 99; } }

.article-wrapper--generic {
  margin-top: -10px;
  padding: 0 24px; }
  @media screen and (min-width: 768px) {
    .article-wrapper--generic {
      margin-top: 0; } }
  .article-wrapper--generic .article {
    height: 100%; }
  .article-wrapper--generic .article__front-content {
    height: 75px; }
    @media screen and (min-width: 992px) {
      .article-wrapper--generic .article__front-content {
        height: 100px; } }
  .article-wrapper--generic .article__back-title {
    margin-bottom: 22px; }

.testing-this {
  min-height: 600px !important; }

.booking-menu {
  background: #f6f6f6;
  height: 0;
  overflow: hidden;
  position: fixed;
  top: 0;
  transition: height 1s ease-in-out;
  width: 100%;
  z-index: 99999999; }
  .booking-menu.booking-menu--open {
    bottom: 0;
    height: 100vh;
    overflow: hidden; }
    body .booking-menu.booking-menu--open {
      overflow: hidden; }
  .booking-menu.booking-menu--close {
    height: 0;
    overflow: hidden; }

.booking-menu__header {
  background: #fff;
  height: 50px; }
  body.has-site-banner .booking-menu__header {
    height: 71px;
    padding-top: 20px;
    z-index: 10000000; }
  @media screen and (min-width: 768px) {
    body.has-site-banner .booking-menu__header {
      height: 94px;
      padding-top: 20px; } }
  @media screen and (min-width: 992px) {
    .booking-menu__header {
      height: 96px; }
      body.has-site-banner .booking-menu__header {
        height: 126px;
        padding-top: 20px; } }
  @media screen and (min-width: 0) and (max-width: 991px) {
    .booking-menu__header .site-logo__svg {
      margin-top: -30px;
      width: 150px; } }
  @media screen and (min-width: 992px) {
    .booking-menu__header .site-logo__svg {
      margin-top: -12px; } }

.booking-menu .btn--back {
  float: left; }

.booking-menu .btn--close-menu {
  background: transparent;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2000;
  transition: top 0.4s; }
  body.has-site-banner .booking-menu .btn--close-menu {
    top: 22px; }
    @media (min-width: 768px) {
      body.has-site-banner .booking-menu .btn--close-menu {
        top: 30px; } }
  @media screen and (min-width: 768px) {
    .booking-menu .btn--close-menu {
      margin: 0 25px; } }
  @media screen and (min-width: 992px) {
    .booking-menu .btn--close-menu {
      margin: 25px 35px; } }

.booking-menu .close-menu__svg {
  display: block;
  fill: #333;
  height: 20px;
  width: 20px; }

.booking-menu .site-logo {
  margin-top: 0;
  padding-top: 12px;
  position: relative; }

body.has-site-banner #room-booking {
  height: calc(100vh - 48px - 70px); }

body.has-site-banner #restaurant-booking {
  height: calc(100vh - 70px); }

#room-booking .booking-maintenance-message {
  margin-top: 30px;
  margin-bottom: 20px; }
  #room-booking .booking-maintenance-message p, #room-booking .booking-maintenance-message .room-pod__btn-label {
    font-size: 14px; }

#room-booking form {
  overflow: visible; }

body.claridges #room-booking {
  height: calc(100vh - 75px); }
  @media (min-width: 992px) {
    body.claridges #room-booking {
      height: calc(100% - 94px); } }

body.claridges.has-site-banner #room-booking {
  height: calc(100vh - 48px - 75px); }
  @media (min-width: 768px) {
    body.claridges.has-site-banner #room-booking {
      height: calc(100vh - 48px - 32px); } }
  @media (min-width: 992px) {
    body.claridges.has-site-banner #room-booking {
      height: calc(100vh - 48px - 70px); } }

body.berkeley #room-booking {
  height: calc(100vh - 75px); }
  @media (min-width: 992px) {
    body.berkeley #room-booking {
      height: calc(100% - 94px); } }

body.berkeley.has-site-banner #room-booking {
  height: calc(100vh - 48px - 75px); }
  @media (min-width: 768px) {
    body.berkeley.has-site-banner #room-booking {
      height: calc(100vh - 48px - 32px); } }
  @media (min-width: 992px) {
    body.berkeley.has-site-banner #room-booking {
      height: calc(100vh - 48px - 78px); } }

body.connaught #room-booking {
  height: calc(100vh - 75px); }
  @media (min-width: 992px) {
    body.connaught #room-booking {
      height: calc(100% - 96px); } }

body.connaught.has-site-banner #room-booking {
  height: calc(100vh - 48px - 71px); }
  @media (min-width: 768px) {
    body.connaught.has-site-banner #room-booking {
      height: calc(100vh - 48px - 32px); } }
  @media (min-width: 992px) {
    body.connaught.has-site-banner #room-booking {
      height: calc(100vh - 48px - 78px); } }

body.claridges.has-site-banner .booking-menu .site-logo {
  top: -2px !important; }
  @media (min-width: 768px) {
    body.claridges.has-site-banner .booking-menu .site-logo {
      top: 10px !important; } }
  @media (min-width: 992px) {
    body.claridges.has-site-banner .booking-menu .site-logo {
      top: 24px !important; } }
  @media (max-width: 550px) {
    body.claridges.has-site-banner .booking-menu .site-logo {
      top: 28px !important; } }

@media screen and (min-width: 0) and (max-width: 991px) {
  body.claridges.has-site-banner .booking-menu__header {
    height: 80px !important; } }

@media (max-width: 550px) {
  body.claridges.has-site-banner .booking-menu__header {
    height: 98px !important; } }

body.claridges:not(.has-site-banner) .booking-menu .site-logo {
  top: -2px !important; }
  @media (min-width: 992px) {
    body.claridges:not(.has-site-banner) .booking-menu .site-logo {
      top: 12px !important; } }

@media (min-width: 992px) {
  body.claridges:not(.has-site-banner) .booking-menu__header {
    height: 94px; } }

body.connaught.has-site-banner .booking-menu .site-logo {
  padding-top: 15px; }
  @media (min-width: 768px) {
    body.connaught.has-site-banner .booking-menu .site-logo {
      padding-top: 36px; } }
  @media screen and (min-width: 0) and (max-width: 991px) {
    body.connaught.has-site-banner .booking-menu .site-logo {
      top: -3px !important; } }
  @media (max-width: 550px) {
    body.connaught.has-site-banner .booking-menu .site-logo {
      top: 24px !important; } }

@media screen and (min-width: 0) and (max-width: 991px) {
  body.connaught.has-site-banner .booking-menu__header {
    height: 80px !important; } }

@media (max-width: 550px) {
  body.connaught.has-site-banner .booking-menu__header {
    height: 94px !important; } }

body.connaught:not(.has-site-banner) .booking-menu .site-logo {
  top: 9px !important; }

body.berkeley.has-site-banner .booking-menu .site-logo {
  top: 27px !important; }
  @media (min-width: 768px) {
    body.berkeley.has-site-banner .booking-menu .site-logo {
      top: 12px !important; } }
  @media (min-width: 992px) {
    body.berkeley.has-site-banner .booking-menu .site-logo {
      top: 19px !important; } }
  @media (max-width: 550px) {
    body.berkeley.has-site-banner .booking-menu .site-logo {
      top: 30px !important; } }

@media screen and (min-width: 0) and (max-width: 991px) {
  body.berkeley.has-site-banner .booking-menu__header {
    height: 80px !important; } }

@media (max-width: 550px) {
  body.berkeley.has-site-banner .booking-menu__header {
    height: 98px !important; } }

body.berkeley:not(.has-site-banner) .booking-menu .site-logo {
  top: 0 !important; }
  @media (min-width: 992px) {
    body.berkeley:not(.has-site-banner) .booking-menu .site-logo {
      top: 7px !important; } }

@media (min-width: 992px) {
  body.berkeley:not(.has-site-banner) .booking-menu__header {
    height: 94px; } }

body.maybourne.has-site-banner .booking-menu .site-logo {
  top: 27px !important; }
  @media (min-width: 768px) {
    body.maybourne.has-site-banner .booking-menu .site-logo {
      top: 30px !important; } }
  @media (min-width: 992px) {
    body.maybourne.has-site-banner .booking-menu .site-logo {
      top: 24px !important; } }
  @media (max-width: 550px) {
    body.maybourne.has-site-banner .booking-menu .site-logo {
      top: 48px !important; } }

@media screen and (min-width: 0) and (max-width: 991px) {
  body.maybourne.has-site-banner .booking-menu__header {
    height: 80px !important; } }

@media (max-width: 550px) {
  body.maybourne.has-site-banner .booking-menu__header {
    height: 98px !important; } }

body.maybourne:not(.has-site-banner) .booking-menu .site-logo {
  top: 18px !important; }
  @media (min-width: 992px) {
    body.maybourne:not(.has-site-banner) .booking-menu .site-logo {
      top: 12px !important; } }

@media (min-width: 992px) {
  body.maybourne:not(.has-site-banner) .booking-menu__header {
    height: 94px; } }

#restaurant-booking {
  height: calc(100vh);
  overflow-y: auto;
  padding-bottom: 50px;
  position: relative; }
  @media screen and (min-width: 992px) {
    #restaurant-booking {
      height: calc(100vh - 120px);
      padding-bottom: 10px; } }

.restaurant-booking {
  height: 100%;
  margin: 0 10px 100px 10px; }
  @media screen and (min-width: 768px) {
    .restaurant-booking {
      margin: 0;
      padding: 0; } }

.restaurant-booking__primary-title {
  margin-bottom: 45px;
  margin-top: 15px; }
  @media screen and (min-width: 768px) {
    .restaurant-booking__primary-title {
      margin-top: 60px; } }
  @media screen and (min-width: 992px) {
    .restaurant-booking__primary-title {
      margin-top: 70px; } }

.restaurant-booking__title {
  display: none; }
  @media screen and (min-width: 768px) {
    .restaurant-booking__title {
      font-size: 18px;
      font-size: 1.8rem;
      display: block;
      font-family: "Lato", sans-serif;
      letter-spacing: 1.4px;
      margin-bottom: 15px; } }
  @media screen and (min-width: 992px) {
    .restaurant-booking__title {
      font-size: 24px;
      font-size: 2.4rem; } }

.restaurant-booking__action-pane {
  min-height: 150px; }

.restaurant-booking__iframe {
  height: 100%;
  min-height: 450px;
  overflow: hidden;
  width: 100%; }
  @media screen and (min-width: 858px) {
    .restaurant-booking__iframe {
      min-height: 600px; } }

.back-bar__back-btn {
  background: transparent;
  border: none; }

.restaurant-booking--no-booking {
  text-align: center; }
  @media screen and (min-width: 992px) {
    .restaurant-booking--no-booking .booking-menu__title {
      margin-bottom: 46px; } }
  @media screen and (min-width: 992px) {
    .restaurant-booking--no-booking p, .restaurant-booking--no-booking .room-pod__btn-label {
      font-size: 20px;
      font-size: 2rem;
      margin-bottom: 54px; } }

.restaurant-booking__content {
  background: #fff;
  margin-top: 15px;
  padding: 50px 50px 1px; }
  @media screen and (min-width: 768px) {
    .restaurant-booking__content {
      margin-top: 60px; } }
  @media screen and (min-width: 992px) {
    .restaurant-booking__content {
      margin-top: 70px; } }

#room-booking {
  height: calc(100vh - 48px);
  overflow-y: auto;
  position: relative; }
  @media screen and (min-width: 992px) {
    #room-booking {
      height: calc(100vh - 120px); } }

.room-booking {
  margin: 0 10px 100px 10px;
  padding-bottom: 20px; }

.room-booking__room-booking {
  width: 320px; }
  @media screen and (min-width: 992px) {
    .room-booking__room-booking {
      width: 460px; } }

.room-booking__primary-title {
  margin-bottom: 33px;
  margin-top: 15px; }
  @media screen and (min-width: 768px) {
    .room-booking__primary-title {
      margin-top: 60px; } }
  @media screen and (min-width: 992px) {
    .room-booking__primary-title {
      margin-top: 70px; } }

.room-booking__title {
  font-size: 18px;
  font-size: 1.8rem;
  font-family: "Lato", Arial, sans-serif;
  letter-spacing: 1.2px;
  margin-bottom: 0;
  text-align: center; }
  @media screen and (min-width: 768px) {
    .room-booking__title {
      margin-bottom: 13px; } }
  @media screen and (min-width: 992px) {
    .room-booking__title {
      font-size: 24px;
      font-size: 2.4rem; } }

@media screen and (min-width: 992px) {
  .room-booking__calendar .hasDatepicker {
    padding-top: 5px; } }

.room-booking__calendar {
  width: 100%; }
  @media screen and (min-width: 768px) {
    .room-booking__calendar {
      display: inline-block;
      float: left;
      padding: 0 0 0 45px;
      width: 50%; } }
  @media screen and (min-width: 992px) {
    .room-booking__calendar {
      padding-left: 7%;
      width: 45%; } }
  @media screen and (min-width: 1200px) {
    .room-booking__calendar {
      width: 50%; } }
  @media screen and (min-width: 1800px) {
    .room-booking__calendar {
      padding-left: 12%; } }

.room-booking__room-booking {
  width: 100%; }
  @media screen and (min-width: 768px) {
    .room-booking__room-booking {
      display: inline-block;
      float: right;
      padding: 0 45px;
      width: 50%; } }
  @media screen and (min-width: 992px) {
    .room-booking__room-booking {
      margin-right: 7%;
      padding: 0;
      width: 460px; } }
  @media screen and (min-width: 1800px) {
    .room-booking__room-booking {
      margin-right: 12%; } }

.booking-table {
  border-collapse: separate;
  border-spacing: 5px;
  width: 320px; }
  @media screen and (min-width: 768px) {
    .booking-table {
      margin-bottom: 40px; } }
  @media screen and (min-width: 992px) {
    .booking-table {
      border-spacing: 25px;
      margin-bottom: 0;
      width: 460px; } }
  @media screen and (min-width: 992px) {
    .booking-table thead {
      line-height: 0; } }
  .booking-table th {
    font-size: 16px;
    font-size: 1.6rem;
    background: transparent;
    font-weight: 600;
    padding: 0;
    text-align: center; }
    @media screen and (min-width: 992px) {
      .booking-table th {
        font-size: 18px;
        font-size: 1.8rem; } }
  .booking-table td {
    background: transparent;
    margin: 0;
    padding: 0;
    vertical-align: middle; }
  .booking-table tr td:last-child,
  .booking-table tr td:first-child {
    font-size: 16px;
    font-size: 1.6rem;
    background: transparent;
    font-weight: 600; }
  .booking-table tr td:first-child {
    line-height: 2.8;
    margin-right: 25px;
    text-align: left;
    font-size: 16px;
    font-size: 1.6rem; }
    @media screen and (min-width: 992px) {
      .booking-table tr td:first-child {
        line-height: 3;
        margin-right: 0;
        min-width: 85px;
        font-size: 18px;
        font-size: 1.8rem; } }
  .booking-table tr td:last-child {
    min-width: 50px; }

.room-booking__dates-selected {
  background: #fff;
  margin-bottom: 26px;
  padding: 9px;
  text-align: center;
  width: 100%; }
  @media screen and (min-width: 768px) {
    .room-booking__dates-selected {
      margin-bottom: 0; } }
  @media screen and (min-width: 992px) {
    .room-booking__dates-selected {
      padding: 20px; } }
  .room-booking__dates-selected p, .room-booking__dates-selected .room-pod__btn-label {
    margin-bottom: 10px; }
    .room-booking__dates-selected p + p, .room-booking__dates-selected .room-pod__btn-label + p, .room-booking__dates-selected p + .room-pod__btn-label, .room-booking__dates-selected .room-pod__btn-label + .room-pod__btn-label {
      margin-bottom: 0; }

.btn--add-room {
  font-size: 14px;
  font-size: 1.4rem;
  background: transparent;
  float: right;
  padding: 0;
  text-transform: uppercase; }
  @media screen and (min-width: 992px) {
    .btn--add-room {
      font-size: 16px;
      font-size: 1.6rem; } }
  .btn--add-room:before {
    content: '+';
    display: inline-block;
    margin-right: 5px; }

.btn--remove-room {
  background: transparent;
  padding: 0 10px; }
  .btn--remove-room .close-menu__svg {
    height: 15px;
    width: 15px; }

.btn--room-booking {
  display: block;
  margin: 0 auto;
  min-width: 275px; }
  @media screen and (min-width: 992px) {
    .btn--room-booking {
      margin: 0 0 0 25px;
      min-width: 375px; } }

.room-booking__form-group {
  background: #fff;
  width: 88px; }
  @media screen and (min-width: 992px) {
    .room-booking__form-group {
      width: 120px; } }

.room-booking__select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  min-height: auto;
  padding: 13px 5px;
  position: relative;
  width: 88px;
  z-index: 999; }
  @media screen and (min-width: 992px) {
    .room-booking__select {
      padding: 13px 22px;
      width: 120px; } }

.room-booking__select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: none;
  outline: none; }
  .room-booking__select::ms-expand {
    display: none; }
  .room-booking__select option {
    font-size: 14px;
    font-size: 1.4rem; }
    @media screen and (min-width: 992px) {
      .room-booking__select option {
        font-size: 20px;
        font-size: 2rem; } }

.room-booking__form-group .form__item {
  background: #fff;
  display: block;
  position: relative; }

.room-booking__form-group select::-ms-expand {
  display: none; }

.form-item__svg {
  height: 10px;
  position: absolute;
  right: 15px;
  top: 20px;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  width: 20px;
  z-index: 10; }

.booking-alert {
  background: #fff;
  border: 1px solid #a08033;
  border-width: 1px 0 1px 0;
  margin-bottom: 40px;
  padding: 8px 30px;
  text-align: center; }
  @media screen and (min-width: 768px) {
    .booking-alert {
      border-width: 1px;
      margin-bottom: 60px;
      padding: 17px 50px; } }
  @media screen and (min-width: 992px) {
    .booking-alert {
      margin: 0 0 65px 25px;
      width: 375px; } }
  .booking-alert p, .booking-alert .room-pod__btn-label {
    margin-bottom: 0; }
  .booking-alert a {
    color: #a08033;
    text-decoration: none; }
    .booking-alert a:hover {
      text-decoration: underline; }

/*! jQuery UI - v1.12.1 - 2017-07-27
* http://jqueryui.com
* Copyright jQuery Foundation and other contributors; Licensed MIT */
/*!
 * jQuery UI CSS Framework 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none; }

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

.ui-helper-reset {
  border: 0;
  font-size: 100%;
  line-height: 1.3;
  list-style: none;
  margin: 0;
  outline: 0;
  padding: 0;
  text-decoration: none; }

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  border-collapse: collapse;
  content: "";
  display: table; }

.ui-helper-clearfix:after {
  clear: both; }

.ui-helper-zfix {
  filter: Alpha(Opacity=0);
  /* support: IE8 */
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%; }

.ui-front {
  z-index: 100; }

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
  pointer-events: none; }

/* Icons
----------------------------------*/
.ui-icon {
  background-repeat: no-repeat;
  display: inline-block;
  margin-top: -.25em;
  overflow: hidden;
  position: relative;
  text-indent: -99999px;
  vertical-align: middle; }

.ui-widget-icon-block {
  display: block;
  left: 50%;
  margin-left: -8px; }

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%; }

.ui-datepicker {
  display: none;
  padding: .2em .2em 0;
  width: 17em; }

.ui-datepicker .ui-datepicker-header {
  padding: .2em 0;
  position: relative; }

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  cursor: pointer;
  height: 1.8em;
  position: absolute;
  text-decoration: none;
  top: 2px;
  width: 1.8em; }
  .ui-datepicker .ui-datepicker-prev:before, .ui-datepicker .ui-datepicker-prev:after,
  .ui-datepicker .ui-datepicker-next:before,
  .ui-datepicker .ui-datepicker-next:after {
    font-size: 18px;
    font-size: 1.8rem;
    text-decoration: none; }

.ui-datepicker .ui-datepicker-prev {
  left: 13px; }
  @media screen and (min-width: 768px) {
    .ui-datepicker .ui-datepicker-prev {
      left: 2px; } }
  .ui-datepicker .ui-datepicker-prev:before {
    content: '<'; }

.ui-datepicker .ui-datepicker-next {
  right: 13px; }
  @media screen and (min-width: 768px) {
    .ui-datepicker .ui-datepicker-next {
      right: 2px; } }
  .ui-datepicker .ui-datepicker-next:before {
    content: '>'; }

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  left: 50%;
  margin-left: -8px;
  margin-top: -8px;
  position: absolute;
  top: 50%; }

.ui-datepicker .ui-datepicker-title {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.8em;
  margin: 0 2.3em;
  text-align: center; }
  @media screen and (min-width: 992px) {
    .ui-datepicker .ui-datepicker-title {
      font-size: 18px;
      font-size: 1.8rem; } }

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0; }

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%; }

.ui-datepicker table {
  border-collapse: collapse;
  font-size: .9em;
  margin: 0 0 .4em;
  width: 100%; }

.ui-datepicker th {
  font-size: 14px;
  font-size: 1.4rem;
  border: 0;
  padding: .7em .3em;
  text-align: center; }

.ui-datepicker td {
  border: 0;
  padding: 0; }

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none; }

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
  margin: .7em 0 0 0;
  padding: 0 .2em; }

.ui-datepicker .ui-datepicker-buttonpane button {
  cursor: pointer;
  float: right;
  margin: .5em .2em .4em;
  overflow: visible;
  padding: .2em .6em .3em .6em;
  width: auto; }

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: 100% !important; }

.ui-datepicker-multi .ui-datepicker-group {
  float: left; }

.ui-datepicker-multi .ui-datepicker-group table {
  margin: 0 auto .4em;
  width: 95%; }

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%; }

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%; }

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%; }

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left; }

.ui-datepicker-row-break {
  clear: both;
  font-size: 0;
  width: 100%; }

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl; }

.ui-datepicker-rtl .ui-datepicker-prev {
  left: auto;
  right: 2px; }

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  left: auto;
  right: 1px; }

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right; }

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 1px;
  border-right-width: 0; }

/* Icons */
.ui-datepicker .ui-icon {
  background-repeat: no-repeat;
  display: block;
  left: .5em;
  overflow: hidden;
  text-indent: -99999px;
  top: .3em; }

.ui-datepicker {
  margin-bottom: 20px;
  padding: 0;
  width: 100%; }
  @media screen and (min-width: 1200px) {
    .ui-datepicker {
      margin-bottom: 40px; } }
  .ui-datepicker th {
    background: transparent; }
  .ui-datepicker td {
    background: white; }
    .ui-datepicker td.ui-datepicker-unselectable {
      background: transparent; }
    @media screen and (min-width: 1800px) {
      .ui-datepicker td a {
        padding: 5px 7px; } }
    .ui-datepicker td.ui-datepicker-other-month,
    .ui-datepicker td.ui-datepicker-unselectable .ui-datepicker td.ui-state-disabled {
      background: transparent; }
    .ui-datepicker td.ui-datepicker-current-day {
      background: #9be3bf; }
    .ui-datepicker td.ui-datepicker-current-day,
    .ui-datepicker td.ui-datepicker-current-day a {
      background: #9be3bf !important;
      color: #333 !important; }
    .ui-datepicker td.ui-individual-date {
      background: #9be3bf; }
    .ui-datepicker td.ui-individual-date,
    .ui-datepicker td.ui-individual-date a {
      background: #9be3bf !important;
      color: #333 !important; }
    .ui-datepicker td td,
    .ui-datepicker td a,
    .ui-datepicker td span {
      text-align: center;
      font-size: 18px;
      font-size: 1.8rem; }
      @media screen and (min-width: 1200px) {
        .ui-datepicker td td,
        .ui-datepicker td a,
        .ui-datepicker td span {
          font-size: 20px;
          font-size: 2rem; } }
  .ui-datepicker .ui-datepicker-header {
    font-size: 16px;
    font-size: 1.6rem; }
    @media screen and (min-width: 992px) {
      .ui-datepicker .ui-datepicker-header {
        font-size: 18px;
        font-size: 1.8rem; } }
  @media screen and (min-width: 992px) {
    .ui-datepicker .ui-datepicker-group-last table {
      float: right;
      margin: 0; } }

.ui-datepicker-multi .ui-datepicker-group table {
  margin: 0;
  width: 90%; }

.ui-datepicker .ui-datepicker-next:before {
  bottom: 13px;
  content: '';
  display: inline-block;
  position: absolute;
  right: 16px;
  width: 8px;
  height: 17px;
  background-position: -56px 0px;
  background-size: 977.6px 62.05px;
  background-image: url("/Static/images/sprites/sprite.svg"); }

.ui-datepicker .ui-datepicker-prev:before {
  bottom: 11px;
  content: '';
  display: inline-block;
  left: 16px;
  position: absolute;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  width: 8px;
  height: 17px;
  background-position: -56px 0px;
  background-size: 977.6px 62.05px;
  background-image: url("/Static/images/sprites/sprite.svg"); }

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  bottom: 0;
  cursor: pointer;
  padding: 20px;
  top: -2px; }

.ui-datepicker td.ui-datepicker-unselectable,
.ui-datepicker td.ui-datepicker-disabled {
  background: #fff;
  color: #97a1ad;
  font-size: 18px;
  font-size: 1.8rem; }
  @media screen and (min-width: 1200px) {
    .ui-datepicker td.ui-datepicker-unselectable,
    .ui-datepicker td.ui-datepicker-disabled {
      font-size: 20px;
      font-size: 2rem; } }

.ui-datepicker-current-date .ui-datepicker .ui-state-highlight {
  background: red !important; }

.room-booking__form-group {
  position: relative; }

.room-booking__dropdown-options {
  display: none; }

.room-booking__dropdown-options--open {
  background: #fff;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 50px;
  z-index: 9999; }

.room-booking__filter-btn {
  background: transparent;
  border: 0 none;
  display: block;
  font-weight: 400;
  letter-spacing: 1.8px;
  line-height: 3;
  padding-left: 13px;
  position: relative;
  text-align: left;
  text-transform: uppercase;
  width: 100%;
  font-size: 16px;
  font-size: 1.6rem; }
  @media screen and (min-width: 768px) {
    .room-booking__filter-btn {
      padding-left: 27px;
      z-index: 800; } }
  .room-booking__filter-btn .room-booking__arrow-icon {
    transition: -webkit-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; }
  .room-booking__filter-btn.room-booking__dropdown__open--open .room-booking__arrow-icon {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg); }

.room-booking__arrow-icon-wrapper {
  height: 25px;
  position: absolute;
  right: 3px;
  top: 8px;
  width: 30px; }
  @media screen and (min-width: 1200px) {
    .room-booking__arrow-icon-wrapper {
      right: 20px; } }

.room-booking__arrow-icon {
  height: 25px; }

.room-booking__radio-item {
  /* One radio button per line */
  /* HTML5 Boilerplate accessible hidden styles */ }
  .room-booking__radio-item label {
    border-top: 1px solid #f6f6f6;
    display: block;
    font-size: 1.3em;
    font-weight: 400;
    line-height: 2.5;
    margin-bottom: 0;
    padding: 0 26px;
    text-align: left; }
    .room-booking__radio-item label:hover {
      background: #9be3bf;
      color: #333; }
  .room-booking__radio-item [type='radio'] {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; }

.hotel-menu {
  display: table;
  height: calc(100vh - 96px);
  width: 100%; }

.hotel-menu__inner {
  display: table-cell;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  width: 100%; }

.hotel-menu__list {
  margin: 0;
  padding: 0; }

.hotel-menu__list-link {
  text-decoration: none; }
  .hotel-menu__list-link:hover {
    text-decoration: underline; }

.hotel-menu__list-item {
  font-size: 2rem;
  letter-spacing: 2.8px;
  margin-bottom: 40px;
  text-transform: uppercase; }

.hotel-menu__title {
  font-size: 4.6rem;
  margin-bottom: 40px;
  text-transform: capitalize; }

.ui-datepicker td:hover, .ui-datepicker td:focus {
  background-color: #6bd5a0; }

.ui-datepicker td a:hover, .ui-datepicker td a:focus {
  background-color: #6bd5a0; }

.ui-datepicker td.ui-individual-date a.ui-state-highlight {
  background: #fff !important;
  color: #333 !important; }

.ui-datepicker td.ui-individual-date a.ui-state-hover {
  background: #9be3bf !important;
  color: #333 !important; }

.ui-datepicker td.ui-datepicker-current-day a {
  background: #9be3bf !important;
  color: #333 !important; }

.ui-datepicker td.ui-datepicker-current-day a:hover,
.ui-datepicker td.ui-datepicker-current-day a:focus {
  background: #6bd5a0 !important; }

.ui-datepicker td.ui-datepicker-current-day a.ui-state-highlight {
  background: #fff !important;
  color: #333 !important; }
  .ui-datepicker td.ui-datepicker-current-day a.ui-state-highlight:hover {
    background: #6bd5a0 !important; }

.ui-datepicker td.ui-datepicker-current-day.ui-datepicker-manual-current-day a.ui-state-highlight {
  background: #9be3bf !important;
  color: #333 !important; }
  .ui-datepicker td.ui-datepicker-current-day.ui-datepicker-manual-current-day a.ui-state-highlight:hover, .ui-datepicker td.ui-datepicker-current-day.ui-datepicker-manual-current-day a.ui-state-highlight:focus {
    background: #6bd5a0 !important; }

/*@include between-breakpoints($xs-min, $sm-max) {
  .booking-menu .site-logo {
    top: 2px !important;
  }
}*/
.paymentpage .room-booking__calendar .ui-datepicker {
  background-color: #f6f6f6; }

.payment-loader {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99; }

.payment-loader div {
  text-align: center;
  padding: 100px;
  display: block;
  background: #fff;
  opacity: 0.8;
  z-index: -1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.payment-loader h2 {
  text-align: center;
  padding: 30px;
  display: block;
  background: #fff;
  top: 50%;
  position: absolute;
  width: 100%;
  margin-top: -50px;
  z-index: 9999; }

.season-text-block {
  margin: 0 auto;
  padding-left: 24px;
  padding-right: 24px;
  max-width: 1920px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 35px; }
  @media screen and (min-width: 768px) {
    .season-text-block {
      padding-left: 65px;
      padding-right: 65px; } }
  @media screen and (min-width: 992px) {
    .season-text-block {
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      padding: 0;
      margin-bottom: 55px; } }
  @media screen and (min-width: 992px) {
    .season-text-block {
      margin-bottom: 55px; } }

.season-content {
  width: 100%;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2; }
  @media screen and (min-width: 992px) {
    .season-content {
      -webkit-order: 1;
          -ms-flex-order: 1;
              order: 1;
      width: 50%;
      margin: 0 auto; }
      .season-content.season-content--with-details {
        margin-left: 8.33333%;
        width: 50%;
        float: left; } }

.event-details {
  width: 100%;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
  margin: 15px 0 0 0; }
  @media screen and (min-width: 992px) {
    .event-details {
      -webkit-order: 2;
          -ms-flex-order: 2;
              order: 2;
      width: 25%;
      margin: 0 8% 0 0;
      margin-right: 8%;
      float: right; } }

.page-title--season-center {
  text-align: center;
  margin-left: -8.3333%; }

@media screen and (min-width: 992px) {
  .seasonpage .col-md-push-1 h1.page-title {
    margin-left: -15px !important; } }

.paymentpage .ui-datepicker, .careerapplicationpage .ui-datepicker {
  border: 2px solid #f6f6f6;
  max-width: 280px;
  background-color: #fff;
  z-index: 100 !important; }
  @media screen and (min-width: 768px) {
    .paymentpage .ui-datepicker, .careerapplicationpage .ui-datepicker {
      max-width: 400px; } }
  .paymentpage .ui-datepicker td span,
  .paymentpage .ui-datepicker td a, .careerapplicationpage .ui-datepicker td span,
  .careerapplicationpage .ui-datepicker td a {
    text-align: center; }

.paymentpage .room-booking__calendar .ui-datepicker {
  max-width: none; }

.paymentpage .ui-datepicker-multi-2 {
  max-width: 800px !important; }

.site-wide-banner {
  background-color: #f6f6f6;
  color: #000;
  position: relative;
  left: 0;
  right: 0;
  font-family: "Lato", sans-serif;
  text-align: center;
  z-index: 2000;
  transition: height 0.4s ease-in-out, padding 0.4s ease-in-out;
  margin-bottom: -1px;
  padding-bottom: 1px; }
  .site-wide-banner a {
    display: inline-block; }
  .site-wide-banner a.banner-link {
    display: block;
    padding: 4px 50px 4px 20px; }
    @media (min-width: 768px) {
      .site-wide-banner a.banner-link {
        padding: 5.5px 80px; } }
  .site-wide-banner div.banner-no-link {
    padding: 4px 50px 4px 20px; }
    @media (min-width: 768px) {
      .site-wide-banner div.banner-no-link {
        padding: 5.5px 80px; } }
  .site-wide-banner p, .site-wide-banner .room-pod__btn-label, .site-wide-banner a p, .site-wide-banner a .room-pod__btn-label, .site-wide-banner a, .site-wide-banner div {
    font-size: 1.4rem;
    color: #000;
    margin: 0;
    font-weight: 100;
    text-decoration: none; }
  .site-wide-banner .close {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 44px;
    padding: 4px 0;
    height: 100%;
    color: #000;
    font-family: "Lato", sans-serif;
    font-weight: bold;
    vertical-align: middle;
    line-height: 1;
    z-index: 1000;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center; }
    @media (min-width: 768px) {
      .site-wide-banner .close {
        padding: 8.5px 0;
        right: 30px; } }
    .site-wide-banner .close:hover {
      opacity: .8;
      transition: opacity 0.2s; }

/*------------------------------------*\
    $BLOCKS
\*------------------------------------*/
.hero {
  overflow: hidden;
  position: relative; }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .hero {
      height: calc(100vh - 49px); } }
  @media screen and (min-width: 768px) {
    .hero {
      height: 100vh; } }
  .hero .btn--arrow-down {
    bottom: 0;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 99999; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .hero .btn--arrow-down {
        bottom: 80px; } }
  @media screen and (min-width: 0) and (max-width: 991px) {
    .hero .image-promo {
      height: 100%; } }
  @media screen and (min-width: 0) and (max-width: 767px) {
    .hero .image-promo {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; } }
  @media screen and (min-width: 0) and (max-width: 767px) {
    .hero .image-promo__img,
    .hero .image-promo__video {
      -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      height: auto !important;
      max-height: 280px;
      min-height: 0;
      position: relative; }
      .hero .image-promo__img video,
      .hero .image-promo__video video {
        width: 100% !important; }
      .homepage .hero .image-promo__img, .homepage
      .hero .image-promo__video {
        height: calc(100vh - 99px) !important;
        max-height: none;
        width: auto; }
        .homepage .hero .image-promo__img video, .homepage
        .hero .image-promo__video video {
          height: calc(100vh - 99px);
          width: auto; } }
  @media screen and (min-width: 0) and (max-width: 767px) {
    .homepage .hero .image-promo--with-text .image-promo__img, .homepage
    .hero .image-promo--with-text .image-promo__video {
      height: calc(100vh - 200px) !important; }
      .homepage .hero .image-promo--with-text .image-promo__img video, .homepage
      .hero .image-promo--with-text .image-promo__video video {
        height: calc(100vh - 200px); } }
  @media screen and (min-width: 0) and (max-width: 767px) {
    .hero .image-promo__img {
      height: 280px !important; } }
  .hero .image-promo__content-wrapper {
    display: block; }

@media screen and (min-width: 0) and (max-width: 767px) {
  .homepage.iPhone .hero .image-promo--with-text .image-promo__img,
  .homepage.iPhone .hero .image-promo--with-text .image-promo__video {
    height: calc(100vh - 300px) !important; }
    .homepage.iPhone .hero .image-promo--with-text .image-promo__img video,
    .homepage.iPhone .hero .image-promo--with-text .image-promo__video video {
      height: calc(100vh - 300px); } }

.arrow-down-icon {
  fill: #fff;
  height: 20px;
  width: 40px; }
  .arrow-down-icon path {
    fill: #fff; }

#scroll-to-flag {
  float: left;
  height: 0;
  text-indent: -9000px;
  width: 0; }

.rich-text-block {
  clear: both;
  width: 100%;
  margin-bottom: 15px;
  overflow: auto; }
  .rich-text-block:before, .rich-text-block:after {
    content: ' ';
    display: table; }
  .rich-text-block:after {
    clear: both; }
  @media screen and (min-width: 992px) {
    .rich-text-block {
      margin-bottom: 55px; } }
  @media screen and (min-width: 1200px) {
    .rich-text-block {
      padding: 0; } }

@media screen and (min-width: 992px) {
  .rich-text-block > .col-md-5.col-md-push-1 {
    padding-right: 60px; }
  .rich-text-block > .col-md-5.col-md-push-1 + .col-xs-12.col-md-5.col-md-push-1 {
    padding-left: 60px;
    padding-right: 15px; } }

.rich-text-block .gallery__slide {
  display: block; }

.promo-block {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }
  .promo-block.promo-block--padded {
    margin-bottom: 24px; }
    @media screen and (min-width: 768px) {
      .promo-block.promo-block--padded {
        margin-bottom: 12px; } }
    @media screen and (min-width: 1200px) {
      .promo-block.promo-block--padded {
        margin-bottom: 30px; } }
  @media screen and (min-width: 768px) {
    .promo-block {
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row; } }

.promo-block__image-container {
  overflow: hidden;
  position: relative; }
  @media screen and (min-width: 768px) {
    .promo-block__image-container {
      width: 50%;
      -webkit-order: 1;
          -ms-flex-order: 1;
              order: 1; } }
  .promo-block--image-right .promo-block__image-container {
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
    @media screen and (min-width: 768px) {
      .promo-block--image-right .promo-block__image-container {
        -webkit-order: 2;
            -ms-flex-order: 2;
                order: 2; } }

.promo-block__image {
  display: block;
  width: 100%;
  opacity: 0;
  transition: opacity 2s ease-in-out, -webkit-transform 3s ease-in-out;
  transition: transform 3s ease-in-out, opacity 2s ease-in-out;
  transition: transform 3s ease-in-out, opacity 2s ease-in-out, -webkit-transform 3s ease-in-out;
  transition-delay: 0.3s;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1); }
  .animated .promo-block__image {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
    .oldBrowser .animated .promo-block__image {
      -webkit-transform: scale(1) rotate(0.1deg);
          -ms-transform: scale(1) rotate(0.1deg);
              transform: scale(1) rotate(0.1deg); }
  .promo-block__image img {
    width: 100%; }

.promo-block__text-container {
  text-align: center;
  padding: 40px 24px;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2; }
  @media screen and (min-width: 768px) {
    .promo-block__text-container {
      width: 50%;
      -webkit-align-self: center;
          -ms-flex-item-align: center;
                  -ms-grid-row-align: center;
              align-self: center;
      padding: 20px 40px; } }
  .promo-block--image-right .promo-block__text-container {
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2; }
    @media screen and (min-width: 768px) {
      .promo-block--image-right .promo-block__text-container {
        -webkit-order: 1;
            -ms-flex-order: 1;
                order: 1; } }

.promo-block__header {
  font-size: 28px;
  font-size: 2.8rem; }
  @media screen and (min-width: 768px) {
    .promo-block__header {
      font-size: 28px;
      font-size: 2.8rem; } }
  @media screen and (min-width: 992px) {
    .promo-block__header {
      font-size: 36px;
      font-size: 3.6rem; } }

@media screen and (min-width: 768px) {
  .promo-block__text {
    max-width: 570px;
    margin: 0 auto; } }

@media screen and (min-width: 992px) {
  .promo-block__text p, .promo-block__text .room-pod__btn-label {
    font-size: 18px;
    font-size: 1.8rem; } }

.promo-block__text .btn {
  min-width: inherit;
  max-width: 520px;
  display: inline-block; }

@media screen and (max-width: 767px) {
  .promo-block__image-container {
    width: 100%;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  .promo-block__text-container {
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2; } }

.single-promo-block {
  background: url(../../images/chevrons-bg.svg) center center repeat-x;
  background-size: cover;
  background-color: #fff; }

@media screen and (min-width: 992px) {
  .homepage .single-promo-block {
    height: 100vh; }
    .homepage .single-promo-block .promo-block__image {
      max-width: inherit;
      height: 100vh; }
      .homepage .single-promo-block .promo-block__image img {
        height: 100%;
        object-fit: cover;
        font-family: 'object-fit: cover;'; } }

@media screen and (min-width: 992px) {
  .homepage .single-promo-block .promo-block__header {
    font-size: 50px;
    font-size: 5rem; } }

@media screen and (min-width: 1200px) {
  .homepage .single-promo-block .promo-block__header {
    margin-bottom: 28px; } }

.promo-block__header {
  opacity: 0;
  color: #fff;
  transition: all 0.4s ease-in-out;
  line-height: 1.3; }
  .animated .promo-block__header {
    color: #a08033;
    opacity: 1; }

.promo-block__text p, .promo-block__text .room-pod__btn-label {
  opacity: 0;
  transition: opacity 0.4s ease-in-out;
  transition-delay: 0.3s; }
  .animated .promo-block__text p, .animated .promo-block__text .room-pod__btn-label {
    opacity: 1; }

.promo-block__text .btn {
  opacity: 0;
  transition: opacity 0.4s ease-in-out;
  transition-delay: 1s; }
  .animated .promo-block__text .btn {
    opacity: 1; }

.double-promo-block {
  background-color: #fff;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 24px 0; }
  @media screen and (min-width: 768px) {
    .double-promo-block {
      margin: 0;
      min-height: 385px; } }
  @media screen and (min-width: 1200px) {
    .double-promo-block {
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      min-height: 480px; } }
  .double-promo-block.double-promo-block--padded {
    margin-bottom: 24px; }
    @media screen and (min-width: 768px) {
      .double-promo-block.double-promo-block--padded {
        margin-bottom: 12px; } }
    @media screen and (min-width: 1200px) {
      .double-promo-block.double-promo-block--padded {
        margin-bottom: 30px; } }
  .double-promo-block .promo-block {
    min-height: 385px; }
    @media screen and (min-width: 768px) {
      .double-promo-block .promo-block + .promo-block .promo-block__image-container {
        -webkit-order: 2;
            -ms-flex-order: 2;
                order: 2; }
      .double-promo-block .promo-block + .promo-block .promo-block__text-container {
        -webkit-order: 1;
            -ms-flex-order: 1;
                order: 1; } }
    @media screen and (min-width: 1200px) {
      .double-promo-block .promo-block {
        min-height: 485px; }
        .double-promo-block .promo-block + .promo-block .promo-block__image-container {
          -webkit-order: 1;
              -ms-flex-order: 1;
                  order: 1; }
        .double-promo-block .promo-block + .promo-block .promo-block__text-container {
          -webkit-order: 2;
              -ms-flex-order: 2;
                  order: 2; } }
  .double-promo-block .promo-block__header {
    font-size: 20px;
    font-size: 2rem; }
    @media screen and (min-width: 1200px) {
      .double-promo-block .promo-block__header {
        font-size: 32px;
        font-size: 3.2rem;
        margin-bottom: 15px; } }
  .double-promo-block p, .double-promo-block .room-pod__btn-label {
    font-size: 14px;
    font-size: 1.4rem; }
    @media screen and (min-width: 1200px) {
      .double-promo-block p, .double-promo-block .room-pod__btn-label {
        font-size: 16px;
        font-size: 1.6rem; } }
  .double-promo-block .promo-block__image-container {
    height: 270px; }
    @media screen and (min-width: 768px) {
      .double-promo-block .promo-block__image-container {
        height: auto; } }
  .double-promo-block .promo-block {
    width: 100%; }
    @media screen and (min-width: 1200px) {
      .double-promo-block .promo-block {
        width: 50%;
        float: left; } }

/* Slider */
.slick-slider {
  box-sizing: border-box;
  display: block;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.slick-list {
  display: block;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }

.slick-track {
  display: block;
  left: 0;
  position: relative;
  top: 0; }
  .slick-track:before, .slick-track:after {
    content: '';
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px; }
  [dir='rtl'] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    border: 1px solid transparent;
    display: block;
    height: auto; }

.slick-arrow.slick-hidden {
  display: none; }

.slick-slide img {
  width: 100%; }

.slider {
  position: relative; }

.slick-arrow {
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: transparent;
  border: 0 none;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 30px;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  padding: 0;
  position: absolute;
  text-align: left;
  text-indent: -9000em;
  top: calc(270px / 2);
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  transition: background-color 0.4s ease-in-out, margin 0.4s ease-in-out;
  width: 30px;
  z-index: 100; }
  @media screen and (min-width: 768px) {
    .slick-arrow {
      height: 50px;
      top: calc(50% - 24px);
      width: 30px; } }
  @media screen and (min-width: 992px) {
    .slick-arrow {
      height: 70px;
      width: 50px; } }

.slick-next {
  right: 10px; }
  @media screen and (min-width: 768px) {
    .slick-next {
      right: 25px; } }
  @media screen and (min-width: 992px) {
    .slick-next {
      right: 45px; } }
  @media screen and (min-width: 768px) {
    .slick-next:hover {
      margin-right: -10px; } }

.slick-prev {
  left: 10px; }
  @media screen and (min-width: 768px) {
    .slick-prev {
      left: 25px; } }
  @media screen and (min-width: 992px) {
    .slick-prev {
      left: 45px; } }
  @media screen and (min-width: 768px) {
    .slick-prev:hover {
      margin-left: -10px; } }

.gallery__next-icon,
.gallery__prev-icon {
  fill: #333;
  height: 30px;
  transition: margin-left 0.4s ease-in-out;
  width: 16px; }
  @media screen and (min-width: 768px) {
    .gallery__next-icon,
    .gallery__prev-icon {
      height: 30px;
      width: 50px; } }
  @media screen and (min-width: 992px) {
    .gallery__next-icon,
    .gallery__prev-icon {
      height: 38px;
      width: 50px; } }

.gallery {
  background: white; }
  @media screen and (min-width: 768px) {
    .gallery:hover .slick-arrow {
      background-color: rgba(255, 255, 255, 0.5); } }

.gallery__counter {
  font-size: 14px;
  font-size: 1.4rem;
  font-family: Georgia, "Times New Roman", Times, serif; }
  @media screen and (min-width: 992px) {
    .gallery__counter {
      font-size: 32px;
      font-size: 3.2rem; } }

.gallery__pagination {
  background: rgba(255, 255, 255, 0.9);
  height: 60px;
  position: absolute;
  right: 0;
  top: 210px;
  width: 60px; }
  @media screen and (min-width: 768px) {
    .gallery__pagination {
      bottom: 0;
      top: inherit; } }
  @media screen and (min-width: 992px) {
    .gallery__pagination {
      height: 120px;
      width: 120px; } }

.gallery__counter {
  font-size: 12px;
  font-size: 1.2rem; }
  @media screen and (min-width: 992px) {
    .gallery__counter {
      font-size: 26px;
      font-size: 2.6rem;
      font-family: "SangBleu", Georgia, "Times New Roman", Times, serif; } }

.gallery__divider {
  height: 1px; }

.gallery__current-item {
  left: 10px;
  position: absolute;
  top: 10px; }
  @media screen and (min-width: 992px) {
    .gallery__current-item {
      left: 27px;
      top: 19px; } }

.gallery__total-items {
  bottom: 10px;
  position: absolute;
  right: 10px; }
  @media screen and (min-width: 992px) {
    .gallery__total-items {
      bottom: 19px;
      right: 27px; } }

.gallery__divider {
  background-color: #333;
  height: 1px;
  left: 27%;
  position: absolute;
  top: 51%;
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
  width: 30px; }
  @media screen and (min-width: 992px) {
    .gallery__divider {
      height: 2px;
      width: 57px; } }

.gallery__image-slide {
  position: relative;
  z-index: 100; }
  @media screen and (min-width: 768px) {
    .gallery__image-slide {
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; } }

.gallery__img {
  margin: auto;
  width: 100%; }
  .gallery__img img {
    max-width: auto;
    width: 100%; }

.gallery__image-slide {
  height: auto; }

@media screen and (max-width: 767px) {
  .gallery__img img {
    height: 270px;
    max-width: none;
    width: auto; } }

@media screen and (min-width: 768px) {
  .gallery__img img {
    height: auto; } }

@media screen and (min-width: 992px) {
  .gallery__img img {
    height: auto;
    -webkit-transform: inherit;
        -ms-transform: inherit;
            transform: inherit; } }

@media screen and (min-width: 768px) {
  .gallery__content-wrapper {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0); } }

.gallery__content {
  background: rgba(255, 255, 255, 0.8);
  margin: 0 auto;
  padding: 30px 60px;
  text-align: center; }
  @media screen and (min-width: 768px) {
    .gallery__content {
      height: auto !important;
      width: 510px; } }
  @media screen and (min-width: 992px) {
    .gallery__content {
      width: 740px; } }
  .gallery__content p, .gallery__content .room-pod__btn-label {
    font-size: 14px;
    font-size: 1.4rem;
    margin: 0; }
    @media screen and (min-width: 992px) {
      .gallery__content p, .gallery__content .room-pod__btn-label {
        font-size: 16px;
        font-size: 1.6rem; } }
  .gallery__content blockquote,
  .gallery__content cite {
    display: block;
    text-align: left; }

.gallery__header {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1;
  margin-bottom: 15px; }
  @media screen and (min-width: 768px) {
    .gallery__header {
      font-size: 28px;
      font-size: 2.8rem; } }
  @media screen and (min-width: 992px) {
    .gallery__header {
      font-size: 32px;
      font-size: 3.2rem; } }

@media screen and (min-width: 992px) {
  .gallery__text p, .gallery__text .room-pod__btn-label {
    font-size: 16px;
    font-size: 1.6rem; } }

.gallery__text p span, .gallery__text .room-pod__btn-label span {
  display: block; }

@media screen and (min-width: 992px) {
  .homepage .gallery {
    height: 100vh;
    max-height: 100vh; } }

@media screen and (min-width: 992px) {
  .homepage .gallery__image-slide {
    height: 100vh; }
    .homepage .gallery__image-slide .gallery__img {
      height: 100vh; }
      .homepage .gallery__image-slide .gallery__img img {
        max-width: inherit;
        min-height: 100vh;
        object-fit: cover; } }

.gallery__img {
  opacity: 0;
  transition: opacity 0.75s ease-in-out; }
  .gallery__slide .gallery__img {
    opacity: 1; }
  .animated .gallery__img {
    opacity: 1; }

.gallery__header {
  color: #fff;
  opacity: 0;
  transition: all 0.7s ease-in-out;
  transition-delay: 0.5s; }
  .animated .gallery__header {
    color: #a08033;
    opacity: 1; }

.gallery__content {
  margin-top: 50px;
  opacity: 0;
  transition: all 0.7s ease-in-out;
  transition-delay: 0.5s; }
  .animated .gallery__content {
    margin-top: 0;
    opacity: 1; }

.gallery__text {
  color: #fff;
  opacity: 0;
  transition: opacity 0.7s ease-in-out;
  transition-delay: 0.5s; }
  .animated .gallery__text {
    color: #333;
    opacity: 1; }
  .gallery__text cite {
    float: left; }

.gallery__slide {
  display: none; }

.gallery__slide:first-child {
  display: block; }

.slick-initialized .gallery__slide {
  display: block; }

.fade-block-row-wrapper--padded {
  margin-bottom: 24px; }
  @media screen and (min-width: 768px) {
    .fade-block-row-wrapper--padded {
      margin-bottom: 12px; } }
  @media screen and (min-width: 1200px) {
    .fade-block-row-wrapper--padded {
      margin-bottom: 30px; } }

@media screen and (min-width: 768px) {
  .homepage .fade-block-row-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; } }

@media screen and (min-width: 768px) {
  .fade-block-row-wrapper + .fade-block-row-wrapper {
    margin-top: 12px; } }

@media screen and (min-width: 992px) {
  .fade-block-row-wrapper + .fade-block-row-wrapper {
    margin-top: 30px; } }

.fade-block-row__cta-wrapper {
  text-align: right;
  margin-top: 10px;
  padding-bottom: 40px; }
  @media screen and (min-width: 768px) {
    .fade-block-row__cta-wrapper {
      margin-top: 18px;
      padding-bottom: 56px; } }
  @media screen and (min-width: 992px) {
    .fade-block-row__cta-wrapper {
      margin-top: 50px;
      padding-bottom: 90px; } }

.fade-block-row__text {
  padding-top: 40px; }
  @media screen and (min-width: 768px) {
    .fade-block-row__text {
      padding-top: 56px; } }
  @media screen and (min-width: 992px) {
    .fade-block-row__text {
      padding-top: 90px; } }

.fade-block-row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column;
      -ms-flex-flow: column;
          flex-flow: column; }
  @media screen and (min-width: 768px) {
    .fade-block-row {
      -webkit-flex-flow: row;
          -ms-flex-flow: row;
              flex-flow: row;
      margin: 0 -12px; } }
  @media screen and (min-width: 992px) {
    .fade-block-row {
      margin: 0 -30px; } }
  .homepage .fade-block-row {
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }

.fade-block-row--3pr {
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.fade-block-row--2pr {
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }
  @media screen and (min-width: 768px) {
    .fade-block-row--2pr .fade-block {
      -webkit-flex-basis: calc((100% / 3) - 12px);
          -ms-flex-preferred-size: calc((100% / 3) - 12px);
              flex-basis: calc((100% / 3) - 12px); } }
  @media screen and (min-width: 992px) {
    .fade-block-row--2pr .fade-block {
      -webkit-flex-basis: calc((100% / 3) - 30px);
          -ms-flex-preferred-size: calc((100% / 3) - 30px);
              flex-basis: calc((100% / 3) - 30px); } }

.fade-block {
  display: block;
  position: relative;
  width: 100%;
  text-align: center;
  overflow: hidden;
  margin-bottom: 24px; }
  @media screen and (min-width: 768px) {
    .fade-block {
      margin: 0 6px; } }
  @media screen and (min-width: 992px) {
    .fade-block {
      margin: 0 15px; } }
  .fade-block.is-inactive img {
    -webkit-filter: saturate(0.1);
            filter: saturate(0.1); }
  @media screen and (min-width: 992px) {
    .fade-block.is-inactive:hover .fade-block__initial-state .fade-block__cta {
      opacity: 1;
      cursor: default; } }
  .fade-block.is-inactive:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0.3;
    z-index: 1; }
  .fade-block img {
    width: 100%;
    max-height: 620px;
    object-fit: cover; }
    .listing-block-gallery .fade-block img {
      max-height: 410px; }

.fade-block-wrapper + .fade-block-wrapper .fade-block {
  margin-bottom: 0; }

@media screen and (min-width: 992px) {
  .fade-block--with-hover:hover .fade-block__hovered-state {
    opacity: 1;
    transition: opacity 0.8s; }
  .fade-block--with-hover:hover .fade-block__initial-state .fade-block__cta {
    opacity: 0; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
  .fade-block--with-hover:hover .fade-block__hovered-state, .fade-block--with-hover:focus .fade-block__hovered-state {
    display: none; }
  .fade-block--with-hover:hover .fade-block__initial-state .fade-block__cta, .fade-block--with-hover:focus .fade-block__initial-state .fade-block__cta {
    opacity: 1; } }

.fade-block__hovered-state {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }

.fade-block__cta {
  font-size: 14px;
  font-size: 1.4rem;
  text-transform: uppercase;
  margin: 0;
  background-color: rgba(155, 227, 191, 0.9);
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 40px;
  transition: opacity 0.8s;
  width: 85%;
  z-index: 100;
  min-height: 72px;
  display: table; }
  @media screen and (min-width: 992px) {
    .fade-block__cta {
      font-size: 20px;
      font-size: 2rem;
      width: 70%;
      min-height: 96px; } }

.fade-block__inner-cta {
  display: table-cell;
  vertical-align: middle; }

.fade-block__hovered-state {
  position: absolute;
  background: rgba(255, 255, 255, 0.9);
  padding: 40px 32px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.8s ease-in-out; }
  .fade-block__hovered-state .fade-block__heading,
  .fade-block__hovered-state .fade-block__paragraph {
    margin: 0 0 24px 0; }
    @media screen and (min-width: 1200px) {
      .fade-block__hovered-state .fade-block__heading,
      .fade-block__hovered-state .fade-block__paragraph {
        margin: 0 0 24px 0; } }
  .fade-block__hovered-state .btn {
    display: block;
    position: relative;
    margin: 0;
    padding: 0; }

.fade-block__heading {
  font-size: 14px;
  font-size: 1.4rem;
  color: #333;
  text-transform: uppercase;
  font-family: "Lato", Arial, sans-serif;
  line-height: 1.4; }
  @media screen and (min-width: 992px) {
    .fade-block__heading {
      font-size: 20px;
      font-size: 2rem; } }

.fade-block__paragraph {
  letter-spacing: 0.85px; }

.fade-block__cta-text,
.fade-block__heading,
.fade-block__hovered-state .btn {
  letter-spacing: 1.4px; }

.image-promo {
  position: relative;
  z-index: 100; }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .image-promo {
      height: 430px; } }
  @media screen and (min-width: 992px) {
    .image-promo {
      height: 720px; }
      .homepage .image-promo {
        height: 100vh;
        width: 100%; } }
  @media screen and (min-width: 0) and (max-width: 991px) {
    .homepage .main .image-promo:first-child {
      border-top: 49px solid white; } }
  @media screen and (min-width: 992px) {
    .homepage .main .image-promo:first-child {
      border-top: 96px solid white; } }
  @media screen and (min-width: 992px) {
    .homepage.connaught .main .image-promo:first-child {
      border-top: 94px solid white; } }
  @media screen and (min-width: 992px) {
    .homepage.maybourne .main .image-promo:first-child {
      border-top: 96px solid white; } }
  @media screen and (min-width: 992px) {
    .homepage.has-site-banner .main .image-promo:first-child {
      border-top: 126px solid white; } }

.image-promo--padded {
  margin-bottom: 24px; }
  @media screen and (min-width: 768px) {
    .image-promo--padded {
      margin-bottom: 12px; } }
  @media screen and (min-width: 1200px) {
    .image-promo--padded {
      margin-bottom: 30px; } }

.image-promo__img,
.image-promo__video {
  line-height: 0;
  overflow: hidden; }
  @media screen and (min-width: 0) and (max-width: 767px) {
    .image-promo__img,
    .image-promo__video {
      height: inherit;
      width: 100vw; }
      .homepage .image-promo__img, .homepage
      .image-promo__video {
        height: auto; }
        .homepage .image-promo__img video, .homepage
        .image-promo__video video {
          height: calc(100vh - 99px);
          width: auto; } }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .image-promo__img,
    .image-promo__video {
      height: 100vh;
      width: 100vw; } }
  @media screen and (min-width: 768px) {
    .image-promo__img,
    .image-promo__video {
      bottom: 0;
      height: 100%;
      left: 0;
      position: absolute;
      right: 0;
      top: 0;
      width: 100%;
      z-index: 1; } }
  @media screen and (min-width: 0) and (max-width: 767px) {
    .pagenotfoundpage .image-promo__img, .pagenotfoundpage
    .image-promo__video {
      height: 272px;
      position: static;
      width: 100%;
      z-index: 1; } }
  .image-promo__img img,
  .image-promo__img video,
  .image-promo__video img,
  .image-promo__video video {
    height: 100%;
    max-width: auto;
    object-fit: cover;
    width: 100%; }
    .isEdge .image-promo__img img,
    .ie11 .image-promo__img img, .isEdge
    .image-promo__img video,
    .ie11
    .image-promo__img video, .isEdge
    .image-promo__video img,
    .ie11
    .image-promo__video img, .isEdge
    .image-promo__video video,
    .ie11
    .image-promo__video video {
      height: auto; }

@media screen and (min-width: 0) and (max-width: 767px) {
  .homepage .image-promo__video {
    max-height: none; } }

@media screen and (min-width: 0) and (max-width: 767px) {
  .homepage .image-promo__img {
    height: 272px; } }

@media screen and (min-width: 0) and (max-width: 991px) {
  .image-promo__content-wrapper {
    width: 100%; } }

@media screen and (min-width: 768px) {
  .image-promo__content-wrapper {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 2; } }

@media screen and (min-width: 992px) {
  .homepage .main .full-page-panel:not(:first-child) .image-promo__content-wrapper {
    padding-top: 80px; } }

.image-promo__content {
  margin: 0 auto;
  text-align: center; }
  @media screen and (min-width: 0) and (max-width: 767px) {
    .image-promo__content {
      padding: 35px 25px 1px; } }
  @media screen and (min-width: 768px) {
    .image-promo__content {
      max-width: 510px;
      padding: 30px 30px 50px;
      position: relative;
      z-index: 1; } }
  @media screen and (min-width: 992px) {
    .image-promo__content {
      max-width: 740px;
      padding: 45px 50px 40px 50px; }
      .homepage .image-promo__content {
        max-width: 840px; } }
  @media screen and (min-width: 768px) {
    .image-promo__content p, .image-promo__content .room-pod__btn-label {
      margin: 0; } }

@media screen and (min-width: 0) and (max-width: 767px) {
  .image-promo__btn-wrapper {
    padding: 0 25px 0px; } }

@media screen and (min-width: 768px) {
  .image-promo__btn-wrapper {
    position: relative;
    z-index: 2; }
    .homepage .image-promo__btn-wrapper {
      bottom: -24px;
      left: 50%;
      position: absolute;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%); } }

@media screen and (min-width: 768px) {
  .image-promo__btn {
    margin-top: -26px; } }

@media screen and (max-width: 767px) {
  .image-promo__content .image-promo__btn-wrapper {
    padding: 0 0 40px; } }

@media screen and (min-width: 768px) {
  .image-promo__content .image-promo__btn-wrapper {
    bottom: -24px;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%); }
    .image-promo__content .image-promo__btn-wrapper .image-promo__btn {
      margin: 0; } }

.image-promo__header {
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 1; }
  @media screen and (min-width: 992px) {
    .image-promo__header {
      font-size: 60px;
      font-size: 6rem; } }

@media screen and (min-width: 992px) {
  .image-promo__text p, .image-promo__text .room-pod__btn-label {
    font-size: 18px;
    font-size: 1.8rem; } }

.image-promo__img {
  opacity: 0;
  transition: opacity 0.75s ease-in-out; }
  .gallery__slide .image-promo__img {
    opacity: 1; }
  .animated .image-promo__img {
    opacity: 1; }

.image-promo__header {
  color: #fff;
  opacity: 0;
  transition: all 0.7s ease-in-out;
  transition-delay: 0.5s; }
  .animated .image-promo__header {
    color: #a08033;
    opacity: 1; }

.image-promo__content {
  opacity: 0;
  -webkit-transform: translateY(50px);
      -ms-transform: translateY(50px);
          transform: translateY(50px);
  transition: all 0.7s ease-in-out;
  transition-delay: 0.5s; }
  .animated .image-promo__content {
    opacity: 1;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0); }
    @media screen and (min-width: 768px) {
      .homepage .animated .image-promo__content {
        margin-top: 0;
        top: 25%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%); } }
    @media screen and (min-width: 992px) {
      .homepage .animated .image-promo__content {
        top: 50%; } }
    @media screen and (min-width: 768px) {
      .homepage.ios7- .animated .image-promo__content,
      .homepage.ios8 .animated .image-promo__content,
      .homepage.ios9 .animated .image-promo__content {
        -webkit-transform: translateY(50%);
            -ms-transform: translateY(50%);
                transform: translateY(50%); } }

.image-promo__text p, .image-promo__text .room-pod__btn-label {
  color: #fff;
  opacity: 0;
  transition: opacity 0.7s ease-in-out;
  transition-delay: 0.5s; }
  .animated .image-promo__text p, .animated .image-promo__text .room-pod__btn-label {
    color: #333;
    opacity: 1; }

.image-promo__btn {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  transition-delay: 1.2s; }
  .animated .image-promo__btn {
    opacity: 1; }

.videoContainer {
  height: 100%;
  overflow: hidden;
  width: 100%; }

.videoContainer video {
  min-height: 100%;
  min-width: 100%; }

::-webkit-media-controls {
  display: none !important;
  opacity: 0; }

.video-container {
  background-color: #000;
  overflow: hidden;
  position: relative;
  width: 100%; }
  .rich-text-block .video-container,
  .page-intro-text .video-container {
    height: auto; }

.video-container {
  position: relative;
  vertical-align: bottom;
  width: 100%; }
  .video-container video {
    display: block;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
    width: 100%; }

.video-container video {
  background-repeat: no-repeat !important;
  background-size: cover !important; }

.gallery .video-container {
  height: 270px; }
  @media screen and (min-width: 768px) {
    .gallery .video-container {
      height: 290px; } }
  @media screen and (min-width: 992px) {
    .gallery .video-container {
      height: 390px; } }
  @media screen and (min-width: 1200px) {
    .gallery .video-container {
      height: 720px; }
      .isEdge .gallery .video-container,
      .oldBrowser .gallery .video-container {
        height: 714px; } }
  @media only screen and (orientation: landscape) and (max-width: 1199px) {
    .gallery .video-container {
      height: calc(100vh - 96px); } }
  .gallery .video-container video {
    display: block;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
    width: 100%; }

.video__start-play-btn {
  background: rgba(255, 255, 255, 0.9);
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
  @media screen and (min-width: 0) and (max-width: 991px) {
    .video__start-play-btn {
      height: 48px;
      width: 48px; } }
  @media screen and (min-width: 992px) {
    .video__start-play-btn {
      height: 64px;
      width: 64px; } }

.video__start-play-btn--hidden {
  opacity: 0;
  transition: all 0.3s ease; }

.video__start-play-btn--paused {
  opacity: 1; }

.video__start-play-btn-icon {
  margin-left: 2px; }
  @media screen and (min-width: 0) and (max-width: 991px) {
    .video__start-play-btn-icon {
      height: 18px;
      width: 12px; } }
  @media screen and (min-width: 992px) {
    .video__start-play-btn-icon {
      height: 24px;
      width: 16px; } }

.looping-video .video-controls__btn {
  margin-left: 10px; }

.video-controls {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  position: absolute;
  z-index: 99; }
  @media screen and (min-width: 0) and (max-width: 991px) {
    .video-controls {
      bottom: 15px;
      left: 15px;
      right: 15px; }
      .panorama .video-controls {
        right: 75px; } }
  @media screen and (min-width: 992px) {
    .video-controls {
      bottom: 35px;
      left: 35px;
      right: 35px; }
      .panorama .video-controls {
        right: 155px; } }

.video-controls-fade {
  opacity: 1;
  transition: all 0.3s ease; }
  .iPad .video-controls-fade,
  .iPhone .video-controls-fade {
    opacity: 0 !important; }

.video-controls-fade--paused {
  opacity: 0; }
  .iPad .video-controls-fade--paused,
  .iPhone .video-controls-fade--paused {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    opacity: 1 !important; }

@media screen and (min-width: 768px) {
  .video-container:hover .video-controls-fade {
    opacity: 1; } }

@media screen and (min-width: 768px) {
  .video-container--paused.video-container:hover .video-controls-fade {
    opacity: 0; } }

@media screen and (min-width: 768px) {
  .video-container--mouse-paused .video-controls-fade,
  .video-container:hover.video-container--mouse-paused .video-controls-fade {
    opacity: 0; } }

.video-container--autoplay .video-controls-fade {
  opacity: 0; }

.video-container.compat-object-fit {
  background-position: center center;
  background-size: cover; }
  .video-container.compat-object-fit video {
    opacity: 1; }
  .video-container.compat-object-fit.video-container--paused video {
    opacity: 0; }

.iPad .video-container--paused .video-controls-fade,
.iPhone .video-container--paused .video-controls-fade {
  opacity: 1; }

.video-controls__btn {
  border: none;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin: 0;
  outline: none;
  padding: 0;
  position: relative;
  background-color: transparent !important; }
  .video-controls__btn:before {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 35px;
    height: 35px;
    top: 7px;
    left: 7px;
    content: "";
    background: rgba(255, 255, 255, 0.9); }
    @media screen and (min-width: 992px) {
      .video-controls__btn:before {
        top: 0;
        left: 0;
        width: 48px;
        height: 48px; } }
  @media screen and (min-width: 0) and (max-width: 991px) {
    .video-controls__btn {
      height: 48px;
      width: 48px; } }
  @media screen and (min-width: 992px) {
    .video-controls__btn {
      height: 48px;
      width: 48px; } }

.iPhone .video__start-play-btn {
  background: none;
  border-radius: 0;
  height: 100%;
  left: 0;
  margin: 0;
  top: 0;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  width: 100%; }
  .iPhone .video__start-play-btn:before {
    background: rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    content: '';
    height: 32px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 32px;
    z-index: 0; }

.video__start-play-btn--hidden-on-load {
  opacity: 0; }

.video__start-play-btn--playing.video__start-play-btn-middle.video__start-play-btn--playing {
  opacity: 0; }

.video__start-play-btn--paused {
  opacity: 1;
  transition: all 0.3s ease; }

.video-controls__btn-icon {
  fill: #8c6b1f;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

@media screen and (min-width: 0) and (max-width: 991px) {
  .video-controls__btn--play {
    margin-right: 8px; } }

@media screen and (min-width: 992px) {
  .video-controls__btn--play {
    margin-right: 15px; } }

@media screen and (min-width: 0) and (max-width: 991px) {
  .video-controls__btn-icon--play {
    height: 12px;
    margin-left: 1px;
    width: 8px; } }

@media screen and (min-width: 992px) {
  .video-controls__btn-icon--play {
    height: 18px;
    margin-left: 2px;
    width: 12px; } }

@media screen and (min-width: 0) and (max-width: 991px) {
  .video-controls__btn-icon--pause {
    height: 12px;
    width: 12px; } }

@media screen and (min-width: 992px) {
  .video-controls__btn-icon--pause {
    height: 18px;
    width: 18px; } }

@media screen and (min-width: 0) and (max-width: 991px) {
  .video-controls__btn--mute {
    margin: 0 8px; } }

@media screen and (min-width: 992px) {
  .video-controls__btn--mute {
    margin: 0 15px; } }

@media screen and (min-width: 0) and (max-width: 991px) {
  .video-controls__btn-icon--mute {
    height: 16px;
    width: 18px; } }

@media screen and (min-width: 992px) {
  .video-controls__btn-icon--mute {
    height: 24px;
    width: 28px; } }

@media screen and (min-width: 0) and (max-width: 991px) {
  .video-controls__btn-icon--unmute {
    height: 16px;
    width: 18px; } }

@media screen and (min-width: 992px) {
  .video-controls__btn-icon--unmute {
    height: 24px;
    width: 28px; } }

@media screen and (min-width: 0) and (max-width: 991px) {
  .video-controls__btn-icon--fullscreen {
    height: 16px;
    width: 16px; } }

@media screen and (min-width: 992px) {
  .video-controls__btn-icon--fullscreen {
    height: 24px;
    width: 24px; } }

.video__slider {
  cursor: pointer;
  position: relative;
  transition: all 0.2s ease-in;
  width: 100%; }

.video__rail {
  background: #fff;
  height: 2px;
  margin-top: 1px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  width: 100%; }

.video__rail-inner {
  height: 0.1rem;
  left: 0;
  position: absolute;
  top: 0;
  transition: -webkit-transform .2s;
  transition: transform .2s;
  transition: transform .2s, -webkit-transform .2s;
  width: 100%; }

.video__playhead {
  background: #fff;
  border: 1px solid #8c6b1f;
  border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  height: 12px;
  left: 0;
  margin-top: -4px;
  position: absolute;
  top: 50%;
  width: 12px;
  z-index: 2; }

::-webkit-media-controls {
  display: none !important;
  opacity: 0; }

video::-webkit-media-controls {
  display: none !important;
  opacity: 0; }

video::-webkit-media-controls-enclosure {
  display: none !important;
  opacity: 0; }

.fade-transition {
  transition: opacity 2.3s ease; }

.fade-enter {
  opacity: 1; }

.fade-leave {
  opacity: 0; }

.hide-cursor {
  cursor: none; }

.video__meta {
  display: block; }

.video__title {
  color: #333;
  font-family: "Lato", Arial, sans-serif;
  font-weight: 600;
  margin: 20px 0 8px 0;
  text-transform: uppercase; }
  @media screen and (min-width: 0) and (max-width: 991px) {
    .video__title {
      font-size: 14px;
      font-size: 1.4rem; } }
  @media screen and (min-width: 992px) {
    .video__title {
      font-size: 16px;
      font-size: 1.6rem; } }

.video__desc p, .video__desc .room-pod__btn-label {
  color: #333;
  margin-bottom: 60px; }
  @media screen and (min-width: 0) and (max-width: 991px) {
    .video__desc p, .video__desc .room-pod__btn-label {
      font-size: 12px;
      font-size: 1.2rem;
      margin-bottom: 30px; } }
  @media screen and (min-width: 992px) {
    .video__desc p, .video__desc .room-pod__btn-label {
      font-size: 14px;
      font-size: 1.4rem;
      margin-bottom: 60px; } }

video::-webkit-media-controls {
  display: none; }

video::-webkit-media-controls-start-playback-button {
  -webkit-appearance: none;
  display: none; }

.panorama__img {
  margin: auto;
  width: 100%; }

.panorama__content-wrapper {
  display: block;
  position: absolute;
  z-index: 999;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
              -ms-grid-row-align: center;
          align-self: center;
  width: 100%; }
  @media screen and (min-width: 768px) {
    .panorama__content-wrapper {
      position: absolute; } }

.panorama__content {
  margin: 0 auto;
  max-width: 445px;
  background: rgba(255, 255, 255, 0.8);
  text-align: center;
  padding: 40px 60px; }
  @media screen and (min-width: 992px) {
    .panorama__content {
      max-width: 740px; } }
  .panorama__content p, .panorama__content .room-pod__btn-label {
    margin: 0; }

.pano-iframe {
  border: none;
  width: 100%;
  height: 100%; }

.pano-iframe--visible {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: 9999999;
  background: rgba(255, 255, 255, 0.8); }

.btn--close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 13px 16px;
  background: #9be3bf; }
  .btn--close .icon-close {
    fill: #333; }

.homepage .parorama {
  height: 100vh; }
  .homepage .parorama .panorama__img {
    height: 100vh; }
    .homepage .parorama .panorama__img img {
      min-height: 100vh;
      object-fit: cover;
      max-width: inherit; }

.panorama-box {
  z-index: 999;
  height: 60px;
  width: 60px;
  position: absolute;
  top: 210px;
  right: 60px;
  background-color: rgba(155, 227, 191, 0.9);
  text-align: center;
  text-decoration: none;
  border: 0 none;
  padding: 0; }
  @media screen and (min-width: 768px) {
    .panorama-box {
      bottom: 0;
      top: inherit; } }
  @media screen and (min-width: 992px) {
    .panorama-box {
      height: 120px;
      width: 120px;
      right: 120px; } }
  .panorama-box.panorama-box--single {
    right: 0; }

.panorama-box__360 {
  position: relative;
  display: inline-block;
  font-family: "SangBleu", Georgia, "Times New Roman", Times, serif;
  font-weight: 500;
  font-size: 16px;
  text-align: center; }
  @media screen and (min-width: 992px) {
    .panorama-box__360 {
      font-size: 21px; } }

.panorama-box__360-deg {
  position: absolute;
  top: 0;
  left: 100%; }

.icon-360 {
  display: block;
  width: 40px;
  height: 9px;
  fill: #333;
  margin: -3px auto 0; }
  @media screen and (min-width: 992px) {
    .icon-360 {
      width: 58px;
      height: 12px;
      margin-bottom: 10px; } }

.panorama-box__tour-text {
  display: none; }
  @media screen and (min-width: 992px) {
    .panorama-box__tour-text {
      font-size: 16px;
      font-size: 1.6rem;
      display: block;
      font-family: "Lato", Arial, sans-serif; } }

.image-row-block-wrapper {
  margin: 0 -8px; }
  @media screen and (min-width: 768px) {
    .image-row-block-wrapper {
      -webkit-flex-flow: row;
          -ms-flex-flow: row;
              flex-flow: row;
      margin: 0 -12px; } }
  @media screen and (min-width: 992px) {
    .image-row-block-wrapper {
      margin: 0 -30px; } }
  .image-row-block-wrapper.image-row-block-wrapper--padded {
    margin-bottom: 24px; }
    @media screen and (min-width: 768px) {
      .image-row-block-wrapper.image-row-block-wrapper--padded {
        margin-bottom: 12px; } }
    @media screen and (min-width: 1200px) {
      .image-row-block-wrapper.image-row-block-wrapper--padded {
        margin-bottom: 30px; } }

@media screen and (min-width: 768px) {
  .image-row-block-wrapper--3pr {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-flex-flow: row;
        -ms-flex-flow: row;
            flex-flow: row; } }

.image-row-block-wrapper--3pr .image-row-block {
  margin-bottom: 24px; }
  @media screen and (min-width: 768px) {
    .image-row-block-wrapper--3pr .image-row-block {
      margin-bottom: 0; } }

.image-row-block-wrapper--4pr {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap; }
  @media screen and (min-width: 768px) {
    .image-row-block-wrapper--4pr {
      -webkit-flex-flow: row;
          -ms-flex-flow: row;
              flex-flow: row; } }
  @media screen and (min-width: 0) and (max-width: 767px) {
    .image-row-block-wrapper--4pr .image-row-block {
      margin: 4px;
      -webkit-flex-basis: calc(50% - 8px);
          -ms-flex-preferred-size: calc(50% - 8px);
              flex-basis: calc(50% - 8px); } }

.image-row-block {
  margin-bottom: 24px; }
  @media screen and (min-width: 768px) {
    .image-row-block {
      -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      margin: 0 6px; } }
  @media screen and (min-width: 992px) {
    .image-row-block {
      margin: 0 15px;
      -webkit-flex: 1 1;
          -ms-flex: 1 1;
              flex: 1 1; } }
  .image-row-block img {
    width: 100%; }

.triple-promo-block.triple-promo-block--padded {
  margin-bottom: 24px; }
  @media screen and (min-width: 768px) {
    .triple-promo-block.triple-promo-block--padded {
      margin-bottom: 12px; } }
  @media screen and (min-width: 1200px) {
    .triple-promo-block.triple-promo-block--padded {
      margin-bottom: 30px; } }

@media screen and (min-width: 992px) {
  .homepage .triple-promo-block {
    height: 100vh;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .homepage .triple-promo-block .triple-promo-block__content-wrapper {
      height: 100vh; } }

@media screen and (min-width: 992px) {
  .homepage .triple-promo-block__text-row {
    padding-top: 80px; } }

@media screen and (max-height: 768px) {
  .homepage .triple-promo-block__text-row {
    padding-top: 0; } }

.triple-promo-block--full-height .triple-promo-block__image-wrapper,
.triple-promo-block--full-height .triple-promo-block__link,
.triple-promo-block--full-height .triple-promo-block__bg-image {
  height: calc(100vh - 80px); }

.triple-promo-block--full-height .triple-promo-block__image-wrapper {
  overflow: hidden; }

.triple-promo-block--full-height .triple-promo-block__bg-image {
  display: block; }

.triple-promo-block__content-wrapper {
  position: relative;
  width: 100%;
  height: 100%; }
  @media screen and (min-width: 768px) {
    .triple-promo-block__content-wrapper {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; } }

.triple-promo-block__intro {
  padding-top: 35px; }
  .homepage .triple-promo-block__intro {
    position: static;
    top: auto; }
  @media screen and (min-width: 768px) {
    .triple-promo-block__intro {
      padding-top: 50px;
      padding-bottom: 25px;
      position: absolute;
      top: 0; } }
  @media screen and (min-width: 992px) {
    .triple-promo-block__intro {
      padding-top: 60px;
      padding-bottom: 50px;
      width: 50%; } }

.triple-promo-block__image-row {
  opacity: 0;
  transition: all 0.8s ease-in-out;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1); }
  .animated .triple-promo-block__image-row {
    opacity: 1;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1); }
  @media screen and (min-width: 768px) {
    .triple-promo-block__image-row {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      min-height: 50vh;
      overflow: hidden;
      position: absolute;
      bottom: 0; }
      .homepage .triple-promo-block__image-row {
        position: static;
        bottom: auto;
        -webkit-flex-grow: 1;
            -ms-flex-positive: 1;
                flex-grow: 1; } }

.triple-promo-block__image-wrapper {
  position: relative;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }
  @media screen and (min-width: 992px) {
    .triple-promo-block__image-wrapper {
      max-width: 33.3334vw; } }
  @media screen and (min-width: 1025px) {
    .triple-promo-block__image-wrapper :hover .triple-promo-block__link-text {
      background-color: rgba(255, 255, 255, 0.9); } }

.triple-promo-block__link {
  display: block; }
  @media screen and (min-width: 768px) {
    .triple-promo-block__link {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0; } }

.triple-promo-block__image {
  width: 100%;
  height: 100%;
  object-fit: cover; }

.triple-promo-block__heading {
  font-size: 28px;
  font-size: 2.8rem; }
  @media screen and (min-width: 992px) {
    .triple-promo-block__heading {
      font-size: 50px;
      font-size: 5rem; } }

.triple-promo-block__link-text {
  font-size: 16px;
  font-size: 1.6rem;
  background-color: rgba(155, 227, 191, 0.9);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 70%;
  padding: 0px 20px;
  text-align: center;
  text-transform: uppercase;
  transition: background-color 0.8s;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 112px; }
  @media screen and (min-width: 992px) {
    .triple-promo-block__link-text {
      font-size: 18px;
      font-size: 1.8rem;
      height: 150px; } }

.triple-promo-block__heading {
  opacity: 0;
  transition: opacity 0.6s ease-in-out; }
  .animated .triple-promo-block__heading {
    opacity: 1; }

.triple-promo-block__text {
  opacity: 0;
  transition: opacity 0.55s ease-in-out;
  transition-delay: 0.2s; }
  .animated .triple-promo-block__text {
    opacity: 1; }

.triple-promo-block__link-text-wrapper {
  opacity: 0;
  transition: opacity 0.5s ease-in-out; }
  .animated .triple-promo-block__link-text-wrapper {
    opacity: 1; }

.triple-promo-block__image-wrapper:hover .triple-promo-block__image {
  -webkit-filter: saturate(1);
          filter: saturate(1); }

.triple-promo-block__image {
  -webkit-filter: saturate(0.5);
          filter: saturate(0.5);
  transition: -webkit-filter 0.8s;
  transition: filter 0.8s;
  transition: filter 0.8s, -webkit-filter 0.8s; }

.triple-promo-block__link-text {
  font-size: 16px;
  font-size: 1.6rem; }
  @media screen and (min-width: 992px) {
    .triple-promo-block__link-text {
      font-size: 20px;
      font-size: 2rem; } }

.listing-block {
  background-color: #fff;
  background-size: cover;
  padding: 40px 0;
  overflow: hidden;
  clear: both; }
  .listing-block.listing-block--padded {
    margin-bottom: 24px; }
    @media screen and (min-width: 768px) {
      .listing-block.listing-block--padded {
        margin-bottom: 12px; } }
    @media screen and (min-width: 1200px) {
      .listing-block.listing-block--padded {
        margin-bottom: 30px; } }
  @media screen and (min-width: 768px) {
    .homepage .listing-block {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; } }
  @media screen and (min-width: 992px) {
    .listing-block {
      padding: 150px 0; } }

.listing-block__content-wrapper {
  width: 100%; }

@media screen and (min-width: 992px) {
  .listing-block__title {
    font-size: 36px;
    font-size: 3.6rem;
    margin-bottom: 12px; } }

@media screen and (min-width: 992px) {
  .homepage .listing-block__title {
    font-size: 50px;
    font-size: 5rem;
    margin-bottom: 20px; } }

@media screen and (min-width: 992px) {
  .listing-block__text {
    width: 50%; } }

.listing-block__text p, .listing-block__text .room-pod__btn-label {
  font-size: 14px;
  font-size: 1.4rem; }
  @media screen and (min-width: 992px) {
    .listing-block__text p, .listing-block__text .room-pod__btn-label {
      font-size: 16px;
      font-size: 1.6rem; } }
  @media screen and (min-width: 992px) {
    .homepage .listing-block__text p, .homepage .listing-block__text .room-pod__btn-label {
      font-size: 18px;
      font-size: 1.8rem; } }

@media screen and (min-width: 992px) {
  .listing-block__intro {
    margin-left: 0;
    margin-bottom: 75px; }
    .homepage .listing-block__intro {
      margin-bottom: 55px; } }

.listing-block-gallery {
  margin: 0 -4px; }
  @media screen and (min-width: 768px) {
    .listing-block-gallery {
      margin: 0; } }
  .listing-block-gallery .slick-list {
    overflow: visible !important; }

.listing-block-gallery__item {
  margin: 0 4px;
  position: relative; }
  @media screen and (min-width: 768px) {
    .listing-block-gallery__item {
      margin: 0 12px 0 0; } }
  @media screen and (min-width: 992px) {
    .listing-block-gallery__item {
      margin: 0 30px 0 0; } }
  .listing-block-gallery__item:hover .listing-block-gallery__title {
    color: #a08033; }
  .listing-block-gallery__item .fade-block {
    margin: 0; }

.listing-block-gallery__text {
  background-color: rgba(155, 227, 191, 0.9);
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 30px;
  padding: 20px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 130px;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.listing-block-gallery__link.current-page img {
  -webkit-filter: saturate(0.1);
          filter: saturate(0.1); }

.listing-block-gallery__link.current-page .listing-block-gallery__text {
  z-index: 2; }

.listing-block-gallery__link.current-page:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0.3;
  z-index: 1; }

.listing-block-gallery__image {
  max-width: 100%;
  max-height: 410px;
  object-fit: cover; }

.listing-block-gallery__title {
  text-transform: uppercase;
  transition: color 0.4s ease-in-out;
  margin: 0;
  width: 100%; }

.listing-block-gallery__date {
  margin-bottom: 0;
  margin-top: 10px;
  transition: color 0.4s ease-in-out;
  width: 100%; }

.listing-block .slick-arrow {
  top: 110%;
  height: 50px;
  width: 50px;
  background-color: #9be3bf;
  text-indent: 0;
  text-align: center;
  display: none; }
  @media screen and (min-width: 992px) {
    .listing-block .slick-arrow {
      display: block; } }
  .listing-block .slick-arrow:hover {
    background-color: #6bd5a0; }
    .listing-block .slick-arrow:hover .listing__next-icon,
    .listing-block .slick-arrow:hover .listing__prev-icon {
      fill: #333; }
  .listing-block .slick-arrow.slick-next {
    right: 0; }
  .listing-block .slick-arrow.slick-prev {
    left: 0; }
  .listing-block .slick-arrow.slick-disabled {
    display: none !important; }
  .listing-block .slick-arrow .listing__next-icon,
  .listing-block .slick-arrow .listing__prev-icon {
    fill: #333;
    height: 15px;
    width: 14px;
    display: block;
    margin: 0 auto; }

@media screen and (min-width: 768px) {
  .listing-block__cta-btn-wrapper {
    max-width: 250px;
    float: right; } }

@media screen and (min-width: 992px) {
  .listing-block__cta-btn-wrapper {
    max-width: 290px; } }

.listing-block__cta-btn {
  float: right;
  width: 100%;
  margin-top: 32px; }
  @media screen and (min-width: 768px) {
    .listing-block__cta-btn {
      width: auto; } }
  @media screen and (min-width: 992px) {
    .listing-block__cta-btn {
      max-width: 290px;
      margin-top: 80px; } }

.listing-block--fade-block .fade-block__cta {
  width: calc(100% - 32px);
  bottom: 16px; }
  @media screen and (min-width: 992px) {
    .listing-block--fade-block .fade-block__cta {
      width: calc(100% - 64px);
      bottom: 32px; } }

.listing-block__title {
  opacity: 0;
  transition: opacity 0.6s ease-in-out; }
  .animated .listing-block__title {
    opacity: 1; }

.listing-block__text {
  opacity: 0;
  transition: opacity 0.55s ease-in-out;
  transition-delay: 0.2s; }
  .animated .listing-block__text {
    opacity: 1; }

.listing-block-gallery__text {
  opacity: 0;
  transition: opacity 0.8s ease-in-out; }
  .animated .listing-block-gallery__text {
    opacity: 1; }

.listing-block-gallery__item {
  /*
  opacity: 0;
  transition: all 0.8s $transition-easing;
  transform: scale(1.17);

  .animated & {
    opacity: 1;
    transform: scale(1);
  }

  &[data-slick-index='0'] {
    transition-delay: 0.4s;

    .listing-block-gallery__text {
      transition-delay: 0.9s;
    }

  }

  &[data-slick-index='1'] {
    transition-delay: 1.4s;

    .listing-block-gallery__text {
      transition-delay: 1.9s;
    }

  }

  &[data-slick-index='2'] {
    transition-delay: 2.4s;

    .listing-block-gallery__text {
      transition-delay: 2.9s;
    }

  }

  &[data-slick-index='3'] {
    transition-delay: 3.4s;

    .listing-block-gallery__text {
      transition-delay: 3.9s;
    }

  }
*/ }

.listing-block__cta-btn-wrapper {
  opacity: 0;
  transition: opacity 0.7s ease-in-out;
  transition-delay: 1.2s; }
  .animated .listing-block__cta-btn-wrapper {
    opacity: 1; }

.listing-block {
  background-image: url(../../images/chevrons-bg.svg);
  background-size: cover; }

.listing-block-gallery__text {
  background-color: rgba(246, 246, 246, 0.9); }

.listing-block--fade-block .fade-block__cta {
  background-color: rgba(255, 255, 255, 0.9); }

.listing-block--fade-block .fade-block__hovered-state .btn--secondary:after {
  border-left-color: rgba(255, 255, 255, 0.9); }

/*------------------------------------*\
    $NON-MODULAR
\*------------------------------------*/
/**
 * template-specific/temporary pages etc.
 */
/*------------------------------------*\
    $T01-INDEX
\*------------------------------------*/
/*------------------------------------*\
    $TEMP FIXES
\*------------------------------------*/
/*------------------------------------*\
    $Hotel Specific
\*------------------------------------*/
@media screen and (min-width: 0) and (max-width: 767px) {
  .image-promo__content-wrapper {
    background: rgba(255, 255, 255, 0.8); } }

.image-promo__content {
  background: rgba(255, 255, 255, 0.8); }
  @media screen and (min-width: 0) and (max-width: 767px) {
    .image-promo__content {
      padding-top: 25px; }
      .homepage .image-promo__content {
        padding-top: 40px; } }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .image-promo__content {
      padding-top: 34px; }
      .homepage .image-promo__content {
        padding-top: 34px;
        padding-bottom: 54px; } }
  @media screen and (min-width: 992px) {
    .image-promo__content {
      padding: 45px 70px 70px; }
      .homepage .image-promo__content {
        padding: 60px 60px 80px; } }
  @media screen and (min-width: 768px) {
    .homepage .animated .image-promo__content {
      top: 50%; } }

.image-promo__header {
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 1; }
  @media screen and (min-width: 992px) {
    .image-promo__header {
      font-size: 40px;
      font-size: 4rem; } }
  @media screen and (min-width: 0) and (max-width: 991px) {
    .homepage .image-promo__header {
      margin-bottom: 25px; } }
  @media screen and (min-width: 992px) {
    .homepage .image-promo__header {
      margin-bottom: 35px;
      font-size: 50px;
      font-size: 5rem; } }

.image-promo__btn-wrapper {
  /* @include between-breakpoints($xs-min, $sm-max) {
    padding-bottom: 22px;

    .homepage & {
      padding-bottom: 10px;
    }
  } */ }
  @media screen and (min-width: 768px) {
    .homepage .animated .image-promo__btn-wrapper {
      bottom: -20px; } }
  @media screen and (min-width: 992px) {
    .homepage .animated .image-promo__btn-wrapper {
      bottom: -25px; } }

.mobile-accordion__trigger {
  letter-spacing: 0.4px; }

.link-list__link {
  letter-spacing: 1.4px; }

.find-us-map h3 {
  color: #a08033;
  margin-bottom: 10px; }

.find-us-map p, .find-us-map .room-pod__btn-label {
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: 0.7px;
  line-height: 1.7; }
  @media screen and (min-width: 992px) {
    .find-us-map p, .find-us-map .room-pod__btn-label {
      font-size: 18px;
      font-size: 1.8rem; } }

/*------------------------------------*\
    $PRINT
\*------------------------------------*/
/**
 * print style
 */
/*------------------------------------*\
    $PRINT
\*------------------------------------*/
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster:
       http://www.sanbeiji.com/archives/953 */
    box-shadow: none !important;
    text-shadow: none !important; }
  a,
  a:visited {
    text-decoration: underline; }
  /*
   * Don't show links that are fragment identifiers,
   * or use the `javascript:` pseudo protocol
   */
  a[href^='#']:after,
  a[href^='javascript:']:after {
    content: ''; }
  pre,
  blockquote {
    border: 1px solid #000;
    page-break-inside: avoid; }
  /*
   * Printing Tables:
   * http://css-discuss.incutio.com/wiki/Printing_Tables
   */
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  p, .room-pod__btn-label,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; } }

/*# sourceMappingURL=maps/styles-claridges.css.map */