/* Customization can start here. */
.video-banner {
  width: 100%;
  height: 2000px;
  display: block;
  overflow: hidden;
  position: absolute;
}
.video-banner video {
  position: absolute;
  z-index: 20;
  top: 0px;
  left: 0px;
  width: 100%;
}
img.banner-background {
  position: absolute;
  z-index: 10;
  background-position: center center;
  top: 0px;
  left: 0px;
  width: 100%;
}
.cycle-prev {
  position: absolute;
  z-index: 999;
  cursor: pointer;
  top: 0;
  left: 0;
  width: 50px;
  height: 100%;
  background-color: #222;
  opacity: 0.6;
}
.cycle-next {
  position: absolute;
  z-index: 999;
  cursor: pointer;
  top: 0;
  right: 0;
  width: 50px;
  height: 100%;
  opacity: 0.6;
  background-color: #222;
}
.cycle-prev span,
.cycle-next span {
  font-size: 45px;
  color: #FFF;
  display: block;
  position: absolute;
  top: 43%;
  z-index: 99999;
}
.cycle-prev span {
  left: 20px;
  width: 11px;
  height: 18px;
  background: url(../images/polygon-left.png) 0 0 no-repeat;
}
.cycle-next span {
  left: 20px;
  width: 11px;
  height: 18px;
  background: url(../images/polygon-right.png) 0 0 no-repeat;
}
/* Hide On Desktop.
=============================================================================== */
#header-top-right-mobile {
  display: none;
}
/* CSS3 Gradient.
=============================================================================== */
#main-wrap {
  position: relative;
  z-index: 100;
  height: 100%;
  overflow-x: hidden;
  width: 100%;
  background: transparent;
}
/* Generic
=============================================================================== */
header {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
}
.yuzu-green-txt {
  color: #739118;
}
/* Header Fonts */
h1 {
  font-family: "Fjalla One", sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: black;
  margin: 0;
  padding: 0;
}
/* END Header Fonts */
.clear {
  clear: both;
  margin: 0;
  padding: 0;
  display: block;
}
p.additional-widget-text {
  font-size: 15px;
  font-weight: bolder;
  padding: 0;
  text-align: center;
  position: relative;
}
a.additional-contact-us {
  text-transform: none !important;
  font-size: 15px !important;
  font-weight: bolder;
  display: inline-block !important;
  text-decoration: none;
  font-size: 14px;
  color: black;
}
.additional-wdiget-text a:hover {
  color: #739118;
}
/* Sidebar 
=============================================================================== */
#sidebar-menu,
#sidebar-menu-bg {
  position: absolute;
  display: none;
  top: 0;
  right: -285px;
  height: 100%;
  width: 285px;
  margin: 0;
  padding: 0;
  z-index: 100;
  background-color: #202020;
}
#sidebar-menu-bg {
  position: fixed;
  z-index: 99;
  width: 302px;
}
#sidebar-menu .close-sidebar span {
  display: block;
  font-size: 20px;
  margin: 25px 25px 50px 0;
  padding: 0;
  text-transform: uppercase;
  text-align: right;
  cursor: pointer;
  letter-spacing: 2px;
  color: #999999;
}
#sidebar-menu .close-sidebar span:hover {
  color: #fed34f;
}
/* WP NAV Styling */
div.main-menu-container {
  position: relative;
  margin: 0;
  padding: 0;
}
div.main-menu-container ul {
  display: block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
div.main-menu-container ul > li {
  display: block;
  border-bottom: 1px solid #333;
  margin: 17px 0 17px 0;
  padding: 0px 0 15px 25px;
}
div.main-menu-container ul > li.current-menu-item > a {
  margin: 0;
  padding: 2px;
  color: #000;
  background-color: #fed34f;
}
div.main-menu-container ul > li > a {
  text-decoration: none;
  font-size: 14px;
  color: #FFF;
  margin: 0;
  padding: 0;
}
div.main-menu-container ul > li > a:hover {
  padding: 2px;
  margin: 0;
  color: #000;
  background: #fed34f;
}
div.main-menu-container ul.sub-menu > li {
  display: block;
  border-bottom: 0;
  margin: 10px 0 10px 0;
  padding: 0;
}
div.main-menu-container ul.sub-menu > li:last-child {
  margin-bottom: 0;
}
div.main-menu-container ul.sub-menu > li > a {
  margin: 0;
  padding: 0;
}
div.main-menu-container ul.sub-menu > li > a:hover {
  padding: 2px;
  margin: 0;
  background: #fed34f;
}
#sidebar-menu .close-sidebar span:hover {
  color: #fed34f;
}
/* END WP NAV Styling */
/* Social Network */
div.social-network {
  border-bottom: 1px solid #333333;
  padding: 0 0 15px 0;
}
div.social-network ul {
  list-style-type: none;
  margin: 0;
  padding: 0 0 0 28px;
  display: inline-block;
}
div.social-network ul > li {
  display: inline-block;
  margin: 0;
  padding: 0;
}
div.social-network ul li a {
  margin-right: 3px;
}
div.social-network ul > li a.facebook-sidebar {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../images/bg-sprite.png) -262px -95px no-repeat;
}
div.social-network ul > li a.facebook-sidebar:hover {
  background: url(../images/bg-sprite.png) -262px -129px no-repeat;
}
div.social-network ul > li a.twitter-sidebar {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../images/bg-sprite.png) -385px -95px no-repeat;
}
div.social-network ul > li a.twitter-sidebar:hover {
  background: url(../images/bg-sprite.png) -384px -129px no-repeat;
}
div.social-network ul > li a.instagram-sidebar {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../images/bg-sprite.png) -304px -95px no-repeat;
}
div.social-network ul > li a.instagram-sidebar:hover {
  background: url(../images/bg-sprite.png) -304px -129px no-repeat;
}
div.social-network ul > li span.st_sharethis_custom {
  margin-right: 3px;
  cursor: pointer;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../images/bg-sprite.png) -345px -95px no-repeat;
}
div.social-network ul > li span.st_sharethis_custom:hover {
  background: url(../images/bg-sprite.png) -344px -129px no-repeat;
}
/* END Social Network */
div.copyright-text span {
  color: white;
  display: block;
  font-size: 12px;
  padding: 0 0 0 25px;
  margin: 25px 0 0 0;
}
/* Sidebar Left */
div#sidebar-left {
  position: relative;
  min-height: 100%;
  height: 100%;
}
div#sidebar-left > a {
  display: block;
}
div#sidebar-left span.home-icon {
  float: right;
  width: 31px;
  height: 25px;
  background: url(../images/bg-sprite.png) -384px -15px no-repeat;
  display: block;
  position: relative;
  top: 68px;
  right: 25px;
  margin: 0;
  padding: 0;
}
div#sidebar-left span.home-icon:hover {
  background: url(../images/bg-sprite.png) -384px -52px no-repeat;
}
div#sidebar-left .scrollDown {
  float: right;
  display: none;
  margin: 0;
  padding: 0;
  position: fixed;
  bottom: 30px;
  margin-left: 201px;
  width: 55px;
  height: 90px;
  background: url(../images/bg-sprite.png) -431px -16px no-repeat;
}
div#sidebar-left .scrollDown:hover {
  background: url(../images/bg-sprite.png) -431px -118px no-repeat;
}
div#sidebar-left .scrollUp {
  float: right;
  display: none;
  margin: 0;
  padding: 0;
  position: fixed;
  bottom: 30px;
  margin-left: 201px;
  width: 55px;
  height: 90px;
  background: url(../images/bg-sprite.png) -510px -17px no-repeat;
}
div#sidebar-left .scrollUp:hover {
  background: url(../images/bg-sprite.png) -509px -118px no-repeat;
}
/* END Sidebar Left */
/* Sidebar Right */
div#sidebar-right span.sidebar-right-findus {
  display: block;
  width: 102px;
  height: 102px;
  background: url(../images/bg-sprite.png) -130px -4px no-repeat;
}
div#sidebar-right span.sidebar-right-findus:hover {
  background: url(../images/bg-sprite.png) -136px -120px no-repeat;
}
div#sidebar-right span.sidebar-right-ourteam {
  display: block;
  width: 102px;
  height: 102px;
  background: url(../images/bg-sprite.png) -13px -492px no-repeat;
}
div#sidebar-right span.sidebar-right-ourteam:hover {
  background: url(../images/bg-sprite.png) -13px -609px no-repeat;
}
div#sidebar-right span.sidebar-right-booknow {
  display: block;
  width: 102px;
  height: 102px;
  background: url(../images/bg-sprite.png) -275px -493px no-repeat;
}
div#sidebar-right span.sidebar-right-booknow:hover {
  background: url(../images/bg-sprite.png) -275px -610px no-repeat;
}
div#sidebar-right span.sidebar-right-contactus {
  display: block;
  width: 102px;
  height: 102px;
  background: url(../images/bg-sprite.png) -402px -492px no-repeat;
}
div#sidebar-right span.sidebar-right-contactus:hover {
  background: url(../images/bg-sprite.png) -402px -609px no-repeat;
}
div#sidebar-right span.sidebar-right-ourmenu {
  display: block;
  width: 102px;
  height: 102px;
  background: url(../images/bg-sprite.png) -144px -492px no-repeat;
}
div#sidebar-right span.sidebar-right-ourmenu:hover {
  background: url(../images/bg-sprite.png) -144px -609px no-repeat;
}
/* END Sidebar Right */
/* Header
=============================================================================== */
#top-logo img {
  width: 70%;
  display: block;
  margin: 0 auto;
}
/* Top Right Corner
=============================================================================== */
.top-container {
  display: block;
  min-height: 40px;
  margin: 45px 0 0 0;
  height: auto;
}
.top-container ul {
  color: black;
  float: right;
  list-style-type: none;
  display: inline-block;
  margin: 0;
  padding: 0;
}
.top-container ul > li {
  display: inline-block;
  margin: 0 100px 0 0;
  padding: 0;
  text-transform: uppercase;
  font-size: 20px;
}
.top-container ul > li > a {
  color: #333;
  text-decoration: none;
  font-weight: 400;
}
.top-container ul > li.findus {
  background: url(../images/bg-sprite.png) -264px -15px;
  height: 24px;
  width: 24px;
  padding: 0 0 0 30px;
  cursor: pointer;
}
.top-container ul > li.findus:hover {
  background: url(../images/bg-sprite.png) -263px -53px;
  height: 24px;
  width: 24px;
  padding: 0 0 0 30px;
  cursor: pointer;
}
.top-container ul > li.findus:hover a {
  color: #fed34f;
}
.top-container ul > li.booknow {
  background: url(../images/bg-sprite.png) -304px -17px;
  height: 24px;
  width: 24px;
  padding: 0 0 0 30px;
}
.top-container ul > li.booknow:hover {
  background: url(../images/bg-sprite.png) -304px -55px;
  height: 24px;
  width: 24px;
  padding: 0 0 0 30px;
}
.top-container ul > li.booknow:hover a {
  color: #fed34f;
}
.top-container ul > li.viewmore {
  background: url(../images/bg-sprite.png) -262px -167px;
  height: 25px;
  width: 25px;
  padding: 0 0 0 30px;
}
.top-container ul > li.viewmore:hover {
  background: url(../images/bg-sprite.png) -262px -203px;
  height: 25px;
  width: 25px;
  padding: 0 0 0 30px;
  cursor: pointer;
}
.top-container ul > li.viewmore a {
  color: #333;
}
.top-container ul > li.viewmore:hover a {
  color: #fed34f;
}
.top-container ul > li span.us {
  padding-left: 35px;
}
.top-container ul > li span.now {
  padding-left: 25px;
}
.top-container ul > li span.more {
  padding-left: 15px;
}
/* Front Page Styling
=============================================================================== */
#container.top-then-left .front-page-content {
  margin-top: -55px;
  margin-left: 20px;
}
@-moz-document url-prefix() {
  #container .content-wrapper {
    margin: 0;
  }
  #container.top-then-left .front-page-content {
    margin: 0;
    position: relative;
    top: -65px;
    left: 20px;
  }
}
#container .front-page-content h1 {
  font-size: 30px;
  font-family: "Fjalla One", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0px;
  color: black;
  margin: 0;
  margin-left: 10px;
  padding: 0;
}
#container .front-page-content p {
  font-size: 58px;
  line-height: 1.1em;
  font-family: "Fjalla One", sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #f9c22d;
  margin: 25px 0 25px 0;
  padding: 0;
}
#container .front-page-content .button {
  text-align: center;
  margin: 5px 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  position: relative;
  left: 11px;
  padding: 50px;
}
#container .front-page-content .button2 {
  text-align: center;
  margin: 5px 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  position: relative;
  left: -11px;
  padding: 50px;
}
#container .front-page-content .button a {
  font-size: 58px;
  line-height: 1.1em;
  font-family: "Fjalla One", sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  color: white;
}
#container .front-page-content .button2 a {
  font-size: 58px;
  line-height: 1.1em;
  font-family: "Fjalla One", sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  color: white;
}
#container .front-page-content .button:hover {
  background-color: rgba(0, 0, 0, 0.9);
}
#container .front-page-content .button2:hover {
  background-color: rgba(0, 0, 0, 0.9);
}
#container .front-page-content .button a:hover {
  color: #fed34f;
}
#container .front-page-content .button2 a:hover {
  color: #fed34f;
}
@media only screen and (max-width: 1024px) {
  #container .front-page-content .button a {
    font-size: 30px;
  }
  #container .front-page-content .button2 a {
    font-size: 30px;
  }
}
@media only screen and (max-width: 767px) {
  #container .front-page-content .button {
    left: 0;
  }
  #container .front-page-content .button2 {
    left: 0;
  }
}
#container .front-page-content ul.home-selection {
  list-style: none;
  margin: 10px 0;
}
#container .front-page-content ul.home-selection li {
  float: left;
  margin-left: 30px;
  font-family: "Fjalla One", sans-serif;
  font-size: 28px;
  color: black;
}
#container .front-page-content ul.home-selection li:first-child {
  margin-left: 25px;
}
#container .front-page-content ul.home-selection li a {
  font-family: "Fjalla One", sans-serif;
  font-size: 28px;
  color: black;
  text-decoration: underline;
  text-transform: uppercase;
}
#container .front-page-content ul.home-selection li a:hover {
  color: #fed34f;
}
#container .front-page-content hr {
  background-color: black;
  color: black;
  border: 0;
  height: 1px;
  margin: 0;
  padding: 0;
  outline: none;
}
#container .front-page-content hr.hr-top {
  margin: 15px 0 20px 0;
}
#container .front-page-content hr.hr-bottom {
  margin: 20px 0 15px 0;
}
#container .front-page-content .addrs-details {
  float: left;
  line-height: 1.2em;
}
#container .front-page-content .addrs-details > p {
  float: left;
  font-weight: bolder;
  font-size: 14px;
  margin: 0 0 5px 10px;
  font-family: "Open Sans", serif;
  background-color: black;
  text-transform: none;
  color: white;
  padding: 2px 3px 2px 3px;
}
#container .front-page-content .addrs-details > p:last-child {
  margin-bottom: 0px;
}
#container .front-page-content .addrs-details > p a {
  color: #fff;
  text-decoration: none;
}
#container .front-page-content .view-our-menu {
  background: url('../images/bg-sprite.png') -142px -241px no-repeat;
  display: block;
  width: 102px;
  height: 102px;
  margin: 10px 0 0 0;
  float: left;
  padding: 0;
}
#container .front-page-content .view-our-menu:hover {
  background: url('../images/bg-sprite.png') -142px -359px no-repeat;
}
#container .front-page-content .agfg-icon {
  border: 0;
  width: 120px;
  height: 90px;
  float: right;
  margin: 11px 0 0 0;
  padding: 0;
}
/* Generic Page Styling
=============================================================================== */
#container .content-wrapper {
  margin-top: 45px;
}
#container .content-wrapper hr.light-green {
  background-color: black;
  width: 100%;
  color: black;
  border: 0;
  height: 1px;
  margin: 15px 0px 30px 0px;
  padding: 0;
  outline: none;
}
#container .content-wrapper hr.black {
  background-color: black;
  width: 100%;
  color: black;
  border: 0;
  height: 1px;
  margin: 15px 0px 30px 0px;
  padding: 0;
  outline: none;
}
/* Custom Two Columns Text */
#container .entry .custom-two-columns-text {
  font-size: 14px;
  line-height: 1.4em;
  column-gap: 25px;
  -webkit-column-gap: 25px;
  -moz-column-gap: 30px;
  column-count: 2;
  -webkit-column-count: 2;
  -moz-column-count: 2;
}
/* END Custom Two Columns Text */
#container .content-wrapper .slogan-quote h2 {
  font-size: 30px;
  color: black;
  text-transform: uppercase;
  line-height: 1.2em;
  font-style: italic;
  font-weight: 300;
  letter-spacing: 1px;
}
#container .content-wrapper .slogan-quote a {
  display: block;
  margin: 15px 0 0 0;
  padding: 0;
  color: #666;
  text-transform: uppercase;
  font-style: italic;
}
#container .content-wrapper .slogan-quote a:hover {
  color: #fed34f;
}
#container .content-wrapper .thumbnails-pics > .thumbnail-1 {
  float: right;
  display: block;
}
#container .content-wrapper .thumbnails-pics > .thumbnail-2 {
  float: left;
  display: block;
  margin: 0 0 23px 0;
}
#container .content-wrapper .thumbnails-pics > .thumbnail-3 {
  float: left;
  display: block;
}
#container .content-wrapper .slideshow-pics {
  margin: 0 0 30px 0;
  padding: 0;
}
/* Our Menu Lists */
div.food-menu-container ul {
  list-style-type: none;
  margin: 0;
  margin-bottom: 25px;
  padding: 0;
}
div.food-menu-container ul li {
  margin: 0 0 15px 0;
  padding: 0;
}
div.food-menu-container ul li a {
  color: #333333;
  font-size: 30px;
  text-decoration: none;
  display: table-cell;
  margin: 0 0 15px 0;
  padding: 0;
}
div.food-menu-container ul li a:hover {
  color: #fed34f;
}
/* End Our Menu Lists */
/* Careers & Promotions Page Style */
div.career-content h2 {
  font-size: 30px;
  color: #f9c22d;
  font-style: italic;
  text-transform: uppercase;
}
div.career-content p {
  font-size: 14px;
  line-height: 1.2em;
}
div.career-content ul.list-square li {
  line-height: 1.2em;
  font-size: 14px;
}
a.apply-now-links {
  font-size: 30px;
  color: #666666;
  margin: 0;
  padding: 0;
  text-decoration: none;
}
a.apply-now-links:hover {
  color: #fed34f;
  text-decoration: underline;
}
/* End Careers & Promotions Page Style */
/* Find Us Page Styling
=============================================================================== */
.entry .find-us-content h2 {
  text-transform: uppercase;
  margin: 0 0 20px 0;
  padding: 0;
  font-size: 30px;
  font-style: italic;
}
.entry .find-us-content p {
  font-size: 13px;
  line-height: 1.3em;
  color: black;
  margin: 0;
  padding: 0;
}
/* WPCF7 Customisation */
#custom-wpcf7-form h2 {
  font-size: 30px;
  text-transform: uppercase;
  font-style: italic;
  color: black;
}
#custom-wpcf7-form label {
  font-size: 13px;
  color: black;
}
#custom-wpcf7-form input[type="text"] {
  width: 270px;
  margin: 5px 0 25px 0;
  padding: 5px;
  outline: none;
  background-color: white;
  color: black;
  border: 1px solid #fed34f;
}
#custom-wpcf7-form textarea {
  width: 100%;
  resize: none;
  height: 120px;
  margin: 5px 0 25px 0;
  padding: 5px;
  outline: none;
  background-color: white;
  color: black;
  border: 1px solid #fed34f;
}
#custom-wpcf7-form input[type="email"] {
  width: 270px;
  margin: 5px 0px 25px 0;
  padding: 5px;
  outline: none;
  background-color: white;
  color: black;
  border: 1px solid #fed34f;
}
#custom-wpcf7-form input[type="submit"] {
  background: url(../images/bg-sprite.png) -10px -238px no-repeat;
  width: 102px;
  height: 102px;
  color: transparent;
  outline: none;
  border: none;
}
#custom-wpcf7-form input[type="submit"]:hover {
  background: url(../images/bg-sprite.png) -13px -354px no-repeat;
}
#custom-wpcf7-form .wpcf7-not-valid-tip {
  position: absolute;
  top: -6px;
  left: 0;
  z-index: 100;
  background: transparent;
  border: 1px solid #ff0000;
  font-size: 10pt;
  width: 270px;
  height: 34px;
  padding: 5px;
}
#custom-wpcf7-form .wpcf7-validation-errors {
  border: none;
  background-color: #fed34f;
  color: black;
  padding: 10px;
}
div.wpcf7-mail-sent-ok {
  border: 0 !important;
  font-size: 14px;
  position: relative;
  top: -85px;
  left: 120px;
}
/* END WPCF7 Customisation */
/* Google Maps */
.google-map.fullwidth {
  min-height: 360px;
  height: auto;
  width: 100%;
  z-index: 9;
  top: 0px;
  margin: 20px 0 50px 0;
  padding: 0;
}
/* End Google Maps */
/* Lunch and Dinner Page
=============================================================================== */
a.dinner-lunch-menu {
  text-decoration: none;
  font-size: 30px;
  color: black;
  text-transform: uppercase;
  line-height: 1.0em;
  font-style: italic;
  letter-spacing: 1px;
}
a.dinner-lunch-menu:hover {
  color: #739118;
}
/* 404 Page
=============================================================================== */
div.error-404-content h1 {
  font-size: 58px;
  font-family: "Cutive Mono", serif;
  text-transform: uppercase;
  font-style: italic;
  color: black;
  margin: 0;
  padding: 0;
}
.iframecrop {
  overflow: hidden;
  height: 525px;
  width: 297px;
  margin: 0 auto;
}
.hide-block {
  display: none !important;
}
.order-group {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 10px;
  margin-top: 0px;
}
.order-btn-lunch,
.order-btn-dinner {
  width: 157px;
  height: 50px;
  display: inline-block;
}
.order-btn-lunch:hover,
.order-btn-dinner:hover {
  background-position: bottom;
}
.order-btn-lunch {
  background: url(../images/btn-order-lunch-v2.png) no-repeat center top;
}
.order-btn-dinner {
  background: url(../images/btn-order-dinner-v2.png) no-repeat center top;
}
.pickupinfo {
  padding: 10px;
  font-family: "Open Sans", serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 26px;
}
.pickupinfo em {
  font-style: italic;
  color: #000;
  background-color: #fed34f;
}
.liven {
  order: 1;
  width: 300px;
}
@media only screen and (max-width: 1150px) {
  .liven {
    order: -1;
    margin: 20px 0;
  }
}
@media only screen and (max-width: 767px) {
  .liven {
    margin: 0;
  }
}
@media only screen and (max-width: 659px) {
  .liven {
    margin: 20px 0;
  }
}
/* To be removed */
.btn-order-online {
  width: 105px;
  height: 105px;
  display: block;
  background: url(../images/bg-order.png) center no-repeat;
}
.btn-order-online:hover {
  background: url(../images/bg-order-hover.png) center no-repeat;
}