/**** GLOBAL STYLES ****/

@font-face {
    font-family: 'kelsonregular';
    src: url('kelson_rg-webfont.eot');
    src: url('kelson_rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('kelson_rg-webfont.woff2') format('woff2'),
         url('kelson_rg-webfont.woff') format('woff'),
         url('kelson_rg-webfont.ttf') format('truetype'),
         url('kelson_rg-webfont.svg#kelsonregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'kelsonlight';
    src: url('kelson_lt-webfont.eot');
    src: url('kelson_lt-webfont.eot?#iefix') format('embedded-opentype'),
         url('kelson_lt-webfont.woff2') format('woff2'),
         url('kelson_lt-webfont.woff') format('woff'),
         url('kelson_lt-webfont.ttf') format('truetype'),
         url('kelson_lt-webfont.svg#kelsonlight') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'kelsonbold';
    src: url('kelson_bd-webfont.eot');
    src: url('kelson_bd-webfont.eot?#iefix') format('embedded-opentype'),
         url('kelson_bd-webfont.woff2') format('woff2'),
         url('kelson_bd-webfont.woff') format('woff'),
         url('kelson_bd-webfont.ttf') format('truetype'),
         url('kelson_bd-webfont.svg#kelsonbold') format('svg');
    font-weight: normal;
    font-style: normal;

}





body{ font-family:'kelsonregular',"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-sub-title; color: #777777; -webkit-font-smoothing: antialiased; }
ul{ list-style: none; margin: 0px; }
hr{ margin: 33px 0px; border-color: #e1e1e1; }
.background-highlight{ background: #f5f5f5; }
a:focus{ color: #ddd; }
.button:hover{ color: #fff; }

.main-container{ position: relative; -webkit-transition: all .5s ease; transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0); overflow: hidden; -webkit-backface-visibility: hidden;  }

/* LIFE EASIER-ERERS */

.offix{ overflow: hidden; }
.block{ display: block; }

.left-align{ left: 0; }
.right-align{ right: 0; }

/***** TYPOGRAPHY *****/

h1, h2, h3, h4, h5, h6{ font-family: 'kelsonlight',"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-sub-title; color: #333333; font-weight: 300; text-transform: ;  }
h3{ font-size: 30px; margin-bottom: 33px; }

p{ font-size: 14px; line-height: 18px; }
p:last-child{ margin-bottom: 0px; }
p.lead{ font-size: 26px; color: #333; line-height: 35px; margin-bottom: 22px; }

.sub-title{ text-transform: uppercase; font-weight: bold; letter-spacing: 3px; font-size: 14px; display: inline-block; color: #333333; }
.text-white{ color: #fff; }
.text-transparent {
    color: transparent;
}

.icon-large{ font-size: 33px; display: inline-block; margin-bottom: 22px; }

a.large-link{ font-size: 13px; border-bottom: 1px solid; letter-spacing: 3px; font-weight: bold; padding-bottom: 4px; text-transform: uppercase; margin-bottom: 7px; color: #39A78A; }

/* TITLE STYLES */

.page-title{ margin-bottom: 66px; }

.title-style-1 span{ text-transform: uppercase; font-size: 22px; color: #333; }
.title-style-1 .span-holder{ padding: 11px; border: 2px solid; background: #fff; position: relative; z-index: 2; display: inline-block; }
.title-style-1 h3{ margin: 0px; line-height: 1; }

/***** COLORS *****/

.background-dark-grey{ background: #333333; }
.background-mid-grey{ background: #f2f2f2; }

/***** SPACING *****/

section{ padding-top: 99px; padding-bottom: 111px; position: relative; z-index: 2; background: #fff; }
.pad-small{ padding-top: 66px; padding-bottom: 66px; }
.pad-large{ padding: 250px 0px !important; }
.pad-small-bottom{ padding-bottom: 77px; }

.push-small{ margin-bottom: 11px; }
.push-large{ margin-bottom: 44px; }

.no-left-pad{ padding-left: 0px !important; }
.no-right-pad{ padding-right: 0px !important; }

/***** BUTTONS *****/

.button {
    display: inline-block;
    background: #000;
    line-height: 1;
    padding: 13px 37px 14px 37px;
    margin-top: 22px;
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    -webkit-user-select: auto !important;
}

.button2 {
    display: inline-block;
    background: #fff;
    border: line-height: 1;
    padding: 12px 36px 13px 36px;
    margin-top: 22px;
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    -webkit-user-select: auto !important;
    border: 1px solid #000;
}


/***** NAVIGATION *****/

.nav-overlay{ position: absolute; width: 100%; top: 0px; z-index: 20; }
.nav-overlay .nav-toggle{ display: none; }
.nav-toggle{ font-size: 46px; color: #fff; cursor: pointer; }

nav{ transition: top .5s ease; -webkit-transition: top .5s ease; -moz-transition: top .5s ease; }
nav.logo-center{ padding-top: 44px; }
nav .menu{ overflow: hidden; display: inline-block; }
nav .menu li{ float: left; padding-left: 33px; padding-bottom: 44px; }
nav .text-left .menu li{ padding-left: 0px; padding-right: 33px; }
nav .menu li a{ text-transform: uppercase; font-size: 11px; letter-spacing: 2px; color: #fff; display: inline-block; font-weight: bold; font-family: 'kelsonregular',"Helvetica Neue";}

nav .logo{ position: relative; bottom: 15px; }
nav .logo-dark{ display: none; }
nav .logo.logo-round{ bottom: 20px; }

.fixed-nav{ position: fixed; top: 0px !important; background: rgba(255,255,255,0.9); padding-top: 22px !important; }
.fixed-nav .logo{ width: 120px; bottom: 5px; display: none; }
.fixed-nav .logo-dark{ display: inline-block !important; }
.fixed-nav .menu li{ padding-bottom: 22px; }
.fixed-nav .menu li a{ color: #333; }

nav.top-bar{ background: #fff; padding-top: 33px; }
.top-bar .logo{ max-width: 140px; bottom: 0px; margin-bottom: 22px; }
.top-bar .menu li{ padding-bottom: 11px !important; }
.top-bar .menu li a{ color: #666; padding-bottom: 15px; }

nav.off-screen{ width: 301px !important; position: fixed; right: -300px; -webkit-transform: translate3d(0,0,0); top: 0px; height: 100%; padding: 66px 44px; z-index: 9; text-align: center; background: #333; -webkit-transition: all .5s ease; transition: all .5s ease; -moz-transition: all .5s ease; -webkit-backface-visibility: hidden; }
nav.off-screen .logo{ max-width: 100px; }
nav.off-screen .line{ width: 40px; height: 1px; background: #999; margin: 22px auto 0px auto; }
nav.off-screen .menu li{ float: none; margin-bottom: 11px; margin-left: 0px; padding: 0px; }
nav.off-screen .menu li a{ padding-bottom: 0px; color: #999; -webkit-transition: all .3s ease; transition: all .3s ease; -moz-transition: all .3s ease; }
nav.off-screen .menu li a:hover{ color: #fff; }
nav.off-screen .nav-toggle{ position: absolute; right: 350px; top: 50px;  font-size: 46px; color: #fff; cursor: pointer; }

nav.off-screen .bottom-content{ position: absolute; bottom: 44px; width: 100%; left: 0px; text-transform: uppercase; font-size: 12px; font-weight: bold; letter-spacing: 2px; }
nav.off-screen .bottom-content a{ color: #999; -webkit-transition: all .3s ease; transition: all .3s ease; -moz-transition: all .3s ease; }
nav.off-screen .bottom-content a:hover{ color: #fff; }
nav.off-screen .bottom-content i{ font-size: 16px; display: inline-block; margin-right: 11px; }
nav.off-screen .bottom-content ul{ margin-top: 22px; }
nav.off-screen .bottom-content ul li{ font-size: 11px; margin-bottom: 6px; }

.reveal-nav{ -webkit-transform: translate3d(-300px,0,0) !important; -moz-transform: translate3d(-300px,0,0) !important; transform: translate3d(-300px,0,0) !important; }
.move-content{ -webkit-transform: translate3d(-300px,0,0) !important; -moz-transform: translate3d(-300px,0,0) !important; transform: translate3d(-300px,0,0) !important; }

.logo-center .nav-toggle{ position: absolute; right: 11px; top: 11px; color: #333; }

/***** SLIDERS & DIVIDERS *****/

.hero-slider{ padding: 0px; position: relative; display: block; z-index: 1; overflow: hidden; }
.flex-fix{ z-index: 100000 !important; }

.overlay{ position: absolute; width: 100%; height: 100%; opacity: 0.3; z-index: 1; top: 0px; }

.hero-slider .slides li{ background-size: cover !important; position: relative; height: 800px; }
.slides li .row{ position: relative; z-index: 2; }

.gallery-slider{ padding: 0px; }
.gallery-slider .slides li{ height: 550px; background-size: cover !important; }

.divider-background{ padding: 150px 0px; background-size: cover !important; overflow: hidden; }
.divider-background .row{ position: relative; z-index: 2; }

.background-image-holder{ position: absolute; width: 100%; height: 160%; z-index: 0; background-size: cover !important; top: -20%; }
.hero-slider .background-image-holder{ height: 102%; top: 0px;   }

/* Slider Headline Styles */

.headline-style-1{ display: inline-block; }
.headline-style-1 h1{ font-size: 120px; line-height: 1; font-family: 'Raleway',"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-sub-title; text-transform: uppercase; }
.headline-style-1 .sub-title{ display: inline-block; font-size: 13px; letter-spacing: 7px; margin-right: -7px; }
.headline-style-1 img{  display: inline-block; margin-bottom: 22px; }

.headline-style-2{ display: inline-block; background: font-family:'Raleway';   padding: 10px;}
.headline-style-2 h3{ margin-bottom: 0px; font-size: 110px; font-family: 'Raleway','Kristi','Nixie One',"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-sub-title; text-transform: lowercase; line-height: 130px; }
.headline-style-2 .sub-title{  font-size: 20px; letter-spacing: 8px; margin-right: -8px; }
.headline-style-2 .line{ height: 2px; background: #fff; width: 80px; margin: 0px auto; margin-top: 34px; }

/***** TEXT SECTION *****/

.no-pad{ padding: 0px; overflow: hidden; }

.photo-container{ position: absolute; height: 100%; top: 0px;  }
.no-pad .columns{ padding: 88px 0px 99px 0px; }
.no-pad p.columns{ padding: 0px 15px; }
.no-pad .columns hr{ border-color: #aaa; }	

/***** MENU *****/

.menu .columns:last-child{ float: left !important; }

.menu-title{ text-transform: uppercase; font-weight: bold; font-size: 13px; letter-spacing: 3px; color: #333; margin-bottom: 44px; }

.menu-item{ margin-bottom: 20px; }
.menu-item .title, .menu-item .price{ text-transform: uppercase; font-size: 13px; color: #333; font-weight: bold; letter-spacing: 1px; }
.menu-item .title{ margin-bottom: 17px; display: inline-block; }
.menu-item .price{ float: right; }
.menu-item p{ line-height: 24px; position: relative; }

.menu-dark{ background: #333; }
.menu-dark .title-style-1{ border-color: #fff; }
.menu-dark .title-style-1 span{ color: #fff; }
.menu-dark .sub-title{ color: #fff; }

.menu-dark .menu-item .title, .menu-dark .menu-item .price{ color: #fff; }
.menu-dark .line{ background: #fff; }
.menu-dark .span-holder{ background: #333; }
.menu-dark p{ color: #fff; }
.menu-dark .medium-4.columns{ padding: 0px 30px; }
.menu-dark .dietary{ background: #666; }

.menu-3 .columns:last-child{ float: none !important; }

.menu-filters{ overflow: hidden; display: inline-block; margin-bottom: 44px; }
.menu-filters li{ float: left; margin-right: 33px; text-transform: uppercase; cursor: pointer; padding: 3px 0px 3px 3px; font-weight: bold; font-size: 15px; letter-spacing: 3px; color: #333; font-family: 'kelsonregular';}
.menu-filters li:last-child{ margin-right: 0px; }
.menu-filters li.active{ border-bottom: 1px solid #333;}

.narrow-menu{ overflow: hidden; display: width: 100%; text-align: left; display: none; }
.narrow-menu.active{ display: block; }
.narrow-menu .menu-item{ width: 100%; padding-right: 0; float: left; }
.narrow-menu .menu-item:nth-child(even){ padding-right: 0px; padding-left: 0; }

.dietary{ display: inline-block; width: 20px; height: 20px; font-size: 10px; background: #eee; border-radius: 50%; margin-bottom: -20px; color: #333; padding-left: 6px; line-height: 20px; }

/***** IMAGE GRIDS *****/

.image-grid{ overflow: hidden; }
.image-grid a{ float: left; display: inline-block; overflow: hidden; width: 48%; margin: 1% 1%; }


/***** TESTIMONIALS ******/

.contact .testimonials-slider .slides li{ padding-right: 44px;  }
.reviews .sub-title{ display: block; letter-spacing: 2px; }

/**** CONTACT ****/

.contact.divider-background{ padding: 121px 0px; }

.contact-method{ margin-bottom: 44px; }
.contact-method:last-child{ margin-bottom: 0px; }
.contact-method h6{ font-size: 14px; }
.contact-method p{ line-height: 26px; }

.contact-2 .map-holder{ width: 100%; height: 350px; overflow: hidden; }
.contact-2 iframe{ border: none; width: 100%; height: 350px; }
.contact-2 .methods-holder{ overflow: hidden; background: rgba(255,255,255,0.9); height: 350px; padding: 38px 33px 33px 38px; }

.contact-1 .overlay{ opacity: 0.7; }

.map{ height: 450px; }
.map iframe{ width: 100%; height: 450px; border: none; }
.map .map-holder .overlay{ background: none !important; }

.contact-3 .map-holder{ overflow: hidden; position: absolute; height: 100%; width: 100%; top: 0px; z-index: 0; }
.contact-3 .map-holder .overlay{ z-index: 1; opacity: 0.8; }
.contact-3 iframe{ width: 100%; height: 100%; border: none;  }
.contact-3 .row{ position: relative; z-index: 2; }

.contact-3{ padding: 121px 0px; }
.contact-3 a i{ color: #fff; font-size: 33px; display: inline-block; margin-right: 22px; margin-bottom: 44px; }
.contact-3 a.large-link{ display: inline-block; margin-bottom: 11px; }
.contact-3 a.large-link:hover{ color: #fff; }

/***** RESERVATIONS *****/

.reservations h3{ margin-bottom: 11px; }

/***** INSTAFEED *****/

.instagram-feed .row{ padding-top: 33px; padding-bottom: 33px; }
.instagram-feed span{ text-transform: uppercase; color: #333; font-size: 12px; }
.instagram-feed span i{ display: inline-block; margin: 0px 6px; }
.instagram-feed.no-pad .columns{ padding-top: 0px; padding-bottom: 0px; }

.instafeed li{ width: 12.5%; float: left; }
.instafeed li:nth-child(n+9){ display: none;  }

/***** VIDEOS *****/

.divider-video{ position: relative; padding: 0px; overflow: hidden; }
.video-wrapper{ position: absolute; width: 100%; top: 0px; left: 0px; z-index: 0; }
.video-wrapper video{ width: 100%; position: absolute; top: 0px; }

.divider-video .overlay{ z-index: 1; opacity: 0.4; }
.divider-video .divider-content{ position: relative; z-index: 2; padding-top: 121px; padding-bottom: 121px; }

/***** OPEN TABLE FORM *****/

.OT_feedTitle{ display: none; }
#OT_searchWrapperAll, #OT_searchWrapper{ height: auto !important; margin-bottom: 44px !important; margin-top: 44px !important; }
#OT_searchWrapper dl { position: relative !important; width: 100%; font-family: 'Raleway',"Helvetica Neue", "Helvetica", Helvetica, Arial !important; }
#OT_searchWrapper select{ width: 100px; height: 30px; border-radius: 0px; position: relative; bottom: 6px; border: 1px solid #ddd;  }
#OT_defList{ position: relative; text-align: center;  }
#OT_defList dt, #OT_defList dd{ position: relative !important; top: 0px !important; left: 0px !important; display: inline-block; }
#OT_submitWrap{ display: none !important; position: absolute; top: 0px; }
#dateDisplay{ display: none !important; }
#OT_defList dt, #OT_defList dd{ width: auto !important; margin-right: 11px; margin-left: 0px; }
#OT_searchWrapper #startDate, #OT_searchWrapper .OT_feedFormfieldCalendar{ height: 30px; border-radius: 0px; position: relative; bottom: 6px; border: 1px solid #ddd; padding-left: 6px; width: 100px !important; background: rgb(248,248,248); }

#OT_partySizeLbl:before{ content: ""; font-family: 'et-line'; font-size: 24px; }
#OT_dateLbl:before{ content: ""; font-family: 'et-line'; font-size: 24px; margin-right: 6px; }
#OT_timeLbl:before{ content: ""; font-family: 'et-line'; font-size: 24px; }

.ui-widget-header{ background: #444444 !important; border: none; font-family: 'Raleway',"Helvetica Neue", "Helvetica", Helvetica, Arial !important; text-transform: uppercase; font-size: 12px; font-weight: bold; letter-spacing: 1px; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{ color: #444444; }
.ui-datepicker-calendar th{ text-transform: uppercase; font-size: 12px; }

/***** FOOTERS *****/

.footer-container{ -webkit-transition: all .5s ease; transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0); position: relative; }

footer{ background: #333; padding: 88px 0px; }

.footer-text h6{ color: #8e8e8e; font-size: 12px; font-weight: bold; margin-bottom: 22px; font-family: 'Raleway',"Helvetica Neue", "Helvetica", Helvetica, Arial; }
.footer-text span{ font-size: 11px; color: #727272; text-transform: uppercase; font-weight: bold; }

.footer-social{ padding: 44px 0px; }

.social-profiles{ overflow: hidden; display: inline-block; margin-bottom: 33px; text-align: center; }
.social-profiles li{ float: left; margin-right: 22px; display: inline-block; }
.social-profiles li:last-child{ margin-right: 0px; }
.social-profiles li a{ width: 40px; height: 40px; display: inline-block; border-radius: 50%; background: #BEAB6A;; color: #333; font-size: 20px; text-align: center; padding-top: 6px; }

.footer-social .contact-details{ overflow: hidden; display: inline-block; margin-bottom: 22px; }
.footer-social .contact-details li{ float: left; margin-right: 22px; text-transform: uppercase; font-weight: bold; font-size: 12px; }
.footer-social .contact-details li:after{ content: '|'; margin-left: 22px; }
.footer-social .contact-details li:first-child{ margin-left: 0px; }
.footer-soaicl .contact-details li:last-child{ margin-right: 0px; }
.footer-social .contact-details li:last-child:after{ content:''; margin-left: 0px; }
.footer-social .contact-details li a{ color: #bbb; }

.footer-social span{ font-size: 11px; text-transform: uppercase; font-weight: bold; display: inline-block; }

.footer-contact{ background: #111; text-transform: uppercase; color:#fff; }
.footer-contact p{ font-size: 11px; }
.footer-contact .logo-holder{ width: 200px; margin: 0px auto; background: #f2f2f2; text-align: center; position: relative; z-index: 1; }
.footer-contact .logo-holder img{ width: 120px; }
.footer-contact hr{ position: relative; bottom: 25px; z-index: 0; border-color: #bbb; margin: 0px; }
.footer-contact .sub-title{ display: inline-block; margin: 33px 0px 22px 0px; letter-spacing: 1px; }
.footer-contact .social-profiles li a{ color: #fff; }

/***** UPDATE 1.2 STYLES *****/

.image-gallery .lightbox-image-holder{ width: 100%; height: 240px; position: relative; overflow:hidden; margin-bottom: 30px; }




.feedback-input {
  color:white;
  font-family: 'LetterGothicStdRegular' ,Helvetica, Arial, sans-serif;
  font-weight:500;
  font-size: 13px;
  border-radius: 5px;
  line-height: 22px;
  background-color: transparent;
  border:2px solid #7c4548;
  transition: all 0.3s;
  padding: 13px;
  margin-bottom: 15px;
  width:100%;
  box-sizing: border-box;
  outline:0;
}

.feedback-input:focus { border:2px solid #CC4949; }

textarea {
  height: 150px;
  line-height: 150%;
  resize:vertical;
}

[type="submit"] {
  font-family: 'LetterGothicStdRegular','Montserrat', Arial, Helvetica, sans-serif;
  width: 100%;
  background:#581829;
  border-radius:5px;
  border:0;
  cursor:pointer;
  color:white;
  font-size:15px;
  padding-top:15px;
  padding-bottom:10px;
  transition: all 0.3s;
  margin-top:-4px;
  font-weight:700;
}
[type="submit"]:hover { background:#7c4548; }


label {
font-family: 'LetterGothicStdRegular' ,Helvetica, Arial, sans-serif;
float:left;
font-size:11px;
  color: white;
text-align:left;
}


.gm-style .gm-style-iw {
  font-weight: 300;
  font-size: 13px;
  overflow: hidden;
  color: black;
}