/* ----- CSS Reset ----- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, main, button {margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display:block;}
body {line-height:1;}
button {box-shadow:none; background:none; cursor:pointer;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
table {border-collapse:collapse; border-spacing:0;}
img {display:block; max-width:100%; height:auto;}
legend {position:absolute; left:-9999px;}
textarea {overflow:auto; resize:none;}
:focus {outline:none;}

a {text-decoration:none; outline:none;}
a:hover, a:active, a:focus {text-decoration:underline;}
a[href^=tel], #content a[href^=tel], #content a[href^=tel]:hover, #content a[href^=tel]:active, #content a[href^=tel]:focus {color:inherit; text-decoration:none; cursor:default;}

strong {font-weight:bold;}
em {font-style:italic;}

button, input[type="text"], input[type="email"], input[type="password"], input[type="search"], input[type="tel"], input[type="url"], input[type="number"], input[type="submit"], textarea, select {font-family:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; border-radius:0; -webkit-appearance:none; appearance:none;}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {margin:0; -webkit-appearance:none;}		
input {font-family:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:14px;}

body {-webkit-font-smoothing:subpixel-antialiased;}

.hidden {position:absolute !important; left:-9999px !important;}

/* ----- Template Styles ----- */

body {font-family:'Fjalla One', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:14px; color:#00243c; background:#002035;}

.wrapper {width:960px; margin:0 auto; padding:0 10px; box-sizing:border-box;}
.wrapper::after {clear:both; display:block; content:'';}

/* ----- Buttons ----- */

.button, #content .button, input.button, #content input.button {display:inline-block; height:50px; line-height:50px; margin:0; padding:0 30px; font-size:20px; font-family:'Fjalla One'; text-transform:uppercase; text-decoration:none; border:none; border-radius:0; -webkit-appearance:none; appearance:none; cursor:pointer;}
input.button {box-sizing:content-box;}
.button:hover, .button:active, .button:focus, #content .button:hover, #content .button:active, #content .button:focus {text-decoration:none;}

.button.theme-a, #content .button.theme-a {color:#FFF; background:#002035;}
.button.theme-a:hover, .button.theme-a:active, .button.theme-a:focus, #content .button.theme-a:hover, #content .button.theme-a:active, #content .button.theme-a:focus {color:#FFF; background:#6891ad;}

/* ----- Header ----- */

#header-wrap {position:relative; box-sizing:border-box; background:center center #000; background-size:cover;}
#header-wrap::before {z-index:1999; position:absolute; top:0; right:0; bottom:0; left:0; content:''; background:url('../images/bg-header-before.png') 0 0 repeat-x;}
.home #header-wrap::before {background-position:0 0;}
#header {z-index:2000; position:relative; padding-top:30px; padding-bottom:150px; color:#f9f6eb;}
#header a {color:#f9f6eb;}

#header #main-logo {z-index:10; position:relative; display:block; width:420px; margin:0 auto 30px auto;}
#header #main-logo img {width:100%;}

#header #nav-toggle {display:none;}

#header-wrap .images {position:absolute; top:0; right:0; bottom:0; left:0; overflow:hidden;}
#header-wrap .images .image {float:left; width:100%; height:100%; background:center center; background-size:cover;}
#header-wrap .slick-list, #header-wrap .slick-track {width:100%; height:100%; overflow:hidden;}
#header-wrap .controls .control {z-index:2000; position:absolute; top:50%; display:block; width:54px; height:54px; text-indent:-9999px; border:1px solid #FFF; border-radius:50%; background:url('../images/bg-header-controls.png') no-repeat rgba(0,0,0,0.25);}
#header-wrap .controls .prev {left:50px; background-position:0 0;}
#header-wrap .controls .next {right:50px; background-position:-54px 0;}
#header-wrap .controls .control:hover {background-color:rgba(0,0,0,0.75);}
.home #header-wrap .slick-dots {display:block; z-index:2000; position:absolute; right:0; bottom:80px; left:0; font-size:0; text-align:center;}
.home #header-wrap .slick-dots li {display:inline-block; width:8px; height:8px; margin:0 5px; padding:1px; border:1px solid #FFF; transform:rotate(45deg);}
.home #header-wrap .slick-dots li button {display:block; width:100%; height:100%; text-indent:-9999px;}
.home #header-wrap .slick-dots li.slick-active button {background:#FFF;}

#banner-thumbs li {display: inline-block; width: 30%;vertical-align: top; }
#banner-thumbs li a {height: 200px; border: 3px solid #fff; font-size: 40px; margin: 0 10px; position: relative; display: block}
#banner-thumbs li a:after {z-index: 2;position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: block;content: '';background: rgba(0,32,53,.50);}
#banner-thumbs li a h2 {z-index: 3; position: relative; padding-top: 78px;}    
#banner-thumbs li a:hover:after {background: #002035;}    

/* Nav */

#main-nav {z-index:2020; position:relative; margin:0 0 20px 0;}
#main-nav .wrap ul {font-size:0; text-align:center;}
#main-nav .wrap ul li {position:relative; display:inline-block; margin:0 25px; font-size:24px; line-height:30px; text-transform:uppercase;}
#main-nav .wrap ul li a {display:block; padding:0 0 10px 0;}
#main-nav .wrap ul li a:hover, #main-nav .wrap ul li a:active, #main-nav .wrap ul li a:focus, #main-nav .wrap ul li.current-menu-item a, #main-nav .wrap ul li.current-page-ancestor a {color:#6891ad; text-decoration:none;}

#main-nav .wrap ul li .sub-menu::after {position:absolute; top:-10px; left:50%; display:block; width:0; height:0; margin-left:-5px; content:''; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid #002035;}
#main-nav .wrap ul li .sub-menu {position:absolute; left:50%; display:none; width:200px; padding:20px 0 10px 0; margin-left:-100px; background:#002035;}
#main-nav .wrap ul li:hover .sub-menu {display:block;}
#main-nav .wrap ul li .sub-menu li {display:block; margin:0 0 10px 0; font-size:20px; line-height:normal; white-space:nowrap;}
#main-nav .wrap ul li .sub-menu li a {padding:0; color:#f9f6eb;}
#main-nav .wrap ul li .sub-menu li a:hover, #main-nav .wrap ul li .sub-menu li a:active, #main-nav .wrap ul li .sub-menu li a:focus, #main-nav .wrap ul li .sub-menu li.current-menu-item a {color:#6891ad;}

#main-nav .close {display:none;}

/* Content */

#header .content {position:relative; text-align:center; text-transform:uppercase;}
#header .content .inner {display:inline-block; padding:10px 10px 5px 10px; border:5px solid #f9f6eb; background:rgba(0,0,0,0.5); box-sizing:border-box;}
#header .content .inner h1 {font-size:60px; line-height:70px;}

.home #main-nav {margin:0 0 50px 0;}
.home #header {min-height:calc(100vh - 70px); padding-bottom:110px; box-sizing:border-box;}

.home #header .content {display:table; width:100%; min-height:calc(100vh - 614px);}
.home #header .content .outer {display:table-cell; vertical-align:middle;}
.home #header .content .inner {max-width:710px; margin:0 auto; padding:25px; background:rgba(0,31,51,0.75);}
.home #header .content .inner h1 {margin:0 0 25px 0;}

#header .content .inner .select-wrap {position:relative; text-align:left;}
#header .content .inner .select-wrap select {width:100% !important; cursor:pointer;}
#header .content .inner .select-wrap .customSelect {width:100% !important; padding:20px; line-height:30px; font-size:26px; color:#3d3d3d; background:#FFF; box-sizing:border-box; overflow:hidden;}
#header .content .inner .select-wrap .customSelectInner {width:100% !important; white-space:nowrap; background:url('../images/bg-header-select.png') right 6px no-repeat;}

#header-wrap .more {position:absolute; bottom:0; left:50%; display:block; width:80px; height:40px; margin:0 0 0 -40px; overflow:hidden;}
#header-wrap .more span {display:block; width:80px; height:80px; text-indent:-9999px; border-radius:50%; background:url('../images/bg-header-more.png') no-repeat center 15px #002035;}
#header-wrap .more:hover span {background-color:#6891ad;}

.restaurant #header .content {padding:60px 0;}
.restaurant #header .content::before, .restaurant #header .content::after {display:block; padding:10px 0; content:'\25C6 \25C6 \25C6'; font-size:20px; line-height:20px;}
.restaurant #header-wrap .slick-dots {display:none!important;}

/* Sub Nav */

#title-wrap {position:relative; padding:15px 0; color:#ebe9de; text-align:center; font-size:0; text-transform:uppercase; background:#002035;}
#title-wrap a {color:#ebe9de;}
#title-wrap a:hover, #title-wrap a:active, #title-wrap a:focus {color:#6891ad; text-decoration:none;}

#title-wrap h1 {position:relative; display:inline-block;}
#title-wrap h1 span {float:left; display:block; padding:0 35px; font-size:36px; line-height:40px;} 
#title-wrap h1 span::before, #title-wrap h1 span::after {position:absolute; top:0; display:block; content:'\25C6'; font-size:20px;}
#title-wrap h1 span::before {left:0;}
#title-wrap h1 span::after {right:0;}

#title-wrap ul li {display:inline-block; margin:0 30px; padding:5px 0; font-size:24px; line-height:30px;}
#title-wrap ul li:first-child {margin-left:0;}
#title-wrap ul li:last-child {margin-right:0;}

#title-wrap span {font-size: 13px;}

/* ----- Content ----- */

#content-wrap {padding:30px 0; background:url('../images/bg-content-wrap.jpg') 0 0 repeat #ecebdf;}
.restaurant #content-wrap {padding-top:15px;}

#content h2 {margin:0 0 20px 0; padding:10px 0 0 0; font-size:22px; line-height:28px; color:#004979; text-transform:uppercase;}
#content h3 {margin:0 0 20px 0; padding:10px 0 0 0; font-size:18px; line-height:24px; color:#004979; text-transform:uppercase;}
#content h2 a, #content h3 a {color:#004979; text-decoration:none;}

#content p {margin:0 0 20px 0; line-height:1.6em;}
#content a {color:#004979; text-decoration:underline;}
#content a:hover, #content a:active, #content a:focus {color:#6891ad;}

#content ul, #content ol {margin:0 0 20px 0; line-height:1.6em;}
#content ul li, #content ol li {margin:0 0 5px 0;}
#content ul li {position:relative; padding-left:15px;}
#content ul li::before {position:absolute; top:-2px; left:0; content:"\25C6"; color:#6891ad;}
#content ol li {margin-left:20px; list-style:decimal; background:none;}

#content .video-wrap {position:relative; width:100%; height:0; margin:0 0 20px 0; padding-top:56.25%; overflow:hidden;}
#content .video-wrap iframe {position:absolute; top:0; left:0; width:100%; height:100%;}

#content .col-wrap::after {clear:both; display:block; content:'';}
#content .col-wrap .col {float:left; width:50%; padding:0 10px 0 0; box-sizing:border-box;}
#content .col-wrap .col-2 {float:right; padding:0 0 0 10px;}

#content .col-wrap .col .block {margin:0 0 20px 0; padding:30px 20px; background:#f0f0f0;}
#content .col-wrap .col .block h2:first-of-type {padding:0;}
#content .col-wrap .col .block h2 {font-size:32px; line-height:38px;}

#content .col-wrap .col .block.theme-a h2 {color:#eeece1;}
#content .col-wrap .col .block.theme-a {color:#fff; background:#001e32;}
#content .col-wrap .col .block.theme-a a {color:#6891ad; text-decoration:underline;}
#content .col-wrap .col .block.theme-a a:hover, #content .col-wrap .col .block.theme-a a:active, #content .col-wrap .col .block.theme-a a:focus {color:#FFF;}

#content .bg-block {margin:0 0 50px 0; padding:50px 0 30px 0; text-align:center; font-size:18px;}
#content .bg-block h2 {padding:0; font-size:48px; line-height:54px; color:#fcfaee;}
#content .bg-block h2::after {display:block; padding:15px 0 0 0; content:'\25C6 \25C6 \25C6'; font-size:20px; line-height:20px;}

#content #locations-list {margin:0 -10px; padding:20px 0 0 0; font-size:0;}
#content #locations-list li {display:inline-block; width:300px; min-height:470px; margin:0 10px 20px 10px; padding:0; vertical-align:top; background:#FFF;}
#content #locations-list li::before {display:none;}
#content #locations-list li .thumb {display:block;}
#content #locations-list li .details {padding:20px; font-size:14px;}
#content #locations-list li .details h2 {margin:0 0 15px 0; padding:0; font-size:24px;}
#content #locations-list li .details p {margin:0 0 20px 0;}
#content #locations-list li .details .more {display:block; text-transform:uppercase; font-size:16px; line-height:16px; text-decoration:none;}

/* Home */

.home #content #locations-list {margin-bottom:30px;}
.home #content .bg-block {color:#fcfaee; background:url('../images/bg-home-full.jpg') center center no-repeat #2f2558; background-attachment:fixed; background-size:cover;}
.home #content .col-wrap .col .block h2 {font-size:38px; line-height:38px;}
.home #content .col-wrap .col .block .more {display:inline-block; margin:0 0 15px 0; text-transform:uppercase; font-size:24px; line-height:24px; text-decoration:none;}
.home #content .col-wrap .col .block.theme-a .more {color:#eeece1;}

#content .block.twitter {position:relative;}
#content .block.twitter .tweets li {margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:1px solid #c2c9cd;}
#content .block.twitter .tweets li:last-child {margin:0; padding:0; border:none;}
#content .block.twitter .tweets li::before {display:none;}
#content .block.twitter .tweets li .tweet {margin:0 0 5px 0;}
#content .block.twitter .tweets li .stamp {margin:0; font-size:12px;}
#content .block.twitter .tweets li .stamp a {text-decoration:none;}
#content .block.twitter .more::after {position:absolute; top:28px; right:20px; display:block; width:38px; height:38px; content:''; border-radius:50%; background:url('../images/bg-follow-us.png') 0 0 no-repeat #54bbdc; background-size:100%;}
#content .block.twitter .more:hover::after {background-color:#6891ad;}

/* Restaurant */

#content .location-details {position:relative; padding-top:40px;}
#content .location-details .social-share {position:absolute; top:0; right:10px;}
#content .location-details .social-share h4 {float:left; margin:0 5px 0 0; text-transform:uppercase; font-size:15px; line-height:25px;}
#content .location-details .social-share ul {float:left; margin:0;}
#content .location-details .social-share ul li {display:inline-block; margin:0 0 0 5px; padding:0; font-size:15px;}
#content .location-details .social-share ul li::before {display:none;}
#content .location-details .social-share ul li a {display:block; width:25px; height:25px; border-radius:50%; text-indent:-9999px; background:url('../images/bg-social.png') no-repeat #001e32; background-size:75px 50px;}
#content .location-details .social-share ul li a:hover, #content .location-details .social-share ul li a:active, #content .location-details .social-share ul li a:focus {background-color:#6891ad;}
#content .location-details .social-share ul li.facebook a {background-position:0 0;}
#content .location-details .social-share ul li.twitter a {background-position:-25px 0;}

#content .block.info ul.contact {font-size:18px;}
#content .block.info ul.contact li {margin:0; padding:0;}
#content .block.info ul.contact li::before {display:none;}
#content .block.info dl.times {margin:0 0 15px 0; font-size:18px;}
#content .block.info dl.times::after {clear:both; display:block; content:'';}
#content .block.info dl.times dt {clear:both; float:left; display:block; width:150px; padding:0 0 10px 0;}
#content .block.info dl.times dd {float:left; padding:0 0 10px 0;}

#content .block.book #OT_searchWrapperAll {height:auto!important; background:none!important;}
#content .block.book #OT_searchWrapperAll *:not(style) {position:static!important; top:auto!important; right:auto!important; bottom:auto!important; left:auto!important; float:none!important; display:block!important; width:auto!important; height:auto!important; margin:0!important; padding:0!important; text-align:left!important;}
#content .block.book #OT_searchWrapperAll h2 {position:absolute!important; left:-9999px!important;}
#content .block.book #OT_searchWrapperAll label {margin:0 0 5px 0!important; font-family:'Fjalla One', sans-serif!important; font-size:14px!important;}
#content .block.book #OT_searchWrapperAll dd {position:relative!important; margin:0 0 10px 0!important;}
#content .block.book #OT_searchWrapperAll input[type=text] {width:100%!important; height:30px!important; padding:5px!important; line-height:20px!important; font-size:14px!important; border:1px solid #CCC!important; overflow:hidden!important; box-sizing:border-box!important;}
#content .block.book #OT_searchWrapperAll select {position:absolute!important; top:0!important; right:0!important; left:0!important; width:100%!important; height:30px!important;}
#content .block.book #OT_searchWrapperAll .customSelect {height:30px!important; padding:5px!important; line-height:20px!important; font-size:14px!important; border:1px solid #CCC!important; background:#FFF!important; overflow:hidden!important; box-sizing:border-box!important;}
#content .block.book #OT_searchWrapperAll .customSelectInner {white-space:nowrap!important;}

#content .block.book #OT_searchWrapperAll #OT_searchWrapper {text-align:right!important; background:none!important;}
#content .block.book #OT_searchWrapperAll #OT_searchWrapper #OT_submitWrap {display:inline-block!important; width:100px!important; height:30px!important; margin:0!important; padding:0!important; background:url('../images/bg-book-button.png') no-repeat 0 0 #001e32!important;}
#content .block.book #OT_searchWrapperAll #OT_searchWrapper #OT_submitWrap:hover {background-color:#6891ad!important;}
#content .block.book #OT_searchWrapperAll #OT_searchWrapper #OT_submitWrap .OT_TableButton {width:100%!important; height:30px!important; text-indent:-9999px!important; opacity:0!important;}

#content .block.map .address {font-size:18px; color:#6891ad; text-transform:uppercase;}
#content .block.map #map {height:320px; margin:0 0 15px 0;}

/* ----- Footer ----- */

#footer-wrap {padding:25px 0; background:#002035;}
#footer {color:#FFF; text-transform:uppercase; font-size:15px; line-height:25px;}
#footer a {color:#FFF;}
#footer a:hover, #footer a:active, #footer a:focus {color:#6891ad; text-decoration:none;}

#footer nav {float:left;}
#footer nav ul {font-size:0;}
#footer nav ul li {display:inline-block; margin:0 10px 0 0; font-size:15px;}
#footer nav ul li::after {display:inline-block; padding:0 0 0 10px; content:'.'; vertical-align:baseline;}
#footer .copy {float:left;}

#footer .social {float:right;}
#footer .social h4 {float:left; margin:0 10px 0 0;}
#footer .social ul {float:left;}
#footer .social ul li {display:inline-block; margin:0 0 0 5px; font-size:15px;}
#footer .social ul li a {display:block; width:25px; height:25px; border-radius:50%; text-indent:-9999px; background:url('../images/bg-social.png') no-repeat #f9f6eb; background-size:75px 50px;}
#footer .social ul li a:hover, #footer .social ul li a:active, #footer .social ul li a:focus {background-color:#6891ad;}
#footer .social ul li.facebook a {background-position:0 -25px;}
#footer .social ul li.twitter a {background-position:-25px -25px;}
#footer .social ul li.instagram a {background-position:-50px -25px;}


.home #content-wrap {display: none;}
.about-us #content h1 {font-size: 30px;line-height: 40px;}