@import url('//fonts.googleapis.com/css?family=Lobster+Two:400,700|Roboto:400,700,900&display=swap');


/*-------Reset----------------------------------------------------------------------------------------*/
a, abbr, acronym, address, applet, article, aside, audio,b, blockquote, big, body,center, canvas, caption, cite, code, command,datalist, dd, del, details, dfn, dl, div, dt, em, embed,fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html,i, iframe, img, ins,kbd, keygen,label, legend, li, meter,nav,object, ol, output,p, pre, progress,q, s, samp, section, small, span, source, strike, strong, sub, sup,table, tbody, tfoot, thead, th, tr, tdvideo, tt,u, ul, var{background: transparent;border: 0 none;font-size: 100%; margin: 0;padding: 0;border: 0;outline: 0;vertical-align: top;  }ol, ul {list-style: none;}blockquote,q {quotes: none;}img {vertical-align:top; }embed { vertical-align:top;}
/*---------------------------------------------------------------------------------------------------*/


html,body {height: 100%; margin: 0; padding: 0;}
body {margin:0px; letter-spacing:1px;   background:#000; color: #fff; font-family: 'Roboto', sans-serif; font-weight: normal !important; font-size:15px; line-height:2em;  overflow-x:hidden; font-family: Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5{    margin-bottom:15px; padding:5px 0 5px 0; font-style:italic; letter-spacing:1px;  max-width:100%; margin:auto !important; font-weight:900 !important; color:#fff; font-family: 'Lobster Two', cursive;}
h1{font-size:4em; line-height: normal;  margin:25px 0 25px 0; margin: auto;  background:url(../images/header-bg.png) bottom center no-repeat; }  
h1 span{color:#fa9719}
h2{font-size:1.7em; line-height: normal;   padding:5px 0 5px 0 !important; text-align:left; margin:5px 0 25px 0; font-family: 'Lobster Two', cursive; line-height: 48px;}

h3{font-size:2em; line-height: normal;  margin:25px 0 25px 0; margin: auto;}
h4{font-size:1.6em; line-height: normal;  margin:25px 0 25px 0; margin: auto;}
h5{font-size:1.3em; line-height: normal;  margin:25px 0 25px 0; margin: auto;}
a{-webkit-tap-highlight-color: rgba(255, 255, 255, 0); color:#37b1da} 
a { display: inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
a:hover, a:focus { color: white !important; background: none}	
.mobile-menu{position:absolute; z-index:1000; top:0px; right:0px; display:none;  padding:7px; width:85px; height:50px; cursor:pointer;  }
.mobile-menu em{font-size:16px; color:#fff; font-style:normal; float:right; margin-top: -1px;}
section{ position:relative; padding:70px 0 70px 0; max-width:100%; }
.header{ position:absolute; width:100%;  z-index:10; background:url(../images/header-bg.png) top repeat-x; height: 150px !important;}
.container{ position:relative; max-width:1180px; margin:auto; padding:30px 0 30px 0; clear:both;  }

.close, .close:hover{ position:absolute; z-index:2000; left:-50px; background:#6a6967;  display:block !important; margin-top: -2px !important; font-size:28px !important; text-decoration:none; padding:12px 0px 8px 0px !important; text-align:center !important;  width:40px; color:#fff; }

.logo { float:left; clear: both; position: absolute; z-index: 0; top: 80px;}
.logo em{ font-size:2.5em;   display:block; margin-top:20px;}
.logo img{ position:relative; top:80px; width:400px; height:auto; max-width:100% }

.copy { text-align:center; padding:10px 0 10px 0;; font-size:12px; text-transform:none; color:#111; text-transform:uppercase; font-size:11px; background:#58c5c4; line-height: normal; background-image:linear-gradient( to right,   #acf2c3, #58c5c4, #6c7fb7);}
.footer{ position:relative; color:#111 !important;  min-height:100px; padding-bottom:30px; background: #58c5c4 ; letter-spacing:0;   padding-top:20px;  font-weight:600 !important; font-size:15px;
background-image:linear-gradient( to right,   #acf2c3, #58c5c4, #6c7fb7);  }
.footer a{ color:#d82a2c; text-decoration:none }
.footer a:hover{ color: #222 !important; }
.footer strong{color:#fada76; font-family: 'Lobster Two', cursive; font-weight:normal; line-height:normal !important; font-size:22px; display:block; margin:0; padding:0;}
.footer address{ padding-bottom:0px; margin-bottom:20px;  font-style:normal; width:80%; }
.footer h2{ color:#d82a2c; font-size:3.6em; margin-bottom:30px !important;}
.footer h3{color:#111;}
.footer span{ display:block; width:150px; border-bottom:1px solid #4de3e2; font-size:12px; line-height: 22px;}
.footer span em{ display:inline-block; float:right;}
.footer p { margin: 10px 0 10px 0 !important; line-height:26px; padding:0; width:100%; margin:auto; text-align:left;}

.footer .read-more{ position:relative;  line-height: 49px;  font-size:17px; height:50px; margin-bottom: 20px;  text-decoration: none;  color: #f8da77; padding:0px 23px 0px 23px; text-shadow:none; background: url(../images/bt1.png) 0 0px ; border-radius:2px; font-family: 'Lobster Two', cursive;}
.footer .read-more:hover{ opacity:1 !important; background: url(../images/bt1.png) 0px -49px ;
animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both; transform: translate3d(0, 0, 0); backface-visibility: hidden; perspective: 1000px;  color: #f8da77 !important;}

.bullets li{ position:relative; list-style:inside; font-size:14px; text-align:left; list-style: none; background:url(../images/bullets.png) center left no-repeat;  margin-bottom:5px; border-radius: 2px; line-height:normal; padding: 5px 5px 5px 15px; color:#ccc; text-transform:uppercase;}
.bullets li a{ text-decoration:underline;}
.bullets li a:hover{ color:#76b21d; }


@keyframes shake {

0%, 10% {
transform: translate3d(0px, -3px, 0);
}

0%, 40% {
transform: translate3d(0px, 0px, 0);
}
}

.read-more{ position:relative;  line-height: 49px;  font-size:17px; height:50px;  text-decoration: none;  color: #f8da77; padding:0px 23px 0px 23px; text-shadow:none; background: url(../images/bt.png) 0 0px ; border-radius:2px; font-family: 'Lobster Two', cursive;}
.read-more:hover{ opacity:1 !important; background: url(../images/bt.png) 0px -49px ;
animation: shake 0.2s cubic-bezier(.36,.57,.9,.97) both; transform: translate3d(0, 0, 0); backface-visibility: hidden; perspective: 1000px; }
 
.home .content {  background:url(../images/home-content-bg.jpg) center center; background-size:cover; }
.home .content .one_half .two_third { width:77%}
.inner .content .one_half .two_third { width:77%}
.inner .content {background:url(../images/inner-content-bg.jpg) center center; }
#food-1{position: absolute; z-index:1; height:auto; max-width:675px; width:100%; top:-200px;}
#food-2{position: absolute; z-index:2; height:auto; max-width:355px; width:50%; top: -60px; right:10%; margin: auto; display: block;}
#food-3{position: absolute; z-index:2; height:auto; max-width:449px; width:50%; top: 0px; right:0%; margin: auto; display: block;}
#food-4{position: absolute; z-index:2; height:auto; max-width:704px; width:35%; top: 10%; left:-250px; margin: auto; display: block;}
#food-5{position: absolute; z-index:2; height:auto; max-width:225px; width:35%; top: 60%; right:0%; margin: auto; display: block;}
.apply-container{position: absolute; z-index:3; left:50px; top:0px; width:167px; height:159px}
.apply-container span{ text-align:center; display:block; line-height:normal; position:absolute; z-index:3; /*margin:55px 0 0 35px;*/ color:#fff; font-weight:bold; margin: 55px 0 0 55px;}
#apply{ animation: rotation 5s infinite linear; opacity:0.9}
@keyframes rotation { from { transform: rotate(0deg); } to { transform: rotate(359deg);}}
.apply-container:hover a{filter: hue-rotate(40deg); }
.promotions{ max-width:992px; margin:auto}
#promotions{ position:relative}
#promotions .one_half { max-width:496px}
#promotions .one_half img{ max-width:100%; height:auto}

#menu{max-width:950px; }
.menu{width:950px; height:auto;  margin:auto; box-shadow:1px 1px 100px #111; border: 5px solid #eee;border-image: url(../images/border5.png) 13 13 13 13 repeat;}
.menu img{max-width:950px; height:auto; width:100%;}

.home .menus{ position:relative; background:#48b9b8 url(../images/home-menus-bg.jpg) bottom left no-repeat; background-size:cover; padding-bottom:0;  height:700px;
-webkit-transition: all ease-out .5s;
-moz-transition: all ease-out .5s;
-o-transition: all ease-out .5s;
 transition: all ease-out .5s;}
.menus p{ font-size:17px; color:#111; text-align:center; max-width:100%; padding:0;}
.menus h2 {margin-top: 70px !important; text-align:center; color:#111; border:0;  }
#specials{ position:relative; top:0px; max-width: 394px; height: auto; width:100%;}
#main-menu{ position:relative; top:70px; max-width: 497px; height: auto; width:100%; float:right}
.home .menus a:hover{margin-top:-15px; background:none; filter: hue-rotate(-20deg);}
.testimonials{ background:#080905 url(../images/testimonials.jpg); background-size:cover; color:#fff;  }
.testimonials h2{ font-size:2.5em; color:#e9cd70; margin-bottom:70px !important;}
.testimonials .one_third{ background:url(../images/testimonials.png) 0px 30px no-repeat}
.testimonials p{ max-width:80%; margin:auto !important}
.testimonials strong{ color:#e9cd70}
.testimonials p.center{ margin-top:40px !important ;}
.testimonials img{ margin:30px 0 10px 20px}

p{ margin:15px 0 15px 0 !important; padding:0 30px 0 0; max-width:96%; margin:auto }
hr{ border:0; background:none; clear:both; height:0; margin:0; padding:0;}
.center{ text-align:center; padding:0 !important }
.left{ float:left !important; margin-right:15px; margin-bottom:15px;}
.right{ float:right !important; margin-left:15px; margin-bottom:15px;}
.align-right{ text-align:right;}
.block{ display:block}
strong{ font-weight:600; margin-bottom:5px; }
.fixed{ position:fixed !important; width:100%; left:0; top:-50px; z-index:100}
.fixed .logo img{  }
.fixed .social{ position: absolute; bottom:-10px; left:0; text-align: right}
.fixed .nav{ margin-top:20px;}
.fixed .nav li{ width:14%; text-align:center }
.fixed .nav li div{top:70px}
.fixed .nav img{ width:110px}
.fixed  .three_fourth{width:100%}
.nav {  width:auto; min-height: 35px; position:relative; right:0; top: 0px; position:relative; z-index:100; } 
.nav  li {float:left; 
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
transition-duration: 0.3s;}
.active{ background: url(../images/bt.png) 0px 0px repeat-x;  border-radius: 3px;}
.nav  li a { position:relative; display: block;  line-height: 49px; font-weight:900; font-size:12px; height:auto; font-family: 'Roboto', sans-serif; text-decoration: none; text-transform:uppercase; color:#fff; padding:0; letter-spacing:0; }
.nav  li a img{ width:100%; height:auto; max-width:160px;}
.nav  li a:hover{ margin-top:-5px; background:none; filter: hue-rotate(-30deg);}
.nav li div{ position:absolute; z-index:1000; top:100px; width:180px; min-height:30px;  display:none;border-top:0; padding:0;}
.nav li:hover div{display:block}
.nav li div a{display:block; text-align:left; opacity:0.9; border:0px solid #31ce7f; line-height:64px; height: 64px;  font-size:12px !important;  text-transform:uppercase; letter-spacing:normal; padding:0; background:none; font-weight:normal}
.nav li div a img{ max-width:64px; height:auto; float:left;}
.nav li div a:hover{ line-height:64px; height: 64px; margin-top:0px; opacity:1}

.nav div a:nth-child(1){ background:#a0763b}
.nav div a:nth-child(2){ background:#5c5259}
.nav div a:nth-child(3){ background:#5b0e04}
.nav div a:nth-child(4){ background:#352f32}
.nav div a:nth-child(5){ background:#791a1d}



#nav-icon1 { display:block; width: 45px; height: 45px; position: relative; margin: 0px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer;}
.mobile-menu{-webkit-tap-highlight-color: rgba(255, 255, 255, 0); background-color: transparent }
#nav-icon1 span{ display: block; position: absolute; height: 3px; width: 50%; background: #fff; border-radius: 9px; opacity: 1; left: 0;-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;  
}
#nav-icon1 span:nth-child(1) {
  top: 3px;
}
#nav-icon1 span:nth-child(2) {
  top: 13px;
}
#nav-icon1 span:nth-child(3) {
  top:22px;
}
#nav-icon1.open span:nth-child(1) {
  top: 10px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}
#nav-icon1.open span:nth-child(3) {
  top: 12px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

/*
@keyframes shake {
10%, 90% {
transform: translate3d(-1px, 0, 0);
}
20%, 80% {
transform: translate3d(2px, 0, 0);
}
30%, 50%, 70% {
transform: translate3d(-4px, 0, 0);
}
40%, 60% {
transform: translate3d(4px, 0, 0);
}
}
*/

.item{margin-bottom:10% !important; }
.item img{ width: auto; height:auto}
#gallery .item a img{display:block; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; width:100%; -moz-transform: scale(1.01); -webkit-transform: scale(1.01); transform: scale(1.01); color:#000; text-decoration:none !important; }
#gallery .item a{padding:0;  cursor: url(../images/cursor.png), auto; text-decoration:none; }
#gallery .item:hover a img{ -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);position: relative; opacity:0.8; }
#gallery .item{ overflow:hidden; background: url(https://www.youramys.com/images/glass.png) center center no-repeat; float:left;
border: 5px solid #eee;border-image: url(../images/border5.png) 13 13 13 13 repeat;}
.size-1of3 { width: 31.3%; margin:1% !important; float:left}
@media screen and (min-width: 460px) {#gallery[data-columns]::before {
 content: '3 .column.size-1of3'; }}
 
@media all and (max-width: 1650px) { 
.logo {top: 80px ; left:5px;  }
.logo img{max-width:320px;}
}
 
@media all and (max-width: 1525px) {
p {margin: 10px 0 10px 0;}
.header-info .one_fourth{font-size: 1.5em;}
h1, h2, h3, h4, h5{  max-width:97%; margin:auto !important}
.contact .container h3{max-width:100%;}
}
@media all and (max-width: 1450px) {
.hide{display:none !important}
.full{width:100% !important;}
em{margin-left:10px; display:block}
#food-4{max-width:704px; width:35%; top: 20%;}
#food-5{max-width:225px; width:15%; top: 60%;}
}

@media all and (max-width: 1380px) {
.menus h2 {  margin-top: 0px !important;}
.inner .content { padding-top: 40px;}
}

@media all and (max-width: 1327px) {
.one_fifth  {width: 19.5%; padding: 0%;}
p { margin: 15px 0 15px 0 !important; padding: 0 0px 0 0; max-width: 100%; margin: auto !important;}
.footer .container{ max-width:96%;}
#wrapper{ overflow:hidden; max-width:100%;}
}

@media all and (max-width: 1280px) {
.logo{ float:none; top: 80px;}
.home .menus { background:#6CC}
.home .menus .one_third, .home .menus .two_third{ width:100%;}
.home .menus .one_third{ display:none}
.home .menus img{ display:block; margin:auto}
}

@media all and (max-width: 1207px) {
.camera_caption span {font-size: 1em !important; line-height:normal;}
.mobile-menu{display:block; left:0; top:5px;}
.nav-container{left:-100%;}
.nav { position: fixed; z-index:100000; background:#37353d;  display: block; overflow-y: auto !important; margin-top:0px; left:0; top:48px !important; max-width:80%; height:auto !important;  } 
.nav  li { position:relative;  display:block; width:100% !important; padding:0;   line-height:45px; height: auto; margin:0;}
.nav li a{  line-height:45px;color:#fff; font-weight:bold;text-align:left !important; text-align:center;  padding:0 0 0 0px; margin:0; }
.nav li a:hover{ color:#000; background: #333 !important; top:0}
.nav li a img{ margin:auto; display:block;}
.nav  li div{ width:100%; top:100px;  padding:0 !important;  border:0 !important;  background:#37353d !important}
.nav  li div a{  line-height: 66px; height: 66px; padding-left:0; color:#fff; text-align:center !important }
.nav  li div a img{ position:relative; width:50px; height:auto; display:inline-block; top:10px;}
.nav  li div li ul{position: relative; width:100%; left:0; background:#333 !important;}
.nav  li div li ul li a{background:#666 !important; margin:0;}
.nav  li div .one_fourth { top:0; }
.nav-container{position:absolute; width:100%;  height:590px !important; overflow: scroll;}
.fixed{ top:0; min-height:10px; height:auto;  height: 45px; position:absolute}
.fixed .nav{ float:right; margin-top:0px;}
.header{ position:absolute !important}
.header .three_fourth{ position:relative; top: -40px; z-index:10; width:100%;  float:none; text-align:center; margin:0;}
.header .one_fourth{ width:100%; float:none; text-align:center; top: -40px;}
.header .one_fifth { max-width: 170px;}
.header .container{ padding:0; margin:0}
.logo img { max-width: 320px;}
.overflow{ overflow:hidden}
.nav li:nth-child(1){ background:#a0763b}
.nav li:nth-child(2){ background:#5c5259}
.nav li:nth-child(3){ background:#5b0e04}
.nav li:nth-child(4){ background:#352f32}
.nav li:nth-child(5){ background:#791a1d}
.nav li:nth-child(6){ background:#d48924}
.nav li:nth-child(7){ background:#0f0f0f}
.logo { width: 100%;text-align: center; }
}

@media all and (max-width: 1130px) {	
.nav li a {padding: 0 25px 0 25px;}
}

@media all and (max-width: 1080px) {
.footer .container { max-width: 98%;}
.nav li a {padding: 0 22px 0 22px;}	
.footer{ letter-spacing:0;}
#food-4{display:none}
#food-5{display:none}
.menu img{max-width:950px; height:auto; width: 100%;}
.container{width: 98%;}
.header .container {  width: 100%;}
}

@media all and (max-width: 980px) {	
.nav li a {padding: 0 17px 0 17px;}
.home .menus .one_half a{ width:50%; float:left;}
.menu { width: 950px; height: auto;  max-width: 96%;}
.home .content .one_half .two_third { width: 87%;}
.inner .content .one_half .two_third { width: 87%;}
}

@media all and (max-width: 800px) {
.footer {text-align:center }
.footer h3{text-align:center}
.footer address{ margin:auto}
.footer h4{text-align:center}
.footer p{width: 80%;margin: auto !important;}
#food-1{ position:relative; top:0}
#food-2{ position:absolute; top: 30%;}
p, .testimonials p {max-width: 92%;}
.testimonials img{display:block; margin:30px auto 10px}
.testimonials { text-align:center}
.footer span{ margin:auto}
.footer h2{ text-align:center}
#food-3 { position: absolute;  z-index: 0;  height: auto;  max-width: 249px; width: 50%; top: -200px;  right: 0%; margin: auto; display: block;}
#contact{ position:relative; z-index:1}
#promotions .one_half { margin:auto; float:none; margin-bottom:0}
#promotions .right{ margin-bottom:0}
.home .menus{ height:auto}
#specials{margin-top: 30px;}
.home .content p{margin-bottom: 25px !important;}
#main-menu { float: none;}
}

@media all and (max-width: 760px) {
.links{ position:relative; z-index:1000;}	
.mobile-menu{top:7px !important; right:0px;}
.container{padding: 10px 0 30px 0;}
}

@media all and (max-width: 660px) {		
.camera_caption{font-size:1.1em !important; }
.mobile-menu {right: 0px;}
.camera_caption p { line-height: 1.4em;}
.camera_caption p { font-size: 14px !important;}
#main-menu {  position: relative; top: 0px;}
.menus{height:auto !important}
}

@media all and (max-width: 580px) {
h1{ font-size:3.3em;}
h2{ font-size:2.8em;}
h3{ font-size:2.4em;}
h4{ font-size:2.2em;}
.inner .content { padding-top: 20px;}
}

@media all and (max-width: 440px) {
.camera_caption p { font-size: 0.9em !important; line-height: 1.3em;}
.size-1of2 { width: 48%; margin:1% !important; float:left}
#gallery[data-columns]::before { content: '2 .column.size-1of2'; }
.testimonials h2 { font-size: 2em;}
}

@media all and (max-width: 400px) {
.camera_caption h4 {font-size: 2em !important;}
.camera_caption{position:absolute;  z-index:10; text-align: center; width:100%; bottom: 18%;} 
.logo img{ max-width:300px;}
.logo {left: 0;}
}