/* --- RESET DEFAULT BROWSER CSS --- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  /* font-family: inherit; */
  vertical-align: baseline;
}

/* removed perforated edge around links */
a { outline:0 !important; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* --- END BROWSWER RESET --- */

/* Headings */
h1,h2,h3,h4,h5,h6 { color: #404040; }

h1 { font-size: 1.8em; line-height: 1.5em; margin-bottom: 0.6em; color: #206DB1; text-transform: uppercase; }
h2 { font-size: 1.4em; line-height: 1.5em; margin-bottom: 0.6em; }
h3 { font-size: 1.3em; line-height: 1.5em; margin-bottom: 0.6em; color: #206DB1; text-transform: uppercase; padding-bottom: 6px; border-bottom: 1px solid #e1e1e1; }
h4 { font-size: 1.0em; line-height: 1em; margin-bottom: 0.4em; color: #206DB1; text-transform: uppercase; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 0.2em; color: #333; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }
.colored { color: #892e65; }

p { margin: 0 0 1.1em; }
p img.left { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a { color: #206DB1; text-decoration: none; -webkit-transition: color 100ms linear; -moz-transition: color 100ms linear; -o-transition: color 100ms linear; -ms-transition: color 100ms linear; transition: color 100ms linear; }
a:focus { text-decoration: none; }
a:hover { color: #206DB1; text-decoration: underline; -webkit-transition: color 100ms linear; -moz-transition: color 100ms linear; -o-transition: color 100ms linear; -ms-transition: color 100ms linear; transition: color 100ms linear; }

blockquote { margin: 1.5em; color: #666; font-style: italic; }
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
sup, sub { line-height: 0; }

abbr, acronym { border-bottom: 1px dotted #666; }
address { margin: 0 0 1.5em; font-style: italic; }
del { color: #666; }

pre { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

/* Lists */
li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul { list-style-type: disc; }
ol { list-style-type: decimal; margin-left: 20px; }

dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd { margin-left: 1.5em; }

/* Tables */
table { margin-bottom: 0.5em; }
th { font-weight: bold; }
thead th { }
th, td, caption { padding: 0px 5px 0px 5px; }
th { padding: 4px 5px; }
td.odd { background: #f2f2f2; }
tfoot { font-style: italic; }
caption { background: #eee; }

/* Misc classes */
.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large { font-size: 1.8em; }
.hide { display: none; }
.white { color: #FFF; }

.quiet { color: #666; }
.loud { color: #000; }
.highlight { background: #ff0; }
.added { background: #060; color: #fff; }
.removed { background: #900; color: #fff; }

.first { margin-left: 0; padding-left: 0; }
.last { margin-right: 0; padding-right: 0; }
.top { margin-top: 0; padding-top: 0; }
.bottom { margin-bottom: 0; padding-bottom: 0; }

/* --- END DEFAULT TYPOGRAPHY --- */

body { background: #2b2b2b; font-family: Lato; }
img { max-width: 100%; height: inherit !important; }
.alignRight { text-align: right; }
.alignCenter { text-align: center; }
div.row { margin-bottom: 30px; }
.marginTop { margin-top: 30px; }
.marginBottom { margin-bottom: 30px; }
.box { background: #FFF; border: 1px solid #333; padding: 10px; }
.error { color: red; background: #fff; padding: 5px; border: 1px solid red; margin: 10px 0; display: inline-block; }
img[style*="float: left"] { max-width: 50%; margin: 0 15px 10px 0; }
img[style*="float: right"] { max-width: 50%; margin: 0 0 10px 15px; }
.button { display: inline-block; padding: 15px 35px; background: #FFF; border: 1px solid #206DB1; color: #206DB1; text-transform: uppercase; font-size: 1.2em; }
.button.sm { padding: 5px 15px; font-size: 1em; }
.button:hover { background: #206DB1; color: #FFF; text-decoration: none; }
blockquote { background: url('images/blockquote.png') left top no-repeat; margin: 0; padding: 5px 0 1.5em 40px; }

main { background: #FFF; }
main em { color: #7b7b7b; }
main strong { color: #206DB1; font-size: 1.1em; }
main a strong { color: #206DB1; }

header { background: #2b2b2b; }
.logo { float: left; padding: 10px 0; }
.logo a, .logo a img { display: block; }
.headerLinks { float: right; margin: 14px 0; display: table; }
.headerLinks ul { margin: 0; display: table-cell; }
.headerLinks ul.left { padding-right: 20px; }
.headerLinks li { list-style-type: none; text-align: right; }
.headerLinks ul.right li { text-align: left; }
.headerLinks li a { display: inline-block; padding: 2px 0; color: #6CACE4; text-transform: uppercase; font-size: 1em; }
.headerLinks li a:hover { color: #FFF; }
.headerLinks li a.white { color: #FFF; }
.searchBox label { display: none; }
.searchBox form { position: relative; }
.searchBox input { border: 0; padding: 0 0 0 35px; background: url('images/icons.png') 5px -46px no-repeat; line-height: 30px; height: 30px; width: 0px; -webkit-transition: width 0.5s ease, background-color 0.5s ease; -moz-transition: width 0.5s ease, background-color 0.5s ease; -o-transition: width 0.5s ease, background-color 0.5s ease; transition: width 0.5s ease, background-color 0.5s ease; }
.searchBox input:hover { background-color: #FFF; width: 165px; }

.searchBox button { display: none; position: absolute; top: 0; right: 0; width: 30px; height: 30px; background: #FFF url('images/icons.png') 3px -46px no-repeat; border: 0px solid #206DB1; text-indent: -4000px; }
.ui-autocomplete { left: inherit !important; float: none; width: 200px; }
.ui-autocomplete .ui-menu-item { padding: 0; margin: 0; border: 0px; margin: 0px; background: transparent; }
.ui-autocomplete .ui-menu-item a.ui-corner-all { border-radius: 0px; color: #000; font-size: 0.8em; line-height: 1.2em; border: 0px; margin: 0px; background: transparent; }
.ui-autocomplete .ui-menu-item a.ui-corner-all:hover, .ui-autocomplete .ui-menu-item a.ui-corner-all:focus { background: #009fda; color: #FFF; margin: 0px; border: 0px; cursor: pointer; }

.banner.home .homeBanner { margin-bottom: 5px; }
.homeBanner { position: relative; text-align: center; display: block; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; min-height: 175px; }
.homeBanner img { display: block; width: 100%; opacity: 1; -webkit-transition: opacity 250ms linear; -moz-transition: opacity 250ms linear; -o-transition: opacity 250ms linear; -ms-transition: opacity 250ms linear; transition: opacity 250ms linear; }
.homeBanner .overlay { position: absolute; top: 50%; left: 0; color: #FFF; width: 100%; display: inline-block; margin: -70px auto 0; }
.homeBanner .overlay .title { text-transform: uppercase; line-height: 70px; font-size: 3em; -webkit-transition: font-size 250ms linear; -moz-transition: font-size 250ms linear; -o-transition: font-size 250ms linear; -ms-transition: font-size 250ms linear; transition: font-size 250ms linear; }
.homeBanner .overlay .name { font-family: Georgia; font-size: 1.6em; font-style: italic; text-transform: lowercase; border-top: 1px solid #FFF; max-width: 350px; margin: 0 auto; padding-top: 20px; -webkit-transition: max-width 250ms linear, font-size 250ms linear; -moz-transition: max-width 250ms linear, font-size 250ms linear; -o-transition: max-width 250ms linear, font-size 250ms linear; -ms-transition: max-width 250ms linear, font-size 250ms linear; transition: max-width 250ms linear, font-size 250ms linear; }
.homeBanner:hover img { opacity: 1; }
.homeBanner:hover .overlay .title { font-size: 3.5em; }
.homeBanner:hover .overlay .name { font-size: 1.8em; max-width: 400px; }

footer { text-align: center; padding: 20px 0; background: #2b2b2b; }
.footerWrapper { display: table; margin: 0 auto; }
.footerCol { display: table-cell; text-align: left; width: 260px; padding: 0 20px; color: #b8b8b8; }
.footerCol .toggle { text-transform: uppercase; color: #206DB1; font-size: 1.2em; position: relative; padding-left: 30px; }
.footerCol .toggle.collapsed, .footerCol .toggle.collapsed:focus { color: #FFF }
.footerCol .toggle:hover, .footerCol .toggle.collapsed:hover, .footerCol .toggle:focus { color: #6CACE4; text-decoration: none; }

@keyframes arrowSpinOut { from {transform:rotate(0deg);} to {transform:rotate(90deg);} }
@keyframes arrowSpinIn { from {transform:rotate(90deg);} to {transform:rotate(0deg);} }
@-webkit-keyframes arrowSpinOut { from {-webkit-transform:rotate(0deg);} to {-webkit-transform:rotate(90deg);} }
@-webkit-keyframes arrowSpinIn { from {-webkit-transform:rotate(90deg);} to {-webkit-transform:rotate(0deg);} }
.footerCol .toggle i { position: absolute; left: 0; top: 1px; display: inline-block; width: 20px; height: 20px; background-image: url('images/arrow.png'); -webkit-transform: rotate(30deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
.footerCol .toggle.collapsed i { display: inline-block; width: 20px; height: 20px; background-image: url('images/arrow.png'); animation: arrowSpinIn 0.4s forwards; -webkit-animation: arrowSpinIn 0.4s forwards; }
.footerCol .toggle.collapsed:hover i { animation: arrowSpinOut 0.4s forwards; -webkit-animation: arrowSpinOut 0.4s forwards; }

.footerCol .collapse, .footerCol .collapsing { padding-top: 20px; }
.footerCol h4 { color: #FFF; margin: 0 0 15px 5px; }
.footerCol a { color: #FFF; }
.footerCol a:hover { color: #6CACE4; }
.footerCol ul { margin: 0; }
.footerCol li { list-style-type: none; padding: 0 0 12px; line-height: 1.1em; }
.footerCol li a { color: #FFF; text-transform: uppercase; }
.footerCol li a:hover { color: #6CACE4; text-decoration: none; }

.socialMedia { margin-top: 30px; text-align: left; }
.socialMedia hr { margin: 10px 0; }
.socialMedia h4 { color: #FFF; margin: 0 0 15px 5px; }
.socialMedia .button { background-color: #6CACE4; color: #2b2b2b; padding: 5px 15px; font-size: 1.1em; }
.socialMedia .button:hover { background-color: #FFF; border-color: #FFF; }
.socialIcon { display: inline-block; width: 38px; height: 38px; background: #6CACE4; border-radius: 19px; color: #2b2b2b; margin-right: 20px; line-height: 38px; font-size: 1.4em; text-align: center;
    -webkit-transition: background-color 250ms linear; -moz-transition: background-color 250ms linear; -o-transition: background-color 250ms linear; -ms-transition: background-color 250ms linear; transition: background-color 250ms linear;
}
.socialIcon:hover { background-color: #FFF; color: #2b2b2b; -webkit-transition: background-color 250ms linear; -moz-transition: background-color 250ms linear; -o-transition: background-color 250ms linear; -ms-transition: background-color 250ms linear; transition: background-color 250ms linear; }
.copyright { color: #b8b8b8; text-align: center; font-size: 0.8em; }
.copyright a { color: #b8b8b8; }

/* Menu Styles */
nav a, nav a:hover { -webkit-transition: background-color 250ms linear; -moz-transition: background-color 250ms linear; -o-transition: background-color 250ms linear; -ms-transition: background-color 250ms linear; transition: background-color 250ms linear; }

nav .menuTitle { display: block; margin: 3px 10px; color: #6CACE4; border-bottom: 1px solid #6CACE4; font-size: 1.1em; }

nav .level1 { background: #80807b; }
nav .level1 ul { display: table; width: 100%; margin: 0; }
nav .level1 li { display: table-cell; width: 33.33%; text-align: center; border-left: 1px solid #2b2b2b; border-right: 1px solid #2b2b2b; }
.navbar-nav > li > a { padding-left: 14px; padding-right: 14px; }
nav .nav > li:first-child > a { padding-left: 0; }
nav .nav > li:last-child > a { padding-right: 0; }
nav .level1 li:first-child { border-left: 0px; }
nav .level1 li:last-child { border-right: 0px; }
nav .level1 a { display: block; font-size: 0.95em; color: #2b2b2b; text-transform: uppercase; line-height: 38px; }
nav .level1 .here a, nav .level1 .parent-here a,  nav .level1 a:hover { background-color: #6CACE4; }


main .smcx-embed, main .smcx-embed > .smcx-iframe-container { max-width: 100%; height: 3500px; }


/*nav .level2 ul { width: 100%; margin: 0; text-align: center; }
nav .level2 li { display: inline-block; padding: 0 5px; }
nav .level2 a { padding: 0 10px; display: inline-block; font-size: 0.9em; color: #FFF; text-transform: uppercase; line-height: 48px; -webkit-transition: color 100ms linear; -moz-transition: color 100ms linear; -o-transition: color 100ms linear; -ms-transition: color 100ms linear; transition: color 100ms linear; }
nav .level2 .here a, nav .level2 a:hover { color: #206DB1; -webkit-transition: color 100ms linear; -moz-transition: color 100ms linear; -o-transition: color 100ms linear; -ms-transition: color 100ms linear; transition: color 100ms linear; }
*/
@media (min-width: 768px) {
	.navbar-collapse { padding: 0; text-align: center; max-height: 50px; }
	#smartmenu2 { display: inline-block; float: none; text-align: left; }
	.navbar.navbar-default { background: transparent; border: 0px; margin: 0; min-height: 0px; }
	.navbar-nav .sub-arrow, .navbar-nav .collapsible .sub-arrow { display: none; }
	.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:focus { color: #FFF; background: transparent; }
	.navbar-default .navbar-nav > li > a:hover { color: #6CACE4; }
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background: transparent; color: #6CACE4; }
	.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover { background-color: #6CACE4; }
	.subMenuStart { text-transform: uppercase; }
}

@media (max-width: 767px) {
	.navbar-collapse { max-height: initial; margin: 0; }
	.navbar-brand { display: none; }
	.navbar-default { margin: 0; border: 0; }
	.navbar-collapse.in { overflow-y: hidden; max-height: none; }
	.navbar-default .navbar-brand { display: block; }
	.navbar-nav { margin-top: 0; margin-bottom: 0; }
	.navbar-default .navbar-nav > li { border-bottom: 1px solid #FFF; }
	.navbar-default .navbar-nav li a { padding-right: 40px !important; position: relative; background: #8a8a8a; color: #2b2b2b; text-align: center; text-transform: uppercase; }
	.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:focus { padding-right: 40px !important; position: relative; background: #8a8a8a; color: #2b2b2b; text-align: center; text-transform: uppercase; }
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus { background: #8a8a8a; color: #2b2b2b; }
	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > li.open > a.highlighted { background: #6CACE4; color: #2b2b2b; }
	.navbar-nav .sub-arrow, .navbar-nav .collapsible .sub-arrow { color: #FFF; border: 0px; float: right; width: 40px; height: 40px; line-height: 36px; text-align: center; font-size: 1.8em; position: absolute; right: 0; top: 0; }
	/* Level 2 */
	.navbar-default .navbar-nav > li > ul.dropdown-menu { padding: 0; }
	.navbar-default .navbar-nav ul.dropdown-menu > li { border-bottom: 1px solid #444; }
	.navbar-default .navbar-nav ul.dropdown-menu > li:last-child { border-bottom: 0px; }
	.navbar-default .navbar-nav .open .dropdown-menu > li > a, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { background: #2b2b2b; color: #FFF; padding: 8px 15px; }
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a.highlighted { background: #2b2b2b; color: #6CACE4; }
	.navbar-default .navbar-nav .open .dropdown-menu > li > a .sub-arrow { height: 36px; line-height: 32px; }
	.navbar-nav .open .dropdown-menu { padding: 0; }
	.navbar-default .navbar-nav ul.dropdown-menu ul.dropdown-menu > li > a { background-color: #555; }
	.navbar-default .navbar-nav .open .dropdown-menu .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu .dropdown-menu > .active > a:focus, .navbar-default .navbar-nav .open .dropdown-menu .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu .dropdown-menu > li > a.highlighted { background: #444; color: #FFF; }
}

/* Breadcrumbs */
.breadcrumbs { border-bottom: 1px solid #e1e1e1; margin: 15px 0 30px 0; padding-bottom: 15px; color: #2b2b2b; text-transform: uppercase; }
.breadcrumbs a { color: #2b2b2b; }
.breadcrumbs a:first-child { padding-left: 25px; background: url('images/icons.png') left top no-repeat; }
.breadcrumbs a:hover { color: #206DB1; }

/* Subnav */
.subnavHeading { font-size: 1.5em; color: #206DB1; text-transform: uppercase; display: block; margin-bottom: 15px; }
.subnav { margin: 0 0 30px; }
.subnav ul { margin: 0 0 1em; }
.subnav li { list-style-type: none; margin-bottom: 10px; }
.subnav li a { font-size: 1.2em; color: #206DB1; text-transform: uppercase; display: block; }
.subnav li a:hover { color: #2b2b2b; }
.subnav .menuTitle { display: block; color: #2b2b2b; font-size: 1.4em; margin-bottom: 10px; }

.hours { border-left: 7px solid #206DB1; padding-left: 32px; }
.hours h4 { font-size: 1.1em; margin-bottom: 1em; }
.reservation { text-align: center; margin-top: 2em; }
.searchResult { margin-bottom: 30px; }
.searchResult h4 { font-size: 1.1em; }
.searchResult .button { padding: 5px 10px; font-size: 0.9em; }

/* Galleries */
.gallery a { display: block; margin-bottom: 30px; height: 100%; width: 100%; overflow: hidden; }
.gallery a img { display: block; width: 100%; -webkit-transition: all 0.75s ease; -moz-transition: all 0.75s ease; -ms-transition: all 0.75s ease; -o-transition: all 0.75s ease; transition: all 0.75s ease; }
.gallery a:hover img { -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); }
.gallery .row > .col-xs-6:nth-child(odd) { clear: both; }


/* CTAs */
.ctas { margin-top: 30px; }
.ctas .cta:nth-child(3n+1) { clear: both; }
.ctas .cta { margin-bottom: 30px; }

.cta .img { display: block; margin-bottom: 20px; height: 100%; width: 100%; overflow: hidden; position: relative; }
.cta .img img { display: block; width: 100%; -webkit-transition: all 0.75s ease; -moz-transition: all 0.75s ease; -ms-transition: all 0.75s ease; -o-transition: all 0.75s ease; transition: all 0.75s ease; }
.cta .img:hover img { -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); }
.cta .img .name { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; padding: 35% 0 0; text-align: center; font-size: 1.7em; font-weight: 600; color: #FFF; text-transform: uppercase; -webkit-transition: background-color 0.75s ease-out; -moz-transition: background-color 0.75s ease-out; -o-transition: background-color 0.75s ease-out; transition: background-color 0.75s ease-out; }
.cta .img:hover .name { background-color: rgba(0,0,0,0.4); }
.cta .description { min-height: 92px; }
.cta .button { padding: 8px 35px; }

/* Packages */
.packages .cta.package:nth-child(3n+1) { clear: both; }
.cta.package { margin-bottom: 30px; }
.cta.package .img .name { background-color: rgba(0,0,0,0.3); }
.cta.package .img:hover .name { background-color: rgba(150,151,93,0.7); }
.packagesSpecials .cta .description { min-height: 69px; }
.packagePopup { width: 650px; }
.packagePopup .img { float: right; max-width: 50%; margin: 0 0 10px 20px; }

/* FAQs in pages */
.faq { clear: both; }

/* Newsletters */
.e2ma_signup_form_container { margin-top: 1em; }
.e2ma_signup_form_row { margin-bottom: 10px; }
.e2ma_signup_form_label { color: #206DB1; text-transform: capitalize; }
.e2ma_signup_form_element input { width: 350px; padding: 4px 10px; }
.e2ma_signup_form_required_footnote { font-style: italic; color: #777; }
.e2ma_signup_form_button { display: inline-block; padding: 8px 15px; background: #FFF; border: 1px solid #206DB1; color: #206DB1; text-transform: uppercase; font-size: 1.2em; margin-top: 5px; }
.e2ma_signup_form_button:hover { background: #206DB1; color: #FFF; text-decoration: none; }

.emma-show form, .emma-show header { background: #eee; }
.emma-show label { text-transform: capitalize !important; }

/* Gift Certificates */
.giftCertificate { margin: 30px 0; }
.giftCertLabel { text-transform: uppercase; color: #206DB1; font-size: 1.2em; margin-right: 15px; }

/* Checkout */
.form-actions .button { margin: 30px 10px 0; }
.control-group  .controls input, .control-group  .controls select { width: 100%; border: 1px solid #ccc; padding: 5px 10px; }
.control-group  .controls textarea { width: 100%; border: 1px solid #ccc; padding: 5px 10px; height: 270px; }

/* News Styles */
.categoriesList, .tagsList, .archivesList { margin-bottom: 30px; }
.categoriesList ul, .tagsList ul, .archivesList ul { margin-bottom: 0px; }
.newsItem { margin-bottom: 30px; }
.newsItem .videoThumb { position: relative; }
.newsItem .videoThumb .playBtn { top: 39%; left: 41%; background: url('images/youtubePlay.png') no-repeat; width: 40px; height: 28px; display: inline-block; position: absolute; }
.newsDetail {  }

/* Blog Styles */
.blogItem { margin-bottom: 30px; }

/* Banner Slider */
.bannerSlider.owl-theme .owl-controls { height: 40%; margin: 0 !important; pointer-events: none; position: absolute; top: 45%; width: 100%; }
.bannerSlider.owl-theme .owl-controls .owl-pagination { bottom: 0; pointer-events: auto; position: absolute; right: 6%; }
.bannerSlider.owl-theme .owl-controls .owl-buttons div { background: rgba(0, 0, 0, 0) url("images/icons.png") no-repeat scroll center -94px !important; border-radius: 0 !important; height: 50px; margin: 0 !important; padding: 0; pointer-events: auto; position: absolute; text-indent: -4000px; top: 0; width: 50px; }
.bannerSlider.owl-theme .owl-controls .owl-buttons .owl-prev { left: 30px; }
.bannerSlider.owl-theme .owl-controls .owl-buttons .owl-next { background-position: center -144px !important; right: 30px; }

.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin-bottom: 30px; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Special tables */
table { width: 100%; }
table td { vertical-align: top; padding: 5px; }
table h3 { margin-top: 30px; }

.amenities th { text-align: center; }
.amenities td { text-align: center; border-top: 1px solid #ddd;  padding: 5px 0; }
.amenities td.amenity { text-align: left; }
.amenities tr:last-child td { font-weight: bold; }

#RoomIndexForm { text-align: center; margin: 0 0 30px; }
.rooms { width: 100%; }
.rooms th { text-align: center; }
.rooms td { text-align: center; border-top: 1px solid #ddd; padding: 5px; }
.rooms td:first-child, .rooms th:first-child { text-align: left; }
.rooms td:nth-child(even) { background: #f2f2f2; }
.rooms td img { display: block; margin: 0 auto; }
.rooms .room-name a, .rooms .room-name .roomName { width: 135px; display: inline-block; }
#RoomIndexForm .input.date { display: inline-block; padding-right: 15px; }
#RoomIndexForm .input.date label { padding-right: 15px; text-transform: uppercase; font-size: 1.5em; color: #206DB1; }
#RoomIndexForm .input.date select { margin: 0 5px 15px; padding: 18px 10px; }

.button.btnPrev, .button.btnNext { border-color: #2b2b2b; padding: 8px 15px 8px 45px; color: #2b2b2b; background: url('images/icons.png') left -235px no-repeat; float: left; width: 215px; text-align: center; }
.button.btnNext { background-position: right -285px; padding: 8px 45px 8px 15px; float: right; }
.button.btnPrev:hover, .button.btnNext:hover, .button.btnPrev:focus, .button.btnNext:focus { background-color: #CCC; }

/* Contact forms */
input, button, select, textarea { max-width: 100%; }
.ff_composer .col-sm-3 { background: none; }
.ff_composer .row { margin-bottom: 0; }
.ff_composer .line, .ff_composer .line:last-child, .ff_composer .last_unit{overflow:hidden; *overflow:visible;*zoom:1;}
.ff_composer .unit{float:left; padding:10px; *padding:0;/*because ie7 doesn't do border-box*/}
.ff_composer .unit_right{float:right;}
.ff_composer .line:last-child, .ff_composer .last_unit{float:none;width:auto;}
.ff_composer p, .ff_composer h1, .ff_composer h2, .ff_composer h3, .ff_composer h4, .ff_composer h5, .ff_composer h6 {margin-top: 0;}
.ff_composer .required_item {margin-left: 4px; color:red;}
.ff_composer textarea, .ff_composer input[type="text"], .ff_composer input[type="email"], .ff_composer input[type="url"], .ff_composer input[type="number"], .ff_composer input[type="password"], .ff_composer input[type="search"] {width: 100%;}
.ff_composer ul.dynamic_recipients {list-style: none; padding:0;}
.ff_composer i { background: url('images/icons.png') left -500px no-repeat; width: 15px; height: 15px; display: inline-block; margin-left: 5px; }
.ff_composer input[type="submit"] { display: inline-block; padding: 15px 35px; background: #FFF; border: 1px solid #206DB1; color: #206DB1; text-transform: uppercase; font-size: 1.2em; }
.ff_composer input[type="submit"]:hover, .ff_composer input[type="submit"]:focus { background: #206DB1; color: #FFF; text-decoration: none; }
.formError { color: #e46039; font-weight: bold; font-style: italic; }

.ff_composer .form-group { margin-bottom: 30px; }
.ff_composer label { font-weight: 600; display: block; margin-bottom: 10px; }
.ff_composer .radio label { font-weight: 400; }
.ff_composer .required:after { content: '*'; color: red; padding-left: 5px; }
.ff_composer .submit-align-right { text-align: right; }

/* OpenTable widget */
 .OT_feedTitle { display: none !important; }
#OT_partySize, #OT_date, #OT_time { display: inline-block; width: 32.5%; text-align: center; margin: 10px 0; }
#OT_submitWrap { display: inline-block; width: 100%; text-align: center; margin: 10px 0; }
#OT_defList select, #OT_defList .OT_feedFormfieldCalendar { width: 120px; text-align: center; padding: 4px 10px; }

.awardBadges { display: flex; align-items: center; margin-bottom: 60px; }
.awardBadges .openTableWidget img { width: 150px; height: 150px; }
.awardBadges > div { margin-right: 10px; text-align: center; }
.awardBadges > div.tripAdvisorWidget > div > div { display: inline-block; }

/* Job Opportunities */
.jobOpportunities .job { margin-bottom: 80px; }

/* Accordion panels */
.panel-group .panel-heading { padding: 0; }
.panel-group .panel-title a { display: block; padding: 10px 15px }

/* Trip Advisor overrides */
.tripAdvisor { margin-bottom: 30px; }
#CDSWIDCOE { margin: 0px !important; }

/* Staff Page */
.videoBox, .documentsBox { background: #fafafa; padding: 10px 20px; margin: 0 0 30px; }
.videoList a, .documentsBox a { display: block; line-height: 1.3em; margin-bottom: 8px; }

/* Classes */
.classList .class { margin-bottom: 45px; border-bottom: 1px solid #333; padding-bottom: 45px }
.class .classInfo { margin: 25px 0; }
.class .classInfo p { margin: 0 0 3px; }
.class .image { position: relative; }
.class .image .dateBox { position: absolute; left: 10px; top: 10px; background: #FFF; padding: 10px 15px; text-align: center; line-height: 1.4em; text-transform: uppercase; }
.class .image .dateBox .day { font-size: 1.3em; }
.class .image .dateBox .endDate { font-size: 0.75em; margin-top: 7px; border-top: 1px solid grey; }
.class .registerLink { text-align: center; }

.alert { opacity: 1 !important; font-size: 1.1em; background: #206DB1; color: #FFF; border-radius: 0; border: 0px; text-align: center; margin: 0; max-height: 0px; padding-top: 0; padding-bottom: 0; overflow: hidden; -webkit-transition: all 0.75s ease-out; -moz-transition: all 0.75s ease-out; -o-transition: all 0.75s ease-out; transition: all 0.75s ease-out; }
.alert.show { max-height: 100px; padding-top: 15px; padding-bottom: 15px; }
.alert .text { max-width: 1100px; margin: 0 auto; }
.alert a { color: #FFF; text-decoration: underline; }
.alert a:hover, .alert a:focus { color: #E2ECFD; }
.alert .button { margin-left: 30px; padding: 5px 15px; font-size: 0.9em; border-color: #FFF; color: #FFF; }
.alert .button:hover, .alert .button:focus { background: #FFF; color: #2b2b2b; }
.alert .close { opacity: 1; font-size: 2em; }

.alert.alert-error { max-height: initial !important; padding: 10px; font-size: 1.3em; }

/* Dynamic Menus buttons */
.menus-buttons { display: flex; flex-wrap: wrap; column-gap: 30px; row-gap: 20px; margin-top: 45px; }
.menus-buttons .button { width: calc(50% - 15px); text-align: center; }

@media (min-width: 992px) and (max-width: 1199px)
{
	.logo { max-width: 550px; }
	.navbar-nav > li > a { padding: 15px 8px; font-size: 0.95em; }
	.amenities .rotate { display: inline-block; height: 100%; width: 15px; margin-top: 60px; -ms-transform: rotate(-90deg); /* IE 9 */ -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */ transform: rotate(-90deg); }
	.amenities .rotateRight { display: inline-block; height: 100%; width: 15px; margin-bottom: 60px; -ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */ transform: rotate(90deg); }
}

@media (min-width: 768px) and (max-width: 991px) 
{
	.logo { max-width: 375px; }
	.navbar-nav > li > a { padding: 15px 3px; font-size: 0.75em; }
	.headerLinks { margin-top: 23px; font-size: 0.9em; }
	.headerLinks li a { padding: 0; }
	.amenities .rotate { display: inline-block; height: 100%; width: 15px; margin-top: 60px; -ms-transform: rotate(-90deg); /* IE 9 */ -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */ transform: rotate(-90deg); }
	.amenities .rotateRight { display: inline-block; height: 100%; width: 15px; margin-bottom: 60px; -ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */ transform: rotate(90deg); }
	.bannerSlider .homeBanner { min-height: 210px; }
	.awardBadges { flex-direction: column; }
	.awardBadges > div { padding-bottom: 15px; }
}

@media (max-width: 767px) 
{
	.logo img, .logo a { display: inline-block; max-width: 320px; }
	.headerLinks { float: none; clear: both; border-top: 1px solid #959595; margin: 0; padding: 10px 0; }
	.headerLinks ul { display: table; width: 100%; }
	.headerLinks li { display: table-cell; width: 33.33%; text-align: center; }
	.homeBanner { min-height: 150px; }
	.homeBanner .overlay { font-size: 0.8em; }
	.bannerSlider .homeBanner { min-height: 180px; }
	.footerWrapper { display: block; }
	.footerCol { display: block; width: initial; margin: 0 20px 15px; }
	.footerCol .collapse, .footerCol .collapsing { padding-bottom: 20px; }
	.amenities .rotate { display: inline-block; width: 15px; margin-top: 60px; -ms-transform: rotate(-90deg); /* IE 9 */ -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */ transform: rotate(-90deg); }
	.amenities .rotateRight { display: inline-block; width: 15px; margin-bottom: 60px; -ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */ transform: rotate(90deg); }
	.mobileHeader { position: relative; text-align: right; }
	.mobileHeader .footerCol { text-align: center; width: 100%; margin: 0; clear: both; }
	.mobileHeader .mobileIcon { color: #FFF; font-size: 1.5em; margin: 18px 7px 0; display: inline-block; }
	.mobileHeader .toggle:hover, .mobileHeader .toggle:focus { color: #6CACE4; }
	.mobileHeader .toggle.collapsed:focus { color: #FFF; }
	.mobilePhone { font-size: 1.2em; }
	.mobileHeader .icons a:hover { color: #6CACE4; }
	.searchBox { width: 195px; display: block; margin: 0 auto; }
	.searchBox input { background: #FFF; width: 165px; padding: 0 10px; color: #000; float: left; }
	.searchBox button { display: inherit; }
	.cta .description { min-height: 0px; }
	.ctas .cta:nth-child(3n+1) { clear: inherit; }
	.ctas .cta:nth-child(2n+1) { clear: both; }
	.packagePopup { width: inherit; }
	.amenities { font-size: 0.9em; }
	#RoomIndexForm .input.date, #RoomIndexForm .input.date label { display:block; margin: 10px 0; padding: 0; }
	.rooms .room-name { font-size: 0.9em; width: 100px; }
	.rooms .room-name a { width: inherit; }
	.rooms .rotate { display: block; width: 15px; margin: 90px auto 0; white-space: nowrap; -ms-transform: rotate(-90deg); /* IE 9 */ -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */ transform: rotate(-90deg); }
	.bannerSlider.owl-theme .owl-controls .owl-buttons .owl-prev { left: 0px; }
	.bannerSlider.owl-theme .owl-controls .owl-buttons .owl-next { right: 0px; }
	.alert.show { max-height: 220px; }
	.awardBadges > div { text-align: center; padding-bottom: 15px; }
    .menus-buttons { margin-bottom: 45px; }
}


@media (max-width: 480px)
{
	.col-xxs-12 { width: 100%; float: none; }
	.col-xxs-6 { width: 50%; }
	.hidden-xxs { display: none; }
	.logo { float: none; padding: 10px 0 0; text-align: center; }
	.logo img, .logo a { width: 100%; max-width: inherit; }
	.headerLinks li { width: initial; }
	.headerLinks li:first-child { text-align: left; }
	.headerLinks li:last-child { text-align: right; }
	.headerLinks li a { font-size: 1em; }
	.mobileHeader .icons { text-align: center; }
	.mobileHeader .mobileIcon { margin: 0 10px 10px; }
	.homeBanner { min-height: 125px; }
	.bannerSlider .homeBanner { min-height: 125px; }
	.homeBanner .overlay { font-size: 0.6em; margin-top: -35px; }
	.homeBanner .overlay .title { line-height: 35px; }
	.homeBanner .overlay .name { padding-top: 10px; max-width: 200px; }
	.homeBanner:hover .overlay .name { max-width: 250px; }
	.copyright { border-top: 1px solid #959595; margin: 20px 20px 0; padding-top: 20px; }
	.packagePopup .img { max-width: 35%; }
	.amenities { font-size: 0.7em; }
	.amenities th { padding: 4px 0px; }
	.rooms td { padding: 5px 0; }
	.rooms .room-name { font-size: 0.8em; width: 95px; }
	.rooms td img { max-width: 20px; }
	.button.btnPrev, .button.btnNext { font-size: 0.95em; background-position: left -238px; width: 140px; }
	.button.btnNext { background-position: right -288px; }
	.awardBadges { flex-direction: column; }
	.awardBadges > div { padding-bottom: 15px; }
	.alert.show { max-height: 300px; }
    .menus-buttons .button { width: calc(100%); }
}
