/* ------------------------------------------------------------------------------------------------------ */
/*     FONTS / BUTTONS / RESETS
/* ------------------------------------------------------------------------------------------------------ */

header,nav,article,footer,section,aside,figure,figcaption,time{display:block}


@font-face {
    font-family: "Whitney";
    src: url("../fonts/WhitneyHTF-Light.otf");
    font-weight: 300;
}
@font-face {
    font-family: "Whitney";
    src: url("../fonts/WhitneyHTF-Book.otf");
	font-weight: 400;
}
@font-face {
    font-family: "Whitney";
    src: url("../fonts/WhitneyHTF-Medium.otf");
    font-weight: 500;
}
@font-face {
    font-family: "Whitney";
    src: url("../fonts/WhitneyHTF-SemiBold.otf");
    font-weight: 600;
}
@font-face {
    font-family: "Whitney";
    src: url("../fonts/WhitneyHTF-Bold.otf");
    font-weight: 700;
}

@font-face {
    font-family: "WhitneyCondensed";
    src: url("../fonts/WhitneyHTF-MediumCondensed.otf");
    font-weight: 500;
}

@font-face {
    font-family: "WhitneyCondensed";
    src: url("../fonts/WhitneyHTF-BookCondensed.otf");
    font-weight: 400;
}
@font-face {
    font-family: 'weather';
    src: url('../fonts/artill_clean_icons-webfont.eot');
    src: url('../fonts/artill_clean_icons-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/artill_clean_icons-webfont.woff') format('woff'),
         url('../fonts/artill_clean_icons-webfont.ttf') format('truetype'),
         url('../fonts/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg') format('svg');
    font-weight: normal;
    font-style: normal;
}


html,
body {
    width: 100%;
    height: 100%;
}

body {
    font-family: 'Whitney','Helvetica Neue',Arial,sans-serif;
	font-weight:normal;
	overflow-x:hidden;
	font-size:15px;
	font-kerning:normal;
	color:#555;
}

hr {
    border-color: #993600;
    border-width: 1px;
}

hr.light {
    border-color: #fff;
}

a {
    color: #a54a00;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

a:hover,
a:focus {
    color: #611017;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Whitney','Helvetica Neue',Arial,sans-serif;	
	margin-top:0;
	color:#993600;
	text-transform:uppercase;
	-webkit-font-smoothing: antialiased;
	position:relative
}

h1, h2 {letter-spacing:-0.8px;margin-bottom:20px;}

h3 {letter-spacing:-0.8px;margin-bottom:10px;}

h4, h5 {margin-bottom:10px}


h1 {font-size:46px;font-weight:400} /* 46px */
h1.section-heading, h2.section-heading {font-size:46px;font-weight:500}
h2 {font-size:36px;font-weight:500} /* 36px */
h3 {font-size:27px;font-weight:500}/* 28px */
h4, h1.page-title {font-size:17px;font-weight:500}/* 17px */
h5 {font-size:15px;font-weight:500}/* 17px */

.lgt {font-weight:300}
.reg {font-weight:400}
.med {font-weight:500}
.sb {font-weight:600}

.lgt b {font-weight:500}
.reg b {font-weight:600}
.sb b {font-weight:700}
.med b {font-weight:700}


.subhead {font-weight:300}

h1 + h3,
.section-heading + .subhead {margin-top:-10px;margin-bottom:20px}

span.lg {font-size:20px;letter-spacing:-0.5px}
span.xl {font-size:26px;letter-spacing:-0.8px}

.light {color:#fff!important}
.dark {color:#111!important}

p {
    margin-bottom: 20px;
    line-height: 1.5;
}

.container {max-width:100%}

.no-padding {
    padding: 0;
}

.no-pad {padding:0}

.no-gutter > [class*=col-] {
    padding-right: 0;
    padding-left: 0;
}

input[type="submit"],
.frm_submit,
.btn {
    border: 0;
    text-transform: uppercase;
    font-family: 'Whitney','Helvetica Neue',Arial,sans-serif;
    font-weight: 500;
	border-radius:0;
	position:relative;
	outline:none;
	border-width:2px;
	border-style:solid;
	text-align:center;
	padding:6px 20px;
	-webkit-font-smoothing:subpixel-antialiased
}
.btn:hover {text-decoration:none}

@media (min-width:992px) {
	.btn-xl {
    padding: 12px 30px;
	font-size:1.2em;
	}
}


input[type="submit"]:after,
.frm_submit:after,
.btn:after {
    content:"";
	border-style: solid;
    position: absolute;
	left: 50%;
	bottom: -10px;
    margin-left:-10px;
	border-width: 10px 12.5px 0 12.5px;
	border-color: #fff transparent transparent transparent;
 }
 
.frm_submit,
.btn-link,
.btn-default {background:transparent;background:rgba(0,0,0,0.1);border-color:#fff;color:#fff}

.frm_submit:hover,
.btn-link:hover,
.btn-default:hover {background:transparent;background:rgba(0,0,0,0.2);color:#fff;border-color:#fff}

.general .contents .frm_submit {background:#bbb;color:#fff}
.general .contents .frm_submit:hover {background:#bbb}
.general .contents .frm_submit:after {border-color: #bbb transparent transparent transparent;}
 
input[type="submit"],
.btn-primary {background:none;border-color:#993600;color:#993600}
input[type="submit"]:hover,
.btn-primary:hover {background:#fcfcfc;border-color:#993600;color:#993600}
input[type="submit"]:after,
.btn-primary:after {border-top-color:#993600;}

.btn-info {background:#993600;border-color:#993600;color:#fff}
.btn-info:hover {background:#993600;border-color:#993600;color:#fff}
.btn-info:after {border-top-color:#993600;}

.btn-warning {background:#611017;border-color:#611017;color:#fff}
.btn-warning:hover {background:#611017;border-color:#611017;color:#fff}
.btn-warning:after {border-top-color:#611017;}

.btn-success {background:#ce7619;border-color:#ce7619;color:#fff}
.btn-success:hover {background:#ce7619;border-color:#ce7619;color:#fff}
.btn-success:after {border-top-color:#ce7619;}

.btn:active,
.btn:focus,
.btn:active:focus {color:inherit!important;background-color:inherit!important;border-color:inherit}

::-webkit-input-placeholder { color: #999 }
::-moz-placeholder  { color: #999;opacity:1 } 
:-ms-input-placeholder  { color: #999 } 
input:-moz-placeholder  { color: #999 }


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

::selection {
    text-shadow: none;
    color: #fff;
    background: #222;
}

img::selection {
    color: #fff;
    background: 0 0;
}

img::-moz-selection {
    color: #fff;
    background: 0 0;
}


img {max-width:100%;height:auto}

.container-fluid, .container, section {position:relative}
.container-fluid {max-width:1350px}

.ie7 .wow,
.ie8 .wow,
.ie9 .wow {visibility:visible!important}

@media (min-width:1200px) {

}
@media (min-width:1380px) {
.container {width:1350px;max-width:100%}	
}

@media (max-width:1170px) {
	h1 {font-size:44px}
	h2 {font-size:34px}
	h3 {font-size:26px}	
}

@media (max-width:991px) {
	h1 {font-size:38px}
	h2 {font-size:28px}
	h3 {font-size:22px}	
}
@media (max-width:767px) {
	h1 {font-size:36px}
	h2 {font-size:28px}
	h3 {font-size:20px}	
}


/* ------------------------------------------------------------------------------------------------------ */
/*     GLOBAL HEADER DROPDOWN
/* ------------------------------------------------------------------------------------------------------ */



.modal-content {border-radius:0;padding:15px;background-image:url(../img/overlay1.png);}
.modal-backdrop.in {opacity:0.7}

.ie8 .modal-backdrop.in {filter: alpha(opacity=70);}
.ie8 body {padding-top:0!important}


@media(min-width:768px) {

body.corpmenu {background:transparent;}

body.has-global-header {padding-top:33px /* height of global-header */ }
body.admin-bar #global-header {top:32px} /*accounting for wp admin bar when logged in */


#global-header {z-index:1050;position:absolute;top:0;left:0;width:100%;}

.ie8 #global-header {display:none}

.global-header-dropdown {position:relative;border-bottom:1px solid #eee;padding:3px 10px;z-index:9999;color:#fff;}

.global-header-dropdown > a {display:inline-block;text-decoration:none}
.global-header-dropdown > a:hover {text-decoration:none}

.global-header-dropdown > a:before {
   content: "\f0d7";
   font-family: FontAwesome;
   padding-left:6px;
   font-size:19px;
   color:#58bb8a
 }
.global-header-dropdown > a:after {
	content:url(../img/logo-gs.png);
	padding-left:10px;
}
	
.global-header-dropdown.in {
	border-bottom-width:0;
}

.global-header-dropdown.in > a{display:block;outline:0}

#modal-corporate-nav.fade { 
transition-delay:1s;
}

body.corpmenu {padding:60px 0 50px}

#modal-corporate-nav {padding-right:0!important}
#modal-corporate-nav .modal-dialog {width:100%;margin:0 auto;height:100%}

#modal-corporate-nav .modal-content {
	background-color:#ccc;
	background-color:rgba(52,52,52,0.7);
	background-image:url(../img/overlay1.png);
	background-repeat:repeat;
	color:#fff;
	padding:10px 0;
	height:100%;
	}


#modal-corporate-nav .modal-content iframe {border:0;}

#modal-corporate-nav .modal-content .close {
	color: #fff;
    opacity: 1;
    font-weight: 400;
    float: none;
    text-shadow: none;
    font-size: 30px;
	position:absolute;
	background:none;
	right:20px;
	top:6px
}

body.admin-bar #modal-corporate-nav .modal-content .close {
	top:38px;	
}


body.corpmenu .container > p,
body.corpmenu .container > h1,
body.corpmenu .container > h2,
body.corpmenu .container > h3,
body.corpmenu .container > h4,
body.corpmenu .container > h5,
body.corpmenu .container > a,
body.corpmenu .row p,
body.corpmenu .row h1,
body.corpmenu .row h2,
body.corpmenu .row h3,
body.corpmenu .row h4,
body.corpmenu .row h5,
body.corpmenu .row a {
color:#fff;
}



#modal-corporate-nav ul,
#modal-corporate-nav li {padding:0;margin:0;list-style:none}

#modal-corporate-nav ul {margin-bottom:25px}


}



/* ------------------------------------------------------------------------------------------------------ */
/*     HEADER / NAVIGATION
/* ------------------------------------------------------------------------------------------------------ */

#mainHeader {position:relative;z-index:9999}

#mainNav {
	margin:0;
    font-family: 'WhitneyCondensed','Whitney','Helvetica Neue',Arial,sans-serif;
    background-color: #fff;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
	border:0;
	border-radius:0;
}

#mainNav .header-border {
	height:10px;
	width:100%;
	background:#555;
}

#mainNav .container-fluid {max-width:1500px}


/* LOGO */
#mainNav .navbar-header {position:relative;z-index:100}

#mainNav .navbar-header .navbar-brand {
    text-transform: uppercase;
    font-family: 'Whitney','Helvetica Neue',Arial,sans-serif;
    font-weight: 700;
    color: #5f0f16;
}

#mainNav .navbar-brand  {height:auto;}
#mainNav .navbar-brand img {max-height:65px;width:auto}



/* NAV TOP (PHONE/SEARCH) */

#mainNav .nav-top {font-size:17px;position:relative}


/* search */

#mainNav .searchbox {
	position:relative;
	float:right;
	height:30px;
	width:100%;
	overflow: hidden;
	transition: all 0.35s;
	-moz-transition: all 0.35s;
  	-webkit-transition: all 0.35s;
	border-top:1px solid #eee;
	padding:0 10px
}

#mainNav .searchbox input {
	background:none;
	border:0;
	padding:0;
	color:#424242; 
	margin:0;
	height:30px;
	-moz-appearance: none;
  	-webkit-appearance: none;
  	appearance: none;
	float:left;
	outline:none;
	border-radius:0!important;
	}
#mainNav .searchbox button {
	background:#fff;
	color:#67999b;
	width:30px;
	height:30px;
	border:0;
	font-size:17px;
	line-height:1;
	margin:0;
	position:absolute;
	right:0;
	text-align: center;
	}
#mainNav .searchbox button:active {background:#fff;outline:none}



/* links */

#mainNav .social {float:right}

.toplinks {
  	float:right;
  	margin-right:10px;
   	font-family: 'WhitneyCondensed','Whitney','Helvetica Neue',Arial,sans-serif;
}
.toplinks ul, .toplinks li {padding:0;margin:0;list-style:none}

.toplinks li {float:left}

.toplinks a {
  	font-size: 14px;
  	text-transform:uppercase;
  	text-align: right;
  	color:#a54a00;
  	margin:0 5px;
  	line-height:30px;
}


/* NAVIGATION */

#mainNav .nav  ul,
#mainNav .nav li { list-style:none;padding:0;margin:0}

#mainNav .nav > li > a {
    text-transform: uppercase;
    font-size: 18px;
	letter-spacing:1px;
    font-weight: 500;
    color: #a54a00;
}

#mainNav .nav > li>a:hover,
#mainNav .nav>li>a:focus:hover {
    color: #611017;
}

#mainNav .nav > li.active>a,
#mainNav .nav>li.active>a:focus {
    color: #611017;
    background-color: transparent;
}

#mainNav .nav > li.active>a:hover,
#mainNav .nav>li.active>a:focus:hover {
    background-color: transparent;
}

#mainNav .nav li a {display:block;text-decoration:none;font-size:17px;}


@media(min-width:768px) {
	
#mainNav .nav-wrap {position:absolute;right:15px;bottom:0}

#mainNav .nav-top {margin-top:10px}

#mainNav .navbar-collapse {padding-right:0}

#mainNav .nav > li {position:static}

#mainNav .nav > li > ul {
	z-index:999;
  	position:absolute;
   	top:100%;
  	display:none;
  	text-align:left;
  	padding:20px;
  	border-top: 2px solid #993600;
	background:#fff;
	background:rgba(255,255,255,0.98);
	margin:0 auto;
   	list-style:none;
   	min-width:180px;
   	box-shadow:0 2px 5px rgba(0,0,0,0.1);
}

#mainNav .nav > li:hover > ul {
	display:block;
}

#mainNav .nav > li.current-menu-item > a:after,
#mainNav .nav > li.current_page_ancestor > a:after,
#mainNav .nav > li:hover > a:after{
	bottom: 0;
	left:49%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-bottom-color: #993600;
	border-width: 10px;
	margin-left: -10px;
}

#mainNav .nav li li > a {text-transform:uppercase;color:#611017}

#mainNav .nav > li > ul > li li a {font-size:17px;color:#111;text-transform:lowercase}

/* Mega Menu */

#mainNav .nav > li.mega:hover > ul {display:block;padding:20px;}

#mainNav .nav > li.mega.goleft:hover > ul,
#mainNav .nav > li.goleft > ul {right:0;left:inherit}

#mainNav .nav > li.mega > ul > li { float:left;margin-bottom:10px;/*display:table-cell;vertical-align:top;margin-right:30px;height: 100%;*/}

#mainNav .nav > li.mega > ul > li > a {border-bottom:1px solid #a54a00;font-size:17px;font-weight:500;letter-spacing:0.8px;padding-bottom:5px;margin-bottom:5px;margin-right:25px}

#mainNav .nav > li.mega > ul > li > ul {position:relative;margin-right:25px}

#mainNav .nav > li.mega-1 > ul {width: 200px;}
#mainNav .nav > li.mega-2 > ul > li { width: 100%;}

#mainNav .nav > li.mega-2 > ul {width: 400px;}
#mainNav .nav > li.mega-2 > ul > li { width: 50%;}

#mainNav .nav > li.mega-3 > ul {width: 580px;}
#mainNav .nav > li.mega-3 > ul > li { width: 33.333%;}

#mainNav .nav > li.mega-4 > ul {width: 760px;}
#mainNav .nav > li.mega-4 > ul > li { width: 25%;}

@media (max-width:991px) {
#mainNav .nav > li.mega-4 > ul {max-width: 710px;}	
}


/* menu images */
#mainNav .nav > li.mega > ul > li > a.has-menu-image { 
position:relative;padding:0!important;border:0!important;font-size:16px!important;width:180px;max-width:100%
}

#mainNav img,
#mainNav .menu-image-hover-wrapper {padding:0!important;width:100%;height:auto}

#mainNav a.has-menu-image .menu-image-title {position:absolute;bottom:0;left:0;right:0;background:#fff; background:rgba(255,255,255,0.8);padding:10px;letter-spacing:-0.3px;font-weight:600;}

.menu-item a.menu-image-hovered img.hovered-image,
.menu-item a.menu-image-hovered:hover img.menu-image {
    opacity: 0;
    transition: opacity 0.25s ease-in-out 0s;
}
.menu-item a.menu-image-hovered:hover img.hovered-image {
    opacity: 1;
}

/* phone */
#mainNav .phone {
	position:relative;
	color:#67999b;
	float:right;
	height:30px;
	width:30px;
	overflow: hidden;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
  	-webkit-transition: all 0.5s;
	padding:0;
}

#mainNav .phone span {
	background:none;
	display:block;
	border:0;
	padding:0;
	width:0;
	margin:0;
	height:30px;
	line-height:30px;
	-moz-appearance: none;
  	-webkit-appearance: none;
  	appearance: none;
	float:right;
	text-align:right;
	padding-right:30px;
	outline:none;
	border-radius:0!important;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
  	-webkit-transition: all 0.5s;
	}
#mainNav .phone i {
	background:#fff;
	width:30px;
	height:30px;
	border:0;
	font-size:17px;
	line-height:30px;
	margin:0;
	position:absolute;
	right:0;
	text-align: center;
	}

#mainNav .phone:hover  {width:130px;}
#mainNav .phone:hover span {width:100%;}

	
	/*

#mainNav .phone {
	color:#67999b;
	position:relative;
	float:right;
	margin-right:15px;
	height:30px;
	line-height:32px;
	overflow:hidden;
	max-width:30px;
	text-align:right;
	transition: all 0.8s;
	-moz-transition: all 0.8s;
  	-webkit-transition: all 0.8s;
}

#mainNav .phone a {background:#fff;color:#67999b;width:30px;display:block;height:30px;position:absolute;right:0;}

#mainNav .phone span {overflow:hidden;padding-right:30px;float:right;width:auto}

#mainNav .phone:hover a {width:100%}
#mainNav .phone:hover  {max-width:100%;}

*/

/* search */

#mainNav .searchbox.collapse {width:30px;border:1px solid #fff;padding:0;display:block}

#mainNav .searchbox input {width: 0}

#mainNav .searchbox:hover {width: 200px;border:1px solid #ccc;transition: all 0.8s;
	-moz-transition: all 0.8s;
  	-webkit-transition: all 0.8s;}

#mainNav .searchbox:hover input {width: 170px;padding: 5px;}


}

@media(min-width:992px) {
	
	/*#mainNav .container-fluid {padding:0 25px}*/
	
	#mainHeader.affix-top  {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:1000;	
	}
	
	#mainHeader.affix {
		position:fixed;
		top:0;
		left:0;
		z-index:9999;
		width:100%;	
	}
		
	body.admin-bar #mainHeader.affix,
	body.admin-bar #mainHeader.affix-top {top:32px /* height of wp admin bar */ }
	
	body.has-global-header #mainHeader.affix-top {top:33px /* height of global header */ }
	
	body.has-global-header.admin-bar #mainHeader.affix-top {top:63px /* wp admin bar plus global header */ }
	
	.ie8 #subnav.affix-top,
	.ie8 #subnav.affix,
	.ie8 #mainHeader.affix-top,
	.ie8 #mainHeader.affix {position:relative!important}
	
	
}

@media (max-width:991px) {
	body {padding-top:0!important}	
	#mainNav .nav > li > a {padding-left:10px;padding-right:10px}
}

@media(max-width:767px) {
	

#mainNav .nav-wrap {float:none;position:relative!important}
	
#mainNav .navbar-header {display:table;width:100%}
#mainNav .navbar-header .cell {display:table-cell!important;vertical-align:middle;float:none;width:20%}
#mainNav .navbar-brand.cell {width:60%}
#mainNav .navbar-brand img {margin:0 auto}

#mobile-contact  {font-size:18px;text-align:right;padding-right:5px}

#mobile-contact a {display:inline-block;padding:10px 5px}

.navbar-default .navbar-toggle {float:left;margin-left:10px;margin-top:15px;margin-right:10px;border:0;padding:0;background:none!important}
.navbar-default .navbar-toggle .icon-bar {height:4px;background-color:#611017}
.navbar-default .navbar-toggle .icon-bar+.icon-bar {margin-top:3px}

#mainNav .navbar-brand {width:200px;text-align:center}

#mainNav .navbar-header,
#mainNav .container-fluid {margin:0;padding:0}

#mainNav .toplinks {display:none}

#mainNav .navbar-collapse {background:#993600;padding:0}

#mainNav .navbar-collapse.in {overflow:visible;position:relative}

#mainNav .navbar-collapse:before {
	bottom: 90%;
	left:21px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-bottom-color: #993600;
	border-width: 10px;
	margin-left: -10px;
	transition:0.2s;
}

#mainNav .navbar-collapse.in:before {
bottom:100%	
}

#mainNav .searchbox {height:40px}

#mainNav .navbar-nav {margin:0;padding:0 15px}

#mainNav .nav > li > a, #mainNav .nav > li > a:focus {color:#fff!important;padding-left:5px;padding-right:5px}

#mainNav .nav > li {border-bottom:1px solid #fff;padding:0}
#mainNav .nav > li:last-child {border:0}

#mainNav .nav > li>a:after {
	content: "\f0d7";
	font-family: FontAwesome;
	font-size:19px;
	color:#fff;
	float:right;
}

#mainNav .nav > li a {color:#fff!important}

#mainNav .nav > li > ul {display:none;}
#mainNav .nav > li:hover > ul {display:block;padding:0 10px 10px}

#mainNav .nav > li > ul ul {margin-left:12px}

#mainNav a.has-menu-image {display:none!important}

}

/* ------------------------------------------------------------------------------------------------------ */
/*     BOOKING & WEATHER BAR / BOX
/* ------------------------------------------------------------------------------------------------------ */

#booking-weather .field-wrap {
   width: 100%;
   overflow: hidden;
   background: #fff;
   border: 0;
   display:inline-block;
   position:relative;
   font-size: 14px;
   line-height: 1;
   margin:0 10px 0 0;
   height:28px;
}

#booking-weather .field-wrap:after {
	font-family:'FontAwesome';
	float:right;
	color:#993600;
	line-height:28px;
	margin:0 10px 0 5px;
}

#booking-weather .field-wrap.date:after {
	content:'\f073';	
}
#booking-weather .field-wrap.select:after {
	content:'\f103';	
}

.ie8 #booking-weather .field-wrap.select:after,
.ie9 #booking-weather .field-wrap.select:after {
content:'';
margin:0 0 0 10px
}

#booking-weather .field-wrap input,   
#booking-weather .field-wrap select {
   background: transparent;
   width: auto;
   line-height: 1;
   color:#993600;
   border: 0;
   outline:none;
   position:relative;
   padding: 0px 10px;
   border-radius: 0;
   font-size:14px;
   appearance:none;
   -webkit-appearance: none;
   -moz-appearance: none;
   max-width:96px;
   height:28px;
   text-transform:lowercase;
}

.ie8 #booking-weather .field-wrap input {padding-top:7px}

.ie8 #booking-weather .field-wrap select,
.ie9 #booking-weather .field-wrap select {padding:0}

#booking-weather .field-wrap select::-ms-expand {
    display: none;
}

#booking-weather ::-webkit-input-placeholder { color: #993600 }
#booking-weather ::-moz-placeholder  { color: #993600;opacity:1 } 
#booking-weather :-ms-input-placeholder  { color: #993600 } 
#booking-weather input:-moz-placeholder  { color: #993600 }

/* weather */

#booking-weather .weather {background:#611017;color:#fff;height:54px;color:#fff;position:relative;z-index:900}

#booking-weather .weather-btn {color:#fff;font-weight:500;padding:5px 15px 0;cursor:pointer}

#booking-weather .weather-btn i,
#weather-widget .weather-toggle i {
  font-family: weather;
  font-weight: normal;
  font-style: normal;
  line-height: 1.0;
  text-transform: none;
}

#booking-weather .weather-btn i {
	font-size:50px;
	height:40px;
	margin-right:10px;
	vertical-align:middle;
	font-family: weather;
  font-weight: normal;
  font-style: normal;
  line-height: 1.0;
  text-transform: none;
  display:inline-block
  }
#booking-weather .weather-btn span {font-size:24px;vertical-align:middle}


#weather-widget {
	text-transform:uppercase;
	text-align:center;
	position:relative;
	z-index:9999;
	background:#000;
	background:rgba(0,0,0,0.85);
	width:300px;
	color:#fff;
	text-transform: uppercase;
	text-align:center;
	transition:0.6s;
	padding:25px 20px 30px;
	position:absolute;
	left:-600px;
}


#weather-widget.slideout {left:0}

#weather-widget .closebtn {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 18px;
    opacity: 0.9;
	cursor:pointer
}

#weather-widget .weather-toggle i {font-size:150px}

#weather-widget .weather-toggle .wind {display:inline-block;width:50%}
#weather-widget .weather-toggle .highlow {display:inline-block;width:50%}

#weather-widget .weather-toggle .wind span,
#weather-widget .weather-toggle .highlow span {margin-top:10px;display:block}

#weather-widget .weather-toggle h2 {font-size: 80px;font-weight:400;text-align: center;color:#fff}
#weather-widget .weather-toggle h3 {margin-bottom:8px}
#weather-widget .weather-toggle h4,
#weather-widget .weather-toggle h3 {color:#fff;margin-bottom:0px}

#weather-widget .weather-toggle hr {border-color:#fff}
#weather-widget .currently {
  margin: 0 20px;
  display:block;
  font-size:18px;
  font-weight:600;
}

/*
#wpc-weather.theme1 .now .time_symbol {fill:#fff}

#wpc-weather.theme1 .header-weather .now {background:#000;color:#fff;width:150px;display:block}

#wpc-weather.theme1 .header-weather .wpc-toggle-infos {text-align:center;visibility:visible}
*/

/* booking bar */
#booking-weather.bar {background-color:#993600;background:rgba(154,53,0,0.9);color:#fff;width:100%;z-index:100;position:relative}

#booking-weather.bar .container {position:relative;padding:0}

#booking-weather.bar .weather {float:left;}

#booking-weather #booking-form {padding:15px;}

#booking-weather.bar .triangle-btn a,
#booking-weather.bar .triangle-btn button,
#booking-weather.bar .triangle-btn input {border:0;outline:0;padding:6px 20px;display:block;color:#fff}


/* booking box */

#booking-weather.box .booking {background-color:#f2a416;color:#fff;}

#booking-weather.box .container {padding:0;width:auto}

#booking-weather #booking-mobile {background-color:#f2a416;padding:15px;height:54px;border:0;color:#fff}
#booking-mobile:after {content:initial}	

#booking-weather.box #booking-form a,
#booking-weather.box #booking-form button,
#booking-weather.box #booking-form input[type=submit] {   
	display:block;
	border:2px solid #fff;
	background:none;
	width:100%;
	position:relative;
	padding:8px 0;
}
#booking-weather.box #booking-form a:after,
#booking-weather.box #booking-form button:after,
#booking-weather.box #booking-form input[type=submit]:after {
    content:"";
	border-style: solid;
    position: absolute;
	left: 50%;
	bottom: -10px;
    margin-left:-10px;
	border-width: 10px 12.5px 0 12.5px;
	border-color: #fff transparent transparent transparent;
}



@media (min-width:768px) { /* tablet and above */
	
	#booking-weather.box {position:absolute;left:0;top:200px;z-index:999}
	#booking-weather.box .collapse {display:block}
	
	#booking-weather.box .field-wrap {display:block;width:100%;margin-bottom:10px}
	#booking-weather.box .field-wrap input, #booking-weather.box .field-wrap select {max-width:100%;min-width:250px}
	
	#booking-weather.box #booking-form {height:auto!important;padding:20px}
	
	#booking-weather.box .weather {display:inline-block;height:55px}
	
	#weather-widget.box .weather-toggle {top:150px}
	
	#booking-weather.box #booking-mobile {display:none!important}	
	
	#booking-weather.box:after {
    content:"";
	border-style: solid;
    position: absolute;
	left: 50%;
	bottom: -30px;
    margin-left:-30px;
	border-width: 30px 32px 0 32px;
	border-color: #993600 transparent transparent transparent;
	opacity:0.9;
 }
 
 .ie8 #booking-weather.box:after {filter:alpha(opacity=90);}
 
	
}

@media(min-width:992px) { /* small desktop and above */


	/* #mainHeader.affix #booking-weather.bar {overflow:hidden} hides triangle tip */
 
	#booking-weather.bar .field-wrap {width:auto}
	
	#booking-weather.bar .container {padding-left:15px;padding-right:15px}
	
	#booking-weather.bar .triangle-btn {
		position:absolute;
		top:0;
		right:10px;
		width: 0px;
		height: 0px;
		background-color:transparent;
		border-style: solid;
		border-width: 90px 100px 0 100px;
		border-color: #f2a416 transparent transparent transparent;
		transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-webkit-transform:rotate(360deg);
		-o-transform:rotate(360deg);
	}
	
	#booking-weather.bar .triangle-btn a,
	#booking-weather.bar .triangle-btn input,
	#booking-weather.bar .triangle-btn button { 
		text-align: center;
		top: -90px;
		left: -70px;
		position: relative;
		width: 140px;
		height: 55px;
		line-height:55px;
		margin: 0px;
		background:none;
		border:0;
		focus:none;
		font-size:20px;
		font-family:'WhitneyCondensed','Whitney',Arial,sans-serif;
		font-weight:400;
		}
	
	
	#booking-weather.bar #booking-form {text-align:right;padding:12px 0;padding-right:200px;line-height:1;height:auto!important /* needed for expanding again after mobile view */}
	
	#booking-weather.bar .collapse {display:block}
	
	/* weather */
		
	#booking-weather.bar .weather {border-right:2px solid #fff;border-left:2px solid #fff;}
	
	
	/*#wpc-weather.theme1 {width:100%;max-width:320px}
#wpc-weather.theme1 .header-weather .wpc-toggle-infos {position:absolute;left:-600px}
#wpc-weather.theme1 .header-weather .wpc-toggle-infos.wpc-slide-down {left:0}
	*/
		
}


@media (max-width:991px) { /* medium desktop and above

#booking-weather.bar .container {padding:0;width:100%}

#booking-weather.bar #booking-form button,
#booking-weather.bar #booking-form input[type=submit] {   
	display:block;
	border:2px solid #fff;
	background:none;
	width:100%;
	position:relative;
	padding:8px 0;
}

	
}

@media (max-width:767px) { /* smartphone only */
	
	#booking-weather.box .weather {float:left;padding:0 15px;height:54px;}
	#booking-weather .field-wrap {margin-bottom:5px}
}



/* ------------------------------------------------------------------------------------------------------ */
/*     WEATHER PAGE
/* ------------------------------------------------------------------------------------------------------ */



#weather-page{
	padding:70px 0;
  color:#222;
  margin: 0px auto;
  text-align: center;
  text-transform: uppercase;
}

#weather-page h2 {font-size:90px}

#weather-page i {
  font-family: weather;
  font-weight: normal;
  font-style: normal;
  line-height: 1.0;
  text-transform: none;
  font-size:120px;
}

#weather-page table i {font-size:34px}

@media (min-width:768px) {
	#weather-page table i {font-size:46px}

}

#weather-page .table-bordered td {padding:20px 10px}

.icon-0:before { content: ":"; }
.icon-1:before { content: "p"; }
.icon-2:before { content: "S"; }
.icon-3:before { content: "Q"; }
.icon-4:before { content: "S"; }
.icon-5:before { content: "W"; }
.icon-6:before { content: "W"; }
.icon-7:before { content: "W"; }
.icon-8:before { content: "W"; }
.icon-9:before { content: "I"; }
.icon-10:before { content: "W"; }
.icon-11:before { content: "I"; }
.icon-12:before { content: "I"; }
.icon-13:before { content: "I"; }
.icon-14:before { content: "I"; }
.icon-15:before { content: "W"; }
.icon-16:before { content: "I"; }
.icon-17:before { content: "W"; }
.icon-18:before { content: "U"; }
.icon-19:before { content: "Z"; }
.icon-20:before { content: "Z"; }
.icon-21:before { content: "Z"; }
.icon-22:before { content: "Z"; }
.icon-23:before { content: "Z"; }
.icon-24:before { content: "E"; }
.icon-25:before { content: "E"; }
.icon-26:before { content: "3"; }
.icon-27:before { content: "a"; }
.icon-28:before { content: "A"; }
.icon-29:before { content: "a"; }
.icon-30:before { content: "A"; }
.icon-31:before { content: "6"; }
.icon-32:before { content: "1"; }
.icon-33:before { content: "6"; }
.icon-34:before { content: "1"; }
.icon-35:before { content: "W"; }
.icon-36:before { content: "1"; }
.icon-37:before { content: "S"; }
.icon-38:before { content: "S"; }
.icon-39:before { content: "S"; }
.icon-40:before { content: "M"; }
.icon-41:before { content: "W"; }
.icon-42:before { content: "I"; }
.icon-43:before { content: "W"; }
.icon-44:before { content: "a"; }
.icon-45:before { content: "S"; }
.icon-46:before { content: "U"; }
.icon-47:before { content: "S"; }








/* ------------------------------------------------------------------------------------------------------ */
/*     HOMEPAGE MOBILE BUTTONS
/* ------------------------------------------------------------------------------------------------------ */

.mobile-buttons ul, .mobile-buttons li {padding:0;margin:0;list-style:none}

.mobile-buttons a {display:block;padding:6px 15px;text-align:center;background:#eee;margin-bottom:1px;color:#fff;font-size:18px;text-transform:uppercase;text-decoration:none;}

.mobile-buttons a:hover {color:#fff}

.mobile-buttons a:after {
	content: "\f055";
	font-family: FontAwesome;
	font-size:19px;
	color:#fff;
	float:right;
}

/* ------------------------------------------------------------------------------------------------------ */
/*     SHOWCASE SLIDER / VIDEO
/* ------------------------------------------------------------------------------------------------------ */

#showcase {
    position: relative;
    width: 100%;
    min-height: auto;
    text-align: center;
    color: #fff;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
	margin:0;
	padding:0;
	z-index:1;
	overflow:hidden;
}

#showcase .scrollhelper {
	position:absolute;
	bottom:0;left:0;right:0;
	font-size:70px;
    color: #fff;
	color:rgba(255,255,255,0.9);
    z-index: 500;
	}

#showcase .slider {position:relative;z-index:200}

#showcase .watermark {position:absolute;bottom:0;right:0;z-index:100;background:url(../img/overlay-pineapple.png) right bottom no-repeat;width:100%;height:100%;background-size:contain}

#showcase .slick-slide > a {display:block}

#showcase > img,
#showcase > a > img,
#showcase .slick-slide > img,
#showcase .slick-slide > a > img,
.slider .slick-slide > img {
	width:100%;
	height:auto;
}

#showcase .slick-slide {position:relative;outline:none;}

#showcase .header-content {
    position: absolute;
	left:0;
    width: 100%;
    padding: 15px 40px;
    text-align: center;
	 top: 50%;
    -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color:#fff;
  transition:1s;
}

#showcase .header-content .header-content-inner h1 {
    margin-top: 0;
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: 400;
	font-size:80px;
	color:#fff;
	text-shadow: 0px 1px 20px rgba(0, 0, 0, 0.8);
}

#showcase .header-content .header-content-inner h1 b {font-weight:600;}

#showcase .header-content .header-content-inner h1 + .btn {margin-top:16px}

#showcase .header-content .header-content-inner p {
    font-size: 16px;
    font-weight: 500;
    color:#fff;
}

#showcase .header-content .header-content-inner .btn {background:rgba(0,0,0,0.4);}


#showcase .header-content .header-content-inner img {width:auto;height:auto}

.bgvid { 
   /* min-width: 100%;
    min-height: 100%;*/
    width: 100%;
    height: auto;
    z-index: 1;
 	background-color:#ccc;
  	background-size: cover;
  	transition: 1s opacity;
}

#showcase .header-content {margin-top:0px;}
#showcase .header-content.invisible {opacity:0;transition:2s;margin-top:30px}

video::-webkit-media-controls-start-playback-button {
  display: none !important;
  -webkit-appearance: none;
}

@media(max-width:480px) {
	
	#showcase .header-content .header-content-inner p,
	#showcase .header-content .header-content-inner .btn {display:none}
	
}

@media(min-width:768px) {
	
    .home #showcase, .home #showcase .slick-slide {
     /*   height: 87vh; */
		max-height:820px;
		max-height:82vh;
		
    }
 
 #showcase.bar {
	margin-top:-53.5px; /* match height of bar */
}

    #showcase .header-content .header-content-inner {
        margin:0 auto;
        max-width: 1000px;
    }

    #showcase .header-content .header-content-inner p {
 
        font-size: 18px;
    }
	
	#showcase.box .header-content {
	left:inherit;
	width:50%;
	text-align:right;
	right:30px;
	top:inherit;
	 bottom: 25%;
   -webkit-transform: translateY(-25%);
  -ms-transform: translateY(-25%);
  transform: translateY(-25%);
		
	}
	
}

@media (min-width:992px) {
#showcase.box .header-content {width:60%}

#showcase .scrollhelper {font-size:100px}
	
}




/* ------------------------------------------------------------------------------------------------------ */
/*     FEATURE BOXES
/* ------------------------------------------------------------------------------------------------------ */

.feature-box {
    display: block;
    position: relative;
    margin: 0 auto;
	overflow:hidden;
	max-height:500px;
	color:#fff;
}

.feature-box .overlay {background:url(../img/overlay1.png) 0 0 repeat transparent;width:100%;height:100%;position:absolute;left:0;top:0;z-index:50;}

.feature-box img {width:100%;height:auto;}

.feature-box .feature-box-caption {
    display: block;
    position: absolute;
	z-index:60;
    bottom: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

.feature-box .feature-box-caption .feature-box-caption-content {
    position: absolute;
    width: 100%;
    text-align: center;
	 top: 50%;
	-webkit-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
	font-size:1em;
	padding:0 25px;
	-webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}

.feature-box .feature-box-caption .feature-box-caption-content h2 {
	text-transform:uppercase;
	font-weight:400;
	letter-spacing:-0.5px;
	border-bottom:1px solid #fff;
	padding-bottom:20px;
	margin-bottom:20px;
	color:#fff
}


.feature-boxes-2 {
	padding:70px 0	
}

.general + .feature-boxes-2 {padding-top:0}


@media(max-width:767px) {
	
	.feature-box {max-height:360px}
	
	
}

@media(min-width:768px) {
	
	/* homepage 3 feature boxes */
	
	.feature-boxes-1 .container-fluid {max-width:100%}
   
	.feature-boxes-1 .feature-box .feature-box-caption .feature-box-caption-content { 
	top:0;
	-webkit-transform: none;
  	-ms-transform: none;
  	transform:  none;
	padding-top:27%;
	padding-bottom:50px
	}
	
	.ie8 .feature-boxes-1 .feature-box .feature-box-caption .feature-box-caption-content { padding-top:20px}
	
	.touchevents .feature-boxes-1 .feature-box .feature-box-caption .feature-box-caption-content { 
	padding-top:20%
	}
	
	.no-touchevents .feature-boxes-1 .feature-box .feature-box-caption .feature-box-caption-content .cta {
		position:absolute;
		left:0;
		right:0;
		bottom:-260px;
		-webkit-transition: all .5s;
    	-moz-transition: all .5s;
    	transition: all .5s;
		text-align:center;
	}
	
	.no-touchevents	.feature-boxes-1 .feature-box:hover .feature-box-caption .feature-box-caption-content .cta {bottom:0px;}
	
	.no-touchevents	.feature-boxes-1 .feature-box:hover .feature-box-caption .feature-box-caption-content {padding-top:19%;}
	
	
	
	/* landing page no gutter button boxes */
	
	
	
	.feature-boxes-2 .feature-box .feature-box-caption .feature-box-caption-content .cta {
		-webkit-transition: all .2s;
   	 	-moz-transition: all .2s;
    	transition: all .2s;
		text-align:center;
	}
	
	.feature-boxes-2 .feature-box:hover .feature-box-caption .feature-box-caption-content .cta {margin-bottom:20px;}
	

}

@media(min-width:768px) and (max-width:1199px) {

	.feature-boxes-1 .feature-box {height:400px}
	.feature-boxes-1 .feature-box img { height:100%;width:auto;max-width:inherit }
	.feature-box .feature-box-caption .feature-box-caption-content h2 {font-size:28px}
	
}

@media(min-width:992px) {
	.feature-box .feature-box-caption .feature-box-caption-content {padding:0 15%}
	
	
}




/* ------------------------------------------------------------------------------------------------------ */
/*     TRIANGLE SECTION
/* ------------------------------------------------------------------------------------------------------ */

section {position:relative}


.triangle-section {background-color:transparent;background-position:center center;background-repeat:no-repeat;background-size:cover;overflow:hidden;}

.triangle-content {
	position:relative;
	margin:0 auto;
	background:#910615;
	opacity:0.85;
	color:#fff;
	padding:40px 20px;
	text-align:center
}

.ie8 .triangle-content {
	filter: alpha(opacity=85);
}

.triangle-content h2,
.triangle-content h4 {font-weight:400;text-transform:uppercase;color:#fff}

.triangle-content h2 {margin:0 0 5px}
.triangle-content h4 {font-size:22px;font-weight:300}

@media (min-width:768px) {

.triangle-section {min-height:520px;}

.triangle-content {
	position:absolute;
	text-align:center;
	width:680px;
	padding:70px 160px 130px;
	opacity:1;
	background:none;
	z-index:90;
}

.triangle {
	width:100%;
	position:absolute;
	top:0;
	right:0;
	z-index:50;	
}

.triangle:after {
	content:"";
	border-style: solid;
    position: absolute;
	opacity:0.85;
}

.ie8 .triangle:after {
	filter: alpha(opacity=85);	
}

/*Down Right */

.downright .triangle {
	top:0;
	right:-130px;
}
.downright .triangle:after {
	right:0;
	top:0;
	border-width: 580px 470px 0 470px;
	border-color: #910615 transparent transparent transparent;
}

.downright .triangle-content {top:0;right:0}


/*Down Left */

.downleft .triangle {
	top:0;
	left:-130px;
}
.downleft .triangle:after {
	left:0;
	top:0;
	border-width: 580px 470px 0 470px;
	border-color: #910615 transparent transparent transparent;
}

.downleft .triangle-content {top:0;left:0}


/*Up Right */

.upright .triangle {
	bottom:0;
	right:-130px;
}
.upright .triangle:after {
	right:0;
	bottom:0;
	border-width: 0 470px 580px 470px;
	border-color: transparent transparent #910615 transparent;
}

.upright .triangle-content {padding-top:150px;padding-bottom:60px;bottom:0;right:0}


/*Up Left */

.upleft .triangle {
	bottom:0;
	left:-130px;
}
.upleft .triangle:after {
	left:0;
	bottom:0;
	border-width: 0 470px 580px 470px;
	border-color: transparent transparent #843f0d transparent;
}

.upleft .triangle-content {padding-top:150px;padding-bottom:60px;bottom:0;left:0}
	
}


@media (min-width:768px) and (max-width:991px) {

	.downright .triangle,
	.upright .triangle {right:-240px}
	
	.downleft .triangle,
	.upleft .triangle {left:-240px}
	
	.triangle-content {width:470px;padding-right:30px;padding-left:30px}
	
}

@media (min-width:992px) {

	.no-touchevents .triangle-section{
	background-attachment:fixed	
	}
}


/* ------------------------------------------------------------------------------------------------------ */
/*    SLIDESHOW
/* ------------------------------------------------------------------------------------------------------ */

.slider .foo-item {max-height:850px;overflow:hidden}

.foogallery-owl-carousel .foo-item {text-align:center}

.gallery-caption h5 {margin-top:10px;margin-bottom:0px}

.foogallery-gs-slider {margin-bottom:30px}

/* ------------------------------------------------------------------------------------------------------ */
/*     Instagram Feed
/* ------------------------------------------------------------------------------------------------------ */

section.instagram {padding:10px 0}

.sbi_custom {background:#000;background:rgba(0,0,0,0.5);color:#fff;position:absolute;height:100%;left:0;right:0;text-align:center;padding:15px;text-decoration:none!important;overflow:hidden}
.sbi_custom h3 {color:#fff;text-decoration:none}
.sbi_custom > div {position: relative;
  top: 50%;
    -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  }
  
  .ie8 .sbi_custom {display:none}
 
  

  
@media (min-width:768px) and (max-width:1199px) {

.sbi_custom h3 {font-size:18px}
.sbi_custom .btn {padding:8px;font-size:14px}
	
}

@media (min-width:481px) and (max-width:767px) {
	
.sbi_custom h3 {font-size:15px}
.sbi_custom .btn {padding:6px;font-size:13px}
}


@media (max-width:480px) {

#sb_instagram #sbi_images .sbi_item {width:50%!important;padding:5px!important}
#sb_instagram #sbi_images .sbi_photo {height:140px!important}
.sbi_custom h3 {font-size:15px}
.sbi_custom .btn {padding:6px;font-size:13px}
}

/* ------------------------------------------------------------------------------------------------------ */
/*     FB/Twitter Feed
/* ------------------------------------------------------------------------------------------------------ */

.fbtwitter {padding:70px 0;overflow:hidden}

.fbtwitter h2 {text-align:center;font-weight:400}

.fbtwitter .fb {margin-bottom:50px}

.atf-static-tweets .atf-tweet-wrapper {border-bottom:1px solid #eee}

.atf-static-tweets .atf-inner-wrapper .atf-tweet-wrapper .atf-user-card img {margin-right:6px!important}

.cff-wrapper,
.atf-object {text-align:left}

@media (min-width:768px) {

.fbtwitter .fb {padding-right:30px;margin-bottom:0}
.fbtwitter .tw {padding-left:30px}
	
}




/* ------------------------------------------------------------------------------------------------------ */
/*     VIDEO SECTION
/* ------------------------------------------------------------------------------------------------------ */

.videobox {padding:70px 0;position:relative}

.videobox a {position: relative;text-align:center;}

.videobox .play {
	color:#fff;
	font-size:50px;
    position: absolute;
    top: -80px;
	left:0;
	right:0;
    z-index: 10;
	display:block;
	padding:0 50px;
}

.videobox .play h2 {font-size:82px;text-transform:uppercase;display:inline-block;border-bottom:1px solid #fff;padding-bottom:20px;color:#fff}

.videobox .play i {display:block}

/* responsive video */
.videowrapper {
	position: relative;
	padding-bottom: 55.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videowrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

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

@media (min-width:768px) {

.videobox .play {
	font-size:80px;
	top:-100px;
}

}






/* ------------------------------------------------------------------------------------------------------ */
/*     ALTERNATING BOXES
/* ------------------------------------------------------------------------------------------------------ */


.alternating .box-inner {padding:20px 20px;text-align:center;width:100%}

/* specifying "section" makes it only apply to the  alternating content field, not the CPT for rooms/bios */
section.alternating .row.no-gutter {margin:0}


.alternating .box-inner hr {max-width:300px}

.alternating .box-inner h2 {margin:0 0 5px 0;font-size:22px}


@media (min-width:992px) {

	
.alternating .pic {background-color:#ccc}
.alternating .box-inner h2 {font-size:28px}
.alternating .col-sm-6 {min-height:312px}



}

@media (min-width:1200px) {

.alternating .col-sm-6 {height:378px}
.alternating .box-inner {
	position:absolute;
top:50%;  
-webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding:20px 40px
  }
.alternating .box-inner h2 {font-size:34px}
	
}

@media (min-width:1380px) {

.alternating .col-sm-6 {height:438px}

}

@media (min-width:768px) and (max-width:991px) {

.alternating .box-inner {padding-top:0;margin-bottom:40px}

}


@media (max-width:767px) {

section.alternating .row.no-gutter {margin-bottom:50px}
	
}




/* ------------------------------------------------------------------------------------------------------ */
/*     FOOTER
/* ------------------------------------------------------------------------------------------------------ */

#footer {padding:40px 0}

/*
#footer > .container {padding-top:40px;border-top:1px solid #ddd;}
*/

#footer .footer-top {margin-bottom:45px}

.social {vertical-align:middle;text-align:right}
.social h4 {display:inline-block}
.social .social-icons {display:inline-block}
.social-icons a {
  font-size: 18px;
  line-height:30px;
  font-weight:bold;
  text-align: center;
  color:#fff;
  margin:0 5px;
  display:inline-block;
  width:30px;
  height:30px;
  border-radius:30px;
  background:#666666
}

@media (max-width:768px) {

.footer-bottom,	
.footer-top {text-align:center;}
.footer-top img {margin-bottom:20px}	


.social {text-align:center;margin-top:30px}

}



/* ------------------------------------------------------------------------------------------------------ */
/*     STANDARD CONTENT
/* ------------------------------------------------------------------------------------------------------ */

.general .page-title {display:none}
.general.section-0 .page-title {display:block}

.general + .general {padding-top:0}

#showcase.interior {
	max-height:570px;
	overflow:hidden;
}

.general {padding:70px 0;-webkit-font-smoothing:antialiased;position:relative;background:#fff}

.general .main p {line-height:2;}

.general .main ul, .general .main ol {margin-bottom:28px}


/*
.general.full {text-align:center}
*/


.sidebar ul {padding-left:18px;}

.sidebar h5 + p,
.sidebar h4 + p {margin-top:-5px}

.sidebar p {margin-bottom:15px}



@media (min-width:768px) {

.sidebar {width:32%}
.main {width:68%}

}

@media (max-width:767px) {

.pull-right {float:none!important}

.sidebar {margin-top:40px}

.general, .videobox {padding:40px 0}
	
}

@media (min-width:1200px) {

.sidebar-inner {padding-right:40px}	
}


/* ------------------------------------------------------------------------------------------------------ */
/*     INTERIOR SUBNAV
/* ------------------------------------------------------------------------------------------------------ */

#subnav {
width:100%;
background:#611017;
background:rgba(97,16,23,0.8);
color:#fff;
font-family: "WhitneyCondensed";
font-weight:400;
position:relative;
top:0;
z-index:50;
}

#subnav #submenu {box-shadow:none;-webkit-box-shadow:none}

#subnav .navbar-toggle {width:100%;float:none;padding:4px 0}
#subnav .navbar-toggle .icon-bar {background-color:#fff;background-color:rgba(255,255,255,0.8)}

#subnav h5 {font-weight:600;color:#fff;margin:0;float:left}
#subnav .burger {float:right;display:block}

#subnav li a {color:#fff}

#subnav ul, #subnav li {margin:0;padding:0;list-style:none}

#subnav .nav2 {padding-bottom:20px}

#subnav .nav2 li > ul {padding:10px}

@media (min-width:768px) {
	
#subnav {height:42px;top:-42px;margin-bottom:-42px /* equals height of the subnav bar */}
	
#subnav .navbar-collapse {margin-left:-15px;margin-right:-15px}
	
#subnav h5 {display:none}

#subnav .nav2 {border-left:2px solid #fff;padding-bottom:0}

#subnav .nav2 > li {float:left;position:relative}

#subnav .nav2  > li > a {line-height:42px;display:block;color:#fff;font-size:26px;text-transform:uppercase;padding:0 20px;border-right:2px solid #fff;text-decoration:none}

#subnav .nav2 li > ul {
	z-index:300;
	position:absolute;
	top:100%;
	left:0;
	display:none;
	background:#611017;	
	padding:10px 0;
	min-width:100%
}
#subnav .nav2 li:hover > ul {
	display:block
}

#subnav .nav2 li li a {color:#fff;display:block;padding:3px 20px;font-weight:500;text-transform:uppercase;cursor:pointer}
	
#subnav .nav2 li.has-children > a:after,
#subnav .nav2 li.menu-item-has-children > a:after {
    content: '\f0d7';
    font-family: 'fontawesome';
    color: #fff;
	padding-left:15px
}


}

@media (max-width:991px) {
	
	#subnav .nav2  > li > a  {font-size:20px}
	#subnav.affix,
	#subnav.affix-top {position:relative!important;top:0!important}
}

@media (min-width:992px) {
	#subnav .nav2 li li a {white-space:nowrap}
	
	#subnav.affix {
		position:fixed;
		/*top:54px;*/
		left:0;
		z-index:900
	}
	/*body.admin-bar #subnav.affix {top:80px  plus height of wp admin bar  }*/
	
	.ie8 #subnav.affix {position:relative!important;top:0!important}
	
}



/* ------------------------------------------------------------------------------------------------------ */
/*     Search Results
/* ------------------------------------------------------------------------------------------------------ */

.result {background:#f4f4f4;margin:20px 0;padding:20px 20px 30px}

/* ------------------------------------------------------------------------------------------------------ */
/*     RESTAURANT MENUS
/* ------------------------------------------------------------------------------------------------------ */

.general .main .menu-section {margin-bottom:50px}
.general .main .menu-section p {line-height:1.2}
.general .main .menu-section h4 {margin-bottom:5px}
.general .main .menu-section hr {width:480px;max-width:100%;}

.attachment-menu {margin-bottom:25px}


/* open table widget */

.sidebar #OT_form,
.sidebar .OT_list,
.sidebar .OT_title,
.sidebar .OT_subtitle,
.sidebar .OT_wrapper {
    width: 100%;
}

.sidebar .OT_wrapper {border-radius:0;border-color:transparent;margin-bottom:20px}

.sidebar .OT_list {padding:0 15px}
.sidebar .OT_title {font-size:20px}
.sidebar .OT_day, .sidebar .OT_time, .sidebar .OT_party { border: 0; height: auto;width:100%}

.sidebar .OT_searchTimeField, .sidebar .OT_searchDateField, .sidebar .OT_searchPartyField {border-radius:0;height:auto;width:100%}

.sidebar #OT_timeList, .sidebar #OT_partyList {width:auto}

.sidebar .OT_submit {margin:0 auto 10px}


.sidebar p + #OT_form {margin-top:-15px}


/* ------------------------------------------------------------------------------------------------------ */
/*     NEWS / EVENTS
/* ------------------------------------------------------------------------------------------------------ */

.news {padding:70px 0}

/* ---- GRID LAYOUT ---- */

.grid:after {
  content: '';
  display: block;
  clear: both;
}

.grid-item,
.grid-sizer {
  width: 100%;
}

.grid-item {
  float: left;
  margin-bottom:10px;
}

.grid img {max-width:100%;height:auto}


/* ---- ITEM INNER ---- */

.eventInner { background-color: #ccc;}

.eventInner .feature-box h3 {color:#fff;}

.eventInner .date {background:#fff;color:#111;font-size:15px;display:inline-block;margin-bottom:20px}

.eventInner .date b {font-size:25px;display:block;font-weight:500}

.eventInner .feature-box  .feature-box-caption-content { padding-top:50px;padding-bottom:50px}


@media (min-width:768px) {
.no-touchevents .eventInner .feature-box .feature-box-caption-content .cta {
	position:absolute;
	left:0;
	right:0;
	bottom:-300px;
	-webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
	text-align:center;
}
	
.no-touchevents .eventInner .feature-box:hover .feature-box-caption-content .cta {
	bottom:0px;
}

.no-touchevents .eventInner .feature-box:hover .feature-box-caption-content {
	padding-top:0
}

}


/* ---- LIST LAYOUT ---- */

.grid2 article {margin-bottom:30px}

.eventContent {text-align:center;padding-top:30px}
.eventContent hr {width:450px;max-width:100%}




@media (min-width:768px) {
	
.grid-item,
.grid-sizer {
  width: 50%;
}

.eventInner { margin-right:15px}
	
}

@media (min-width:768px) and (max-width:991px) {
	
	.eventContent p {display:none}
	
}

@media (min-width:992px) {


.grid-item,
.grid-sizer {
  width: 33.3333%;
}
}

@media (min-width:992px) and (max-width:1199px) {
	.eventContent {padding-top:10px}
}

@media (min-width:1380px) {
	.eventContent {padding-top:70px}
	
}


.download-iCal-frm input {padding:3px 5px;border-width:1px;border-radius:5px}



/* ------------------------------------------------------------------------------------------------------ */
/*     BLOG SINGLE POST PAGE 
/* ------------------------------------------------------------------------------------------------------ */

.sidebar .widget {margin-bottom:40px}

.sidebar .ee-upcoming-events-widget-ul {padding:0}
.sidebar .ee-upcoming-events-widget-title-h5 {margin:0}
.sidebar .ee-upcoming-events-widget-li {margin-top:15px}
.sidebar .ee-event-datetimes-ul {padding-top:8px}

.sidebar .ee-upcoming-events-widget-ul .eventtime {display:none}

.ee-upcoming-events-widget-li img {margin-top:10px}

#comments ol {list-style:none;padding:0}

#comments textarea {width:100%}

#comments {padding-top:40px;border-top:1px solid #eee;margin-top:40px}

.search-submit {background:none;border:none}
.search-field {border:1px solid #ccc;padding:10px}

.sidebar .TA_selfserveprop > div {width:100%!important}

.commentform input {width:100%}

.post-meta time {display:inline-block}



/* ------------------------------------------------------------------------------------------------------ */
/*     EVENT SINGLE POST PAGE 
/* ------------------------------------------------------------------------------------------------------ */

.event-tickets .ticket-selector-submit-btn {float:none}

.event-tickets {border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:20px 0;margin:20px 0}

.ee-event-datetimes-ul {list-style:none;padding:0}
.ee-event-datetimes-ul li {margin-bottom:5px}

/* ------------------------------------------------------------------------------------------------------ */
/*     LANDING PAGE
/* ------------------------------------------------------------------------------------------------------ */


body.page-template-page-landing {padding-top:0}

body.page-template-page-landing #mainNav .phone2{
	color:#993600;
	float:right;
	font-size:26px;
	padding-bottom:20px;
	font-weight:500;
	text-align:right;
	line-height:1.1;
	margin-right:20px
}

body.page-template-page-landing #mainNav .phone2 span {display:block;font-size:22px;font-weight:300}

body.page-template-page-landing #showcase {border-bottom:15px solid #611017}

body.page-template-page-landing .main .general:first-child {padding-top:0}


#floater {  /* required to avoid jumping */
  	top: 0;
  	position: relative;
	text-align:left;
	margin-bottom:30px;
}

.floating-content {
	position: relative;
	z-index:500;
}

.floating-content-inner {
	padding:30px 25px 15px;
	background-color:#f2a416;
	color:#fff;
	position:relative;
	display:block;
	font-size:14px;
	}

.ie8 .floating-content-inner {
	filter: alpha(opacity=90);	
}

.floating-content-inner:after {
    content:"";
	border-style: solid;
    position: absolute;
	left: 50%;
	bottom: -30px;
    margin-left:-30px;
	border-width: 30px 30px 0 30px;
	border-color: #f2a416 transparent transparent transparent;
 }



.floating-content-content {margin-bottom:30px;}

.sidebar .floating-content .frm_form_widget {padding:0}
.sidebar .floating-content .widget {margin-bottom:15px}


@media (max-width:767px) {

.floating-content.affix,
.floating-content.affix-top {top:0!important;position:relative!important;margin-bottom:70px}
}


@media (min-width:768px) {


.floating-content {position: fixed; top: 240px;}

.floating-content-inner {width:310px;}

#floater {position:absolute;top:100px;left:0;right:0;z-index:999}

	
}

@media (min-width:768px) and (max-width:991px) {

.floating-content {top:200px}
.floating-content-inner {width:250px;}
	
}

@media (min-width:1200px) {
	.floating-content {top:260px}
	.floating-content-inner {width:350px;}
}

@media (min-width:1380px) {
	.floating-content-inner {width:400px;}
}




/* ------------------------------------------------------------------------------------------------------ */
/*     FORMIDABLE FORMS
/* ------------------------------------------------------------------------------------------------------ */
 
.frm_style_formidable-style.with_frm_style input, .frm_style_formidable-style.with_frm_style select {height:auto!important}
 
.frm_form_field input[type=tel],
.frm_form_field select,
.frm_form_field textarea,
.frm_form_field input {border-radius:0!important;padding:15px 12px!important;font-family:'Whitney',sans-serif!important;font-size:16px!important}

.frm_submit {text-align:center;margin:0 auto;font-size:18px;font-family:'Whitney',sans-serif;text-transform:uppercase;font-weight:400;padding:6px 10px;max-width:400px}

.frm_submit input[type=submit] {border:0;background:none!important;width:100%!important}

.frm_submit .frm_ajax_loading {position:absolute;top:15px;right:10px}

.sidebar .frm_forms {padding:25px 20px;background-color:#ccc;color:#fff;text-align:center}

.sidebar .frm_forms .frm_description p,
.sidebar .frm_forms .frm_primary_label, 
.sidebar .frm_forms .frm_submit input {color:#fff!important}

.sidebar .frm_forms .frm_description {text-align:center!important}

.sidebar h3.frm_form_title,
.sidebar .frm_form_widget .widget-title {color:#fff!important;font-weight:500;font-size:20px;text-align:center;}

.sidebar h3.frm_form_title {margin-top:0!important;margin-bottom:20px!important}
.sidebar .frm_form_widget .widget-title {padding-top:25px;margin:0}

.frm_style_formidable-style.with_frm_style .frm_message {border-radius:0;font-size:15px;text-align:center}




/* ------------------------------------------------------------------------------------------------------ */
/*     PROMO MODAL
/* ------------------------------------------------------------------------------------------------------ */


/* ----- PROMO MODAL ------ */

#promoModal .modal-dialog {width:100%;max-width:840px;margin:0 auto}

#promoModal .modal-content .close {
	right: 15px;
    position: absolute;
    top: 10px;
    font-size: 30px;
    color: #fff;
	text-shadow:none;
	opacity:.9
	}
	
#promoModal .modal-content {background-color:#222;color:#fff;text-align:center;padding:40px}
#promoModal .modal-content h2 {font-size:46px;}

#promoModal .modal-content.light h2,
#promoModal .modal-content.light h3,
#promoModal .modal-content.light h4,
#promoModal .modal-content.light h5,
#promoModal .modal-content.light label,
#promoModal .modal-content.light {color:#fff}

#promoModal .modal-content.dark h2,
#promoModal .modal-content.dark h3,
#promoModal .modal-content.dark h4,
#promoModal .modal-content.dark h5,
#promoModal .modal-content.dark label,
#promoModal .modal-content.dark {color:#111}

.modal-open .modal-vcenter {
  padding-left: 0px !important;
  padding-right: 0px !important;
  overflow-y: scroll;
}

#promoModal .frm_submit input {color:#fff;}


#promoModal .frm_error {color:#ff}

/* ------------------------------------------------------------------------------------------------------ */
/*     WORDPRESS EDITOR CLASSES
/* ------------------------------------------------------------------------------------------------------ */


.alignleft, img.alignleft {
	margin-right: 25px;
	display: inline;
	float: left;
	}
.alignright, img.alignright {
	margin-left: 25px;
	display: inline;
	float: right;
	}
.aligncenter, img.aligncenter {
	margin-right: auto;
	margin-left: auto;
	display: block;
	clear: both;
	text-align:center;
	}
.alignnone, img.alignnone {
	/* not sure about this one */
	}
.wp-caption {
	margin-bottom: 20px;
	text-align: center;
	padding-top: 5px;
	}
.wp-caption img {
	border: 0 none;
	padding: 0;
	margin: 0;
	}
.wp-caption p.wp-caption-text {
	line-height: 1.5;
	font-size: 10px;
	margin: 0;
	}
.wp-smiley {
	margin: 0 !important;
	max-height: 15px;
	}
blockquote.left {
	margin-right: 20px;
	text-align: right;
	margin-left: 0;
	width: 33%;
	float: left;
	}
blockquote.right {
	margin-left: 20px;
	text-align: left;
	margin-right: 0;
	width: 33%;
	float: right;
	}


/* ------------------------------------------------------------------------------------------------------ */
/*     MAPS
/* ------------------------------------------------------------------------------------------------------ */
 
.wpgmp_map_container {box-shadow:none!important}

@media (max-width:767px) {
	section.map .wpgmp_map {max-height:300px}
}


/* ---------------------------------------------------------------------- PRELOADER  ------------------ */

#preloader {
	background-color: #FFF;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 100000;
}
.preloader {
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: center;
	background: #FFF;
	height: 36px;
	width: 36px;
	margin-left: -18px;
	margin-top: -18px;
}

/* ------------------------------------------------------------------------------------------------------ */
/*     SLICK THEME
/* ------------------------------------------------------------------------------------------------------ */


/* Slider */
.slick-loading .slick-list{
    background: #fff url('../img/ajax-loader.gif') center center no-repeat;
}

/* Arrows */
.slick-prev,
.slick-next{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 60px;
    height: 100%;
    padding: 0;
    margin-top: -10px; /*lte IE 8*/
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
	z-index:999;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before{
    font-family: 'fontawesome';
    font-size: 50px;
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev{
    left: 0px;
}
[dir='rtl'] .slick-prev{
    right: 0px;
    left: auto;
}
.slick-prev:before{
    content: '\f104';
	float:left;
	padding-left:10px;
}
[dir='rtl'] .slick-prev:before{
    content: '\f104';
	float:left;
	padding-left:10px;
}

.slick-next{
    right: 0px;
}
[dir='rtl'] .slick-next{
    right: auto;
    left: 0px;
}
.slick-next:before{
    content: '\f105';
	float:right;
	padding-right:10px;
}
[dir='rtl'] .slick-next:before{
    content: '\f105';
	float:right;
	padding-right:10px;
}

/* Dots */

.slick-dots{
    position: absolute;
    bottom: -45px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li{
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before{
    opacity: 1;
}
.slick-dots li button:before{
    font-family: 'fontawesome';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before{
    opacity: .75;
    color: black;
}