@charset "UTF-8";
/*

@Author: Themezinho
@URL: http://www.themezinho.net
 
This file contains the styling for the actual theme, this
is the file you need to edit to change the look of the
theme.


	// Table of contents //

		01. FONTS
		02. BODY
		03. LINKS
		04. HTML TAGS
		05. HEADLINES
		06. FORM ELEMENTS
		07. CUSTOM CLASSES
		08. SPACINGS
		09. PAGINATION
		10. HAMBURGER
		11. CUSTOM CONTAINER
		12. PAGE TRANSITION
		13. SEARCH BOX
		14. SIDE WIDGET 
		15. NAVBAR
		16. SLIDER
		17. PAGE HEADER
		18. CONTENT SECTION
		19. SECTION TITLE
		20. CUTOM BUTTON
		21. SIDE CONTENT
		22. RESERVATION FORM
		23. DATE PICKER
		24. ICON BOX
		25. MENU PACK BOX
		26. SIDE MENU LIST
		27. SERVICE BOX
		28. HEAD CHEF IMAGE
		29. VIDEO BOX
		30. PHOTO GALLERY
		31. TESTIMONIALS SLIDER
		32. MENU LIST
		33. TAB CONTENT
		34. TAB DISHES
		35. RECENT NEWS
		36. NEWS BOX
		37.SIDEBAR
		38.TEAM MEMBER
		39.MENU IMAGES SLIDER
		40.DELIVERY FORM
		41.CONTACT BOX
		42.CONTACT FORM
		43.ERROR 404
		44.INSTAGRAM FEED
		45.FOOTER
		46. RESPONSIVE MEDIUM FIXES
		47. RESPONSIVE TABLET FIXES
		48. RESPONSIVE MOBILE FIXES

	

*/
@font-face {
  font-family: 'Ogg-Roman';
  src: url("../fonts/Ogg-Roman.eot");
  src: local("☺"), url("../fonts/Ogg-Roman.woff") format("woff"), url("../fonts/Ogg-Roman.ttf") format("truetype"), url("../fonts/Ogg-Roman.svg") format("svg");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'Architectural';
  src: url("../fonts/Architectural.eot");
  src: url("../fonts/Architectural-.eot#iefix") format("embedded-opentype"), url("../fonts/Architectural.woff2") format("woff2"), url("../fonts/Architectural.woff") format("woff"), url("../fonts/Architectural.ttf") format("truetype"), url("../fonts/Architectural.svg#Mathline") format("svg");
  font-weight: normal;
  font-style: normal; }
/* BODY */
* {
  outline: none !important; }

body {
  margin: 0;
  padding: 0;
  font-family: "OGG-Roman";
  color: #131313;
  letter-spacing: 1px;
  font-size: 17px; }

/* LINKS */
a {
  color: #131313; }

a:hover {
  text-decoration: underline;
  color: #131313; }

/* HTML TAGS */
img {
  max-width: 100%; }

figure {
  margin-bottom: 20px; }

/* HEADLINES */
h5 {
  line-height: 1.7;
  margin-bottom: 30px; }

/* FORM ELEMENTS */
input[type="text"], input[type="email"], input[type="search"], input[type="password"], input[type="date"], input[type="time"] {
  width: 420px;
  max-width: 100%;
  height: 68px;
  border: 2px solid #e8e8e8;
  padding: 0 30px; }

input[type="submit"], input[type="button"], button[type="button"], button[type="submit"] {
  height: 68px;
  border: none;
  background: #c58f59;
  color: #131313;
  font-weight: 800;
  font-size: 13px;
  padding: 0 50px;
  letter-spacing: 1px; }

textarea {
  width: 420px;
  max-width: 100%;
  height: 128px;
  border: 2px solid #e8e8e8;
  padding: 30px; }

select {
  width: 420px;
  max-width: 100%;
  height: 68px;
  border: 2px solid #e8e8e8;
  padding: 0 25px;
  background: #fff; }

/* CUSTOM CLASSES */
.overflow {
  overflow: hidden; }

.clearfix {
  width: 100%;
  float: left; }

/* SPACINGS */
.no-spacing {
  margin: 10px 0px;
  padding: 0 !important; }

.no-bottom-spacing {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important; }

/* PAGINATION */
.pagination {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 0; }
  .pagination .page-item {
    display: inline-block; }
    .pagination .page-item .page-link {
      height: 60px;
      line-height: 60px;
      padding: 0 40px;
      border-radius: 0 !important;
      font-size: 12px;
      font-weight: 600;
      color: #131313;
      outline: none !important; }
      .pagination .page-item .page-link:focus {
        outline: none !important; }

/* HAMBURGER */
.hamburger {
  width: 38px;
  height: 34px;
  position: relative;
  cursor: pointer;
  display: inline-block; }
  .hamburger #hamburger {
    position: absolute;
    height: 100%;
    width: 100%; }
    .hamburger #hamburger span {
      width: 70%;
      height: 2px;
      position: absolute;
      right: 0;
      transition: width ease 0.25s;
      background: #fff; }
      .hamburger #hamburger span:nth-child(1) {
        transition-delay: .5s;
        top: 6px; }
      .hamburger #hamburger span:nth-child(2) {
        transition-delay: .625s;
        top: 15px;
        left: 0;
        right: auto; }
      .hamburger #hamburger span:nth-child(3) {
        transition-delay: .75s;
        top: 24px; }
  .hamburger #cross {
    position: absolute;
    height: 34px;
    width: 34px;
    transform: rotate(45deg);
    left: 4px;
    top: 0; }
    .hamburger #cross span {
      background: #fff; }
      .hamburger #cross span:nth-child(1) {
        height: 0%;
        width: 2px;
        position: absolute;
        top: 0;
        right: 16px;
        transition-delay: 0s;
        transition: height ease 0.25s; }
      .hamburger #cross span:nth-child(2) {
        width: 0%;
        height: 2px;
        position: absolute;
        left: 0;
        top: 16px;
        transition-delay: .25s;
        transition: width ease 0.25s; }

.hamburger.open #hamburger span {
  width: 0%; }
  .hamburger.open #hamburger span:nth-child(1) {
    transition-delay: 0s; }
  .hamburger.open #hamburger span:nth-child(2) {
    transition-delay: .125s; }
  .hamburger.open #hamburger span:nth-child(3) {
    transition-delay: .25s; }
.hamburger.open #cross span:nth-child(1) {
  height: 100%;
  transition-delay: .625s; }
.hamburger.open #cross span:nth-child(2) {
  width: 100%;
  transition-delay: .375s; }

/* CUSTOM CONTAINER */
@media (min-width: 1170px) {
  .container {
    max-width: 1100px; } }
@media (min-width: 1280px) {
  .container {
    max-width: 1260px; } }
/* PAGE TRANSITION */
.first-transition {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 9;
  right: 0;
  bottom: 0;
  display:none;
  background: #fff;
  animation: first-transition 0s;
  animation-fill-mode: forwards; }

@keyframes first-transition {
  from {
    bottom: 0; }
  to {
    bottom: -100%; } }
.page-transition {
  width: 100%;
  height: 0;
  position: fixed;
  z-index: 9;
  left: 0;
  display:none;
  top: 0;
  background: #fff; 
  transition: all ease 0s; }
  .page-transition.active {
    height: 100%; }

/* SEARCH BOX */
.search-box {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 3;
  background: #131313;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  opacity: 0;
  visibility: hidden;
  color: #fff; }
  .search-box .inner {
    width: 50vw;
    max-width: 700px;
    margin: 0 auto;
    text-align: center; }
    .search-box .inner form {
      width: 100%;
      display: block; }
      .search-box .inner form input[type="search"] {
        width: 100%;
        height: 70px;
        border: 4px solid #232222;
        background: none;
        font-size: 20px;
        margin-bottom: 30px;
        color: #fff; }
      .search-box .inner form input[type="submit"] {
        height: 70px;
        background: #c58f59;
        border: none;
        font-weight: 600;
        padding: 0 60px; }
  .search-box.active {
    opacity: 1;
    visibility: visible; }

/* SIDE WIDGET */
.side-widget {
  width: 400px;
  height: 100vh;
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: fixed;
  left: -100%;
  top: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  background: #232222;
  z-index: 8;
  box-shadow: 0 0 60px #000;
  padding: 20px 30px;
  color: #fff; }
  .side-widget .inner {
    display: inline-block;
    overflow: auto; }
  .side-widget .logo {
    width: 100%;
    display: block;
    margin-bottom: 40px; }
    .side-widget .logo img {
      height: 40px; }
  .side-widget .show-mobile {
    display: none; }
  .side-widget .hide-mobile {
    display: block; }
  .side-widget iframe {
    width: 100%;
    height: 180px;
    border: 3px solid #c58f59; }
  .side-widget p {
    width: 100%;
    display: block; }
  .side-widget .widget-title {
    width: 100%;
    display: block;
    font-weight: 600;
    color: #c58f59;
    line-height: 1;
    font-family: Architectural;
    font-size: 24px;
    margin-bottom: 5px;
    margin-top: 20px; }
  .side-widget .address {
    width: 100%;
    display: block;
    margin-top: 10px; }
  .side-widget .social-media {
    width: 100%;
    display: block;
    margin: 0;
    padding: 0; }
    .side-widget .social-media li {
      display: inline-block;
      margin-right: 20px;
      padding: 0;
      list-style: none; }
      .side-widget .social-media li a {
        color: #fff;
        font-size: 13px;
        font-weight: 600; }
  .side-widget .languages {
    width: 100%;
    display: block;
    margin-bottom: 20px;
    margin-top: 20px; }
    .side-widget .languages ul {
      width: 100%;
      display: block;
      margin: 0;
      padding: 0; }
      .side-widget .languages ul li {
        display: inline-block;
        margin-right: 10px;
        padding: 0;
        list-style: none; }
        .side-widget .languages ul li a {
          color: #fff;
          font-weight: 600;
          font-size: 18px; }
  .side-widget .site-menu {
    width: 100%;
    display: block;
    margin-bottom: 20px;
    margin-top: 20px; }
    .side-widget .site-menu ul {
      width: 100%;
      display: block;
      margin: 0;
      padding: 0; }
      .side-widget .site-menu ul li {
        display: block;
        margin: 3px 0;
        padding: 0;
        list-style: none; }
        .side-widget .site-menu ul li ul {
          display: none;
          padding-left: 10px;
          margin-bottom: 10px; }
        .side-widget .site-menu ul li i {
          display: inline-block;
          margin-left: 7px; }
        .side-widget .site-menu ul li a {
          color: #fff;
          font-size: 18px;
          font-weight: 600; }
  .side-widget small {
    font-size: 11px;
    width: 100%;
    display: block;
    margin-top: 20px; }
  .side-widget.active {
    left: 0; }

/* NAVBAR */
.navbar {
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 5;
  padding: 20px 60px;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out; }
  .navbar.sticky {
    background: #131313; }
  .navbar.nav-down {
    top: 0; }
  .navbar.nav-up {
    transform: translateY(-100%); }
  .navbar .logo {
    margin-left: 0;
    margin-right: 50px; }
    .navbar .logo a {
      display: inline-block; }
      .navbar .logo a img {
        height: 50px; }
  .navbar .custom-menu {
    display: inline-block;
    margin: 0 20px; }
    .navbar .custom-menu ul {
      margin: 0;
      padding: 0; }
      .navbar .custom-menu ul li {
        display: inline-block;
        margin: 0 5px;
        padding: 0;
        list-style: none; }
        .navbar .custom-menu ul li a {
          color: #fff;
          display: inline-block;
          position: relative;
          padding: 2px 0; }
          .navbar .custom-menu ul li a:hover {
            text-decoration: none; }
          .navbar .custom-menu ul li a:hover:after {
            bottom: 0;
            opacity: 1; }
          .navbar .custom-menu ul li a:after {
            content: "";
            width: 100%;
            height: 3px;
            background: #c58f59;
            position: absolute;
            left: 0;
            bottom: -3px;
            opacity: 0;
            -webkit-transition: all .25s ease-in-out;
            -moz-transition: all .25s ease-in-out;
            -ms-transition: all .25s ease-in-out;
            -o-transition: all .25s ease-in-out;
            transition: all .25s ease-in-out; }
  .navbar .site-menu {
    display: inline-block;
    margin: 0 auto; }
    .navbar .site-menu ul {
      margin: 0;
      padding: 0;
      -webkit-transition: all .25s ease-in-out;
      -moz-transition: all .25s ease-in-out;
      -ms-transition: all .25s ease-in-out;
      -o-transition: all .25s ease-in-out;
      transition: all .25s ease-in-out; }
      .navbar .site-menu ul li {
        display: inline-block;
        margin: 0 15px;
        padding: 0;
        list-style: none;
        position: relative; }
        .navbar .site-menu ul li:hover ul {
          opacity: 1;
          transform: translateY(0);
          visibility: visible; }
        .navbar .site-menu ul li ul {
          min-width: 140px;
          position: absolute;
          left: -25px;
          top: calc(100% + 20px);
          background: #c58f59;
          white-space: nowrap;
          padding: 20px 0;
          opacity: 0;
          transform: translateY(10px);
          visibility: hidden; }
          .navbar .site-menu ul li ul:before {
            content: "";
            width: 100%;
            height: 20px;
            position: absolute;
            left: 0;
            top: -20px; }
          .navbar .site-menu ul li ul li {
            width: 100%;
            display: block;
            padding: 0 25px;
            margin: 0; }
            .navbar .site-menu ul li ul li a {
              display: inline-block; }
              .navbar .site-menu ul li ul li a:after {
                display: none; }
              .navbar .site-menu ul li ul li a:hover {
                text-decoration: underline; }
        .navbar .site-menu ul li a {
          color: #fff;
          display: inline-block;
          position: relative;
          padding: 2px 0; }
          .navbar .site-menu ul li a:hover {
            text-decoration: none; }
          .navbar .site-menu ul li a:hover:after {
            bottom: 0;
            opacity: 1; }
          .navbar .site-menu ul li a:after {
            content: "";
            width: 100%;
            height: 3px;
            background: #c58f59;
            position: absolute;
            left: 0;
            bottom: -3px;
            opacity: 0;
            -webkit-transition: all .25s ease-in-out;
            -moz-transition: all .25s ease-in-out;
            -ms-transition: all .25s ease-in-out;
            -o-transition: all .25s ease-in-out;
            transition: all .25s ease-in-out; }
  .navbar .search {
    display: inline-block;
    color: #fff;
    font-size: 23px;
    cursor: pointer;
    margin-left: auto;
    margin-right: 0; }
  .navbar .hamburger {
    display: inline-block;
    color: #fff;
    margin-left: 20px;
    margin-right: 0; }
  .navbar .navbar-button {
    margin-left: 20px;
    color: #fff;
    cursor: pointer; }
    .navbar .navbar-button img {
      height: 26px; }

/* SLIDER */
.slider {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-wrap: wrap;
  background: #131313; }
  .slider .main-slider {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden; }
    .slider .main-slider .swiper-slide {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      text-align: center;
      color: #fff;
      overflow: hidden; }
      .slider .main-slider .swiper-slide .slide-inner {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
        background-size: cover;
        background-position: center;
        display: flex;
        justify-content: center;
        align-items: center; }
        .slider .main-slider .swiper-slide .slide-inner figure {
          width: 100%;
          display: block;
          margin-bottom: 20px; }
          .slider .main-slider .swiper-slide .slide-inner figure img {
            height: 22px;
            display: inline-block; }
        .slider .main-slider .swiper-slide .slide-inner h6 {
          font-family: Architectural;
          color: #c58f59;
          font-size: 39px;
          letter-spacing: 9px; }
        .slider .main-slider .swiper-slide .slide-inner h1 {
          font-size: 68px;
          margin-bottom: 45px; }
        .slider .main-slider .swiper-slide .slide-inner a {
          color: #fff;
          padding: 20px 35px;
          position: relative; }
          .slider .main-slider .swiper-slide .slide-inner a:before {
          
            width: 100%;
            height: 4px;
            background: #c58f59;
            position: absolute;
            left: 0;
            bottom: 0;
            -webkit-transition: all .25s ease-in-out;
            -moz-transition: all .25s ease-in-out;
            -ms-transition: all .25s ease-in-out;
            -o-transition: all .25s ease-in-out;
            transition: all .25s ease-in-out; }
          .slider .main-slider .swiper-slide .slide-inner a:hover {
            text-decoration: none; }
            .slider .main-slider .swiper-slide .slide-inner a:hover:before {
              height: 100%; }
          .slider .main-slider .swiper-slide .slide-inner a span {
            display: inline-block;
            position: relative; }
    .slider .main-slider .button-prev {
      width: 54px;
      height: 54px;
      line-height: 54px;
      display: inline-block;
      background: #c58f59;
      text-align: center;
      color: #fff;
      border-radius: 50%;
      -webkit-transition: all .25s ease-in-out;
      -moz-transition: all .25s ease-in-out;
      -ms-transition: all .25s ease-in-out;
      -o-transition: all .25s ease-in-out;
      transition: all .25s ease-in-out;
      position: absolute;
      left: 60px;
      top: 50%;
      transform: translateY(-50%);
      z-index: 1; }
      .slider .main-slider .button-prev:hover {
        color: #c58f59;
        background: #f0e8d9; }
    .slider .main-slider .button-next {
      width: 54px;
      height: 54px;
      line-height: 54px;
      display: inline-block;
      background: #c58f59;
      text-align: center;
      color: #fff;
      border-radius: 50%;
      -webkit-transition: all .25s ease-in-out;
      -moz-transition: all .25s ease-in-out;
      -ms-transition: all .25s ease-in-out;
      -o-transition: all .25s ease-in-out;
      transition: all .25s ease-in-out;
      position: absolute;
      right: 60px;
      top: 50%;
      transform: translateY(-50%);
      z-index: 1; }
      .slider .main-slider .button-next:hover {
        color: #c58f59;
        background: #f0e8d9; }
    .slider .main-slider .bottom-bar {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      position: absolute;
      left: 0;
      bottom: 0;
      padding: 30px 60px;
      z-index: 2;
      color: #fff; }
      .slider .main-slider .bottom-bar .social-media {
        width: 40%; }
        .slider .main-slider .bottom-bar .social-media span {
          display: inline-block;
          margin-right: 5px; }
        .slider .main-slider .bottom-bar .social-media ul {
          display: inline-block;
          margin: 0;
          padding: 0; }
          .slider .main-slider .bottom-bar .social-media ul li {
            display: inline-block;
            margin-right: 7px;
            padding: 0;
            list-style: none; }
            .slider .main-slider .bottom-bar .social-media ul li a {
              color: #fff;
              font-size: 13px;
              -webkit-transition: all .25s ease-in-out;
              -moz-transition: all .25s ease-in-out;
              -ms-transition: all .25s ease-in-out;
              -o-transition: all .25s ease-in-out;
              transition: all .25s ease-in-out; }
              .slider .main-slider .bottom-bar .social-media ul li a:hover {
                color: #c58f59; }
      .slider .main-slider .bottom-bar .fraction {
        width: 20%;
        position: static;
        text-align: center; }
      .slider .main-slider .bottom-bar .phone {
        width: 40%;
        display: inline-block;
        text-align: right; }
        .slider .main-slider .bottom-bar .phone span {
          display: inline-block; }
        .slider .main-slider .bottom-bar .phone a {
          color: #fff;
          display: inline-block;
          position: relative;
          padding: 2px 0; }
          .slider .main-slider .bottom-bar .phone a:hover {
            text-decoration: none; }
          .slider .main-slider .bottom-bar .phone a:hover:after {
            bottom: 0;
            opacity: 1; }
          .slider .main-slider .bottom-bar .phone a:after {
            content: "";
            width: 100%;
            height: 3px;
            background: #c58f59;
            position: absolute;
            left: 0;
            bottom: -3px;
            opacity: 0;
            -webkit-transition: all .25s ease-in-out;
            -moz-transition: all .25s ease-in-out;
            -ms-transition: all .25s ease-in-out;
            -o-transition: all .25s ease-in-out;
            transition: all .25s ease-in-out; }

/* PAGE HEADER */
.page-header {
  width: 100%;
  height: 540px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background-image: url("../images/page-header-bg.jpg");
  background-color: #131313;
  background-size: cover; }
  .page-header .container {
    position: relative;
    color: #fff;
    padding-top: 90px; }
    .page-header .container h1 {
      font-size: 110px;
      font-family: Architectural; }
    .page-header .container h6 {
      width: 100%;
      display: block;
      margin: 0;
      font-size: 20px; }

/* CONTENT SECTION */
.content-section {
  width: 100%;
  display: block;
  padding: 100px 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat; }

.bg-contain {
  background-size: contain !important; }

/* SECTION TITLE */
.section-title {
  width: 100%;
  display: block;
  margin-bottom: 50px;
  text-align: center; }
  .section-title .title-shape {
    height: 18px;
    margin-top: 20px;
    display: inline-block; }
  .section-title h6 {
    font-size: 40px;
    color: #c58f59;
    color: #c58f59;
    font-family: Architectural;
    margin: 0; }
  .section-title h2 {
    font-size: 50px;
    line-height: 1;
    margin: 0; }

/* CUSTOM BUTTON */
.custom-button {
  height: 64px;
  line-height: 68px;
  display: inline-block;
  padding: 0 46px;
  color: #fff;
  font-family: Architectural;
  font-size: 30px;
  border: 2px solid #c58f59;
  color: #c58f59;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out; }
  .custom-button:hover {
    background: #c58f59;
    color: #fff;
    text-decoration: none; }

/* SIDE CONTENT */
.side-content {
  width: 100%;
  display: block;
  padding-right: 10%; }
  .side-content h6 {
    font-size: 60px;
    color: #c58f59;
    color: #c58f59;
    font-family: Architectural;
    margin-bottom: 10px;
    text-transform: uppercase; }
  .side-content h3 {
    font-size: 56px;
    margin-bottom: 30px; }
  .side-content p {
    width: 100%;
    display: block;
    padding-right: 10%;
    line-height: 1.7;
    margin-bottom: 30px; }
  .side-content .thumbs {
    width: 80%;
    display: block;
    margin: 0;
    padding: 0; }
    .side-content .thumbs li {
      width: 47%;
      display: inline-block;
      margin: 0;
      padding: 0;
      list-style: none; }
      .side-content .thumbs li img {
        width: 100%; }
      .side-content .thumbs li a {
        display: block; }

/* RESERVATION FORM */
.reservation-form {
  height: 600px;
  width: 100%;
  display: block;
  padding: 100px;
  background: url("../images/pattern-bg.png") #c58f59;
  color: #fff; }
  .reservation-form h3 {
    width: 100%;
    display: block;
    font-size: 60px;
    font-family: Architectural;
    margin-bottom: 30px; }
  .reservation-form .form-group {
    width: 100%;
    display: block; }
    .reservation-form .form-group:last-child {
      margin-bottom: 0; }
    .reservation-form .form-group select {
      width: 70%;
      border: none; }
    .reservation-form .form-group input[type="text"] {
      border: none; }
    .reservation-form .form-group .date {
      width: 40%;
      margin-right: 10px;
      border: none; }
    .reservation-form .form-group .time {
      width: 40%;
      border: none; }
    .reservation-form .form-group input[type="submit"] {
      border: 2px solid #fff;
      color: #fff; }

/* DATE PICKER */
.datepicker-dropdown {
  border: none;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); }

.datepicker-panel > ul > li.picked, .datepicker-panel > ul > li.picked:hover {
  color: #c58f59; }

.datepicker-panel > ul > li.highlighted {
  background-color: #f0e8d9; }

.datepicker-panel > ul > li:hover {
  background-color: #f0e8d9; }

/* ICON BOX*/
.icon-box {
  width: 100%;
  display: block;
  margin: 15px 0;
  padding: 0 10%;
  text-align: center; }
  .icon-box figure {
    width: 100%;
    display: block;
    margin-bottom: 20px; }
    .icon-box figure img {
      height: 70px; }
  .icon-box h6 {
    font-size: 34px;
    color: #c58f59;
    margin-bottom: 10px;
    font-family: Architectural;
    line-height: 1; }

/* MENU PACK BOX */
.menu-pack-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative; }
  .menu-pack-box:hover .content {
    max-height: 320px;
    height: auto; }
  .menu-pack-box:hover figure img {
    transform: scale(1.05);
    opacity: 1; }
  .menu-pack-box figure {
    width: 100%;
    display: block;
    margin: 0;
    padding-bottom: 30px;
    overflow: hidden;
    background: #131313; }
    .menu-pack-box figure img {
      width: 100%;
      float: left;
      opacity: 0.6;
      -webkit-transition: all .25s ease-in-out;
      -moz-transition: all .25s ease-in-out;
      -ms-transition: all .25s ease-in-out;
      -o-transition: all .25s ease-in-out;
      transition: all .25s ease-in-out; }
  .menu-pack-box .content {
    width: 80%;
    max-height: 100px;
    display: inline-block;
    position: absolute;
    right: 0;
    bottom: 0;
    background: #fff;
    padding: 30px;
    box-shadow: 0 0 60px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out; }
    .menu-pack-box .content h5 {
      font-size: 54px;
      margin-bottom: 10px;
      font-family: Architectural;
      line-height: 1;
      color: #c58f59; }
    .menu-pack-box .content ul {
      width: 100%;
      display: block;
      margin-bottom: 20px;
      padding: 0; }
      .menu-pack-box .content ul li {
        width: 100%;
        display: block;
        margin: 0;
        padding: 5px 0;
        list-style: none; }
    .menu-pack-box .content p {
      width: 100%;
      display: block;
      color: #969595; }
      .menu-pack-box .content p span {
        font-size: 30px;
        color: #c58f59; }
        .menu-pack-box .content p span small {
          font-size: 18px;
          display: inline-block;
          margin-right: 4px;
          transform: translateY(-7px); }

/* SIDE MENU LIST */
.col-12:last-child .side-image-menu-list {
  margin-bottom: 100px; }

.side-image-menu-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  padding-top: 100px;
  margin-bottom: 200px; }
  .side-image-menu-list .left-side-image {
    width: 70%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #f0e8d9; }
    .side-image-menu-list .left-side-image:before {
      content: "";
      width: 100px;
      height: 100%;
      background: #fff;
      position: absolute;
      left: 0;
      top: 0; }
    .side-image-menu-list .left-side-image img {
      width: 100%;
      float: left;
      z-index: 1;
      position: absolute;
      left: 0;
      top: 0; }
  .side-image-menu-list .right-side-image {
    width: 70%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: #f0e8d9; }
    .side-image-menu-list .right-side-image:before {
      content: "";
      width: 100px;
      height: 100%;
      background: #fff;
      position: absolute;
      right: 0;
      top: 0; }
    .side-image-menu-list .right-side-image img {
      width: 100%;
      float: left;
      z-index: 1;
      position: absolute;
      left: 0;
      top: 0; }
  .side-image-menu-list .left-menu-list {
    width: 45%;
    display: inline-block;
    position: relative;
    margin-right: auto;
    background: #fff;
    padding: 50px;
    margin-bottom: -100px;
    box-shadow: 0 0 60px rgba(0, 0, 0, 0.05);
    z-index: 2; }
    .side-image-menu-list .left-menu-list h6 {
      font-size: 54px;
      margin-bottom: 10px;
      font-family: Architectural;
      line-height: 1; }
    .side-image-menu-list .left-menu-list ul {
      width: 100%;
      display: block;
      margin: 0;
      padding: 0; }
      .side-image-menu-list .left-menu-list ul li {
        width: 100%;
        float: left;
        flex-wrap: wrap;
        margin: 0;
        padding: 10px 0;
        list-style: none; }
        .side-image-menu-list .left-menu-list ul li b {
          width: 20%;
          float: right;
          font-size: 30px;
          color: #c58f59;
          text-align: right;
          margin-top: 5px; }
          .side-image-menu-list .left-menu-list ul li b small {
            font-size: 18px;
            display: inline-block;
            margin-right: 4px;
            transform: translateY(-7px); }
        .side-image-menu-list .left-menu-list ul li p {
          width: 80%;
          float: left;
          margin: 0;
          font-size: 20px; }
        .side-image-menu-list .left-menu-list ul li span {
          width: 80%;
          float: left;
          opacity: 0.5;
          font-size: 14px; }
  .side-image-menu-list .right-menu-list {
    width: 45%;
    display: inline-block;
    position: relative;
    margin-left: auto;
    background: #fff;
    padding: 50px;
    margin-bottom: -100px;
    box-shadow: 0 0 60px rgba(0, 0, 0, 0.05);
    z-index: 2; }
    .side-image-menu-list .right-menu-list h6 {
      font-size: 54px;
      margin-bottom: 10px;
      font-family: Architectural;
      line-height: 1; }
    .side-image-menu-list .right-menu-list ul {
      width: 100%;
      display: block;
      margin: 0;
      padding: 0; }
      .side-image-menu-list .right-menu-list ul li {
        width: 100%;
        float: left;
        margin: 0;
        padding: 10px 0;
        list-style: none; }
        .side-image-menu-list .right-menu-list ul li b {
          width: 20%;
          float: right;
          font-size: 30px;
          color: #c58f59;
          text-align: right;
          margin-top: 5px; }
          .side-image-menu-list .right-menu-list ul li b small {
            font-size: 18px;
            display: inline-block;
            margin-right: 4px;
            transform: translateY(-7px); }
        .side-image-menu-list .right-menu-list ul li p {
          width: 80%;
          float: left;
          margin: 0;
          font-size: 20px; }
        .side-image-menu-list .right-menu-list ul li span {
          width: 80%;
          float: left;
          opacity: 0.5;
          font-size: 14px; }

/* SERVICE BOX */
.service-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 50px;
  background: #fff;
  margin: 15px 0; }
  .service-box:hover .content h6 {
    color: #c58f59; }
  .service-box figure {
    width: 120px;
    display: inline-block;
    margin: 0; }
    .service-box figure img {
      height: 70px; }
  .service-box .content {
    width: calc(100% - 120px);
    display: inline-block; }
    .service-box .content h6 {
      font-size: 54px;
      margin-bottom: 10px;
      font-family: Architectural;
      line-height: 1;
      -webkit-transition: all .25s ease-in-out;
      -moz-transition: all .25s ease-in-out;
      -ms-transition: all .25s ease-in-out;
      -o-transition: all .25s ease-in-out;
      transition: all .25s ease-in-out; }
    .service-box .content p {
      width: 100%;
      display: block;
      margin: 0; }

/* HEAD CHEF IMAGE */
.head-chef-image {
  width: 100%;
  display: block;
  margin: 0; }
  .head-chef-image img {
    max-width: 100%; }

/* VIDEO BOX */
.video-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  background: #c58f59; }
  .video-box video {
    width: 100%;
    max-width: 100%;
    float: left;
    filter: grayscale(1);
    mix-blend-mode: overlay; }
  .video-box .content {
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    color: #fff; }
    .video-box .content h6 {
      width: 100%;
      display: block;
      font-size: 50px;
      font-family: Architectural;
      margin-bottom: 30px; }
    .video-box .content a {
      width: 80px;
      height: 80px;
      line-height: 80px;
      display: inline-block;
      border: 2px solid #fff;
      color: #fff;
      border-radius: 50%;
      font-size: 20px;
      text-indent: 2px; }

/* PHOTO GALLERY */
.photo-gallery {
  width: 100%;
  float: left;
  margin: 0;
  padding: 0; }
  .photo-gallery li {
    width: 25%;
    float: left;
    margin: 0;
    padding: 0;
    list-style: none; }
    .photo-gallery li:nth-child(3) {
      width: 50%; }
    .photo-gallery li:nth-child(4) {
      width: 50%; }
    .photo-gallery li:nth-child(9) {
      width: 50%; }
    .photo-gallery li:nth-child(10) {
      width: 50%; }
    .photo-gallery li figure {
      width: 100%;
      float: left;
      margin: 0;
      background: #131313; }
      .photo-gallery li figure a {
        width: 100%;
        float: left; }
        .photo-gallery li figure a img {
          width: 100%;
          float: left;
          -webkit-transition: all .25s ease-in-out;
          -moz-transition: all .25s ease-in-out;
          -ms-transition: all .25s ease-in-out;
          -o-transition: all .25s ease-in-out;
          transition: all .25s ease-in-out; }

/* TESTIOMONIALS SLIDER */
.testimonials-slider {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden; }
  .testimonials-slider .swiper-pagination {
    position: static;
    margin-top: 20px; }
    .testimonials-slider .swiper-pagination .swiper-pagination-bullet {
      width: 12px;
      height: 12px;
      transform: scale(0.4);
      margin: 0 8px !important;
      background: #f0e8d9;
      opacity: 1;
      position: relative;
      display: inline-block;
      border-radius: 50%; }
      .testimonials-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        -webkit-transition: box-shadow 0.3s ease;
        transition: box-shadow 0.3s ease;
        -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;
        transition: background-color 0.3s ease, transform 0.3s ease;
        -webkit-transform: scale(1);
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0);
        border: 2px solid #f0e8d9;
        background: none; }
  .testimonials-slider .swiper-slide {
    max-width: 75%;
    opacity: 0.5; }
    .testimonials-slider .swiper-slide.swiper-slide-active {
      opacity: 1; }

.testimonial {
  width: 100%;
  display: block;
  margin: 0;
  text-align: center;
  color: #fff;
  padding: 0 10%; }
  .testimonial small {
    font-family: Architectural;
    font-size: 26px; }
  .testimonial p {
    width: 100%;
    display: block;
    margin-bottom: 20px;
    font-size: 22px; }
  .testimonial figure {
    width: 100%;
    display: block; }
    .testimonial figure img {
      height: 80px; }
  .testimonial h6 {
    font-size: 21px; }

/* MENU LIST */
.menu-list {
  width: 100%;
  display: block;
  position: relative;
  z-index: 2;
  margin-top: 50px;
  padding-right: 30px; }
  .menu-list h6 {
    font-size: 54px;
    margin-bottom: 10px;
    font-family: Architectural;
    line-height: 1; }
  .menu-list ul {
    width: 100%;
    display: block;
    margin: 0;
    padding: 0; }
    .menu-list ul li {
      width: 100%;
      float: left;
      flex-wrap: wrap;
      margin: 0;
      padding: 10px 0;
      list-style: none; }
      .menu-list ul li b {
        width: 20%;
        float: right;
        font-size: 30px;
        color: #c58f59;
        text-align: right;
        margin-top: 5px; }
        .menu-list ul li b small {
          font-size: 18px;
          display: inline-block;
          margin-right: 4px;
          transform: translateY(-7px); }
      .menu-list ul li p {
        width: 80%;
        float: left;
        margin: 0;
        font-size: 20px; }
      .menu-list ul li span {
        width: 80%;
        float: left;
        opacity: 0.5;
        font-size: 14px; }

/* TAB CONTENT */
.tab-content {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0; }
  .tab-content .tab-nav {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    padding: 0;
    text-align: center;
    border-bottom: 1px solid #eee; }
    .tab-content .tab-nav li {
      display: inline-block;
      padding: 0;
      margin: 0;
      list-style: none;
      position: relative; }
      .tab-content .tab-nav li:before {
        content: "";
        width: 15px;
        height: 15px;
        background: #eee;
        border: 3px solid #eee;
        position: absolute;
        left: 0;
        bottom: -8px; }
      .tab-content .tab-nav li.active:before {
        border-color: #c58f59;
        background: #fff; }
      .tab-content .tab-nav li.active a {
        color: #c58f59; }
      .tab-content .tab-nav li a {
        display: block;
        color: #131313;
        padding: 20px 0; }
        .tab-content .tab-nav li a:hover {
          text-decoration: none;
          color: #c58f59; }
  .tab-content .tab-item {
    width: 100%;
    display: none;
    margin: 0;
    padding: 0; }
    .tab-content .tab-item.active-item {
      display: block; }

/* TAB DISHES */
.tab-dishes {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0;
  padding-top: 50px; }
  .tab-dishes .image {
    width: 45%;
    display: inline-block;
    margin: 0; }
    .tab-dishes .image img {
      width: auto;
      max-width: 100%; }
  .tab-dishes .content {
    width: 55%;
    display: inline-block;
    padding-left: 50px; }
    .tab-dishes .content h6 {
      font-size: 60px;
      color: #c58f59;
      color: #c58f59;
      font-family: Architectural;
      margin-bottom: 10px;
      text-transform: uppercase; }
    .tab-dishes .content h3 {
      font-size: 56px;
      margin-bottom: 30px; }
    .tab-dishes .content p {
      width: 100%;
      display: block;
      padding-right: 10%;
      line-height: 1.7;
      margin-bottom: 30px; }

/* RECENT NEWS */
.recent-post {
  width: 100%;
  display: block;
  background: #fff;
  box-shadow: 0 0 60px rgba(0, 0, 0, 0.05); }
  .recent-post figure {
    width: 100%;
    display: block;
    margin: 0; }
  .recent-post .content {
    width: 100%;
    display: block;
    padding: 50px; }
    .recent-post .content small {
      font-family: Architectural;
      font-size: 26px; }
    .recent-post .content h3 {
      width: 100%;
      display: block;
      margin-bottom: 40px;
      font-size: 31px; }
      .recent-post .content h3 a {
        display: block; }
        .recent-post .content h3 a:hover {
          text-decoration: none;
          color: #c58f59; }
    .recent-post .content .author {
      width: 100%;
      display: block;
      margin: 0; }
      .recent-post .content .author img {
        height: 60px;
        float: left;
        margin-right: 10px;
        border-radius: 50%; }
      .recent-post .content .author span {
        line-height: 60px;
        display: inline-block;
        color: #969595; }
        .recent-post .content .author span strong {
          color: #131313; }

/* NEWS BOX */
.news-box {
  width: 100%;
  display: block;
  position: relative;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
  margin-bottom: 100px; }
  .news-box:last-child {
    margin-bottom: 0; }
  .news-box:after {
    content: "";
    width: 70%;
    height: 70px;
    background: url("../images/pattern-dot.png");
    background-size: 12px 12px;
    position: absolute;
    right: -25px;
    bottom: -25px;
    z-index: -1;
    opacity: 0.2; }
  .news-box:hover .content h3 a {
    background-size: 100% 100%; }
  .news-box figure {
    width: 100%;
    display: block;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
    background: #c58f59; }
    .news-box figure img {
      width: 100%;
      max-width: inherit; }
  .news-box .content {
    width: 100%;
    height: 100%;
    display: block;
    background: #fff; }
    .news-box .content small {
      display: block;
      font-family: Architectural;
      font-size: 26px; }
    .news-box .content h3 {
      width: 100%;
      display: block;
      margin-bottom: 30px;
      font-size: 38px;
      line-height: 1.4; }
      .news-box .content h3 a {
        display: block;
        color: #131313; }
        .news-box .content h3 a:hover {
          color: #c58f59;
          text-decoration: none; }
    .news-box .content .author {
      width: 100%;
      display: block;
      margin-bottom: 0;
      font-size: 13px; }
      .news-box .content .author img {
        height: 50px;
        display: inline-block;
        border-radius: 50%;
        margin-right: 15px; }
      .news-box .content .author b {
        font-weight: 600; }
    .news-box .content h6 {
      font-size: 24px;
      line-height: 1.7;
      margin: 30px 0; }
    .news-box .content strong {
      font-weight: 600; }
    .news-box .content figure {
      margin: 30px 0; }
    .news-box .content blockquote {
      width: 100%;
      display: block;
      padding: 40px;
      background: #c58f59;
      color: #fff;
      font-size: 19px; }
    .news-box .content ul {
      padding-left: 20px; }
      .news-box .content ul li {
        margin: 4px 0; }

/* SIDEBAR */
.sidebar {
  width: 100%;
  display: block;
  padding-left: 30px; }
  .sidebar .widget {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    background: url("../images/pattern-bg.png") #c58f59;
    padding: 50px;
    margin-bottom: 50px;
    position: relative; }
    .sidebar .widget:before {
      content: "";
      width: calc(100% - 40px);
      height: calc(100% - 40px);
      background: #fff;
      position: absolute;
      left: 20px;
      top: 20px; }
    .sidebar .widget:last-child {
      margin-bottom: 0; }
    .sidebar .widget * {
      position: relative; }
    .sidebar .widget .widget-title {
      width: 100%;
      display: block;
      position: relative;
      z-index: 1;
      font-weight: 400;
      letter-spacing: 3px;
      font-family: Architectural;
      font-size: 36px;
      color: #c58f59;
      padding-top: 7px;
      margin-bottom: 30px;
      padding-bottom: 30px; }
      .sidebar .widget .widget-title:before {
        content: "";
        width: 100%;
        height: 2px;
        background: #f0e8d9;
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: -1;
        mix-blend-mode: difference; }
    .sidebar .widget form {
      width: 100%;
      display: block; }
      .sidebar .widget form input[type="submit"] {
        margin-top: 10px;
        background: #131313;
        color: #fff; }
    .sidebar .widget .categories {
      width: 100%;
      display: block;
      margin: 0;
      padding: 0; }
      .sidebar .widget .categories li {
        width: 100%;
        display: block;
        margin: 4px 0;
        padding: 0;
        list-style: none; }
        .sidebar .widget .categories li a {
          color: #131313;
          font-size: 19px; }
    .sidebar .widget .side-gallery {
      width: calc(100% + 4px);
      float: left;
      margin: 0 -2px;
      padding: 0; }
      .sidebar .widget .side-gallery li {
        width: 33.3333%;
        float: left;
        margin: 0;
        padding: 2px;
        list-style: none; }

/* TEAM MEMBER */
.team-member {
  width: 100%;
  display: block;
  text-align: center; }
  .team-member figure {
    width: 100%;
    display: block;
    margin: 0; }
    .team-member figure img {
      width: 100%;
      display: block;
      margin-bottom: 20px;
      border-bottom: 1px solid #f0e8d9; }
    .team-member figure figcaption {
      width: 100%;
      display: block; }
      .team-member figure figcaption h6 {
        font-size: 20px;
        display: block;
        margin-bottom: 5px; }
      .team-member figure figcaption small {
        width: 100%;
        display: block;
        margin-bottom: 5px;
        font-family: Architectural;
        font-size: 24px;
        color: #c58f59; }
      .team-member figure figcaption ul {
        display: inline-block;
        margin: 0;
        padding: 0; }
        .team-member figure figcaption ul li {
          display: inline-block;
          margin: 0 4px;
          padding: 0;
          list-style: none; }
          .team-member figure figcaption ul li a {
            display: block;
            font-size: 12px; }
            .team-member figure figcaption ul li a:hover {
              color: #c58f59; }

/* MENU IMAGES SLIDER */
.menu-images-slider {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden; }
  .menu-images-slider .swiper-pagination {
    margin-bottom: 20px; }
    .menu-images-slider .swiper-pagination .swiper-pagination-bullet {
      width: 12px;
      height: 12px;
      transform: scale(0.4);
      margin: 0 8px !important;
      background: #f0e8d9;
      opacity: 1;
      position: relative;
      display: inline-block;
      border-radius: 50%; }
      .menu-images-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        -webkit-transition: box-shadow 0.3s ease;
        transition: box-shadow 0.3s ease;
        -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;
        transition: background-color 0.3s ease, transform 0.3s ease;
        -webkit-transform: scale(1);
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0);
        border: 2px solid #f0e8d9;
        background: none; }

/* DELIVERY FORM */
.delivery-form {
  width: 100%;
  display: block;
  margin: 0; }
  .delivery-form input[type="text"] {
    width: 100%; }
  .delivery-form textarea {
    width: 100%; }
  .delivery-form select {
    width: 100%; }
  .delivery-form .half {
    width: 49%; }
  .delivery-form .half:last-child {
    float: right; }

/* CONTACT BOX */
.contact-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap; }
  .contact-box figure {
    width: 80px;
    display: inline-block; }
    .contact-box figure img {
      height: 55px; }
  .contact-box h6 {
    width: calc(100% - 80px);
    display: inline-block;
    margin: 0;
    padding: 0;
    font-family: Architectural;
    color: #c58f59;
    font-size: 50px; }
  .contact-box p {
    width: 100%;
    display: block;
    padding-left: 80px;
    margin: 0; }

/* CONTACT FORM */
.contact-form {
  width: 100%;
  display: block;
  padding: 100px;
  background: url("../images/pattern-bg.png") #c58f59;
  color: #fff; }
  .contact-form h3 {
    width: 100%;
    display: block;
    font-size: 60px;
    font-family: Architectural;
    margin-bottom: 30px; }
  .contact-form .form-group {
    width: 100%;
    display: block; }
    .contact-form .form-group:last-child {
      margin-bottom: 0; }
    .contact-form .form-group select {
      width: 100%;
      border: none; }
    .contact-form .form-group input[type="text"] {
      border: none; }
    .contact-form .form-group textarea {
      border: none; }
    .contact-form .form-group input[type="submit"] {
      border: 2px solid #fff;
      color: #fff; }

.google-maps {
  width: 100%;
  height: 80vh; }
  .google-maps iframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 10px solid #f0e8d9; }

/* ERROR 404 */
.error-404 {
  width: 100%;
  display: block;
  text-align: center; }
  .error-404 figure {
    width: 100%;
    display: block;
    margin: 0; }
    .error-404 figure img {
      height: 200px; }
  .error-404 h4 {
    width: 100%;
    display: block;
    font-size: 100px;
    font-family: Architectural;
    color: #c58f59;
    line-height: 1; }
  .error-404 p {
    display: block;
    margin: 0; }

/* INSTAGRAM FEED*/
.instagram-feed {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative; }
  .instagram-feed:before {
    content: "";
    width: 100%;
    height: 123px;
    background: #141414;
    position: absolute;
    left: 0;
    bottom: 0; }
  .instagram-feed .instagram-info {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
    margin-bottom: 30px; }
    .instagram-feed .instagram-info i {
      display: inline-block;
      font-size: 40px;
      margin-bottom: 20px;
      color: #c58f59; }
    .instagram-feed .instagram-info span {
      width: 100%;
      display: block;
      font-family: Architectural;
      font-size: 30px;
      line-height: 1;
      margin-bottom: 10px; }
    .instagram-feed .instagram-info a {
      display: inline-block; }
  .instagram-feed ul {
    width: 100%;
    display: flex;
    flex: 1;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 1; }
    .instagram-feed ul li {
      flex: 1;
      margin: 0;
      padding: 0;
      list-style: none;
      background: #141414; }
      .instagram-feed ul li figure {
        width: 100%;
        float: left;
        margin: 0; }
        .instagram-feed ul li figure a {
          width: 100%;
          float: left; }
          .instagram-feed ul li figure a img {
            width: 100%;
            float: left;
            -webkit-transition: all .25s ease-in-out;
            -moz-transition: all .25s ease-in-out;
            -ms-transition: all .25s ease-in-out;
            -o-transition: all .25s ease-in-out;
            transition: all .25s ease-in-out; }

/* FOOTER */
.footer {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  background: url("../images/footer-bg.jpg") center #131313;
  background-size: cover;
  color: #fff;
  padding-top: 150px; }
  .footer .logo {
    width: 100%;
    display: block; }
    .footer .logo a {
      display: inline-block; }
      .footer .logo a img {
        height: 50px; }
  .footer .widget-title {
    width: 100%;
    display: block;
    margin-bottom: 20px;
    margin-top: 15px;
    line-height: 1;
    color: #f0e8d9;
    font-family: Architectural;
    font-size: 34px; }
  .footer ul {
    width: 100%;
    display: block;
    margin-bottom: 20px;
    padding-left: 20px; }
    .footer ul li {
      width: 100%;
      margin: 0;
      padding: 5px 0; }
      .footer ul li a {
        display: inline-block;
        color: #fff; }
  .footer form {
    width: 100%;
    display: block;
    margin-bottom: 50px; }
    .footer form input[type="email"] {
      border: none;
      margin-bottom: 10px; }
  .footer .tripadvisor {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 50px; }
    .footer .tripadvisor h6 {
      display: inline-block;
      margin: 0;
      margin-right: 20px;
      line-height: 1;
      color: #c58f59;
      font-family: Architectural;
      font-size: 34px;
      padding-top: 4px; }
    .footer .tripadvisor img {
      display: inline-block;
      height: 46px;
      margin-right: 20px; }
    .footer .tripadvisor span {
      display: inline-block; }
      .footer .tripadvisor span b {
        font-weight: 400;
        color: #c58f59; }
  .footer .footer-bottom {
    width: 100%;
    float: left;
    padding: 30px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1); }
    .footer .footer-bottom span {
      font-size: 15px;
      float: left; }
      .footer .footer-bottom span a {
        color: #f0e8d9;
        text-decoration: underline; }
      .footer .footer-bottom span:last-child {
        float: right; }

/* RESPONSIVE MEDIUM  */
@media only screen and (max-width: 1199px), only screen and (max-device-width: 1199px) {
  .navbar .custom-menu {
    margin: 0 10px; }

  .navbar .site-menu ul li {
    margin: 0 10px; }

  .reservation-form {
    padding: 50px; }

  .side-content h3 br {
    display: none; }

  .menu-pack-box .content {
    width: 100%; }

  .side-content .thumbs li {
    width: 30%; }

  .side-content p {
    padding-right: 0; }

  .recent-post .content {
    padding: 30px; } }
/* RESPONSIVE TABLET  */
@media only screen and (max-width: 991px), only screen and (max-device-width: 991px) {
  .search-box .inner {
    width: 100vw;
    max-width: 80vw; }

  .navbar .custom-menu {
    display: none; }

  .navbar .site-menu {
    display: none; }

  .side-widget .hide-mobile {
    display: none; }

  .side-widget .show-mobile {
    display: block; }

  .slider .main-slider .button-prev {
    display: none; }

  .slider .main-slider .button-next {
    display: none; }

  .slider .main-slider .swiper-slide .slide-inner h1 {
    font-size: 54px; }

  .slider .main-slider .swiper-slide .slide-inner h1 br {
    display: none; }

  .side-content {
    margin-bottom: 50px; }

  .menu-pack-box {
    margin: 15px 0; }

  .side-image-menu-list .left-side-image {
    width: 100%; }

  .side-image-menu-list .right-side-image {
    width: 100%; }

  .side-image-menu-list .right-menu-list {
    width: 100%;
    margin-top: 50%; }

  .side-image-menu-list .left-menu-list {
    width: 100%;
    margin-top: 50%; }

  .photo-gallery li {
    width: 50%; }

  .head-chef-image {
    text-align: center; }

  .recent-post {
    margin: 15px 0; }

  .team-member {
    margin: 15px 0; }

  .tab-dishes .image {
    width: 100%;
    text-align: center;
    margin-bottom: 50px; }

  .tab-dishes .content {
    width: 100%;
    padding: 0; }

  .footer .logo {
    margin-bottom: 50px; } }
/* RESPONSIVE MOBILE */
@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
  .side-widget {
    box-shadow: none;
    max-width: 70vw; }

  .navbar {
    padding: 20px 15px; }

  .navbar .logo {
    margin-right: 0; }

  .navbar .logo a img {
    height: 40px; }

  .slider .main-slider .bottom-bar {
    padding: 20px 15px; }

  .slider .main-slider .bottom-bar .fraction {
    display: none; }

  .slider .main-slider .bottom-bar .social-media {
    width: 50%; }

  .slider .main-slider .bottom-bar .social-media span {
    display: none; }

  .slider .main-slider .bottom-bar .phone span {
    display: none; }

  .slider .main-slider .bottom-bar .phone {
    width: 50%; }

  .side-content h6 {
    font-size: 50px; }

  .side-content h3 {
    font-size: 44px; }

  .reservation-form {
    padding: 30px; }

  .reservation-form .form-group select {
    width: 100%; }

  .reservation-form .form-group .date {
    width: 48%;
    margin-right: 0; }

  .reservation-form .form-group .time {
    width: 48%; }

  .section-title h2 {
    font-size: 40px; }

  .side-image-menu-list {
    margin-bottom: 150px; }

  .side-image-menu-list .left-menu-list {
    padding: 30px 20px; }

  .service-box {
    text-align: center;
    padding: 30px; }

  .service-box figure {
    width: 100%;
    margin-bottom: 20px; }

  .service-box .content {
    width: 100%; }

  .side-image-menu-list .right-menu-list {
    padding: 30px 20px; }

  .side-content .thumbs {
    width: 100%; }

  .side-content .thumbs li {
    width: 48%; }

  .testimonials-slider .swiper-slide {
    max-width: 100%; }

  .video-box .content h6 {
    margin-bottom: 10px; }

  .tab-dishes .content h6 {
    font-display: 50px; }

  .tab-dishes .content h3 br {
    display: none; }

  .tab-dishes .content h3 {
    font-size: 44px; }

  .tab-dishes .content p {
    padding-right: 0; }

  .tab-content {
    overflow: hidden; }

  .tab-content .tab-nav-wrapper {
    max-width: 100%;
    overflow-x: scroll; }

  .tab-content .tab-nav {
    width: 1000px;
    flex-wrap: wrap; }

  .tab-content .tab-nav li {
    width: 200px;
    text-align: left; }

  .page-header .container h1 {
    font-size: 70px; }

  .instagram-feed ul {
    flex-wrap: wrap;
    flex: initial; }

  .instagram-feed ul li {
    width: 50%;
    flex: initial;
    display: inline-block; }

  .instagram-feed ul li:last-child {
    display: none; }

  .footer .tripadvisor h6 {
    width: 100%;
    display: block;
    margin-bottom: 20px; }

  .footer .footer-bottom span {
    font-size: 12px; }

  .footer .footer-bottom span:last-child {
    float: left;
    margin-top: 10px; } }

/*# sourceMappingURL=style.css.map */

/* Localized */