@charset "UTF-8";
/*
Author: Hari Thallapelly
Template: CS14
*/

/**
 *
 * 1.0 - Reset
 * 2.0 - Basic Structure
 * 3.0 - Left and right panel
 * 4.0 - Navigation
 * 5.0 - Slider Section
 * 6.0 - Content
 * 7.0 - Footer
 * 8.0 - Custom theme styles
 * 9.0 - Media Queries

 * -----------------------------------------------------------------------------
 */

/**
 * 1.0 Reset
 *
 * -----------------------------------------------------------------------------
 */
html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, iframe {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
  box-sizing: content-box;
}

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

audio, canvas, video {
  display: inline-block;
  max-width: 100%;
}

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

body, button, input, select, textarea {
  color: #525252;
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  line-height: 1.5;
}

a {
  text-decoration: none;
  color: #333333;
}

a:focus {
  outline: thin dotted;
}

a:hover, a:active {
  outline: 0;
  color: #000000;
}

.sub-heading {
  font-size:20px;
}

address {
  font-style: italic;
  margin-bottom: 24px;
}

abbr[title] {
  border-bottom: 1px dotted #2B2B2B;
  cursor: help;
}

b, strong {
  font-weight: 700;
}

cite, dfn, em, i {
  font-style: italic;
}

mark, ins {
  background: #FFF9C0;
  text-decoration: none;
}

p {
  margin-bottom: 10px;
}

code, kbd, tt, var, samp, pre {
  font-family: monospace, serif;
  font-size: 15px;
  -webkit-hyphens: none;
  -moz-hyphens:    none;
  -ms-hyphens:     none;
  hyphens:         none;
  line-height: 1.6;
}

pre {
  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-sizing: border-box;
  -moz-box-sizing:    border-box;
  box-sizing:         border-box;
  margin-bottom: 24px;
  max-width: 100%;
  overflow: auto;
  padding: 12px;
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

blockquote, q {
  -webkit-hyphens: none;
  -moz-hyphens:    none;
  -ms-hyphens:     none;
  hyphens:         none;
  quotes: none;
}

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

blockquote {
  color: #767676;
  font-size: 19px;
  font-style: italic;
  font-weight: 300;
  line-height: 1.2631578947;
  margin-bottom: 24px;
}

blockquote cite, blockquote small {
  color: #2B2B2B;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

blockquote em, blockquote i, blockquote cite {
  font-style: normal;
}

blockquote strong, blockquote b {
  font-weight: 400;
}

small {
  font-size: smaller;
}

big {
  font-size: 125%;
}

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

sup {
  bottom: 1ex;
}

sub {
  top: .5ex;
}

dl {
  margin-bottom: 24px;
}

dt {
  font-weight: bold;
}

dd {
  margin-bottom: 24px;
}

ul, ol {
  list-style: none;
  margin: 0;
  padding-left: 25px;
  padding-bottom: 10px;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul, li > ol {
  margin: 0 0 0 20px;
}

img {
  border: 0;
  max-width:100%;
}

figure {
  margin: 0;
}

fieldset {
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin: 0 0 24px;
  padding: 11px 12px 0;
}

legend {
  white-space: normal;
}

button, input, select, textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing:    border-box;
  box-sizing:         border-box;
  font-size: 100%;
  margin: 0;
  max-width: 100%;
  vertical-align: baseline;
}

button, input {
  line-height: normal;
}

input, textarea {
  background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */
}

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

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

input[type="checkbox"], input[type="radio"] {
  padding: 0;
}

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

 input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

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

textarea {
  overflow: auto;
  vertical-align: top;
}

table, th, td {
  border: 1px solid rgba(0, 0, 0, 0.1);
}

table {
  border-collapse: separate;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin-bottom: 24px;
  width: 100%;
}

caption, th, td {
  font-weight: normal;
  text-align: left;
}

th {
  border-width: 0 1px 1px 0;
  font-weight: bold;
}

td {
  border-width: 0 1px 1px 0;
}

del {
  color: #767676;
}

.divider {
  border-top: 1px dotted #AD9F8F;
  padding-top: 20px;
}

.right {
  float: right;
}

.left {
  float: left;
}

.center {
  text-align: center;
}

.clear {
  clear: both;
}

/* Support a widely-adopted but non-standard selector for text selection styles
 * to achieve a better experience. See http://core.trac.wordpress.org/ticket/25898.
 */
::selection {
  background: #24890D;
  color: #FFFFFF;
  text-shadow: none;
}

::-moz-selection {
  background: #24890D;
  color: #FFFFFF;
  text-shadow: none;
}


/**
 * 2.0 Basic Structure
 *
 * -----------------------------------------------------------------------------
 */
.site {
  /*Background for the website*/
  background-image: url(../images/main-background.jpg);
  background-repeat: no-repeat;
  background-color: #FFFFFF;
  background-position: bottom center;
  background-attachment: fixed;
  font-size: 14px;
  color: #363636;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  margin: 30px 0;
  overflow: auto;
}

.bodywrapper {
  max-width: 100%;
  width: 1160px;
  margin: 0 auto;
  background-color: #006666;
  /* Next two lines fix a bug in the native Android browser that causes content not to be shown, for details see
  http://stackoverflow.com/questions/12923305/is-there-any-workaround-polyfill-for-android-4-0-3-stock-browser-z-index-issues */
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
}


/**
 * 3.0 Left and right panel
 *
 * -----------------------------------------------------------------------------
 */
.leftcontainer {
  float: left;
  text-align: left;
  width: 25%;
  max-width: 100%;
}

.rightcontainer {
  float: right;
  width: 75%;
  max-width: 100%;
  background-color: #FFFFFF;
}

header {
  background-color: inherit;
}

.logo {
  padding: 10px 0;
  margin: 0;
  background-color: #FFFFFF;
  border-right: 1px solid #F3F3F3;
  text-align: center;
}

.sticky {
  position: fixed;
  z-index: 9999;
  top: 0;
  max-width: 290px;
}

.mobileph {
  display: none;
}


/**
 * 4.0 Navigation Menu
 *
 * -----------------------------------------------------------------------------
 */
nav {
  background-color: inherit;
  clear: both;
  padding: 0;
  margin: 0;
}

.menuwrapper {
  list-style: none;
  padding: 0;
  margin: 0;
  background: #B2D8D8;
}

.menuwrapper ul {
  width: 100%;
  margin: 0;
  padding: 0;
}

.menuwrapper ul li {
  list-style-type: none;
  padding-left: 20px;
  display: block;
  margin: 0;
}

.menuwrapper ul li a {
  color: #008080;
  text-decoration: none;
  padding: 10px !important;
  display: block;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 1px;
  font-size: 18px;
}

.menuwrapper ul li a:hover {
  color: #FFFFFF;
}

.menuwrapper ul li .active {
  color: #FFFFFF;
}

.fa {
  padding-right: 3px;
}

/**********************************************
Mobile
***********************************************/
#mfToggleText {
  display: inline-block;
  margin-left: 10px;
}

#mfToggleMenu {
  display: none;
  cursor: pointer;
  color: #FFFFFF; /*Colour for show and hide menu in mobile versions*/
  text-decoration: none;
  padding: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  background-color: #008080; /*Background colour for show and hide menu in mobile versions*/
}


/**
 * 5.0 Slider Section
 *
 * -----------------------------------------------------------------------------
 */
.sliderwrapper {
  background-color: transparent;
  padding: 0;
  margin: 0;
}

.slider-images {
  max-width: 100%; /*Change to 100% for full width slider images*/
  text-align: center;
  background-color: #FFFFFF;
  /*float: right;*/
}


/**
 * 6.0 Main Content Section
 *
 * -----------------------------------------------------------------------------
 */
.contentwrapper {
  padding: 25px;
}


/**
 * 7.0 Footer Section
 *
 * -----------------------------------------------------------------------------
 */
footer {
}

.footerwrapper {
  color: #525252;
  font-size: 12px;
  background-color: #B2D8D8;
}

.footerleft {
  float: left;
  clear: right;
  width: 25%;
  background-color: #004C4C;
}

.footerright {
  float: right;
  background-color: #B2D8D8;
  width: 75%;
  color: #008080;
}

.footersocial {
  padding: 42px 0 43px 0;
  margin: 0 auto;
  text-align: center;
}

.footernav {
  list-style: none;
  padding: 25px;
}

footer ul {
  margin: 0;
  padding-left: 0 !important;
}

.footernav li {
  display: inline;
}

.footernav li a:first-child {
  padding-left: 0 !important;
}

.footernav li a {
  text-decoration: none;
  display: inline;
  color: #008080;
  padding: 0 7px;
  font-size: 14px;
}

.footernav li a:hover {
  text-decoration: underline;
}


/**
 * 8.0 Custom theme styles
 *
 * -----------------------------------------------------------------------------
 */
h1 {
  font-size: 30px;
  color: #008080;
}

h2 {
  font-size: 25px;
}

h3 {
  font-size: 20px;
  margin-top: 15px;
}

h4 {
  font-size: 15px;
}

h1,h2,h3,h4 {
  margin-bottom: 10px;
}

p {
  margin-bottom: 15px;
  line-height: 19px;
}

a {
  color: #008080;
}

a:hover {
  color: #666666;
}

.contactblock {
  background-color: #282523;
  padding: 25px 25px 34px 25px;
  color: #9B8F88;
  font-size: 16px;
}

.contactblock p {
  text-transform: uppercase;
  font-weight: 300;
  letter-spacing: 2px;
}

.contactblock span {
  font-size: 30px;
  color: #FFFFFF;
  line-height: 45px;
  letter-spacing: 1px;
}

.facebookBtn, .twitterBtn, .youtubeBtn, .noSocialBtn {
  background-color: #507CBE;
  text-align: center;
  color: #FFFFFF;
  width: 48px;
  height: 48px;
  line-height: 48px;
  vertical-align: middle;
  display: inline-block;
  font-size: 22px;
}

.twitterBtn {
  background-color: #63CDF1;
}

.youtubeBtn {
  background-color: #F16261;
}

.noSocialBtn {
  /* Use this when no social buttons are needed, it holds the footsocial div open to the correct height */
  background-color: transparent;
}

.facebookBtn:hover {
  background-color: #6893D5;
}

.twitterBtn:hover {
  background-color: #8DE2FF;
}

.youtubeBtn:hover {
  background-color: #FF8180;
}

/********************************************
Client Reviews
********************************************/
.reviews-inner {
  padding: 10px 20px;
  margin: 0 0 20px 0;
  background-color: #F2F2F2;
  border: 1px solid #DDDDDD;
}

.reviews-inner h4 {
  font-size: 20px;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

.reviews-inner p.review-date {
  margin: 0;
  padding: 0 0 0 20px;
}

.reviews-inner blockquote {
  border: none;
  font-size: 16px;
  background: transparent;
  margin: 0;
  color: #363636;
  padding: 10px 20px 0 20px;
  quotes: "\201C""\201D""\201C""\201D";
}

.reviews-inner blockquote:before {
  color: #CCCCCC;
  content: open-quote;
  font-size: 50px;
  line-height: 0.1em;
  vertical-align: -0.4em;
  margin-right: 5px;
}

.reviews-inner blockquote p {
  display: inline;
  margin: 0;
}

.reviews-inner blockquote cite {
  display: block;
  margin: 0 0 0 20px;
}

.reviews-inner blockquote cite:before {
  content: "\2013\00a0";
}

.reviews-inner blockquote + br {
  display: none;
}


/********************************************
Buttons
********************************************/
.button-container {
  margin: 10px 0;
}

.button {
  padding: 5px 10px;
}

.buttonlarge {
  padding: 10px 30px !important;
  font-size: 125%;
}

.buttonbooknow {
  background-color: #008080;
  color: #FFFFFF;
  display: inline-table;
}

.buttonbooknow:hover {
  color: #000000;
}

.buttonenquire {
  background-color: #3276B1;
  color: #FFFFFF;
  display: inline-table;
}

.buttonenquire:hover {
  color: #000000;
}


/********************************************
Content Boxes
********************************************/
.contentboxwrapper {
  margin: 0 0 10px 0;
  padding: 0;
  clear: both;
}

.contentboxcontent {
  clear: both;
}

.contentboximagewrapper {
  display: table-cell;
  min-width: 410px;
}

.contentboximage {
  max-width: 100%;
  padding: 0;
  margin: 10px 0 10px 10px;
  background-color: #FFFFFF;
}

.contentboxtext {
  display: table-cell;
  text-align: left;
  max-width: 100%;
  width: 100%;
  vertical-align: top;
  padding: 0;
}

.contentboxtext h2 {
  padding: 10px 0 10px 0;
  margin: 0 0 10px 0;
}

.contentboxfooter {
  padding: 10px 0;
}

.contentboxwrapper h3 {
  margin: 0;
}

.contentboxfooterbuttons {
  /* Just a container */
}

.contentboxfooterbuttons a {
  margin-right: 10px;
}

.contentboxfooterbuttons::after {
  /* ClearFix Hack */
  content: "";
  clear: both;
  display: table;
}


/********************************************
Map
********************************************/
.map-info-window {
  text-align: center;
  padding: 0 20px 20px 20px;
}

.map-info-window h1 {
  font-size: 20px;
  font-weight: bold;
  font-family: "Open Sans", sans-serif;
}

.map-info-window a {
  font-size: 16px;
  font-weight: bold;
  font-family: "Open Sans", sans-serif;
  outline: none;
  text-decoration: underline;
}


/********************************************
Fotorama Overrides
********************************************/
/* We want to make the map hero image on the home page clickable
   See https://github.com/artpolikarpov/fotorama/issues/328 */
.fotorama__html div, .fotorama__html a {
  display: block;
  height: 100%;
  /* Transparent links are not clickable in IE, but non-existent background fixes this.
    (Put an empty 1×1 image here to avoid errors in console.) */
  background: url("../images/spacer.gif");
}

.fotorama img {
  /* Override an aa_cms_common.css style that sets img: z-index to 5.
     This is needed to make the map hero image on the home page clickable,
     without this the image link can't be clicked to go to the Location page. */
  z-index: auto;
}


/********************************************
Other
********************************************/
a[href^=tel] {
  color: inherit;
  text-decoration: none;
}

.amenitieslist ul {
  display: inline-block;
  overflow: auto;
  margin: 0;
  list-style: none;
  padding-left: 0;
}

.amenitieslist li {
  width: 255px;
  margin-bottom: 3px;
  padding-right: 15px;
  display: block;
  float: left;
}

.is-cms .amenitieslist li {
  width: 100%;
  padding-right: 0;
  float: none;
}

.locationaddress {
  background-color: #F7F7F7;
  padding: 10px 0;
  margin-bottom: 20px;
}

.locationaddress ul {
  display: inline-block;
}

.locationaddress ul li {
  display: block;
  float: left;
  padding: 0 8px;
  width: 220px;
}

article {
  margin-bottom: 20px;
}

.articleblock {
  background-color: #FFFFFF;
  padding: 10px;
  border: 1px solid #DDDDDD;
  margin-top: 10px;
}

.articleblock img {
  margin-right: 20px;
}

.mapcontainer {
  width: 100%;
  margin: 0 auto !important;
}

.map {
  position: relative;
  padding-bottom: 75%; /* This is the aspect ratio */
  height: 0;
  overflow: hidden;
  margin-bottom: 10px;
}

.map iframe, .map #map_canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.videocontainer {
  position: relative;
  padding-bottom: 56.25%; /* 16/9 ratio */
  height: 0;
  overflow: hidden;
}

.videocontainer iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.featureimageright {
  float: right;
  margin-left: 10px;
}

.amenities, .affiliations {
  margin: 2px;
  border: none;
}

.cmsmsg {
  display: none;
  color: #FF0000;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin: 10px;
  padding: 5px 10px;
  background-color: #FFF9C0;
}

.is-cms .cmsmsg {
  display: block;
}


/**
 * 9.0  Media Queries
 *
 * -----------------------------------------------------------------------------
 */
@media screen and (max-width: 1280px) {
}

@media screen and (max-width: 1160px) {
  .site {
    margin: 0 auto;
  }
}

@media screen and (max-width: 1024px) {
 .leftcontainer, .footerleft {
    width: 28%;
  }

  .rightcontainer, .footerright {
    width: 72%;
  }
}

@media screen and (max-width: 960px) {
  .contentboximagewrapper {
    display: block;
    text-align: center;
    min-width: inherit;
  }

  .contentboximage {
    display: inline-block;
    max-width: 100%;
    padding: 5px;
    border: 1px solid #DDDDDD;
    margin: 10px 0;
  }

  .contentboxtext {
    display: block;
    text-align: left;
    max-width: 100%;
    width: auto;
    vertical-align: top;
  }

  .contentboxfooterbuttons {
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  .site {
    background-image: none;
  }

  .leftcontainer, .rightcontainer, .footerleft, .footerright {
    width: 100%;
  }

  .logo {
    margin: 0 auto;
    text-align: center;
  }

  #mfToggleMenu {
    display: block;
  }

  #mfToggleText {
    display: inline-block;
  }

  .menuwrapper ul {
    margin: 0 !important;
    max-width: 100%;
    display: none;
  }

  .menuwrapper ul li {
    border-bottom: 1px solid #292524;
    text-align: center;
  }

  .contactblock {
    text-align: center;
    margin: 0 auto;
    float: none;
  }

  .contentwrapper {
    padding: 10px;
  }
}

@media screen and (max-width: 580px) {
  .mobileph {
    display: block;
    background-color: #FFFFFF;
    color: inherit;
    font-size: 18px;
    padding: 10px 0;
    text-align: center;
  }

  a[href^=tel] {
    color: inherit;
    text-decoration: underline;
  }
}

@media screen and (max-width: 480px) {
  .amenitieslist li {
    width: 95%;
  }

  .featureimageright {
    float: none;
    margin-left: 0;
    text-align:center;
  }
}

@media screen and (max-width: 320px) {
}