/*
Theme Name: Monsoon PSD
Author: PSD - Patricia Spencer Design
Version: 1.0
*/
@font-face {
  font-family: 'Proxima Nova';
  src: url('fonts/proximanova-bold-webfont.eot'); /* IE9 Compat Modes */
  src: url('fonts/proximanova-bold-webfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/proximanova-bold-webfont.woff') format('woff'), /* Modern Browsers */
       url('fonts/proximanova-bold-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/proximanova-bold-webfont.svg') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  700;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url('fonts/proximanova-light-webfont.eot'); /* IE9 Compat Modes */
  src: url('fonts/proximanova-light-webfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/proximanova-light-webfont.woff') format('woff'), /* Modern Browsers */
       url('fonts/proximanova-light-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/proximanova-light-webfont.svg') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  200;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url('fonts/proximanova-regular-webfont.eot'); /* IE9 Compat Modes */
  src: url('fonts/proximanova-regular-webfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/proximanova-regular-webfont.woff') format('woff'), /* Modern Browsers */
       url('fonts/proximanova-regular-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/proximanova-regular-webfont.svg') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  400;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url('fonts/proximanova-semibold-webfont.eot'); /* IE9 Compat Modes */
  src: url('fonts/proximanova-semibold-webfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/proximanova-semibold-webfont.woff') format('woff'), /* Modern Browsers */
       url('fonts/proximanova-semibold-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/proximanova-semibold-webfont.svg') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  600;
}

/* wp admin styles */
body#tinymce{ margin:0; padding:0; border:none;}
body#tinymce .company_text{ display:block !important;}

/* wp basic styles */
.entry-content img {margin: 0 0 1.5em 0;}
div.alignleft, img.alignleft {display: inline-block;float: left;margin-right: 1em;margin-bottom: 1em;}
div.alignright, img.alignright {display: inline-block;float: right;margin-left: 1em;margin-top: 1em;}
div.aligncenter, img.aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;}
.wp-caption {text-align: center;margin-bottom: 1.5em;}
.wp-caption img {border: 0 none;margin: 0;padding: 0;}
.wp-caption p.wp-caption-text {margin: 0;font-weight: 600;}
.wp-smiley { max-height: 1em;margin:0 !important;}
.gallery dl {margin: 0;border: 0;padding: 0;}
blockquote.left {float: left;margin-left: 0;margin-right: 20px;text-align: right;width: 33%;}
blockquote.right {float: right;margin-left: 20px;margin-right: 0;text-align: left;width: 33%;}
.gallery-caption{font-size: 12px;}
html{height: 100%;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
p { padding-top:0.1em;padding-bottom:0.1em;}
em{font-style: italic;}
.size-auto, .size-full, .size-large, .size-medium, .size-thumbnail {max-width: 100%;height: auto;}
.center{text-align: center;}
#page_content_wrapper p {padding-top:0.5em;padding-bottom:0.5em;}
#page_content_wrapper p:empty{padding: 0 !important;margin: 0 !important;}
#footer p {padding-top:0.5em;padding-bottom:0.5em;}
html, body {min-height: 100%;}
img, a img {image-rendering: optimizeQuality;}
em { font-style: italic; }
::selection {background: #0da29e;color: #fff;}
table{border-spacing: 0;}
.sticky{background: #ffffe0;padding: 30px 20px 20px 20px;border: 1px solid #e6db55 !important;box-sizing: border-box;}
.marginright{margin-right: 7px;}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {  float:right; margin:0 0 1em 1em}
a img.alignleft { float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.sticky, .bypostauthor { font-weight: 600; }

body{margin:0; padding:0; font-family: 'Proxima Nova', 'Open Sans', 'Gill Sans MT', 'Gill Sans', Corbel, Arial, sans-serif; font-weight:200; color:#aaa; font-size:15px; background:#000; letter-spacing:1px;}
input,select,textarea{font-family: 'Proxima Nova', 'Open Sans', 'Gill Sans MT', 'Gill Sans', Corbel, Arial, sans-serif; font-weight:200; color:#8f8f8f; font-size:15px;}
input{ box-sizing:border-box; padding:0 10px;}
a{ text-decoration:none; color:inherit; transition:0.3s ease;}
a:hover{ text-decoration:underline;}
a.button:hover{ text-decoration:none;}
.content_center{ margin:0 auto; width:1180px;}
.display_table{ display:table; width:100%; height:100%;}
.vertical_align{ display:table-cell; width:100%; height:100%; vertical-align:middle;}
.clear{ clear:both;}
.column3{ width:33.33%; float:left;}
b, strong{ font-weight:600;}
h1{ font-size:40px; text-transform:uppercase; letter-spacing:2pt; font-weight:600; margin:0; padding:5px 0 0 0; color:#fff;}
.height20{ height:20px;}
.float_right {float: right;}
.float_left {float: left;}
.centered_text.padding75{ padding:0 75px; box-sizing:border-box;}

/* header */
header{ background:#000; font-weight:600; width:100%; position:fixed; left:0; top:0; z-index:11;}
body.admin-bar header{ top:32px;}
.headerLogo{ background:url(images/logo.png) no-repeat center center / contain; width:120px; height:86px; display:block; float:left; margin:10px 0 6px 0;}
header .float_right{ clear:right; float:right; text-align:right; font-size:11px; color:#b0b0b0; line-height:30px;}
header .float_right .small{ font-size:10px;}
header .float_right a{ margin:0 0 0 10px; display:inline-block;}
header .float_right a:hover,
header .float_right a.active{ color:#3a8dd8;}
header ul{ float:right; clear:right; margin:0; padding:0; list-style-type:none;}
header ul li{font-size:12px; letter-spacing:2px; color:#8f8f8f; display:inline-block; text-transform:uppercase;line-height:38px; margin:0 0 0 23px;}
header ul li a:hover, 
header ul li.current_page_item a,
header ul li.current-page-ancestor a{ color:#E21B22; text-decoration:none;}
header ul li.button a{ border:1px solid #E21B22; padding:6px 7px; border-radius:4px;}
header ul li.button a:hover{ background:#E21B22; color:#fff;}

/* footer */
footer{border-top: 2px solid #545454; text-transform: uppercase; color: #aaa; margin: 71px 0 0 0; padding: 0 0 57px 0;}
.footerBlock{ margin:0 auto 30px; width:1180px; box-sizing:border-box;}
.footerBlock.hours{ background:rgb(51, 51, 51); padding:35px 30px; font-size:13px;  text-transform:uppercase;}
.footerBlock.hours .left{ float:left; width:795px; line-height:19px;}
.footerBlock.hours .left .column3 b{ color:#E21B22; display:inline-block; margin:0;}
.footerBlock.hours .right{ float:right; width:295px; line-height:19px;}
.footerBlock.hours b{ color:#fff; display:block; margin:0 0 14px 0;}
footer{ border-top:2px solid #545454;}
footer .leftLogo{ float:left; background:url(images/brgFooterLogo.png) no-repeat left top / contain; width:315px; margin:-50px 0 0 0;  padding:49px 0 0 0;}
footer .leftLink{font-size:11px; color:#A9A9A9; letter-spacing:1px; line-height:55px; text-transform:uppercase;}
footer .right{ float:right; text-transform:uppercase; font-size:11px; line-height:55px;}
a.social_font_size {background:url(images/socialIcons.png) no-repeat left top / auto 18px; display: inline-block; height: 18px; margin: 15px 4px 0 0; opacity: 0.8; text-decoration: none; vertical-align: middle; width: 18px;}
a.social_font_size.icon1 {background-position: 0 0;}
a.social_font_size.icon2 {background-position: -28px 0;}
a.social_font_size.icon3 {background-position: -55px 0; width: 19px;}
.footerBlock.stayInTouch{ box-sizing:border-box; padding:32px 0; background:linear-gradient(#cc2228 25%,#4f1014); background-size:auto 100%; text-align:center; color:#e0e0e0; font-size:34px; vertical-align:middle;}
.footerBlock.stayInTouch span{vertical-align:middle; display:inline-block; margin:0 80px 0 0;}
.footerBlock.stayInTouch input{vertical-align:middle; width:235px; margin:0; height:40px; border:1px solid #656E7D; box-sizing:border-box;}
.footerBlock.stayInTouch .button{vertical-align:middle; font-weight:600; color:#000; background:#fff; border-radius:4px; text-transform:uppercase; font-size:14px; padding:11px; border:none; cursor:pointer; margin:0 0 0 70px; transition:0.3s ease;}
.footerBlock.stayInTouch .button:hover{ background:#000; color:#fff;}
.fixedFooter {position: fixed; left: 0; bottom: 0; width: 100%; background: #000; z-index: 10; border-top: 1px solid #545454; padding: 15px 0; font-weight: 600; font-size: 12px; vertical-align: middle;}
.fixedFooter a {text-decoration: none;margin: 3px 0 0 0;}
.fixedFooter a.buttonFoot { margin: 0; padding: 7px 14px 6px; border: 2px solid #E21B22; border-radius:4px; transition: 0.3s ease; color: #fff; text-decoration: none; font-weight: 600; font-size: 13px; text-transform: uppercase; box-sizing: border-box; cursor: pointer; font-family: 'Proxima Nova', 'Open Sans', 'Gill Sans MT', 'Gill Sans', Corbel, Arial, sans-serif;}
.fixedFooter a.buttonFoot:hover{ background:#E21B22; color:#fff;}
.fixedFooter a.float_right { text-decoration: none; margin: 9px 0 0 0;}

/* home */
section{ width:1180px; margin:0 auto; padding:102px 0 0 0;}
section.noPaddingTop{ padding-top:0;}
.homeSlider{ background:#ccc; width:100%; height:635px; margin:0 0 30px 0; position:relative;}
.homeSlider ul{ margin:0; padding:0; list-style-type:none; position:relative; width:100%; height:100%;}
.homeSlider ul li{width:100%; height:100%;  background:no-repeat center center / cover; position:absolute; left:0; top:0; display:none;}
.videoLayer {position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden;}
video#bgvid {position: absolute;top: 50%;left: 50%;min-width: 100%;min-height: 100%;width: auto;height: auto;-ms-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);background: none;background-size: auto auto;background-size: cover;}
.homeSlider .arrowLeft,
.homeSlider .arrowRight{opacity:0; position:absolute; top:50%; font-size:40px; margin:-20px 0 0 0; z-index:2; cursor:pointer; color:#fff; transition:0.3s ease; text-shadow:0 0 5px #000;}
.homeSlider .arrowLeft{  left:15px; }
.homeSlider .arrowLeft:before{ content:'\f104'; font-family:'FontAwesome';}
.homeSlider .arrowRight{ right:15px; }
.homeSlider .arrowRight:before{ content:'\f105'; font-family:'FontAwesome';}
.homeSlider:hover .arrowLeft,
.homeSlider:hover .arrowRight{ opacity:1;}
.grayBlocks{ margin:0 -10px;}
.grayBlocks .block{ box-sizing:border-box; padding:20px 20px 82px; font-size:16px; color:#fff; background:rgb(51, 51, 51); width:280px; margin:0 10px 35px; float:left; text-align:center; position:relative;}
.grayBlocks .block.threeBoxes{ width:380px;}
.grayBlocks .block b{ display:block; font-size:20px; font-weight:600; text-transform:uppercase;letter-spacing: 2px !important;}
.grayBlocks .block .button{ position:absolute; left:50%; bottom:20px;  font-size:15px; font-weight:600; border:2px solid #E21B22; padding:6px 13px; display:inline-block; margin:0 0 0 -105px; width:210px; box-sizing:border-box; text-transform:uppercase; color:#fff;}
.grayBlocks .block .button:hover{ background:#E21B22; color:#fff;}
.linkBlocks{ margin:0 -10px; }
.linkBlock{ margin:0 10px 24px; float:left; height:352px; background:#ccc no-repeat center center / cover; position:relative; overflow:hidden;}
.linkBlock.size0{ width:685px;}
.linkBlock.size1{ width:475px;}
.linkBlock.size2{ height:315px; background:no-repeat center center / cover; text-align:center; color:#fff; font-size:38px; padding:20px; box-sizing:border-box; font-weight:600;}
.linkBlock.size2 .display_table{border:2px solid #fff;}
.linkBlock.size2.fullWidth{ width:1180px; height:230px; margin:0 10px 30px;}
.linkBlock.size2 input{ width:115px; height:52px; border:none; vertical-align:middle; }
.linkBlock.size3{ height:315px;}
.linkBlock.size2,
.linkBlock.size3{ width:580px;}
.linkBlock.size4,
.linkBlock.size5,
.linkBlock.size6{ width:380px; height:315px;}
.linkBlock.size5{ background:#959595 url(images/phraseBg.png) no-repeat top left; color:#fff; box-sizing:border-box; padding:0 44px;}
.linkBlock.size5 small{ text-align:right; display:block; font-size:17px; line-height:25px;}
.linkBlock .display_table{ text-align:center; position:relative; z-index:2;}
.linkBlock.size5 .display_table{ text-align:left; font-size:28px; line-height:1.2em;}
.centeredBoxedText{ margin:0 auto; background:rgba(0,0,0,0.6); color:#fff; display:inline-block; font-size:20px; line-height:45px; padding:0 22px; position:relative;transition:0.3s ease; text-transform:uppercase; letter-spacing:1pt; border:2px solid #fff;text-decoration:none; font-weight:normal;}
.linkBlock:hover .centeredBoxedText{ color:#E21B22; border-color:#E21B22;text-decoration:none; }
.linkBlock .theBg{ transition:0.4s ease; position:absolute; background:no-repeat center center / cover; width:100%; height:100%; left:0; top:0; z-index:1;} 
.linkBlock:hover .theBg{ transform:scale(1.05);}
.reserveIcon1,
.reserveIcon2,
.reserveIcon3{ background:url(images/reserveIcons2.png) no-repeat; background-size:93px auto; display:inline-block; width:28px; height:52px; background-position:0 9px;  margin:0 9px 0 0;vertical-align:middle; }
.reserveIcon2{ width:32px; background-position:-28px 9px; margin:0 8px 0 0;}
.reserveIcon3{ width:33px; background-position:-60px 9px; margin:0 7px 0 0;}
.centeredBoxedText:hover:after,
.centeredBoxedText:hover:before,
.linkBlock.size0 .button:hover:before,
.linkBlock.size0 .button:hover:after{ border-color:#EF7622;}
/*.linkBlock.size2 .reserveHome{ text-transform:uppercase; display:block; margin:35px auto 0; width:250px; border:2px solid #fff; color:#fff; font-size:19px; font-weight:600; text-decoration:none; padding:8px 0;}
.linkBlock.size2 .reserveHome:hover{ background:#fff; color:#000;}*/

/* menu */
section p{ line-height:21px;}
.menuLeft{ float:left; width:760px; margin:20px 0 30px 0; }
.menuLeft p{ margin-top:0; padding:0;}
.menuRight{ float:right; color:#fff; background:rgb(51, 51, 51); width:370px; box-sizing:border-box; padding:17px 20px; text-align:center; font-size:23px; line-height:35px;  margin:20px 0 30px 0;}
.menuRight h2{ margin:0; font-size:14px; font-weight:600;}
.menuButtons{ transition:0.3s ease; text-align:center;}
.menuButtons .container{margin:0 auto; width:1180px; text-align:left;}
body.fixedMenus .menuButtons{ top:102px; background:#333; position:fixed; width:100%; left:0; z-index:10;}
body.admin-bar.fixedMenus .menuButtons{ top:134px; }
.menuButtons a{ display:inline-block; text-align:center; padding:0 20px; color:#fff; background:#666; font-size:20px; margin:12px 10px 12px 0; line-height:42px; font-weight:200;}
.menuButtons a:hover, .menuButtons a.active{ background:#E21B22; color:#fff; text-decoration:none;}
.menuContents{}
.menuDiv{ }
.menuDiv h2{ font-size:40px; font-weight:200; padding:0px 0 15px 0; border-bottom:2px solid #8f8f8f; margin:35px 0 43px;}
.menuDiv .leftColumn{width:240px; padding:0 20px 0 0; float:left;}
.menuDiv .leftColumn h3{ color:#fff; margin:0; font-size:30px; letter-spacing:1pt; font-weight:200; text-transform:uppercase; }
.menuDiv .section{ padding:0 0 50px;}
.menuDiv.hidden{ display:none;}
.menuDiv .section .dishes{ float:right; width:920px; padding:0; box-sizing:border-box;}
.menuDiv .section .dishes.gray{ border:3px solid #ccc; padding:7px 20px 0; margin:0 0 20px 0;}
.menuDiv .section .dishes h4{ margin:10px 0 0 0; font-size:20px; text-transform:uppercase; font-weight:600; color:#666;}
.menuDiv .section .dishes p{ margin:0; padding:0;}
.menuDiv .section .dishes > p{ margin:0 0 10px 0;}
.menuDiv .section .dishes .column50{ width:50%; padding:3px 20px 17px 0; float:left; box-sizing:border-box; line-height:20px;}
.menuDiv .section .dishes .column50.pad2{ padding:3px 0 17px 20px; }
.menuDiv .section .dishes .column50 .plate{padding:0 70px 0 0; position:relative; margin:0 0 10px 0; font-weight:200;}
.menuDiv .section .dishes.gray .column50{ padding-bottom:7px;}
/*.menuDiv .section .dishes .column50 .plate:before{width: 100%;left: 0;top: 13px;border-bottom: 1px dotted #ccc;height: 1px;position: absolute;content: '';}*/
.menuDiv .section .dishes .column50 .plate b{}
.menuDiv .section .dishes .column50 .plate i{font-weight:normal; position:absolute; right:0; top:0; font-style:normal;}
.centered_text{ text-align:center; margin:15px 0 40px;}
.centered_text b{ color:#aaa;}
.reserveForm{ margin:0 0 50px 0;}
.reserveForm form{ background:rgb(51, 51, 51); color:#fff; width:745px; margin:0 auto; box-sizing:border-box; padding:50px; text-align:center;}
.reserveForm form h2{ margin:0; font-size:32px; font-weight:400;}
.reserveForm .column50{ width:50%; float:left; box-sizing:border-box; padding:28px 50px;}
.reserveForm .column50 input,
.reserveForm .column50 textarea,
.reserveForm .column50 select{ border:1px solid #86858A; color:#86858A; width:100%; box-sizing:border-box; padding:0 10px; height:38px; text-align:left; margin:0 0 25px 0;}
.reserveForm .column50 textarea{ padding:9px 10px; resize:vertical;}
.reserveForm  .sendFormButton{}
.reserveForm  .sendFormButton{ margin:0 auto; color:#fff; display:inline-block; font-size:15px; line-height:32px; padding:0 30px; position:relative;transition:0.3s ease; font-weight:600; border:2px solid #E21B22; text-transform:uppercase;}
.reserveForm  .sendFormButton:hover{ color:#fff; background:#E21B22;}
.reserveForm  .divMessage{ margin:20px 0 0 0;}
.semiboldFont{ font-weight:600;}

.menuContents{border-top:2px solid #8f8f8f; padding:50px 0 0;}
.menuContents .menuBlock{ margin:0 0 60px 0; text-align:center; padding:5px 0 10px;}
.menuContents .menuBlock.border{ border:1px solid #8f8f8f;}
.menuContents .menuBlock.border h2{ background:#000; transform:translateY(-23px); padding:0 20px; margin:0 0 10px 0;}
.menuContents .menuBlock h2{ display:inline-block; margin-top:0; color:#E21B22; text-align:center; font-weight:400; font-size:20pt; text-transform:uppercase; letter-spacing:1pt;}
.menuContents .menuBlock .column{ line-height:1.7em; text-align:left; width:33.33%; box-sizing:border-box; padding:0 60px; float:left; font-weight: 200;}
.menuContents .menuBlock .column h3{ color:#fff; font-weight: 600; margin:0; font-size:11.8pt;}
.menuContents .menuBlock .column h3 span{ color:#8f8f8f; font-weight: 200;}
.menuContents .menuBlock .notes{ font-weight:600; text-align:center;}

/* contact */
.divMessage{ margin:0px 0 10px 0; padding:4px 10px; display:none; color:#fff; font-size:12px;}
.divMessage.error{ background:#A20002;}
.divMessage.success{ background:#157522;}
.redBorder { border-color:#CF0000 !important;} 
.sweet-alert[data-has-cancel-button="false"] button{ border-radius:0; background:#000 !important; color:#fff !important; border:2px solid #000; transition:0.3s ease;font-family: 'Work Sans'; text-transform:uppercase;}
.sweet-alert[data-has-cancel-button="false"] button:hover{ background:#fff !important; color:#666 !important;}

/* open table widget */
.ot-dtp-picker.wide{ padding:0;}
.ot-title,
.ot-powered-by{ display:none;}
.ot-dtp-picker.wide{ width:660px !important; margin:0 auto; box-sizing:border-box;}
.ot-dtp-picker.wide .ot-dtp-picker-form .ot-dtp-picker-selector,
.ot-dtp-picker.wide .ot-dtp-picker-form .ot-dtp-picker-button{ width:25% !important;box-sizing:border-box !important; letter-spacing:1px;}
#ot-reservation-widget,
.ot-dtp-picker-selector select{ font-size:13px !important; font-family: 'Proxima Nova' !important;}
.ot-button{font-family: 'Proxima Nova' !important; text-transform:uppercase; background:#fff !important; color:#000 !important; box-shadow:none !important; border-left:1px solid #F2F2F2 !important;}
.ot-button:hover{background:#000 !important; color:#fff !important;}
.picker--focused .picker__day--highlighted, .picker__day--highlighted:hover,
.picker__day--selected, .picker__day--selected:hover{background:#000 !important;}
.picker__nav--next, .picker__nav--prev{color:#512c1d !important;}
.reservationBox{ background:#E21B22; padding:25px 0; display:none; position:absolute; left:0; bottom:64px; width:100%;}
.reservationBox .content_center{position:relative; }
.reservationBox .close{ color:#000; font-size:30px; position:absolute; right:218px; top:50%; height:30px; margin:-15px 0 0 0; cursor:pointer;}
a.OT_Find_a_Table:link, a.OT_Find_a_Table:visited, a.OT_Find_a_Table:hover, a.OT_Find_a_Table:active{}

/* open table home widget */
#OT_form{ margin:30px 0 0 !important; width:100% !important;}
#OT_form .OT_wrapper{width:100% !important; background:none !important; border:none !important;}
#OT_form .OT_header{ display:none;}
#OT_form .OT_list{width:500px !important; margin:0 auto;}
#OT_form .OT_day, 
#OT_form .OT_time, 
#OT_form .OT_party{ padding:0 0 0 28px; background-color:#fff;  display:inline-block; float:none !important; border:none !important; position:relative; /*background:none;*/ height:auto;}
#OT_form .OT_searchTimeField, 
#OT_form .OT_searchDateField, 
#OT_form .OT_searchPartyField{ background:#fff !important; border-radius:0 !important;font-family: 'Proxima Nova' !important; font-size:13px !important; font-weight:normal !important;}
#OT_form .OT_day{border:solid #ccc !important; border-width:1px 1px 1px 1px !important; }
#OT_form .OT_time{border:solid #ccc !important; border-width:1px 1px 1px 0 !important; }
#OT_form .OT_party{border:solid #ccc !important; border-width:1px 1px 1px 0 !important; }
.picker--opened .picker__holder{ top:-296px !important;}
.ot-dtp-picker.wide .picker.down.picker--opened::after,
.ot-dtp-picker.wide .picker.down.picker--opened::before{ display:none !important;}
#OT_form a.OT_Find_a_Table{font-weight:600; color:#666; background:#fff; border-radius:4px; text-transform:uppercase; font-size:14px; padding:11px; border:none; cursor:pointer; margin:0;font-family: 'Proxima Nova' !important; height:auto; text-shadow:none; line-height:1em;}
#OT_form a.OT_Find_a_Table:hover{ background:#000; color:#fff;}
#OT_form .OT_submit{ display:block; padding:0; text-align:center; width:100%; margin:40px 0 0;}
#OT_timeList,
#OT_partyList{ border:1px solid #000 !important; top:67px !important; left:42px !important;width:114px !important;}

/* new footer */
footer{ padding:30px 0 93px 0;}
footer .content_center{ position:relative;}
footer .right{}
footer .leftLogo{ margin:-80px 0 0 0;}
footer .logoRight{float: right; text-transform: uppercase; font-size: 11px; line-height: 55px; position:absolute; right:0; top:-83px;}
footer .logosFooter{ font-size:16px;}
footer .logosFooter .monsoon{ margin:0 0 0 50px; vertical-align:middle; background:url(images/monsoon.png) no-repeat center center / contain; display:inline-block; width:79px; height:65px;}
footer .logosFooter .tellers{ margin:0 0 0 50px; vertical-align:middle; background:url(images/tellers-logo-01.png) no-repeat center center / contain; display:inline-block; width:90px; height:28px;}
footer .logosFooter .h2o{ margin:0 0 0 50px; vertical-align:middle; background:url(images/H2O-logo-01.png) no-repeat center center / contain; display:inline-block; width:21px; height:42px;}
footer .logosFooter .verace{ margin:0 0 0 50px; vertical-align:middle; background:url(images/verace.png) no-repeat center center / contain; display:inline-block; width:113px; height:30px;}
footer .logosFooter .prime{ margin:0 0 0 50px; vertical-align:middle; background:url(images/Prime-Logo-01.png) no-repeat center center / contain; display:inline-block; width:43px; height:52px;}
footer .logosFooter .harbor{ margin:0 0 0 50px; vertical-align:middle; background:url(images/hc.png) no-repeat center center / contain; display:inline-block; width:132px; height:27px;}
footer .logosFooter .pizza{ margin:0 0 0 50px; vertical-align:middle; background:url(images/Pizza-Parm-01.png) no-repeat center center / contain; display:inline-block; width:53px; height:50px;}

/* october edits */
header{ z-index:13;}
.homeSlider ul li .bottomText{ padding:20px; width:100%; box-sizing:border-box; text-align:center; position:absolute; left:0; bottom:0; color:#fff; background:rgba(0,0,0,0.7);}
.homeSlider ul li .bottomText a{}
.homeSlider ul li .bottomText a:hover{ text-decoration:none;}
.aboutBar{ background:rgb(51,51,51); color:#fff; padding:40px; width:100%; box-sizing:border-box; font-size:33px; text-transform:uppercase; line-height:1.3em; margin:0 0 30px 0; position:relative; font-weight:400; letter-spacing:2px;}
.aboutBar a{ display:inline-block; font-size:18px; border:1px solid #fff; font-weight:normal; position:absolute; right:40px; top:50%; transform:translateY(-50%); padding:0px 20px;}
.aboutBar a:hover{ text-decoration:none;}
.linkBlock.size5{ padding:0;}
.theQuotes{ margin:0; padding:0; list-style-type:none; width:1168px; height:315px; position:absolute; left:0; top:0;}
.theQuotes li{ width:380px; box-sizing:border-box; padding:0 44px; float:left; height:100%;}
a.blackButton{ margin:0 auto; color:#fff; display:inline-block; font-size:15px; line-height:32px; padding:0 10px; position:relative;transition:0.3s ease; font-weight:600; border:1px solid #fff; text-transform:uppercase;}
a.blackButton:hover{ color:#000; background:#fff; text-decoration:none;}
.columnsGallery{ margin:0 -10px 30px; text-align:center;}
.columnsGallery .imageBlock{ margin:0 10px 20px; display:inline-block;}
.columnsGallery .imageBlock .theImg{ width:100%; height:200px; background:#ccc no-repeat center center / cover; margin:0 0 10px 0;}
.columnsGallery .imageBlock .theText{ text-align:center;}
.columnsGallery.columns1 .imageBlock{ width:100%;}
.columnsGallery.columns2 .imageBlock{ width:580px;}
.columnsGallery.columns3 .imageBlock{ width:380px;}
.columnsGallery.columns4 .imageBlock{ width:280px;}
.columnsGallery.columns1 .imageBlock .theImg{ height:900px;}
.columnsGallery.columns2 .imageBlock .theImg{ height:435px;}
.columnsGallery.columns3 .imageBlock.theImg{ height:285px;}
.columnsGallery.columns4 .imageBlock .theImg{ height:210px;}
.videosContainer{ margin:0 -10px 20px;}
.videosIframe{ width:580px; height:350px; margin:0 10px 20px; float:left;}
.videosIframe iframe{ width:100%; height:100%; border:none;}
.alternateBlock{ display:table; width:100%; margin:0 0 40px 0;}
.alternateBlock .theImg{ width:50%; height:100%; display: table-cell; vertical-align:middle; box-sizing:border-box; padding:0 40px 0 0;}
.alternateBlock .theImg img{ width:100%; height:auto;}
.alternateBlock .theText{ text-align:left; height:100%; display: table-cell; vertical-align:middle; box-sizing:border-box; padding:0 0 0 40px;}
.alternateBlock.impar .theText{ padding:0 40px 0 0;}
.alternateBlock.impar .theImg{ padding:0 0 0 40px;}
.fixedFooter{ z-index:11;}

/* jan edits */
.imagesWithButton{ text-align:center;}
.imageBlock{ width:50%; display:inline-block; margin:0 0 40px 0;}
.imageBlock .theImg{ padding:0 20px 20px;}
.imageBlock .theImg img{ width:100%; height:auto;}

/* black overlay */
.blackOverlay{ display:none; background:rgba(0,0,0,0.85); position:fixed; left:0; top:0; width:410px; height:100%; z-index:10; color:#fff;}
.blackOverlay .close{ position:absolute; right:-25px; top:-15px; font-size:30px; cursor:pointer; color:#fff; width:30px; height:30px;}
.blackOverlay .close:before{ content:''; position:absolute; background:#fff; width:26px; height:1px; transform:rotate(45deg); left:2px; top:14px;}
.blackOverlay .close:after{ content:''; position:absolute; background:#fff; width:26px; height:1px; transform:rotate(-45deg); left:2px; top:14px;}
.blackOverlay .popupContent{ width:320px; margin:0 auto; position:relative; color:#fff;}
.blackOverlay .popupContent h1{ font-weight:600; letter-spacing:3px; font-family: "Proxima Nova"; font-size: 32px; text-transform:uppercase; line-height: 1em; margin: 0 0 15px; padding: 0; color:#fff;}
.blackOverlay .popupContent a.button{ border-color:#636466; color:#636466;}
.blackOverlay .popupContent a.button:hover{ color:#fff; border-color:#fff;}
.blackOverlay .popupContent .image{ background:#ccc no-repeat center center / cover; height:300px;}
.blackOverlay .popupContent .text{ padding:20px 0; line-height:25px; text-align:left; font-size:15px; letter-spacing:1px;}
.blackOverlay .popupContent .form{}
.blackOverlay .popupContent .form input{ border:solid #fff; border-width:0 0 2px 0; width:100%; margin:0 0 10px 0; height:32px; box-sizing:border-box; padding:0;font-family: "Proxima Nova"; font-weight:600; letter-spacing:1px; float:left; font-size:14px; background:none; color:#fff; text-transform:uppercase;}
.blackOverlay .popupContent .form .button{ background:#000; color:#fff; border:2px solid #fff; width:100px; text-align:center; line-height:30px; display:inline-block; text-decoration:none;font-family: "Proxima Nova";  float:left;font-size:14px; box-sizing:border-box; transition:0.3s ease; text-transform:uppercase; font-weight:600; margin:20px 0 0 ; letter-spacing:2px;}
.blackOverlay .popupContent .form .button:hover{ background:#fff; color:#000; }
.blackOverlay.store{ display:none; text-align:center;}
.blackOverlay.store .close{ background:#000;}
.blackOverlay .cardText{ padding:20px;}
.blackOverlay .cardText p{ width:60%; text-align:center; margin:0 auto 20px; font-size:15pt;}
.blackOverlay.store a{ display:inline-block; filter:grayscale(100%); transition:0.3s ease;}
.blackOverlay.store a:hover{filter:grayscale(0%); }
.blackOverlay.store a div{ width:146px; height:100px; background:no-repeat center center / contain; margin:20px;}
input:focus,
select:focus,
textarea:focus,
button:focus {outline: none;}

.menuDiv h2,
.grayBlocks .block b,
.linkBlock.size0,
.menuDiv h3,
.footerBlock.stayInTouch,
.reserveForm form h2{letter-spacing:1px;}

/* extra stylex */
.preloadDiv{ width:0; height:0; overflow:hidden;}
.showIphone, .showIpad, .hideDesktop{ display:none !important;}
.showDesktop{}

/* mobile menu */
.mobileMenu,
.mobileMenuContainer,
.mobileIcon{ display:none}

@media screen and (min-width:768px) and (max-width:1179px){
  .showIpad{ display:block !important;}
  .showDesktop, .hideIpad{ display:none !important;}
  body{ min-width:768px;}
  .content_center,
  .footerBlock,
  .menuButtons .container{ width:738px;}
  .hideDesktop{ display:block;}
  
  header{ height:70px;}
  .header_menu,
  header .float_right{ display:none;}
  .headerLogo{ margin:10px 0; height:50px;}
  section{ padding:70px 0 0 0; width:738px;}
  .footerBlock.stayInTouch span{ margin:0 15px 0 0;}
  .footerBlock.stayInTouch .button{ margin:0 0 0 15px;}
  .footerBlock.stayInTouch input{ width:135px;}
  .footerBlock.hours{ font-size:12px;}
  .footerBlock.hours .right{ width:226px;}
  .footerBlock.hours .left{ width:452px;}
  .footerBlock .column3{ width:50%; box-sizing:border-box; padding:0 20px 0 0;}
  .logosFooter{ text-align:center;}
  .reservationBox .close{ right:20px;}
  .ot-dtp-picker.wide{ margin:0 0 0 10px;}
  
  /* home */
  .homeSlider{ height:490px;}
  .aboutBar{ padding:20px 280px 20px 20px;}
  .grayBlocks .block{ width:232px !important; margin:0 10px 10px}
  .linkBlock.size0,
  .linkBlock.size1{ width:359px;}
  .grayBlocks{ padding-bottom:30px;}
  .linkBlock.size2{ width:410px;}
  .linkBlock.size3{ width:308px;}
  .linkBlock.size4, .linkBlock.size6{ width:359px;}
  .theQuotes{ width:3000px;}
  .linkBlock.size5, .theQuotes li{ width:738px;}
  .linkBlock.size5, .theQuotes{ height:255px;}
  
  /* about */
  .columnsGallery.columns1 .imageBlock{ width:738px; }
  .columnsGallery.columns2 .imageBlock{ width:359px; }
  .columnsGallery.columns3 .imageBlock{ width:232px; }
  .columnsGallery.columns4 .imageBlock{ width:169px; }
  .columnsGallery.columns1 .imageBlock .theImg{ height:553px;}
  .columnsGallery.columns2 .imageBlock .theImg{ height:269px;}
  .columnsGallery.columns3 .imageBlock .theImg{ height:174px;}
  .columnsGallery.columns4 .imageBlock .theImg{ height:126px;}
  .videosIframe{ width:359px; height:269px;}
  
  /* menus */
  .menuLeft{ width:408px;}
  .menuRight{ width:310px;}
  .menuDiv .section .dishes{ width:478px;}
  .menuDiv .section .dishes .column50{ width:100%;}
  .menuDiv .section .dishes .column50.pad2{ padding:3px 20px 17px 0;}
  body.fixedMenus .menuButtons{ top:70px;}
  .menuButtons .container{ padding:6px 0;}
  .menuButtons a{ margin:6px 10px 6px 0}
  
  .mobileMenuContainer a.social_font_size{ background:url(images/mobileMenuSocialIcons.png) no-repeat left top / auto 30px; width:30px; height:30px; margin:0 10px; opacity:1;}
  .mobileMenuContainer a.social_font_size.icon1{ background-position:0 0 ;}
  .mobileMenuContainer a.social_font_size.icon2{ background-position:-41px 0 ;}
  .mobileMenuContainer a.social_font_size.icon3{ background-position:-81px 0 ;}
  .mobileMenuContainer li.socialLinks{ padding:20px 0;}
  
  /* mobile menu */ 
  .mobileIcon{ display:block; position:relative; float:right; margin:25px 0 0 0; cursor:pointer; padding:8px 0;}
  body.opened .burger-icon{ background:#fff;}
  body.opened .burger-icon:before, 
  body.opened .burger-icon:after{ background:#9f9fa0;}
  body.opened .burger-icon:before {transform: translateY(8px) rotate(45deg);}
  body.opened .burger-icon:after {transform: translateY(-8px) rotate(-45deg);}
  .burger-icon{ position:relative; }
  .burger-icon,
  .burger-icon:before, 
  .burger-icon:after { background-color:#9f9fa0; border-radius:1px; display: block; height: 2px; transition-duration: 0.3s; transition-property: background-color, transform; width: 30px;}
  .burger-icon:before, 
  .burger-icon:after { content: ""; position: absolute; }
  .burger-icon:before {top: -8px;}
  .burger-icon:after { top: 8px;}
  
  /* mobile menu */
  .mobileMenuContainer{ display:block; width:100%; height:0; overflow:hidden; position:fixed; left:0; top:-2px; box-sizing:border-box;background:rgba(0,0,0,0.9); padding:71px 0 0 0; z-index:12; transition:0.3s ease;}
  body.opened .mobileMenuContainer{ height:100%; top:0;}
  .mobileMenuContainer ul{ margin:0; width:100%; float:none; padding:0;}
  .mobileMenuContainer ul li{ color:#fff; display:block; float:none; text-align:center; font-size:21pt; font-weight:400; line-height:1.65em; text-transform:uppercase;}
  .mobileMenuContainer ul li a{ color:inherit; text-decoration:none;}
}

@media screen and (min-width:0px) and (max-width:767px){
  .showIphone{ display:block !important;}
  .showDesktop,
  .hideIphone,
  .logosFooter{ display:none !important;}
  body{ min-width:320px;}
  .hideDesktop{ display:block;}
  .content_center,
  .footerBlock,
  .menuButtons .container{ width:300px;}
    .fixedFooter{ padding:0; border-top:none;}
          .fixedFooter .content_center{ padding: 0; width: calc(100% ); min-width:300px; display: flex;}
    .fixedFooter a.buttonFoot{ background:#E21B22; display:block; float:none; text-align:center; color:#fff; line-height:20px; padding:10px 0; border:none; border-radius:0;}       .fixedFooter a.buttonFoot{ background:#BA1F31; display:block; float:none; text-align:center; color:#fff; line-height:20px; padding:10px 0; border:none; border-radius:0;}
    .reservationBox{ bottom:39px;}          .reservationBox{ bottom:39px;}
    .reservationBox .content_center{display: block;}
    .ot-dtp-picker.wide{ width:300px !important;}
    .ot-dtp-picker.wide .ot-dtp-picker-form .ot-dtp-picker-selector, .ot-dtp-picker.wide .ot-dtp-picker-form .ot-dtp-picker-button{ width:100% !important;}
    .ot-dtp-picker.wide .ot-dtp-picker-form{ height:141px !important; border:none;}
    .ot-dtp-picker.wide .ot-dtp-picker-form .ot-dtp-picker-selector + .ot-dtp-picker-selector{ border-left:none !important;}
    .reservationBox .close{ top:-19px; right:10px;}
    .reservationBox{ padding:35px 0 5px;}
    .ot-button{ border-left:none !important; border-radius:4px !important;}
  
  header{ height:70px;}
  .header_menu,
  header .float_right{ display:none;}
  .headerLogo{ margin:10px 0; height:50px;}
  section{ padding:70px 0 0 0; width:300px;}
  .footerBlock.stayInTouch span{ margin:0 0 15px 0;}
  .footerBlock.stayInTouch .button{ margin:15px 0 0 0;}
  .footerBlock.stayInTouch input{ width:125px;}
  .footerBlock.hours{ font-size:12px;}
  .footerBlock.hours .right{ width:100%;}
  .footerBlock.hours .left{ width:100%;}
  .footerBlock .column3{ width:100%; box-sizing:border-box; padding:0 0 20px;}
  .logosFooter{ text-align:center;}
    .fixedFooter a.float_right{ display:none;}
    .footerBlock.stayInTouch{ font-size:28px;}
    footer .leftLogo{ width:200px; margin:-62px 0 0 0;}
    footer .logoRight{ clear:both; float:none; width:100%; line-height:1.3em; top:auto; text-align:center;}
  
  /* home */
  .homeSlider{ height:200px;}
  body.home .homeSlider{ margin:0 0 5px 0;}
  h1{ font-size:30px;}
  .aboutBar{ padding:20px; font-size:20px; text-align:center;}
  .aboutBar a{ line-height:33px; margin-top:10px; font-size:15px; min-width:210px; box-sizing:border-box;}
  .grayBlocks .block{ width:300px !important; height:auto !important; margin:0 10px 10px}
  .grayBlocksContainer{ width:100%; background:#333333;}
  .grayBlocks{ width:300px; padding-bottom:30px;}
  .linkBlocks{ margin:0;}
  .linkBlock.size0,
  .linkBlock.size1, 
    .linkBlock.size2,
    .linkBlock.size3,
    .linkBlock.size4,
  .linkBlock.size5,
  .linkBlock.size6{ width:100%; height:140px; margin:0 0 5px;}
    .aboutBar a{ position:relative; right:auto; top:auto; transform:none;}
    .centeredBoxedText{ font-size:15px;}
    .theQuotes li{ width:300px; padding:0 20px;}
    .theQuotes li .display_table{ transform:scale(0.9);}
    .grayBlocks{ position:relative; background:#333333; margin:0 auto 30px; overflow:hidden;}
    .grayBlocks .block{margin:0; float:left;}
    .grayBlocks .paginator{ text-align:center; position:absolute; z-index:5; left:0; width:100%; bottom:17px;}
    .grayBlocks .paginator span{ width:6px; height:6px; background:#fff; display:inline-block; border-radius:50%; margin:0 6px;}
    .grayBlocks .paginator span.active{ background:#E21B22;}
    .boxContainer{ width:1200px; position:absolute; left:0; top:0; }
    .homeSlider ul li .bottomText{ display:none;}
    body.home section{ width:100%;}
  
  /* about */
  section.iphoneFullWidth{ width:100%;}
  .columnsGallery.columns1 .imageBlock,
  .columnsGallery.columns2 .imageBlock,
  .columnsGallery.columns3 .imageBlock,
  .columnsGallery.columns4 .imageBlock{ width:300px; }
  .columnsGallery.columns1 .imageBlock .theImg,
  .columnsGallery.columns2 .imageBlock .theImg,
  .columnsGallery.columns3 .imageBlock .theImg,
  .columnsGallery.columns4 .imageBlock .theImg{ height:225px;}
  .videosIframe{ width:300px; height:225px;}
    .centered_text.padding75{ padding:0;}
    .alternateBlock .theImg, .alternateBlock .theText{ width:100%; height:auto; display:block;}
    .alternateBlock .theText,
    .alternateBlock.impar .theText{ padding:0; text-align:left;}
    .alternateBlock .theImg,
    .alternateBlock.impar .theImg{ padding:0 0 10px 0;}
  
  /* menus */
  .menuLeft{ width:100%;}
  .menuRight{ width:100%;}
  .menuDiv .section .dishes{ width:100%;}
  .menuDiv .section .dishes .column50{ width:100%; padding:3px 20px 0 0;}
  .menuDiv .section .dishes .column50.pad2{ padding:3px 20px 0 0;}
  body.fixedMenus .menuButtons{ top:70px;}
  .menuButtons .container{ padding:6px 0;}
  .menuButtons a{ margin:6px 10px 6px 0}
    .menuDiv .leftColumn{ width:100%; padding:0;}
    .iphoneMenu{ width:100%; height:35px; margin:10px 0 20px; -webkit-appearance: none; border-radius: 0; border:1px solid #ccc;}
    .selectIphoneMenu{ margin:0; font-size:30px; letter-spacing:1pt; font-weight:200; text-transform:uppercase; }
    .menuDiv .section .dishes .column50 .plate.noPrice{ padding-right:0;}
    
  /* private dining */
  .menuContents .menuBlock .column{ width:100%; padding:0 0 30px; text-align:center; float:none;}
  .menuContents .menuBlock.border h2{ width:230px;}
  .reserveForm form{ width:100%; padding:20px;}
  .reserveForm .column50{ width:100%; padding:0;}
  .menuContents .menuBlock{ margin:0;}
  .reserveForm {margin-top: 30px;}
  
  /* home popup */
  .blackOverlay{ width:100%;}
  .blackOverlay .popupContent{ width:300px;}
  .blackOverlay .popupContent h1{ font-size:28px;}
  .blackOverlay .vertical_align{ padding:70px 0 40px;}
  .blackOverlay .close{ right:-10px;}
  .blackOverlay .popupContent .text{ font-size:13px;}
  .blackOverlay .popupContent .form input{ margin:0 0 5px 0;}
  .blackOverlay  input{ border-radius:0;}
  
  /* new Mobile Home */
  .collapsible{ margin:0 0 5px 0;}
  .collapsible .title{ font-weight:600; background:#E21B22; color:#fff; padding:10px 0; text-align:center; line-height:20px; text-transform:uppercase; position:relative; cursor:pointer;}
  .collapsible .title:after{ content:''; background:url(images/collapseArrows.png) no-repeat left top / 15px auto; width:15px; height:15px; position:absolute; right:10px; top:11px;}
  .collapsible.collapsed .title:after{ background-position:0 -14px;}
  .collapsible .content{ display:none; background:#333333; color:#fff; font-size:10pt; box-sizing:border-box; padding:22px 21px 11px;}
  .collapsible .content b{ color:#E21B22;}
  .collapsible .content span{ font-weight:600;}
  .collapsible .content .column3{ width:100%; float:none; margin:0 0 11px 0;}
  .fullWidthButton{ display:block; margin:0 0 5px; background:#333; color:#fff; transition:0.3s ease; padding:10px 0; line-height:20px; text-align:center; text-transform:uppercase; font-weight:600;}
  .fullWidthButton.dark{color:#fff; background:#E21B22;}
  .fullWidthButton:hover{text-decoration:none;}
  
  .mobile-hours { margin:0 0 5px 0;}
  .mobile-hours .title{ display: none;}
  .mobile-hours .content{ background:#000000; font-size:10pt; box-sizing:border-box; padding:22px 21px 11px;}
  .mobile-hours .content b{ color:#BA1F31;}
  .mobile-hours .content span{ font-weight:600;}
  .mobile-hours .content .column3{ width:100%; float:none; margin:0 0 11px 0;}
  .buttonIcon{width: 10%; background: #BA1F31 !important; font-size: 30px; min-width: 50px; border-left: 1px solid #ffffff !important;}
  .buttonIcon a,
  .buttonIcon i{font-size: 20px; display: block; padding: 0 10px;}
  .buttonIcon {display: none;}
  .fullWidthButton{ display:block; margin:0 0 5px; background:#E7E7E7; color:#BA1F31; transition:0.3s ease; padding:10px 0; line-height:20px; text-align:center; text-transform:uppercase; font-weight:600;}
  .fullWidthButton.dark{color:#fff; background:#BA1F31;}
  .fullWidthButton:hover{text-decoration:none;}     .fullWidthButton:hover{text-decoration:none;}
  .contactMobile{ text-align:center; text-transform:uppercase;}   
  .contactMobile h2{color:#E21B22; font-weight:600; font-size:15px;}      
  .contactMobile{ text-align:left; text-transform:uppercase; padding: 0 15px;}
  .contactMobile h2{color:#BA1F31; font-weight:600; font-size:10pt;}
  .contactMobile b{ color:#BA1F31;}
  .contactMobile span{ font-weight:600;}

  .contactMobile{ text-align:center; text-transform:uppercase;}
  .contactMobile h2{color:#E21B22; font-weight:600; font-size:15px;}
  body.home .homeSlider .arrowLeft, 
  body.home .homeSlider .arrowRight{ display:none !important;}
  .mobileMenuContainer a.social_font_size{ background:url(images/mobileMenuSocialIcons.png) no-repeat left top / auto 30px; width:30px; height:30px; margin:0 10px; opacity:1;}
  .mobileMenuContainer a.social_font_size.icon1{ background-position:0 0 ;}
  .mobileMenuContainer a.social_font_size.icon2{ background-position:-41px 0 ;}
  .mobileMenuContainer a.social_font_size.icon3{ background-position:-81px 0 ;}
  .mobileMenuContainer li.socialLinks{ padding:15px 0;}
  
  /* jan edits */
  .imageBlock{ width:100%; }
  .imageBlock .theImg{ padding:0 0 20px;}
  
  /* mobile menu */ 
  .mobileIcon{ display:block; position:relative; float:right; margin:25px 0 0 0; cursor:pointer; padding:8px 0;}
  body.opened .burger-icon{ background:#000;}
  body.opened .burger-icon:before, 
  body.opened .burger-icon:after{ background:#9f9fa0;}
  body.opened .burger-icon:before {transform: translateY(8px) rotate(45deg);}
  body.opened .burger-icon:after {transform: translateY(-8px) rotate(-45deg);}
  .burger-icon{ position:relative; }
  .burger-icon,
  .burger-icon:before, 
  .burger-icon:after { background-color:#9f9fa0; border-radius:1px; display: block; height: 2px; transition-duration: 0.3s; transition-property: background-color, transform; width: 30px;}
  .burger-icon:before, 
  .burger-icon:after { content: ""; position: absolute; }
  .burger-icon:before {top: -8px;}
  .burger-icon:after { top: 8px;}
  
  /* mobile menu */
  .mobileMenuContainer{ display:block; width:100%; height:0; overflow:hidden; position:fixed; left:0; top:-2px; box-sizing:border-box;background:rgba(0,0,0,0.9); padding:0; z-index:12; transition:0.3s ease;}
  body.opened .mobileMenuContainer{ height:100%; top:0; padding:71px 0 0 0;}
  .mobileMenuContainer ul{ margin:0; width:100%; float:none; padding:0;}
  .mobileMenuContainer ul li{ color:#fff; display:block; float:none; text-align:center; font-size:14pt; font-weight:400; line-height:1.65em; text-transform:uppercase;}
  .mobileMenuContainer ul li.smaller{ font-size:12pt;}
  .mobileMenuContainer ul li a{ color:inherit; text-decoration:none;}
}



.button {
  border: 2px solid #E21B22;
  border-radius:4px;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: 'Proxima Nova', 'Open Sans', 'Gill Sans MT', 'Gill Sans', Corbel, Arial, sans-serif;
  font-size: .8em;
  font-weight: 600;
  margin: .25em 0;
  padding: 7px 14px 6px;
  text-decoration: none;
  text-transform: uppercase;
  transition: 0.3s ease;
}
.button:hover,
.button:focus {
  background:#E21B22;
  color:#fff;
}

.full-width {
  width: 100%;
}

.order-online {
  -webkit-box-align: start;
     -ms-flex-align: start;
        align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 15px auto 40px;
  max-width: 12800px;
  padding: 16px;
}

.order-online__menu {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  max-width: 100%;
}

.order-online__banner {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
          justify-content: center;
  max-width: 320px;
  min-width: 200px;
  padding-left: 16px;
  width: 20%;
}
.order-online__banner small {
  line-height: 1.2;
}
.order-online__box {
  box-sizing: border-box;
  max-width: 304px;
  -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
  margin: 0 0 20px;
}
.order-online__box--outline {
  border: 3px solid #ccc;
  padding: 7px 20px;
}

.order-online__banner h1 {
  font-size: 1.4em;
}
.order-online__box > img {
  display: block;
  height: auto;
  max-width: 100%;
  margin: 1em auto;
}

@media screen and (max-width:1024px) {
  .order-online__banner {
    padding: 0;
  }
  .order-online__menu {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
    width: 100%;
  }
  .order-online__banner  {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
    margin-left: -20px;
    max-width: none;
    min-width: none;
    width: 100%;
  }
  .order-online__box {
    margin-left: 20px;
  }
}

/*=================================================*/
/* Style iframed content
/*=================================================*/

iframe.iframed {
  width: 100%;
  border: 0;
  margin-top: -10px;
}

/*=================================================*/
/* SUB-MENU
/*=================================================*/
.sub-menu {display: none;}
ul li:hover ul {display:block; position: absolute;}
.sub-menu li {background-color: #333333; padding: 0px 45px; margin: 0px; color: #fff !important;}
.sub-menu li a {color: #fff !important;}


/*-----------------------------
  Mobile / Default Event Styles
-----------------------------*/

nav.main{
  width: 100% !important;
  /*display: flex !important;*/
  background: #E21B22;
  overflow-x: hidden !important;
}
nav.main a{
  display: block !important;
width: 100% !important;
  margin: 0 !important;
  
  text-align: center !important;
  font-size: 20px;
/*transform: skewX(15deg) !important;*/
color: #ffffff !important;
/*font-weight: 900 !important;*/
text-transform: uppercase !important;
transition: all 0.5s !important;
}
nav.main a span{
  display: block !important;
  padding: 30px !important;
  /*transform: skewX(-15deg) !important;*/
}
nav.main a:first-of-type{
  background: #E21B22 !important;
  /*margin-left: -10px !important;*/
}
nav.main a:first-of-type:hover{
  background: #E21B22 !important;
  color: #000000 !important;

}
nav.main a:last-of-type{
  background:#7c7c7c !important;
  /*margin-right: -10px !important;*/

}
nav.main a:last-of-type:hover{
  background: #7c7c7c !important;
  color: #000000 !important;

}
.sub-menu li a:hover {color: #E21B22 !important;}