body { background:#1e1f20; font-family: 'Roboto Slab', serif; line-height:normal; font-size:14px; overflow-x: hidden; overflow-y: scroll; }
body.light { background:#ffffff; }
body.menuactive { overflow:hidden; }
html, body.fullpage { width:100%; height:100%; }

p { font-family: 'Roboto Slab', serif; line-height: 2em; font-size: 1.1em; font-weight: 100; color:#5f5f5f; }
ul.bullet li, .needtoknow ul li { font-family: 'Roboto Slab', serif; line-height: 2em; font-size: 1em; font-weight: 100; color:#5f5f5f; }
h1,h2,h3,h4,h5,h6,.venue-frame .inside-frame a, #menu ul li a { font-family: 'Cantata One', serif; }
h1,h2,h3,h4,h5,h6 { color: #d03f4c; }
.btn { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
#fullpage { height:100%; background:url(../images/main-bg.jpg) no-repeat center center fixed #000000; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position:relative; padding:63px 0; }
#fullpage .logo-wrapper { position: absolute; width: 500px; padding: 30px; background: #000; top: 50%; left: 50%; margin-left: -250px; margin-top: -179px; }
#fullpage .logo-wrapper .btn-primary { background: #d03f4c; border-color: #d03f4c; padding: 13px; margin-top: 18px; width: 100%; }
#fullpage .logo-wrapper .btn-primary:hover, #fullpage .logo-wrapper .btn-primary:active, #fullpage .logo-wrapper .btn-primary:focus { background: #383838; border-color: #383838;}
#fullpage .hero, #fullpage .row, #fullpage .col-sm-6 { height:100%; }
#fullpage .table { display:table; }
#fullpage .table .col-sm-6 { display:table-cell; float:none; vertical-align: middle; padding:0 3em; }
.issue-caption { max-width:350px; text-align:center; margin:0 auto; }
.issue-caption p { font-size: 2em; color: #FFF; line-height: normal; margin: 0; }

.page-border { background: url(../images/pattern-border.jpg) repeat 0 0 #1e1f20; height:63px; width:100%; position:absolute; }
.page-border.top { top:0; }
.page-border.bottom { bottom:0; }

.menu-wrapper { display:none; }
.menu-wrapper.active { display:block; position:fixed; z-index:50; background:#000; top:0; bottom:0; right:0; left:0; overflow-y:auto; padding:5em; }

#menu ul { margin:0; padding:0; list-style:none; }
#menu ul li { padding:0 1.5em 1.5em;}
#menu ul li a { font-size: 2.5em; color: #fff; font-weight: 300; text-decoration:none; position:relative; }
#menu ul li:hover a:after { content: ''; position: absolute; height: 1px; background: #ffffff; right: -15px; left: -15px; top: 50%; margin-top: .5px; }
#menu-button {
	display: block;
	position: fixed;
	right: 30px;
	top: 30px;
	width: 48px; height:41px;
	z-index: 999;
	box-shadow: inset 0 0 0 0 rgba(200,95,66, 0.4), inset 0 0 0 24px rgba(0,0,0,0.6), 0 0 0 rgba(0,0,0,0.1);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
	padding:10px;
	cursor:pointer;
	z-index:99;
}
#menu-button:hover { box-shadow: inset 0 0 0 110px rgba(255,255,255, 0.4), inset 0 0 0 25px rgba(255,255,255,0.9), 0 1px 2px rgba(255,255,255,0.1); }
#menu-button:hover span { background:#000000; }
#menu-button span {
	display:block;
	backface-visibility: hidden;
	background: #ffffff;
	height: 2px;
	margin: 4px auto;
	transition: all 0.3s ease 0s;
}
#menu-button.on .one {
	-webkit-transform: rotate(45deg) translate(5px, 5px);
	-moz-transform: rotate(45deg) translate(5px, 5px);
	-ms-transform: rotate(45deg) translate(5px, 5px);
	-o-transform: rotate(45deg) translate(5px, 5px);
	transform: rotate(45deg) translate(5px, 5px)
}
#menu-button.on .two {
	opacity: 0
}
#menu-button.on .three {
	-webkit-transform: rotate(-45deg) translate(7px, -8px);
	-moz-transform: rotate(-45deg) translate(7px, -8px);
	-ms-transform: rotate(-45deg) translate(7px, -8px);
	-o-transform: rotate(-45deg) translate(7px, -8px);
	transform: rotate(-45deg) translate(3px, -4px);
}

#content { padding-top:2.5em; }

ul.bullet { padding-left: 22px; list-style:circle; }

.arabic-eat { position:relative; display:inline-block; margin:45px 0 30px; min-width:150px; text-align:center; text-transform:uppercase; }
.arabic-eat span, .arabic-eat em { font-family: 'Roboto Slab', serif; font-size: 24px; display: block; text-transform:none; font-style: italic; font-weight: 300; }
.arabic-eat.bottom-line-only:before { display:none; }
.arabic-eat:after { top:-30px; content:''; background:url(../images/heading-bottom-pattern.png) no-repeat 0 0;  }
.arabic-eat:after { position:absolute; width:150px; height:26px; left:50%; margin-left:-75px; }
.wrapper-heading-logo { display: inline-block; }
.venue-logo img { margin: 0 auto; }

.venue-frame { border:2px solid #929292; padding:2px; position:relative; margin:15px 0; }
.venue-frame .inside-frame { border:1px solid #b6b6b7; display: table; width: 100%; min-height: 116px; }
.venue-frame .inside-frame a { padding: 30px; text-align: center; font-size: 1.1em; display:block; text-decoration:none; color:#333; text-transform:uppercase; height: 100%; display: table-cell; width: 100%; vertical-align: middle; }
.venue-frame .inside-frame a em { display: block; font-size: 80%; font-style: italic; }
.venue-frame .inside-frame .corner { height:25px; width:25px; position:absolute; background-position:0 0; background-repeat:no-repeat; }
.venue-frame .inside-frame .corner.top-right { top:-2px; right:-2px; background-image:url(../images/frame-corner-top-right.png); }
.venue-frame .inside-frame .corner.bottom-right { bottom:-2px; right:-2px; background-image:url(../images/frame-corner-bottom-right.png); }
.venue-frame .inside-frame .corner.top-left { top:-2px; left:-2px; background-image:url(../images/frame-corner-top-left.png); }
.venue-frame .inside-frame .corner.bottom-left { bottom:-2px; left:-2px; background-image:url(../images/frame-corner-bottom-left.png); }

.meet-the-chef { }
.meet-the-chef .box-heading { font-size: 15px;font-weight: 600;color: #fff; background: #d03f4c; padding: 8px 14px; margin: 16px 0 0 0; display: inline-block; }
.meet-the-chef .image-chef { float:left; width:200px; margin:0 15px 15px 0; }

.booknow { position:relative; background:#d03f4c; color:#fff; margin: 35px 0 0 0; padding:22px; }
.booknow p { font-size:1em; line-height:1.5em; color:#fff; }
.booknow h3.main { background:url(../images/booknow-icon.jpg) no-repeat top center; padding-top: 80px; color: #fff; text-transform: uppercase; margin-top: 0; padding-bottom: 14px; border-bottom: 4px dotted #f7b4ba; margin-bottom: 18px; text-align: center; }
.booknow a { color:#fff; }

.needtoknow { border:2px solid #929292; padding:2px; position:relative; margin-top: 35px; }
.needtoknow p { font-size:1em; line-height:1.5em; }
.needtoknow .inside-wrapper { border:1px solid #b6b6b7; padding:20px; }
.needtoknow .corner { height:25px; width:25px; position:absolute; background-position:0 0; background-repeat:no-repeat; }
.needtoknow .corner.top-right { top:-2px; right:-2px; background-image:url(../images/frame-corner-top-right.png); }
.needtoknow .corner.bottom-right { bottom:-2px; right:-2px; background-image:url(../images/frame-corner-bottom-right.png); }
.needtoknow .corner.top-left { top:-2px; left:-2px; background-image:url(../images/frame-corner-top-left.png); }
.needtoknow .corner.bottom-left { bottom:-2px; left:-2px; background-image:url(../images/frame-corner-bottom-left.png); }
.needtoknow h3.main { background:url(../images/package-icon.jpg) no-repeat top center; padding-top: 80px; color: #d03f4c; text-transform: uppercase; margin-top: 0; padding-bottom: 14px; border-bottom: 4px dotted #7f7f7f; margin-bottom: 18px; text-align: center; }
.needtoknow .times, .needtoknow .prices, .booknow, .getintouch { margin-bottom:22px; }

#footer { padding: 2em 0; color: #888888; font-size: 16px; text-align: center; background: #1e1f20; }
.copyright { font-size:.8em; font-weight:100; }

.retro-button-wrapper { position:relative; min-height: 37px; margin-top: 25px; }
.button.retro {
	background:#000; position:relative; color: #fff; font-size: 19px; padding: 9px 18px; z-index:2; position:absolute; width:100%; left:0;
}
.ui-animate-3d { outline: 1px solid transparent; background-color: #000;position: absolute;
-webkit-transform: perspective(200px) rotateY(9deg) rotateX(-3deg) translateX(6%) translateZ(-10px) scale(1.05);
  transform: perspective(200px) rotateY(9deg) rotateX(-3deg) translateX(6%) translateZ(-10px) scale(1.05); left:-15px; right:-15px; top: -6px; bottom: -8px; z-index:1;
}
.retro-button-wrapper:hover .ui-animate-3d {
  -webkit-transform: perspective(200px) rotateY(-5deg) rotateX(-3deg) translateX(-5%) translateY(2%) translateZ(-20px) scale(1.1);
  transform: perspective(200px) rotateY(-5deg) rotateX(-3deg) translateX(-5%) translateY(2%) translateZ(-20px) scale(1.1); }
.ui-animate-300-cubic {
  -webkit-transition: all 0.3s cubic-bezier(0.16, 0.53, 0.15, 0.99) 0s;
  -moz-transition: all 0.3s cubic-bezier(0.16, 0.53, 0.15, 0.99) 0s;
  -ms-transition: all 0.3s cubic-bezier(0.16, 0.53, 0.15, 0.99) 0s;
  -o-transition: all 0.3s cubic-bezier(0.16, 0.53, 0.15, 0.99) 0s;
  transition: all 0.3s cubic-bezier(0.16, 0.53, 0.15, 0.99) 0s; }
  .collage { max-width: 300px; width: 100%; padding: 5px; background: #212121; float: left; margin-top: 25px; list-style:none; }
  .collage ul { padding:0; margin:0; }
  .collage ul li { float:left; width:50%; padding:5px; }
  .collage ul li img { float:left; }
#venues { margin-bottom: 50px; }

@media only screen and (max-width: 767px) {
	#menu ul li a { font-size: 1.5em; }
}



@media (min-width: 300px) { .collage{ max-width: 100%;} #fullpage .table{ margin:auto; } #fullpage .table .col-sm-6 { display:block !important;height:auto;padding:2em; } #fullpage .table .col-sm-6 img{ display:inline-block;text-align:center; } .needtoknow{text-align:center;} .venue-frame .inside-frame a{padding:0;} #fullpage { height: 100vh; width: 100%; } #fullpage .logo-wrapper { width: 300px; margin-left: -150px; margin-top: -135px; } .venue-frame .inside-frame a { padding: 5px; font-size: 1em; }}
@media (min-width: 576px) { #fullpage { height: 100vh; width: 100%; } #fullpage .logo-wrapper { width: 350px; margin-left: -175px; margin-top: -155px; } .venue-frame .inside-frame a { padding: 5px; font-size: 1em; }}
@media (min-width: 768px) {  #fullpage { height: 100vh; } }
@media (min-width: 992px) {  #fullpage { height: 100vh; } }
@media (min-width: 1200px) {  #fullpage { height: 100vh; } }