@import url('slicknav.css');
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@font-face {
    font-family: 'BebasNeueRegular';
    src: url('fonts/BebasNeue-webfont.eot');
    src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/BebasNeue-webfont.woff') format('woff'),
         url('fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

#overlay {background: #fff;  z-index:100; width:100%; height:100%; position:fixed; font-family:Arial, Helvetica, sans-serif; z-index:9999999}
#overlay h1 {color: #fff; text-align:center!important; font-size:40px!important; float:none!important; text-indent:0!important; margin:10px auto!important; background:none; padding-top: 10px; width:100%!important; height:auto!important}
#overlay h2 {color: #fff; text-align:center; width:100%; background:none!important; z-index:99999; font-size:26px!important; margin:10px auto!important}
#overlay h2 span {font-size:34px; line-height:40px; background:none!important; color:#FFF; font-size:20px!important}
#overlay h2 a {color:#fff}
#overlay  p {text-align:center!important; color:#fff; background:none; margin:10px auto!important}
#overlay  p a {color:#fff}
body {margin:0}
.menu-wrapper {z-index:-1}

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body, html {font-family: 'Open Sans', sans-serif; font-size: 100%; padding: 0; margin: 0; -webkit-font-smoothing: antialiased}
/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

/* Reset CSS */
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 {	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	vertical-align: baseline; -webkit-font-smoothing: antialiased;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}
body {	line-height: 1;}
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;}

.constrain{width:100%; padding:0 20px; margin:0 auto; max-width:1155px;}
h1#logo{margin:0; padding:0; float:left; display:table-cell; vertical-align:bottom;}
h1#logo img{vertical-align:bottom; border:none;}
#head{position:fixed; top:0; left:0; width:100%; height:60px; padding:0; margin:0; background:#9e0b0f; z-index:99; -webkit-box-shadow: 0 3px 15px 0 #000000; box-shadow: 0 3px 15px 0 #000000;}
#head ul{float:right; display:inline; padding-top:20px;}
#head ul li{display:inline-block; padding:0 6px 0 8px; border-left:2px solid #fff;}
#head ul li.first{border-left:none;}
#head ul li a{color:#000; position: relative;display: inline-block; font-size:16px;text-decoration: none;font-weight: 300;zoom: 1; padding-bottom:5px; text-transform:uppercase; font-family:yellowtailregular}
#head ul li a:hover{border-bottom:2px solid #fff;}
#head ul.clear{margin-top:-20px; margin-left:40px;}
#head ul li.clear, #head ul li.clear a:hover, #head ul li.clear a{float:none; display:block; padding:0; margin:0; border:none;}

p {font-size: 16px; line-height: 23px; margin: 0 0 23px 0;}
p strong{font-weight:700;}
p a{color:inherit;}

h1 {font-weight: 700; line-height: 46px; font-size: 19px; margin: 0 0 20px; color: #363636; font-weight: 700; text-align: center; text-transform: uppercase; letter-spacing: 5px; background: url(../images/line.png) top center no-repeat; padding-top: 10px; line-height: 20px;}
h1 span {font-family: 'Josefin Sans', sans-serif; font-size: 14px; text-transform:none; letter-spacing:0; line-height: 23px; text-align:center; font-style:italic;}
h2 {font-weight: normal; text-transform: Capitalize; font-size: 18px; margin: 0 0 23px 0;}
h3 {font-family:"Great Vibes","Helvetica",Arial,sans-serif; font-size: 60px; text-align:center; text-shadow: 2px 2px 2px rgba(217, 30, 37, .8); margin: 20px 0}
h3 span {font-size: 35px}



.menu p {text-align:left}
.menu p span {float:right}

td {display: table-cell;   vertical-align: middle; text-align:center!important}
td p {text-align:center!important}
table tr .left p {text-align:left!important}

#home{padding:20px; height:auto; margin:-60px auto 0; position:relative; text-align:center; display:table-cell; vertical-align:middle;}
#home img{margin:35px auto 15px; padding:none; max-width:100%}
#home iframe {max-width:90%}
#home h2 span {padding:10px; background: #9e0b0f; margin:0 auto; line-height:2em; -webkit-border-radius: 10px; border-radius: 10px; width: 585px; text-transform:uppercase}
#home img.social{margin:-10px 10px 5px}

.review {background:rgba(133,1,20,0.6); float:left; width: 24%; padding-bottom:10px; margin: 0.5%}
.review p.strong {display: block; background:rgba(133,1,20,0.6); margin: 0; padding: 6px 0}
.review p {font-size:.8em; line-height:1.2em; color:#fff; margin: 8px 5px 0 5px}

.back {width: 96%; margin: 50px auto; max-width:1000px; text-align:center; background-color:rgba(255,255,255,0.65); padding:2%; -webkit-border-radius: 65px; -moz-border-radius: 65px; border-radius: 65px; overflow:auto}
.back img{margin:35px auto 15px; padding:none;}
.back h2 span {padding:10px; background: #9e0b0f; margin:0 auto; line-height:2em; -webkit-border-radius: 10px; border-radius: 10px; width: 585px; text-transform:uppercase}
.full {width: 100%!important; border-radius:0}
.back img {border-radius:50%; width: 30.3%; margin:1%}
.norad {border-radius:15px}

#about{width:100%; position:relative; background:#FFF; padding:50px 0; -webkit-box-shadow: 0 -3px 15px 0 rgba(0,0,0,0.5), 0 3px 15px 0 rgba(0,0,0,0.5); box-shadow: 0 -3px 15px 0 rgba(0,0,0,0.5), 0 3px 15px 0 rgba(0,0,0,0.5)}

#contact{width:100%; position:relative; background:#FFF; padding:50px 0; -webkit-box-shadow: 0 -3px 15px 0 rgba(0,0,0,0.5), 0 3px 15px 0 rgba(0,0,0,0.5); box-shadow: 0 -3px 15px 0 rgba(0,0,0,0.5), 0 3px 15px 0 rgba(0,0,0,0.5)}
#concon{width:800px; margin:0 auto;}
.conleft{float:left; width:35%; text-align:left}
.conright{float:right; width:60%; text-align:left}

#menu{width:1000px; position:relative; background: rgba(0,0,0,0.8); padding:0 0 50px; -webkit-box-shadow: 0 -3px 15px 0 rgba(0,0,0,0.5), 0 3px 15px 0 rgba(0,0,0,0.5);
	box-shadow: 0 -3px 15px 0 rgba(0,0,0,0.5), 0 3px 15px 0 rgba(0,0,0,0.5); height:100%; max-height:850px; overflow-x:hidden; overflow-y:scroll; margin:0 auto}

#gallery {width:100%; position:relative; background:#FFF; padding:50px 0; -webkit-box-shadow: 0 -3px 15px 0 rgba(0,0,0,0.5), 0 3px 15px 0 rgba(0,0,0,0.5); box-shadow: 0 -3px 15px 0 rgba(0,0,0,0.5), 0 3px 15px 0 rgba(0,0,0,0.5);}
#gbox{width:900px; padding:0px 10px 0; margin:0 auto; height:auto; text-align:center;}
#gbox img{border:1px solid #444; margin:5px; width:150px; height:150px;}
#gbox img:hover{border:1px solid #C00;}
#gleft{float:left; width:45%; margin:0; padding:0;}
#gright{float:right; width:45%; margin:0; padding:0;}

#menu-nav{width: 100%;box-shadow: #ccc 5px 1px 3px;margin: 0;padding: 0;height: 45px;position: relative;clear: both;}

#menu h1{margin-top:30px;}
#menu h2{font-weight:700; margin:0 0 20 px; padding:0;}
#menu h2 span{font-size:0.8em; text-decoration:none!important;}
.menu-box{width:100%; max-width: 950px; background:url(../images/menu-line.png) top center repeat-y; padding:15px 10px 0; margin:0 auto; height:auto;}
.menu-left{float:left; width:45%; margin:0; padding:0;}
.menu-right{float:right; width:45%; margin:0; padding:0;}
#menu p span.price{float:right; font-weight:700;}
#menu p span.price:before{content:'\00A3'}

#book{background:rgba(255,255,255,0.5); max-width:715px; width:100%; margin:0 auto; border-radius:15px 15px 15px 15px;  -webkit-box-shadow: 0 3px 15px 0 #000000; box-shadow: 0 3px 15px 0 #000000; BORDER:6px rgba(0,0,0,0.4) outset;}

#book h1{margin:40px 0 10px; color:#000;}
.book2{padding:20px;}
#bookbox {width:100%; background:url(../images/menu-line.png) top center repeat-y; padding:15px 10px 0; margin:0 auto; height:auto;}
.bookrow{width:100%; margin:0 auto; padding:15px 0; text-align:center; border-bottom:1px solid #ccc;}
.bookleft, .bookright{border:none; text-align:left;}
.last{border:none;!important;}
.bookleft{float:left;}
.bookright{float:left; margin-left:60px;}
.bookclear{clear:both;}

	
#footer{width:100%; background:url(/images/wood.jpg); padding:60px; color:white; clear:both;}
#footer2{width:90%; margin:0 auto; max-width:1155px;}
#footer h1 {text-transform:capitalize; text-align:left; font-size:50px; color:#fff; letter-spacing:0px; margin:0 auto 25px;  -webkit-text-stroke: 1px black; color: white;  text-shadow: 3px 3px 0 #000, -1px -1px 0 #000,   1px -1px 0 #000,  -1px 1px 0 #000, 1px 1px 0 #000;}
#footer span{float:right; padding-top:4px;}
#footer span img{margin-left:5px;}
#footer p {width:100%; border-top:1px solid #fff;}

#social {margin: auto; text-align: center}



.logo {background:none}

.chef {float:right; max-height:300px; width: auto}

.hello {width: 96%; max-width:900px;  margin: auto; 	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding:20px; margin-top:20px; }
.hello h2 {font-family:"Great Vibes","Helvetica",Arial,sans-serif; font-size: 80px; line-height:40px; color:#000; text-align:center; text-shadow: 2px 2px 2px rgba(217, 30, 37, .8);}
.hello p {font-size: 13px; line-height:20px; text-align:center; margin-bottom:10px}
.hello img {margin:1% auto}
/*.hello img {border-radius:50%; width: 31.3%; margin:1%}*/

#content {width: 96%; margin: 70px auto 0; max-width:1000px; text-align:center; background-color:rgba(255,255,255,0.65); padding:2%; -webkit-border-radius: 65px; -moz-border-radius: 65px; border-radius: 65px;}
#content p {line-height:1.5em; margin-bottom:20px}



.google-maps {position: relative; padding-bottom: 35%; height: 0; overflow: hidden;}
.google-maps iframe {position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important;}

p.menuoption {background:#fff; padding-top: 20px; text-align:center}

.prices p {text-align:center!important}

ul#foodnav {margin-bottom:20px; text-align:center}
#foodnav li {display:inline-block;}
#foodnav li a {color:#fff; background:#000; padding: 5px }

	@media screen and (max-width: 40em) {

}

	@media screen and (max-width: 600px) {

#footer h1{text-transform:capitalize; text-align:left; font-size:40px; color:#fff; letter-spacing:0px; margin:0 auto 25px;line-height:50px}
#footertop span {margin-top: 35px!important; }

#content .pix {margin-bottom:20px; display:flex}
#content .pix img {-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 28.33%; margin:0 2.5%; float:left; height:auto}

.hello h2 {font-family:"Great Vibes","Helvetica",Arial,sans-serif; font-size: 50px; line-height:30px; color:#fff; text-align:center; text-shadow: 2px 2px 2px rgba(217, 30, 37, .8); margin-bottom:0}
.hello h2 span {font-size:25px; margin-top: 20px; display:block; font-family:"BebasNeueRegular","Arial Narrow",Arial,sans-serif; }
.content .hello {margin-bottom:20px}


h2 {margin:-10px auto 20px auto; padding:10px 0;}
.hello h2 span {font-size:40px; margin-top: 30px; display:block; font-family:"BebasNeueRegular","Arial Narrow",Arial,sans-serif; }

.roombox img {display:none}
.nomob {display:none}
.box50 {float:left; width: 96%; margin: 0 2%}
iframe {height:250px; width: 94%;}
#content {margin-top:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}

.hello {margin-bottom:0!important}
.google-maps {padding-bottom: 65%}
#footer h1 {line-height: 1em; font-size:22px; -webkit-text-stroke: none}

h3 {font-size: 30px}
.review {width: 90%; margin:5%}
#gbox {width: 100%}
#gbox img {width: 90px; height:90px}

}


	@media screen and (max-width: 500px) {.vid {width: 450px; height:253px}}
	@media screen and (max-width: 400px) {.vid {width: 380px; height:214px}}


		
	div.logo{text-align:center; width:100%; z-index:999; position:relative;}
	img.logo{margin:1px auto 0; padding:0; z-index:999; max-width: 100%}

#menupage h1 {font-family:"Great Vibes","Helvetica",Arial,sans-serif; text-align:center; font-size:40px; margin:30px 0; color:#fff; text-transform:none}
#menupage p {text-align:center}
#menupage l1 {color:#fff}

.menuchoice {margin-bottom: 25px; text-align: center; width: 100%;}

.roombox ul > li {border-bottom: 1px solid #333;
    display: block;
    padding-bottom: 24px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 24px;
	text-align:center
}

.roombox ul > li strong {
    color: #d91e25;
    font-size: 20px;
    line-height: 30px;
}


.roombox ul > li span {
    background-color: #e54325;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #ffffff;
    display: block;
    float: right;
    font-size: 15px;
    padding-bottom: 8px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
}


.roombox {
    clear: both;
    margin-bottom: 0;
    margin-left: 2.5%;
    margin-right: 2.5%;
    margin-top: 0;
    text-transform: lowercase;
    width: 95%;
	position:relative
}


.roombox h2 {border-bottom-color: #aa1515; border-bottom-style: solid; border-bottom-width: 3px; color: #aa1515; font-family:"BebasNeueRegular","Arial Narrow",Arial,sans-serif;  font-size: 29px; margin: 20px 0; padding-bottom: 3px; text-align: center; text-transform: uppercase; width: 100%;}

.roombox img {float:left; height:auto; margin:0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position:absolute; left:0}
#menupage {color:#fff}
.roombox h2 a {float:right; color:#fff; font-size:22px; margin-top:10px; text-decoration:none; font-weight:normal}

#menupage .hello h2 {color:#fff!important}


#topbar {width:100%; height:auto; padding:10px 0; position:fixed; top:0; left:0; }
#topbar, .slicknav_menu{background:#780003; z-index:1000; border-bottom:1px solid #000; background: #a90329; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #a90329 0%, #8f0222 44%, #780003 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#780003)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #a90329 0%,#8f0222 44%,#780003 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #a90329 0%,#8f0222 44%,#780003 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #a90329 0%,#8f0222 44%,#780003 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  #a90329 0%,#8f0222 44%,#780003 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#780003',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
ul#menunav {width: 100%; max-width:1120px; height:14px; list-style-type: none; margin:0 auto; text-align: right;	padding:9px 0;}
ul#menunav li {font-size: 16px; display:inline-block; }
ul#menunav li a {display: inline;  margin: 3px; padding:10px 7px;  transition: background-color 0.3s ease-in-out 0s; }
ul#menunav li a, .slicknav_nav a{color: #fff; font-size: 14px; letter-spacing: .5px; text-decoration: none; text-transform: uppercase; margin:25px 0}
.slicknav_nav a {text-align:center}

ul#menunav li a:hover, .slicknav_nav a:hover {background: #D8D8D0; color: #460705;}
		
.slicknav_menu{display:none; position:fixed; width:100%; top:0; left:0;}
		
@media screen and (max-width: 40em) {
		.js #menu {width: 100%}
		.js .slicknav_menu{display:block; position:fixed; width:100%; top:0; left:0;}
}


#overlay {background: rgb(0, 0, 0); /* The Fallback */ background: rgba(0, 0, 0, 0.95); z-index:100; width:100%; height:100%; position:fixed; font-family:Arial, Helvetica, sans-serif; z-index:9999999}
#overlay h1 {color: #fff; text-align:center!important; font-size:40px!important; float:none!important; text-indent:0!important; margin:10px auto!important; background:none; padding-top: 10px; width:100%!important; height:auto!important}
#overlay h2 {color: #fff; text-align:center; width:100%; background:none!important; z-index:99999; font-size:26px!important; margin:10px auto!important}
#overlay h2 span {font-size:34px; line-height:40px; background:none!important; color:#FFF; font-size:20px!important}
#overlay h2 a {color:#fff}
#overlay  p {text-align:center!important; color:#fff; background:none; margin:10px auto!important}
#overlay  p a {color:#fff}
body {margin:0}
.menu-wrapper {z-index:-1}

#chart img {border-radius:0; width:inherit; border: 1px solid #000}
#contact p {text-align:center}
.book a {padding: 10px; background:#600; color:#fff; text-decoration:none}
.book2 a {padding: 10px; background:#C00; color:#fff; text-decoration:none}