/**
 * Primary compiling styles file
 *
 * This is the only file that our compiler reads, so if you don't include something
 * in here, it won't be compiled. Make sure you include mixins and functions first
 * so the following files can use them.
 **/
/* all files in the tools folder */
/**
 * Ease between states
 * Use this to smooth hover/active/focus events
 **/
/* all files in the global folder */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

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

body {
  line-height: 1; }

blockquote, q {
  quotes: none; }

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

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

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

/* Reset */
html, body,
h1, h2, h3, h4, h5, h6,
ul, ol,
img,
fieldset {
  margin: 0;
  padding: 0;
  border: 0; }

nav li {
  padding: 0;
  margin: 0;
  list-style-type: none; }

nav a:hover {
  text-decoration: none; }

/** 
 * Global colour palette
 **/
/* Background colours */
.white-bg {
  background-color: #FFF !important; }

.light-grey-bg {
  background-color: #e5edf2 !important; }

.mid-grey-bg {
  background-color: #d8e2e6 !important; }

.footer-grey-bg {
  background-color: #c0d0d9 !important; }

.light-blue-bg {
  background-color: #E4ECF1 !important; }

.mid-blue-bg {
  background-color: #559cbe !important; }

/* Text colours */
.black-text {
  color: #000 !important; }

.brown-text {
  color: #a86243 !important; }

.white-text {
  color: #FFF !important; }

.dark-sea-green-text {
  color: #2b515a !important; }

.mid-sea-green-text {
  color: #006990 !important; }

.mid-grey-text {
  color: #d8e2e6 !important; }

.dark-grey-text {
  color: #a1afaf !important; }

.mid-blue-text {
  color: #559cbe !important; }

/** 
 * All generic typographic styles
 *
 * Set the base-level typography here. This includes shared h1, h2, etc as well as
 * paragraphs, links, lists and so on. For specific buttons, headings and links create
 * a separate file in /components/_mycomponent.scss
 **/
html {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 12px;
  color: #000000; }

h1 {
  font-size: 24px;
  color: #2b515a;
  line-height: 1.3em; }

h2 {
  font-size: 22px;
  color: #2b515a;
  line-height: 1.3em; }

h3 {
  font-size: 18px;
  line-height: 1.3em; }

h4 {
  font-size: 16px;
  line-height: 1.3em; }

h5 {
  font-size: 14px;
  line-height: 1.3em; }

p,
.button,
label {
  font-size: 1em;
  line-height: 1.4em; }

p {
  padding-bottom: 1em; }

.content ul {
  padding: 15px 0 0 15px; }

a {
  outline: none;
  text-decoration: none; }

em,
.italic {
  font-style: italic; }

strong {
  font-weight: bold; }

.page-content h4 {
  padding-bottom: 2%;
  color: #2b515a; }

.page-content h5,
.page-content h6 {
  color: #2b515a; }

.page-content a {
  color: #006990; }
  .page-content a:hover {
    color: #559cbe; }

.page-content h3 {
  color: #2b515a;
  padding-bottom: 2%; }

.page-content ul {
  padding-left: 5%; }
  .page-content ul li {
    list-style: none;
    padding-bottom: 12px;
    position: relative;
    padding-left: 10px;
    line-height: 15px; }
    .page-content ul li:after {
      position: absolute;
      content: '';
      height: 5px;
      width: 5px;
      left: -5px;
      top: 5px;
      background-color: #c2d2d8;
      border-radius: 50%; }
    .page-content ul li a {
      color: #2b515a; }

.three-quarter-menu ul {
  padding-left: 5%; }
  .three-quarter-menu ul li {
    list-style: none;
    padding-bottom: 12px;
    position: relative;
    padding-left: 10px;
    line-height: 15px; }
    .three-quarter-menu ul li:after {
      position: absolute;
      content: '';
      height: 5px;
      width: 5px;
      left: -5px;
      top: 5px;
      background-color: #c2d2d8;
      border-radius: 50%; }
    .three-quarter-menu ul li a {
      color: #2b515a; }

/** 
 * Global page header/banner
 **/
header {
  height: 200px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat; }

.inner-head {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  position: relative; }

/** 
 * Global page footer
 **/
footer {
  background: url(/site/images/footer-background.jpg?73df32dd92b44596d5eeadbc9cd8d0d2) center bottom repeat-x;
  height: 320px; }
  footer .title-top {
    position: relative;
    border-bottom: 1px solid #d8e2e6; }
    footer .title-top h3 {
      /*width: 80%;*/
      /*border-bottom: 1px solid $mid-grey;*/
      padding: 2% 0 0.5% 0;
      position: relative;
      width: 200px; }
    footer .title-top .booknow-button {
      top: 16px;
      position: absolute;
      right: 1px; }
  footer li {
    list-style: none;
    padding-bottom: 12px;
    position: relative;
    padding-left: 10px; }
    footer li:after {
      position: absolute;
      content: '';
      height: 5px;
      width: 5px;
      left: -5px;
      top: 5px;
      background-color: #2b515a;
      border-radius: 50%; }
    footer li a {
      color: #2b515a;
      font-size: 14px; }
  footer .quarter {
    padding-top: 1em;
    padding-left: 2%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }

.footer-details {
  min-height: 80px;
  height: 100%; }
  .footer-details ul li {
    color: #91a9ae;
    padding-bottom: 5px;
    list-style: none;
    font-size: 0.9em; }
    .footer-details ul li a {
      color: #2b515a; }
    .footer-details ul li .sitemap-link {
      color: #91a9ae; }

/** 
 * General form styles
 *
 * These styles will be accommodated by default on all forms, so keep the selectors
 * (ie .field.text) generic. For a unique form (ie login form) create a new file in the
 * format /components/_form-myform.scss.
 **/
/***************EVENT AND PACKAGES BOOKING FORM STYLING**********************/
fieldset {
  min-width: 300px;
  width: 90%; }
  fieldset h4,
  fieldset h3 {
    color: #2b515a;
    padding-bottom: 5%; }
  fieldset h3 {
    font-style: italic; }

label {
  color: #2B515A;
  font-size: 12px;
  font-weight: normal !important; }

input.text,
textarea {
  padding: 8px 10px;
  border: 1px solid #C0D0D8;
  width: 100%;
  margin-bottom: 12px;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

input#UserForm_Form_action_process,
input#Form_EventBookingForm_action_submit.action,
input#Form_PackageBookingForm_action_submit.action {
  width: 100px !important;
  height: 25px;
  background-color: #559cbe;
  border: none;
  color: #FFF; }

.extra-info {
  padding: 5%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .extra-info h5 {
    font-size: 17px;
    color: #2b515a;
    padding-bottom: 3%; }
  .extra-info h6 {
    color: #2b515a;
    font-size: 15px;
    padding-bottom: 3%; }

/***************USERDEFINED FORM STYLING**********************/
input#UserForm_Form_EditableTextField_3ee69 {
  height: 150px; }

.contact-info {
  background-color: #f4f7f8;
  padding: 5%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 20px; }
  .contact-info p, .contact-info a {
    font-size: 12px;
    color: #859693;
    padding-bottom: 10px;
    line-height: 17px; }
  .contact-info h5 {
    color: #2b515a;
    font-size: 15px; }

.message.error {
  color: red; }

/** 
 * All navigation elements
 *
 * Global page navigation menus, mobile menus and general site navigation.
 * Do not use this file for element navigation (ie sliders).
 **/
nav ul {
  line-height: 2.5;
  text-align: center; }
  nav ul li {
    display: inline-block;
    /*			padding: 0 10px;*/ }
    nav ul li a {
      text-decoration: none;
      color: #FFF;
      font-size: 15px;
      padding: 12px 10px; }
      nav ul li a:hover {
        background-color: #3d8bb1; }

.main-nav {
  margin-top: 30px; }
  .main-nav .image-bg {
    background: url(/site/images/nav-background.jpg?48251692548c3b2f549dbce00c87a41a) top center no-repeat;
    height: 31px; }
    .main-nav .image-bg nav ul {
      line-height: 30px;
      text-align: center;
      height: 30px; }
      .main-nav .image-bg nav ul li {
        display: inline-block;
        padding: 0; }
        .main-nav .image-bg nav ul li a {
          text-decoration: none;
          color: #2b515a;
          font-size: 12px;
          padding: 8px 10px 14px 10px; }
          .main-nav .image-bg nav ul li a:hover {
            background: url(/site/images/nav-background-hover.png?eff5e56f1d88a0230169b0c441e4a42d) top left repeat-x; }
          .main-nav .image-bg nav ul li a.current, .main-nav .image-bg nav ul li a.section {
            color: #a86243;
            background: url(/site/images/nav-background-selected.png?cbf7c564829d82804ccd26e2c30ac124) center 30px no-repeat; }

/* TOP NAVIGATION
*/
.top-nav {
  background: rgba(229, 237, 242, 0.5);
  margin-left: 1em;
  -webkit-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.25); }
  .top-nav .int-flags {
    padding-top: 10px;
    padding-left: 10px;
    margin: 0 1em; }
    .top-nav .int-flags .flag-cont .flag-small a img {
      padding-right: 10px; }
  .top-nav .extra-links ul {
    list-style: none;
    margin: 0 1em; }
    .top-nav .extra-links ul li {
      display: inline-block;
      text-align: center; }
      .top-nav .extra-links ul li a {
        color: #2b515a;
        padding: 1em;
        display: block;
        height: 16px; }
        .top-nav .extra-links ul li a:hover, .top-nav .extra-links ul li a.current {
          color: #FFF;
          background: rgba(87, 153, 184, 0.3); }

.top-nav-home {
  width: 400px; }
  .top-nav-home .badges {
    height: 80px;
    padding-bottom: 20px; }
    .top-nav-home .badges img {
      max-height: 80px;
      padding-top: 5px; }
  .top-nav-home .top-nav {
    background: #67aaca;
    margin: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  .top-nav-home .extra-links {
    background: #559cbe; }
    .top-nav-home .extra-links ul li a {
      color: #FFF; }
      .top-nav-home .extra-links ul li a:hover {
        color: #d8e2e6;
        background-color: #3d8bb1; }

/* SECONDARY NAVIGATION
*/
.sub-menu {
  width: 265px; }
  .sub-menu li {
    list-style: none; }
    .sub-menu li a {
      color: #2b515a;
      padding-left: 10px;
      padding-top: 9px;
      padding-bottom: 9px;
      /*width: 265px;*/
      min-height: 22px;
      display: block;
      border-bottom: 0.5px solid #c0d0d9;
      line-height: 22px; }
      .sub-menu li a:hover {
        color: #a86243;
        background-color: #e5edf2; }
      .sub-menu li a.current {
        color: #a86243;
        background-color: #e5edf2; }
      .sub-menu li a.tripadvisor {
        padding-left: 45px;
        background-image: url(/site/images/trip-advisor-logo.gif?90578aaabb634e4ea876f7cbf2173883);
        background-position: 10px center;
        background-repeat: no-repeat; }
  .sub-menu .children a {
    padding-left: 30px;
    /*width: 245px;*/ }

/* LANDING PAGE NAVIGATION
*/
.landing-nav {
  padding: 2%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #c0d0d9;
  position: relative;
  margin: 15px 10px 15px 0; }
  .landing-nav .tile-image {
    height: 0;
    padding-top: 60%;
    background-position: center center;
    background-size: cover;
    position: relative; }
  .landing-nav .land-link {
    /*position: absolute;
		bottom: 0;
		width: 100%;*/
    padding: 3%;
    height: auto;
    color: #2b515a; }
    .landing-nav .land-link h4 {
      font-size: 17px;
      margin-bottom: 0.3em; }
    .landing-nav .land-link p {
      font-size: 14px;
      padding-bottom: 0.3em; }
    .landing-nav .land-link .read-more {
      color: #2b515a;
      padding: 0; }
      .landing-nav .land-link .read-more:hover {
        color: #559cbe; }

/* EXPERIENCE NAVIGATION
*/
.experience-nav {
  padding-left: 10px;
  padding-top: 9px;
  padding-bottom: 9px;
  min-height: 22px;
  display: block;
  line-height: 22px;
  color: #A1AFAF;
  font-style: italic;
  border-bottom: 1px solid #a86243; }

/* MOBILE NAVIGATION
*/
.mobNavBtn,
.mobnav,
.main-wrapper {
  -webkit-transform: translate(0, 0);
  -webkit-transition: -webkit-transform 500ms;
  transform: translate(0, 0);
  transition: transform 500ms; }
  .mobNavBtn.move,
  .mobnav.move,
  .main-wrapper.move {
    -webkit-transform: translate(-270px, 0);
    transform: translate(-270px, 0); }

.mobnav {
  position: fixed;
  width: 270px;
  background-color: #fff;
  right: -270px;
  top: 0;
  z-index: 10;
  overflow-y: scroll;
  overflow-x: hidden;
  height: 100%;
  border-left: solid 1px #c0d0d9; }
  .mobnav li {
    margin: 0;
    text-align: left;
    padding-left: 3%;
    border-bottom: solid 1px #c0d0d9;
    width: 100%;
    padding-bottom: 0; }
    .mobnav li a {
      display: block;
      color: #2b515a;
      width: 220px;
      line-height: 2em;
      padding: 5px 0;
      letter-spacing: 0.6px;
      text-decoration: none;
      font-size: 14px; }
      .mobnav li a:hover {
        color: #000;
        background-color: #FFF; }

.mobNavBtn {
  display: none;
  right: 20px;
  position: absolute;
  top: 30px;
  z-index: 20; }
  .mobNavBtn img {
    width: 40px; }
  .mobNavBtn:hover {
    cursor: pointer; }

ul.hide.togglable-content li {
  border-bottom: none;
  padding-left: 20px; }

/* translated subnav */
.subnav.translated h3 {
  font-size: 1.2em;
  font-weight: bold; }
  .subnav.translated h3 img {
    position: relative;
    top: 3px;
    margin-right: 10px; }

.subnav.translated .sub-menu.translated {
  margin: 1em 0 3em;
  border-top: 1px solid #e5edf2;
  border-left: 5px solid #e5edf2; }
  .subnav.translated .sub-menu.translated .children {
    display: none;
    background: #e5edf2;
    border-left: 5px solid #e5edf2; }
    .subnav.translated .sub-menu.translated .children li {
      background: #e5edf2; }
      .subnav.translated .sub-menu.translated .children li a {
        padding-left: 1.5em; }
        .subnav.translated .sub-menu.translated .children li a.standard {
          color: #a86243; }
  .subnav.translated .sub-menu.translated .toggle-button {
    border-bottom: 1px solid #a86243;
    color: #a1afaf !important;
    background: #FFF;
    font-style: italic;
    padding-left: 1em; }
    .subnav.translated .sub-menu.translated .toggle-button:hover {
      background: #FFF; }
  .subnav.translated .sub-menu.translated .active > .children {
    display: block; }

.subnav.translated .clear-session {
  width: 15px;
  height: 15px;
  display: block;
  text-indent: 20px;
  overflow: hidden;
  background: url(/site/images/close-x.png?06afcad898be131d104715b9649c5a23) 0 0 no-repeat; }

/** 
 * Global structure elements
 *
 * General structural rules (like columns, clears and floats) that are shared
 * throughout the whole site.
 **/
body {
  /*font-size: 62.5%;*/ }

.main {
  padding: 4em 0; }

.inner {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  position: relative; }

.liner {
  padding: 2em; }

.clear {
  clear: both; }

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

.cf:after {
  clear: both; }

.hide {
  display: none; }

.center {
  text-align: center; }

.left {
  float: left; }

.right {
  float: right; }

.padding {
  padding: 3em 0; }

.pad-top {
  padding-top: 1.5em; }

.pad-right {
  padding-right: 3em; }

.pad-left {
  padding-left: 3em; }

.pad-bot {
  padding-bottom: 1em; }

.third {
  width: 33.33%; }

.two-thirds {
  width: 66.66%; }

.quarter {
  width: 25%; }

.quarter-menu {
  width: 30%; }

.three-quarter {
  width: 75%; }

.three-quarter-menu {
  width: 70%; }

.three-quarter-resort {
  width: 73%; }

.half {
  width: 50%; }

.half-pad {
  width: 47%; }

img.right {
  margin-left: 5%;
  margin-bottom: 2%; }

img.left {
  margin-right: 5%;
  margin-bottom: 2%; }

hr {
  border: 1px dotted #d8e2e6; }

tr {
  border-bottom: 1px solid #d8e2e6; }
  tr p {
    padding-left: 3%; }

tr.first {
  background-color: #f2f9fc; }

td {
  padding-top: 7px; }

iframe {
  width: 100%; }

#CDSWIDSSP {
  width: 100% !important;
  max-width: 500px; }

@media all and (max-width: 1000px) {
  /*Mobile Navigation*/
  .mainnav,
  .sub-menu,
  .nav-home,
  .top-nav,
  .badges,
  .extra-links,
  .int-flags {
    display: none; }
  /*Mobile Navigation*/
  .mobNavBtn,
  .mobnav {
    display: block; }
  .mobHeader {
    position: absolute;
    z-index: 1;
    width: 100%; }
  .mobnav li {
    position: relative; }
    .mobnav li.pos-2 > a.toggle-button,
    .mobnav li.pos-3 > a.toggle-button,
    .mobnav li.pos-4 > a.toggle-button,
    .mobnav li.pos-5 > a.toggle-button,
    .mobnav li.pos-6 > a.toggle-button,
    .mobnav li.pos-7 > a.toggle-button,
    .mobnav li.pos-8 > a.toggle-button,
    .mobnav li.pos-9 > a.toggle-button,
    .mobnav li.about > a.toggle-button {
      background-image: url(/site/images/cross-tiny.png?1877e21df298b09e4a0aecd8fbc80a19);
      background-repeat: no-repeat;
      width: 16px;
      height: 100%;
      position: absolute;
      right: 30px;
      top: 10px;
      cursor: pointer; }
      .mobnav li.pos-2 > a.toggle-button.open,
      .mobnav li.pos-3 > a.toggle-button.open,
      .mobnav li.pos-4 > a.toggle-button.open,
      .mobnav li.pos-5 > a.toggle-button.open,
      .mobnav li.pos-6 > a.toggle-button.open,
      .mobnav li.pos-7 > a.toggle-button.open,
      .mobnav li.pos-8 > a.toggle-button.open,
      .mobnav li.pos-9 > a.toggle-button.open,
      .mobnav li.about > a.toggle-button.open {
        background-image: url(/site/images/minus-tiny.png?5cb13ef881b5d3798406708af15be2be); }
  .banner {
    margin-top: 90px !important; }
  .top-nav-home {
    position: absolute;
    right: 0;
    top: 110px; }
  .inner {
    width: 97%;
    padding-left: 1%;
    padding-right: 1%; }
  .three-quarter,
  .three-quarter-menu {
    width: 98%; }
  .featImg {
    width: 75%; }
  .three-quarter.review-content {
    width: 75%; }
  .contact-info {
    margin-right: 15px; }
  .multi-lang-cont {
    width: 70%; }
  .pad-top {
    padding-top: 1em; }
  .book-avail {
    margin-top: -43px !important;
    clear: both; }
  .sub-nav {
    width: 100%; }
    .sub-nav .module-item-wrapper:first-child {
      padding-top: 0; }
    .sub-nav .module-item-wrapper {
      width: 16%;
      float: left;
      padding-bottom: 2em; }
      .sub-nav .module-item-wrapper .module-item {
        height: 0;
        position: relative;
        padding-bottom: 80%; }
        .sub-nav .module-item-wrapper .module-item .module-content {
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          text-align: center;
          padding: 1% 1% 0 1%; }
          .sub-nav .module-item-wrapper .module-item .module-content .inner {
            height: 100%;
            /*	background-color:  $light-grey;*/
            border: 1px solid #d8e2e6;
            line-height: 100px;
            text-align: center; }
            .sub-nav .module-item-wrapper .module-item .module-content .inner img {
              max-width: 100%;
              max-height: 100%;
              vertical-align: middle; }
  .quarter.timetable {
    width: 50%; } }

@media all and (max-width: 800px) {
  .sub-nav .module-item-wrapper .module-item .module-content .inner {
    line-height: 80px !important; } }

@media all and (max-width: 700px) {
  .two-thirds,
  .third,
  .half {
    width: 100%; }
  .quarter
.quarter-menu {
    width: 50% !important; }
  .featImg {
    width: 93% !important; }
  .quarter.review-img {
    width: 35%; }
  .three-quarter.review-content {
    width: 65%;
    padding-bottom: 30px; }
  .third.home-links {
    width: 65% !important;
    margin-bottom: 20px; }
  .third.left.gallery {
    width: 48%; }
  .contact-info {
    width: 290px; }
  .multi-language-doc.left.third {
    width: 33.3% !important; }
  .sideImage {
    width: 60%; }
  div.quarter.right {
    float: left;
    margin-top: 15px; }
  .event-info {
    width: 60% !important; }
    .event-info .newsletter-subscribe {
      padding: 4%; }
  .sub-nav {
    width: 100%; }
    .sub-nav .module-item-wrapper {
      width: 33% !important; }
      .sub-nav .module-item-wrapper .module-item .module-content .inner {
        line-height: 150px !important; }
  .extra-info {
    width: 75%;
    margin-top: 15px;
    margin-bottom: 20px; }
  footer .quarter {
    width: 50%; } }

@media all and (max-width: 650px) {
  img.leftAlone {
    max-width: 100%;
    height: 100%; } }

@media all and (max-width: 600px) {
  .multi-lang-cont {
    width: 100%; }
  h3 {
    font-size: 1.3em; }
  .menu {
    width: 98%; }
  .sub-nav .module-item-wrapper .module-item .module-content .inner {
    line-height: 140px !important; }
  .quarter.timetable {
    width: 65%; } }

@media all and (max-width: 500px) {
  .quarter,
  .quarter-menu {
    width: 98% !important;
    padding-left: 2%; }
    .quarter ul,
    .quarter-menu ul {
      padding-left: 3%; }
  .quarter-menu {
    padding-top: 4%; }
  .half-pad {
    width: 98%;
    padding-left: 2%; }
  .landing-nav .land-link {
    bottom: 3.7%;
    width: 92.8%; }
  .quarter.review-img {
    width: 98%;
    padding: 3% 0; }
    .quarter.review-img img {
      width: 60%; }
  .three-quarter.review-content {
    width: 98%; }
  .review-content {
    padding-left: 0 !important; }
  .third.home-links {
    width: 100% !important; }
  img.right {
    float: left;
    width: 90%;
    height: 90%; }
  .read {
    margin-bottom: 10px; }
  .pdf {
    height: 40px !important;
    width: 350px !important; }
    .pdf h4 {
      width: 70%; }
  .event-info {
    width: 97% !important; }
  .sub-nav .module-item-wrapper .module-item .module-content .inner {
    line-height: 100px !important; }
  .quarter.timetable {
    width: 100%; }
  .resort-image {
    width: 70%;
    display: block;
    margin: 0 auto; }
    .resort-image img {
      width: 70% !important;
      display: block;
      margin: 0 auto; }
  .three-quarter-resort {
    width: 100% !important; } }

@media all and (max-width: 460px) {
  .book-avail {
    margin-top: -43px !important;
    clear: both; } }

@media all and (max-width: 450px) {
  .third.left.gallery {
    width: 98%; }
  div.right.booknow-button {
    top: -24px !important; }
  .logo-home {
    width: 85%; }
    .logo-home img {
      width: 85%; }
  .module-item-wrapper:last-child {
    margin-bottom: 20px; } }

@media all and (max-width: 400px) {
  .inner-head {
    background-size: 800px auto; }
  header {
    height: 160px; }
  .pdf {
    width: 280px !important; }
    .pdf h4 {
      width: 85%; }
  .sub-nav .module-item-wrapper .module-item .module-content .inner {
    line-height: 80px !important; } }

/** 
 * Module Styles
 *
 **/
.link-module {
  padding: 2% 0; }

.module-item-wrapper:first-child {
  padding-top: 7%; }

/** 
 * Global Book and Avaliability Button
 *
 **/
.book-desk {
  position: absolute;
  right: 0; }

.book-avail,
.book-avail-foot {
  background-color: #E4ECF1;
  padding: 9.5px 1px; }
  .book-avail:hover,
  .book-avail-foot:hover {
    background-color: #d8e2e6; }
  .book-avail a,
  .book-avail-foot a {
    padding: 0 5px; }
  .book-avail a.book,
  .book-avail-foot a.book {
    padding: 8px 20px 8px 14px;
    color: #FFFFFF;
    background: url("/site/images/button-book-availability.gif") 100% -4px no-repeat;
    text-decoration: none; }
    .book-avail a.book:hover,
    .book-avail-foot a.book:hover {
      background: url("/site/images/button-book-availability.gif") 100% -44px no-repeat; }
  .book-avail a.availability,
  .book-avail-foot a.availability {
    color: #2b515a; }

/* all files in the components folder */
/** 
 * General form styles
 *
 * These styles will be accommodated by default on all forms, so keep the selectors
 * (ie .field.text) generic. For a unique form (ie login form) create a new file in the
 * format /components/_form-myform.scss.
 **/
/** 
 * Banner styles
 *
 * This is all the styling for the banner slider on
 * the home page
 * 
 **/
.banner.with-slides {
  height: 0;
  position: relative;
  padding-bottom: 32%;
  margin-top: 110px;
  background: #559cbe; }
  .banner.with-slides .banner-slide {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-size: cover;
    background-position: center center;
    display: none; }
    .banner.with-slides .banner-slide.current {
      display: block; }
  .banner.with-slides .slider-button-prev {
    background: url(/site/images/prev.png?c9fff2e0fd5739f129740e09988c9c80);
    background-position: center center;
    background-repeat: no-repeat;
    left: 0;
    position: absolute;
    width: 50px;
    height: 50px;
    z-index: 100;
    top: 45%;
    cursor: pointer; }
    .banner.with-slides .slider-button-prev:hover {
      background: url(/site/images/prev-white.png?7dd5fbf21dce0569b00fc4eda74606c8);
      background-position: center center;
      background-repeat: no-repeat; }
  .banner.with-slides .slider-button-next {
    background: url(/site/images/next.png?a36956b217354754f6b3a0900f7dd962);
    background-position: center center;
    background-repeat: no-repeat;
    right: 0;
    position: absolute;
    width: 50px;
    height: 50px;
    z-index: 100;
    top: 45%;
    cursor: pointer; }
    .banner.with-slides .slider-button-next:hover {
      background: url(/site/images/next-white.png?99a671f992d0ad151c07fa37ff4af4bb);
      background-position: center center;
      background-repeat: no-repeat; }

/* all files in the pages folder */
/**
 * Homepage design
 * A unique design and layout, for a specific page type/class
 **/
.header-home {
  height: 30px; }
  .header-home .logo-home {
    padding: 2%; }

.nav-home {
  height: 40px; }

.home-links {
  position: relative; }
  .home-links img {
    width: 95%; }
  .home-links .link-button {
    background-color: #2b515a;
    color: #FFF;
    border: none;
    padding: 2% 4%;
    position: absolute;
    bottom: 2px;
    z-index: 1;
    right: 15%;
    font-family: 'georgia'; }
    .home-links .link-button:hover {
      background-color: #559cbe; }

.home h2 {
  font-size: 14pt;
  line-height: 1.6em; }

/**
 * PAGE design
 **/
.featImg {
  max-width: 700px;
  width: 100%; }
  .featImg img {
    border: 1px solid #d8e2e6;
    padding: 10px;
    max-width: 100%;
    display: block; }

.featImg-no-border {
  max-width: 700px;
  width: 100%; }
  .featImg-no-border img {
    padding: 10px;
    max-width: 100%;
    display: block; }

.page-content {
  padding: 3% 6% 3% 0; }

/**
 * Package Pafe design
 * A unique design and layout, for a specific page type/class
 **/
.intro {
  padding: 3% 0; }

.pricing-info .package-button {
  background: url("/site/images/book-now-button.gif") 0px 0px no-repeat;
  width: 230px;
  height: 100px;
  font-size: 24px;
  display: block;
  padding: 16px 0 0 20px;
  color: #2b515a;
  cursor: pointer; }
  .pricing-info .package-button:hover {
    background: url("/site/images/book-now-button.gif") 0px -148px no-repeat; }
  .pricing-info .package-button p {
    font-size: 16px;
    width: 85%; }

.pricing-info .title1,
.pricing-info .title2 {
  font-size: 15px;
  padding-bottom: 3%; }

.pricing-info .price1,
.pricing-info .price2 {
  font-size: 14px;
  padding-bottom: 8%;
  line-height: 20px; }

.pricing-info .fineprint {
  color: #a1afaf;
  font-size: 11px;
  padding-top: 2%;
  line-height: 14px; }

.pricing-info .packageImage {
  margin-bottom: 25px; }
  .pricing-info .packageImage img {
    border: 1px solid #d8e2e6;
    padding: 3%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }

/**
 * Food Menu design
 * A unique design and layout, for a specific page type/class
 **/
.menu {
  height: 100%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat; }
  .menu .menu-inner {
    padding: 10% 5%; }
    .menu .menu-inner h2 {
      padding-bottom: 3%; }
    .menu .menu-inner h6 {
      font-size: 17px;
      padding-bottom: 2%; }
    .menu .menu-inner p {
      color: #006990; }

.gallery {
  background-color: #e4ecf1;
  width: 32.3%;
  margin-right: 1%;
  margin-bottom: 3%; }
  .gallery img {
    width: 100%;
    min-height: 175px;
    height: 100%;
    padding: 5%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
  .gallery h5 {
    padding: 0 0 3% 4%;
    max-width: 210px;
    text-align: center; }

/**
 * Gallery design
 * A unique design and layout, for a specific page type/class
 **/
.gallery-page h4 {
  color: #559cbe; }

.image-gallery {
  /* 	max-height: 180px;
 	height: 100%;*/ }
  .image-gallery img {
    width: 95%;
    height: auto;
    overflow-y: hidden;
    padding: 3%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #d8e2e6;
    margin-bottom: 5%; }

/**
 * Getting Here Overview design
 * A unique design and layout, for a specific page type/class
 **/
.getting-here .three-quarter-menu {
  padding-right: 5%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

.getting-here .getting-main {
  padding-right: 3%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .getting-here .getting-main .pdf {
    background-color: #E4ECF1;
    height: 25px;
    width: 400px;
    padding: 5% 3%;
    margin-bottom: 30px; }
    .getting-here .getting-main .pdf img.left {
      margin-right: 8px !important; }
    .getting-here .getting-main .pdf h4 {
      font-size: 15px; }

.getting-here h5 {
  color: #2b515a !important; }

.getting-here .timetable {
  background-color: #E4ECF1;
  padding: 2%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .getting-here .timetable h4 {
    font-size: 18px;
    color: #2b515a;
    padding-bottom: 5%; }
  .getting-here .timetable h5 {
    color: #a86243 !important;
    font-size: 15px;
    padding: 3% 0; }
  .getting-here .timetable h6 {
    font-size: 14px;
    color: #2b515a;
    padding-bottom: 1%; }

.getting-here .togglable {
  width: 100%;
  padding-top: 2%;
  border-bottom: 1px solid #d8e2e6;
  min-height: 40px;
  height: 100%; }
  .getting-here .togglable .getting-icon {
    max-width: 40px;
    padding-right: 2%; }
  .getting-here .togglable h4 {
    padding-top: 1%;
    font-style: italic; }
  .getting-here .togglable .toggle-button {
    background: url("/site/images/getting-here-accordian-icon.jpg") no-repeat;
    display: block;
    float: right;
    height: 20px;
    margin: 3px 15px 0 0;
    width: 20px; }
  .getting-here .togglable .toggle-button.open {
    background-position: right -40px; }
  .getting-here .togglable .togglable-content .three-quarter,
  .getting-here .togglable .togglable-content .quarter {
    padding-top: 20px;
    height: auto; }
  .getting-here .togglable .togglable-content .three-quarter {
    padding-right: 3%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
  .getting-here .togglable .togglable-content h6 {
    color: #2b515a;
    font-weight: bold; }
  .getting-here .togglable .togglable-content ul {
    padding-left: 4%; }

/**
 * Language Page Design
 **/
.language-doc {
  padding: 3% 0; }
  .language-doc h3 {
    padding-bottom: 2%; }
  .language-doc p {
    padding-bottom: 5%; }
  .language-doc .pdf-doc {
    background-color: #559cbe;
    padding: 2% 5%;
    width: 150px; }
    .language-doc .pdf-doc:hover {
      background-color: #006990; }
  .language-doc a {
    color: #FFF;
    font-size: 18px;
    padding-left: 5%; }
    .language-doc a:hover {
      color: #FFF; }

.flag-cont {
  /*width: 230px;*/
  height: 30px; }
  .flag-cont .flag {
    width: 38px;
    padding-right: 7px;
    text-align: center;
    position: relative; }
    .flag-cont .flag img {
      width: 30px; }
    .flag-cont .flag:hover .country {
      display: inline-block;
      position: absolute;
      top: 23px;
      text-align: center;
      left: 0;
      background-color: #000;
      color: #FFF;
      padding: 5px; }

/**
 * Multi Language Page Design
 **/
.multi-lang-cont {
  height: 170px;
  border-bottom: 1px solid #d8e2e6;
  padding-top: 3%; }
  .multi-lang-cont .pdf-cont {
    width: 100px; }

/**
 * BASIC PAGE design
 **/
.basic {
  padding-right: 5%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .basic h5 {
    padding-bottom: 3%;
    color: #2b515a; }
  .basic a {
    color: #559cbe; }
    .basic a:hover {
      color: #006990; }

.basic-img {
  border: 1px solid #e5edf2;
  padding: 1%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 15px; }
  .basic-img img {
    width: 100%; }

/**
 * Even Landing Page design
 **/
h4.upcoming {
  border-bottom: 1px solid #d8e2e6; }

.event-holder {
  border-bottom: 1px solid #d8e2e6;
  min-height: 100px;
  height: 100%;
  padding: 18px 0; }
  .event-holder h6 {
    font-weight: bold;
    padding-bottom: 3px; }
  .event-holder .read {
    background-color: #e8e8e8;
    padding: 6px 10px;
    margin-right: 20px;
    font-size: 12px; }
    .event-holder .read:hover {
      background-color: #559cbe;
      color: #FFF; }
  .event-holder .date {
    background-color: #e8e8e8;
    padding: 4px 10px;
    margin-right: 20px;
    font-size: 12px;
    color: #999999; }

/**
 * Individual Event Page design
 **/
.intro {
  padding: 3% 0; }

.event-content {
  padding-right: 5%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .event-content .page-content h5 {
    font-size: 17px;
    color: #2b515a;
    padding-bottom: 8px; }

.event-title {
  max-width: 750px !important;
  padding-bottom: 3%; }

.event-info {
  padding-top: 3%; }
  .event-info .event-button {
    background: url("/site/images/book-now-button.gif") 0px 0px no-repeat;
    height: 100px;
    display: block;
    padding: 16px 0 0 20px;
    color: #2b515a;
    cursor: pointer; }
    .event-info .event-button:hover {
      background: url("/site/images/book-now-button.gif") 0px -148px no-repeat;
      text-decoration: none !important;
      color: #4898b6; }
    .event-info .event-button p {
      font-size: 12px !important;
      width: 180px;
      line-height: 14px; }
    .event-info .event-button .main-book {
      font-size: 24px;
      text-decoration: underline;
      margin-bottom: 10px;
      display: inline-block; }
      .event-info .event-button .main-book:hover {
        text-decoration: none; }
  .event-info .fineprint {
    color: #a1afaf;
    font-size: 14px;
    border-bottom: 1px solid #e5edf2;
    padding-bottom: 10px; }
  .event-info ul {
    padding-left: 18px; }
    .event-info ul li {
      list-style: none;
      padding-bottom: 12px;
      position: relative;
      padding-left: 10px; }
      .event-info ul li:after {
        position: absolute;
        content: '';
        height: 5px;
        width: 5px;
        left: -5px;
        top: 5px;
        background-color: #2b515a;
        border-radius: 50%; }
      .event-info ul li a {
        color: #2b515a; }
  .event-info .date {
    font-size: 18px;
    border-bottom: 1px solid #e5edf2;
    padding-bottom: 10px; }
  .event-info .pricing {
    padding-top: 15px;
    font-size: 16px; }
  .event-info .quote {
    padding: 10px 0;
    border-top: 1px solid #e5edf2;
    padding-top: 10px; }
  .event-info h5 {
    color: #2b515a; }
  .event-info .sideImage img {
    width: 100%; }
  .event-info .newsletter-subscribe {
    background-color: #e8e8e8;
    width: 100%;
    height: auto;
    padding: 10% 10% 0 10%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
    .event-info .newsletter-subscribe .subscribe {
      background-color: #a86243;
      color: #FFF;
      width: 100px;
      height: 30px;
      margin-top: 20px;
      float: right;
      border: none; }
    .event-info .newsletter-subscribe h4 {
      margin-bottom: 20px; }
    .event-info .newsletter-subscribe form input {
      width: 100%; }
    .event-info .newsletter-subscribe form button {
      margin-bottom: 15px; }

.itin-image img {
  width: 100%;
  padding-bottom: 3%; }

.itinerary {
  background-color: #d0e1ed;
  padding: 5%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .itinerary div {
    padding-bottom: 10px; }

.extra-info .date {
  padding: 15px 0; }

.extra-info .pricing {
  padding-left: 30px;
  padding-top: 15px; }

/**
 * Review Page Design
 **/
.review-cont {
  height: 100%;
  padding-bottom: 10px;
  border-bottom: 1px solid #e5edf2;
  margin-bottom: 10px; }
  .review-cont .review-img img {
    border: 1px solid #d8e2e6;
    padding: 5%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
  .review-cont .review-content {
    padding-left: 5%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
    .review-cont .review-content h4 {
      padding-bottom: 0; }
    .review-cont .review-content h5 {
      padding-bottom: 3%;
      color: #2b515a; }

a.review-button {
  display: block;
  width: 245px;
  background: url("/site/images/blue-arrow-button.jpg") no-repeat center right;
  color: #fff;
  font-size: 1.3em;
  font-style: normal;
  padding: 10px 15px;
  margin: 20px 0; }

/**
 * Property Map page structure
 *
 **/
/* ===== Property Map ===== */
div#property-map {
  min-width: 676px;
  width: 100%;
  height: 354px;
  background: url(/site/images/property-map-bg.jpg?fa1e17aa41f135c4ee6fc8f345f28d12) no-repeat;
  /*	 background-size:contain;
	background-position:center;*/
  position: relative; }

div#property-map a {
  position: absolute;
  display: block;
  text-decoration: none !important; }

div#property-map a span {
  position: relative;
  top: -25px;
  left: -50%;
  width: 135px;
  padding: 5px;
  background: #FFF;
  color: #559cbe;
  display: none;
  font-size: 15px;
  font-style: normal;
  text-align: center;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px; }

div#property-map .trigger {
  cursor: pointer; }

div#property-map a:hover span {
  display: block; }

a#block-1 {
  top: 178px;
  left: 70px;
  width: 60px;
  height: 27px; }

a#block-2 {
  top: 208px;
  left: 90px;
  width: 60px;
  height: 35px; }

a#block-3 {
  top: 190px;
  left: 170px;
  width: 50px;
  height: 20px; }

a#block-4 {
  top: 212px;
  left: 160px;
  width: 60px;
  height: 20px; }

a#block-5 {
  top: 218px;
  left: 222px;
  width: 30px;
  height: 20px; }

a#block-6 {
  top: 220px;
  left: 255px;
  width: 60px;
  height: 20px; }

a#block-7 {
  top: 250px;
  left: 325px;
  width: 70px;
  height: 10px; }

a#block-8 {
  top: 261px;
  left: 325px;
  width: 80px;
  height: 35px; }

a#block-9 {
  top: 285px;
  left: 440px;
  width: 160px;
  height: 25px; }

a#block-10 {
  top: 210px;
  left: 380px;
  width: 30px;
  height: 20px; }

a#block-11 {
  top: 222px;
  left: 430px;
  width: 60px;
  height: 25px; }

a#block-12 {
  top: 200px;
  left: 430px;
  width: 30px;
  height: 18px; }

a#block-13 {
  top: 210px;
  left: 465px;
  width: 20px;
  height: 10px; }

a#block-14 {
  top: 212px;
  left: 490px;
  width: 30px;
  height: 12px; }

a#block-15 {
  top: 225px;
  left: 492px;
  width: 50px;
  height: 20px; }

a#block-16 {
  top: 225px;
  left: 542px;
  width: 30px;
  height: 20px; }

div#oneBdrmInfo,
div#twoBdrmInfo,
div#threeBdrmInfo,
div#foredeckInfo,
div#kumutageInfo,
div#bightInfo,
div#spaInfo {
  background: #FFF;
  width: 180px;
  weight: 200px;
  padding: 15px;
  position: absolute;
  top: 150px;
  left: 230px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  display: none; }

img.popup-close {
  position: absolute;
  top: 5px;
  right: 5px; }

/**
 * About page structure
 *
 **/
.in-touch {
  background-color: #E4ECF1;
  padding: 5%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .in-touch h4 {
    color: #2b515a;
    padding-bottom: 3%; }
  .in-touch a {
    color: #2b515a; }

.AboutImage img {
  width: 100%; }

/**
 * Resort Landing Page design
 * A unique design and layout, for a specific page type/class
 **/
.resort-nav {
  min-height: 120px;
  height: 100%;
  padding: 0 10px 10px 10px;
  border: 1px solid #C0D0D8;
  background-color: #EEEEFF;
  margin-bottom: 10px; }
  .resort-nav .resort-image img {
    width: 100%;
    padding: 10px 10px 0 0; }
  .resort-nav .resort-content {
    padding-top: 10px; }
    .resort-nav .resort-content h4 {
      color: #006990;
      font-weight: normal;
      font-size: 16px;
      padding-bottom: 10px; }
      .resort-nav .resort-content h4:hover {
        text-decoration: underline;
        color: #4898b6; }
    .resort-nav .resort-content .read-more {
      color: #006990;
      font-size: 12px; }
      .resort-nav .resort-content .read-more:hover {
        text-decoration: underline;
        color: #4898b6; }
    .resort-nav .resort-content .blurb:hover {
      text-decoration: underline; }

/**
 * Experience Landing Page design
 **/
.experience h5 {
  border-bottom: 1px solid #A86243;
  font-weight: normal;
  margin: 15px 0 0;
  padding: 10px;
  font-size: 14px;
  color: #2b515a;
  margin-bottom: 20px;
  width: 89%; }

.experience .experience-container {
  width: 95%;
  background-color: #F2F9FC;
  border: 1px solid #c0d0d8;
  height: 100%;
  display: inline-block;
  margin-bottom: 20px; }
  .experience .experience-container .exp-image {
    width: 110px; }
    .experience .experience-container .exp-image img {
      padding: 8px; }
  .experience .experience-container .exp-content {
    width: 200px;
    padding: 8px 6px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
    .experience .experience-container .exp-content h4 {
      padding-bottom: 5px;
      color: #2B515A !important; }
    .experience .experience-container .exp-content .read-more {
      color: #006990; }
      .experience .experience-container .exp-content .read-more:hover {
        text-decoration: underline;
        color: #4898b6; }

/**
 * SITEMAP basic styling
 **/
.sitemap {
  padding-top: 1em;
  margin: 0 auto;
  max-width: 800px; }
  .sitemap ul {
    list-style-type: circle !important;
    padding-left: 30px; }
    .sitemap ul li {
      padding: 0.2em 0; }
    .sitemap ul ul {
      list-style-type: disc !important; }
      .sitemap ul ul ul {
        list-style-type: square !important; }
        .sitemap ul ul ul ul {
          list-style-type: disc !important; }