/*overflow: hidden;
  *overflow: visible;*/
/**
 * /css/system.less
 * 
 * This file contains any custom CSS rules related to overridden  module styles that relate to core functionality that applies across all sites.
 * This is an interim/alternative option to copying the optional/custom modules' CSS file into 
 * /resources/modules/optional/MODULE/css/css-filename.css
 * By retaining basic layout CSS in the modules' externals, this file can be used to 
 * apply site-specific styling that takes advantage of variables and mixins created as part of the main resource set.
 *
 */
/***************/
/*** Message ***/
/***************/
/*******************/
/*** Breadcrumbs ***/
/*******************/
/******************/
/*** Pagination ***/
/******************/
/************************************************************************************/
/*** USAGE:                                                                       ***/
/*** 1) Define company brand colours as variables, eg @precedenceBlue = #00a5e3.  ***/
/*** 2) Use these to override default colours in Quick Config section.            ***/
/*** 3) Update other Quick Config variables as needed.                            ***/
/*** 4) Style further as necessary for each individual project.                   ***/
/************************************************************************************/
/*********************/
/*** Brand Colours ***/
/*********************/
/********************/
/*** Quick Config ***/
/********************/
/*0.75em*/
/* General */
/* Header */
/* Hero */
/* Navigation */
/* Content */
/* Footer Link Colour */
/* Author Link Colour */
/* Forms */
/* Shadows */
/* System Messages */
/* Responsive Layout and Global Structures */
/*.price-block.package {
  font-family:@headingFontFamily;
}*/
/************************************fh1****/
/* Adjust Padding When Columns Are Used */
/****************************************/
/**********************/
/*** CMS: Overrides ***/
/**********************/
/**************************/
/*** CMS: Extra Classes ***/
/**************************/
/**
 * /css/media.less
 * 
 * This file contains any custom css rules related to the media module.
 *
 */
/*************************/
/*** Individual Photos ***/
/*************************/
/*********************/
/*** Photo Gallery ***/
/*********************/
/**********************/
/*** Pseudo-gallery ***/
/**********************/
/**
 * /css/modules.less
 * 
 * This file contains any custom CSS rules related to overridden module styles.
 * This is an interim/alternative option to copying the optional/custom modules' CSS file into 
 * /resources/modules/optional/MODULE/css/css-filename.css
 * By retaining basic layout CSS in the modules' externals, this file can be used to 
 * apply site-specific styling that takes advantage of variables and mixins created as part of the main resource set.
 *
 */
/**********************/
/*** Call To Action ***/
/**********************/
/*******************/
/*** News Module ***/
/*******************/
/*
    Notes

    Image sizes:
    1440px is the width that a single image should appear at in the slider. (as there is the horizontal stacking effect that needs to be visible).

    Positioning (an example in thirds)
    The slide images should all be the width that takes up most (but not all) of the horizontal space.
    The width should be set as the width of all the columns.
    The left margin on each image (first, second, third) should be:
        First: 2 columns
        Second: 1 columns
        Third: 0 columns
        If a left margin instead of left, then do the above in the opposite order

    Dealing with really large screens:
    Because of the stacking effect, the images can be spread across cleanly, responsively taking up unused space.
*/
/*.media-gallery {
  margin-right: -1.75em;
  
  @media handheld, only screen and (max-width: @responsiveWidth) {
    margin-right: 0em;
  }

  .media-thumbnail {
    .cell-fluid(4);  
    vertical-align:top;
    overflow:hidden;
    
    @media handheld, only screen and (max-width: @responsiveWidth) {
      display:block;
      text-align:center;
      width:auto;
      height:auto;      
      margin: 0.5em auto;
    }
    
    img {
      background: @contentImageBgColour;
      border: @contentImageBorderWidth @contentImageBorderStyle @contentImageBorderColour;
      max-width:100%;
      vertical-align:middle;
      padding: @contentImagePadding;
    }
    
    .media-original-link {
      display: block;
      text-align: center;
      margin-bottom: 0.5em;
    }
  }
}*/
/*.filmstrip-thumbnails::scrollbar,
.filmstrip-thumbnails::-webkit-scrollbar {
  display:none;
}*/
/* header
********************************************************/
/* body
********************************************************/
/* time
********************************************************/
/* days-grid
********************************************************/
/* days-colors
********************************************************/
/* months
********************************************************/
/* years
********************************************************/
/* global
********************************************************/
@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.right {
  float: right;
}
@media handheld,only screen and (max-width: 74.1em) {
  .right {
    float: none;
  }
}
.left {
  float: left;
}
@media handheld,only screen and (max-width: 74.1em) {
  .left {
    float: none;
  }
}
.txt-right {
  text-align: right;
}
.txt-center {
  text-align: center;
}
.txt-left {
  text-align: left;
}
.clear::after {
  content: ".";
  display: block;
  clear: both;
  height: 0.0625em;
  visibility: hidden;
}
.clr {
  clear: both;
}
.box-shadow {
  -webkit-box-shadow: 1px 1px 2px 2px #333;
  box-shadow: 1px 1px 2px 2px #333;
}
.text-shadow {
  text-shadow: 1px 1px 2px #333;
  filter: dropshadow(color=#333,offx=1px,offy=1px);
}
.fancy-link {
  border-bottom: 1px solid #00a4a6;
}
.fancy-link:hover {
  border-color: #008b8d;
  color: #008b8d;
}
@media handheld,only screen and (max-width: 74.1em) {
  .fancy-link:hover {
    color: #00a4a6;
  }
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 74.1em) {
  .content-block *[style] {
    text-align: center !important;
  }
}
body,
p {
  margin: 0;
}
img {
  max-width: 100%;
  height: auto;
  border: 0;
  margin: 0;
  padding: 0;
}
iframe {
  max-width: 100%;
}
.one-twelfth {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 13px;
  margin-right: 0.45em;
  vertical-align: top;
  width: 5.1916666666667em;
  /*
  @media handheld, only screen and (max-width: unit(@pxBlockWidth - 1, 'px')) {
    @pxGutterWidth: ((@pcGutterWidth / 100) * 768);
    margin-right: unit(@pxGutterWidth - 4, 'px');
    width: unit(((((@colspan / @noCols) * ((100 + @pcGutterWidth) - (@noCols * @pcGutterWidth))) + ((@colspan * @pcGutterWidth) - @pcGutterWidth)) / 100) * 768, 'px');
  }
  */
}
@media handheld,only screen and (max-width: 74.1em) {
  .one-twelfth {
    display: block;
    width: auto;
    margin-right: 0;
  }
}
.one-sixth {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 13px;
  margin-right: 0.45em;
  vertical-align: top;
  width: 11.083333333333em;
  /*
  @media handheld, only screen and (max-width: unit(@pxBlockWidth - 1, 'px')) {
    @pxGutterWidth: ((@pcGutterWidth / 100) * 768);
    margin-right: unit(@pxGutterWidth - 4, 'px');
    width: unit(((((@colspan / @noCols) * ((100 + @pcGutterWidth) - (@noCols * @pcGutterWidth))) + ((@colspan * @pcGutterWidth) - @pcGutterWidth)) / 100) * 768, 'px');
  }
  */
}
@media handheld,only screen and (max-width: 74.1em) {
  .one-sixth {
    display: block;
    width: auto;
    margin-right: 0;
  }
}
.one-quarter {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 13px;
  margin-right: 0.45em;
  vertical-align: top;
  width: 16.975em;
  /*
  @media handheld, only screen and (max-width: unit(@pxBlockWidth - 1, 'px')) {
    @pxGutterWidth: ((@pcGutterWidth / 100) * 768);
    margin-right: unit(@pxGutterWidth - 4, 'px');
    width: unit(((((@colspan / @noCols) * ((100 + @pcGutterWidth) - (@noCols * @pcGutterWidth))) + ((@colspan * @pcGutterWidth) - @pcGutterWidth)) / 100) * 768, 'px');
  }
  */
}
@media handheld,only screen and (max-width: 74.1em) {
  .one-quarter {
    display: block;
    width: auto;
    margin-right: 0;
  }
}
.one-third {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 13px;
  margin-right: 0.45em;
  vertical-align: top;
  width: 22.866666666667em;
  /*
  @media handheld, only screen and (max-width: unit(@pxBlockWidth - 1, 'px')) {
    @pxGutterWidth: ((@pcGutterWidth / 100) * 768);
    margin-right: unit(@pxGutterWidth - 4, 'px');
    width: unit(((((@colspan / @noCols) * ((100 + @pcGutterWidth) - (@noCols * @pcGutterWidth))) + ((@colspan * @pcGutterWidth) - @pcGutterWidth)) / 100) * 768, 'px');
  }
  */
}
@media handheld,only screen and (max-width: 74.1em) {
  .one-third {
    display: block;
    width: auto;
    margin-right: 0;
  }
}
.one-half {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 13px;
  margin-right: 0.45em;
  vertical-align: top;
  width: 34.65em;
  /*
  @media handheld, only screen and (max-width: unit(@pxBlockWidth - 1, 'px')) {
    @pxGutterWidth: ((@pcGutterWidth / 100) * 768);
    margin-right: unit(@pxGutterWidth - 4, 'px');
    width: unit(((((@colspan / @noCols) * ((100 + @pcGutterWidth) - (@noCols * @pcGutterWidth))) + ((@colspan * @pcGutterWidth) - @pcGutterWidth)) / 100) * 768, 'px');
  }
  */
}
@media handheld,only screen and (max-width: 74.1em) {
  .one-half {
    display: block;
    width: auto;
    margin-right: 0;
  }
}
.three-quarters {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 13px;
  margin-right: 0.45em;
  vertical-align: top;
  width: 52.325em;
  /*
  @media handheld, only screen and (max-width: unit(@pxBlockWidth - 1, 'px')) {
    @pxGutterWidth: ((@pcGutterWidth / 100) * 768);
    margin-right: unit(@pxGutterWidth - 4, 'px');
    width: unit(((((@colspan / @noCols) * ((100 + @pcGutterWidth) - (@noCols * @pcGutterWidth))) + ((@colspan * @pcGutterWidth) - @pcGutterWidth)) / 100) * 768, 'px');
  }
  */
}
@media handheld,only screen and (max-width: 74.1em) {
  .three-quarters {
    display: block;
    width: auto;
    margin-right: 0;
  }
}
.two-thirds {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 13px;
  margin-right: 0.45em;
  vertical-align: top;
  width: 46.433333333333em;
  /*
  @media handheld, only screen and (max-width: unit(@pxBlockWidth - 1, 'px')) {
    @pxGutterWidth: ((@pcGutterWidth / 100) * 768);
    margin-right: unit(@pxGutterWidth - 4, 'px');
    width: unit(((((@colspan / @noCols) * ((100 + @pcGutterWidth) - (@noCols * @pcGutterWidth))) + ((@colspan * @pcGutterWidth) - @pcGutterWidth)) / 100) * 768, 'px');
  }
  */
}
@media handheld,only screen and (max-width: 74.1em) {
  .two-thirds {
    display: block;
    width: auto;
    margin-right: 0;
  }
}
.one-twelfth-last {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 13px;
  margin-right: 0.45em;
  vertical-align: top;
  width: 5.1916666666667em;
  /*
  @media handheld, only screen and (max-width: unit(@pxBlockWidth - 1, 'px')) {
    @pxGutterWidth: ((@pcGutterWidth / 100) * 768);
    margin-right: unit(@pxGutterWidth - 4, 'px');
    width: unit(((((@colspan / @noCols) * ((100 + @pcGutterWidth) - (@noCols * @pcGutterWidth))) + ((@colspan * @pcGutterWidth) - @pcGutterWidth)) / 100) * 768, 'px');
  }
  */
  margin-right: -0.25em;
}
@media handheld,only screen and (max-width: 74.1em) {
  .one-twelfth-last {
    display: block;
    width: auto;
    margin-right: 0;
  }
}
.one-sixth-last {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 13px;
  margin-right: 0.45em;
  vertical-align: top;
  width: 11.083333333333em;
  /*
  @media handheld, only screen and (max-width: unit(@pxBlockWidth - 1, 'px')) {
    @pxGutterWidth: ((@pcGutterWidth / 100) * 768);
    margin-right: unit(@pxGutterWidth - 4, 'px');
    width: unit(((((@colspan / @noCols) * ((100 + @pcGutterWidth) - (@noCols * @pcGutterWidth))) + ((@colspan * @pcGutterWidth) - @pcGutterWidth)) / 100) * 768, 'px');
  }
  */
  margin-right: -0.25em;
}
@media handheld,only screen and (max-width: 74.1em) {
  .one-sixth-last {
    display: block;
    width: auto;
    margin-right: 0;
  }
}
.one-quarter-last {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 13px;
  margin-right: 0.45em;
  vertical-align: top;
  width: 16.975em;
  /*
  @media handheld, only screen and (max-width: unit(@pxBlockWidth - 1, 'px')) {
    @pxGutterWidth: ((@pcGutterWidth / 100) * 768);
    margin-right: unit(@pxGutterWidth - 4, 'px');
    width: unit(((((@colspan / @noCols) * ((100 + @pcGutterWidth) - (@noCols * @pcGutterWidth))) + ((@colspan * @pcGutterWidth) - @pcGutterWidth)) / 100) * 768, 'px');
  }
  */
  margin-right: -0.25em;
}
@media handheld,only screen and (max-width: 74.1em) {
  .one-quarter-last {
    display: block;
    width: auto;
    margin-right: 0;
  }
}
.one-third-last {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 13px;
  margin-right: 0.45em;
  vertical-align: top;
  width: 22.866666666667em;
  /*
  @media handheld, only screen and (max-width: unit(@pxBlockWidth - 1, 'px')) {
    @pxGutterWidth: ((@pcGutterWidth / 100) * 768);
    margin-right: unit(@pxGutterWidth - 4, 'px');
    width: unit(((((@colspan / @noCols) * ((100 + @pcGutterWidth) - (@noCols * @pcGutterWidth))) + ((@colspan * @pcGutterWidth) - @pcGutterWidth)) / 100) * 768, 'px');
  }
  */
  margin-right: -0.25em;
}
@media handheld,only screen and (max-width: 74.1em) {
  .one-third-last {
    display: block;
    width: auto;
    margin-right: 0;
  }
}
.one-half-last {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 13px;
  margin-right: 0.45em;
  vertical-align: top;
  width: 34.65em;
  /*
  @media handheld, only screen and (max-width: unit(@pxBlockWidth - 1, 'px')) {
    @pxGutterWidth: ((@pcGutterWidth / 100) * 768);
    margin-right: unit(@pxGutterWidth - 4, 'px');
    width: unit(((((@colspan / @noCols) * ((100 + @pcGutterWidth) - (@noCols * @pcGutterWidth))) + ((@colspan * @pcGutterWidth) - @pcGutterWidth)) / 100) * 768, 'px');
  }
  */
  margin-right: -0.25em;
}
@media handheld,only screen and (max-width: 74.1em) {
  .one-half-last {
    display: block;
    width: auto;
    margin-right: 0;
  }
}
.three-quarters-last {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 13px;
  margin-right: 0.45em;
  vertical-align: top;
  width: 52.325em;
  /*
  @media handheld, only screen and (max-width: unit(@pxBlockWidth - 1, 'px')) {
    @pxGutterWidth: ((@pcGutterWidth / 100) * 768);
    margin-right: unit(@pxGutterWidth - 4, 'px');
    width: unit(((((@colspan / @noCols) * ((100 + @pcGutterWidth) - (@noCols * @pcGutterWidth))) + ((@colspan * @pcGutterWidth) - @pcGutterWidth)) / 100) * 768, 'px');
  }
  */
  margin-right: -0.25em;
}
@media handheld,only screen and (max-width: 74.1em) {
  .three-quarters-last {
    display: block;
    width: auto;
    margin-right: 0;
  }
}
.two-thirds-last {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 13px;
  margin-right: 0.45em;
  vertical-align: top;
  width: 46.433333333333em;
  /*
  @media handheld, only screen and (max-width: unit(@pxBlockWidth - 1, 'px')) {
    @pxGutterWidth: ((@pcGutterWidth / 100) * 768);
    margin-right: unit(@pxGutterWidth - 4, 'px');
    width: unit(((((@colspan / @noCols) * ((100 + @pcGutterWidth) - (@noCols * @pcGutterWidth))) + ((@colspan * @pcGutterWidth) - @pcGutterWidth)) / 100) * 768, 'px');
  }
  */
  margin-right: -0.25em;
}
@media handheld,only screen and (max-width: 74.1em) {
  .two-thirds-last {
    display: block;
    width: auto;
    margin-right: 0;
  }
}
.one-half-fluid {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 13px;
  padding-right: 1%;
  margin-right: -0.25em;
  vertical-align: top;
  width: 49.5%;
  padding-right: 0;
}
@media handheld,only screen and (max-width: 74.1em) {
  .one-half-fluid {
    display: block;
    width: auto;
    padding-right: 0;
  }
}
.one-twelfth-fluid {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 13px;
  padding-right: 1%;
  margin-right: -0.25em;
  vertical-align: top;
  width: 7.4166666666667%;
}
@media handheld,only screen and (max-width: 74.1em) {
  .one-twelfth-fluid {
    display: block;
    width: auto;
    padding-right: 0;
  }
}
.one-sixth-fluid {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 13px;
  padding-right: 1%;
  margin-right: -0.25em;
  vertical-align: top;
  width: 15.833333333333%;
}
@media handheld,only screen and (max-width: 74.1em) {
  .one-sixth-fluid {
    display: block;
    width: auto;
    padding-right: 0;
  }
}
.one-quarter-fluid {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 13px;
  padding-right: 1%;
  margin-right: -0.25em;
  vertical-align: top;
  width: 24.25%;
}
@media handheld,only screen and (max-width: 74.1em) {
  .one-quarter-fluid {
    display: block;
    width: auto;
    padding-right: 0;
  }
}
.one-third-fluid {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 13px;
  padding-right: 1%;
  margin-right: -0.25em;
  vertical-align: top;
  width: 32.666666666667%;
}
@media handheld,only screen and (max-width: 74.1em) {
  .one-third-fluid {
    display: block;
    width: auto;
    padding-right: 0;
  }
}
.three-quarters-fluid {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 13px;
  padding-right: 1%;
  margin-right: -0.25em;
  vertical-align: top;
  width: 74.75%;
}
@media handheld,only screen and (max-width: 74.1em) {
  .three-quarters-fluid {
    display: block;
    width: auto;
    padding-right: 0;
  }
}
.two-thirds-fluid {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 13px;
  padding-right: 1%;
  margin-right: -0.25em;
  vertical-align: top;
  width: 66.333333333333%;
}
@media handheld,only screen and (max-width: 74.1em) {
  .two-thirds-fluid {
    display: block;
    width: auto;
    padding-right: 0;
  }
}
.one-half-fluid-last {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 13px;
  padding-right: 1%;
  margin-right: -0.25em;
  vertical-align: top;
  width: 49.5%;
  padding-right: 0;
}
@media handheld,only screen and (max-width: 74.1em) {
  .one-half-fluid-last {
    display: block;
    width: auto;
    padding-right: 0;
  }
}
.one-twelfth-fluid-last {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 13px;
  padding-right: 1%;
  margin-right: -0.25em;
  vertical-align: top;
  width: 7.4166666666667%;
  padding-right: 0;
}
@media handheld,only screen and (max-width: 74.1em) {
  .one-twelfth-fluid-last {
    display: block;
    width: auto;
    padding-right: 0;
  }
}
.one-sixth-fluid-last {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 13px;
  padding-right: 1%;
  margin-right: -0.25em;
  vertical-align: top;
  width: 15.833333333333%;
  padding-right: 0;
}
@media handheld,only screen and (max-width: 74.1em) {
  .one-sixth-fluid-last {
    display: block;
    width: auto;
    padding-right: 0;
  }
}
.one-quarter-fluid-last {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 13px;
  padding-right: 1%;
  margin-right: -0.25em;
  vertical-align: top;
  width: 24.25%;
  padding-right: 0;
}
@media handheld,only screen and (max-width: 74.1em) {
  .one-quarter-fluid-last {
    display: block;
    width: auto;
    padding-right: 0;
  }
}
.one-third-fluid-last {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 13px;
  padding-right: 1%;
  margin-right: -0.25em;
  vertical-align: top;
  width: 32.666666666667%;
  padding-right: 0;
}
@media handheld,only screen and (max-width: 74.1em) {
  .one-third-fluid-last {
    display: block;
    width: auto;
    padding-right: 0;
  }
}
.three-quarters-fluid-last {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 13px;
  padding-right: 1%;
  margin-right: -0.25em;
  vertical-align: top;
  width: 74.75%;
  padding-right: 0;
}
@media handheld,only screen and (max-width: 74.1em) {
  .three-quarters-fluid-last {
    display: block;
    width: auto;
    padding-right: 0;
  }
}
.two-thirds-fluid-last {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 13px;
  padding-right: 1%;
  margin-right: -0.25em;
  vertical-align: top;
  width: 66.333333333333%;
  padding-right: 0;
}
@media handheld,only screen and (max-width: 74.1em) {
  .two-thirds-fluid-last {
    display: block;
    width: auto;
    padding-right: 0;
  }
}
.full {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 13px;
  margin-right: 0.45em;
  vertical-align: top;
  width: 70em;
  /*
  @media handheld, only screen and (max-width: unit(@pxBlockWidth - 1, 'px')) {
    @pxGutterWidth: ((@pcGutterWidth / 100) * 768);
    margin-right: unit(@pxGutterWidth - 4, 'px');
    width: unit(((((@colspan / @noCols) * ((100 + @pcGutterWidth) - (@noCols * @pcGutterWidth))) + ((@colspan * @pcGutterWidth) - @pcGutterWidth)) / 100) * 768, 'px');
  }
  */
  margin-right: -0.25em;
}
@media handheld,only screen and (max-width: 74.1em) {
  .full {
    display: block;
    width: auto;
    margin-right: 0;
  }
}
.msg {
  color: #ffffff;
  background: #F39800;
  width: auto !important;
  border: 0;
  padding: 0.5em 2.5em;
  margin: -10px 0 10px 0;
}
@media handheld,only screen and (max-width: 74.1em) {
  .msg {
    margin: -10px -10px 10px -10px;
  }
}
.msg ul {
  background: none !important;
  border: 0 !important;
  margin: 0 !important;
  list-style-type: none;
}
.msg ul li {
  margin: 0;
}
.msg a {
  color: #ffffff;
}
.msg.errors {
  color: #ffffff;
  background: #900900;
}
ul.breadcrumbs {
  list-style-type: none;
  margin: 0 0 10px 0 !important;
}
ul.breadcrumbs li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  color: #e3e3e3;
  font-size: 0.9em;
  padding: 0 4px 0 0;
}
ul.breadcrumbs li a {
  color: #e3e3e3;
  text-decoration: none;
}
ul.breadcrumbs li a:hover {
  color: #b0b0b0;
}
.pagination {
  text-align: center;
}
.pagination ul.pagination {
  display: inline-block;
  width: auto;
  margin: 0;
  font-size: 0;
  overflow-y: visible;
  height: auto;
}
.pagination ul.pagination li {
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -o-border-radius: 2px;
  display: inline-block;
  font-size: 0.9em;
  background-image: none;
  text-decoration: none;
  padding-left: 0;
  padding-right: 0;
  margin: 10px 0px;
  margin: 0.5em 0px;
}
.pagination ul.pagination li span.disabled {
  display: block;
  color: #454545;
  padding: 0.65em 1em;
  cursor: default;
}
.pagination ul.pagination li a {
  display: block;
  padding: 0.65em 1em;
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
}
.pagination ul.pagination li.current a {
  color: #454545;
  cursor: default;
}
.pagination ul.pagination li.current a:hover {
  color: #454545;
}
p {
  margin: 1em 0;
  font-size: 14px;
}
a {
  color: #454545;
  text-decoration: none;
}
a:hover {
  color: #008b8d;
}
@media handheld,only screen and (max-width: 74.1em) {
  a:hover {
    color: #00a4a6;
  }
}
.content-block p a {
  white-space: nowrap;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #00a4a6;
  font-weight: normal;
  font-family: 'Prata', sans-serif;
  font-weight: 400;
  line-height: 1.7em;
  margin: 1em 0em 0.2em 0em;
}
@media (max-width: 74.1em) {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    display: block;
    text-align: center !important;
  }
}
h1 {
  color: #008b8d;
  font-size: 22px;
  margin: 0 0 0.25em 0;
}
h2 {
  font-size: 20px;
}
h3 {
  font-size: 18px;
}
h4 {
  font-size: 16px;
}
.content-block h4 {
  color: #454545;
}
h5 {
  font-size: 14px;
}
h6 {
  font-size: 14px;
}
ol,
ul {
  margin: 1em 0em 1em 2em;
}
ol li,
ul li {
  margin-bottom: 0.25em;
}
ol li ol,
ol li ul,
ul li ol,
ul li ul {
  margin: 0.5em 0em 0.5em 2em;
}
.breakondesktop {
  display: block;
}
.whimsy {
  font-family: 'Great Vibes', sans-serif;
}
h1.whimsy {
  font-size: 2.5em;
}
.block-element {
  padding: 1.5em 0;
}
.conditions {
  font-size: 0.95em;
}
table {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -o-border-radius: 0;
  border: 1px solid #e6e6e6;
  background: #FCFCFC;
  border-collapse: collapse;
  margin: 1em 0;
  overflow: hidden;
}
table td,
table th {
  color: #454545;
  background: #f7f7f7;
  border-bottom: 1px solid #e6e6e6;
  vertical-align: top;
  padding: 0.5em 1em;
}
@media handheld,only screen and (max-width: 74.1em) {
  table td,
  table th {
    padding: 0.25em 0.5em;
  }
}
table th {
  color: #e6f6f6;
  background: #00a4a6;
  font-weight: bold;
}
table th.txt-right {
  text-align: right;
}
table .table-invisible {
  margin: 0;
  border: 0;
}
table .table-invisible td,
table .table-invisible th {
  background: transparent;
  border: 0;
  padding: 0.2em 0.5em 0.2em 0em;
}
.price-block {
  font-family: 'Prata', sans-serif;
}
.price-block p {
  font-size: 20px;
}
.price-block p strong {
  color: #444444;
}
.price-block.loud {
  font-size: 22px;
}
.content-block ul {
  margin-bottom: 16px;
  margin-bottom: 1em;
}
.content-block ul li {
  list-style: none;
  padding-left: 20px;
  background-image: url('../../include/resources/peninsulahotel/images/rhs-li.svg');
  background-repeat: no-repeat;
  background-size: 6px 6px;
  background-position: top 6px left;
}
@media handheld,only screen and (max-width: 74.1em) {
  .content-block ul li {
    text-align: left;
  }
}
.content-block p a,
.content-block .media-caption a {
  border-bottom: 1px solid #00a4a6;
}
.content-block p a:hover,
.content-block .media-caption a:hover {
  border-color: #008b8d;
  color: #008b8d;
}
@media handheld,only screen and (max-width: 74.1em) {
  .content-block p a:hover,
  .content-block .media-caption a:hover {
    color: #00a4a6;
  }
}
.content-block h1 a,
.content-block h2 a,
.content-block h3 a,
.content-block h4 a {
  border-bottom: none;
}
.content-block .button {
  border-bottom: none;
}
ul.rhs-ul li {
  list-style: none;
  padding-right: 20px;
  background-image: url('../../include/resources/peninsulahotel/images/rhs-li.svg');
  background-repeat: no-repeat;
  background-size: 6px 6px;
  background-position: top 6px right;
}
@media handheld,only screen and (max-width: 74.1em) {
  ul.rhs-ul li {
    padding-left: 20px;
    padding-right: 0;
    background-position: top 6px left;
    text-align: left;
  }
}
hr {
  color: #f7f7f7;
  background: #f7f7f7;
  height: 1px;
  margin: 2em 0 2em 0;
}
hr.roomshr {
  color: #f7f7f7;
  background: #f7f7f7;
  height: 1px;
  margin: 2em 0 3.4em 0;
}
blockquote {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -o-border-radius: 0;
  color: #00a4a6;
  background: #f7f7f7;
  font-size: 1.1em;
  text-align: center;
  margin: 2em auto;
  padding: 1em 2em;
}
input {
  background: #f6f6f6;
  color: #9e9e9e;
  padding: 0.25em 1.5em;
  margin: 0px 0.3em;
  height: 3em;
  font-family: 'Montserrat', Verdana, sans-serif;
  font-size: 0.8rem;
  font-weight: 400;
  display: inline-block;
}
input[type="submit"] {
  background: #00a4a6;
  color: #fff;
  font-weight: bolder;
  font-family: 'Montserrat', Verdana, sans-serif;
}
.button,
.submit,
.read-more,
button,
button.submit {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -o-border-radius: 0;
  color: #fff;
  background: #00a4a6;
  text-decoration: none;
  border: none;
  margin: 0.4em 0em;
  padding: 0.65em 1em;
  cursor: pointer;
  font-size: 14px;
  font-family: 'Montserrat', Verdana, sans-serif;
  line-height: 1.8em;
  font-weight: bolder;
}
.button .button-arrow,
.submit .button-arrow,
.read-more .button-arrow,
button .button-arrow,
button.submit .button-arrow {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%220%2C7%200%2C0%204%2C3.5%20%22%2F%3E%3C%2Fsvg%3E');
  width: 5px;
  height: 7px;
  vertical-align: middle;
}
.button .note.required,
.submit .note.required,
.read-more .note.required,
button .note.required,
button.submit .note.required {
  color: #792f23;
}
.button img,
.submit img,
.read-more img,
button img,
button.submit img {
  vertical-align: middle;
  margin: -0.15em 0.25em 0em 0em;
}
.button:hover,
.submit:hover,
.read-more:hover,
button:hover,
button.submit:hover {
  color: #fff !important;
  background: #008b8d;
}
.button-small {
  padding: 0.325em 1em;
}
.button-alt .button {
  padding: 1.3em 2em;
}
@media handheld,only screen and (max-width: 74.1em) {
  .left,
  .right {
    float: none;
    margin: 0.5em auto;
  }
}
.left {
  float: left;
  clear: both;
  margin: 0em 1em 0.5em 0em;
}
.right {
  float: right;
  clear: both;
  margin: 0em 0em 0.5em 1em;
}
.one-half-fluid {
  text-align: right;
}
@media handheld,only screen and (max-width: 74.1em) {
  .one-half-fluid {
    text-align: left;
  }
  .one-half-fluid p {
    text-align: left;
  }
}
.one-half-fluid h1 {
  width: auto;
}
.media-thumbnail a {
  border-bottom: none !important;
}
.one-half-fluid p .media-thumbnail:nth-of-type(2n) {
  margin-left: 1em;
}
.one-half-fluid-last p .media-thumbnail:nth-of-type(2n) {
  margin-right: 1em;
}
.content-block .one-half-fluid h1:first-child,
.content-block .one-half-fluid h2:first-child,
.content-block .one-half-fluid h3:first-child,
.content-block .one-half-fluid h4:first-child,
.content-block .one-half-fluid h5:first-child,
.content-block .one-half-fluid h6:first-child,
.content-block .one-half-fluid p:first-child,
.content-block .one-half-fluid ol:first-child,
.content-block .one-half-fluid ul:first-child,
.content-block .one-half-fluid table:first-child,
.content-block .one-twelfth-fluid h1:first-child,
.content-block .one-twelfth-fluid h2:first-child,
.content-block .one-twelfth-fluid h3:first-child,
.content-block .one-twelfth-fluid h4:first-child,
.content-block .one-twelfth-fluid h5:first-child,
.content-block .one-twelfth-fluid h6:first-child,
.content-block .one-twelfth-fluid p:first-child,
.content-block .one-twelfth-fluid ol:first-child,
.content-block .one-twelfth-fluid ul:first-child,
.content-block .one-twelfth-fluid table:first-child,
.content-block .one-sixth-fluid h1:first-child,
.content-block .one-sixth-fluid h2:first-child,
.content-block .one-sixth-fluid h3:first-child,
.content-block .one-sixth-fluid h4:first-child,
.content-block .one-sixth-fluid h5:first-child,
.content-block .one-sixth-fluid h6:first-child,
.content-block .one-sixth-fluid p:first-child,
.content-block .one-sixth-fluid ol:first-child,
.content-block .one-sixth-fluid ul:first-child,
.content-block .one-sixth-fluid table:first-child,
.content-block .one-quarter-fluid h1:first-child,
.content-block .one-quarter-fluid h2:first-child,
.content-block .one-quarter-fluid h3:first-child,
.content-block .one-quarter-fluid h4:first-child,
.content-block .one-quarter-fluid h5:first-child,
.content-block .one-quarter-fluid h6:first-child,
.content-block .one-quarter-fluid p:first-child,
.content-block .one-quarter-fluid ol:first-child,
.content-block .one-quarter-fluid ul:first-child,
.content-block .one-quarter-fluid table:first-child,
.content-block .one-third-fluid h1:first-child,
.content-block .one-third-fluid h2:first-child,
.content-block .one-third-fluid h3:first-child,
.content-block .one-third-fluid h4:first-child,
.content-block .one-third-fluid h5:first-child,
.content-block .one-third-fluid h6:first-child,
.content-block .one-third-fluid p:first-child,
.content-block .one-third-fluid ol:first-child,
.content-block .one-third-fluid ul:first-child,
.content-block .one-third-fluid table:first-child,
.content-block .three-quarters-fluid h1:first-child,
.content-block .three-quarters-fluid h2:first-child,
.content-block .three-quarters-fluid h3:first-child,
.content-block .three-quarters-fluid h4:first-child,
.content-block .three-quarters-fluid h5:first-child,
.content-block .three-quarters-fluid h6:first-child,
.content-block .three-quarters-fluid p:first-child,
.content-block .three-quarters-fluid ol:first-child,
.content-block .three-quarters-fluid ul:first-child,
.content-block .three-quarters-fluid table:first-child,
.content-block .two-thirds-fluid h1:first-child,
.content-block .two-thirds-fluid h2:first-child,
.content-block .two-thirds-fluid h3:first-child,
.content-block .two-thirds-fluid h4:first-child,
.content-block .two-thirds-fluid h5:first-child,
.content-block .two-thirds-fluid h6:first-child,
.content-block .two-thirds-fluid p:first-child,
.content-block .two-thirds-fluid ol:first-child,
.content-block .two-thirds-fluid ul:first-child,
.content-block .two-thirds-fluid table:first-child,
.content-block .one-half-fluid-last h1:first-child,
.content-block .one-half-fluid-last h2:first-child,
.content-block .one-half-fluid-last h3:first-child,
.content-block .one-half-fluid-last h4:first-child,
.content-block .one-half-fluid-last h5:first-child,
.content-block .one-half-fluid-last h6:first-child,
.content-block .one-half-fluid-last p:first-child,
.content-block .one-half-fluid-last ol:first-child,
.content-block .one-half-fluid-last ul:first-child,
.content-block .one-half-fluid-last table:first-child,
.content-block .one-twelfth-fluid-last h1:first-child,
.content-block .one-twelfth-fluid-last h2:first-child,
.content-block .one-twelfth-fluid-last h3:first-child,
.content-block .one-twelfth-fluid-last h4:first-child,
.content-block .one-twelfth-fluid-last h5:first-child,
.content-block .one-twelfth-fluid-last h6:first-child,
.content-block .one-twelfth-fluid-last p:first-child,
.content-block .one-twelfth-fluid-last ol:first-child,
.content-block .one-twelfth-fluid-last ul:first-child,
.content-block .one-twelfth-fluid-last table:first-child,
.content-block .one-sixth-fluid-last h1:first-child,
.content-block .one-sixth-fluid-last h2:first-child,
.content-block .one-sixth-fluid-last h3:first-child,
.content-block .one-sixth-fluid-last h4:first-child,
.content-block .one-sixth-fluid-last h5:first-child,
.content-block .one-sixth-fluid-last h6:first-child,
.content-block .one-sixth-fluid-last p:first-child,
.content-block .one-sixth-fluid-last ol:first-child,
.content-block .one-sixth-fluid-last ul:first-child,
.content-block .one-sixth-fluid-last table:first-child,
.content-block .one-quarter-fluid-last h1:first-child,
.content-block .one-quarter-fluid-last h2:first-child,
.content-block .one-quarter-fluid-last h3:first-child,
.content-block .one-quarter-fluid-last h4:first-child,
.content-block .one-quarter-fluid-last h5:first-child,
.content-block .one-quarter-fluid-last h6:first-child,
.content-block .one-quarter-fluid-last p:first-child,
.content-block .one-quarter-fluid-last ol:first-child,
.content-block .one-quarter-fluid-last ul:first-child,
.content-block .one-quarter-fluid-last table:first-child,
.content-block .one-third-fluid-last h1:first-child,
.content-block .one-third-fluid-last h2:first-child,
.content-block .one-third-fluid-last h3:first-child,
.content-block .one-third-fluid-last h4:first-child,
.content-block .one-third-fluid-last h5:first-child,
.content-block .one-third-fluid-last h6:first-child,
.content-block .one-third-fluid-last p:first-child,
.content-block .one-third-fluid-last ol:first-child,
.content-block .one-third-fluid-last ul:first-child,
.content-block .one-third-fluid-last table:first-child,
.content-block .three-quarters-fluid-last h1:first-child,
.content-block .three-quarters-fluid-last h2:first-child,
.content-block .three-quarters-fluid-last h3:first-child,
.content-block .three-quarters-fluid-last h4:first-child,
.content-block .three-quarters-fluid-last h5:first-child,
.content-block .three-quarters-fluid-last h6:first-child,
.content-block .three-quarters-fluid-last p:first-child,
.content-block .three-quarters-fluid-last ol:first-child,
.content-block .three-quarters-fluid-last ul:first-child,
.content-block .three-quarters-fluid-last table:first-child,
.content-block .two-thirds-fluid-last h1:first-child,
.content-block .two-thirds-fluid-last h2:first-child,
.content-block .two-thirds-fluid-last h3:first-child,
.content-block .two-thirds-fluid-last h4:first-child,
.content-block .two-thirds-fluid-last h5:first-child,
.content-block .two-thirds-fluid-last h6:first-child,
.content-block .two-thirds-fluid-last p:first-child,
.content-block .two-thirds-fluid-last ol:first-child,
.content-block .two-thirds-fluid-last ul:first-child,
.content-block .two-thirds-fluid-last table:first-child {
  margin-top: 0em;
}
.content-block .one-half-fluid,
.content-block .one-twelfth-fluid,
.content-block .one-sixth-fluid,
.content-block .one-quarter-fluid,
.content-block .one-third-fluid,
.content-block .three-quarters-fluid,
.content-block .two-thirds-fluid {
  padding-right: 2%;
}
.one-half-fluid,
.one-half-fluid-last {
  padding-right: 10px;
  padding-left: 10px;
}
.nosplit {
  white-space: nowrap !important;
}
@media handheld,only screen and (max-width: 74.1em) {
  .nosplit {
    white-space: normal;
  }
}
.no-wrap {
  clear: both !important;
}
.no-border {
  padding: 0em !important;
  border: none !important;
}
.video-container {
  clear: both;
  display: block;
  padding-top: 30px;
  padding-bottom: 56.25%;
  margin: 35px 0px;
  position: relative;
  height: 0;
  overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.media-thumbnail img {
  background: transparent;
  border: 0px solid #d9d9d9;
  max-width: 100%;
  vertical-align: middle;
  padding: 0px;
  margin-bottom: 0.5em;
}
@media handheld,only screen and (max-width: 74.1em) {
  .media-thumbnail img {
    display: block;
    float: none;
    text-align: center;
    margin: 0.5em auto;
  }
}
.media-thumbnail .media-caption {
  clear: both;
  display: block;
  color: #454545;
  font-size: 13px;
  line-height: 1.4em;
  margin: 0em auto 0.5em auto;
}
@media handheld,only screen and (max-width: 74.1em) {
  .media-thumbnail .media-caption {
    text-align: center;
  }
}
.media-thumbnail.download {
  text-align: center;
}
.media-thumbnail.download .media-caption a,
.media-thumbnail.download .media-original-link a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -o-border-radius: 0;
  color: #fff;
  background: #00a4a6;
  text-decoration: none;
  border: none;
  margin: 0.4em 0em;
  padding: 0.65em 1em;
  cursor: pointer;
  font-size: 14px;
  font-family: 'Montserrat', Verdana, sans-serif;
  line-height: 1.8em;
  font-weight: bolder;
}
.media-thumbnail.download .media-caption a .button-arrow,
.media-thumbnail.download .media-original-link a .button-arrow {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%220%2C7%200%2C0%204%2C3.5%20%22%2F%3E%3C%2Fsvg%3E');
  width: 5px;
  height: 7px;
  vertical-align: middle;
}
.media-thumbnail.download .media-caption a .note.required,
.media-thumbnail.download .media-original-link a .note.required {
  color: #792f23;
}
.media-thumbnail.download .media-caption a img,
.media-thumbnail.download .media-original-link a img {
  vertical-align: middle;
  margin: -0.15em 0.25em 0em 0em;
}
.media-thumbnail.download .media-caption a:hover,
.media-thumbnail.download .media-original-link a:hover {
  color: #fff !important;
  background: #008b8d;
}
.media-thumbnail.left .media-caption,
.media-thumbnail.right .media-caption {
  text-align: center;
}
@media handheld,only screen and (max-width: 74.1em) {
  .media-thumbnail.left,
  .media-thumbnail.right {
    display: block;
    float: none;
    text-align: center;
    margin: 0.5em auto;
  }
}
.media-thumbnail.left {
  margin: 0em 1em 0.5em 0em;
}
.media-thumbnail.right {
  margin: 0em 0em 0.5em 1em;
}
.media-gallery {
  margin-right: -1.75em;
}
@media handheld,only screen and (max-width: 74.1em) {
  .media-gallery {
    margin-right: 0em;
  }
}
.media-gallery .media-thumbnail {
  vertical-align: top;
  overflow: hidden;
}
.media-gallery .media-thumbnail.gallery {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 13px;
  padding-right: 1%;
  margin-right: -0.25em;
  vertical-align: top;
  width: 32.666666666667%;
}
@media handheld,only screen and (max-width: 74.1em) {
  .media-gallery .media-thumbnail.gallery {
    display: block;
    width: auto;
    padding-right: 0;
  }
}
@media handheld,only screen and (max-width: 74.1em) {
  .media-gallery .media-thumbnail {
    display: block;
    text-align: center;
    width: auto;
    height: auto;
    margin: 0.5em auto;
  }
}
.media-gallery .media-thumbnail img {
  background: transparent;
  border: 0px solid #d9d9d9;
  max-width: 100%;
  vertical-align: middle;
  padding: 0px;
}
.media-gallery .media-thumbnail .media-original-link {
  font-size: 13px;
  display: block;
  text-align: center;
  margin-bottom: 2em;
}
.pseudogallery .media-thumbnail {
  display: inline-block;
  padding-right: 2%;
}
.pseudogallery .media-thumbnail:last-child {
  padding-right: 0;
}
.pseudogallery.box-previews img {
  box-sizing: content-box;
  padding: 16px;
  padding: 1em;
  border: 1px solid #d4d4d4;
}
.pseudogallery .media-caption,
.pseudogallery .media-original-link {
  display: block;
  text-align: center;
}
.page-region form h1,
.page-region form h2,
.page-region form h3,
.page-region form h4 {
  padding-left: 0;
  margin-left: 0 !important;
}
.page-region form.f {
  color: #454545;
  font-family: 'Montserrat', Verdana, sans-serif;
  max-width: 100%;
  padding: 0px;
}
.page-region form.f div.buttons,
.page-region form.f p.buttons {
  margin-top: 0px;
}
@media handheld,only screen and (max-width: 74.1em) {
  .page-region form.f div.buttons,
  .page-region form.f p.buttons {
    text-align: center;
    margin-left: 10px;
  }
}
.page-region form.rewards-form {
  font-size: 0;
}
.page-region form.rewards-form h3 {
  font-size: 24px;
  border-bottom: 1px solid #00a4a6;
  margin-bottom: 7px;
  margin-top: 40px;
  padding-bottom: 0;
  line-height: 30px;
}
.page-region form.rewards-form .form-row {
  font-size: 18px;
  position: relative;
  padding-bottom: 0 !important;
}
.page-region form.rewards-form .form-row label {
  display: block !important;
  width: 100% !important;
  margin-bottom: 3px;
}
.page-region form.rewards-form .form-row .field {
  display: block !important;
  width: 100% !important;
}
.page-region form.rewards-form .form-row .field input {
  width: 100% !important;
}
.page-region form.rewards-form .form-row .field .note {
  position: absolute;
  right: 0;
  top: 12px;
  padding: 0 !important;
  font-size: 20px !important;
}
.page-region form.rewards-form .form-row.third,
.page-region form.rewards-form .form-row.thirds,
.page-region form.rewards-form .form-row.half,
.page-region form.rewards-form .form-row.birthday {
  display: inline-block;
  vertical-align: top;
  margin-right: 2%;
}
.page-region form.rewards-form .form-row.third {
  width: 32%;
}
.page-region form.rewards-form .form-row.third.last {
  margin-right: -2%;
}
.page-region form.rewards-form .form-row.half {
  width: 49%;
}
.page-region form.rewards-form .form-row.half.last {
  margin-right: -2%;
}
.page-region form.rewards-form .form-row.birthday {
  width: 18%;
}
.page-region form.rewards-form .form-row.birthday.small {
  width: 9%;
}
.page-region form.rewards-form .form-row.birthday select {
  width: 100%;
  color: #454545;
  height: 45px;
  font-size: 14px;
}
.page-region form.rewards-form .form-row.buttons {
  margin: 0 !important;
}
@media handheld,only screen and (max-width: 74.1em) {
  .page-region form.rewards-form .form-row.buttons button {
    width: auto !important;
  }
}
@media handheld,only screen and (max-width: 600px) {
  .page-region form.rewards-form .form-row.buttons button {
    width: 100% !important;
  }
}
@media handheld,only screen and (max-width: 750px) {
  .page-region form.rewards-form .form-row {
    width: 100% !important;
    display: block;
    padding-bottom: 0 !important;
  }
}
@media handheld,only screen and (max-width: 74.1em) {
  .page-region form.rewards-form .form-row label {
    padding-left: 0 !important;
    margin-top: 0 !important;
    font-size: 14px !important;
  }
}
.page-region form.rewards-form .form-row.terms {
  width: 100%;
  display: block;
}
.page-region form.rewards-form .form-row.terms label {
  display: none !important;
}
.page-region form.rewards-form .form-row.terms .field label,
.page-region form.rewards-form .form-row.terms .field input {
  display: inline-block !important;
  vertical-align: top !important;
  width: auto !important;
}
.page-region form.rewards-form .form-row.terms .field label {
  padding: 9px 0 0 5px !important;
  display: none !important;
}
.page-region form.rewards-form .form-row.terms .field .note {
  display: none;
}
.page-region form.rewards-form label.checkbox {
  display: inline-block;
  vertical-align: top;
  white-space: nowrap !important;
  margin-top: -30px !important;
  margin-left: 20px !important;
  position: relative;
  z-index: 2000;
}
@media handheld,only screen and (max-width: 74.1em) {
  .page-region form.rewards-form label.checkbox {
    font-size: 14px !important;
  }
}
.page-region form.rewards-form label.checkbox a {
  display: inline-block;
  vertical-align: top;
  border-bottom: 1px solid #00a4a6;
}
.page-region form.rewards-form label.checkbox a:hover {
  color: #00a4a6;
}
.page-region form .inline-field {
  padding: 0.7em 1.5em;
}
.page-region form .form-row {
  color: #454545;
  padding: 0.8em 0px;
}
.page-region form .form-row::after {
  content: ".";
  display: block;
  clear: both;
  height: 0.0625em;
  visibility: hidden;
}
.page-region form .form-row label {
  float: left;
  width: 100px;
  padding: 0.3em 0.5em 0 0px;
}
.page-region form .form-row label.rhs_label {
  float: none;
  width: auto;
}
.page-region form .form-row .field .validation-advice {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  color: #ffffff;
  background: #a90000;
  padding: 0.2em 0.35em;
  margin: 0.3em 0.2em;
}
.page-region form .form-row .field span.note {
  display: block;
  clear: both;
}
.page-region form .form-row .field span.note.required {
  display: inline-block;
  color: #b80000;
  background: transparent;
  vertical-align: top;
  padding: 0.3em 0.3em;
}
.page-region form .form-row input[type=text],
.page-region form .form-row input[type=password],
.page-region form .form-row select,
.page-region form .form-row textarea {
  border: 1px solid #e6e6e6;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -o-border-radius: 0;
  color: #9e9e9e;
  background: #F6F6F6;
  font-family: 'Montserrat', Verdana, sans-serif;
  width: 80%;
  max-width: 100%;
  border: 1px solid #e6e6e6;
  padding: 0.3em;
  margin: 2px 0;
}
@media handheld,only screen and (max-width: 74.1em) {
  .page-region form .form-row input[type=text],
  .page-region form .form-row input[type=password],
  .page-region form .form-row select,
  .page-region form .form-row textarea {
    width: 95%;
  }
}
.page-region form .form-row input[type=radio],
.page-region form .form-row input[type=checkbox] {
  border: 0;
  margin: 0 4px 0 0;
}
@media handheld,only screen and (max-width: 74.1em) {
  .page-region form .form-row select,
  .page-region form .form-row option {
    width: 90%;
    overflow: hidden;
  }
}
.page-region form .form-row input.small,
.page-region form .form-row textarea.small,
.page-region form .form-row select.small {
  width: 20%;
  min-width: 30px;
}
@media handheld,only screen and (max-width: 74.1em) {
  .page-region form .form-row input.small,
  .page-region form .form-row textarea.small,
  .page-region form .form-row select.small {
    width: 50%;
  }
}
.page-region form .form-row input.medium,
.page-region form .form-row textarea.medium,
.page-region form .form-row select.medium {
  width: 60%;
}
@media handheld,only screen and (max-width: 74.1em) {
  .page-region form .form-row input.medium,
  .page-region form .form-row textarea.medium,
  .page-region form .form-row select.medium {
    width: 95%;
  }
}
.page-region form .form-row input.large,
.page-region form .form-row textarea.large,
.page-region form .form-row select.large {
  width: 80%;
}
@media handheld,only screen and (max-width: 74.1em) {
  .page-region form .form-row input.large,
  .page-region form .form-row textarea.large,
  .page-region form .form-row select.large {
    width: 95%;
  }
}
.page-region form .form-row button.submit {
  float: left;
}
@media handheld,only screen and (max-width: 74.1em) {
  .page-region form .form-row button.submit {
    width: 98%;
  }
}
.page-region form .form-row .buttons {
  text-align: center;
  border: none;
}
.page-region form.medium-label .buttons {
  margin-top: 0px;
}
.page-region form.medium-label .buttons.form-row {
  border-bottom: none;
}
.page-region form.large-label label {
  width: 160px;
  margin-right: 10px;
}
.page-region form.large-label .field {
  margin-left: 170px;
}
#user_pass_login_form .buttons.form-row {
  border-bottom: none;
}
@media handheld,only screen and (max-width: 74.1em) {
  body .content-block form {
    max-width: 100%;
  }
  body .content-block form .form-row {
    max-width: 100%;
  }
  body .content-block form .form-row input[type=text],
  body .content-block form .form-row input[type=password],
  body .content-block form .form-row select,
  body .content-block form .form-row textarea,
  body .content-block form .form-row .buttons {
    max-width: 100%;
  }
  body .content-block form .form-row .field,
  body .content-block form .form-row .large-label .field,
  body .content-block form .form-row .inline-field {
    clear: both;
    display: block;
    margin: 0;
    padding: 0.5em 0.5em 0.1em 0.5em;
  }
  body .content-block form .form-row label,
  body .content-block form .form-row .large-label label {
    float: none;
    width: auto;
    padding: 0.5em 0.5em 0.1em 0.5em;
  }
  body .content-block form div.buttons,
  body .content-block form p.buttons {
    text-align: left;
    margin: 5px 0px 5px 10px;
  }
}
pre {
  white-space: normal;
}
#enquiry_form {
  background: none;
  border: none;
  width: auto;
  overflow-y: auto;
  overflow-x: hidden;
  max-width: 100%;
}
#enquiry_form label,
#enquiry_form input,
#enquiry_form .field {
  display: inline-block;
  vertical-align: bottom;
  white-space: normal;
  margin: 0;
  float: left;
}
@media (max-width: 74.1em) {
  #enquiry_form label,
  #enquiry_form input,
  #enquiry_form .field {
    display: block;
    width: auto;
  }
}
#enquiry_form label {
  width: 20%;
  font-size: 18px;
  line-height: 20px;
}
@media (max-width: 74.1em) {
  #enquiry_form label {
    width: 100%;
    margin-top: 1em;
    float: none;
    clear: both;
  }
}
#enquiry_form .field {
  padding: 0;
  width: 80%;
}
@media (max-width: 74.1em) {
  #enquiry_form .field {
    width: 100%;
    clear: both;
  }
}
#enquiry_form input {
  clear: both;
}
#enquiry_form input[type="text"],
#enquiry_form input[type="textarea"],
#enquiry_form textarea {
  background: #F5F5F5;
  color: #454545;
  font-size: 14px;
  font-weight: normal;
  border: 1px solid #CFCFCF;
  width: 90%;
  padding: 1em;
}
#enquiry_form input [type="hidden"] {
  display: none;
  height: 0;
}
#enquiry_form .validation-advice {
  padding: 1em;
  font-size: 16px;
  margin-left: 0;
}
#enquiry_form .form-row {
  vertical-align: bottom;
  white-space: nowrap;
  background: none;
  border: none;
  overflow-y: auto;
  padding-bottom: 10px;
  padding-top: 10px;
}
#enquiry_form .form-row::after {
  content: none;
}
#enquiry_form .form-row.buttons {
  margin-left: 20%;
}
@media (max-width: 74.1em) {
  #enquiry_form .form-row.buttons {
    margin-left: 0;
  }
}
#enquiry_form button {
  display: block;
  color: #fff;
  font-weight: bolder;
  font-size: 14px;
  font-family: 'Montserrat', Verdana, sans-serif;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -o-border-radius: 0;
  color: #fff;
  background: #00a4a6;
  text-decoration: none;
  border: none;
  margin: 0.4em 0em;
  padding: 0.65em 1em;
  cursor: pointer;
  font-size: 14px;
  font-family: 'Montserrat', Verdana, sans-serif;
  line-height: 1.8em;
  font-weight: bolder;
}
#enquiry_form button .button-arrow {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%220%2C7%200%2C0%204%2C3.5%20%22%2F%3E%3C%2Fsvg%3E');
  width: 5px;
  height: 7px;
  vertical-align: middle;
}
#enquiry_form button .note.required {
  color: #792f23;
}
#enquiry_form button img {
  vertical-align: middle;
  margin: -0.15em 0.25em 0em 0em;
}
#enquiry_form button:hover {
  color: #fff !important;
  background: #008b8d;
}
@media (max-width: 74.1em) {
  #enquiry_form button {
    width: 90%;
  }
}
#enquiry_form .note.required {
  font-size: 2em;
}
@media (min-width: 74.1em) {
  #enquiry_form #first_name_field,
  #enquiry_form #surname_field,
  #enquiry_form #phone_field,
  #enquiry_form #email_field {
    width: 50%;
  }
}
#cms_page_comment_form {
  margin-top: 2em;
}
.cta {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 13px;
  padding-right: 1%;
  margin-right: -0.25em;
  vertical-align: top;
  width: 32.666666666667%;
}
@media handheld,only screen and (max-width: 74.1em) {
  .cta {
    display: block;
    width: auto;
    padding-right: 0;
  }
}
@media handheld,only screen and (max-width: 74.1em) {
  .cta {
    max-width: 300px;
    margin: 0.25em auto;
  }
}
.cta .cta-inner {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -o-border-radius: 0;
  color: #454545;
  background: #f2f2f2;
  text-align: center;
  border: 1px solid #d9d9d9;
  padding: 0.25em;
  margin-bottom: 0.5em;
}
.cta .cta-inner a {
  display: block;
  color: #00a4a6;
  text-decoration: none;
}
.cta .cta-inner a:hover {
  color: #008b8d;
}
.cta .cta-inner a .media-thumbnail img.media-size-call-to-action {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -o-border-radius: 0;
  border: none;
  padding: 0em;
}
.cta.cta-last {
  margin-right: 0em;
}
@media handheld,only screen and (max-width: 74.1em) {
  .cta.cta-last {
    margin: 0.25em auto;
  }
}
.news-posts-list .news-post .news-post-info {
  color: #858585;
}
@media handheld,only screen and (max-width: 74.1em) {
  .news-posts-single .news-post-information .news-post-social,
  .news-posts-single .news-post-information .news-date {
    display: block;
    float: none !important;
    text-align: left !important;
    margin: 0.25em 0em;
  }
}
.news-posts-single .news-post-information .news-date {
  color: #858585;
}
@media handheld,only screen and (max-width: 74.1em) {
  .news-posts-single #cms_page_comment_form .form-row div.field {
    margin-left: 0px;
  }
}
.news-posts-single #cms_page_comment_form .form-row:last-child {
  border-bottom: none;
}
.hero-images img {
  left: 0;
  padding: 0;
  margin: 0;
  margin-left: 100%;
  max-width: 100%;
  z-index: 160;
  position: relative;
}
.slide-0 img,
.slide-1 img,
.slide-2 img,
.slide-3 img {
  -webkit-transition: margin 0.5s ease-out;
  -moz-transition: margin 0.5s ease-out;
  -o-transition: margin 0.5s ease-out;
  -ms-transition: margin 0.5s ease-out;
  transition: margin 0.5s ease-out;
}
.slide-0 img {
  z-index: 0;
  -webkit-transition: margin 4s ease-out;
  -moz-transition: margin 4s ease-out;
  -o-transition: margin 4s ease-out;
  -ms-transition: margin 4s ease-out;
  transition: margin 4s ease-out;
  margin-left: -100%;
}
.slide-1 img {
  z-index: 40;
  margin-left: 0;
}
.slide-2 img {
  z-index: 60;
  margin-left: 70%;
}
@media handheld,only screen and (min-width: 1px) {
  .slide-2 img {
    margin-left: 75%;
  }
}
@media handheld,only screen and (max-height: 900px) {
  .slide-2 img {
    margin-left: 55%;
  }
}
.slide-3 img {
  z-index: 80;
  margin-left: 85%;
}
@media handheld,only screen and (min-width: 1px) {
  .slide-3 img {
    margin-left: 87.5%;
  }
}
@media handheld,only screen and (max-height: 900px) {
  .slide-3 img {
    margin-left: 77.5%;
  }
}
.slide-4 img {
  z-index: 0;
  -webkit-transition: margin 0s ease-out;
  -moz-transition: margin 0s ease-out;
  -o-transition: margin 0s ease-out;
  -ms-transition: margin 0s ease-out;
  transition: margin 0s ease-out;
}
#hero-overlay {
  -webkit-transition: opacity, margin 0.5s ease-out;
  -moz-transition: opacity, margin 0.5s ease-out;
  -o-transition: opacity, margin 0.5s ease-out;
  -ms-transition: opacity, margin 0.5s ease-out;
  transition: opacity, margin 0.5s ease-out;
  opacity: 1;
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
}
#hero-overlay div {
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
#hero-overlay .promo-dormant {
  opacity: 0;
  height: 0;
  display: none;
}
#hero-overlay .promo-current {
  opacity: 1;
  height: auto;
  display: block;
}
#hero-overlay.hidden {
  opacity: 0;
  height: 0;
  margin-left: -100%;
}
.media-gallery.filmstrip {
  width: 100%;
  height: 1080px;
  min-height: 500px;
  position: relative;
  text-align: center;
  background: #F6F6F6;
}
.media-gallery.filmstrip .full-image-wrap {
  position: absolute;
  margin-top: auto;
  margin-bottom: auto;
  top: 0;
  left: 0;
  right: 0;
  display: block;
  width: 100% !important;
  height: 1080px;
  min-height: 500px;
  text-align: center;
  overflow-y: hidden;
  box-sizing: border-box;
}
.media-gallery.filmstrip .full-image-wrap +
    @media screen and (max-width:400px) {
  min-height: auto;
  height: auto;
  width: 100%;
}
.media-gallery.filmstrip .full-image-wrap img {
  display: inline-block;
  opacity: 1;
  max-height: 100%;
  -webkit-transition: all 0.20s ease-in;
  -moz-transition: all 0.20s ease-in;
  -o-transition: all 0.20s ease-in;
  -ms-transition: all 0.20s ease-in;
  transition: all 0.20s ease-in;
}
@media screen and (min-width: 1px) {
  .media-gallery.filmstrip .full-image-wrap img {
    position: relative;
    top: 50%;
    transform-origin: top left;
    -webkit-transform: translateY(-65%);
    transform: translateY(-50%);
  }
}
.media-gallery.filmstrip .full-image-wrap img.animateHidden {
  opacity: 0;
}
.media-gallery.filmstrip-thumbnails {
  display: block;
  position: absolute;
  background: #e9e9e9;
  left: 0;
  right: 0;
  width: 100%;
  bottom: 0;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  overflow-y: hidden;
  white-space: nowrap;
  z-index: 500;
}
.media-gallery.filmstrip-thumbnails .media-thumbnail {
  cursor: pointer;
  position: relative;
  margin-top: auto;
  margin-bottom: auto;
  top: 0;
  left: 0;
  right: 0;
  padding: 0;
  width: auto !important;
  max-width: 100%;
  max-height: 134px;
  display: inline-block;
  border: #e9e9e9 10px solid;
  border-color: #e9e9e9;
  border-style: solid;
  border-width: 10px;
  border-top-width: 10px;
  border-bottom-width: 10px;
  border-left-width: 5px;
  border-right-width: 5px;
  background: #e9e9e9;
}
@media handheld,only screen and (min-width: 74.1em) {
  .media-gallery.filmstrip-thumbnails .media-thumbnail:hover {
    opacity: 0.8;
  }
}
.media-gallery.filmstrip-thumbnails .media-thumbnail:first-child {
  border-left-width: 10px;
}
.media-gallery.filmstrip-thumbnails .media-thumbnail:last-child {
  border-right-width: 10px;
}
.media-gallery.filmstrip-thumbnails .media-thumbnail img {
  min-height: 60px;
  max-height: 134px;
  height: 10vh;
  width: auto !important;
  display: block;
  vertical-align: middle;
  margin: 0;
  background: #e9e9e9;
  display: inline-block;
}
.media-gallery.filmstrip-thumbnails .media-thumbnail .current-indicator {
  border: #00a4a6 solid 0;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  top: 0;
  -webkit-transition: border 0.2s ease;
  -moz-transition: border 0.2s ease;
  -o-transition: border 0.2s ease;
  -ms-transition: border 0.2s ease;
  transition: border 0.2s ease;
  display: none;
}
@media (min-width: 1px) {
  .media-gallery.filmstrip-thumbnails .media-thumbnail .current-indicator {
    display: inline-block;
  }
}
.media-gallery.filmstrip-thumbnails .media-thumbnail.current .current-indicator {
  display: inline-block;
  border: #00a4a6 solid 10px;
}
.arrows-wrapper {
  overflow-x: hidden;
  overflow-y: hidden;
  width: 100%;
  position: absolute;
  bottom: 0;
  height: auto;
  background: none;
}
.arrows-wrapper .filmstrip-arrow-button {
  vertical-align: middle;
  overflow-y: hidden;
  z-index: 600;
  position: absolute;
  top: 0;
  bottom: 0;
  display: table-cell;
  padding: 1em;
  margin: 0;
  height: 100%;
  opacity: 1;
  cursor: pointer;
  background-color: #fff;
  background-color: rgba(255,255,255,0.75);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 8px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.arrows-wrapper .filmstrip-arrow-button.left {
  left: 0;
  background-image: url('../../include/resources/peninsulahotel/images/g-arrow-left.png');
}
@media (min-width: 1px) {
  .arrows-wrapper .filmstrip-arrow-button.left {
    background-image: url('../../include/resources/peninsulahotel/images/g-arrow-left.svg');
  }
}
.arrows-wrapper .filmstrip-arrow-button.right {
  right: 0;
  background-image: url('../../include/resources/peninsulahotel/images/g-arrow-right.png');
}
@media (min-width: 1px) {
  .arrows-wrapper .filmstrip-arrow-button.right {
    background-image: url('../../include/resources/peninsulahotel/images/g-arrow-right.svg');
  }
}
.arrows-wrapper .filmstrip-arrow-button.hidden {
  padding: 0;
  width: 0;
  opacity: 0;
}
.image-preload {
  position: absolute;
  top: -9999px;
  left: -9999px;
}
.datepicker {
  position: absolute;
  font-size: 11px;
  width: 234px;
  padding: 0;
  height: 243px;
  background: #F6F6FB;
  line-height: normal;
  z-index: 200;
  margin-top: -46px;
  margin-left: -91px;
  overflow: hidden;
  box-shadow: 0 0 10px rgba(0,0,0,0.6);
}
@media handheld,only screen and (max-width: 74.1em) {
  .datepicker {
    margin-left: 0;
  }
}
.datepicker .header {
  position: relative;
  background: #00a4a6;
  height: 44px;
  padding-top: 4px;
  margin-bottom: 3px;
}
.datepicker .header .title {
  text-align: center;
  padding-top: 1px;
  margin: 10px auto 0 auto;
}
.datepicker .header .titleText {
  color: #fff;
  font-weight: bold;
}
.datepicker .header .next,
.datepicker .header .previous,
.datepicker .header .closeButton {
  position: absolute;
  width: 30px;
  height: 44px;
  background: transparent;
  text-align: center;
  color: #666;
  top: 0;
  cursor: pointer;
  color: transparent;
}
.datepicker .header .previous {
  left: 0;
  background-image: url('../../include/resources/peninsulahotel/images/date-prev-arrow.svg');
  background-repeat: no-repeat;
  background-size: 40px 13px;
  background-position: center;
}
.datepicker .header .next {
  right: 0;
  background-image: url('../../include/resources/peninsulahotel/images/date-next-arrow.svg');
  background-repeat: no-repeat;
  background-size: 40px 13px;
  background-position: center;
}
.datepicker .header .closeButton {
  right: 5px;
  display: none;
}
.datepicker .body {
  position: relative;
  top: 0px;
  left: 3px;
  width: 228px;
  height: 193px;
  overflow: hidden;
}
.datepicker .time {
  width: 100%;
  height: 100%;
  background: #eee;
}
.datepicker .time .hour,
.datepicker .time .separator,
.datepicker .time .minutes {
  border: 1px solid #ccc;
  background: #fff;
  width: 50px;
  font-size: 32px;
  position: absolute;
  top: 50px;
  text-align: center;
  padding: 2px;
}
.datepicker .time .hour {
  left: 30px;
}
.datepicker .time .separator {
  background: transparent;
  border: 0px;
  width: 10px;
  left: 91px;
}
.datepicker .time .minutes {
  left: 110px;
}
.datepicker .time .ok {
  position: absolute;
  top: 105px;
  width: 136px;
  left: 30px;
  font-size: 20px;
}
.datepicker .days .day {
  float: left;
  background: #ccc;
  cursor: pointer;
  text-align: center;
  padding-top: 9px;
  overflow: hidden;
  margin: 0 3px 3px 0;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  transition: all 200ms ease;
  width: 30px;
  height: 30px;
}
.datepicker .days .day0 {
  margin-right: 0;
}
.datepicker .days .week5 .day {
  margin-bottom: 0;
}
.datepicker .days .title {
  background: #444444;
  font-weight: bold;
  color: #fff;
  cursor: default;
}
.datepicker .days .otherMonth {
  background: #eee;
  color: #aaa;
}
.datepicker .months .month {
  float: left;
  background: #eee;
  cursor: pointer;
  text-align: center;
  overflow: hidden;
  width: 62px;
  height: 31px;
  padding-top: 15px;
  margin: 0 3px 3px 0;
}
.datepicker .months .month3,
.datepicker .months .month6,
.datepicker .months .month9,
.datepicker .months .month12 {
  margin-right: 0;
  width: 64px;
}
.datepicker .months .month10,
.datepicker .months .month11,
.datepicker .months .month12 {
  margin-bottom: 0;
}
.datepicker .years .year {
  float: left;
  background: #eee;
  cursor: pointer;
  text-align: center;
  padding-top: 11px;
  width: 46px;
  overflow: hidden;
  height: 25px;
  margin: 0 3px 3px 0;
}
.datepicker .years .year3,
.datepicker .years .year7,
.datepicker .years .year11,
.datepicker .years .year15,
.datepicker .years .year19 {
  margin-right: 0;
  width: 47px;
}
.datepicker .years .year16,
.datepicker .years .year17,
.datepicker .years .year18,
.datepicker .years .year19 {
  margin-bottom: 0;
  height: 26px;
}
.datepicker .selected {
  background: #8C929F !important;
  color: #fff !important;
}
.datepicker .unavailable {
  background: #edd !important;
  color: #b88 !important;
  cursor: default !important;
}
.datepicker .days .week .day:hover,
.datepicker .months .month:hover,
.datepicker .years .year:hover {
  background: #00a4a6 !important;
  color: #fff !important;
}
* {
  padding: 0;
  margin: 0;
  border: 0;
}
body,
html {
  min-height: 100%;
  min-height: 100vh;
  overflow-x: hidden;
}
html {
  -webkit-text-size-adjust: none;
}
body {
  background: #ffffff;
  font-family: 'Montserrat', Verdana, sans-serif;
  font-weight: 300;
  line-height: 1.35em;
  position: relative;
}
.page-region {
  width: 100%;
  margin: 0;
  position: relative;
  overflow: hidden;
  z-index: 3;
}
.header-wrapper {
  text-align: center;
  position: relative;
  z-index: 100;
}
@media handheld,only screen and (max-width: 74.1em) {
  .header-wrapper {
    text-align: right;
  }
}
.header-wrapper .header-block {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 13px;
  padding-right: 1%;
  margin-right: -0.25em;
  vertical-align: top;
  width: 83.166666666667%;
  max-width: 1100px;
  margin: auto;
  padding-top: 0;
  line-height: 0;
  color: #454545;
  font-family: 'Prata', sans-serif;
  background: #ffffff;
}
@media handheld,only screen and (max-width: 74.1em) {
  .header-wrapper .header-block {
    display: block;
    width: auto;
    padding-right: 0;
  }
}
@media handheld,only screen and (max-width: 74.1em) {
  .header-wrapper .header-block {
    width: 100%;
    max-width: none;
    display: block;
    margin: 0;
    text-align: left;
  }
}
@media handheld,only screen and (max-width: 500px) {
  .header-wrapper .header-block {
    width: 100%;
    text-align: center;
  }
}
.header-wrapper .header-block .logo-cell {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 13px;
  margin-right: 0.45em;
  vertical-align: top;
  width: 16.975em;
  /*
  @media handheld, only screen and (max-width: unit(@pxBlockWidth - 1, 'px')) {
    @pxGutterWidth: ((@pcGutterWidth / 100) * 768);
    margin-right: unit(@pxGutterWidth - 4, 'px');
    width: unit(((((@colspan / @noCols) * ((100 + @pcGutterWidth) - (@noCols * @pcGutterWidth))) + ((@colspan * @pcGutterWidth) - @pcGutterWidth)) / 100) * 768, 'px');
  }
  */
  vertical-align: middle;
  min-height: 210px;
}
@media handheld,only screen and (max-width: 74.1em) {
  .header-wrapper .header-block .logo-cell {
    display: block;
    width: auto;
    margin-right: 0;
  }
}
.header-wrapper .header-block .logo-cell .logo-graphic {
  background-color: #F6F6F6;
  background-image: url('../../include/resources/peninsulahotel/images/g-logo-bg.png');
  background-image: url('../../include/resources/peninsulahotel/images/g-logo-bg.svg'), none;
  background-position: bottom;
  background-repeat: no-repeat;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  width: 195px;
}
@media handheld,only screen and (max-width: 74.1em) {
  .header-wrapper .header-block .logo-cell .logo-graphic {
    background-image: none;
    vertical-align: top;
  }
}
@media handheld,only screen and (max-width: 74.1em) {
  .header-wrapper .header-block .logo-cell .logo-graphic.normal {
    display: none;
  }
}
.header-wrapper .header-block .logo-cell .logo-graphic.tablet {
  display: none;
  width: 260px;
}
@media handheld,only screen and (min-width: 901px) and (max-width: 74.1em) {
  .header-wrapper .header-block .logo-cell .logo-graphic.tablet {
    display: inline-block;
  }
}
.header-wrapper .header-block .logo-cell .logo-graphic.mobile {
  display: none;
  width: 100%;
}
@media handheld,only screen and (max-width: 900px) {
  .header-wrapper .header-block .logo-cell .logo-graphic.mobile {
    display: block;
  }
}
@media (max-width: 74.1em) {
  .header-wrapper .header-block .logo-cell .logo-graphic.tablet {
    width: 30% !important;
    height: auto;
  }
}
@media handheld,only screen and (max-width: 74.1em) {
  .header-wrapper .header-block .logo-cell {
    width: 33.333333333333%;
    text-align: center;
    display: inline;
    padding: 0;
    margin: 0;
  }
}
@media handheld,only screen and (max-width: 900px) {
  .header-wrapper .header-block .logo-cell {
    position: relative;
    width: 100%;
    background: #f3f3f3;
  }
}
.header-wrapper .header-block .header-right-cell {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 13px;
  padding-right: 1%;
  margin-right: -0.25em;
  vertical-align: top;
  width: 74.75%;
  padding-right: 0;
  float: right;
  line-height: 2em;
  text-align: right;
  padding-right: 1.75em;
  margin-top: 50px;
  vertical-align: middle;
}
@media handheld,only screen and (max-width: 74.1em) {
  .header-wrapper .header-block .header-right-cell {
    display: block;
    width: auto;
    padding-right: 0;
  }
}
.header-wrapper .header-block .header-right-cell .go-button {
  display: inline-block;
}
@media (max-width: 1500px) {
  .header-wrapper .header-block .header-right-cell {
    margin: 0;
    margin-top: 50px;
    padding: 0;
    vertical-align: middle;
  }
}
@media handheld,only screen and (max-width: 74.1em) {
  .header-wrapper .header-block .header-right-cell {
    width: 70%;
    height: 100%;
    display: inline-block;
    padding-top: 24px;
    margin-top: 0;
    text-align: right;
    text-align: center;
    clear: both;
  }
}
@media handheld,only screen and (max-width: 900px) {
  .header-wrapper .header-block .header-right-cell {
    text-align: center;
    float: none;
    width: 100%;
    margin-top: 0;
    padding: 1em 3%;
  }
}
@media handheld,only screen and (min-width: 650px) and (max-width: 74.1em) {
  .header-wrapper .header-block .header-right-cell {
    padding-left: 2em;
    padding-right: 2em;
  }
}
@media handheld,only screen and (max-width: 400px) {
  .header-wrapper .header-block .header-right-cell .header-actionable {
    text-align: justify;
  }
  .header-wrapper .header-block .header-right-cell .header-actionable input.go-button {
    width: 100%;
    display: block;
    margin-top: 0.5em;
  }
  .header-wrapper .header-block .header-right-cell .header-actionable input.date-checkin,
  .header-wrapper .header-block .header-right-cell .header-actionable .frontend-select {
    width: 47.5%;
    max-width: none;
  }
  .header-wrapper .header-block .header-right-cell .header-actionable input.date-checkin {
    box-sizing: border-box;
    margin-right: .2 .5%;
    margin-left: 0;
  }
  .header-wrapper .header-block .header-right-cell .header-actionable .frontend-select {
    box-sizing: border-box;
    margin-left: 2.5%;
    margin-right: 0;
  }
}
@media handheld,only screen and (max-width: 280px) {
  .header-wrapper .header-block .header-right-cell .header-actionable input.go-button,
  .header-wrapper .header-block .header-right-cell .header-actionable input.date-checkin,
  .header-wrapper .header-block .header-right-cell .header-actionable .frontend-select,
  .header-wrapper .header-block .header-right-cell .header-actionable input {
    width: 100%;
    margin: 0;
    margin-top: 0.5em;
    display: block;
  }
  .header-wrapper .header-block .header-right-cell .header-actionable .frontend-select {
    padding-left: 39px;
  }
  .header-wrapper .header-block .header-right-cell .header-actionable input.date-checkin {
    box-sizing: border-box;
    text-align: center;
    padding: 0;
  }
}
.header-wrapper .header-block a {
  color: #525252;
}
.header-wrapper .header-block a:hover {
  color: #00aeb0;
}
.hero-wrapper {
  position: relative;
  z-index: 10;
}
.hero-wrapper .hero-block {
  font-size: 13px;
  width: 960px;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 10;
  background-color: #00a4a6;
}
@media handheld,only screen and (max-width: 74.1em) {
  .hero-wrapper .hero-block {
    width: 100%;
    min-width: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
}
.hero-wrapper .hero-block .hero-images {
  font-size: 13px;
  width: 960px;
  margin: 0 auto;
  padding: 0;
  height: 650px;
  height: 34vw;
  min-height: 240px;
  width: 100%;
  overflow-x: hidden;
}
@media handheld,only screen and (max-width: 74.1em) {
  .hero-wrapper .hero-block .hero-images {
    width: 100%;
    min-width: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
}
@media handheld,only screen and (max-height: 900px) {
  .hero-wrapper .hero-block .hero-images {
    height: 25.5vw;
  }
}
@media handheld,only screen and (max-width: 400px) {
  .hero-wrapper .hero-block .hero-images {
    height: auto;
  }
}
.hero-wrapper .hero-block .hero-images .media-thumbnail {
  z-index: 10;
}
.hero-wrapper .hero-block .hero-images img {
  position: absolute;
  top: 0;
  height: 650px;
  height: 34vw;
  min-height: 240px;
  width: auto;
  max-width: 100%;
  max-height: 100%;
}
@media handheld,only screen and (max-height: 900px) {
  .hero-wrapper .hero-block .hero-images img {
    height: 25.5vw;
  }
}
@media handheld,only screen and (max-width: 400px) {
  .hero-wrapper .hero-block .hero-images img {
    height: auto;
  }
}
@media handheld,only screen and (max-width: 650px) {
  .hero-wrapper .hero-block .hero-images img {
    margin: 0;
    width: auto;
    height: auto;
  }
}
@media handheld,only screen and (max-height: 900px) {
  .hero-wrapper .hero-block .hero-images img {
    min-width: 300px;
  }
}
.hero-wrapper .hero-block #hero-overlay {
  z-index: 300;
  width: 18.75%;
  height: 650px;
  height: 34vw;
  min-height: 240px;
  position: absolute;
  margin-left: 0;
  top: 0;
  bottom: 0;
  left: 0;
  height: 650px;
  height: 34vw;
  min-height: 240px;
  background-color: #00a4a6;
  background-color: rgba(0,164,168,0.7);
  background-image: url('../../include/resources/peninsulahotel/images/g-mermaids-overlay.png');
  background-image: url('../../include/resources/peninsulahotel/images/g-mermaids-overlay.svg'), none;
  background-position: bottom right;
  background-size: 360px;
  background-repeat: no-repeat;
  overflow-y: hidden;
  color: #fff;
}
@media handheld,only screen and (max-height: 900px) {
  .hero-wrapper .hero-block #hero-overlay {
    height: 25.5vw;
  }
}
@media handheld,only screen and (max-width: 400px) {
  .hero-wrapper .hero-block #hero-overlay {
    height: auto;
  }
}
@media handheld,only screen and (max-width: 930px) {
  .hero-wrapper .hero-block #hero-overlay {
    width: 25%;
    margin-left: 75%;
    max-width: 100%;
    background-color: rgba(0,164,168,0.9);
    background-size: contain;
  }
}
@media handheld,only screen and (max-width: 650px) {
  .hero-wrapper .hero-block #hero-overlay {
    position: relative;
    height: 100% !important;
    width: 100%;
    max-width: 100%;
    margin: 0;
    left: 0;
    right: 0;
    margin: 0;
    padding: 0;
  }
}
@media handheld,only screen and (max-width: 650px) and (max-height: 900px) {
  .hero-wrapper .hero-block #hero-overlay {
    height: 200px !important;
    min-height: auto !important;
  }
}
@media handheld,only screen and (max-height: 900px) {
  .hero-wrapper .hero-block #hero-overlay {
    height: 25.5vw;
  }
}
@media handheld,only screen and (max-width: 400px) {
  .hero-wrapper .hero-block #hero-overlay {
    height: auto;
  }
}
.hero-wrapper .hero-block #hero-overlay .block-element {
  background: none;
  border: none;
  padding: 0;
}
.hero-wrapper .hero-block #hero-overlay p {
  padding-left: 8%;
  padding-right: 8%;
  margin-top: 30px;
  margin-bottom: 30px;
  max-width: 100%;
  font-size: 1.5em;
}
@media handheld,only screen and (max-width: 74.1em) {
  .hero-wrapper .hero-block #hero-overlay p {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 1rem;
  }
}
.hero-wrapper .hero-block #hero-overlay p:nth-child(1) {
  margin-top: 20px;
  font-size: 1.5em;
}
@media handheld,only screen and (max-width: 74.1em) {
  .hero-wrapper .hero-block #hero-overlay p:nth-child(1) {
    font-size: 1.5em;
  }
}
.hero-wrapper .hero-block #hero-overlay p:nth-child(2) {
  font-size: 57pt;
  line-height: 57pt;
  font-size: 4.5vw;
  line-height: 4.5vw;
  font-family: 'Prata', sans-serif;
}
@media handheld,only screen and (max-width: 1500px) {
  .hero-wrapper .hero-block #hero-overlay p:nth-child(2) {
    font-size: 32pt;
    line-height: 32pt;
    font-size: 3em;
    line-height: auto;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
.hero-wrapper .hero-block #hero-overlay p:nth-child(3) {
  font-size: 8pt;
}
.hero-wrapper .hero-block #hero-overlay .button {
  background: #fff;
  padding: 14px 19px;
  margin: 0;
  font-size: 16px;
  color: #00a4a6;
}
.hero-wrapper .hero-block #hero-overlay .button:hover {
  background: #e6e6e6;
}
@media handheld,only screen and (max-width: 74.1em) {
  .hero-wrapper .hero-block #hero-overlay .button {
    font-size: 1.5em;
    padding: 0.5em;
    margin-bottom: 20px;
  }
}
.hero-wrapper .hero-block #hero-overlay.hidden {
  display: none;
  margin-left: -100%;
}
.hero-wrapper .hero-block .hero-text {
  position: absolute;
  left: 60px;
  top: 25%;
  font-size: 1.7em;
  line-height: 1.1em;
  letter-spacing: -1px;
  width: 50%;
  z-index: 10;
}
@media handheld,only screen and (max-width: 74.1em) {
  .hero-wrapper .hero-block .hero-text {
    left: 10px;
    width: 90%;
  }
}
.hero-wrapper .hero-block .hero-text .hero-title,
.hero-wrapper .hero-block .hero-text .hero-alt {
  text-shadow: 1px 1px 2px #333;
  filter: dropshadow(color=#333,offx=1px,offy=1px);
}
.hero-wrapper .hero-block .hero-text .hero-title {
  color: #ffffff;
  font-size: 2em;
  line-height: 1.1em;
  margin-bottom: 0.1em;
}
@media handheld,only screen and (max-width: 74.1em) {
  .hero-wrapper .hero-block .hero-text .hero-title {
    font-size: 1.5em;
    line-height: 1em;
  }
}
.hero-wrapper .hero-block .hero-text .hero-alt {
  color: #ffffff;
}
@media handheld,only screen and (max-width: 74.1em) {
  .hero-wrapper .hero-block .hero-text .hero-alt {
    font-size: 1em;
    line-height: 1em;
  }
}
.hero-wrapper .hero-block .hero-nav-left,
.hero-wrapper .hero-block .hero-nav-right {
  position: absolute;
  left: 0;
  top: 50%;
  color: #bfe8e9;
  background-color: #00a4a6;
  font-size: 1.6em;
  line-height: 1.4em;
  text-align: center;
  min-width: 1.6em;
  min-height: 1.6em;
  border: 2px solid #e7f1f1;
  /* half of height */
  margin-top: -0.8em;
  /* half of width */
  margin-left: -0.8em;
  z-index: 15;
  cursor: pointer;
}
@media handheld,only screen and (max-width: 74.1em) {
  .hero-wrapper .hero-block .hero-nav-left,
  .hero-wrapper .hero-block .hero-nav-right {
    display: none;
  }
}
.hero-wrapper .hero-block .hero-nav-left:hover,
.hero-wrapper .hero-block .hero-nav-right:hover {
  background-color: #444444;
}
.hero-wrapper .hero-block .hero-nav-left {
  left: 0;
  right: auto;
  margin-left: -15px;
  margin-right: 0;
}
@media handheld,only screen and (max-width: 74.1em) {
  .hero-wrapper .hero-block .hero-nav-left {
    margin-left: 0;
  }
}
@media handheld,only screen and (max-width: 321px) {
  .hero-wrapper .hero-block .hero-nav-left {
    display: none;
  }
}
.hero-wrapper .hero-block .hero-nav-right {
  left: auto;
  right: 0;
  margin-left: 0;
  margin-right: -15px;
}
@media handheld,only screen and (max-width: 74.1em) {
  .hero-wrapper .hero-block .hero-nav-right {
    margin-right: 0;
  }
}
@media handheld,only screen and (max-width: 321px) {
  .hero-wrapper .hero-block .hero-nav-right {
    display: none;
  }
}
.hero-wrapper .hero-block .hero-nav {
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 15;
}
@media handheld,only screen and (max-width: 74.1em) {
  .hero-wrapper .hero-block .hero-nav {
    position: relative;
    bottom: -5px;
    text-align: center;
  }
}
.hero-wrapper .hero-block .hero-nav ul li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  background: #53eaec;
  border: 3px solid #e7f1f1;
  padding: 5px;
  margin: 0 5px 0 0;
  cursor: pointer;
}
@media handheld,only screen and (max-width: 74.1em) {
  .hero-wrapper .hero-block .hero-nav ul li {
    padding: 8px;
    border-width: 5px;
    margin-right: 10px;
  }
}
.hero-wrapper .hero-block .hero-nav ul li:hover {
  background: #444444;
}
.hero-wrapper .hero-block .hero-nav ul li.currentslide {
  background: #00a4a6;
}
@media all and (min-width: 1px) {
  .nav-block.large {
    display: none;
  }
}
.nav-block.mobile {
  display: none;
}
@media handheld,only screen and (min-width: 74.1em) {
  .nav-block.large {
    display: block;
  }
  .nav-block.mobile {
    display: none;
  }
}
@media handheld,only screen and (max-width: 74.1em) {
  .nav-block.large {
    display: none;
  }
  .nav-block.mobile {
    display: block;
  }
}
.nav-block {
  margin: 0 auto;
  display: inline-block;
  color: #525252;
  text-align: right;
  z-index: 20;
  /* Top Level */
}
@media handheld,only screen and (max-width: 74.1em) {
  .nav-block {
    margin: 0;
    overflow: hidden;
    text-align: left;
    font-size: 1em;
    font-family: 'Montserrat', Verdana, sans-serif;
    clear: both;
  }
}
.nav-block .nav-toggle {
  display: none;
  color: #fff;
  background: #00a4a6;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0.75em 1.5em;
  cursor: pointer;
  padding: 2em;
}
@media handheld,only screen and (max-width: 74.1em) {
  .nav-block .nav-toggle {
    display: block;
  }
}
.nav-block .nav-toggle .toggle-icon {
  float: right;
  background: transparent url('../../include/resources/peninsulahotel/images/g-menu.svg') 50% 0% no-repeat;
  width: 23px;
  height: 23px;
  margin-top: -11px;
}
.nav-block .nav-toggle .toggle-title {
  display: block;
}
@media handheld,only screen and (max-width: 74.1em) {
  .nav-block .nav-cell {
    display: none;
    background: #F2F2F2;
  }
}
@media handheld,only screen and (max-width: 74.1em) {
  .nav-block.open .nav-cell {
    display: block;
  }
}
.nav-block ul {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  list-style-type: none;
  margin: 0;
  clear: both;
  border-bottom: 1px solid #dcdcdc;
  font-size: 15px;
}
@media handheld,only screen and (max-width: 74.1em) {
  .nav-block ul {
    display: block;
    text-align: left;
    border: 0;
    padding: 1em 0em;
  }
}
.nav-block ul li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  position: relative;
  padding: 0;
  margin: 0;
  /* 1st Dropdown Level */
}
@media handheld,only screen and (max-width: 74.1em) {
  .nav-block ul li {
    display: block;
    border-right: 0;
    border-left: 0;
    border-top: 1px solid #dcdcdc;
    padding: 0 2em;
  }
}
@media (min-width: 74.1em) {
  .nav-block ul li:first-child a {
    padding-left: 0;
  }
  .nav-block ul li:last-child a {
    padding-right: 0;
  }
}
.nav-block ul li:hover a {
  color: #00aeb0;
}
.nav-block ul li a {
  display: block;
  color: #525252;
  padding: 36px 14px;
  padding-top: 0px;
  white-space: nowrap;
}
@media handheld,only screen and (max-width: 74.1em) {
  .nav-block ul li a {
    padding: 1.5em;
  }
}
UN-COMMENT TO ENABLE TOP-LEVEL PARENT ARROWS
        .nav-block ul li a.has_children {
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2234px%22%20height%3D%224px%22%3E%3Cpolygon%20fill%3D%22%23525252%22%20points%3D%227%2C0%2014%2C0%2010.5%2C4%22%2F%3E%3C%2Fsvg%3E');
  background-position: center right;
  background-repeat: no-repeat;
  padding-right: 2.5em;
}
@media handheld,only screen and (max-width: 74.1em) {
  UN-COMMENT TO ENABLE TOP-LEVEL PARENT ARROWS
        .nav-block ul li a.has_children {
    background-image: none;
    padding-right: 0;
  }
}
.nav-block ul li a:hover,
.nav-block ul li a:active {
  color: #9f9f9f;
}
UN-COMMENT TO ENABLE TOP-LEVEL PARENT ARROWS
          .nav-block ul li a:hover.has_children,
UN-COMMENT TO ENABLE TOP-LEVEL PARENT ARROWS
          .nav-block ul li a:active.has_children {
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2234px%22%20height%3D%224px%22%3E%3Cpolygon%20fill%3D%22%239f9f9f%22%20points%3D%227%2C0%2014%2C0%2010.5%2C4%22%2F%3E%3C%2Fsvg%3E');
  background-position: center right;
  background-repeat: no-repeat;
  padding-right: 2.5em;
}
@media handheld,only screen and (max-width: 74.1em) {
  UN-COMMENT TO ENABLE TOP-LEVEL PARENT ARROWS
          .nav-block ul li a:hover.has_children,
  UN-COMMENT TO ENABLE TOP-LEVEL PARENT ARROWS
          .nav-block ul li a:active.has_children {
    background-image: none;
    padding-right: 0;
  }
}
@media handheld,only screen and (max-width: 74.1em) {
  .nav-block ul li:first-child {
    border: 0;
  }
}
@media handheld,only screen and (max-width: 74.1em) {
  .nav-block ul li:last-child {
    border: 0;
    border-top: 1px solid #dcdcdc;
  }
}
.nav-block ul li:hover ul {
  -webkit-transition: top linear 0.2s;
  -moz-transition: top linear 0.2s;
  -o-transition: top linear 0.2s;
  -ms-transition: top linear 0.2s;
  transition: top linear 0.2s;
  top: 3.1em;
  height: auto;
  visibility: visible;
  z-index: 600;
}
@media handheld,only screen and (max-width: 74.1em) {
  .nav-block ul li:hover ul {
    top: auto;
  }
}
.nav-block ul li:hover ul li a:hover {
  background: none;
  color: ;
}
@media handheld,only screen and (min-width: 74.1em) {
  .nav-block ul li:hover ul li a:hover {
    background: #008b8d;
    text-decoration: none;
  }
}
@media (min-width: 74.1em) {
  .nav-block ul li ul:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    left: 15px;
    border-width: 0 6px 6px 6px;
    border-style: solid;
    border-color: #00A4A6 transparent;
  }
}
@media (min-width: 74.1em) {
  .nav-block ul li ul:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    left: 13px;
    border-width: 0 8px 8px 8px;
    border-style: solid;
    border-color: rgba(0,0,0,0.1) transparent;
  }
}
.nav-block ul li ul {
  display: block;
  position: absolute;
  top: 3.1em;
  left: -2px;
  right: auto;
  background: #00a4a6;
  min-width: 103%;
  height: auto;
  margin: 0;
  padding: 0;
  visibility: hidden;
  z-index: 600;
}
@media (min-width: 74.1em) {
  .nav-block ul li ul {
    box-shadow: 0px 2px 10px rgba(0,0,0,0.5);
    border: none;
  }
}
@media handheld,only screen and (max-width: 74.1em) {
  .nav-block ul li ul {
    position: static;
    top: auto;
    height: auto;
    background: transparent;
    border: 0;
    margin-bottom: -1px;
    visibility: visible;
    overflow: hidden;
  }
}
.nav-block ul li ul li {
  display: block;
  background: #00a4a6;
  line-height: 1.8em;
  text-align: left;
  border: none;
  /* 2nd Dropdown Level */
}
@media handheld,only screen and (max-width: 74.1em) {
  .nav-block ul li ul li {
    background: none;
    -ms-filter: none;
    border: 0;
    margin-left: 2em;
    padding-left: 1.75em;
  }
}
.nav-block ul li ul li:first-child {
  border: none;
}
@media handheld,only screen and (max-width: 74.1em) {
  .nav-block ul li ul li:first-child {
    border: 0;
    border-top: 0;
  }
}
.nav-block ul li ul li:last-child {
  border: none;
}
@media handheld,only screen and (max-width: 74.1em) {
  .nav-block ul li ul li:last-child {
    border: 0;
    border-top: 0;
  }
}
.nav-block ul li ul li a {
  color: #fff !important;
  padding: 0.5em 2em 0.5em 1em !important;
  /* UN-COMMENT TO ENABLE TOP-LEVEL PARENT ARROWS
            &.has_children {
              background-image: svg(~'<svg xmlns="http://www.w3.org/2000/svg" width="31px" height="7px"><polygon fill="@{navArrowColour}" points="7,7 7,0 11,3.5 "/></svg>');
              background-position: center right;
              background-repeat: no-repeat;
              padding-right: 2.5em;
              
              @media handheld, only screen and (max-width: @responsiveWidth) {
                background-image: none;
                padding-right: 0;
              }            
            }              
            */
}
@media (max-width: 74.1em) {
  .nav-block ul li ul li a {
    color: #454545 !important;
  }
}
@media handheld,only screen and (max-width: 74.1em) {
  .nav-block ul li ul li a {
    padding: 0.25em 0em -0.25em 1.5em;
    margin: 0.25em 0em;
  }
}
@media handheld,only screen and (max-width: 74.1em) {
  .nav-block ul li ul li a:last-child {
    border: 0;
    border-top: 0;
  }
}
.nav-block ul li ul li a:hover {
  color: #9f9f9f;
  /* UN-COMMENT TO ENABLE TOP-LEVEL PARENT ARROWS
              &.has_children {
                background-image: svg(~'<svg xmlns="http://www.w3.org/2000/svg" width="31px" height="7px"><polygon fill="@{navArrowHoverColour}" points="7,7 7,0 11,3.5 "/></svg>');
                background-position: center right;
                background-repeat: no-repeat;
                padding-right: 2.5em;
                
                @media handheld, only screen and (max-width: @responsiveWidth) {
                  background-image: none;
                  padding-right: 0;
                }                  
              }
              */
}
@media handheld,only screen and (max-width: 74.1em) {
  .nav-block ul li ul li a:hover {
    color: #9f9f9f;
  }
}
.nav-block ul li ul li a.disabled {
  color: #aaaaaa;
  background: transparent url('../../include/resources/peninsulahotel/images/g-disabled.svg') no-repeat right center;
  cursor: default;
}
@media handheld,only screen and (max-width: 74.1em) {
  .nav-block ul li ul li a.disabled {
    opacity: 0.7;
  }
}
.nav-block ul li ul li > ul {
  display: none;
}
@media handheld,only screen and (max-width: 74.1em) {
  .nav-block ul li ul li > ul {
    display: block;
  }
}
.nav-block ul li ul li:hover > ul {
  display: block;
  position: absolute;
  top: 0;
  left: 100%;
}
@media handheld,only screen and (max-width: 74.1em) {
  .nav-block ul li ul li:hover > ul {
    position: static;
  }
}
.header-actionable {
  display: block;
  margin-top: 22px;
  vertical-align: middle;
}
@media (max-width: 74.1em) {
  .header-actionable {
    margin-top: 0;
    padding-top: 0;
    width: 100%;
    height: 100%;
  }
}
@media handheld,only screen and (max-width: 74.1em) {
  .header-actionable {
    display: inline-block;
    padding-bottom: 0;
  }
}
@media handheld,only screen and (max-width: 850px) {
  .header-actionable {
    padding-top: 0;
    padding-bottom: 0;
  }
}
.header-actionable .check-availability {
  display: inline-block;
  vertical-align: top;
  font-size: 15px;
}
@media handheld,only screen and (min-width: 651px) and (max-width: 74.1em) {
  .header-actionable .check-availability {
    text-align: left;
    float: left;
    white-space: nowrap;
  }
}
.header-actionable .check-availability .label-multi {
  display: none;
  margin-right: 13px;
}
@media handheld,only screen and (min-width: 74.1em) {
  .header-actionable .check-availability .label-multi {
    width: auto;
    display: inline-block;
    text-align: left;
  }
}
.header-actionable .check-availability .check-availability-form {
  display: inline-block;
  margin: 0;
}
.header-actionable .check-availability .check-availability-form input {
  font-size: 12px;
  line-height: 12px;
  vertical-align: middle;
  text-align: left;
  box-sizing: content-box;
  height: 46px;
  margin-left: 0;
  margin-right: 10px;
  cursor: pointer;
  font-weight: 900;
}
@media handheld,only screen and (max-width: 74.1em) {
  .header-actionable .check-availability .check-availability-form input {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    margin-right: 0;
  }
}
.header-actionable .check-availability .check-availability-form input.date-checkin {
  background-image: url('../../include/resources/peninsulahotel/images/calendar.svg');
  background-repeat: no-repeat;
  background-size: 16px;
  background-size: 16px 16px;
  background-position: right;
  background-position: right 16px center;
  padding-left: 16px;
  padding-right: 22px;
  padding-top: 17px;
  padding-bottom: 17px;
  height: 12px;
  max-width: 117px;
  line-height: auto;
}
@media (min-width: 1px) {
  .header-actionable .check-availability .check-availability-form input.date-checkin {
    padding: 0;
    padding-left: 16px;
    height: 46px;
  }
}
.header-actionable .check-availability .check-availability-form input:focus {
  outline: none;
}
.header-actionable .check-availability .check-availability-form input.go-button {
  width: 58px;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 400;
  text-align: center;
  padding: 0;
  margin: 0;
  margin-top: -1px;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  transition: all 200ms ease;
  -webkit-appearance: none;
}
@media handheld,only screen and (max-width: 74.1em) {
  .header-actionable .check-availability .check-availability-form input.go-button {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
  }
}
.header-actionable .check-availability .check-availability-form input.go-button:hover {
  background: #008b8d;
}
.header-actionable .check-availability .check-availability-form .night-select-wrapper {
  display: inline;
  text-transform: uppercase;
  font-size: 12px;
  max-width: 100px;
  margin-right: 10px;
}
@media handheld,only screen and (max-width: 74.1em) {
  .header-actionable .check-availability .check-availability-form .night-select-wrapper {
    margin-right: 0;
  }
}
.header-actionable .check-availability .check-availability-form select {
  appearance: none;
  /* Firefox */
  -moz-appearance: none;
  /* Safari and Chrome */
  -webkit-appearance: none;
  padding: 0 17px;
  height: 46px;
  color: #9e9e9e;
  font-size: 12px;
  background-image: url('../../include/resources/peninsulahotel/images/down-arrow.svg');
  background-repeat: no-repeat;
  background-position: right 11px top 18px;
  background-size: 20px 10px;
  padding: 0 24px 0 15px;
  cursor: pointer;
  font-weight: 900;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.header-actionable .check-availability .check-availability-form .frontend-select {
  background: #f6f6f6;
  background-image: url('../../include/resources/peninsulahotel/images/down-arrow.svg');
  background-repeat: no-repeat;
  background-position: right 11px top 18px;
  background-size: 20px 10px;
  font-family: 'Montserrat';
  height: 46px;
  padding: 10px 39px 9px 15px;
  cursor: pointer;
  display: inline-block;
  margin-left: 0px;
  width: 112px;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 900;
  color: #9e9e9e;
}
@media handheld,only screen and (max-width: 74.1em) {
  .header-actionable .check-availability .check-availability-form .frontend-select {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
  }
}
.header-actionable .check-availability .check-availability-form .frontend-select > ul {
  visibility: visible;
  opacity: 1;
  margin: -36px 0 0 -15px;
  width: 112px;
  background: #f6f6f6;
  text-align: left;
  box-shadow: 0 0 10px rgba(0,0,0,0.6);
  position: absolute;
  z-index: 200;
  -webkit-transition: opacity 300ms ease;
  -moz-transition: opacity 300ms ease;
  -o-transition: opacity 300ms ease;
  -ms-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.header-actionable .check-availability .check-availability-form .frontend-select > ul.hide {
  opacity: 0;
  visibility: hidden;
}
.header-actionable .check-availability .check-availability-form .frontend-select > ul > li {
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
  background: #f6f6f6;
  list-style: none;
  width: 112px;
  text-align: left;
  padding: 10px 0 9px 20px;
  height: 46px;
  margin-bottom: 0;
}
.header-actionable .check-availability .check-availability-form .frontend-select > ul > li:nth-of-type(even) {
  background: #ededed;
}
.header-actionable .check-availability .check-availability-form .frontend-select:hover > ul > li:hover {
  background: #00a4a6;
  color: white;
}
.header-actionable .check-availability .check-availability-form .frontend-select:hover > ul > li:hover > a {
  color: red;
}
.header-actionable .check-availability .night-select-wrapper {
  margin-right: 10px;
}
.header-actionable .header-contacts {
  margin-left: 70px;
  padding-right: 0;
  display: inline-block;
  vertical-align: middle;
  line-height: 0;
}
@media (max-width: 74.1em) {
  .header-actionable .header-contacts {
    margin-left: 0;
  }
}
@media handheld,only screen and (min-width: 650px) and (max-width: 74.1em) {
  .header-actionable .header-contacts {
    text-align: right;
    margin-top: 0;
    float: right;
    white-space: nowrap;
  }
}
@media handheld,only screen and (max-width: 950px) {
  .header-actionable .header-contacts {
    white-space: nowrap;
  }
}
@media handheld,only screen and (max-width: 650px) {
  .header-actionable .header-contacts {
    margin-left: 0;
    margin-top: 1em;
  }
}
.header-actionable .header-contacts .contact-phone {
  display: block;
  font-size: 26.82px;
  margin-bottom: 10px;
  line-height: 24px;
  white-space: nowrap;
}
.header-actionable .header-contacts .contact-email {
  font-size: 12px;
  line-height: 12px;
  vertical-align: bottom;
  font-family: 'Montserrat', Verdana, sans-serif;
}
@media handheld,only screen and (max-width: 74.1em) {
  .header-actionable .header-contacts .contact-email {
    display: inline;
  }
}
@media (max-width: 650px) {
  .header-actionable .header-contacts .contact-phone,
  .header-actionable .header-contacts .contact-email {
    width: 100%;
    display: block;
    text-align: center;
  }
}
@media handheld,only screen and (max-width: 900px) {
  .header-contacts,
  .check-availability {
    width: 47.5%;
    white-space: nowrap;
    text-align: center;
  }
}
@media handheld,only screen and (max-width: 650px) {
  .header-contacts,
  .check-availability {
    display: block;
    margin-left: 0;
  }
}
@media handheld,only screen and (min-width: 650px) and (max-width: 74.1em) {
  .header-contacts,
  .check-availability,
  .check-availability-form {
    margin-top: 0;
    margin-bottom: 0;
  }
}
@media handheld,only screen and (max-width: 650px) {
  .header-contacts,
  .check-availability,
  .check-availability-form {
    width: 100%;
  }
}
.content-wrapper {
  background-color: #ffffff;
  background: url('../../include/resources/peninsulahotel/images/g-mermaids.png');
  background: url('../../include/resources/peninsulahotel/images/g-mermaids.svg'), none;
  background-size: 1140px;
  background-repeat: no-repeat;
  background-position: top;
  position: relative;
}
.content-wrapper .content-block {
  font-size: 13px;
  width: 960px;
  margin: 0 auto;
  padding: 0;
  margin: 0 auto;
  padding: 1em 1.75em 1em 1.75em;
  color: #454545;
  overflow-y: auto;
  margin-top: 2em;
}
@media handheld,only screen and (max-width: 74.1em) {
  .content-wrapper .content-block {
    width: 100%;
    min-width: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
}
@media handheld,only screen and (max-width: 74.1em) {
  .content-wrapper .content-block {
    padding: 1.75em 1.75em;
  }
}
.content-wrapper .content-block .tagline p {
  font-family: 'Great Vibes', sans-serif;
  font-size: 4.5em;
  line-height: 1em;
  color: #00a4a6;
  text-align: center;
  padding: 0;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  clear: both;
}
@media handheld,only screen and (max-width: 74.1em) {
  .content-wrapper .content-block .tagline p {
    font-size: 3em;
  }
}
@media handheld,only screen and (max-width: 74.1em) {
  .mobile-none {
    display: none;
  }
}
.footer-wrapper {
  background: #f6f6f6;
}
.footer-wrapper .footer-block {
  font-size: 13px;
  width: 960px;
  margin: 0 auto;
  padding: 0;
  display: block;
  margin: auto;
  padding: 1.75em 0em;
  color: #454545;
  background: #f6f6f6;
  overflow: auto;
}
@media handheld,only screen and (max-width: 74.1em) {
  .footer-wrapper .footer-block {
    width: 100%;
    min-width: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
}
@media handheld,only screen and (max-width: 74.1em) {
  .footer-wrapper .footer-block h3 {
    display: none;
  }
}
.footer-wrapper .footer-block .button {
  display: inline-block;
  margin: auto;
  position: absolute;
  bottom: 0;
  font-weight: bolder;
}
@media handheld,only screen and (max-width: 74.1em) {
  .footer-wrapper .footer-block .button {
    width: 90%;
    margin: 0 auto;
    position: static;
    bottom: auto;
  }
}
.footer-wrapper .footer-block .button-area {
  display: table-footer-group;
  clear: both;
}
@media handheld,only screen and (max-width: 74.1em) {
  .footer-wrapper .footer-block .button-area {
    display: block;
  }
}
.footer-wrapper .footer-block .footer-content {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 13px;
  padding-right: 1%;
  margin-right: -0.25em;
  vertical-align: top;
  width: 24.25%;
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  padding-left: 1%;
  padding-right: 1%;
  min-height: 290px;
}
@media handheld,only screen and (max-width: 74.1em) {
  .footer-wrapper .footer-block .footer-content {
    display: block;
    width: auto;
    padding-right: 0;
  }
}
.footer-wrapper .footer-block .footer-content h3 {
  color: #00a4a6;
  margin-bottom: 1em;
}
@media handheld,only screen and (max-width: 74.1em) {
  .footer-wrapper .footer-block .footer-content {
    min-height: 0;
    padding: 0;
    position: static;
    display: block;
  }
}
.footer-wrapper .footer-block .guest-review .footer-review {
  color: #00a4a6;
}
@media handheld,only screen and (max-width: 74.1em) {
  .footer-wrapper .footer-block .contact-us .contact-fax {
    display: none;
  }
}
.footer-wrapper .footer-block .contact-us .contact-address {
  vertical-align: bottom;
  display: block;
}
.footer-wrapper .footer-block .contact-us dt {
  width: 20%;
}
.footer-wrapper .footer-block .contact-us dd {
  width: 80%;
}
.footer-wrapper .footer-block .subscribe {
  position: relative;
}
@media handheld,only screen and (max-width: 74.1em) {
  .footer-wrapper .footer-block .subscribe {
    margin-top: 20px;
  }
}
.footer-wrapper .footer-block .subscribe form.campaign-monitor input {
  display: block;
  vertical-align: bottom;
  border-bottom: 1px solid #D1D1D1;
  width: 70%;
  margin: 0;
  padding: 0;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -o-border-radius: 0px;
}
@media handheld,only screen and (max-width: 74.1em) {
  .footer-wrapper .footer-block .subscribe form.campaign-monitor input {
    margin: 0 auto;
    width: 90%;
  }
}
.footer-wrapper .footer-block .subscribe form.campaign-monitor label {
  width: 30%;
  font-weight: bolder;
}
.footer-wrapper .footer-block .subscribe form.campaign-monitor p {
  margin-top: 2em;
}
@media handheld,only screen and (max-width: 74.1em) {
  .footer-wrapper .footer-block .subscribe form.campaign-monitor .button-area {
    margin-top: 0.5em;
  }
}
.footer-wrapper .footer-block .subscribe form.campaign-monitor .button {
  position: absolute;
  bottom: 0;
  left: 0.8em;
  font-family: 'Montserrat', Verdana, sans-serif;
}
@media handheld,only screen and (max-width: 74.1em) {
  .footer-wrapper .footer-block .subscribe form.campaign-monitor .button {
    position: relative;
    left: 0;
  }
}
.footer-wrapper .footer-block .follow-us {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 13px;
  padding-right: 1%;
  margin-right: -0.25em;
  vertical-align: top;
  width: 24.25%;
  padding-right: 0;
}
@media handheld,only screen and (max-width: 74.1em) {
  .footer-wrapper .footer-block .follow-us {
    display: block;
    width: auto;
    padding-right: 0;
  }
}
.footer-wrapper .footer-block .follow-us .terms {
  margin-top: 26px;
  display: block;
}
@media handheld,only screen and (max-width: 74.1em) {
  .footer-wrapper .footer-block .follow-us .terms {
    margin-top: 0;
  }
}
@media handheld,only screen and (max-width: 74.1em) {
  .footer-wrapper .footer-block .follow-us {
    margin-top: 26px;
  }
}
@media handheld,only screen and (max-width: 74.1em) {
  .footer-wrapper .footer-block {
    text-align: center;
    overflow: hidden;
  }
}
.footer-wrapper .footer-block dl {
  display: block;
}
.footer-wrapper .footer-block dl dt,
.footer-wrapper .footer-block dl dd {
  display: inline-block;
  vertical-align: top;
}
@media handheld,only screen and (max-width: 74.1em) {
  .footer-wrapper .footer-block dl dt,
  .footer-wrapper .footer-block dl dd {
    display: block;
  }
}
.footer-wrapper .footer-block p {
  margin: 0.5em 0em;
}
.author-wrapper .author-block {
  margin: 0 auto;
  margin-top: 20px;
  color: #454545;
  text-align: center;
  padding-bottom: 170px;
  padding-bottom: 1vw;
  margin-bottom: 0;
  background: url('../../include/resources/peninsulahotel/images/g-footer-lines.png');
  background: url('../../include/resources/peninsulahotel/images/g-footer-lines.svg'), none;
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 100vw;
}
@media handheld,only screen and (max-width: 74.1em) {
  .author-wrapper .author-block {
    text-align: center;
    background-image: none;
  }
}
.author-wrapper .author-block span.space {
  display: inline-block;
  vertical-align: top;
  width: 20px;
}
.author-wrapper .author-block a {
  color: #00a4a6;
  text-decoration: none;
  margin: 0;
}
.author-wrapper .author-block a:hover {
  color: #008b8d;
  text-decoration: underline;
}
.author-wrapper .author-block a.author {
  color: #919191;
  font-size: 0.7em;
  margin-top: 40px;
  display: block;
}
.author-wrapper .author-block a.author:hover {
  color: #008b8d;
}
.author-wrapper .author-block .social-icons {
  margin-top: 8px;
}
@media handheld,only screen and (min-width: 1400px) {
  .author-wrapper .author-block .social-icons {
    margin-bottom: 70px;
  }
}
@media handheld,only screen and (min-width: 2200px) {
  .author-wrapper .author-block .social-icons {
    margin-bottom: 90px;
  }
}
.author-wrapper .author-block .social-icons .social-icons-wrapper {
  display: block;
  margin: 1.5em 0em 3em 0em;
}
.author-wrapper .author-block .social-icons .social-icons-wrapper .social-icon {
  -webkit-transition: all ease 0.25s;
  -moz-transition: all ease 0.25s;
  -o-transition: all ease 0.25s;
  -ms-transition: all ease 0.25s;
  transition: all ease 0.25s;
  display: inline-block;
  line-height: 1;
  margin: 3px 5px;
}
.author-wrapper .author-block .social-icons .social-icons-wrapper .social-icon .svg-inline--fa {
  color: #00a4a6;
  font-size: 1.5em;
}
.author-wrapper .author-block .social-icons .social-icons-wrapper .social-icon:hover .svg-inline--fa {
  color: #008b8d;
}
.meal-menus a,
.meal-menus div {
  display: inline-block;
  margin-left: 12px;
  margin-left: 1em;
}
#buffet-overlay {
  display: block;
  display: none;
  z-index: 800;
  position: fixed;
  background: #fff;
  top: 10%;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 10%;
  text-align: left;
  min-width: 100px;
  max-width: 960px;
  height: auto;
  max-height: 720px;
  overflow-y: hidden;
  box-shadow: 2px 0px 30px #000;
  border: 2px solid #00a4a6;
}
#buffet-overlay .content {
  padding: 2em;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  overflow-y: touch;
  max-height: 80%;
}
#buffet-overlay .content::-webkit-scrollbar,
#buffet-overlay .content::-webkit-scrollbar-button,
#buffet-overlay .content::-webkit-scrollbar-track {
  display: visible;
}
#buffet-overlay-target {
  border-bottom: 1px solid #00a4a6;
  cursor: pointer;
}
#buffet-overlay-target:hover {
  border-color: #008b8d;
  color: #008b8d;
}
@media handheld,only screen and (max-width: 74.1em) {
  #buffet-overlay-target:hover {
    color: #00a4a6;
  }
}
#buffet-overlay .content li {
  background-image: url('../../include/resources/peninsulahotel/images/rhs-li.svg');
  background-position: left;
  padding-left: 20px;
  padding-right: 0;
}
.buffet-overlay-close-panel {
  display: block;
  text-align: right;
  background: #F6F6F6;
  background-image: linear-gradient(to bottom,#F6F6F6,#d7d7d7);
  color: #fff;
  line-height: 0;
}
.buffet-overlay-close {
  display: inline-block;
  cursor: pointer;
  width: 32px;
  height: 32px;
  margin: 1em;
  background-image: url('../../include/resources/peninsulahotel/images/g-close.png');
  background-image: url('../../include/resources/peninsulahotel/images/g-close.svg');
  background-repeat: no-repeat;
  background-position: center;
}
#CDSWIDTCH {
  display: inline-block;
  height: auto !important;
  margin: auto;
}
@media (max-width: 74.1em) {
  #CDSWIDTCH {
    margin: auto !important;
  }
}
#CDSWIDTCH .widTCHLogo img {
  height: auto !important;
}
.TA_tchotel {
  display: block;
  float: right;
  margin-left: 1em;
  vertical-align: bottom !important;
}
.TA_tchotel:nth-child(2) {
  margin-right: 20px !important;
}
.trip-advisor-widgets {
  clear: both;
  overflow-y: auto;
}
.TA_guestreviews {
  float: right;
  clear: both;
}
@media handheld,only screen and (max-width: 74.1em) {
  .TA_guestreviews {
    float: none;
  }
}
#guest-review .review-entry {
  margin-top: 26px;
  margin-bottom: 26px;
  margin-top: 2em;
  margin-bottom: 2em;
  border-bottom: 1px solid #dedede;
}
#guest-review .review-entry:nth-last-child(1) {
  border-bottom: none;
}
#guest-review .readmore-style-box {
  margin-top: 2em;
}
#guest-review .readmore-style-box .readmore-style-button {
  display: block;
  text-align: center;
  margin: 0 auto;
}
#customer_review_form label {
  float: none;
}
#customer_review_form input,
#customer_review_form textarea {
  width: 80%;
}
.fact-sheet-download img {
  display: inline-block;
}
@media (max-width: 74.1em) {
  .awards,
  .fact-sheet-download {
    margin: auto;
    text-align: center;
  }
}
.news-post .read-more {
  display: inline-block;
}