/*
Theme Name:     Custom Responsive Theme - Stellar Blue Technologies
Theme URI:      http://www.stellarbluetechnologies.com
Description:    Custom Responsive Theme
Version:        2.0
Author:         Stellar Blue
Author URI:     http://www.stellarbluetechnologies.com
*/

/* LAST MODIFIED - 5/11/2014 */

/*
  FONTS
  heuristicabold
  heuristicaregular
  latobold
  latolight
  latoregular
*/

/*
  Structure:
  00 - Reset
  01 - Responsive Grid
  02 - General
  03 - Header
  04 - Home Page
  05 - Interior Page
  06 - Footer
  07 - Map
*/

/*-------------------------------------
00 ------------------------------ Reset
-------------------------------------*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none}[hidden]{display:none}html{font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}h1,h2,h3,h4,h5,h6{font-weight:400}a{color:#00f}a:focus{outline:thin dotted}li{list-style:none}abbr[title]{border-bottom:0}b,strong{font-weight:700}i,em,dfn{font-style:italic}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}ins{background:#ff9;color:#000;text-decoration:none}mark{background:#ff0;color:#000;font-style:italic;font-weight:700}pre,code,kbd,samp{font-family:monospace,monospace;_font-family:'courier new',monospace}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:"";content:none}small{font-size:85%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}label{cursor:pointer}input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal;*overflow:visible}button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}input[type=checkbox],input[type=radio]{box-sizing:border-box}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}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;resize:vertical}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}


/*-------------------------------------
01 --------------------- Responsive Grid
-------------------------------------*/
.container {width: 100%; margin: 0px auto;}
.row {max-width: 1000px; width: 100%; margin: 0px auto;}
img {max-width: 100%;}
.one, .two, .three, .four,
.five, .six, .seven, .eight,
.nine, .ten, .eleven, .twelve {
  margin-right: 2%;
  float: left;
}
.one {width: 6.5%;}
.two {width: 15%;}
.three {width: 23.5%;}
.four {width: 32%;}
.five {width: 40.5%}
.six {width: 49%;}
.seven {width: 57.5%;}
.eight {width: 66%;}
.nine {width: 74.5%;}
.ten {width: 83%;}
.eleven {width: 91.5%;}
.twelve {margin-right: 0px; width: 100%;}
.last {margin-right: 0px;}

/*-------------------------------------
02 ---------------------------- General
-------------------------------------*/
/* body.page-id-5 {
  overflow: hidden;
}
 */
body {
  overflow-x: hidden;
}

i,
em {
  font-style: italic;
}

b,
strong {
  font-weight: bold;
}

.alignleft {
  position: relative;
  display: block;
  float: left;
  margin: 0px 15px 15px 0px;
}

.alignright {
  position: relative;
  display: block;
  float: right;
  margin: 0px 0px 15px 15px;
}

.aligncenter {
  position: relative;
  display: block;
  float: none;
  margin: 15px auto;
}

.alignnone {
  position: relative;
  display: block;
  margin: 0px 0px 15px 0px;
}

.clear {
  position: relative;
  display: block;
  clear: both;
}

.sprite {
  position: relative;
  display: block;
  background: url(images/sprite.png) no-repeat;
}

::selection {
  background: #cab052;
}

::-moz-selection {
  background: #cab052;
}

a {
  -webkit-transition: all .3s ease-out;
     -moz-transition: all .3s ease-out;
       -o-transition: all .3s ease-out;
          transition: all .3s ease-out;
}

a:focus,
input:focus,
select:focus {
  outline: none;
}

.phone_number {
  cursor: default;
  text-decoration: none;
}

a.button {
  display: inline-block;
  position: relative;
  padding: 8px 22px;
  color: #fff !important;
  font-size: 12px;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  font-family: 'latoregular';
  background: #cab052;
}

a.button:hover {
  background: #9f8a5d;
}

.button {
color: #fff;
padding: 8px 22px;
width: auto;
font-size: 12px;
text-transform: uppercase;
text-decoration: none;
font-family: 'latoregular';
background: #cab052;
border: none;
}

.button:hover {
  background: #9f8a5d;
}

.nf-error-msg, .ninja-forms-req-symbol {
color: #cab052 !important;
}

hr {
  border-top: 1px solid #af9f8f;
  border-top: 1px solid rgba(255,255,255,.35);
}

a.button.fixed-book {
    position: fixed;
    bottom: 60px;
    right: 20px;
    left: auto;
    color: #fff !important;
    padding: 8px 22px;
    width: auto;
}


@media only screen and (max-width: 1100px) {
    a.button.fixed-book {
        position: fixed;
        bottom: 0;
        left: 0;
        right: auto;
        color: #fff;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
}

/*-------------------------------------
03 ----------------------------- Header
-------------------------------------*/
#header {
  position: absolute;
  top: 0;
  width: 96%;
  padding: 0 2%;
  height: 132px;
  z-index: 1000;
  background: #353230;
}

#header .row,
#footer .row {
  max-width: 100%;
}

#header-featured-banner {
  position: absolute;
  right: 0px;
  top: 132px;
  background-color: #C5811D;
  background:
      linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.02) 15%,rgba(0,0,0,0) 16%),
      linear-gradient(to bottom, rgba(114,114,114,1) 0%,rgba(197,129,29,1) 0%,rgba(197,129,29,1) 100%);
  color: white;
  padding: 15px;
  padding-right: 50px;
  font-family: 'latoregular';
  min-width: 720px;
  text-transform: uppercase;
}

#main-logo {
  float: left;
  width: 254px;
  height: 67px;
  margin-top: 16px;
}

#top-nav {
  position: relative;
  float: right;
  width: 100%;
  padding: 8px 0;
  border-bottom: 1px solid #af9f8f;
  border-bottom: 1px solid rgba(255,255,255,.35);
}

.menu-top-nav-container {
  float: right;
}

#top-nav li {
  display: block;
  float: left;
  line-height: 16px;
  margin-right: 28px;
}

li#menu-item-44 {
  margin-right: 0;
}

#top-nav a {
  color: #af9f8f;
  font-size: 12px;
  letter-spacing: 1px;
  text-decoration: none;
  text-transform: uppercase;
  font-family: 'latobold';
}

#newsletter-dropdown {
  display: none;
  position: absolute;
  top: 28px;
  right: 165px;
  z-index: 1001;
  width: 200px;
  padding: 20px 24px;
  /* height: 256px; */
  opacity: 1;
  visibility: hidden;
  background: #353230;
  -webkit-transition: all .3s ease-out;
     -moz-transition: all .3s ease-out;
       -o-transition: all .3s ease-out;
          transition: all .3s ease-out;
}

#newsletter-dropdown.open {
  display: block;
  opacity: 1;
  visibility: visible;
}

#newsletter-dropdown label {
  color: #fff;
  cursor: default;
  font-size: 12px;
  text-transform: uppercase;
  font-family: 'latoregular';
}

#newsletter-dropdown input {
  width: 190px;
  margin-bottom: 5px;
  padding: 5px;
  border: none;
  background: #af9f8f;
}

#newsletter-dropdown input#join {
  width: 72px;
  float: right;
  margin-top: 10px;
  color: #fff;
  background: #5a80a3;
  font-size: 14px;
  text-transform: uppercase;
  font-family: 'latoregular';
}

#cc_form_1 {
  margin: 0 !important;
  color: #fff !important;
  font-family: 'latoregular' !important;
}

.cc_first_name.kws_input_container.gfield {
  padding-top: 0!important;
}

input#cc_5020312c46_Go.b.button {
  width: 72px !important;
  float: right !important;
  margin-top: 10px !important;
  color: #fff !important;
  background: #5a80a3 !important;
  font-size: 14px !important;
  text-transform: uppercase !important;
  font-family: 'latoregular' !important;
}

div#constant-contact-signup-errors label {
  color: red !important;
}

#cc_form_1 .cc_success {
  margin: 0!important;
  padding: 0!important;
  color: #af9f8f!important;
}

header {
  clear: both;
}

#menu-main,
.menu-main-container {
  display: block;
  position: relative;
  float: right;
  height: 27px;
  line-height: 27px;
}

.menu-main-container {
  margin-top: 36px;
}

#menu-main li {
  position: relative;
  display: block;
  float: left;
  margin-right: 40px;
}

.menu-main-container ul li a {
  color: #fff;
  font-size: 19px;
  letter-spacing: 2px;
  text-decoration: none;
  text-transform: uppercase;
  font-family: 'latoregular';
}

#top-nav a:hover {
  opacity: .75;
}

.menu-main-container ul li a:hover {
  opacity: .44;
}

#book-stay-btn {
  float: right;
  margin-top: 35px;
  line-height: 11px;
}

/* Mobile Menu */
#mobile-menu-button.sprite {
	display: none;
	width: 31px;
	height: 18px;
  float: right;
  margin-top: 25px;
	cursor: pointer;
	background-position: -283px -34px;
	-webkit-transition: all .3s ease-out;
     -moz-transition: all .3s ease-out;
       -o-transition: all .3s ease-out;
	        transition: all .3s ease-out;
}

#mobile-menu-wrap {
	width: 0px;
	overflow: hidden;
	position: fixed;
	top: 0;
	right: 0px;
	z-index: 9999;
	background: #353230;
	-webkit-transition: all .3s ease-out;
     -moz-transition: all .3s ease-out;
       -o-transition: all .3s ease-out;
	        transition: all .3s ease-out;
}

#mobile-menu-wrap.mobile-menu-open {
	width: 250px;
}

#mobile-menu-interior-wrap {
	width: 250px;
	position: absolute;
	top: 0px;
	overflow-y: scroll;
	padding-right: 20px;
	right: -20px;
}

html.mobile-menu-open {
	overflow: hidden;
}

a#mobile-phone {
  display: block;
  float: right;
  margin-top: 30px;
  padding-right: 10px;
  color: #fff;
  font-size: 24px;
  font-family: 'latobold';
}

a#mobile-address {
  display: block;
  float: right;
  margin: 10px 0;
  padding-right: 10px;
  color: #8e8c8b;
  font-size: 13px;
  text-decoration: none;
  font-family: 'latoregular';
}

.menu-mobile-container {
  padding-right: 10px;
  float: right;
}

#menu-mobile {
	text-align: right;
	width: 225px;
	margin-top: 0;
	padding-top: 10px;
	padding-bottom: 10px;
}

#menu-mobile li {
	line-height: 40px;
}

#menu-mobile li a {
  color: #cab052;
  font-size: 16px;
  text-decoration: none;
  text-transform: uppercase;
	font-family: 'latoregular';
}

#mobile-buttons-container {
	float: right;
	margin-top: 0;
  padding-right: 10px;
}

#mobile-sm-btns {
  float: right;
}

.mobile-sm.sprite {
	display: inline-block;
	margin: 0 10px;
}

#mobile-sm-facebook.sprite {
  width: 7px;
  height: 14px;
	background-position: -340px -63px;
}

#mobile-sm-twitter.sprite {
  width: 15px;
  height: 14px;
	background-position: -355px -63px;
}

#mobile-sm-tripadvisor.sprite {
  width: 22px;
  height: 14px;
	background-position: -379px -63px;
}

#mobile-sm-googleplus.sprite {
	margin: 0 0 0 10px;
  width: 16px;
  height: 14px;
	background-position: -409px -63px;
}

/* Booking Packages Panel */
#booking-package-slideout-panel {
  position: absolute;
  right: 0px;
  width: 0px;
  padding-right: 20px;
  right: -20px;
  top: 132px;
  z-index: 500;
}

#booking-package-slideout-content {
  position: relative;
  top: 0px;
  left: 0px;
  width: 239px;
  background: #353230;
  -webkit-transition-delay: .15s;
  -webkit-transform: translate3d(0,0,0);
  -webkit-transition: all .6s cubic-bezier(0.32, 0.22, 0.35, 0.98);
  -moz-transition: all .6s cubic-bezier(0.32, 0.22, 0.35, 0.98);
  -o-transition: all .6s cubic-bezier(0.32, 0.22, 0.35, 0.98);
  transition: all .6s cubic-bezier(0.32, 0.22, 0.35, 0.98);
}

.ie8 #booking-package-slideout-content {
  right: 0;
  left: auto;
}

#booking-package-slideout-content.open {
	-ms-transform: translateX(-239px);
	-webkit-transform: translateX(-239px);
	-moz-transform: translateX(-239px);
	-o-transform: translateX(-239px);
  transform: translateX(-239px);
  -webkit-transition-delay: .15s;
  -webkit-transition: all .6s cubic-bezier(0.32, 0.22, 0.35, 0.98);
  -moz-transition: all .6s cubic-bezier(0.32, 0.22, 0.35, 0.98);
  -o-transition: all .6s cubic-bezier(0.32, 0.22, 0.35, 0.98);
  transition: all .6s cubic-bezier(0.32, 0.22, 0.35, 0.98);
}

.ie8 #booking-package-slideout-content.open {
  right: 240px;
}

#booking-package-btn-container {
  position: absolute;
  width: 37px;
  height: 100%;
  top: 0;
  left: -37px;
  cursor: pointer;
  background: #9f8a5d;
}

#booking-package-button.sprite {
  width: 10px;
  height: 295px;
  top: 50%;
  margin-top: -220px;
  left: 13px;
  background-position: -488px -71px;
  -webkit-transition: all .3s ease-out;
     -moz-transition: all .3s ease-out;
       -o-transition: all .3s ease-out;
          transition: all .3s ease-out;
}

#booking-package-content-wrap {
  height: 100%;
/*   min-height: 756px; */
  overflow-x: hidden;
}

#panel-close-btn.sprite {
  position: absolute;
  z-index: 1000;
  top: 20px;
  right: 20px;
  width: 12px;
  height: 11px;
  background-position: -373px -34px;
}

/* Quick Booking */
#quick-booking-container {
  position: relative;
  display: block;
  width: 239px;
  height: 200px;
  padding: 32px 0 0 32px;
  color: #fff;
}

#mobile-quick-booking-container h2,
#booking-package-slideout-content h2 {
  margin-bottom: 10px;
  font-size: 24px;
  line-height: 26px;
  text-transform: uppercase;
  font-family: 'heuristicabold';
}

#mobile-quick-booking-container h2 span,
#booking-package-slideout-content h2 span {
  display: block;
  font-size: 14px;
  line-height: 18px;
  font-family: 'latoregular'
}

#mobile-quick-booking-container table.main-table,
#quick-booking-container table.main-table {
  width: 100%;
}

#quick-booking-container table.main-table td {
  position: relative;
}

#mobile-quick-booking-container table.main-table tr {
  width: 100%;
}

#mobile-quick-booking-container table.main-table td.check-in-cal {
  position: relative;
  float: left;
  width: 48%;
  margin-right: 4%;
}

#mobile-quick-booking-container table.main-table td.check-out-cal {
  position: relative;
  float: left;
  width: 48%;
  margin-right: 0;
}

#quick-booking-container form {
  display: block;
  float: left;
  width: 170px;
}

#mobile-quick-booking-container .book-your-stay,
#quick-booking-container .book-your-stay {
  display: inline-block;
  top: -13px;
  position: relative;
  font-size: 18px;
  color: #fff;
  line-height: 39px;
}

#mobile-quick-booking-container span.label,
#quick-booking-container span.label {
  display: block;
  color: #fff;
  text-transform: uppercase;
  font-size: 10px;
  line-height: 39px;
  margin-left: 19px;
}

#mobile-quick-booking-container input[type="text"],
#quick-booking-container input[type="text"] {
  line-height: 27px;
  height: 27px;
  border: none;
  box-shadow: none;
  background-color: #fff;
  box-sizing: border-box;
  padding: 0px 8px;
  margin: 5px 0;
  font-family: 'latoregular';
  font-size: 12px;
  color: #a2a5a4;
  width: 100%;
}

.calendar-icon {
  position: absolute;
  top: 4px;
  right: -1px;
}

#check-availability-link {
  position: relative;
  color: #fff;
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: none;
  font-family: 'latoregular';
}

#mobile-check-availability-link span.sprite,
#check-availability-link span.sprite {
  display: block;
  position: relative;
  top: 5px;
  width: 20px;
  height: 13px;
  background-position: -399px -32px;
}

#mobile-quick-booking-container input[type="submit"],
#quick-booking-container input[type="submit"] {
  margin-top: 10px;
  height: 20px;
  line-height: 20px;
  border: none;
  color: #fff;
  padding: 0px;
  margin-left: 0;
  background: none;
  font-size: 12px;
  font-family: 'latoregular';
}

/* Calendar */
.CALPOPcpBorder td {
    padding: 3px 5px;
    text-align: left;
    text-align: center;
  font-family: 'latoregular';
}

.CALPOPcpYearNavigation,
.CALPOPcpMonthNavigation {
  font-family: arial;
  font-size: 8pt;
  font-style: normal;
  text-align: center;
  background-color: #fff;
  text-align: center;
  vertical-align: center;
  text-decoration: none;
  color: #a2a5a4; /* Month and year text color */
}

.CALPOPcpDayColumnHeader,
.CALPOPcpYearNavigation,
.CALPOPcpCurrentMonthDate,
.CALPOPcpCurrentMonthDateDisabled,
.CALPOPcpOtherMonthDate,
.CALPOPcpOtherMonthDateDisabled,
.CALPOPcpCurrentDate,
.CALPOPcpCurrentDateDisabled,
.CALPOPcpTodayText,
.CALPOPcpTodayTextDisabled,
.CALPOPcpText {
  font-family: arial;
  font-size: 8pt;
  font-style: normal;
  text-align: center;
    color: #a2a5a4; /* Color of the 'S M T W T S' */
}

TD.CALPOPcpDayColumnHeader {
  text-align: right;
  border-bottom: 1px solid #a2a5a4;  /* Line height under the 'S M T W T S' */
}

.CALPOPcpCurrentMonthDate,
.CALPOPcpOtherMonthDate,
.CALPOPcpCurrentDate {
  text-align: right;
  text-decoration: none;
  color: #000000;
}

TD.CALPOPcpCurrentDate {
    background-color: #353230; /* Background or current date */
}

TD.CALPOPcpTodayText,
TD.CALPOPcpTodayTextDisabled {
  border-top: 1px solid #a2a5a4; /* Line above bottom 'today' */
}

A.CALPOPcpTodayText,
SPAN.CALPOPcpTodayTextDisabled {
    height: 20px;
}

A.CALPOPcpTodayText {
  color: #a2a5a4;
  font-weight: bold;  /* Text color for today's date */
}

A.CALPOPcpCurrentMonthDate {
    color: #a2a5a4; /* Text color for this month's dates */
}

A.CALPOPcpOtherMonthDate {
    color: #a2a5a4; /* Text color for other month's dates */
}

A.CALPOPcpCurrentDate {
  color: #fff;
}

A.CALPOPcpMonthNavigation {
    color: #a2a5a4; /* Color for arrows (navigation) */
}

.CALPOPcpBorder {
  background-color: #fff;
  border: none;
  position: absolute;
  left: 6px;
  top: 33px;   /* All styles for actual calendar box */
  z-index: 1000;
}

/* Package Slider */
#package-slide-container {
  position: relative;
  display: block;
  width: 239px;
  height: 577px;
}

.package-slide {
  position: absolute;
  width: 239px;
  height: 577px;
}

.package-slide-content {
  position: absolute;
  z-index: 1000;
  top: 84px;
  left: 32px;
  width: 180px;
  color: #353230;
}

.package-slide p {
  font-size: 12px;
  line-height: 18px;
  font-family: 'heuristicaregular'
}

a.package-link {
  position: absolute;
  width: 118px;
  bottom: 102px;
  z-index: 1000;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.package-slide-overlay {
  position: absolute;
  width: 239px;
  height: 577px;
  background: url(images/backgrounds/right-sidebar-bg.png) no-repeat;
  background-position: top right;
}

.package-slide img {
  position: absolute;
  top: 0;
  z-index: -1;
  width: 239px;
  height: 576px;
}

#package-slide-pagination {
  position: absolute;
  bottom: 60px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 68px;
  height: 27px;
  z-index: 1000;
}

.pkg-slide-nav {
  width: 29px;
  height: 27px;
  -webkit-transition: all .3s ease-out;
     -moz-transition: all .3s ease-out;
       -o-transition: all .3s ease-out;
          transition: all .3s ease-out;
}

.pkg-slide-nav:hover {
  background-color: #fff;
}

a#pkg-slide-left-nav.sprite {
  float: left;
  background-position: -432px -25px;
}

a#pkg-slide-right-nav.sprite {
  float: right;
  background-position: -471px -25px;
}

/*-------------------------------------
04 -------------------------- Home Page
-------------------------------------*/
.page-id-5 #outer-page-wrapper {
  position: relative;
  width: 100%;
  min-height: 960px;
  overflow-x: hidden;
}

#home-main.container {
  position: relative;
}

#home-slideshow {
  min-height: 100%;
  width: 1920px;
  height: auto;
  position: fixed;
  top: -16px;
  left: 0;
  z-index: -1000;
  -webkit-transform: translate3d(0,0,0);
}

#home-slideshow img {
  min-height: 100%;
  width: 100%;
  height: auto;
  position: fixed;
  top: -16px;
  left: 0;
  -webkit-transition-duration: 30s;
  -moz-transition-duration: 30s;
  -o-transition-duration: 30s;
  transition-duration: 30s;
}

#home-slideshow div:nth-child(2) img {
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

#home-slideshow .cycle-slide-active.loaded img {
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}

#home-slideshow .cycle-slide-active .main-slide-image-1,
#home-slideshow .cycle-slide-active .main-slide-image-2,
#home-slideshow .cycle-slide-active .main-slide-image-3,
#home-slideshow .cycle-slide-active .main-slide-image-4,
#home-slideshow .cycle-slide-active .main-slide-image-5 {
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}

#home-pagination {
  display: inline-block;
  position: absolute;
  left: 350px;
  bottom: 135px;
  text-align: center;
  }

#home-pagination .sprite {
  float: left;
  margin-right: 8px;
  width: 14px;
  height: 14px;
  background-position: -326px -2px;
  -webkit-transition: none;
     -moz-transition: none;
       -o-transition: none;
          transition: none;
}

#home-pagination .sprite.cycle-pager-active {
  background-position: -299px -2px;
}

#welcome-panel {
  position: absolute;
  top: 160px;
  left: 0;
  width: 278px;
  height: 700px;
  background: url(images/backgrounds/welcome-panel-bg.png) no-repeat;
}

#welcome-panel-content {
  padding: 36px;
  margin-top: 50px;
  color: #fff;
  overflow: hidden;
}

#mobile-welcome-panel h2,
#welcome-panel h2 {
  margin-bottom: 10px;
  font-size: 32px;
  line-height: 32px;
  text-transform: uppercase;
  font-family: 'heuristicabold';
}

#mobile-welcome-panel h2 span,
#welcome-panel h2 span {
  display: block;
  font-size: 14px;
  line-height: 18px;
  font-family: 'latoregular'
}

#mobile-welcome-panel p,
#welcome-panel p {
  font-size: 13px;
  line-height: 20px;
  font-family: 'heuristicaregular'
}

/* Home Mobile */
#mobile-home-content {
  display: none;
  color: #fff;
  background: #353230;
}

a#mobile-packages-btn {
  width: 100%;
  padding: 16px 0 14px;
  margin: 30px 0;
  letter-spacing: 1px;
  font-size: 18px;
  line-height: 18px;
}

#mobile-awards-wrap {
  display: none;
  padding: 5% 0;
  background: #fff;
}

#mobile-awards-wrap .award {
  width: 46%;
  height: 83px;
  margin: 0 auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}

/*-------------------------------------
05 ---------------------- Interior Page
-------------------------------------*/
#interior-bg {
  min-height: 100%;
  width: 1920px;
  height: auto;
  position: fixed;
  top:-16px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -1000;
  -webkit-transform: translate3d(0,0,0);
  background: url(images/backgrounds/int-bg-sample.jpg);
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center top !important;
}

#interior-slideshow {
  min-height: 100%;
  width: 1920px;
  height: auto;
  position: fixed;
  top: -100px;
  left: 0;
  z-index: -1000;
  -webkit-transform: translate3d(0,0,0);
}

#interior-slideshow img {
  min-height: 100%;
  width: 100%;
  height: auto;
  position: fixed;
  top: -16px;
  left: 0;
}

#main-wrapper {
  margin-top: 750px;
  background: url(images/backgrounds/int-content-bg.png) repeat-x;
}

/* .page-template-page-sections #main-wrapper,
.single-galleries #main-wrapper {
  margin-top: 680px;
} */

#main.container {
  /* min-height: 300px; */
  padding: 30px 0 60px;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  font-family: 'heuristicaregular';
  background: #2e2c2b;
}

.ie8 #main.container,
.ie9 #main.container {
  background: #2e2c2b;
}

#main.container .two {
  margin-right: 5%;
}

#main.container .ten {
  width: 80%;
}

#main.container img {
  height: auto;
}

#main.container h2 {
  padding-bottom: 20px;
  margin-bottom: 16px;
  color: #fff;
  font-size: 36px;
  line-height: 36px;
  letter-spacing: 4px;
  text-transform: uppercase;
  font-family: 'latoregular';
  border-bottom: 1px solid #af9f8f;
  border-bottom: 1px solid rgba(255,255,255,.35);
}

#main.container h3 {
  color: #cab052;
  font-size: 18px;
  padding-bottom: 5px;
  text-transform: uppercase;
  font-family: 'heuristicabold';
 }

#main.container p {
  padding-bottom: 20px;
}

#main.container a {
  color: #cab052;
  text-decoration: none;
}

#main.container a:hover {
  color: #9f8a5d;
}

#main.container a.phone_number {
  color: #fff;
}

#main.container blockquote {
  margin-left: 20px;
}

#main.container ul,
#main.container ol {
  padding: 0 0 20px 20px;
}

#main.container li {
  padding-bottom: 5px;
  list-style: inherit;
}

#main.container table {
  width: 100%;
  padding-bottom: 20px;
}

#main.container td {
  width: 45%;
  padding-right: 5%;
}

#main.container table.package-table {
  padding-bottom: 10px;
}

#main.container table.package-table th,
#main.container table.package-table td {
  width: 23%;
  padding-right: 2%;
}

#main.container table.package-table td {
  padding-top: 5px;
}

#main.container table.package-table th {
  margin-bottom: 5px;
  padding-bottom: 5px;
  vertical-align: middle;
  border-bottom: 1px solid #af9f8f;
  border-bottom: 1px solid rgba(255,255,255,.35);
}

#main.container table.staff-table td {
  width: auto;
  padding: 0 0 20px;
}

#main.container table.staff-table td img {
  max-width: 200px !important;
  height: auto;
}

/* Page Sections */
.individual-toggle-section.active {
  display: block;
}

.individual-toggle-section {
  display: none;
}

#sidebar p.page-title {
  color: #fff;
  font-size: 16px;
  letter-spacing: 1px;
  padding-bottom: 17px;
  margin: 15px 0 20px;
  text-transform: uppercase;
  font-family: 'latoregular';
  border-bottom: 1px solid #af9f8f;
  border-bottom: 1px solid rgba(255,255,255,.35);
}

#main.container ul#section-nav {
  padding: 0;
}

#main.container ul#section-nav li {
  line-height: 14px;
  padding-bottom: 16px;
  color: #a5acb0;
  cursor: pointer;
  list-style: none;
  -webkit-transition: all .3s ease-out;
     -moz-transition: all .3s ease-out;
       -o-transition: all .3s ease-out;
          transition: all .3s ease-out;
}

#main.container ul#section-nav li a {
  color: #a5acb0;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 1px;
  text-decoration: none;
  text-transform: uppercase;
  font-family: 'latoregular';
}

#main.container ul#section-nav li.active a,
#main.container ul#section-nav li a:hover {
  color: #fff;
}

/* Gallery */
.gallery-slider {
	overflow: hidden;
	display: block;
  min-height: 100%;
  width: 1920px;
  height: auto;
  position: relative;
  top: 0px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -1000;
  background: #2e2c2b;
  -webkit-transform: translate3d(0,0,0);
}

.gallery-slider div {
	display: block;
	width: 100%;
	position: relative;
	box-sizing: border-box;
}

#main.container h2.gallery-title {
  border: none;
  text-align: center;
}

.gallery-preview {
  position: relative;
  width: 300px;
  float: left;
  margin: 5px 16px;
  padding: 0px;
}

.gallery-featured-img {
  display: block;
  float: left;
  width: 300px;
  height: 150px;
  margin-bottom: 6px;
  overflow: hidden;
  background-size: cover !important;
  background-position: center top !important;
}

#main.container .gallery-preview h3 {
  padding-bottom: 0;
}

#main.container .gallery-preview p {
  height: 25px;
  color: #fff;
}

.single-galleries #main-wrapper {
  height: 300px;
  overflow: hidden;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.slider-nav {
  cursor: pointer;
  margin: 0 20px;
  border: 3px solid transparent;
}

 .slider-nav.slick-center {
  border: 3px solid #cab052;
}

/* Forms */
#main.container input[type="text"],
#main.container input[type="tel"],
#main.container input[type="email"],
#main.container textarea {
	font-family: 'latoregular';
	box-sizing: border-box;
	width: 100%;
	padding: 9px 10px;
	border: 1px solid #fff;
	color: #333;
	font-size: 14px;
	-webkit-appearance: none;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	     -o-box-shadow: none;
	        box-shadow: none;
}

#main.container select {
	font-family: 'latoregular';
	box-sizing: border-box;
	width: 100%;
	padding: 9px 5px;
	border: 1px solid #fff;
	color: #333;
	font-size: 14px;
	line-height: 14px;
	background: #fff;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	     -o-box-shadow: none;
	        box-shadow: none;
}

.ie8 #main.container select {
	line-height: 20px;
	position: relative;
	display: block;
}

#main.container label {
	font-weight: bold;
}

#main.container select:focus {
	outline: none;
}

#main.container input[type="checkbox"] {
	position: relative;
	top: 2px;
}

#main.container input[type="checkbox"]:hover {
	cursor: pointer;
}

#main.container span.wpcf7-list-item {
	display: block;
	margin-left: 20px;
	margin-right: 0px;
	font-size: 14px;
}

#main.container input:focus,
#main.container textarea:focus {
	outline: none;
}

#main.container textarea {
	height: 180px;
}

#main.container input[type="submit"] {
	border: 0;
  background: #cab052;
	padding: 9px 11px;
	color: #fff;
	text-transform: uppercase;
	font-family: 'latoregular';
	font-size: 16px;
	transition: all 0.3s ease;
	transform: scale(1,0.9);
	-webkit-transform: scale(1,0.9);
	-moz-transform: scale(1,0.9);
	-ms-transform: scale(1,0.9);
	-o-transform: scale(1,0.9);
}

#main.container input[type="submit"]:hover {
  background: #9f8a5d;
}

.wpcf7-form {
	width: 100%;
	display: block;
	float: left;
}

#main.container #contact-table {
	padding: 0px;
}

#main.container #contact-table,
#main.container #contact-table tr,
#main.container #contact-table tbody {
	display: block;
	float: left;
	clear: both;
	width: 100%;
	max-width: 100%;
}

.ie8 #contact-table,
.ie8 #contact-table tr,
.ie8 #contact-table tbody,
.ie9 #contact-table,
.ie9 #contact-table tr,
.ie9 #contact-table tbody {
	display: block;
	float: left;
	clear: both;
	width: 100%;
	max-width: 100%;
}

#main.container #contact-table {
	margin-top: 0;
}

#main.container #contact-table p {
	padding: 7px 0px;
}

#main.container #contact-table tr {
	margin-bottom: 10px;
}

#main.container #contact-table td {
	display: block;
	float: left;
	width: 48.5%;
	margin-right: 3%;
	margin-bottom: 0;
}

#main.container #contact-table td:last-child {
	margin-right: 0px;
}

.ie8 #main.container #contact-table td {
	width: 45%;
	margin-right: 2.5%;
}

#main.container #contact-table td.full {
	width: 100%;
	margin-right: 0px;
}

/*------ Contact Form 7 Styles (remove if not using WPCF7) ------*/
div.wpcf7-validation-errors {
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
  margin-bottom: 30px;
	border: none;
	color: red;
  clear: both;
}

div.wpcf7-mail-sent-ok {
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
  margin-bottom: 30px;
	border: none;
	color: green;
  clear: both;
}

span.wpcf7-not-valid-tip {
  position: absolute;
  padding: 0 5px;
  top: -2px;
  left: 5px;
  background: #fff;
}

/*------ Blog ------*/
#main.container.blog-landing h1.blog-landing-title,
#main.container.blog-landing h2.blog-landing-title {
  padding-bottom: 20px;
	margin-bottom: 30px;
  color: #fff;
  font-size: 36px;
  line-height: 36px;
  letter-spacing: 4px;
  text-transform: uppercase;
  font-family: 'latoregular';
  border-bottom: 1px solid #af9f8f;
  border-bottom: 1px solid rgba(255,255,255,.35);
}

#main.container.blog-landing h1.blog-landing-title a,
#main.container.blog-landing h2.blog-landing-title a {
	color: #cab052;
  text-decoration: none;
}

#main.container.blog-landing h1.blog-landing-title a:hover,
#main.container.blog-landing h2.blog-landing-title a:hover {
	color: #9f8a5d;
}

#main.container.blog-landing h2 {
	margin: 0px;
}

#main.container.blog-landing h2 a {
	color: #cab052;
	text-decoration: none;
}

#main.container.blog-landing h2 a:hover {
	color: #9f8a5d;
}

#main.container.blog h2.blog-title {
	border: none;
  padding-bottom: 0;
  margin-bottom: 20px;
  font-size: 36px;
  line-height: 36px;
  letter-spacing: 4px;
}

#main.container.blog h2,
#main.container.blog.blog-landing h2 a {
  border: none;
  font-size: 28px;
  line-height: 28px;
  letter-spacing: 1px;
  padding-bottom: 0px;
  margin-bottom: 20px;
}

#main.container .posted,
#main.container .posted a {
	font-size: 13px;
  color: #af9f8f;
  color: rgba(255,255,255,.6);
	text-decoration: none;
  padding-bottom: 20px;
}

#main.container .posted a:hover {
	color: #fff;
}

#main.container p.full-article-link {
	padding: 0px;
}

#main.container p.full-article-link a,
#blog-navigation a {
	color: #cab052;
	text-decoration: none;
}

#main.container p.full-article-link a:hover,
#blog-navigation a:hover {
	color: #9f8a5d;
}

#main.container.blog div.alignleft,
#main.container.blog div.alignright {
  margin-top: 15px;
}

#main.container.blog hr {
  margin-bottom: 30px;
}

#blog-navigation {
	width: 100%;
	display: block;
	float: left;
	clear: both;
  padding-bottom: 40px;
	margin-bottom: 40px;
  border-bottom: 1px solid #af9f8f;
  border-bottom: 1px solid rgba(255,255,255,.35);
}

#older-articles {
	display: block;
	float: left;
}

#newer-articles {
	display: block;
	float: right;
}

#sidebar {
	position: relative;
}

#main.container #sidebar h3 {
	padding: 0 0 10px;
  color: #fff !important;
}

#main.container #sidebar ul {
	list-style: none;
	margin: 0 0 30px 0;
	padding: 0;
}

#main.container #sidebar li {
	margin-left: 0;
}

#sidebar .widget-title {
  margin-bottom: 10px;
  color: #fff !important;
}

#sidebar .post-date {
	display: block;
  font-size: 14px;
	line-height: 14px;
	padding-bottom: 10px;
}

article {
	margin-bottom: 35px;
}

#main.container .nc_socialPanel a {
    color: #fff;
}

#main.container a.yarpp-thumbnail {
    padding: 5px;
    padding-bottom: 10px;
}

/* Comments */
#reply-title {
	cursor: pointer;
}

#commentform {
	display: none;
}

#main.container.blog .comment a {
	font-size: 14px;
}

.comment .avatar {
	display: block;
	float: left;
	margin-right: 12px;
	margin-top: -2px;
}

#main.container.blog .comment p {
	padding: 14px 0px;
	margin-bottom: 0px;
}

article.comment {
	margin: 14px 0px 21px 0px;
}

article.comment article {
	width: 98%;
	padding-left: 2%;
}

#respond {
	margin-top: 45px;
	width: 100%;
	max-width: 325px;
}

#respond input[type="text"],
#respond input[type="email"],
#respond textarea {
	margin-bottom: 10px;
}

#respond label {
	display: none;
}

#reply-title {
	margin-bottom: 20px !important;
	cursor: pointer;
}

/*-------------------------------------
06 ----------------------------- Footer
-------------------------------------*/
#footer {
  position: fixed;
  right: 0;
  left: 0;
  bottom: 0;
  width: 96%;
  padding: 0 2%;
  height: 41px;
  z-index: 1000;
  background: #353230;
  -webkit-transform: translate3d(0,0,0);
}

a.footer-link {
  float: left;
  display: inline-block;
  height: 41px;
  line-height: 41px;
  padding: 0 10px;
  border-left: 1px solid #fff;
  border-left: 1px solid rgba(255,255,255,.44);
}

.sm-btn {
  width: 40px;
}

.sm-btn span {
  width: 26px;
  height: 17px;
  top: 12px;
  margin: 0 auto;
  opacity: .44;
  -webkit-transition: all .3s ease-out;
     -moz-transition: all .3s ease-out;
       -o-transition: all .3s ease-out;
          transition: all .3s ease-out;
}

.sm-btn:hover span {
  opacity: 1;
}

#footer-sm-facebook.sm-btn span.sprite {
  background-position: -349px 0px;
}

#footer-sm-facebook.sm-btn:hover {
  background-color: #3b5998;
}

#footer-sm-twitter.sm-btn span.sprite {
  background-position: -375px 0px;
}

#footer-sm-twitter.sm-btn:hover {
  background-color: #5ea9dd;
}

#footer-sm-tripadvisor.sm-btn span.sprite {
  background-position: -401px 0px;
}

#footer-sm-tripadvisor.sm-btn:hover {
  background-color: #929c46;
}

#footer-sm-googleplus.sm-btn span.sprite {
  background-position: -427px 0px;
}

#footer-sm-googleplus.sm-btn:hover {
  background-color: #ed1c24;
}

a.footer-link.footer-contact {
  padding: 0 25px;
  color: #fff;
  color: rgba(255,255,255,.44);
  text-decoration: none;
  font-size: 12px;
  font-family: 'latoregular';
}

.footer-contact span {
  display: inline-block;
  width: 15px;
  height: 17px;
  top: 3px;
  margin-right: 8px;
  opacity: .44;
}

#footer-address.footer-contact span.sprite {
  background-position: -461px 1px;
}

#footer-phone.footer-contact span.sprite {
  background-position: -485px 1px;
}

#google_language_translator {
  display: inline-block;
  float: right;
  margin: 7px 10px 0 0;
}

select.goog-te-combo {
  padding: 0 0 1px !important;
  font-size: 12px;
}

#footer p {
  float: right;
  margin-top: 14px;
  color: #af9f8f;
  font-size: 12px;
  text-align: right;
  font-family: 'heuristicaregular';
}

.stellar-copy a {
  color: #af9f8f;
  text-decoration: none;
}

.stellar-copy a:hover {
  color: #fff;
}

#mobile-footer {
  display: none;
  position: fixed;
  z-index: 1000;
  right: 0;
  left: 0;
  bottom: 0;
  padding: 20px 0;
  text-align: center;
  background: #353230;
}

#mobile-footer p {
  color: #af9f8f;
  font-size: 12px;
  line-height: 16px;
  font-family: 'heuristicaregular';
}

.text-indent { text-indent: -999999px; }
.trelsb-modal { font-family: 'latobold'; }
.trelsb-modal-overlay .trelsb-button { padding: 1em 0 !important; }


/*-------------------------------------
07 -------------------------------- Map
-------------------------------------*/
#stellar-interactive-google-map .map-popup-content p {
    color: #000 !important;
}

#stellar-interactive-google-map #google-map-legend .legend-content .marker-link:hover {
    color: #fff !important;
}