/* Delici - Restaurants HTML Template */

/*** 

====================================================================
      Fonts
====================================================================

 ***/

@import url("global.css");
@import url("swiper.css");
@import url("owl.css");
@import url("preloader.css");
@import url("font-awesome.css");
@import url("simple-line-icons.css");
@import url("animate.css");
@import url("jquery-ui.css");
@import url("jquery.fancybox.min.css");
@import url("custom-animate.css");

/*** 

====================================================================

  Main Header style

====================================================================

***/

.main-header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  padding: var(--padding-zero);
  background: none;
  min-height: 0;
  z-index: 999;
  transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
}

.fixed-header.header-down {
  top: -51px;
}

.fixed-header.header-up {
  top: -175px;
}

.main-header .auto-container {
  max-width: 1780px;
  padding: 0 20px;
}

.header-top {
  position: relative;
  padding-top: var(--padding-top-10);
  padding-bottom: var(--padding-bottom-10);
  background: none;
  color: #ffffff;
  border-bottom: 1px solid var(--white-color-opacity-four);
}

.header-top .top-left {
  position: relative;
  float: left;
  line-height: 30px;
}

.header-top .top-info {
  position: relative;
}

.header-top .top-info li {
  position: relative;
  float: left;
  margin-right: 70px;
  line-height: 30px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
}

.header-top .top-info li:last-child {
  margin-right: 0;
}

.header-top .top-info li .icon {
  position: relative;
  padding-right: var(--padding-right-5);
}

.header-top .top-info li:after {
  content: "";
  position: absolute;
  left: 100%;
  margin-left: var(--margin-left-30);
  top: 50%;
  margin-top: -4px;
  height: 8px;
  width: 8px;
  border: 1px solid var(--main-color);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.header-top .top-info li:last-child:after {
  display: none;
}

.header-top .top-info li a {
  position: relative;
  display: block;
  line-height: 30px;
  color: #ffffff;
  transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
}

.header-top .top-info li a:hover {
  color: var(--main-color);
}

.header-top .top-right {
  position: relative;
  float: right;
  line-height: 30px;
}

.main-header .header-upper {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  background: none;
  padding: 0 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
}

.fixed-header .header-upper {
  position: relative;
  /*top: 0;*/
  background: #202020;
  border-bottom-color: rgba(0, 0, 0, 0.15);
}

.header-two.fixed-header .header-upper {
  background: #ffffff;
}

.main-header ul,
.main-header ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.main-header .main-box {
  position: relative;
  padding: 0px;
}

.main-header .main-box .logo-box {
  position: relative;
  display: block;
  float: left;
  padding: 0px 0px;
  transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  z-index: 5;
}

.fixed-header .main-box .logo-box {
  padding: 20px 0px;
}

.fixed-header .main-menu .navigation > li {
  padding: 10px 0px;
}

.main-header.fixed-header .main-menu .navigation > li > ul {
  top: 134%;
}

.main-header.fixed-header .header-upper .links-box {
  padding: 15px 0px;
}

.main-header .main-box .logo-box .logo {
  position: relative;
  display: block;
}

.main-header .main-box .logo-box .logo img {
  position: relative;
  display: block;
  height: 150px;
  z-index: 1;
}

.main-header .nav-box {
  position: static;
  float: right;
}

.main-header .header-upper .links-box {
  position: relative;
  float: left;
  padding-top: var(--padding-top-38);
  padding-bottom: var(--padding-bottom-38);
  margin-left: var(--margin-left-150);
}

.main-header .header-upper .links-box .link {
  position: relative;
  float: left;
  margin-left: var(--margin-left-50);
}

.main-header .header-upper .links-box .link:first-child {
  margin-left: 0;
}

.main-header .info-btn {
  position: relative;
  cursor: pointer;
  background: none;
  font-size: var(--font-16);
  color: var(--white-color);
  padding-top: var(--padding-top-15);
  line-height: 34px;
}

.main-header .info-btn img {
  height: 20px;
}

.main-header .nav-toggler {
  position: relative;
  float: left;
  left: 0;
  top: 0;
  padding: 0;
  margin-top: var(--margin-top-40);
  margin-left: var(--margin-left-20);
  display: none;
}

.fixed-header .nav-toggler {
  margin-top: var(--margin-top-18);
}

.main-header .nav-toggler button {
  position: relative;
  width: 30px;
  height: 40px;
  line-height: 40px;
  background: none;
  color: #e1e1e1;
  font-size: var(--font-16);
  margin: 0px;
  border-radius: 0px;
  outline: none !important;
}

.main-header .nav-toggler button img {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.main-header .nav-outer {
  position: static;
  float: left;
}

.main-menu {
  position: static;
  display: block;
  padding: 0px 0px;
}

.main-menu .navbar-collapse {
  padding: 0px;
  margin: 0px;
  border: none;
  box-shadow: none;
}

.main-menu .navigation {
  position: static;
  z-index: 1;
}

.main-menu .navigation > li {
  position: static;
  display: block;
  float: left;
  padding: 30px 0px;
  margin-left: var(--margin-left-50);
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.main-menu .navigation > li.dropdown {
  position: relative;
}

.main-menu .navigation > li.dropdown.has-mega-menu {
  position: static;
}

.main-menu .navigation > li.dropdown > a {
  padding-right: var(--padding-right-20);
}

.main-menu .navigation > li.dropdown > a:after {
  content: "\f107";
  position: absolute;
  right: 0px;
  top: 18px;
  display: block;
  line-height: 30px;
  font-size: var(--font-12);
  font-weight: 400;
  z-index: 5;
}

.main-menu .navigation > li > a:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 15px;
  display: block;
  height: 5px;
  border-top: 1px solid var(--main-color);
  border-bottom: 1px solid var(--main-color);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.main-menu .navigation > li.dropdown > a:before {
  right: 20px;
}

.main-menu .navigation > li:hover > a:before,
.main-menu .navigation > li.current > a:before,
.main-menu .navigation > li.current-menu-item > a:before {
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: visible;
}

.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a,
.main-menu .navigation > li.current-menu-item > a {
  color: var(--main-color);
  text-decoration: none;
  opacity: 1;
}

.main-menu .navigation > li > ul {
  position: absolute;
  left: -35px;
  top: 100%;
  width: 280px;
  padding-top: var(--padding-top-30);
  padding-bottom: var(--padding-bottom-30);
  z-index: 100;
  opacity: 1;
  text-align: left;
  background: var(--color-two);
  border: none;
  border-radius: 0;
  -webkit-box-shadow:
    2px 2px 10px 1px rgba(0, 0, 0, 0.03),
    -2px 0px 10px 1px rgba(0, 0, 0, 0.03);
  -ms-box-shadow:
    2px 2px 10px 1px rgba(0, 0, 0, 0.03),
    -2px 0px 10px 1px rgba(0, 0, 0, 0.03);
  -o-box-shadow:
    2px 2px 10px 1px rgba(0, 0, 0, 0.03),
    -2px 0px 10px 1px rgba(0, 0, 0, 0.03);
  -moz-box-shadow:
    2px 2px 10px 1px rgba(0, 0, 0, 0.03),
    -2px 0px 10px 1px rgba(0, 0, 0, 0.03);
  box-shadow:
    2px 2px 10px 1px rgba(0, 0, 0, 0.03),
    -2px 0px 10px 1px rgba(0, 0, 0, 0.03);
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  -moz-transition: all 100ms ease;
  -webkit-transition: all 100ms ease;
  -ms-transition: all 100ms ease;
  -o-transition: all 100ms ease;
  transition: all 100ms ease;
}

.main-menu .navigation > li.dropdown.has-mega-menu > ul {
  left: 0;
  width: 100%;
  padding-top: var(--padding-top-55);
  padding-bottom: var(--padding-bottom-20);
}

.main-menu .navigation > li.dropdown.has-mega-menu > ul .auto-container {
  max-width: 1200px;
}

.main-menu .navigation > li .mega-menu {
  position: relative;
}

.main-menu .navigation > li.dropdown.has-mega-menu > ul:before {
  content: "";
  position: absolute;
  top: 0;
  right: 100%;
  width: 2000px;
  height: 100%;
  background: var(--color-two);
}

.main-menu .navigation > li.dropdown.has-mega-menu > ul:after {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  width: 2000px;
  height: 100%;
  background: var(--color-two);
}

.main-menu .navigation > li .mega-menu .menu-inner {
  position: relative;
}

.main-menu .navigation > li .mega-menu .row {
  margin: 0 -25px;
}

.main-menu .navigation > li .mega-menu .menu-block {
  position: relative;
  padding: 0 25px;
  margin-bottom: var(--margin-bottom-30);
  text-align: center;
}

.main-menu .navigation > li .mega-menu .menu-block .image {
  position: relative;
  display: block;
  width: 100%;
  border: 1px solid transparent;
  margin-bottom: var(--margin-bottom-15);
  overflow: hidden;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.main-menu .navigation > li .mega-menu .menu-block:hover .image {
  border-color: var(--main-color);
}

.main-menu .navigation > li .mega-menu .menu-block .image img {
  display: block;
  width: 100%;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.main-menu .navigation > li .mega-menu .menu-block:hover .image img {
  transform: scale(1.05);
}

.main-menu .navigation > li .mega-menu .menu-block .title {
  position: relative;
  display: block;
  font-size: var(--font-13);
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.main-menu .navigation > li .mega-menu .menu-block .title a {
  position: relative;
  color: var(--white-color);
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.main-menu .navigation > li .mega-menu .menu-block:hover .title a {
  color: var(--main-color);
}

.main-menu .navigation > li > ul > li {
  position: relative;
  margin-bottom: var(--margin-bottom-10);
}

.main-menu .navigation > li > ul > li:last-child {
  margin-bottom: 0;
}

.main-menu .navigation > li > ul > li > a {
  position: relative;
  display: block;
  padding-left: var(--padding-left-35);
  padding-right: var(--padding-right-35);
  font-size: var(--font-15);
  line-height: 30px;
  font-weight: 400;
  color: var(--white-color);
  text-transform: capitalize;
  -moz-transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.main-menu .navigation > li > ul > li.dropdown > a:after {
  font-family: "Font Awesome 6 Pro";
  content: "\f105";
  position: absolute;
  right: 30px;
  top: 0px;
  display: block;
  line-height: 30px;
  font-size: var(--font-12);
  font-weight: 400;
  z-index: 5;
}

.main-menu .navigation > li > ul > li > a:before {
  content: "";
  position: absolute;
  left: 35px;
  top: 50%;
  margin-top: -4px;
  height: 8px;
  width: 8px;
  border: 1px solid var(--main-color);
  opacity: 0;
  visibility: hidden;
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -moz-transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.main-menu .navigation > li > ul > li:hover > a:before,
.main-menu .navigation > li > ul > li.current > a:before {
  opacity: 1;
  visibility: visible;
}

.main-menu .navigation > li > ul > li:hover > a,
.main-menu .navigation > li > ul > li.current > a {
  color: var(--main-color);
  padding-left: 55px;
}

.main-menu .navigation > li.dropdown:hover > ul {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(-30px);
  -ms-transform: translateY(-30px);
  transform: translateY(-30px);
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.main-menu .navigation > li > ul > li > ul {
  position: absolute;
  left: 100%;
  top: 0;
  margin-left: 2px;
  width: 280px;
  padding-top: var(--padding-top-30);
  padding-bottom: var(--padding-bottom-30);
  z-index: 100;
  opacity: 1;
  text-align: left;
  background: var(--color-two);
  border: none;
  border-radius: 0;
  -webkit-box-shadow:
    2px 2px 10px 1px rgba(0, 0, 0, 0.03),
    -2px 0px 10px 1px rgba(0, 0, 0, 0.03);
  -ms-box-shadow:
    2px 2px 10px 1px rgba(0, 0, 0, 0.03),
    -2px 0px 10px 1px rgba(0, 0, 0, 0.03);
  -o-box-shadow:
    2px 2px 10px 1px rgba(0, 0, 0, 0.03),
    -2px 0px 10px 1px rgba(0, 0, 0, 0.03);
  -moz-box-shadow:
    2px 2px 10px 1px rgba(0, 0, 0, 0.03),
    -2px 0px 10px 1px rgba(0, 0, 0, 0.03);
  box-shadow:
    2px 2px 10px 1px rgba(0, 0, 0, 0.03),
    -2px 0px 10px 1px rgba(0, 0, 0, 0.03);
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  -moz-transition: all 100ms ease;
  -webkit-transition: all 100ms ease;
  -ms-transition: all 100ms ease;
  -o-transition: all 100ms ease;
  transition: all 100ms ease;
}

.main-menu .navigation > li > ul > li > ul:before {
  content: "";
  position: absolute;
  left: -2px;
  top: 0;
  width: 2px;
  height: 100%;
}

.main-menu .navigation > li > ul > li > ul > li {
  position: relative;
  margin-bottom: var(--margin-bottom-10);
}

.main-menu .navigation > li > ul > li > ul > li:last-child {
  margin-bottom: 0;
}

.main-menu .navigation > li > ul > li > ul > li > a {
  position: relative;
  display: block;
  padding-left: var(--padding-left-35);
  padding-right: var(--padding-right-35);
  font-size: var(--font-15);
  line-height: 30px;
  font-weight: 400;
  color: var(--white-color);
  text-transform: capitalize;
  -moz-transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.main-menu .navigation > li > ul > li > ul > li > a:before {
  content: "";
  position: absolute;
  left: 35px;
  top: 50%;
  margin-top: -4px;
  height: 8px;
  width: 8px;
  border: 1px solid var(--main-color);
  opacity: 0;
  visibility: hidden;
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -moz-transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.main-menu .navigation > li > ul > li > ul > li:hover > a:before,
.main-menu .navigation > li > ul > li > ul > li.current > a:before {
  opacity: 1;
  visibility: visible;
}

.main-menu .navigation > li > ul > li > ul > li.dropdown > a:after {
  font-family: "Font Awesome 6 Pro";
  content: "\f105";
  position: absolute;
  right: 30px;
  top: 0px;
  display: block;
  line-height: 30px;
  font-size: var(--font-12);
  font-weight: 400;
  z-index: 5;
}

.main-menu .navigation > li > ul > li > ul > li:hover > a,
.main-menu .navigation > li > ul > li > ul > li.current > a {
  color: var(--main-color);
  padding-left: 55px;
}

.main-menu .navigation > li > ul > li.dropdown:hover > ul {
  visibility: visible;
  opacity: 1;
  top: 0;
  -webkit-transform: translateY(-30px);
  -ms-transform: translateY(-30px);
  transform: translateY(-30px);
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

/*** 

====================================================================
  Hidden Sidebar style
====================================================================

***/

body.visible-sidebar {
  overflow-y: hidden;
}

.menu-backdrop {
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9990;
  background: var(--black-color-opacity);
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
}

.visible-sidebar .menu-backdrop {
  opacity: 1;
  visibility: visible;
}

.hidden-bar {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  max-width: 360px;
  background: var(--color-two);
  height: 100%;
  overflow-y: auto;
  z-index: 9999;
  visibility: hidden;
  -ms-transform: translateX(-400px);
  transform: translateX(-400px);
  transition: all 500ms ease-in;
  -webkit-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
}

.hidden-bar.visible-sidebar {
  opacity: 1;
  visibility: visible;
  -ms-transform: translateX(0px);
  transform: translateX(0px);
}

.hidden-bar ol,
.hidden-bar ol li,
.hidden-bar ul,
.hidden-bar ul li {
  list-style-type: none;
  margin: 0px;
}

.hidden-bar .inner-box {
  position: relative;
  background-color: var(--color-two);
  padding-top: var(--padding-top-50);
  padding-bottom: var(--padding-bottom-50);
}

.hidden-bar .inner-box .cross-icon {
  position: absolute;
  right: 30px;
  top: 30px;
  cursor: pointer;
  color: var(--white-color);
  font-size: var(--font-14);
  width: 26px;
  height: 26px;
  line-height: 24px;
  text-align: center;
  border: 1px solid var(--white-color);
  border-radius: 50%;
}

.hidden-bar .inner-box .cross-icon:hover {
  color: var(--main-color);
  border-color: var(--main-color);
}

.hidden-bar .inner-box .logo-box {
  position: relative;
  line-height: 50px;
  padding-left: var(--padding-left-30);
  padding-right: var(--padding-right-30);
  text-align: center;
}

.hidden-bar .inner-box .logo-box img {
  position: relative;
}

.hidden-bar h2 {
  position: relative;
  font-size: var(--font-50);
  text-transform: capitalize;
  margin-bottom: var(--margin-bottom-15);
  text-align: center;
}

.hidden-bar .info {
  position: relative;
  text-align: center;
  padding-left: var(--padding-left-20);
  padding-right: var(--padding-right-20);
}

.hidden-bar .info li {
  position: relative;
  line-height: 1.6em;
  color: var(--color-one);
  margin-bottom: var(--margin-bottom-10);
}

.hidden-bar .info li:last-child {
  margin-bottom: 0;
}

.hidden-bar .info li a {
  color: var(--color-one);
}

.hidden-bar .info li a:hover {
  color: var(--main-color);
}

.hidden-bar .separator {
  position: relative;
  margin-top: var(--margin-top-30);
  margin-bottom: var(--margin-bottom-30);
}

.hidden-bar .separator span {
  position: relative;
  display: block;
  height: 8px;
  width: 8px;
  border: 1px solid var(--main-color);
  margin: 0 auto;
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.hidden-bar .booking-info {
  position: relative;
  text-align: center;
  padding-left: var(--padding-left-20);
  padding-right: var(--padding-right-20);
}

.hidden-bar .booking-info .bk-title {
  position: relative;
  font-weight: 700;
  text-transform: capitalize;
  margin-bottom: 5px;
}

.hidden-bar .booking-info .bk-no {
  position: relative;
  font-size: var(--font-30);
  color: var(--main-color);
  line-height: 1em;
}

.hidden-bar .booking-info .bk-no a {
  position: relative;
  display: inline-block;
  color: var(--main-color);
}

.hidden-bar .booking-info .bk-no a:before {
  position: absolute;
  content: "";
  left: 5px;
  right: 5px;
  bottom: -7px;
  height: 5px;
  opacity: 0;
  transform: scale(0.2, 1);
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  border-top: 1px solid var(--main-color);
  border-bottom: 1px solid var(--main-color);
}

.hidden-bar .booking-info .bk-no a:hover::before {
  opacity: 1;
  transform: scale(1, 1);
}

.hidden-bar .side-menu {
  position: relative;
  display: block;
  padding-left: var(--padding-left-60);
  padding-right: var(--padding-right-60);
  margin-bottom: var(--margin-bottom-50);
}

.hidden-bar .side-menu ul {
  position: relative;
  border-top: 1px solid var(--white-color-opacity-four);
}

.hidden-bar .side-menu ul li {
  position: relative;
  display: block;
  border-bottom: 1px solid var(--white-color-opacity-four);
}

.hidden-bar .side-menu ul li a {
  position: relative;
  color: var(--white-color);
  display: block;
  font-weight: 400;
  font-size: var(--font-12);
  line-height: 30px;
  text-transform: uppercase;
  padding-top: var(--padding-top-10);
  padding-bottom: var(--padding-bottom-10);
  letter-spacing: 0.15em;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.hidden-bar .side-menu ul li:hover > a,
.hidden-bar .side-menu ul > li.current > a,
.hidden-bar .side-menu ul > li > ul > li.current > a {
  color: var(--main-color);
}

.hidden-bar .side-menu ul li > a:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 50%;
  margin-top: -4px;
  height: 8px;
  width: 8px;
  border: 1px solid var(--main-color);
  opacity: 0;
  visibility: hidden;
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -moz-transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.hidden-bar .side-menu ul li:hover > a:before,
.hidden-bar .side-menu ul li.current > a:before {
  opacity: 1;
  visibility: visible;
}

.hidden-bar .side-menu ul li:hover > a,
.hidden-bar .side-menu ul li.current > a {
  color: var(--main-color);
  padding-left: 20px;
}

.hidden-bar .side-menu ul li ul li:last-child {
  border-bottom: none;
}

.hidden-bar .side-menu ul li .btn-expander {
  position: absolute;
  top: 10px;
  right: 0px;
  background: none;
  color: var(--white-color);
  font-size: var(--font-12);
  height: 30px;
  width: 30px;
  text-align: right;
  line-height: 30px;
  border-radius: 0px;
  outline: none;
  cursor: pointer;
  z-index: 1;
}

.hidden-bar .side-menu ul li .btn-expander i {
  font-weight: 700;
}

/*** 

====================================================================
  Hidden Sidebar style
====================================================================

***/

.info-bar {
  position: fixed;
  right: -440px;
  top: 0px;
  width: 100%;
  max-width: 440px;
  height: 100%;
  overflow-y: auto;
  z-index: 99999;
  opacity: 0;
  background: var(--color-two) url(../images/background/pattern-7.png) center
    top repeat;
  visibility: hidden;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.info-back-drop {
  position: fixed;
  right: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: var(--black-color-opacity-two);
  visibility: hidden;
  z-index: 9990;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}

.side-content-visible .info-back-drop {
  opacity: 1;
  visibility: visible;
}

.side-content-visible .info-bar {
  right: 0px;
  opacity: 1;
  visibility: visible;
}

.info-bar .inner-box {
  position: relative;
  background: var(--color-two) url(../images/background/pattern-7.png) center
    top repeat;
  padding-top: var(--padding-top-100);
  padding-bottom: var(--padding-bottom-50);
  padding-left: var(--padding-left-30);
  padding-right: var(--padding-right-30);
  text-align: center;
}

.info-bar .inner-box .cross-icon {
  position: absolute;
  right: 30px;
  top: 30px;
  cursor: pointer;
  color: var(--white-color);
  font-size: var(--font-14);
  width: 26px;
  height: 26px;
  line-height: 24px;
  text-align: center;
  border: 1px solid var(--white-color);
  border-radius: 50%;
}

.info-bar .inner-box .cross-icon:hover {
  color: var(--main-color);
  border-color: var(--main-color);
}

.info-bar .inner-box .logo-box {
  position: relative;
  line-height: 50px;
  margin-bottom: var(--margin-bottom-45);
}

.info-bar .inner-box .logo-box img {
  position: relative;
}

.info-bar .inner-box .image-box {
  position: relative;
  max-width: 200px;
  margin: 0 auto;
  margin-bottom: var(--margin-bottom-45);
  border-radius: 50%;
}

.info-bar .inner-box .image-box img {
  position: relative;
  display: block;
  width: 100%;
  border-radius: 50%;
}

.info-bar h2 {
  position: relative;
  font-size: var(--font-50);
  text-transform: capitalize;
  margin-bottom: var(--margin-bottom-15);
}

.info-bar .info {
  position: relative;
}

.info-bar .info li {
  position: relative;
  line-height: 1.6em;
  color: var(--color-one);
  margin-bottom: var(--margin-bottom-10);
}

.info-bar .info li:last-child {
  margin-bottom: 0;
}

.info-bar .info li a {
  color: var(--color-one);
}

.info-bar .info li a:hover {
  color: var(--main-color);
}

.info-bar .separator {
  position: relative;
  margin-top: var(--margin-top-30);
  margin-bottom: var(--margin-bottom-30);
}

.info-bar .separator span {
  position: relative;
  display: block;
  height: 8px;
  width: 8px;
  border: 1px solid var(--main-color);
  margin: 0 auto;
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.info-bar .booking-info {
  position: relative;
}

.info-bar .booking-info .bk-title {
  position: relative;
  font-weight: 700;
  text-transform: capitalize;
  margin-bottom: 5px;
}

.info-bar .booking-info .bk-no {
  position: relative;
  font-size: var(--font-30);
  color: var(--main-color);
  line-height: 1em;
}

.info-bar .booking-info .bk-no a {
  position: relative;
  display: inline-block;
  color: var(--main-color);
}

.info-bar .booking-info .bk-no a:before {
  position: absolute;
  content: "";
  left: 5px;
  right: 5px;
  bottom: -8px;
  height: 5px;
  opacity: 0;
  transform: scale(0.2, 1);
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  border-top: 1px solid var(--main-color);
  border-bottom: 1px solid var(--main-color);
}

.info-bar .booking-info .bk-no a:hover::before {
  opacity: 1;
  transform: scale(1, 1);
}

/*** 

====================================================================
  Banner Slider Section
====================================================================

***/

.banner-section {
  position: relative;
  padding: 0 0;
  background: var(--black-color);
}

.banner-section .banner-container {
  position: relative;
}

.banner-section .banner-slider {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.banner-section .slide-item {
  position: relative;
  width: 100%;
  padding: 0px;
  overflow: hidden;
}

.banner-section .slide-item:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  z-index: 1;
}

.banner-section .slide-item .image-layer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0ms linear 0ms;
  -ms-transition: all 0ms linear 0ms;
  -o-transition: all 0ms linear 0ms;
  -moz-transition: all 0ms linear 0ms;
  transition: all 0ms linear 0ms;
}

.banner-section .slide-item.swiper-slide-active .image-layer {
  -ms-transform: scale(1.15);
  transform: scale(1.15);
  -webkit-transition: all 7000ms linear 0ms;
  -ms-transition: all 7000ms linear 0ms;
  -o-transition: all 7000ms linear 0ms;
  -moz-transition: all 7000ms linear 0ms;
  transition: all 7000ms linear 0ms;
}

.banner-section .slide-item .image-layer:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.banner-section .slide-item .content-box {
  position: relative;
  display: table;
  vertical-align: middle;
  width: 100%;
  padding-top: var(--padding-top-150);
  padding-bottom: var(--padding-bottom-50);
  height: 880px;
  min-height: 100vh;
  z-index: 10;
}

.banner-section .slide-item .content {
  position: relative;
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  z-index: 5;
}

.banner-section .slide-item .inner {
  position: relative;
  display: block;
  max-width: 950px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  z-index: 5;
}

.banner-section .slide-item .subtitle {
  position: relative;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--main-color);
  font-size: var(--font-12);
  letter-spacing: 0.4em;
  margin-bottom: var(--margin-bottom-10);
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(30px);
  -ms-transform: translateY(30px);
  transform: translateY(30px);
}

.banner-section .slide-item .pattern-image {
  position: relative;
  width: 100px;
  margin: 0 auto;
  margin-bottom: var(--margin-bottom-30);
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(30px);
  -ms-transform: translateY(30px);
  transform: translateY(30px);
}

.banner-section .swiper-slide-active .subtitle,
.banner-section .swiper-slide-active .pattern-image {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
  -webkit-transition: all 1000ms ease 500ms;
  -ms-transition: all 1000ms ease 500ms;
  -o-transition: all 1000ms ease 500ms;
  -moz-transition: all 1000ms ease 500ms;
  transition: all 1000ms ease 500ms;
}

.banner-section .slide-item h1 {
  position: relative;
  font-weight: 400;
  text-transform: none;
  line-height: 1em;
  margin: 0px 0px;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(30px);
  -ms-transform: translateY(30px);
  transform: translateY(30px);
}

.banner-section .slide-item h1 span {
  position: relative;
  display: inline-block;
  vertical-align: top;
}

.banner-section .swiper-slide-active h1 {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
  -webkit-transition: all 1000ms ease 1000ms;
  -ms-transition: all 1000ms ease 1000ms;
  -o-transition: all 1000ms ease 1000ms;
  -moz-transition: all 1000ms ease 1000ms;
  transition: all 1000ms ease 1000ms;
}

.banner-section .slide-item .text {
  position: relative;
  display: block;
  font-size: var(--font-20);
  margin-top: var(--margin-top-10);
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(30px);
  -ms-transform: translateY(30px);
  transform: translateY(30px);
}

.banner-section .swiper-slide-active .text {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
  -webkit-transition: all 1000ms ease 1500ms;
  -ms-transition: all 1000ms ease 1500ms;
  -o-transition: all 1000ms ease 1500ms;
  -moz-transition: all 1000ms ease 1500ms;
  transition: all 1000ms ease 1500ms;
}

.banner-section .slide-item .links-box {
  position: relative;
  display: block;
  padding-top: var(--padding-top-40);
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(30px);
  -ms-transform: translateY(30px);
  transform: translateY(30px);
}

.banner-section .swiper-slide-active .links-box {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
  -webkit-transition: all 1000ms ease 2000ms;
  -ms-transition: all 1000ms ease 2000ms;
  -o-transition: all 1000ms ease 2000ms;
  -moz-transition: all 1000ms ease 2000ms;
  transition: all 1000ms ease 2000ms;
}

.banner-section .slide-item .links-box .link {
  position: relative;
  display: inline-block;
  vertical-align: top;
}

.banner-section .slide-item .links-box .link .theme-btn {
}

.banner-section .swiper-button-next,
.banner-section .swiper-button-prev {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  display: inline-block;
  vertical-align: top;
  width: 44px;
  height: 44px;
  line-height: 44px;
  font-size: var(--font-24);
  text-align: center;
  background: transparent;
  color: var(--main-color);
  border-radius: 0%;
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
}

.banner-section .swiper-button-next span,
.banner-section .swiper-button-prev span {
  position: relative;
  z-index: 1;
}

.banner-section .swiper-button-next:after,
.banner-section .swiper-button-prev:after {
  display: none;
}

.banner-section .swiper-button-next:before,
.banner-section .swiper-button-prev:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 1px solid var(--main-color);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
}

.banner-section .swiper-button-next {
  right: 30px;
}

.banner-section .swiper-button-prev {
  left: 30px;
}

.banner-section .swiper-button-next:hover,
.banner-section .swiper-button-prev:hover {
  color: var(--black-color);
}

.banner-section .swiper-button-next:hover:before,
.banner-section .swiper-button-prev:hover:before {
  background: var(--main-color);
}

.banner-section .book-btn {
  position: absolute;
  right: 50px;
  bottom: 50px;
  width: 110px;
  height: 110px;
  z-index: 10;
}

.banner-section .book-btn:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 1px solid var(--main-color);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.banner-section .book-btn a {
  position: relative;
  display: block;
  width: 110px;
  height: 110px;
  color: var(--black-color);
  background: var(--main-color);
  padding-top: var(--padding-top-12);
  padding-left: var(--padding-left-10);
  padding-right: var(--padding-right-10);
  text-align: center;
  z-index: 1;
}

.banner-section .book-btn a .icon {
  position: relative;
  display: block;
  margin-bottom: var(--margin-bottom-7);
}

.banner-section .book-btn a .txt {
  position: relative;
  display: block;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1.5em;
  color: var(--black-color);
  font-size: var(--font-12);
  letter-spacing: 0.15em;
}

/*** 

====================================================================
  Title Box Section
====================================================================

***/

.title-box {
  position: relative;
  margin-bottom: var(--margin-bottom-70);
}

.title-box.centered {
  margin: 0 auto;
  text-align: center;
}

.title-box .subtitle {
  position: relative;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--main-color);
  font-size: var(--font-12);
  letter-spacing: 0.4em;
  line-height: 1em;
  margin-bottom: var(--margin-bottom-10);
}

.title-box .pattern-image {
  position: relative;
  margin-bottom: var(--margin-bottom-15) !important;
}

.title-box .pattern-image img {
  max-width: 100px;
}

.title-box.centered .pattern-image {
  margin: 0 auto;
}

.title-box h2 {
  position: relative;
  margin-bottom: 0;
}

.title-box h3 {
  position: relative;
  margin-bottom: 0;
}

.title-box .text {
  position: relative;
  padding-top: var(--padding-top-15);
  line-height: 1.85em;
}

.title-box.centered .text {
  max-width: 420px;
  margin: 0 auto;
}

/*** 

====================================================================
  We Offer Section
====================================================================

***/

.we-offer-section {
  position: relative;
  padding-top: var(--padding-top-100);
  padding-bottom: var(--padding-bottom-50);
  background: var(--color-five);
}

.we-offer-section .right-top-bg {
  position: absolute;
  right: 0;
  top: 0;
}

.we-offer-section .left-bot-bg {
  position: absolute;
  left: 0;
  bottom: 0;
}

.we-offer-section .row {
  margin: 0 -75px;
}

.offer-block {
  position: relative;
  margin-bottom: var(--margin-bottom-30);
}

.we-offer-section .row .offer-block {
  padding-left: var(--padding-left-75);
  padding-right: var(--padding-right-75);
  margin-bottom: var(--margin-bottom-50);
}

.offer-block .inner-box {
  position: relative;
  display: block;
  text-align: center;
}

.offer-block .inner-box .image {
  position: relative;
  display: block;
  overflow: hidden;
  padding-top: var(--padding-top-30);
  padding-bottom: var(--padding-bottom-30);
}

.offer-block .inner-box .image:after {
  position: absolute;
  top: 0;
  left: -85%;
  z-index: 2;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
  background: -o-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.4) 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(rgba(255, 255, 255, 0)),
    to(rgba(255, 255, 255, 0.4))
  );
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.4) 100%
  );
  -webkit-transform: skewX(-25deg);
  -ms-transform: skewX(-25deg);
  transform: skewX(-25deg);
  z-index: 1;
}

.offer-block .inner-box:hover .image:after {
  -webkit-animation: shine 1s;
  animation: shine 1s;
}

.offer-block .inner-box .image:before {
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -70px;
  width: 140px;
  top: 0;
  bottom: 0;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  background: url(../images/background/pattern-8.svg) center repeat;
}

.offer-block .inner-box:hover .image:before {
  transform: rotateY(180deg);
  -webkit-transition-delay: 300ms;
  -moz-transition-delay: 300ms;
  -ms-transition-delay: 300ms;
  -o-transition-delay: 300ms;
  transition-delay: 300ms;
}

.offer-block .inner-box .image img {
  position: relative;
  display: block;
  width: 100%;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.offer-block .inner-box:hover .image img {
  transform: scale(1.04, 1.04);
}

.offer-block h3 {
  position: relative;
  text-transform: capitalize;
}

.offer-block h3 a {
  color: var(--white-color);
}

.offer-block .more-link {
  position: relative;
}

.offer-block .more-link a {
  display: inline-block;
  vertical-align: top;
  font-size: var(--font-12);
  color: var(--main-color);
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.2em;
  line-height: 1.5em;
  padding-bottom: 4px;
}

.offer-block .more-link a:before {
  position: absolute;
  content: "";
  left: 5px;
  right: 5px;
  bottom: -4px;
  height: 4px;
  opacity: 0;
  transform: scale(0.2, 1);
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  border-bottom: 1px solid var(--main-color);
  border-top: 1px solid var(--main-color);
}

.offer-block .more-link a:hover::before {
  opacity: 1;
  transform: scale(1, 1);
}

.offer-block .more-link a:hover {
  color: var(--white-color);
  border-color: var(--white-color);
}

/*** 

====================================================================
  Story Section
====================================================================

***/

.story-section {
  position: relative;

  background-color: var(--color-four);
}

.story-section .left-bg {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -95px;
}

.story-section .text-col {
  position: relative;
  margin-bottom: var(--margin-bottom-40);
}

.story-section .text-col .inner {
  position: relative;
  display: block;
  padding-right: var(--padding-right-90);
  text-align: center;
}

.story-section .text-col .title-box {
  margin-bottom: var(--margin-bottom-30);
}

.story-section .booking-info {
  position: relative;
  text-align: center;
}

.story-section .booking-info .bk-title {
  position: relative;
  font-weight: 700;
  text-transform: capitalize;
  margin-bottom: 5px;
}

.story-section .booking-info .bk-no {
  position: relative;
  font-size: var(--font-24);
  color: var(--main-color);
  line-height: 1em;
  margin-bottom: var(--margin-bottom-30);
}

.story-section .booking-info .bk-no a {
  color: var(--main-color);
  padding-bottom: var(--padding-bottom-5);
}

.story-section .booking-info .bk-no a:before {
  position: absolute;
  content: "";
  left: 5px;
  right: 5px;
  bottom: 0px;
  height: 5px;
  opacity: 0;
  transform: scale(0.2, 1);
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  border-top: 1px solid var(--main-color);
  border-bottom: 1px solid var(--main-color);
}

.story-section .booking-info .bk-no a:hover::before {
  opacity: 1;
  transform: scale(1, 1);
}

.hidden-bar .booking-info .bk-no a:hover::before {
  opacity: 1;
}

.story-section .image-col {
  position: relative;
  margin-bottom: var(--margin-bottom-40);
}

.story-section .image-col .inner {
  position: relative;
  display: block;
}

.story-section .image-col .round-stamp {
  position: absolute;
  right: -60px;
  top: -65px;
  z-index: 3;
}

.story-section .image-col .round-stamp:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background: url(../images/resource/badge-1-bg.png) no-repeat;
}

.story-section .image-col .images {
  position: relative;
  padding-left: var(--padding-left-90);
}

.story-section .image-col .images img {
  position: relative;
  display: block;
  width: 100%;
  z-index: 1;
}

.story-section .image-col .images .image:nth-child(2) {
  position: absolute !important;
  left: 0 !important;
  top: auto !important;
  bottom: -160px !important;
  width: 285px;
  padding-top: var(--padding-top-50);
  padding-bottom: var(--padding-bottom-50);
  z-index: 2;
}

.story-section .image-col .images .image:nth-child(2):before {
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -70px;
  width: 140px;
  top: 0;
  bottom: 0;
  background: url(../images/background/pattern-8.svg) center repeat;
}

/*** 

====================================================================
  Special Dish Section
====================================================================

***/

.special-dish {
  position: relative;
  background: var(--color-five);
}

.special-dish .right-bg {
  position: absolute;
  right: 0;
  bottom: 140px;
}

.special-dish .bottom-image {
  position: absolute;
  right: 0;
  bottom: -170px;
  z-index: 1;
}

.special-dish .outer-container {
  position: relative;
}

.special-dish .row {
  margin: 0 0;
}

.special-dish .image-col {
  position: relative;
  padding: 0 0;
}

.special-dish .image-col .inner {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  min-height: 100%;
}

.special-dish .image-col .image-layer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.special-dish .image-col .image-layer:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.special-dish .image-col .image {
  position: relative;
  display: none;
}

.special-dish .image-col .image img {
  position: relative;
  display: block;
  width: 100%;
}

.special-dish .content-col {
  position: relative;
  padding: 0 0;
}

.special-dish .content-col .inner {
  position: relative;
  display: block;
  max-width: 600px;
  padding-top: var(--padding-top-225);
  padding-bottom: var(--padding-bottom-225);
  padding-left: var(--padding-left-130);
  padding-right: var(--padding-right-20);
}

.special-dish .content-col .badge-icon {
  position: absolute;
  left: -60px;
  top: 0;
}

.special-dish .title-box {
  margin-bottom: var(--margin-bottom-40);
}

.special-dish .price {
  position: relative;
  line-height: 30px;
}

.special-dish .price .old {
  position: relative;
  font-size: var(--font-18);
  color: var(--color-three);
  padding-right: var(--padding-right-20);
}

.special-dish .price .new {
  position: relative;
  font-size: var(--font-24);
  color: var(--main-color);
}

.special-dish .content-col .link-box {
  padding-top: var(--padding-top-40);
}

/*** 

====================================================================
  Menu Section
====================================================================

***/

.menu-section {
  position: relative;
  padding-top: var(--padding-top-100);
  padding-bottom: var(--padding-bottom-100);
  overflow: hidden;
  background-color: var(--color-four);
}

.menu-section .left-bg {
  position: absolute;
  left: 0;
  top: 0;
}

.menu-section .right-bg {
  position: absolute;
  right: 0;
  bottom: 0;
}

.menu-section .title-box {
  margin-bottom: var(--margin-bottom-40);
}

.tabs-box {
  position: relative;
}

.tabs-box .tab-buttons {
  position: relative;
}

.tabs-box .tab-buttons .tab-btn {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.tabs-box .tabs-content {
  position: relative;
}

.tabs-box .tabs-content .tab {
  position: relative;
  display: none;
}

.tabs-box .tabs-content .active-tab {
  display: block;
}

.menu-tabs {
  position: relative;
}

.menu-tabs .buttons {
  position: relative;
  padding-top: var(--padding-top-25);
  padding-bottom: var(--padding-bottom-25);
  border-top: 1px solid var(--white-color-opacity-four);
  border-bottom: 1px solid var(--white-color-opacity-four);
  margin-bottom: 50px;
  background-color: black;
}

.menu-tabs .buttons .tab-buttons {
  position: relative;
  text-align: center;
  font-family: var(--font-family-Forum);
}

.menu-tabs .buttons .tab-buttons .tab-btn {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  margin-left: var(--margin-left-40);
  margin-right: var(--margin-right-40);
  font-size: var(--font-20);
  line-height: 25px;
  text-transform: uppercase;
  padding-bottom: var(--padding-bottom-5);
}

.menu-tabs .buttons .tab-buttons .tab-btn:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 100%;
  height: 5px;
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
}

.menu-tabs .buttons .tab-buttons .tab-btn.active-btn:before {
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}

.menu-tabs .buttons .tab-buttons .tab-btn:after {
  content: "";
  position: absolute;
  left: 100%;
  margin-left: 50px;

  margin-top: -5px;
  height: 8px;
  width: 8px;
  border: 1px solid var(--main-color);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.menu-tabs .buttons .tab-buttons .tab-btn:last-child:after {
  display: none;
}

.menu-tabs .menu-col .inner {
  position: relative;
  display: block;
  padding-right: var(--padding-right-80);
  min-height: 100%;
}

.menu-tabs .menu-col .inner:after {
  content: "";
  position: absolute;
  right: -15px;
  top: 0;
  bottom: 50px;
  border-right: 1px solid var(--white-color-opacity-four);
}

.menu-tabs .menu-col:nth-child(2) .inner {
  padding-right: 0;
  padding-left: var(--padding-left-80);
  border-right: none;
}

.menu-tabs .menu-col:nth-child(2) .inner:after {
  display: none;
}

.menu-tabs .dish-block {
  position: relative;
  margin-bottom: var(--margin-bottom-55);
}

.menu-tabs .dish-block .inner-box {
  position: relative;
  padding-left: var(--padding-left-120);
  min-height: 100px;
  padding-top: var(--padding-top-10);
}

.menu-tabs .dish-block .dish-image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100px;
  height: 100px;
  border-radius: 22px;
  overflow: hidden;
  background-color: var(--main-color);
}

.menu-tabs .dish-block .dish-image img {
  position: relative;
  display: block;
  width: 100px;
  height: 100px;
  border-radius: 10px;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.menu-tabs .dish-block .inner-box:hover .dish-image img {
  opacity: 0.7;
  transform: scale(1.05, 1.05);
}

.menu-tabs .dish-block .title {
  position: relative;
  line-height: 24px;
  margin-bottom: var(--margin-bottom-10);
  font-family: var(--font-family-Forum);
}

.menu-tabs .dish-block .title:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -3px;
  width: 100%;
  height: 6px;
  border-top: 1px solid var(--white-color-opacity-four);
  border-bottom: 1px solid var(--white-color-opacity-four);
}

.menu-tabs .dish-block .title .ttl {
  position: relative;
  padding-right: var(--padding-right-15);
  background-color: var(--color-four);
  text-transform: capitalize;
}

.menu-tabs .dish-block .title .ttl a {
  color: var(--white-color);
}

.menu-tabs .dish-block .title .ttl a:hover {
  color: var(--main-color);
}

.menu-tabs .dish-block .title .ttl .s-info {
  position: relative;
  display: inline-block;
  line-height: 20px;
  padding: 0 5px;
  font-size: var(--font-14);
  color: var(--color-four);
  background: var(--main-color);
  margin-left: 10px;
}

.menu-tabs .dish-block .title .price {
  position: relative;
  float: right;
  font-size: var(--font-22);
  color: var(--main-color);
  padding-left: var(--padding-left-15);
  background: var(--body-bg-color);
}

.menu-tabs .dish-block .desc {
  position: relative;
  font-size: var(--font-14);
  color: var(--color-one);
  padding-bottom: 8px;
}

.menu-tabs .dish-block .desc a {
  color: var(--color-one);
}

.menu-section .open-timing {
  position: relative;
  text-align: center;
}

.menu-section .open-timing .hours {
  position: relative;
  margin-bottom: 25px;
}

/*** 

====================================================================
  Special Offer Section
====================================================================

***/

.special-offer {
  position: relative;
  background: var(--color-four);
  padding-bottom: var(--padding-bottom-100);
}

.special-offer .outer-container {
  position: relative;
  max-width: 1440px;
  padding-left: var(--padding-left-15);
  padding-right: var(--padding-right-15);
  margin: 0 auto;
  padding-top: var(--padding-top-80);
  padding-bottom: var(--padding-bottom-100);
  background: var(--color-five);
}

.special-offer .outer-container:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 15px;
  height: 100%;
  background: url(../images/background/pattern-9.svg) center repeat;
}

.special-offer .outer-container:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 15px;
  height: 100%;
  background: url(../images/background/pattern-9.svg) center repeat;
}

.special-offer .title-box {
  margin-bottom: 40px;
}

.special-offer .offer-block-two.margin-top {
  margin-top: var(--margin-top-40);
}

.offer-block-two {
  position: relative;
  margin-bottom: var(--margin-bottom-30);
}

.special-offer .owl-theme .offer-block-two {
  margin-bottom: 0;
}

.offer-block-two .inner-box {
  position: relative;
  display: block;
  text-align: center;
}

.offer-block-two .inner-box .image {
  position: relative;
  display: block;
  overflow: hidden;
  margin-bottom: var(--margin-bottom-15);
  background-color: var(--main-color);
}

.offer-block-two .inner-box .image img {
  position: relative;
  display: block;
  width: 100%;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
}

.offer-block-two .inner-box:hover .image img {
  opacity: 0.6;
  transform: scale(1.05, 1.05) rotate(2deg);
}

.offer-block-two .image::before {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  display: block;
  content: "";
  width: 0;
  height: 0;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 0%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
}

.offer-block-two .inner-box:hover .image::before {
  -webkit-animation: circle 0.95s;
  animation: circle 0.95s;
}

.offer-block-two h4 {
  position: relative;
  text-transform: capitalize;
  margin-bottom: var(--margin-bottom-10);
}

.offer-block-two h4 a {
  color: var(--white-color);
}

.offer-block-two h4 a:hover {
  color: var(--main-color);
}

.offer-block-two .desc {
  position: relative;
  font-size: var(--font-14);
  color: var(--color-one);
  margin-bottom: var(--margin-bottom-15);
}

.offer-block-two .price {
  position: relative;
  font-family: var(--font-family-Forum);
  font-size: var(--font-20);
  color: var(--main-color);
}

.special-offer .lower-link-box {
  margin-top: var(--margin-top-40);
}

.special-offer .owl-theme .owl-dots {
  display: none;
}

.special-offer .owl-theme .owl-nav {
  position: absolute;
  left: -100px;
  right: -100px;
  height: 0;
  top: 50%;
  margin-top: -22px;
}

.special-offer .owl-theme .owl-nav .owl-next,
.special-offer .owl-theme .owl-nav .owl-prev {
  position: absolute;
  top: 50%;
  display: inline-block;
  vertical-align: top;
  width: 44px;
  height: 44px;
  line-height: 44px;
  font-size: var(--font-24);
  text-align: center;
  background: transparent;
  color: var(--main-color);
  border-radius: 0%;
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
}

.special-offer .owl-theme .owl-nav .owl-next span,
.special-offer .owl-theme .owl-nav .owl-prev span {
  position: relative;
  z-index: 1;
}

.special-offer .owl-theme .owl-nav .owl-next:before,
.special-offer .owl-theme .owl-nav .owl-prev:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 1px solid var(--main-color);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
}

.special-offer .owl-theme .owl-nav .owl-next {
  right: 15px;
}

.special-offer .owl-theme .owl-nav .owl-prev {
  left: 15px;
}

.special-offer .owl-theme .owl-nav .owl-next:hover,
.special-offer .owl-theme .owl-nav .owl-prev:hover {
  color: var(--black-color);
}

.special-offer .owl-theme .owl-nav .owl-next:hover:before,
.special-offer .owl-theme .owl-nav .owl-prev:hover:before {
  background: var(--main-color);
}

/*** 

====================================================================
  Testimonials Section
====================================================================

***/

.testimonials-section {
  position: relative;
  padding-top: var(--padding-top-120);
  padding-bottom: var(--padding-bottom-340);
  background: var(--black-color);
}

.testimonials-section .image-layer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.3;
}

.testimonials-section .carousel-box {
  position: relative;
  max-width: 880px;
  margin: 0 auto;
  text-align: center;
}

.testimonials-section .separator {
  position: relative;
  text-align: center;
  margin-top: var(--margin-top-30);
  margin-bottom: var(--margin-bottom-40);
}

.testimonials-section .separator span {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 1px;
  height: 8px;
  width: 8px;
  border: 1px solid var(--main-color);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.testimonials-section .testi-top {
  position: relative;
  text-align: center;
}

.testimonials-section .testi-top .quotes {
  position: relative;
  line-height: 0.7em;
  font-size: var(--font-70);
  font-family: var(--font-family-Forum);
}

.testimonials-section .testi-top .quote-text {
  position: relative;
  line-height: 1.4em;
  font-size: var(--font-50);
  font-family: var(--font-family-Forum);
}

.testimonials-section .thumbs-carousel-box {
  position: relative;
  max-width: 390px;
  margin: 0 auto;
  overflow: hidden;
}

.testimonials-section .testi-thumbs {
  position: relative;
  max-width: 130px;
  margin: 0 auto;
  text-align: center;
}

.testimonials-section .testi-thumbs .owl-stage-outer {
  overflow: visible;
}

.testimonials-section .testi-thumbs .image {
  position: relative;
  width: 100px;
  height: 100px;
  margin: 0 auto;
  margin-bottom: var(--margin-bottom-15);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  cursor: pointer;
  border-radius: 50%;
  transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
}

.testimonials-section .testi-thumbs .image img {
  position: relative;
  display: block;
  width: 100%;
  border-radius: 50%;
}

.testimonials-section .testi-thumbs .active .image {
  -ms-transform: scale(1);
  transform: scale(1);
}

.testimonials-section .testi-thumbs .auth-title {
  position: relative;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--main-color);
  font-size: var(--font-12);
  letter-spacing: 0.2em;
  opacity: 0;
  visibility: hidden;
  transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
}

.testimonials-section .testi-thumbs .active .auth-title {
  opacity: 1;
  visibility: visible;
}

.testimonials-section .owl-theme .owl-nav,
.testimonials-section .owl-theme .owl-dots {
  display: none;
}

/*** 

====================================================================
  Reservation Section
====================================================================

***/

.reserve-section {
  position: relative;
  margin-top: 250px;
}

.reserve-section:before {
  position: absolute;
  content: "";
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: 660px;
  background: var(--color-four);
}

.reserve-section .image-layer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.reserve-section .outer-box {
  position: relative;
  top: -270px;
  margin-bottom: -270px;
  background: var(--color-five);
  z-index: 1;
}

.reserve-section.style-two {
  padding-top: var(--padding-top-100);
  padding-bottom: var(--padding-bottom-100);
}

.reserve-section.style-two .outer-box {
  margin: 0 0;
  top: 0;
}

.reserve-section .outer-box > .row {
  margin: 0 0;
}

.reserve-section .reserv-col {
  position: relative;
  padding: 0 0;
}

.reserve-section .reserv-col .inner {
  position: relative;
  padding-top: var(--padding-top-75);
  padding-bottom: var(--padding-bottom-60);
  padding-left: var(--padding-left-60);
  padding-right: var(--padding-right-60);
  min-height: 100%;
  background-color: var(--color-five);
}

.reserve-section .reserv-col .title {
  position: relative;
  text-align: center;
  margin-bottom: var(--margin-bottom-40);
}

.reserve-section .reserv-col .title h2 {
  line-height: 1.2em;
}

.reserve-section .reserv-col .title a {
  color: var(--main-color);
}

.reserve-section .reserv-col form .row {
  margin: 0 -10px;
}

.reserve-section .reserv-col form .row .form-group {
  padding: 0 10px;
  margin-bottom: 20px;
}

.reserve-section .reserv-col form .btn-style-one {
  display: block;
  width: 100%;
}

.reserve-section .reserv-col form .btn-style-one .btn-wrap .text-two,
.reserve-section .reserv-col form .btn-style-one .btn-wrap {
  width: 100%;
}

.reserve-section .info-col {
  position: relative;
  padding: 0 0;
  text-align: center;
  background: url(../images/background/pattern-2.png) left top repeat;
}

.reserve-section .info-col .img-layer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}

.reserve-section .info-col .inner {
  position: relative;
  padding-top: var(--padding-top-75);
  padding-bottom: var(--padding-bottom-55);
  padding-left: var(--padding-left-20);
  padding-right: var(--padding-right-20);
  min-height: 100%;
}

.reserve-section.style-two .info-col .inner {
  padding-top: var(--padding-top-60);
}

.reserve-section .info-col .title {
  margin-bottom: var(--margin-bottom-40);
}

.reserve-section.style-two .info-col .title {
  margin-bottom: var(--margin-bottom-30);
}

.reserve-section.style-two .info-col .title .subtitle {
  position: relative;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--main-color);
  font-size: var(--font-12);
  letter-spacing: 0.2em;
  line-height: 1.5em;
  margin-bottom: var(--margin-bottom-5);
}

.reserve-section .info-col .title h2 {
  line-height: 1em;
}

.reserve-section .info-col .data {
  max-width: 240px;
  margin: 0 auto;
}

.reserve-section .info-col .discount-info {
  position: relative;
  display: block;
  width: 224px;
  height: 224px;
  margin: 0 auto;
  margin-bottom: var(--margin-bottom-25);
  padding-top: var(--padding-top-60);
}

.reserve-section .info-col .discount-info:before {
  content: "";
  position: absolute;
  left: 26px;
  top: 26px;
  width: 170px;
  height: 170px;
  background: var(--black-color);
  transform: rotate(45deg);
  border-radius: 20px;
}

.reserve-section .info-col .discount-info:after {
  content: "";
  position: absolute;
  left: 26px;
  top: 26px;
  width: 170px;
  height: 170px;
  background: var(--color-four);
  border: 3px solid var(--black-color);
  border-radius: 20px;
}

.reserve-section .info-col .discount-info .s-ttl {
  position: relative;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--main-color);
  font-size: var(--font-12);
  letter-spacing: 0.2em;
  line-height: 1.5em;
  z-index: 1;
}

.reserve-section .info-col .discount-info .num {
  position: relative;
  line-height: 0.9em;
  font-size: var(--font-80);
  font-family: var(--font-family-Forum);
  z-index: 1;
}

.reserve-section .info-col .instruction {
  position: relative;
  line-height: 1.6em;
  color: var(--color-one);
  z-index: 1;
}

.reserve-section.style-two .info-col .link-box {
  position: relative;
  padding-top: var(--padding-top-55);
}

.reserve-section .info-col .booking-info {
  position: relative;
  text-align: center;
  margin-bottom: var(--margin-bottom-20);
}

.reserve-section .info-col .booking-info .bk-title {
  position: relative;
  font-weight: 700;
  text-transform: capitalize;
  margin-bottom: 5px;
}

.reserve-section .info-col .booking-info .bk-no {
  position: relative;
  font-size: var(--font-30);
  color: var(--main-color);
  line-height: 1em;
}

.reserve-section .info-col .booking-info .bk-no a {
  color: var(--main-color);
}

.reserve-section .info-col .booking-info .bk-no a:before {
  position: absolute;
  content: "";
  left: 5px;
  right: 5px;
  bottom: 0px;
  height: 5px;
  opacity: 0;
  transform: scale(0.2, 1);
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  border-top: 1px solid var(--main-color);
  border-bottom: 1px solid var(--main-color);
}

.reserve-section .info-col .booking-info .bk-no a:hover::before {
  opacity: 1;
  transform: scale(1, 1);
}

.reserve-section .info-col .separator {
  position: relative;
  margin-bottom: var(--margin-bottom-20);
}

.reserve-section .info-col .separator span {
  position: relative;
  display: block;
  height: 8px;
  width: 8px;
  border: 1px solid var(--main-color);
  margin: 0 auto;
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.reserve-section .info-col .info {
  position: relative;
}

.reserve-section .info-col .info li {
  position: relative;
  line-height: 1.5em;
  color: var(--color-one);
  margin-bottom: var(--margin-bottom-25);
}

.reserve-section .info-col .info li strong {
  display: inline-block;
  color: var(--text-color);
  margin-bottom: var(--margin-bottom-5);
}

.reserve-section .info-col .info li:last-child {
  margin-bottom: 0;
}

/*** 

====================================================================
  Why Us Section
====================================================================

***/

.why-us {
  position: relative;
  background: var(--color-four);
  padding-top: var(--padding-top-100);
  padding-bottom: var(--padding-bottom-60);
}

.why-us .left-bg {
  position: absolute;
  left: 0;
  bottom: 80px;
}

.why-us .right-bg {
  position: absolute;
  right: 0;
  top: -100px;
}

.why-us .title-box {
  margin-bottom: var(--margin-bottom-40);
}

.why-block {
  position: relative;
  margin-bottom: var(--margin-bottom-30);
}

.why-us .row {
  margin: 0 -20px;
}

.why-us .row .why-block {
  padding: 0 20px;
  margin-bottom: 40px;
}

.why-block .inner-box {
  position: relative;
  display: block;
  padding-top: var(--padding-top-30);
  padding-left: var(--padding-left-20);
  padding-right: var(--padding-right-20);
  padding-bottom: var(--padding-top-40);
  text-align: center;
  min-height: 100%;
  background: var(--color-seven);
}

.why-us .why-block:nth-child(even) .inner-box {
  background: var(--color-eight);
}

.why-block .inner-box .icon-box {
  position: relative;
  display: block;
  line-height: 90px;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  margin-bottom: var(--margin-bottom-20);
}

.why-block .inner-box:hover .icon-box {
  -webkit-transform: scale(-1) rotate(180deg);
  -moz-transform: scale(-1) rotate(180deg);
  -ms-transform: scale(-1) rotate(180deg);
  -o-transform: scale(-1) rotate(180deg);
  transform: scale(-1) rotate(180deg);
}

.why-block .inner-box .icon-box img {
  position: relative;
  max-height: 80px;
}

.why-block h4 {
  position: relative;
  text-transform: capitalize;
  margin-bottom: var(--margin-bottom-20);
}

.why-block h4 a {
  color: var(--white-color);
}

.why-block h4 a:hover {
  color: var(--main-color);
}

.why-block .text {
  position: relative;
  font-size: var(--font-14);
  color: var(--color-one);
}

/*** 

====================================================================
  Featured Links Section
====================================================================

***/

.featured-links {
  position: relative;
}

.featured-links .outer-container {
  position: relative;
}

.featured-links .row {
  margin: 0 0;
}

.featured-links .row .link-block {
  padding: 0 0;
}

.featured-links .link-block {
  position: relative;
  text-align: center;
  background-color: var(--color-two);
}

.featured-links .link-block .inner {
  position: relative;
  min-height: 100%;
  background-color: var(--color-five);
}

.featured-links .link-block .text-block {
  position: relative;
  display: table;
  width: 100%;
  height: 370px;
  vertical-align: middle;
}

.featured-links .link-block.alternate .text-block {
  position: absolute;
  bottom: 0;
  height: 250px;
}

.featured-links .link-block .text-block .bl-inner {
  position: relative;
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}

.featured-links .link-block .text-block .content {
  position: relative;
  max-width: 300px;
  margin: 0 auto;
  padding-bottom: var(--padding-bottom-30);
  padding-top: var(--padding-top-30);
  padding-left: var(--padding-left-20);
  padding-right: var(--padding-right-20);
}

.featured-links .link-block .text-block .subtitle {
  position: relative;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--main-color);
  font-size: var(--font-12);
  letter-spacing: 0.4em;
  margin-bottom: var(--margin-bottom-5);
}

.featured-links .link-block .text-block h3 {
  position: relative;
  text-transform: capitalize;
  margin-bottom: var(--margin-bottom-15);
}

.featured-links .link-block .text-block .text {
  position: relative;
  line-height: 1.5em;
  font-size: var(--font-14);
  color: var(--color-one);
  margin-bottom: var(--margin-bottom-25);
}

.featured-links .link-block .text-block .link {
  position: relative;
}

.featured-links .link-block .text-block .link a {
  position: relative;
  display: inline-block;
  letter-spacing: 0.2em;
  font-weight: 700;
  font-size: var(--font-12);
  text-transform: uppercase;
  padding-bottom: 3px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.featured-links .link-block .text-block .link a:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0px;
  display: block;
  height: 5px;

  opacity: 0;
  transform: scale(0.2, 1);

  border-top: 1px solid var(--main-color);
  border-bottom: 1px solid var(--main-color);
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.featured-links .link-block .text-block .link a:hover {
  color: var(--white-color);
}

.featured-links .link-block .text-block .link a:hover:before {
  opacity: 1;
  transform: scale(1, 1);
}

.featured-links .link-block .image-box {
  position: relative;
  display: block;
  width: 100%;
  height: 380px;
}

.featured-links .link-block.alternate .image-box {
  position: absolute;
  height: 100%;
}

.featured-links .link-block .image-box .image-layer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.featured-links .link-block .image-box .image {
  position: relative;
  display: none;
}

.featured-links .link-block .image-box .image img {
  position: relative;
  width: 100%;
}

/*** 

====================================================================
  Team Section
====================================================================

***/

.team-section {
  position: relative;
  padding-top: var(--padding-top-100);
  padding-bottom: var(--padding-bottom-60);
  background-color: var(--color-four);
}

.team-section .title-box {
  margin-bottom: 40px;
}

.team-section .row {
  margin: 0 -25px;
}

.team-section .left-bg {
  position: absolute;
  left: 0;
  bottom: 0;
}

.team-section .right-bg {
  position: absolute;
  right: 0;
  top: 0;
}

.team-block {
  position: relative;
  margin-bottom: var(--margin-bottom-30);
}

.team-section .row .team-block {
  padding-left: var(--padding-left-25);
  padding-right: var(--padding-right-25);
  margin-bottom: var(--margin-bottom-40);
}

.team-block .inner-box {
  position: relative;
  display: block;
}

.team-block .inner-box .image {
  position: relative;
  display: block;
  margin-bottom: var(--margin-bottom-15);
}

.team-block .inner-box .image img {
  position: relative;
  display: block;
  width: 100%;
}

.team-block .overlay-box {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;

  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;

  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition:
    transform 0.4s ease,
    -webkit-transform 0.4s ease;
  -webkit-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
  background-position: center center;
}

.team-block .overlay-box:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  opacity: 0.4;
  background-color: var(--main-color);
}

.team-block .overlay-box .overlay-inner {
  position: relative;
  text-align: center;
}

.team-block .inner-box:hover .overlay-box {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
}

.team-block .social-box {
  position: relative;
}

.team-block .social-box li {
  position: relative;
  margin: 0px 1px;
  display: inline-block;
  font-family: "Font Awesome 6 Pro";
}

.team-block .social-box li a {
  position: relative;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  display: inline-block;
  color: var(--white-color);
  background-color: var(--black-color);
}

.team-block .social-box li a:hover {
  background: var(--main-color);
  color: var(--color-five);
}

.team-block h3 {
  position: relative;
  text-transform: capitalize;
  margin-bottom: 0;
}

.team-block h3 a {
  color: var(--white-color);
}

.team-block h3 a:hover {
  color: var(--main-color);
}

.team-block .designation {
  position: relative;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--main-color);
  font-size: var(--font-12);
  letter-spacing: 0.4em;
  margin-bottom: var(--margin-bottom-5);
}

.team-block .desc {
  position: relative;
  font-size: var(--font-14);
  color: var(--color-one);
}

/*** 

====================================================================
  Intro Section
====================================================================

***/

.intro-section {
  position: relative;
  padding-top: var(--padding-top-100);
  padding-bottom: var(--padding-bottom-25);
  background: var(--black-color);
}

.intro-section .image-layer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  opacity: 0.4;
}

.intro-section .title-box {
  margin-bottom: 40px;
}

.intro-section .content-box {
  position: relative;
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}

.intro-section .separator {
  position: relative;
  text-align: center;
  margin-top: var(--margin-top-50);
  margin-bottom: var(--margin-bottom-40);
}

.intro-section .separator span {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 1px;
  height: 8px;
  width: 8px;
  border: 1px solid var(--main-color);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.intro-section .content-box h3 {
  position: relative;
  font-size: var(--font-50);
  margin-bottom: var(--margin-bottom-30);
}

.intro-section .content-box .auth-title {
  position: relative;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--main-color);
  font-size: var(--font-12);
  letter-spacing: 0.4em;
}

.intro-section .content-box .play-btn {
  position: relative;
  display: block;
  width: 90px;
  height: 90px;
  margin: 0 auto;
}

.intro-section .content-box .play-btn .theme-btn {
  position: relative;
  display: block;
  width: 90px;
  height: 90px;
  text-align: center;
  line-height: 86px;
  font-size: var(--font-18);
  color: var(--white-color);
  border: 2px solid var(--white-color);
  border-radius: 50%;
}

.intro-section .content-box .play-btn .theme-btn:hover {
  color: var(--main-color);
  border-color: var(--main-color);
}

.intro-section .content-box .play-btn .ripple,
.intro-section .content-box .play-btn .ripple:before,
.intro-section .content-box .play-btn .ripple:after {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  margin-top: -1px;
  margin-left: -1px;
  /* -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); */
  -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  -webkit-animation: ripple 3s infinite;
  -moz-animation: ripple 3s infinite;
  -ms-animation: ripple 3s infinite;
  -o-animation: ripple 3s infinite;
  animation: ripple 3s infinite;
}

.intro-section .content-box .play-btn .ripple:before {
  -webkit-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
  -ms-animation-delay: 0.9s;
  -o-animation-delay: 0.9s;
  animation-delay: 0.9s;
  content: "";
  position: absolute;
}

.intro-section .content-box .play-btn .ripple:after {
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  -ms-animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  animation-delay: 0.6s;
  content: "";
  position: absolute;
}

.intro-section .fact-counter {
  position: relative;
  padding-top: var(--padding-top-75);
  margin-top: var(--margin-top-70);
}

.intro-section .fact-counter:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 18px;
  background: url(../images/background/pattern-10.svg) left top repeat;
}

.intro-section .fact-counter .fact-block {
  position: relative;
  margin-bottom: var(--margin-bottom-50);
}

.intro-section .fact-counter .fact-count {
  position: relative;
  float: left;
}

.intro-section .fact-counter .count-box {
  position: relative;
  line-height: 60px;
  font-size: var(--font-60);
  font-family: var(--font-family-Forum);
}

.intro-section .fact-counter .count-box i {
  font-style: normal;
}

.intro-section .fact-counter .fact-title {
  position: relative;
  float: left;
  padding-top: 10px;
  line-height: 20px;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--main-color);
  font-size: var(--font-12);
  letter-spacing: 0.4em;
  margin-left: var(--margin-left-15);
}

/*** 

====================================================================
  News Section
====================================================================

***/

.news-section {
  position: relative;
  padding-top: var(--padding-top-100);
  background: var(--color-five);
}

.news-section .title-box {
  margin-bottom: var(--margin-bottom-40);
}

.news-section .row {
  margin: 0 -25px;
}

.news-block {
  position: relative;
  margin-bottom: var(--margin-bottom-30);
}

.news-section .row .news-block {
  padding: 0 25px;
  margin-bottom: 40px;
}

.news-block .inner-box {
  position: relative;
  display: block;
}

.news-block .image-box {
  position: relative;
  display: block;
}

.news-block .image-box:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 170px;
  background: rgba(0, 0, 0, 0.7);
  background: -webkit-linear-gradient(
    bottom,
    rgba(0, 0, 0, 0.9),
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0)
  );
  background: -ms-linear-gradient(
    bottom,
    rgba(0, 0, 0, 0.9),
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0)
  );
  z-index: 1;
}

.news-block .image {
  position: relative;
  display: block;
  z-index: 0;
  overflow: hidden;
}

.news-block .image img {
  position: relative;
  display: block;
  width: 100%;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.news-block .image:before {
  position: absolute;
  top: 0;
  left: -85%;
  z-index: 2;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
  background: -o-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.8) 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(rgba(255, 255, 255, 0)),
    to(rgba(255, 255, 255, 0.8))
  );
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.8) 100%
  );
  -webkit-transform: skewX(-25deg);
  -ms-transform: skewX(-25deg);
  transform: skewX(-25deg);
  z-index: 1;
}

.news-block .inner-box:hover .image:before {
  -webkit-animation: shine 1s;
  animation: shine 1s;
}

.news-block .inner-box:hover img {
  transform: scale(1.05, 1.05);
}

.news-block .date {
  position: absolute;
  left: 25px;
  top: 30px;
  z-index: 1;
}

.news-block .date span {
  position: relative;
  display: inline-block;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--main-color);
  font-size: var(--font-12);
  line-height: 14px;
  letter-spacing: 0.1em;
  padding: 3px 3px;
  background-color: var(--black-color);
}

.news-block .over-content {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding-left: var(--padding-left-30);
  padding-right: var(--padding-right-25);
  padding-bottom: var(--padding-bottom-25);
  z-index: 3;
}

.news-block .cat {
  position: relative;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--main-color);
  font-size: var(--font-12);
  letter-spacing: 0.4em;
  margin-bottom: var(--margin-bottom-5);
}

.news-block h4 {
  position: relative;
  margin-bottom: 0;
}

.news-block h4 a {
  color: var(--text-color);
}

/*** 

====================================================================
  Main Footer
====================================================================

***/

.main-footer {
  position: relative;
  padding-top: var(--padding-top-100);
  background: var(--black-color);
}

.main-footer .image-layer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: right top;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.4;
}

.main-footer .upper-section {
  position: relative;
  text-align: center;
  margin-bottom: var(--margin-bottom-70);
}

.main-footer .footer-col {
  position: relative;
  text-align: center;
}

.main-footer .links-col {
  position: relative;
}

.main-footer .links-col.last {
  order: 12;
}

.main-footer .links-col ul li {
  position: relative;
  margin-bottom: var(--margin-bottom-20);
}

.main-footer .links-col ul li:last-child {
  margin-bottom: 0;
}

.main-footer .links-col ul li a {
  position: relative;
  display: inline-block;
  color: var(--color-one);
  line-height: 1.5em;
  text-transform: uppercase;
  font-weight: 700;
  font-size: var(--font-12);
  letter-spacing: 0.3em;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.main-footer .links-col ul li a:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -7px;
  display: block;
  height: 5px;
  border-top: 1px solid var(--white-color);
  border-bottom: 1px solid var(--white-color);
  transform: scaleX(0);
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.main-footer .links-col ul li a:hover {
  color: var(--main-color);
}

.main-footer .links-col ul li a:hover:before {
  border-color: var(--main-color);
  transform: scaleX(1);
}

.main-footer .info-col {
  position: relative;
  color: var(--color-one);
  order: 4;
}

.main-footer .links-col .inner {
  position: relative;
  text-align: center;
  padding-top: var(--padding-top-150);
  padding-bottom: var(--padding-bottom-150);
  min-height: 100%;
}

.main-footer .info-col .inner {
  position: relative;
  max-width: 1440px;
  padding-left: var(--padding-left-30);
  padding-right: var(--padding-right-30);
  margin: 0 auto;
  padding-top: var(--padding-top-100);
  padding-bottom: var(--padding-bottom-90);
  background: var(--color-five) url(../images/background/pattern-4.png) center
    top repeat;
}

.main-footer .info-col .content {
  position: relative;
  max-width: 460px;
  margin: 0 auto;
}

.main-footer .info-col .inner:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 15px;
  height: 100%;
  background: url(../images/background/pattern-9.svg) center repeat;
}

.main-footer .info-col .inner:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 15px;
  height: 100%;
  background: url(../images/background/pattern-9.svg) center repeat;
}

.main-footer .info-col .logo {
  position: relative;
}

.main-footer .info-col .info li {
  position: relative;
  line-height: 1.5em;
  margin-bottom: var(--margin-bottom-5);
}

.main-footer .info-col .info li:last-child {
  margin-bottom: 0;
}

.main-footer .info-col .info li a {
  color: var(--color-one);
}

.main-footer .info-col .info li a:hover {
  color: var(--main-color);
}

.main-footer .info-col .separator {
  position: relative;
  text-align: center;
  margin-top: var(--margin-top-30);
  margin-bottom: var(--margin-bottom-20);
}

.main-footer .info-col .separator span {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 1px;
  height: 8px;
  width: 8px;
  border: 1px solid var(--main-color);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.main-footer .info-col .newsletter {
  position: relative;
}

.main-footer .info-col .newsletter h3 {
  margin-bottom: 0;
}

.main-footer .info-col .newsletter .text {
  line-height: 1.5em;
  font-size: var(--font-14);
}

.main-footer .info-col .newsletter .text span {
  color: var(--text-color);
}

.main-footer .info-col .newsletter-form {
  position: relative;
  margin-top: var(--margin-top-30);
}

.main-footer .info-col .newsletter-form .form-group {
  position: relative;
  margin-bottom: 0;
}

.main-footer .info-col .newsletter-form .alt-icon {
  position: absolute;
  left: 15px;
  top: 50%;
  margin-top: -15px;
  line-height: 30px;
  font-size: var(--font-14);
  color: var(--white-color);
  font-weight: 400;
  z-index: 1;
  pointer-events: none;
}

.main-footer .info-col .newsletter-form .form-group input[type="text"],
.main-footer .info-col .newsletter-form input[type="email"],
.main-footer .info-col .newsletter-form input[type="password"] {
  position: relative;
  display: block;
  height: 56px;
  width: 100%;
  font-size: var(--font-16);
  color: var(--color-one);
  line-height: 34px;
  font-weight: 400;
  padding: 10px 20px 10px 40px;
  background-color: var(--color-six);
  border: 1px solid var(--white-color-opacity-five);
  border-radius: 0px;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.main-footer .info-col .newsletter-form .form-group input[type="text"]:focus,
.main-footer .info-col .newsletter-form input[type="email"]:focus,
.main-footer .info-col .newsletter-form input[type="password"]:focus {
  border-color: var(--main-color);
}

.main-footer .info-col .newsletter-form button {
  position: absolute;
  right: 0;
  top: 0;
  width: 180px;
  height: 56px;
  line-height: 30px;
}

.btn-style-one .btn-title {
  line-height: 22px;
}

.main-footer .footer-bottom {
  position: relative;
  text-align: center;
}

.main-footer .copyright {
  position: relative;
  color: var(--color-one);
  line-height: 1.5em;
}

.main-footer .copyright a {
  text-decoration: underline;
  color: var(--main-color);
}

/*** 

====================================================================
  Inner Banner Section
====================================================================

***/

.inner-banner {
  position: relative;
  padding-top: var(--padding-top-300);
  padding-bottom: var(--padding-bottom-150);
  background: var(--black-color);
}

.inner-banner .image-layer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.4;
}

.inner-banner .pattern-image {
  width: 100px;
  margin: 0 auto;
}

.inner-banner .inner {
  position: relative;
  display: block;
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  z-index: 5;
}

.inner-banner .inner .subtitle {
  position: relative;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--main-color);
  font-size: var(--font-12);
  letter-spacing: 0.4em;
  margin-bottom: var(--margin-bottom-0);
}

.inner-banner .inner h1 {
  position: relative;
  font-weight: 400;
  font-size: var(--font-80);
  text-transform: none;
  line-height: 1em;
  margin: 0px 0px;
}

.inner-banner .inner h1 span {
  position: relative;
  display: inline-block;
  vertical-align: top;
}

/*** 

====================================================================
  About Section
====================================================================

***/

.about-section {
  position: relative;
  background-color: var(--color-four);
  padding-top: var(--padding-top-100);
  padding-bottom: var(--padding-bottom-50);
}

.about-section .left-bg {
  position: absolute;
  left: 0;
  top: 40%;
}

.about-section .right-bg {
  position: absolute;
  right: 0;
  top: 100px;
}

.about-section .title-box {
  max-width: 920px;
  margin-bottom: var(--margin-bottom-90);
}

.about-section .row {
  margin: 0 -30px;
}

.about-block {
  position: relative;
  margin-bottom: var(--margin-bottom-30);
}

.about-section .row .about-block {
  padding-left: var(--padding-left-30);
  padding-right: var(--padding-right-30);
  margin-bottom: var(--margin-bottom-40);
}

.about-section .inner-box {
  position: relative;
  display: block;
  min-height: 100%;
}

.about-section .info-block {
  text-align: center;
}

.about-section .inner-box .image {
  position: relative;
  display: block;
}

.about-section .inner-box .image img {
  display: block;
  width: 100%;
}

.about-block .text {
  position: relative;
  font-size: var(--font-14);
  line-height: 1.85em;
  margin-bottom: var(--margin-bottom-30);
}

.about-block .signature {
  position: relative;
}

.about-block .author {
  position: relative;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--main-color);
  font-size: var(--font-12);
  letter-spacing: 0.2em;
  margin-top: var(--margin-top-5);
}

.about-block .video-box {
  position: relative;
  margin-top: var(--margin-top-100);
}

.about-block .video-box img {
  opacity: 0.7;
}

.about-block .video-box .play-btn {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -41px 0 0 -41px;
  display: block;
  width: 82px;
  height: 82px;
  text-align: center;
  line-height: 80px;
  font-size: var(--font-18);
  color: var(--white-color);
  border: 1px solid var(--white-color);
  border-radius: 50%;
}

.about-block .video-box .play-btn .ripple,
.about-block .video-box .play-btn .ripple:before,
.about-block .video-box .play-btn .ripple:after {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 82px;
  height: 82px;
  border-radius: 50%;
  margin-top: -1px;
  margin-left: -1px;
  /* -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); */
  -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  -webkit-animation: ripple 3s infinite;
  -moz-animation: ripple 3s infinite;
  -ms-animation: ripple 3s infinite;
  -o-animation: ripple 3s infinite;
  animation: ripple 3s infinite;
}

.about-block .video-box .play-btn .ripple:before {
  -webkit-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
  -ms-animation-delay: 0.9s;
  -o-animation-delay: 0.9s;
  animation-delay: 0.9s;
  content: "";
  position: absolute;
}

.about-block .video-box .play-btn .ripple:after {
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  -ms-animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  animation-delay: 0.6s;
  content: "";
  position: absolute;
}

.about-block .video-box .play-btn:hover {
  color: var(--main-color);
  border-color: var(--main-color);
}

.about-section .info-block .inner-box {
  position: relative;
  border: 1px solid var(--main-color);
  padding-top: var(--padding-top-90);
  padding-bottom: var(--padding-bottom-50);
  margin-left: var(--margin-left-15);
  margin-right: var(--margin-right-15);
}

.about-section .info-block .inner-box:before {
  content: "";
  position: absolute;
  left: -14px;
  top: 12px;
  right: -14px;
  bottom: 12px;
  border: 1px solid var(--main-color);
}

.about-section .info-block .info {
  max-width: 240px;
  margin: 0 auto;
}

.about-section .info-block .info li {
  position: relative;
  color: var(--color-one);
  line-height: 1.5em;
  margin-bottom: var(--margin-bottom-25);
}

.about-section .info-block .info li:last-child {
  margin-bottom: 0;
}

.about-section .info-block .info li strong {
  position: relative;
  display: block;
  color: var(--text-color);
  margin-bottom: var(--margin-bottom-5);
}

.about-section .info-block .info li .address {
  position: relative;
  display: block;
  margin-bottom: var(--margin-bottom-10);
}

.about-section .info-block .info li a {
  color: var(--color-one);
}

.about-section .info-block .info li a:hover {
  color: var(--main-color);
}

.about-section .info-block .info li.separator {
  position: relative;
  margin-bottom: var(--margin-bottom-30);
}

.about-section .info-block .info li.separator span {
  position: relative;
  display: block;
  height: 8px;
  width: 8px;
  border: 1px solid var(--main-color);
  margin: 0 auto;
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.about-section .fact-counter {
  position: relative;
  padding-top: var(--padding-top-60);
}

.about-section .fact-counter .fact-block {
  position: relative;
  text-align: center;
  margin-bottom: var(--margin-bottom-50);
}

.about-section .fact-counter .fact-count {
  position: relative;
  line-height: 60px;
  font-size: var(--font-60);
  font-family: var(--font-family-Forum);
}

.about-section .fact-counter .count-box {
  position: relative;
}

.about-section .fact-counter .count-box i {
  font-style: normal;
}

.about-section .fact-counter .fact-title {
  position: relative;
  display: block;
  padding-top: var(--padding-top-5);
  line-height: 20px;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--main-color);
  font-size: var(--font-12);
  letter-spacing: 0.4em;
}

/*** 

====================================================================
  Fluid Section
====================================================================

***/

.fluid-section {
  position: relative;
  background: var(--color-five);
}

.fluid-section .right-bg {
  position: absolute;
  right: 0;
  top: 0;
}

.fluid-section .left-bg {
  position: absolute;
  left: 0;
  bottom: 0;
}

.fluid-section .outer-container {
  position: relative;
}

.fluid-section .row {
  margin: 0 0;
}

.fluid-section .image-col {
  position: relative;
  padding: 0 0;
}

.fluid-section.alternate .image-col {
  order: 12;
}

.fluid-section .image-col .inner {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  min-height: 100%;
}

.fluid-section .image-col .image-layer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.fluid-section .image-col .image-layer:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.fluid-section .image-col .image {
  position: relative;
  display: none;
}

.fluid-section .image-col .image img {
  position: relative;
  display: block;
  width: 100%;
}

.fluid-section .content-col {
  position: relative;
  padding: 0 0;
  text-align: center;
}

.fluid-section.alternate .content-col {
  order: 0;
}

.fluid-section .content-col .inner {
  position: relative;
  display: block;
  padding-top: var(--padding-top-230);
  padding-bottom: var(--padding-bottom-230);
  padding-left: var(--padding-left-20);
  padding-right: var(--padding-right-20);
}

.fluid-section .content-col .content-box {
  position: relative;
  display: block;
  width: 100%;
  max-width: 960px;
}

.fluid-section.alternate .content-col .content-box {
  float: right;
}

.fluid-section .content-col .title-box {
  margin-bottom: var(--margin-bottom-40);
}

.fluid-section .content-col .signature {
  position: relative;
}

.fluid-section .content-col .author {
  position: relative;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--main-color);
  font-size: var(--font-12);
  letter-spacing: 0.2em;
  margin-top: var(--margin-top-5);
}

.fluid-section .content-col .link-box {
  padding-top: var(--padding-top-30);
}

.fluid-section.alternate .content-col .link-box {
  padding-top: var(--padding-top-0);
}

/*** 

====================================================================
  Services Section
====================================================================

***/

.services-section {
  position: relative;
  background-color: var(--color-four);
  padding-top: var(--padding-top-100);
  padding-bottom: var(--padding-bottom-10);
  z-index: 1;
}

.services-section .left-bg {
  position: absolute;
  left: 0;
  top: -130px;
}

.services-section .right-bg {
  position: absolute;
  right: 0;
  bottom: 0px;
}

.services-section .title-box {
  margin-bottom: var(--margin-bottom-80);
}

.services-section .s-col {
  position: relative;
  padding-top: var(--padding-top-60);
}

.services-section .s-col .inner {
  position: relative;
  display: block;
}

.services-section .s-col.last {
  order: 12;
}

.services-section .image-col {
  position: relative;
  margin-bottom: var(--margin-bottom-90);
  order: 5;
}

.services-section .image-col .image-box {
  position: relative;
  display: block;
  padding-top: var(--padding-top-20);
  text-align: center;
}

.services-section .image-col .image-box img {
  position: relative;
  z-index: 1;
}

.services-section .image-col .image-box:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -10px;
  bottom: 90px;
  background: url(../images/background/pattern-8.svg) center top no-repeat;
}

.services-section .s-block {
  position: relative;
  margin-bottom: var(--margin-bottom-100);
}

.services-section .s-col .s-block:last-child {
  margin-bottom: 0;
}

.services-section .s-block .inner {
  position: relative;
  display: block;
  min-height: 100px;
  padding-left: var(--padding-left-120);
}

.services-section .s-block.alternate .inner {
  padding-left: 0;
  text-align: right;
  padding-right: var(--padding-right-120);
}

.services-section .s-block .icon-box {
  position: absolute;
  left: 0;
  top: 0;
  width: 100px;
  height: 100px;
  text-align: center;
  line-height: 100px;
  background: var(--color-five);
  border-radius: 50%;
  transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
}

.s-block .inner:hover .icon-box {
  transform: rotateY(180deg);
}

.services-section .s-block.alternate .icon-box {
  left: auto;
  right: 0;
}

.services-section .s-block .icon-box img {
  max-height: 80px;
}

.services-section .s-block h4 {
  margin-bottom: var(--margin-bottom-5);
}

.services-section .s-block .text {
  position: relative;
  color: var(--color-one);
  font-size: var(--font-14);
}

/*** 

====================================================================
  Testimonials Section
====================================================================

***/

.testimonials-two {
  position: relative;
  background: var(--color-two);
  padding-top: var(--padding-top-100);
  padding-bottom: var(--padding-bottom-100);
}

.testimonials-two .image-layer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.special-offer .carousel-box {
  position: relative;
}

.testimonials-two .title-box {
  margin-bottom: 40px;
}

.testimonials-two .testi-block {
  position: relative;
}

.testimonials-two .testi-block .inner-box {
  position: relative;
  padding-left: var(--padding-left-40);
  padding-right: var(--padding-right-40);
  padding-top: var(--padding-top-40);
  padding-bottom: var(--padding-bottom-40);
  background: var(--color-five);
}

.testimonials-two .testi-block .quote-icon {
  position: absolute;
  left: 12px;
  top: 12px;
  width: 74px;
}

.testimonials-two .testi-block .rating {
  position: relative;
  font-size: var(--font-12);
  color: var(--main-color);
  letter-spacing: 1px;
  line-height: 20px;
  margin-bottom: var(--margin-bottom-20);
}

.testimonials-two .testi-block .text {
  position: relative;
  font-size: var(--font-20);
  line-height: 1.5em;
  font-family: var(--font-family-Forum);
  margin-bottom: var(--margin-bottom-35);
}

.testimonials-two .testi-block .auth-info {
  position: relative;
  min-height: 84px;
  line-height: 20px;
  padding-top: var(--padding-top-20);
  padding-left: var(--padding-left-105);
}

.testimonials-two .testi-block .auth-info .auth-title {
  position: relative;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--main-color);
  font-size: var(--font-12);
  letter-spacing: 0.2em;
}

.testimonials-two .testi-block .auth-info .location {
  position: relative;
  color: var(--color-one);
  font-size: var(--font-14);
}

.testimonials-two .testi-block .auth-info .image {
  position: absolute;
  left: 0;
  top: 0;
  width: 84px;
  height: 84px;
  border-radius: 50%;
  overflow: hidden;
}

.testimonials-two .testi-block .auth-info .image img {
  display: block;
  width: 84px;
  height: 84px;
  border-radius: 50%;
}

.testimonials-two .owl-theme .owl-dots {
  display: none;
}

.testimonials-two .owl-theme .owl-nav {
  position: absolute;
  left: -100px;
  right: -100px;
  height: 0;
  top: 50%;
  margin-top: -22px;
}

.testimonials-two .owl-theme .owl-nav .owl-next,
.testimonials-two .owl-theme .owl-nav .owl-prev {
  position: absolute;
  top: 50%;
  display: inline-block;
  vertical-align: top;
  width: 44px;
  height: 44px;
  line-height: 44px;
  font-size: var(--font-24);
  text-align: center;
  background: transparent;
  color: var(--main-color);
  border-radius: 0%;
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
}

.testimonials-two .owl-theme .owl-nav .owl-next span,
.testimonials-two .owl-theme .owl-nav .owl-prev span {
  position: relative;
  z-index: 1;
}

.testimonials-two .owl-theme .owl-nav .owl-next:before,
.testimonials-two .owl-theme .owl-nav .owl-prev:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 1px solid var(--main-color);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
}

.testimonials-two .owl-theme .owl-nav .owl-next {
  right: 15px;
}

.testimonials-two .owl-theme .owl-nav .owl-prev {
  left: 15px;
}

.testimonials-two .owl-theme .owl-nav .owl-next:hover,
.testimonials-two .owl-theme .owl-nav .owl-prev:hover {
  color: var(--black-color);
}

.testimonials-two .owl-theme .owl-nav .owl-next:hover:before,
.testimonials-two .owl-theme .owl-nav .owl-prev:hover:before {
  background: var(--main-color);
}

/*** 

====================================================================
  Why Us Two Section
====================================================================

***/

.why-us-two {
  position: relative;
  background-color: var(--color-four);
  padding-top: var(--padding-top-100);
  padding-bottom: var(--padding-bottom-70);
}

.why-us-two .left-bg {
  position: absolute;
  left: 0;
  bottom: 80px;
}

.why-us-two .right-bg {
  position: absolute;
  right: 0;
  top: -100px;
}

.why-us-two .title-box {
  margin-bottom: var(--margin-bottom-40);
}

.why-block-two {
  position: relative;
  margin-bottom: var(--margin-bottom-30);
}

.why-block-two.m-top {
  padding-top: var(--padding-top-40);
}

.why-block-two .inner-box {
  position: relative;
  display: block;
  text-align: center;
  background: var(--color-two);
}

.why-block-two .image-box {
  position: relative;
  overflow: hidden;
  background-color: var(--main-color);
}

.why-block-two .inner-box:hover .image-box img {
  opacity: 0.7;
  transform: scale(1.05, 1.05);
}

.why-block-two .image-box img {
  position: relative;
  display: block;
  width: 100%;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.why-block-two .image-box::after {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  display: block;
  content: "";
  width: 0;
  height: 0;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 0%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
}

.why-block-two .inner-box:hover .image-box::after {
  -webkit-animation: circle 0.95s;
  animation: circle 0.95s;
}

.why-block-two .over-box {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding-left: var(--padding-left-30);
  padding-right: var(--padding-right-30);
  padding-bottom: var(--padding-bottom-40);
  z-index: 3;
}

.why-block-two .image-box:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 180px;
  background: rgba(0, 0, 0, 0.7);
  background: -webkit-linear-gradient(
    bottom,
    rgba(0, 0, 0, 0.95),
    rgba(0, 0, 0, 0.8),
    rgba(0, 0, 0, 0.05)
  );
  background: -ms-linear-gradient(
    bottom,
    rgba(0, 0, 0, 0.95),
    rgba(0, 0, 0, 0.8),
    rgba(0, 0, 0, 0.05)
  );
  z-index: 1;
}

.why-block-two .inner-box .icon-box {
  position: relative;
  display: block;
  line-height: 80px;
  margin-bottom: var(--margin-bottom-15);
}

.why-block-two .inner-box .icon-box img {
  position: relative;
  max-height: 80px;
}

.why-block-two h4 {
  position: relative;
  text-transform: capitalize;
}

.why-block-two h4 a {
  color: var(--white-color);
}

.why-block-two h4 a:hover {
  color: var(--main-color);
}

.why-block-two .text {
  position: relative;
  font-size: var(--font-14);
  color: var(--color-one);
}

/*** 

====================================================================
  Image Gallery Section
====================================================================

***/

.image-gallery {
  position: relative;
  background-color: var(--color-four);
  padding-bottom: var(--padding-bottom-100);
  overflow: hidden;
}

.image-gallery .carousel-box {
  position: relative;
}

.image-gallery .auto-container {
  max-width: 860px;
}

.image-gallery .image-gallery-slider {
  position: static;
}

.image-gallery .image-gallery-slider .owl-stage-outer {
  overflow: visible;
}

.image-gallery .gallery-block {
  position: relative;
}

.image-gallery .gallery-block .image {
  position: relative;
}

.image-gallery .gallery-block .image img {
  position: relative;
  display: block;
  width: 100%;
}

.image-gallery .owl-theme .owl-dots {
  display: none;
}

.image-gallery .owl-theme .owl-nav {
  position: absolute;
  left: 20px;
  right: 20px;
  height: 0;
  top: 50%;
  margin-top: -22px;
}

.image-gallery .owl-theme .owl-nav .owl-next,
.image-gallery .owl-theme .owl-nav .owl-prev {
  position: absolute;
  top: 50%;
  display: inline-block;
  vertical-align: top;
  width: 44px;
  height: 44px;
  line-height: 44px;
  font-size: var(--font-24);
  text-align: center;
  background: transparent;
  color: var(--main-color);
  border-radius: 0%;
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
}

.image-gallery .owl-theme .owl-nav .owl-next span,
.image-gallery .owl-theme .owl-nav .owl-prev span {
  position: relative;
  z-index: 1;
}

.image-gallery .owl-theme .owl-nav .owl-next:before,
.image-gallery .owl-theme .owl-nav .owl-prev:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 1px solid var(--main-color);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
}

.image-gallery .owl-theme .owl-nav .owl-next {
  right: 15px;
}

.image-gallery .owl-theme .owl-nav .owl-prev {
  left: 15px;
}

.image-gallery .owl-theme .owl-nav .owl-next:hover,
.image-gallery .owl-theme .owl-nav .owl-prev:hover {
  color: var(--black-color);
}

.image-gallery .owl-theme .owl-nav .owl-next:hover:before,
.image-gallery .owl-theme .owl-nav .owl-prev:hover:before {
  background: var(--main-color);
}

/*** 

====================================================================
  Menu Section
====================================================================

***/

.menu-one {
  position: relative;
  padding-top: var(--padding-top-90);
  padding-bottom: var(--padding-bottom-60);
  overflow: hidden;
  background-color: var(--color-four);
}

.menu-one.alternate {
  padding-top: 0;
}

.menu-one .left-bg {
  position: absolute;
  left: 0;
  top: 80px;
}

.menu-one .right-bg {
  position: absolute;
  right: 0;
  top: 0;
}

.menu-one .right-bg-2 {
  position: absolute;
  right: 0;
  bottom: 80px;
}

.menu-one .title-box {
  margin-bottom: var(--margin-bottom-45);
}

.menu-one .image-col {
  position: relative;
  margin-bottom: 40px;
}

.menu-one.alternate .image-col {
  order: 12;
}

.menu-one .image-col .inner {
  position: relative;
  display: block;
}

.menu-one .image-col .image {
  position: relative;
  display: block;
  padding-left: var(--padding-left-30);
}

.menu-one.alternate .image-col .image {
  padding-left: var(--padding-left-0);
  padding-right: var(--padding-right-30);
}

.menu-one .image-col .image:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 15px;
  height: 100%;
  background: url(../images/background/pattern-9.svg) center top repeat;
}

.menu-one.alternate .image-col .image:before {
  left: auto;
  right: 0;
}

.menu-one .image-col .image img {
  position: relative;
  display: block;
  width: 100%;
}

.menu-one .menu-col {
  position: relative;
}

.menu-one.alternate .menu-col {
  order: 0;
}

.menu-one .menu-col .inner {
  position: relative;
  display: block;
  padding-left: var(--padding-left-20);
  min-height: 100%;
}

.menu-one.alternate .menu-col .inner {
  padding-left: var(--padding-left-0);
  padding-right: var(--padding-right-20);
}

.menu-one .menu-col .dish-block {
  position: relative;
  margin-bottom: var(--margin-bottom-35);
}

.menu-one .menu-col .dish-block .inner-box {
  position: relative;
}

.menu-one .menu-col .dish-block .title {
  position: relative;
  line-height: 24px;
  margin-bottom: var(--margin-bottom-10);
  font-family: var(--font-family-Forum);
}

.menu-one .menu-col .dish-block .title:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -3px;
  width: 100%;
  height: 6px;
  border-top: 1px solid var(--white-color-opacity-four);
  border-bottom: 1px solid var(--white-color-opacity-four);
}

.menu-one .menu-col .dish-block .title .ttl {
  position: relative;
  float: left;
  padding-right: var(--padding-right-15);
  background-color: var(--color-four);
  text-transform: capitalize;
}

.menu-one .menu-col .dish-block .title .ttl a {
  color: var(--white-color);
}

.menu-one .menu-col .dish-block .title .ttl a:hover {
  color: var(--main-color);
}

.menu-one .menu-col .dish-block .title .ttl .s-info {
  position: relative;
  display: inline-block;
  line-height: 20px;
  padding: 0 5px;
  font-size: var(--font-14);
  color: var(--color-four);
  background: var(--main-color);
  margin-left: 10px;
}

.menu-one .menu-col .dish-block .title .price {
  float: right;
  font-size: var(--font-22);
  color: var(--main-color);
  padding-left: var(--padding-left-15);
  background-color: var(--color-four);
}

.menu-one .menu-col .dish-block .desc {
  position: relative;
  font-size: var(--font-14);
  color: var(--color-one);
  max-width: 350px;
}

.menu-one .menu-col .dish-block .desc a {
  color: var(--color-one);
}

/*** 

====================================================================
  Special Offer Section
====================================================================

***/

.special-offer-two {
  position: relative;
  background-color: var(--color-four);
  padding-top: var(--padding-top-90);
  padding-bottom: var(--padding-bottom-65);
}

.special-offer-two .left-bg {
  position: absolute;
  left: 0;
  bottom: 25%;
}

.special-offer-two .right-bg {
  position: absolute;
  right: 0;
  top: 0;
}

.special-offer-two .title-box {
  margin-bottom: var(--margin-bottom-40);
}

.offer-block-three {
  position: relative;
  margin-bottom: var(--margin-bottom-35);
}

.offer-block-three .inner-box {
  position: relative;
  display: block;
  text-align: center;
}

.offer-block-three .inner-box .image {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 20px;
  background-color: var(--main-color);
  margin-bottom: var(--margin-bottom-15);
}

.offer-block-three .inner-box .image img {
  position: relative;
  display: block;
  width: 100%;
  border-radius: 20px;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.offer-block-three .inner-box:hover .image img {
  opacity: 0.7;
  transform: scale(1.05, 1.05);
}

.offer-block-three h4 {
  position: relative;
  text-transform: capitalize;
  margin-bottom: var(--margin-bottom-10);
}

.offer-block-three h4 a {
  color: var(--white-color);
}

.offer-block-three h4 a:hover {
  color: var(--main-color);
}

.offer-block-three .desc {
  position: relative;
  font-size: var(--font-14);
  color: var(--color-one);
  margin-bottom: var(--margin-bottom-15);
}

.offer-block-three .price {
  position: relative;
  font-family: var(--font-family-Forum);
  font-size: var(--font-20);
  color: var(--main-color);
}

/*** 

====================================================================
  Special Dish Section
====================================================================

***/

.chef-selection {
  position: relative;
  background-color: var(--color-four);
}

.chef-selection .outer-container {
  position: relative;
  background: var(--color-five);
  border-radius: 20px;
  overflow: hidden;
}

.chef-selection .row {
  margin: 0 0;
}

.chef-selection .image-col {
  position: relative;
  padding: 0 0;
}

.chef-selection .image-col .inner {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  min-height: 100%;
}

.chef-selection .image-col .image-layer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.chef-selection .image-col .image-layer:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.chef-selection .image-col .image {
  position: relative;
  display: none;
}

.chef-selection .image-col .image img {
  position: relative;
  display: block;
  width: 100%;
}

.chef-selection .content-col {
  position: relative;
  padding: 0 0;
}

.chef-selection .content-col .inner {
  position: relative;
  display: block;
  max-width: 600px;
  padding-top: var(--padding-top-140);
  padding-bottom: var(--padding-bottom-140);
  padding-left: var(--padding-left-130);
  padding-right: var(--padding-right-20);
}

.chef-selection .content-col .badge-icon {
  position: absolute;
  left: -60px;
  top: 0;
}

.chef-selection .title-box {
  margin-bottom: var(--margin-bottom-40);
}

.chef-selection .title-box h3 {
  font-size: var(--font-40);
}

.chef-selection .price {
  position: relative;
  line-height: 30px;
}

.chef-selection .price .old {
  position: relative;
  font-size: var(--font-18);
  color: var(--color-three);
  padding-right: var(--padding-right-20);
}

.chef-selection .price .new {
  position: relative;
  font-size: var(--font-24);
  color: var(--main-color);
}

.chef-selection .content-col .link-box {
  padding-top: var(--padding-top-40);
}

/*** 

====================================================================
  Menu Section
====================================================================

***/

.menu-two {
  position: relative;
  background-color: var(--color-four);
  padding-top: var(--padding-top-100);
}

.menu-two .left-bg {
  position: absolute;
  left: 0;
  top: 120px;
}

.menu-two .right-bg {
  position: absolute;
  right: 0;
  top: 0px;
}

.menu-two .title-box {
  margin-bottom: var(--margin-bottom-40);
}

.menu-two .menu-col .inner {
  position: relative;
  display: block;
  padding-right: var(--padding-right-80);
  min-height: 100%;
}

.menu-two .menu-col .inner:after {
  content: "";
  position: absolute;
  right: -15px;
  top: 0;
  bottom: 50px;
  border-right: 1px solid var(--white-color-opacity-four);
}

.menu-two .menu-col:nth-child(2) .inner {
  padding-right: 0;
  padding-left: var(--padding-left-80);
  border-right: none;
}

.menu-two .menu-col:nth-child(2) .inner:after {
  display: none;
}

.menu-two .dish-block {
  position: relative;
  margin-bottom: var(--margin-bottom-55);
}

.menu-two .dish-block .inner-box {
  position: relative;
  padding-left: var(--padding-left-120);
  min-height: 100px;
  padding-top: var(--padding-top-10);
}

.menu-two .dish-block .dish-image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100px;
  height: 100px;
  border-radius: 22px;
  overflow: hidden;
  background-color: var(--color-four);
}

.dish-block .inner-box:hover img {
  opacity: 0.7;
  transform: scale(1.05, 1.05);
}

.menu-two .dish-block .dish-image img {
  position: relative;
  display: block;
  width: 100px;
  height: 100px;
  border-radius: 10px;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.menu-two .dish-block .title {
  position: relative;
  line-height: 24px;
  margin-bottom: var(--margin-bottom-10);
  font-family: var(--font-family-Forum);
}

.menu-two .dish-block .title:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -3px;
  width: 100%;
  height: 6px;
  border-top: 1px solid var(--white-color-opacity-four);
  border-bottom: 1px solid var(--white-color-opacity-four);
}

.menu-two .dish-block .title .ttl {
  position: relative;
  padding-right: var(--padding-right-15);
  background-color: var(--color-four);
  text-transform: capitalize;
}

.menu-two .dish-block .title .ttl a {
  color: var(--white-color);
}

.menu-two .dish-block .title .ttl .s-info {
  position: relative;
  display: inline-block;
  line-height: 20px;
  padding: 0 5px;
  font-size: var(--font-14);
  color: var(--color-four);
  background: var(--main-color);
  margin-left: 10px;
}

.menu-two .dish-block .title .price {
  position: relative;
  float: right;
  font-size: var(--font-22);
  color: var(--main-color);
  padding-left: var(--padding-left-15);
  background-color: var(--color-four);
}

.menu-two .dish-block .desc {
  position: relative;
  font-size: var(--font-14);
  color: var(--color-one);
}

.menu-two .dish-block .desc a {
  color: var(--color-one);
}

/*** 

====================================================================
  Featured Section
====================================================================

***/

.featured-section {
  position: relative;
  background-color: var(--color-four);
  /*padding-bottom: var(--padding-bottom-60);*/
}

.featured-section .row {
  margin: 0 -10px;
}

.featured-section .text-col {
  position: relative;
  padding: 0 10px;
  text-align: center;
  margin-bottom: 40px;
}

.featured-section.alternate .text-col {
  order: 12;
}

.featured-section .text-col .inner {
  position: relative;
  min-height: 100%;
  width: calc(100% - 15px);
  display: table;
  vertical-align: middle;
  left: 15px;
  padding-left: var(--padding-left-25);
  padding-right: var(--padding-right-25);
  background: url(../images/background/pattern-5.png) left top repeat;
  background-color: var(--color-five);
  padding-top: var(--padding-top-30);
  padding-bottom: var(--padding-bottom-50);
}

.featured-section.alternate .text-col .inner {
  left: 0;
  right: 15px;
}

.featured-section .text-col .inner:before {
  content: "";
  position: absolute;
  left: -15px;
  top: 0;
  width: 15px;
  height: 100%;
  background: url(../images/background/pattern-9.svg) center top repeat;
}

.featured-section.alternate .text-col .inner:before {
  left: auto;
  right: -15px;
}

.featured-section .text-col .content {
  position: relative;
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}

.featured-section .text-col h2 {
  font-size: var(--font-50);
  padding-bottom: var(--padding-bottom-5);
}

.featured-section .text-col .text {
  position: relative;
  color: var(--color-one);
  font-size: var(--font-14);
}

.featured-section .text-col .content-inner {
  max-width: 350px;
  margin: 0 auto;
}

.featured-section .text-col .separator {
  position: relative;
  margin-top: var(--margin-top-20);
  margin-bottom: var(--margin-bottom-20);
}

.featured-section .text-col .separator span {
  position: relative;
  display: block;
  height: 8px;
  width: 8px;
  border: 1px solid var(--main-color);
  margin: 0 auto;
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.featured-section .text-col .booking-info {
  position: relative;
  text-align: center;
  margin-bottom: var(--margin-bottom-25);
}

.featured-section .text-col .booking-info .bk-title {
  position: relative;
  font-weight: 700;
  text-transform: capitalize;
  margin-bottom: 5px;
}

.featured-section .text-col .booking-info .bk-no {
  position: relative;
  font-size: var(--font-30);
  color: var(--main-color);
  line-height: 1em;
}

.featured-section .text-col .booking-info .bk-no a {
  color: var(--main-color);
}

.featured-section .text-col .booking-info .bk-no a:hover {
  text-decoration: underline;
}

.featured-section .image-col {
  position: relative;
  padding: 0 10px;
  margin-bottom: 20px;
}

.featured-section.alternate .image-col {
  order: 0;
}

.featured-section .image-col .inner {
  position: relative;
  display: block;
}

.featured-section .image-col .img-col {
  position: relative;
  padding: 0 10px;
  margin-bottom: 20px;
}

.featured-section .image-col img {
  display: block;
  width: 100%;
}

/*** 

====================================================================
  online reservation Section
====================================================================

***/

.online-reservation {
  position: relative;
  background: var(--black-color);
  padding-top: var(--padding-top-100);
  padding-bottom: var(--padding-bottom-100);
}

/* for inner page  */
.online-reservation.inner-page {
  position: relative;
  background-color: var(--color-four);
}

.online-reservation.inner-page .left-bg {
  position: absolute;
  left: 0;
  top: 0;
}

.online-reservation.inner-page .right-bg {
  position: absolute;
  right: 0;
  bottom: 100px;
}

/* */

.online-reservation .image-layer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  opacity: 0.7;
}

.online-reservation .title-box {
  margin-bottom: var(--margin-bottom-40);
}

.online-reservation .title-box .text {
  max-width: none;
  padding-top: 0;
}

.online-reservation .title-box .text.desc {
  color: var(--color-one);
  margin-bottom: var(--margin-bottom-15);
  padding: 0 200px;
}

.online-reservation .title-box .text a {
  color: var(--main-color);
}

.online-reservation .reservation-form {
  position: relative;
}

.online-reservation .reservation-form form {
  position: relative;
  padding-right: var(--padding-right-250);
}

.online-reservation .reservation-form form .row {
  margin: 0 -10px;
}

.online-reservation .reservation-form form .row .form-group {
  padding: 0 10px;
  margin-bottom: 20px;
}

.online-reservation .reservation-form form button {
  position: absolute;
  right: 0;
  top: 0;
  width: 230px;
}

.online-reservation .powered-by {
  position: relative;
  text-align: center;
  padding-top: var(--padding-top-5);
}

/*** 

====================================================================
  online reservation open table
====================================================================

***/

.map-location-section {
  position: relative;
}

.map-location-section .outer-box {
  position: relative;
  top: 100px;
  margin-bottom: 100px;
  /*background: var(--color-five);*/
  z-index: 1;
}

.map-location-section .outer-box > .row {
  margin: 0 0;
}

.map-location-section .reserv-col {
  position: relative;
  padding: 0 15px 0 0;
}

.map-location-section .reserv-col .inner {
  position: relative;
  padding-right: var(--padding-right-60);
  min-height: 100%;
  /*background-color:var(--color-five);*/
}

.map-location-section .info-col {
  position: relative;
  padding: 0 0;
  text-align: center;
  background: url(../images/background/pattern-2.png) left top repeat;
  background-color: var(--color-five);
}

.map-location-section .info-col .img-layer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}

.map-location-section .info-col .inner {
  position: relative;
  padding-top: var(--padding-top-75);
  padding-bottom: var(--padding-bottom-55);
  padding-left: var(--padding-left-20);
  padding-right: var(--padding-right-20);
  margin-left: var(--margin-left-15);
  margin-right: var(--margin-right-15);
  min-height: 100%;
  border: 1px solid var(--main-color);
}

.map-location-section .info-col .inner:before {
  content: "";
  position: absolute;
  left: -14px;
  top: 12px;
  right: -14px;
  bottom: 12px;
  border: 1px solid var(--main-color);
}

.map-location-section .info-col .title {
  margin-bottom: var(--margin-bottom-40);
}

.map-location-section .info-col .title h2 {
  line-height: 1em;
}

.map-location-section .info-col .data {
  max-width: 280px;
  margin: 0 auto;
}

.map-location-section .info-col .instruction {
  position: relative;
  line-height: 1.6em;
  color: var(--color-one);
  z-index: 1;
}

.map-location-section .info-col .booking-info {
  position: relative;
  text-align: center;
  margin-bottom: var(--margin-bottom-20);
}

.map-location-section .info-col .booking-info .bk-title {
  position: relative;
  font-weight: 700;
  text-transform: capitalize;
  margin-bottom: 5px;
}

.map-location-section .info-col .booking-info .bk-no {
  position: relative;
  font-size: var(--font-30);
  color: var(--main-color);
  line-height: 1em;
}

.map-location-section .info-col .booking-info .bk-no a {
  color: var(--main-color);
}

.map-location-section .info-col .booking-info .bk-no a:before {
  position: absolute;
  content: "";
  left: 5px;
  right: 5px;
  bottom: 0px;
  height: 5px;
  opacity: 0;
  transform: scale(0.2, 1);
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  border-top: 1px solid var(--main-color);
  border-bottom: 1px solid var(--main-color);
}

.map-location-section .info-col .booking-info .bk-no a:hover::before {
  opacity: 1;
  transform: scale(1, 1);
}

.map-location-section .info-col .separator {
  position: relative;
  margin-bottom: var(--margin-bottom-20);
}

.map-location-section .info-col .separator span {
  position: relative;
  display: block;
  height: 8px;
  width: 8px;
  border: 1px solid var(--main-color);
  margin: 0 auto;
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.map-location-section .info-col .info {
  position: relative;
}

.map-location-section .info-col .info li {
  position: relative;
  line-height: 1.5em;
  color: var(--color-one);
  margin-bottom: var(--margin-bottom-25);
}

.map-location-section .info-col .info li strong {
  display: inline-block;
  color: var(--text-color);
  margin-bottom: var(--margin-bottom-5);
}

.map-location-section .info-col .info li:last-child {
  margin-bottom: 0;
}

/*** 

====================================================================
  online reservation contact form
====================================================================

***/

.reservation-contactform {
  position: relative;
  background: var(--black-color);
  padding-top: var(--padding-top-100);
  padding-bottom: var(--padding-bottom-100);
}

.reservation-contactform.inner-page {
  position: relative;
  background-color: var(--color-four);
}

.reservation-contactform.inner-page .left-bg {
  position: absolute;
  left: 0;
  top: 0;
}

.reservation-contactform.inner-page .right-bg {
  position: absolute;
  right: 0;
  bottom: 100px;
}

.reservation-contactform .image-layer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  opacity: 0.7;
}

.reservation-contactform .title-box {
  margin-bottom: var(--margin-bottom-40);
}

.reservation-contactform .title-box .text {
  max-width: none;
  padding-top: 0;
}

.reservation-contactform .title-box .text.desc {
  color: var(--color-one);
  margin-bottom: var(--margin-bottom-15);
  padding: 0 200px;
}

.reservation-contactform .title-box .text a {
  color: var(--main-color);
}

.reservation-contactform .reservation-form {
  position: relative;
}

.reservation-contactform .reservation-form form {
  position: relative;
}

.reservation-contactform .reservation-form form .row {
  margin: 0 -10px;
}

.reservation-contactform .reservation-form form .row .form-group {
  padding: 0 10px;
  margin-bottom: 20px;
}

.reservation-contactform .reservation-form form button {
  /*position: absolute;
  right: 0;
  top: 0;*/
  width: 230px;
  margin: 0 auto;
  display: block;
}

.reservation-contactform .powered-by {
  position: relative;
  text-align: center;
  padding-top: var(--padding-top-5);
}

/*** 

====================================================================
  location section
====================================================================

***/

.location-center {
  position: relative;
  padding-top: var(--padding-top-100);
}

.location-center .left-bg {
  position: absolute;
  left: 0;
  bottom: 80px;
}

.location-center .right-bg {
  position: absolute;
  right: 0;
  top: -100px;
}

.location-center .title-box {
  margin-bottom: var(--margin-bottom-40);
}

.why-block {
  position: relative;
  margin-bottom: var(--margin-bottom-30);
}

.location-center .row {
  margin: 0 -20px;
}

.location-center .row .why-block {
  padding: 0 20px;
  margin-bottom: 40px;
}

.location-block .inner-box {
  position: relative;
  display: block;
  padding-top: var(--padding-top-30);
  padding-left: var(--padding-left-20);
  padding-right: var(--padding-right-20);
  padding-bottom: var(--padding-top-40);
  text-align: center;
  min-height: 100%;
  /*background: var(--color-seven);*/
}

.location-center .why-block:nth-child(even) .inner-box {
  background: var(--color-eight);
}

.location-block .inner-box .icon-box {
  position: relative;
  display: block;
  line-height: 90px;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  margin-bottom: var(--margin-bottom-20);
}

.location-block .inner-box:hover .icon-box {
  -webkit-transform: scale(-1) rotate(180deg);
  -moz-transform: scale(-1) rotate(180deg);
  -ms-transform: scale(-1) rotate(180deg);
  -o-transform: scale(-1) rotate(180deg);
  transform: scale(-1) rotate(180deg);
}

.location-block .inner-box .icon-box img {
  position: relative;
  max-height: 127px;
}

.location-block h4 {
  position: relative;
  text-transform: capitalize;
  margin-bottom: var(--margin-bottom-20);
}

.location-block h4 a {
  color: var(--white-color);
}

.location-block h4 a:hover {
  color: var(--main-color);
}

.location-block .text {
  position: relative;
  font-size: var(--font-14);
  color: var(--color-one);
}

.location-block .more-link {
  position: relative;
  margin-top: 30px;
}

.location-block .more-link a {
  display: inline-block;
  vertical-align: top;
  font-size: var(--font-12);
  color: var(--main-color);
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.2em;
  line-height: 1.5em;
  padding-bottom: 4px;
}

.location-block .more-link a:before {
  position: absolute;
  content: "";
  left: 5px;
  right: 5px;
  bottom: -4px;
  height: 4px;
  opacity: 0;
  transform: scale(0.2, 1);
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  border-bottom: 1px solid var(--main-color);
  border-top: 1px solid var(--main-color);
}

.location-block .more-link a:hover::before {
  opacity: 1;
  transform: scale(1, 1);
}

.location-block .more-link a:hover {
  color: var(--white-color);
  border-color: var(--white-color);
}

/*** 

====================================================================
  Location with image Section
====================================================================

***/

.location-with-image {
  position: relative;
  padding-top: var(--padding-top-100);
}

.location-with-image .title-box {
  margin-bottom: var(--margin-bottom-40);
}

.location-with-image .row {
  margin: 0 -25px;
}

.loc-block {
  position: relative;
  margin-bottom: var(--margin-bottom-30);
}

.location-with-image .row .location-block {
  padding: 0 25px;
  margin-bottom: 40px;
}

.loc-block .inner-box {
  position: relative;
  display: block;
}

.loc-block .image-box {
  position: relative;
  display: block;
}

.loc-block .image-box:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 250px;
  background: rgba(0, 0, 0, 0.7);
  background: -webkit-linear-gradient(
    bottom,
    rgba(0, 0, 0, 0.9),
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0)
  );
  background: -ms-linear-gradient(
    bottom,
    rgba(0, 0, 0, 0.9),
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0)
  );
  z-index: 1;
}

.loc-block .image {
  position: relative;
  display: block;
  z-index: 0;
  overflow: hidden;
}

.loc-block .image img {
  position: relative;
  display: block;
  width: 100%;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.loc-block .image:before {
  position: absolute;
  top: 0;
  left: -85%;
  z-index: 2;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
  background: -o-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.8) 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(rgba(255, 255, 255, 0)),
    to(rgba(255, 255, 255, 0.8))
  );
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.8) 100%
  );
  -webkit-transform: skewX(-25deg);
  -ms-transform: skewX(-25deg);
  transform: skewX(-25deg);
  z-index: 1;
}

.loc-block .inner-box:hover .image:before {
  -webkit-animation: shine 1s;
  animation: shine 1s;
}

.loc-block .inner-box:hover img {
  transform: scale(1.05, 1.05);
}

.loc-block .date {
  position: absolute;
  left: 25px;
  top: 30px;
  z-index: 1;
}

.loc-block .date span {
  position: relative;
  display: inline-block;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--main-color);
  font-size: var(--font-12);
  line-height: 14px;
  letter-spacing: 0.1em;
  padding: 3px 3px;
  background-color: var(--black-color);
}

.loc-block .over-content {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding-left: var(--padding-left-30);
  padding-right: var(--padding-right-25);
  padding-bottom: var(--padding-bottom-25);
  z-index: 3;
}

.loc-block .cat {
  position: relative;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--main-color);
  font-size: var(--font-12);
  letter-spacing: 0.4em;
  margin-bottom: var(--margin-bottom-5);
}

.loc-block h4 {
  position: relative;
  margin-bottom: 0;
}

.loc-block h4 a {
  color: var(--text-color);
}

.loc-block .text {
  color: var(--color-one);
  margin-bottom: var(--margin-bottom-15);
  padding: 5px 0 0 0;
}

.loc-block .more-link {
  position: relative;
  margin-top: 20px;
}

.loc-block .more-link a {
  display: inline-block;
  vertical-align: top;
  font-size: var(--font-12);
  color: var(--main-color);
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.2em;
  line-height: 1.5em;
  padding-bottom: 4px;
}

.loc-block .more-link a:before {
  position: absolute;
  content: "";
  left: 5px;
  right: 5px;
  bottom: -4px;
  height: 4px;
  opacity: 0;
  transform: scale(0.2, 1);
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  border-bottom: 1px solid var(--main-color);
  border-top: 1px solid var(--main-color);
}

.loc-block .more-link a:hover::before {
  opacity: 1;
  transform: scale(1, 1);
}

.loc-block .more-link a:hover {
  color: var(--white-color);
  border-color: var(--white-color);
}

/*** 

====================================================================
  Contact Page
====================================================================

***/

.contact-map {
  position: relative;
}

.contact-page {
  position: relative;
  background: var(--color-four);
}

.contact-page .loc-block {
  margin-bottom: 0;
}

.contact-page .location-center {
  position: relative;
  padding: 0;
}

.contact-page .cinfo-box {
  position: relative;
  background-color: var(--color-four);
}

.contact-page .cinfo-box:before {
  position: relative;
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  top: -40px;
  bottom: 0;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  background-color: var(--color-four);
}

.contact-page .left-bg {
  position: absolute;
  left: 0;
  top: 0;
}

.contact-page .right-bg {
  position: absolute;
  right: 0;
  bottom: 100px;
}

.contactinfo-block .inner-box {
  position: relative;
  display: block;
  padding-top: var(--padding-top-30);
  padding-left: var(--padding-left-20);
  padding-right: var(--padding-right-20);
  padding-bottom: var(--padding-top-40);
  text-align: center;
  min-height: 100%;
  /*background: var(--color-seven);*/
}

.inner-box.cp-seprator:before {
  content: "";
  position: absolute;
  right: 100%;
  top: 50%;
  margin-top: -4px;
  height: 8px;
  width: 8px;
  border: 1px solid var(--main-color);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.inner-box.cp-seprator:after {
  content: "";
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -4px;
  height: 8px;
  width: 8px;
  border: 1px solid var(--main-color);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.contactinfo-block h4 {
  position: relative;
  text-transform: capitalize;
  margin-bottom: var(--margin-bottom-20);
}

.contactinfo-block .text {
  position: relative;
  font-size: var(--font-16);
  color: var(--color-one);
}

.contactinfo-block .more-link {
  position: relative;
  margin-top: 10px;
}

.contactinfo-block .more-link a {
  display: inline-block;
  vertical-align: top;
  font-size: var(--font-16);
  color: var(--main-color);
  font-weight: 500;
  line-height: 1.5em;
  padding-bottom: 4px;
}

.contactinfo-block .more-link a:before {
  position: absolute;
  content: "";
  left: 5px;
  right: 5px;
  bottom: -4px;
  height: 4px;
  opacity: 0;
  transform: scale(0.2, 1);
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  border-bottom: 1px solid var(--main-color);
  border-top: 1px solid var(--main-color);
}

.contactinfo-block .more-link a:hover::before {
  opacity: 1;
  transform: scale(1, 1);
}

.contactinfo-block .more-link a:hover {
  color: var(--white-color);
  border-color: var(--white-color);
}

.c-page-form-box {
  position: relative;
  background-color: var(--color-five);
  padding: 60px;
  margin-top: var(--margin-top-40);
  margin-bottom: var(--margin-bottom-100);
}

.c-page-form-box .form-group {
  width: 100%;
  margin-bottom: 20px;
}

.form-group {
  width: 100%;
  text-align: center;
}

.c-page-form-box .title-box.centered {
  margin-bottom: 30px;
}

/*** 

====================================================================
  Chef Page
====================================================================

***/

.chef-section {
  position: relative;
  padding-top: var(--padding-top-100);
  padding-bottom: var(--padding-bottom-100);
  background: var(--color-five);
}

.chef-section .right-bg {
  position: absolute;
  right: 0;
  bottom: 0;
}

.chef-section .outer-container {
  position: relative;
}

.chef-section .row {
  margin: 0 0;
}

.chef-section .image-col {
  position: relative;
  padding: 0 0;
}

.chef-section.alternate .image-col {
  order: 12;
}

.chef-section .image-col .inner {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  min-height: 100%;
}

.chef-section .image-col .image {
  position: relative;
  padding-bottom: var(--padding-bottom-20);
}

.chef-section .image-col .image img {
  position: relative;
  display: block;
}

.chef-section .image-col .image:before {
  content: "";
  position: absolute;
  left: -20px;
  /*margin-left: -70px;*/
  width: 140px;
  top: 250px;
  bottom: 0;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  background: url(../images/background/pattern-8.svg) center repeat;
}

.chef-section .content-col {
  position: relative;
  padding: 0 0;
  text-align: left;
}

.chef-section.alternate .content-col {
  order: 0;
}

.chef-section .content-col .inner {
  position: relative;
  display: block;
  padding-top: var(--padding-top-150);
  padding-left: var(--padding-left-20);
  padding-right: var(--padding-right-20);
}

.chef-section .content-col .content-box {
  position: relative;
  display: block;
  width: 100%;
}

.chef-section.alternate .content-col .content-box {
  float: right;
}

.chef-section .content-col .title-box {
  margin-bottom: var(--margin-bottom-40);
}

.chef-section .content-col .title-box .text {
  padding-right: var(--padding-right-100);
}

.chef-section .content-col .signature {
  position: relative;
}

.chef-section .content-col .author {
  position: relative;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--main-color);
  font-size: var(--font-12);
  letter-spacing: 0.2em;
  margin-top: var(--margin-top-5);
}

.chef-section .content-col .link-box {
  padding-top: var(--padding-top-30);
}

.chef-section.alternate .content-col .link-box {
  padding-top: var(--padding-top-0);
}

.intro-section.quote {
  position: relative;
  padding-top: var(--padding-top-200);
  padding-bottom: var(--padding-bottom-200);
  background: var(--black-color);
}

.intro-section.quote .image-layer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  opacity: 0.8;
}

/*** 

====================================================================
  section
====================================================================

***/

.hamburger {
  display: flex;
  align-self: center;
  flex-direction: column;
  justify-content: space-between;
  width: 30px;
  height: 24px;
  cursor: pointer;
  padding-top: 5px;
  padding-bottom: 5px;
}

.hamburger span {
  /* align-self: flex-end; */
  height: 2px;
  width: 83.33333333%;
  background: #ffffff;
  transition: all 400ms ease-in-out;
}

.hamburger .meat {
  width: 100%;
  transition: all 200ms ease-in-out;
}

.hamburger .bottom-bun {
  width: 58.33333333%;
  transition: all 100ms ease-in-out;
}

.hamburger:hover span {
  width: 100%;
}

html:not(.body-menu-opened) .hamburger .top-bun {
  -webkit-animation: burger-hover 1s infinite ease-in-out alternate forwards
    200ms;
  animation: burger-hover 1s infinite ease-in-out alternate forwards 200ms;
}

html:not(.body-menu-opened) .hamburger .meat {
  -webkit-animation: burger-hover 1s infinite ease-in-out alternate forwards
    400ms;
  animation: burger-hover 1s infinite ease-in-out alternate forwards 400ms;
}

html:not(.body-menu-opened) .hamburger .bottom-bun {
  -webkit-animation: burger-hover 1s infinite ease-in-out alternate forwards
    600ms;
  animation: burger-hover 1s infinite ease-in-out alternate forwards 600ms;
}

@-webkit-keyframes burger-hover {
  0% {
    width: 100%;
  }
  50% {
    width: 50%;
  }
  100% {
    width: 100%;
  }
}

@keyframes burger-hover {
  0% {
    width: 100%;
  }
  50% {
    width: 50%;
  }
  100% {
    width: 100%;
  }
}

/* KINNIK — küçük düzeltmeler (style.css sonrasında yükle) */

/* Logo: sticky olunca daha küçük dursun */
.fixed-header .main-box .logo-box .logo img {
  height: 80; /* normalde 150px idi */
  transition: height 200ms ease;
}

/* Header link butonları padding ayarı (sticky iken daralsın) */
.fixed-header .header-upper .links-box {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

/* Swiper okları tıklanabilir olsun (z-index) */
.banner-section .swiper-button-next,
.banner-section .swiper-button-prev {
  z-index: 20;
}

/* Scroll-to-top görünür sınıfı */
.scroll-to-top.visible {
  opacity: 1;
  visibility: visible;
}

/* Hidden bar açıkken body kaymasın */
body.overflow-hidden {
  overflow: hidden;
}

/* Menü backdrop görünür class'ı */
.menu-backdrop.visible {
  opacity: 1;
  visibility: visible;
}

/* Küçük ekranlarda hamburger görünsün */
@media (max-width: 991px) {
  .main-header .nav-outer {
    display: none;
  }
  .main-header .nav-toggler {
    display: block;
  }
}

:root {
  --hdr-py-desktop: 2px; /* header üst-alt padding (desktop) */
  --hdr-py-mobile: 12px; /* header üst-alt padding (mobile)  */
  --logo-h-desktop: 120px; /* logo yüksekliği (desktop)        */
  --logo-h-mobile: 72px; /* logo yüksekliği (mobile)         */
}

/* HEADER her zaman fixed, ilk durumda tamamen şeffaf */
#siteHeader.main-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1100;
  background: transparent !important;
  transition:
    background 0.18s ease,
    box-shadow 0.18s ease;
}

/* Tema bazı durumlarda top:-51px / -175px yapıyor; kapatıyoruz (sabit kalsın) */
.fixed-header.header-down,
.fixed-header.header-up {
  top: 0 !important;
}

/* Temanın gri/siyah arka plan dayatmalarını sıfırla */
#siteHeader .header-upper,
#siteHeader .header-top {
  background: transparent !important;
  border-bottom-color: transparent !important;
}
/* Tema: .fixed-header .header-upper { background:#202020; } — iptal */
#siteHeader.fixed-header .header-upper {
  background: transparent !important;
}

/* Dikey hizalama: logo + menü + butonlar tam ortalı */
#siteHeader .header-upper .main-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding-top: var(--hdr-py-desktop);
  padding-bottom: var(--hdr-py-desktop);
}
/* Eski float’ları etkisizleştir, flex düzenine al */
#siteHeader .logo-box,
#siteHeader .nav-box,
#siteHeader .links-box {
  float: none !important;
}

#siteHeader .nav-box {
  display: flex;
  align-items: center;
  gap: 28px;
}
#siteHeader .links-box {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 0 !important;
  margin: 0 !important;
}

/* Hamburger: margin-top hack’lerini temizle, ortala */
#siteHeader .nav-toggler {
  margin: 0 !important;
  display: flex;
  align-items: center;
}
#siteHeader .nav-toggler button {
  height: auto;
  line-height: 1;
}

/* Logo: scrolda KÜÇÜLMESİN (desktop), mobilde makul küçült */
#siteHeader .logo-box .logo img {
  height: var(--logo-h-desktop) !important;
  width: auto;
  display: block;
}
/* Tema scrollda padding değiştiriyorsa nötralize et */
#siteHeader.fixed-header .main-box .logo-box {
  padding: 0 !important;
}

/* Menü satırı: dikey ortalama ve eşit boşluk */
#siteHeader .main-menu .navigation {
  display: flex;
  align-items: center;
}
#siteHeader .main-menu .navigation > li {
  margin-left: 32px;
  padding: 0 !important;
  display: flex;
  align-items: center;
}
#siteHeader .main-menu .navigation > li:first-child {
  margin-left: 0;
}

/* Scroll zemin karanlıkken linkler beyaz kalsın */

#siteHeader.scrolled .links-box .theme-btn .text-one,
#siteHeader.scrolled .links-box .theme-btn .text-two {
  color: #fff !important;
}

/* Dropdownların üstte kalması için */
#siteHeader .main-menu {
  position: relative;
  z-index: 1200;
}

/* Spacer: header yüksekliği kadar boşluk; HTML’de <div id="header-spacer"></div> ekli */
#header-spacer {
  height: var(--_hdr_h, 0px);
}

/* MOBILE ayarları */
@media (max-width: 991.98px) {
  #siteHeader .header-upper .main-box {
    gap: 14px;
    padding-top: var(--hdr-py-mobile);
    padding-bottom: var(--hdr-py-mobile);
  }
  #siteHeader .logo-box .logo img {
    height: var(--logo-h-mobile) !important;
  }
  /* Menü/hamburger/rez butonları aynı hizada kalsın */
  #siteHeader .nav-box {
    gap: 14px;
  }
  /* Mobilde menü elemanları genelde offcanvas/hidden-bar; üst hizayı bozmasın */

  #siteHeader .main-menu .navigation > li {
    margin-left: 18px;
  }
}

/* Gri görünen bir zemin hâlâ kalırsa “kill-switch”: header içindeki tüm kapsayıcıları transparanla */
#siteHeader,
#siteHeader * {
  background-image: none !important;
}
:root {
  --hdr-py-desktop: 1px; /* üst-alt boşluk (desktop) küçültüldü */
  --hdr-py-mobile: 8px; /* üst-alt boşluk (mobile)  küçültüldü */
  --logo-h-desktop: 98px; /* logo yüksekliği (desktop) küçüldü */
  --logo-h-mobile: 56px; /* logo yüksekliği (mobile)  */
  --menu-gap-desktop: 24px; /* menu & linkler arası boşluk */
}

/* Header fixed, başlangıçta tamamen şeffaf */
#siteHeader.main-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1100;
  background: transparent !important;
  transition:
    background 0.18s ease,
    box-shadow 0.18s ease;
}
/* Tema kaydırma “yukarı-aşağı” itmelerini iptal et (sabit kalsın) */
.fixed-header.header-down,
.fixed-header.header-up {
  top: 0 !important;
}

/* Temanın arka plan/gri zemin dayatmalarını iptal */
#siteHeader .header-upper,
#siteHeader .header-top {
  background: transparent !important;
  border-bottom-color: transparent !important;
}
#siteHeader.fixed-header .header-upper {
  background: transparent !important;
}

/* Dikey ortalama ve kompakt yükseklik */
#siteHeader .header-upper .main-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: var(--hdr-py-desktop) 0;
}
#siteHeader .logo-box,
#siteHeader .nav-box,
#siteHeader .links-box {
  float: none !important;
}
#siteHeader .nav-box {
  display: flex;
  align-items: center;
  gap: var(--menu-gap-desktop);
}

/* Logo scrolda küçülMESİN (desktop); mobilde mantıklı boy */
#siteHeader .logo-box .logo img {
  height: var(--logo-h-desktop) !important;
  width: auto;
  display: block;
}

/* Menü satırı: daha dar tırnaklar/paddingler */
#siteHeader .main-menu .navigation {
  display: flex;
  align-items: center;
}
#siteHeader .main-menu .navigation > li {
  margin-left: 22px;
  padding: 0 !important;
  display: flex;
  align-items: center;
}
#siteHeader .main-menu .navigation > li:first-child {
  margin-left: 0;
}

/* Rezervasyon butonu: header içinde daha küçük padding */
#siteHeader .links-box {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 !important;
  margin: 0 !important;
}
#siteHeader .links-box .theme-btn {
  padding: 8px 14px !important;
  border-radius: 6px;
  line-height: 1.1;
}
#siteHeader .links-box .btn-style-one .text-one,
#siteHeader .links-box .btn-style-one .text-two {
  font-size: 12px;
}
#siteHeader.scrolled .links-box .theme-btn .text-one,
#siteHeader.scrolled .links-box .theme-btn .text-two {
  color: #fff !important;
}

/* Hamburger: desktop’ta GİZLE, mobilde GÖSTER ve SAĞDA */
#siteHeader .nav-toggler {
  display: none;
  margin: 0 !important;
}
#siteHeader .nav-toggler button {
  height: auto;
  line-height: 1;
}

/* Spacer: header kadar boşluk */
#header-spacer {
  height: var(--_hdr_h, 0px);
}

/* Mobil düzen */
@media (max-width: 991.98px) {
  #siteHeader .header-upper .main-box {
    gap: 12px;
    padding: var(--hdr-py-mobile) 0;
  }
  #siteHeader .logo-box .logo img {
    height: var(--logo-h-mobile) !important;
  }

  /* Hamburger sağda ve görünür */
  #siteHeader .nav-toggler {
    display: flex;
    align-items: center;
    order: 3;
    margin-left: 12px !important;
  }
  /* Menü (üst yatay) mobilde gizlensin; hidden-bar/offcanvas kullanılacak */
  #siteHeader .main-menu {
    display: none !important;
  }

  /* Rezervasyon butonu daha da kompakt */
  #siteHeader .links-box .theme-btn {
    padding: 6px 12px !important;
  }
  #siteHeader .links-box {
    order: 2;
  }
  /* Sağ uçta hizalama */
  #siteHeader .nav-box {
    flex: 1;
    justify-content: flex-end;
  }
}

/* Kill-switch: header içindeki rastgele gri bg’leri iptal et */
#siteHeader,
#siteHeader * {
  background-image: none !important;
}

/* ====== KINNIK Header + Nav + Hero Attach (Override) ====== */
:root {
  --hdr-alpha: 0.7;
  --hdr-blur: 4px;
  --hdr-py-desktop: 1px;
  --hdr-py-mobile: 8px;
  --logo-h-desktop: 88px;
  --logo-h-mobile: 56px;
}

/* Header sabit + başlangıçta şeffaf */
#siteHeader,
.main-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1100;
  background: transparent !important;
  transition:
    background 0.18s ease,
    box-shadow 0.18s ease;
}
.fixed-header.header-down,
.fixed-header.header-up {
  top: 0 !important;
}

/* Tema içindeki gri/renkli dayatmaları kapat */
#siteHeader .header-upper,
.main-header .header-upper,
#siteHeader .header-top,
.main-header .header-top {
  background: transparent !important;
  border-bottom-color: transparent !important;
}

/* Scroll ile %70 siyah + blur */
#siteHeader.scrolled,
.main-header.scrolled {
  background: rgba(0, 0, 0, var(--hdr-alpha)) !important;
  -webkit-backdrop-filter: saturate(140%) blur(var(--hdr-blur));
  backdrop-filter: saturate(140%) blur(var(--hdr-blur));
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
}

/* Header iç hizalama (logo + menü + buton/hamburger dikey ortalı) */
#siteHeader .header-upper .main-box,
.main-header .header-upper .main-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: var(--hdr-py-desktop) 0;
}
#siteHeader .logo-box,
.main-header .logo-box,
#siteHeader .nav-box,
.main-header .nav-box,
#siteHeader .links-box,
.main-header .links-box {
  float: none !important;
}

/* Logo boyutu: desktop sabit (scroll’da küçülmesin) */
#siteHeader .logo-box .logo img,
.main-header .logo-box .logo img {
  height: var(--logo-h-desktop) !important;
  width: auto;
  display: block;
}

/* Menü blokları */
#siteHeader .nav-box,
.main-header .nav-box {
  display: flex;
  align-items: center;
  gap: 24px;
  flex: 1;
  justify-content: flex-end; /* MENÜYÜ SAĞA YANAŞTIR */
}
#siteHeader .main-menu .navigation,
.main-header .main-menu .navigation {
  display: flex;
  align-items: center;
  gap: 22px;
  margin-left: auto;
  justify-content: flex-end; /* sağa hizalı */
}
#siteHeader .main-menu .navigation > li,
.main-header .main-menu .navigation > li {
  padding: 0 !important;
  margin: 0;
}

/* Alttaki “3 çizgi” efektini kapat ve düzgün tek çizgi yap */
#siteHeader .main-menu .navigation > li > a:before,
.main-header .main-menu .navigation > li > a:before {
  display: none !important;
}
#siteHeader .main-menu .navigation > li > a::after,
.main-header .main-menu .navigation > li > a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: -8px;
  height: 2px;
  width: 0;

  transition: width 0.25s ease;
}
#siteHeader .main-menu .navigation > li:hover > a::after,
#siteHeader .main-menu .navigation > li.current > a::after,
.main-header .main-menu .navigation > li:hover > a::after,
.main-header .main-menu .navigation > li.current > a::after {
  width: 100%;
}

/* Rezervasyon butonu kompakt */
#siteHeader .links-box,
.main-header .links-box {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 !important;
  margin: 0 !important;
}
#siteHeader .links-box .theme-btn,
.main-header .links-box .theme-btn {
  padding: 8px 14px !important;
  border-radius: 6px;
  line-height: 1.1;
}
#siteHeader .links-box .btn-style-one .text-one,
#siteHeader .links-box .btn-style-one .text-two,
.main-header .links-box .btn-style-one .text-one,
.main-header .links-box .btn-style-one .text-two {
  font-size: 12px;
}

/* Hero’yu header’ın altına “yapıştır” (header yüksekliği kadar yukarı çek) */
.banner-section {
  margin-top: calc(-1 * var(--_hdr_h, 0px));
}

@media (max-width: 767.98px) {
  #siteHeader .header-upper .main-box,
  .main-header .header-upper .main-box {
    gap: 12px;
    padding: var(--hdr-py-mobile) 0;
  }
  #siteHeader .logo-box .logo img,
  .main-header .logo-box .logo img {
    height: var(--logo-h-mobile) !important;
  }

  /* Mobil: hamburger sağda; menü gizli */
  #siteHeader .nav-toggler,
  .main-header .nav-toggler {
    display: flex !important;
    align-items: center;
    order: 3;
    margin-left: 12px;
  }
  #siteHeader .main-menu,
  .main-header .main-menu {
    display: none !important;
  }

  /* Rezervasyon butonu daha da kompakt */
  #siteHeader .links-box .theme-btn,
  .main-header .links-box .theme-btn {
    padding: 6px 12px !important;
  }
  #siteHeader .nav-box,
  .main-header .nav-box {
    flex: 1;
    justify-content: flex-end;
  }
}

/* Güvenlik: header içindeki rastgele bg-image’ları iptal */
#siteHeader *,
.main-header * {
  background-image: none !important;
}
/* ====== KINNIK Header + Nav + Hero Attach (Override) ====== */
:root {
  --hdr-alpha: 0.7;
  --hdr-blur: 4px;
  --hdr-py-desktop: 1px;
  --hdr-py-mobile: 8px;
  --logo-h-desktop: 88px;
  --logo-h-mobile: 56px;
}

/* Header sabit + başlangıçta şeffaf */
#siteHeader,
.main-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1100;
  background: transparent !important;
  transition:
    background 0.18s ease,
    box-shadow 0.18s ease;
}
.fixed-header.header-down,
.fixed-header.header-up {
  top: 0 !important;
}

/* Tema içindeki gri/renkli dayatmaları kapat */
#siteHeader .header-upper,
.main-header .header-upper,
#siteHeader .header-top,
.main-header .header-top {
  background: transparent !important;
  border-bottom-color: transparent !important;
}

/* Scroll ile %70 siyah + blur */
#siteHeader.scrolled,
.main-header.scrolled {
  background: rgba(0, 0, 0, var(--hdr-alpha)) !important;
  -webkit-backdrop-filter: saturate(140%) blur(var(--hdr-blur));
  backdrop-filter: saturate(140%) blur(var(--hdr-blur));
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
}

/* Header iç hizalama (logo + menü + buton/hamburger dikey ortalı) */
#siteHeader .header-upper .main-box,
.main-header .header-upper .main-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: var(--hdr-py-desktop) 0;
}
#siteHeader .logo-box,
.main-header .logo-box,
#siteHeader .nav-box,
.main-header .nav-box,
#siteHeader .links-box,
.main-header .links-box {
  float: none !important;
}

/* Logo boyutu: desktop sabit (scroll’da küçülmesin) */
#siteHeader .logo-box .logo img,
.main-header .logo-box .logo img {
  height: var(--logo-h-desktop) !important;
  width: auto;
  display: block;
}

/* Menü blokları */
#siteHeader .nav-box,
.main-header .nav-box {
  display: flex;
  align-items: center;
  gap: 24px;
  flex: 1;
  justify-content: flex-end; /* MENÜYÜ SAĞA YANAŞTIR */
}
#siteHeader .main-menu .navigation,
.main-header .main-menu .navigation {
  display: flex;
  align-items: center;
  gap: 22px;
  margin-left: auto;
  justify-content: flex-end; /* sağa hizalı */
}
#siteHeader .main-menu .navigation > li,
.main-header .main-menu .navigation > li {
  padding: 0 !important;
  margin: 0;
}
/* Alttaki “3 çizgi” efektini kapat ve düzgün tek çizgi yap */
#siteHeader .main-menu .navigation > li > a:before,
.main-header .main-menu .navigation > li > a:before {
  display: none !important;
}
#siteHeader .main-menu .navigation > li > a::after,
.main-header .main-menu .navigation > li > a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: -8px;
  height: 2px;
  width: 0;
  transition: width 0.25s ease;
}
#siteHeader .main-menu .navigation > li:hover > a::after,
#siteHeader .main-menu .navigation > li.current > a::after,
.main-header .main-menu .navigation > li:hover > a::after,
.main-header .main-menu .navigation > li.current > a::after {
  width: 100%;
}

/* Rezervasyon butonu kompakt */
#siteHeader .links-box,
.main-header .links-box {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 !important;
  margin: 0 !important;
}
#siteHeader .links-box .theme-btn,
.main-header .links-box .theme-btn {
  padding: 8px 14px !important;
  border-radius: 6px;
  line-height: 1.1;
}
#siteHeader .links-box .btn-style-one .text-one,
#siteHeader .links-box .btn-style-one .text-two,
.main-header .links-box .btn-style-one .text-one,
.main-header .links-box .btn-style-one .text-two {
  font-size: 12px;
}

/* Hero’yu header’ın altına “yapıştır” (header yüksekliği kadar yukarı çek) */
.banner-section {
  margin-top: calc(-1 * var(--_hdr_h, 0px));
}

/* Hamburger: sadece ≤767px görünür; ≥768px menü normal */
#siteHeader .nav-toggler,
.main-header .nav-toggler {
  display: none;
}
@media (max-width: 767.98px) {
  #siteHeader .header-upper .main-box,
  .main-header .header-upper .main-box {
    gap: 12px;
    padding: var(--hdr-py-mobile) 0;
  }
  #siteHeader .logo-box .logo img,
  .main-header .logo-box .logo img {
    height: var(--logo-h-mobile) !important;
  }

  /* Mobil: hamburger sağda; menü gizli */
  #siteHeader .nav-toggler,
  .main-header .nav-toggler {
    display: flex !important;
    align-items: center;
    order: 3;
    margin-left: 12px;
  }
  #siteHeader .main-menu,
  .main-header .main-menu {
    display: none !important;
  }

  /* Rezervasyon butonu daha da kompakt */
  #siteHeader .links-box .theme-btn,
  .main-header .links-box .theme-btn {
    padding: 6px 12px !important;
  }
  #siteHeader .nav-box,
  .main-header .nav-box {
    flex: 1;
    justify-content: flex-end;
  }
}
@media (min-width: 768px) {
  #siteHeader .main-menu,
  .main-header .main-menu {
    display: block !important;
  }
}

/* Güvenlik: header içindeki rastgele bg-image’ları iptal */
#siteHeader *,
.main-header * {
  background-image: none !important;
}

/* === FIX 1: "Seçkilerimiz" menü TAB başlıkları daha küçük === */
.menu-section .menu-tabs .tab-buttons .tab-btn {
  padding: 10px 10px !important;
}
.menu-section .menu-tabs .tab-buttons .tab-btn span {
  font-size: 12px !important; /* daha küçük başlık */

  letter-spacing: 0.08em !important;
  font-weight: 700 !important;
}

/* === FIX 2: FLUID SECTIONS görselleri daha küçük & oval köşeli === */
/* (Temanın .image img{width:100%} kuralını bastırmak için child ve !important kullandık) */
.fluid-section .image-col .image {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}
.fluid-section .image-col .image > img {
  width: 58% !important; /* küçültme */
  max-width: 380px !important; /* üst sınır */
  border-radius: 28px !important; /* oval köşe */
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.18) !important;
  margin: 12px auto !important;
}

/* Ekran küçüldükçe biraz büyüt (çok ufak kalmasın) */
@media (max-width: 991.98px) {
  .fluid-section .image-col .image > img {
    width: 68% !important;
    max-width: 420px !important;
  }
}
@media (max-width: 575.98px) {
  .fluid-section .image-col .image > img {
    width: 78% !important;
    max-width: 460px !important;
  }
}
/* ===== PRELOADER ===== */
.loader-wrap {
  position: fixed;
  inset: 0;
  z-index: 999999;
}
html.preload-done .loader-wrap {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.2s ease;
}
@media (prefers-reduced-motion: reduce) {
  html.preload-done .loader-wrap {
    transition: none;
  }
}

/* ===== LAYOUT ===== */
html,
body {
  margin: 0;
  padding: 0;
}
.page-wrapper {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
.main-footer {
  margin-top: auto;
}
.main-footer .footer-bottom {
  background: #000 !important;
  color: #fff;
  padding: 16px 0;
  margin: 0 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.main-footer .footer-bottom .copyright {
  margin: 0;
  color: #fff !important;
}

/* ===== HEADER sabit, yarı siyah zeminde ===== */
:root {
  --hdr-alpha: 0.7;
  --hdr-py-desktop: 4px;
  --hdr-py-mobile: 2px;
  --logo-h-desktop: 124px;
  --logo-h-mobile: 62px;
  --accent: hsl(0, 0%, 100%); /* ALTIN */
}
#siteHeader.main-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1100;
  background: rgba(0, 0, 0, 0.5) !important;
  transition:
    background 0.18s ease,
    box-shadow 0.18s ease,
    -webkit-backdrop-filter 0.18s ease,
    backdrop-filter 0.18s ease;
}
#siteHeader.main-header.scrolled {
  background: rgba(0, 0, 0, var(--hdr-alpha)) !important;
  -webkit-backdrop-filter: saturate(140%) blur(4px);
  backdrop-filter: saturate(140%) blur(4px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}
#siteHeader .header-upper .main-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 26px;
  padding: var(--hdr-py-desktop) 0;
}
#siteHeader .logo img {
  height: var(--logo-h-desktop) !important;
  width: auto;
  display: block;
}
#siteHeader .nav-box {
  display: flex;
  align-items: center;
  gap: 16px;
  flex: 1;
  justify-content: flex-end;
}
#siteHeader .main-menu .navigation {
  display: flex;
  align-items: center;
  gap: 18px;
}
#siteHeader .main-menu .navigation > li {
  padding: 0 !important;
  margin: 0;
}
#siteHeader .main-menu .navigation > li > a:before {
  display: none !important;
}
#siteHeader .main-menu .navigation > li > a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: -8px;
  height: 2px;
  width: 0;

  transition: width 0.25s ease;
}
#siteHeader .main-menu .navigation > li:hover > a::after,
#siteHeader .main-menu .navigation > li.current > a::after {
  width: 100%;
}
#siteHeader .links-box {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 !important;
}
#siteHeader .links-box .theme-btn {
  padding: 7px 12px !important;
  border-radius: 6px;
  line-height: 1.1;
}
#siteHeader .links-box .btn-style-one .text-one,
#siteHeader .links-box .btn-style-one .text-two {
  color: #fff;
  -webkit-text-stroke: 1.6px #000;
  paint-order: stroke fill;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.35);
}
#siteHeader .nav-toggler {
  display: none;
}
@media (max-width: 767.98px) {
  #siteHeader .header-upper .main-box {
    padding: var(--hdr-py-mobile) 0;
    gap: 10px;
  }
  #siteHeader .logo img {
    height: var(--logo-h-mobile) !important;
  }
  #siteHeader .nav-toggler {
    display: flex !important;
    align-items: center;
    order: 3;
    margin-left: 10px;
  }
  #siteHeader .main-menu {
    display: none !important;
  }
  #siteHeader .links-box .theme-btn {
    padding: 6px 10px !important;
  }
}
@media (min-width: 768px) {
  #siteHeader .main-menu {
    display: block !important;
  }
}
#header-spacer {
  height: var(--_hdr_h, 0px);
}
#siteHeader * {
  background-image: none !important;
}

/* ===== HIDDEN BAR (MOBİL MENÜ) ===== */
.hidden-bar .logo-box img {
  height: 82px !important;
  width: auto;
}
.hidden-bar .cross-icon i {
  font-size: 26px;
  color: #fff;
  line-height: 1;
}

/* ===== HERO başlık ===== */
.banner-section .content .inner {
  transform: translateY(-6vh);
}
@media (max-width: 991.98px) {
  .banner-section .content .inner {
    transform: translateY(-4vh);
  }
}
@media (max-width: 575.98px) {
  .banner-section .content .inner {
    transform: translateY(-2vh);
  }
}
.hero-title {
  text-align: center;
  margin-top: 10vh;
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
}
.hero-title h1 {
  margin: 0 0 10px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #fff;
  -webkit-text-stroke: 3px #000;
  paint-order: stroke fill;
  line-height: 1;
  font-size: clamp(34px, 6.2vw, 72px);
}
.hero-title .sub {
  margin: 0;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: #fff;
  -webkit-text-stroke: 2px #000;
  paint-order: stroke fill;
  line-height: 1;
  font-size: clamp(16px, 2.8vw, 28px);
}
.banner-section .swiper-button-prev,
.banner-section .swiper-button-next {
  top: 36% !important;
  width: 48px;
  height: 48px;
}
@media (max-width: 991.98px) {
  .banner-section .swiper-button-prev,
  .banner-section .swiper-button-next {
    top: 32% !important;
  }
}
@media (max-width: 575.98px) {
  .banner-section .swiper-button-prev,
  .banner-section .swiper-button-next {
    top: 30% !important;
  }
}
.swiper-button-prev span,
.swiper-button-next span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

/* ===== Sayaç hizası ===== */
.fact-counter .fact-count .count-box {
  display: inline-flex;
  align-items: baseline;
  gap: 4px;
  line-height: 1;
}
.fact-counter .fact-count .count-text {
  display: inline-block;
  font-size: clamp(28px, 3.8vw, 42px);
  font-weight: 800;
  line-height: 1;
}
.fact-counter .fact-count i {
  font-style: normal;
  font-size: 0.8em;
  line-height: 1;
  transform: translateY(-2px);
  opacity: 0.9;
}

/* ===== FOOTER ===== */
.footer-map {
  position: relative;
  width: 100%;
  height: 420px;
  overflow: hidden;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
.footer-map iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  filter: saturate(110%);
}
.main-footer .logo img {
  height: 46px;
  width: auto;
}
@media (max-width: 575.98px) {
  .main-footer .logo img {
    height: 36px;
  }
}
.main-footer .info-col .inner {
  padding-top: 12px;
  padding-bottom: 12px;
}
.main-footer .info-col .content {
  padding-top: 8px;
  padding-bottom: 8px;
}
.main-footer .info-col .info ul {
  margin: 10px 0 0;
  padding: 0;
}
.main-footer .info-col .info ul li {
  margin: 6px 0;
  line-height: 1.4;
}
.main-footer .info-col .separator {
  margin: 12px 0;
}
.main-footer .links-col .inner {
  padding-top: 12px;
  padding-bottom: 12px;
}
.main-footer .links-col .links li {
  margin: 6px 0;
}
.main-footer .upper-section {
  background: rgba(0, 0, 0, 0.78);
}
.main-footer .upper-section .info ul li,
.main-footer .upper-section .links li a {
  color: #fff !important;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.01em;
}
.main-footer .links li a:hover {
  opacity: 0.9;
  text-decoration: underline;
}

/* ===== We Offer kart ===== */
.offer-card .inner-box {
  padding: 18px;
  text-align: center;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
}
.offer-card h4 {
  margin: 8px 0 2px;
  font-weight: 700;
  letter-spacing: 0.04em;
}
.offer-card .line-3 {
  margin: 0 0 14px;
  opacity: 0.9;
}
.offer-card .more-link a {
  display: inline-block;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

/* ===== Title kutuları ===== */
.title-box.centered .subtitle span {
  color: var(--accent);
  letter-spacing: 0.18em;
  font-weight: 800;
  text-transform: uppercase;
}

/* ===== News küçük dokunuş ===== */
.news-section .over-content .cat {
  font-weight: 800;
  letter-spacing: 0.06em;
}
.news-section .over-content h4 a {
  font-weight: 800;
  font-size: 1.08rem;
}

/* ===== Menü sekmeleri emniyet stili ===== */
.tabs-box .tabs-content .tab {
  display: none;
}
.tabs-box .tabs-content .tab.active-tab {
  display: block;
}

/* ===== Mobil menü backdrop ===== */
.menu-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 1090;
  transition:
    opacity 0.15s ease,
    visibility 0.15s ease;
}
.menu-backdrop.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

/* === Swiper nav micro-effects (mini) === */
.banner-section .swiper-button-prev,
.banner-section .swiper-button-next {
  --btn-size: 48px;
  position: absolute;
  width: var(--btn-size);
  height: var(--btn-size);
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.55);
  border: 2px solid rgba(228, 180, 76, 0.6);
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.06),
    0 6px 18px rgba(0, 0, 0, 0.22);
  backdrop-filter: saturate(140%) blur(4px);
  -webkit-backdrop-filter: saturate(140%) blur(4px);
  transform: translateY(0) scale(1);
  transition:
    transform 0.14s ease,
    box-shadow 0.14s ease,
    background 0.14s ease,
    border-color 0.14s ease;
  overflow: hidden;
}
.banner-section .swiper-button-prev::after,
.banner-section .swiper-button-next::after {
  color: #fff;
  font-size: 18px;
}
.banner-section .swiper-button-prev:hover,
.banner-section .swiper-button-next:hover {
  transform: translateY(-2px) scale(1.07);
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.12),
    0 10px 26px rgba(0, 0, 0, 0.28),
    0 0 0 3px rgba(228, 180, 76, 0.18);
  background: rgba(0, 0, 0, 0.62);
  border-color: rgba(228, 180, 76, 0.85);
}
.banner-section .swiper-button-prev:active,
.banner-section .swiper-button-next:active {
  transform: translateY(0) scale(0.95);
}

/* =========================================================
         ==============  GALERİ (GLOBAL LIGHTBOX)  ===============
         ========================================================= */
.gallery-section .title-box {
  margin-bottom: 16px;
}

/* Grid (var olan sınıf ismi korunur) */
.kinnik-css-gallery {
  --gap: 1.25rem;
  --border: 3px;
  --radius: 12px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: var(--gap);
}
.kinnik-css-gallery .g .thumb {
  display: block;
  border: var(--border) solid var(--accent);
  border-radius: var(--radius);
  overflow: hidden;
  background: #fff;
  box-shadow:
    0 0 0 2px rgba(228, 180, 76, 0.18),
    0 12px 24px rgba(0, 0, 0, 0.12);
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease,
    opacity 0.18s ease;
  cursor: zoom-in;
}
.kinnik-css-gallery .g .thumb img {
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  object-fit: cover;
  display: block;
}
.kinnik-css-gallery .g .thumb:hover {
  transform: translateY(-2px);
  box-shadow:
    0 0 0 2px rgba(228, 180, 76, 0.28),
    0 16px 28px rgba(0, 0, 0, 0.18);
}
@media (max-width: 575.98px) {
  .kinnik-css-gallery {
    --gap: 0.9rem;
  }
}

/* Tek overlay lightbox */
.lb {
  position: fixed;
  inset: 0;
  z-index: 1400;
  display: none;
  place-items: center;
  background: rgba(0, 0, 0, 0.88);
}
.lb[aria-hidden="false"] {
  display: grid;
}
.lb__wrap {
  position: relative;
  width: min(92vw, 1400px);
  height: min(88vh, 900px);
  border: 3px solid var(--accent);
  border-radius: 12px;
  overflow: hidden;
  background: #000;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.45);
}
.lb__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #000;
  opacity: 1;
  transition: opacity 0.22s ease;
}
.lb__img.is-fading {
  opacity: 0;
}
.lb__cap {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 14px;
  text-align: center;
  font:
    700 13px/1.2 system-ui,
    -apple-system,
    "Segoe UI",
    Roboto,
    Arial;
  color: #fff;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.55) 100%
  );
  letter-spacing: 0.04em;
}
.lb__btn,
.lb__close {
  --btn: 48px;
  position: absolute;
  top: 50%;
  width: var(--btn);
  height: var(--btn);
  margin-top: calc(var(--btn) / -2);
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: #fff;
  text-decoration: none;
  user-select: none;
  background: rgba(0, 0, 0, 0.55);
  border: 2px solid rgba(228, 180, 76, 0.6);
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.06),
    0 8px 22px rgba(0, 0, 0, 0.28);
  transition:
    transform 0.14s ease,
    box-shadow 0.14s ease,
    border-color 0.14s ease,
    background 0.14s ease;
  overflow: hidden;
}
.lb__btn:hover,
.lb__close:hover {
  transform: translateY(-2px) scale(1.04);
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.12),
    0 12px 30px rgba(0, 0, 0, 0.36),
    0 0 0 3px rgba(228, 180, 76, 0.18);
  border-color: rgba(228, 180, 76, 0.85);
  background: rgba(0, 0, 0, 0.62);
}
.lb__btn:active,
.lb__close:active {
  transform: scale(0.95);
}
.lb__prev {
  left: 14px;
}
.lb__next {
  right: 14px;
}
.lb__close {
  top: 12px;
  right: 12px;
  margin-top: 0;
  width: 40px;
  height: 40px;
  background: rgba(0, 0, 0, 0.65);
  border-color: rgba(255, 255, 255, 0.14);
}
.lb__bg {
  position: fixed;
  inset: 0;
}
.lb__prev::after,
.lb__next::after {
  content: "";
  width: 12px;
  height: 12px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  display: block;
}
.lb__prev::after {
  transform: rotate(225deg);
}
.lb__next::after {
  transform: rotate(45deg);
}
@media (max-width: 575.98px) {
  .lb__btn {
    --btn: 44px;
  }
  .lb__close {
    width: 38px;
    height: 38px;
  }
}
/* === Language Switcher (KINNIK) — RESET === */

.link.link-lang {
  position: relative;
  display: inline-flex;
  align-items: center;
  margin-left: 12px;
}

/* Kök kapsayıcı */
#smx-lang {
  position: relative;
  display: inline-flex;
  align-items: center;
  font-size: 13px;
}

/* Chip buton: siyah zemin, ince altın border, beyaz icon + yazı */
.smx-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  background-color: #000; /* siyah zemin */
  border-radius: 999px;
  border: 1px solid #c9a14a; /* ince altın */
  color: #fff;
  font-size: 12px;
  line-height: 1;
  cursor: pointer;
  outline: none;
  white-space: nowrap;
  transition:
    background-color 0.18s ease,
    transform 0.18s ease,
    box-shadow 0.18s ease;
}

.smx-chip i {
  font-size: 12px;
}

.smx-chip .smx-cur-label {
  opacity: 0.7;
  font-size: 12px;
}

.smx-chip #smx-cur {
  font-weight: 600;
  letter-spacing: 0.06em;
}

.smx-chip:hover {
  background-color: #111;
  transform: translateY(-1px);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.35);
}

.smx-chip:focus-visible {
  box-shadow: 0 0 0 2px rgba(201, 161, 74, 0.55);
}

/* Popover menü: siyah zemin + altın border */
.smx-pop {
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 8px;
  min-width: 190px;
  background-color: #000; /* siyah */
  border: 1px solid #c9a14a; /* altın çerçeve */
  border-radius: 10px;
  padding: 4px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.45);
  opacity: 0;
  transform: translateY(-6px);
  pointer-events: none;
  transition:
    opacity 0.2s ease-out,
    transform 0.2s ease-out;
  z-index: 9999;
}

/* Açıkken: JS, #smx-lang'e is-open class'ı ekliyor */
#smx-lang.is-open .smx-pop {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

/* Menü elemanları */
.smx-item {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 6px 10px;
  background: transparent;
  border: none;
  color: #fff;
  font-size: 13px;
  cursor: pointer;
  border-radius: 6px;
  text-align: left;
}

.smx-item .abbr {
  font-weight: 600;
  min-width: 26px;
}

.smx-item .label {
  opacity: 0.85;
  flex: 1;
  text-align: left;
}

/* Sağdaki tik ikonu (sadece seçili dilde görünür) */
.smx-item .check {
  width: 16px;
  text-align: right;
  opacity: 0;
  transform: scale(0.7);
  transition:
    opacity 0.15s ease,
    transform 0.15s ease;
}

.smx-item .check i {
  font-size: 11px;
  color: #c9a14a;
}

/* Hover */
.smx-item:hover {
  background: rgba(255, 255, 255, 0.08);
}

/* Seçili dil (JS, aria-current="true" yapıyor) */
.smx-item[aria-current="true"] {
  background: rgba(201, 161, 74, 0.14);
  border-left: 2px solid #c9a14a;
}

.smx-item[aria-current="true"] .check {
  opacity: 1;
  transform: scale(1);
}

/* Mobilde rezervasyon butonunu sıkıştırmasın */
@media (max-width: 767.98px) {
  .link.link-lang {
    margin-left: 0;

    display: inline-block;
  }
}
/* ===== KINNIK Menü Linkleri: Altın Sarı Pill + Hover Siyah Şeffaf ===== */
:root {
  --k-gold: #f9f6ec; /* açık altın sarı */
  --k-hover-bg: rgba(0, 0, 0, 0.38); /* hover zemin: şeffaf siyah */
}

/* ÜST MENÜ + HIDDEN BAR menü linkleri */
#siteHeader .main-menu .navigation > li > a,
.hidden-bar .side-menu .navigation > li > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 2px 13px;
  border: 1px solid rgba(243, 197, 68, 0.55); /* çok ince altın border */
  background: transparent;
  font-weight: 700;
  color: var(--k-gold);
  text-decoration: none;
  box-sizing: border-box;

  transition:
    background-color 0.18s ease,
    box-shadow 0.18s ease,
    border-color 0.18s ease,
    color 0.18s ease;
}

/* Aktif sayfa (li.current) */
#siteHeader .main-menu .navigation > li.current > a,
.hidden-bar .side-menu .navigation > li.current > a {
  border-color: var(--k-gold);
}

/* Hover: border biraz kalın + zemin şeffaf siyah */
#siteHeader .main-menu .navigation > li > a:hover,
.hidden-bar .side-menu .navigation > li > a:hover {
  background: var(--k-hover-bg);
  border-color: var(--k-gold);

  color: var(--k-gold);
}

/* Klavye ile odak (erişilebilirlik) */
#siteHeader .main-menu .navigation > li > a:focus-visible,
.hidden-bar .side-menu .navigation > li > a:focus-visible {
  outline: none;
}

/* İsteğe bağlı: menü öğeleri arası biraz boşluk (theme zaten veriyorsa gerek yok) */
/* #siteHeader .main-menu .navigation > li{ margin-right: 8px; } */

/* Mobilde pill padding biraz küçülsün */
@media (max-width: 991px) {
  #siteHeader .main-menu .navigation > li > a {
    padding: 2px 13px;
  }
}
/* Banner yazıları: istenen font */
.banner-section .hero-title,
.banner-section .hero-title h1,
.banner-section .hero-title .sub {
  font-family:
    -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif !important;
}

/* JS çalışınca (fx-ready) yazıları efektli başlat */
.banner-section {
  --camDur: 2600ms;
  --txtDur: 850ms;
}

.banner-section.fx-ready .hero-title h1,
.banner-section.fx-ready .hero-title .sub {
  opacity: 0;
  transform: translateY(16px);
  filter: blur(8px);
}

/* Yazı giriş anim */
.banner-section .swiper-slide.txt-in .hero-title h1 {
  animation: txtIn var(--txtDur) ease-out forwards;
  animation-delay: 120ms;
}
.banner-section .swiper-slide.txt-in .hero-title .sub {
  animation: txtIn var(--txtDur) ease-out forwards;
  animation-delay: 320ms;
}
@keyframes txtIn {
  to {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
  }
}

/* Kamera anim: JS cam-1..4 + cam-run ekler */
.banner-section .image-layer {
  will-change: transform;
  transform: scale(1.06);
}
.banner-section .image-layer.cam-run {
  animation-duration: var(--camDur);
  animation-timing-function: linear;
  animation-fill-mode: both;
}

.banner-section .swiper-slide.cam-1 .image-layer.cam-run {
  animation-name: cam1;
}
.banner-section .swiper-slide.cam-2 .image-layer.cam-run {
  animation-name: cam2;
}
.banner-section .swiper-slide.cam-3 .image-layer.cam-run {
  animation-name: cam3;
}
.banner-section .swiper-slide.cam-4 .image-layer.cam-run {
  animation-name: cam4;
}
/* 1) SOLA: sağdan sola doğru kayma + hafif zoom-in */
@keyframes cam1 {
  0% {
    transform: translate3d(2%, 0%, 0) scale(1.86);
  }
  20% {
    transform: translate3d(1%, 0%, 0) scale(1.78);
  }
  45% {
    transform: translate3d(0%, 0%, 0) scale(1.18);
  }
  70% {
    transform: translate3d(-1%, 0%, 0) scale(1.72);
  }
  100% {
    transform: translate3d(-2%, 0%, 0) scale(1.84);
  }
}

/* 2) SAĞA: soldan sağa doğru kayma + hafif zoom-in */
@keyframes cam2 {
  0% {
    transform: translate3d(-2%, 0%, 0) scale(1.5);
  }
  20% {
    transform: translate3d(-1%, 0%, 0) scale(1.08);
  }
  45% {
    transform: translate3d(0%, 0%, 0) scale(1.1);
  }
  70% {
    transform: translate3d(1%, 0%, 0) scale(1.12);
  }
  100% {
    transform: translate3d(2%, 0%, 0) scale(1.14);
  }
}

/* 3) ARKAYA: zoom-out (uzaklaşma) + çok hafif yatay drift */
@keyframes cam3 {
  0% {
    transform: translate3d(0.6%, 0%, 0) scale(1.16);
  }
  20% {
    transform: translate3d(0.3%, 0%, 0) scale(1.13);
  }
  45% {
    transform: translate3d(0%, 0%, 0) scale(1.1);
  }
  70% {
    transform: translate3d(-0.3%, 0%, 0) scale(1.07);
  }
  100% {
    transform: translate3d(-0.6%, 0%, 0) scale(1.04);
  }
}

/* 4) ÖNE: zoom-in (yakınlaşma) + çok hafif yatay drift */
@keyframes cam4 {
  0% {
    transform: translate3d(-0.6%, 0%, 0) scale(1.04);
  }
  20% {
    transform: translate3d(-0.3%, 0%, 0) scale(1.07);
  }
  45% {
    transform: translate3d(0%, 0%, 0) scale(1.1);
  }
  70% {
    transform: translate3d(0.3%, 0%, 0) scale(1.13);
  }
  100% {
    transform: translate3d(0.6%, 0%, 0) scale(1.16);
  }
}
/* =========================================================
   WE OFFER — Yazılar kaybolmasın + yönlü efekt + radius
   ========================================================= */

/* Font: sadece bu bölüm */
.we-offer-section,
.we-offer-section * {
  font-family:
    -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
}

/* --- Resimler aynı boy + hafif radius --- */
.we-offer-section .offer-block .image {
  width: 100%;
  aspect-ratio: 4 / 3; /* istersen değiştiririz */
  overflow: hidden;
  border-radius: 12px; /* hafif radius */
}
.we-offer-section .offer-block .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: inherit;
}

/* Yazılar DEFAULT görünür kalsın (kaybolma fix) */
.we-offer-section .offer-block .inner-box h3,
.we-offer-section .offer-block .inner-box .wesubtitle,
.we-offer-section .offer-block .inner-box .more-link {
  opacity: 1;
  transform: none;
  filter: none;
}

/* Her kart için yön değişkeni */
.we-offer-section .offer-block {
  --weTx: 0px;
  --weTy: 0px;
}
.we-offer-section .offer-block:nth-child(1) {
  --weTx: -26px;
  --weTy: 0px;
} /* soldan */
.we-offer-section .offer-block:nth-child(2) {
  --weTx: 0px;
  --weTy: 22px;
} /* alttan */
.we-offer-section .offer-block:nth-child(3) {
  --weTx: 26px;
  --weTy: 0px;
} /* sağdan */

/* WOW tetiklenince efektli giriş */
.we-offer-section .offer-block .inner-box.wow.animated h3 {
  animation: weTextIn 900ms cubic-bezier(0.2, 0.8, 0.2, 1) both;
  animation-delay: 80ms;
}
.we-offer-section .offer-block .inner-box.wow.animated .wesubtitle {
  animation: weTextIn 900ms cubic-bezier(0.2, 0.8, 0.2, 1) both;
  animation-delay: 240ms;
}
.we-offer-section .offer-block .inner-box.wow.animated .more-link {
  animation: weTextIn 900ms cubic-bezier(0.2, 0.8, 0.2, 1) both;
  animation-delay: 420ms;
}

@keyframes weTextIn {
  from {
    opacity: 0;
    transform: translate3d(var(--weTx), var(--weTy), 0);
    filter: blur(8px);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    filter: blur(0);
  }
}

/* Mobilde blur istemiyorsan performans için kapat */
@media (max-width: 768px) {
  @keyframes weTextIn {
    from {
      opacity: 0;
      transform: translate3d(var(--weTx), var(--weTy), 0);
      filter: none;
    }
    to {
      opacity: 1;
      transform: translate3d(0, 0, 0);
      filter: none;
    }
  }
}
/* =========================================================
   WE OFFER — Arkaplan görselleri sürekli dönsün + resim radius
   ========================================================= */

/* BG görseller hover’dan etkilenmesin */
.we-offer-section .left-bot-bg,
.we-offer-section .right-top-bg {
  pointer-events: none; /* hover kartta kalsın */
}

/* Sürekli dönüş animasyonu */
.we-offer-section .left-bot-bg img,
.we-offer-section .right-top-bg img {
  will-change: transform;
  transform-origin: 50% 50%;
  animation: kinnikSpin 22s linear infinite;
}

/* Birini ters + daha yavaş yap (daha doğal görünür) */
.we-offer-section .right-top-bg img {
  animation-duration: 30s;
  animation-direction: reverse;
}

@keyframes kinnikSpin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* Kart resimleri hafif radius */
.we-offer-section .offer-block .image {
  overflow: hidden;
  border-radius: 12px; /* hafif radius */
}
.we-offer-section .offer-block .image img {
  border-radius: inherit;
}

/* Hareket azaltma tercihi olanlarda animasyonu kapat */
@media (prefers-reduced-motion: reduce) {
  .we-offer-section .left-bot-bg img,
  .we-offer-section .right-top-bg img {
    animation: none !important;
  }
}
/* Kart görseline hafif radius (a, img ve pseudo katmanlar) */
.we-offer-section .offer-block .inner-box .image {
  border-radius: 12px; /* hafif radius */
  overflow: hidden; /* pseudo katmanlar da kırpılsın */
}

.we-offer-section .offer-block .inner-box .image > a {
  display: block;
  border-radius: inherit;
  overflow: hidden;
}

.we-offer-section .offer-block .inner-box .image > a > img {
  border-radius: inherit;
}
/* :before katmanı sürekli 3D takla atsın */
.we-offer-section .offer-block .inner-box .image {
  perspective: 900px; /* 3D derinlik */
}

.we-offer-section .offer-block .inner-box .image:before {
  transform-style: preserve-3d;
  backface-visibility: hidden;
  will-change: transform;
  animation: kinnikFlipY 2.2s linear infinite; /* hız: istersen 1.6s yap */
  border-radius: inherit;
}

/* Hover olunca gelen rotateY kuralını iptal et (çakışmasın) */
.we-offer-section .offer-block .inner-box:hover .image:before {
  transform: none !important;
  transition-delay: 0ms !important;
}

/* Sürekli takla animasyonu */
@keyframes kinnikFlipY {
  from {
    transform: rotateY(0deg);
  }
  to {
    transform: rotateY(360deg);
  }
}
/* WE OFFER — a içindeki img: hepsi 120px yükseklik */
.we-offer-section .offer-block .inner-box .image > a > img {
  height: 160px !important;
  width: 100% !important;
  object-fit: cover; /* kırp, taşmayı engelle */
  display: block;
}

/* Link alanı da resim kadar olsun (tıklama alanı düzgün) */
.we-offer-section .offer-block .inner-box .image > a {
  display: block;
}

/* Sadece YATAY ortala — dönüş/animasyon KORUNUR (transform'a dokunmuyoruz) */
.menu-section .tabs-box.menu-tabs .tab-buttons .tab-btn {
  position: relative; /* :after konumlanması için */
}

.menu-section .tabs-box.menu-tabs .tab-buttons .tab-btn > span:after,
.menu-section .tabs-box.menu-tabs .tab-buttons .tab-btn > a:after {
  left: 50% !important;
  right: auto !important;
  translate: -50% 0;
}
/* ===== MENU TABS: clearfix after fazlalığını kaldır + 11 li düzgün hizala ===== */
.menu-section .tabs-box.menu-tabs .buttons {
  overflow: visible; /* dekorlar kesilmesin */
}

.menu-section .tabs-box.menu-tabs .tab-buttons.clearfix {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  overflow: visible;
}

/* ✅ Fazladan görünen "11. after" = clearfix after => sadece burada kapat */
.menu-section .tabs-box.menu-tabs .tab-buttons.clearfix::before,
.menu-section .tabs-box.menu-tabs .tab-buttons.clearfix::after {
  content: none !important;
  display: none !important;
}

/* Float varsa iptal et */
.menu-section .tabs-box.menu-tabs .tab-buttons .tab-btn {
  float: none !important;
  position: relative; /* li after için referans */
}

/* Eğer dönen after span üstündeyse span da referans olsun */
.menu-section .tabs-box.menu-tabs .tab-buttons .tab-btn > span {
  position: relative;
  display: inline-block;
}

/* YATAY ortalama: transform’a dokunmadan (dönme bozulmaz) */
.menu-section .tabs-box.menu-tabs .tab-buttons .tab-btn:after,
.menu-section .tabs-box.menu-tabs .tab-buttons .tab-btn > span:after {
  left: 50% !important;
  right: auto !important;
  translate: -50% 0; /* ✅ rotate/animasyon bozulmaz */
}
/* Menü sekmesinde yatay scroll olmasın (100vw full-bleed için) */
.menu-section {
  overflow-x: hidden;
}

/* Buttons bar: ekranın kenarına sıfır + %50 siyah zemin */
.menu-section .tabs-box.menu-tabs .buttons {
  width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;

  background: rgba(0, 0, 0, 0.5) !important; /* %50 siyah */
  border-radius: 0 !important; /* kenarlar düz */
  padding: 12px 0 !important; /* yatayda sıfır, dikeyde boşluk */
}

/* İçerik (butonlar) kenara yapışmasın diye list'e küçük iç padding */
.menu-section .tabs-box.menu-tabs .tab-buttons.clearfix {
  margin: 0 !important;
  padding: 0 12px !important;
}
/* =========================
   GALLERY — Altın border + hover
   ========================= */
.gallery-section .kinnik-css-gallery {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
@media (max-width: 992px) {
  .gallery-section .kinnik-css-gallery {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 640px) {
  .gallery-section .kinnik-css-gallery {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.gallery-section .kinnik-css-gallery .g {
  overflow: hidden;
  border-radius: 14px;
}

.gallery-section .kinnik-css-gallery a.thumb {
  display: block;
  border-radius: 14px;
  border: 1px solid rgba(212, 175, 55, 0.65); /* açık altın */
  background: rgba(0, 0, 0, 0.35);
  padding: 2px;
  transition:
    transform 220ms ease,
    border-color 220ms ease,
    box-shadow 220ms ease;
}

.gallery-section .kinnik-css-gallery a.thumb:hover {
  transform: scale(1.01);
  border-color: rgba(212, 175, 55, 0.95);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
}

.gallery-section .kinnik-css-gallery a.thumb img {
  width: 100%;
  height: 190px;
  object-fit: cover;
  display: block;
  border-radius: 12px;
}

/* =========================
   LIGHTBOX (Global)
   ========================= */
.kinnik-lightbox {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: none;
}
.kinnik-lightbox.show {
  display: block;
}

.kinnik-lightbox .lb-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.82);
  backdrop-filter: blur(2px);
}

.kinnik-lightbox .lb-inner {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
}

.kinnik-lightbox .lb-figure {
  position: relative;
  max-width: min(1100px, 92vw);
  max-height: 86vh;
}

.kinnik-lightbox img {
  display: block;
  max-width: 100%;
  max-height: 86vh;
  border-radius: 14px;
  border: 2px solid rgba(212, 175, 55, 0.8); /* altın */
  box-shadow: 0 25px 70px rgba(0, 0, 0, 0.55);
  background: rgba(0, 0, 0, 0.25);
}

/* Kapat butonu */
.kinnik-lightbox .lb-close {
  position: absolute;
  top: -14px;
  right: -14px;
  width: 44px;
  height: 44px;
  border-radius: 999px;
  border: 1px solid rgba(212, 175, 55, 0.8);
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  cursor: pointer;
  transition:
    transform 200ms ease,
    border-color 200ms ease;
}
.kinnik-lightbox .lb-close:hover {
  transform: scale(1.05);
  border-color: rgba(212, 175, 55, 1);
}

/* Oklar */
.kinnik-lightbox .lb-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 52px;
  height: 52px;
  border-radius: 999px;
  border: 1px solid rgba(212, 175, 55, 0.8);
  background: rgba(0, 0, 0, 0.55);
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  transition:
    transform 200ms ease,
    border-color 200ms ease;
  user-select: none;
}
.kinnik-lightbox .lb-nav:hover {
  transform: translateY(-50%) scale(1.05);
  border-color: rgba(212, 175, 55, 1);
}
.kinnik-lightbox .lb-prev {
  left: 18px;
}
.kinnik-lightbox .lb-next {
  right: 18px;
}

@media (max-width: 640px) {
  .kinnik-lightbox .lb-prev {
    left: 10px;
  }
  .kinnik-lightbox .lb-next {
    right: 10px;
  }
}

/* Başlık */
.kinnik-lightbox .lb-caption {
  margin-top: 10px;
  text-align: center;
  color: rgba(255, 255, 255, 0.92);
  font-size: 14px;
}
/* Galeri başlık büyüt + aralık */
.gallery-section .title-box {
  margin-bottom: 28px;
}

.gallery-section .title-box .subtitle span {
  font-size: 26px; /* büyüdü */
  letter-spacing: 0.08em;
  line-height: 1.1;
  display: inline-block;
  padding: 6px 14px;
  border: 1px solid rgba(212, 175, 55, 0.55);
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.35);
}

.gallery-section .title-box .pattern-image {
  margin-top: 12px;
}
.kinnik-lightbox {
  z-index: 999999 !important;
}
.gallery-section a.thumb {
  cursor: zoom-in;
}
.kinnik-lightbox {
  z-index: 999999 !important;
}
.gallery-section a.thumb {
  cursor: zoom-in;
}
.gallery-section a.thumb {
  pointer-events: auto !important;
}
/* Galeri linkleri kesin tıklansın */
#galleryGrid a.thumb,
#galleryGrid a.thumb * {
  pointer-events: auto !important;
}

/* Üstte görünmez bir katman tıklamayı yutuyorsa bunu da kırar */
.gallery-section,
.gallery-section .auto-container,
#galleryGrid,
#galleryGrid .g {
  position: relative;
  z-index: 5555555555;
}
/* =========================================================
   MENU (FINAL) — sadece .menu-section içinde, temayı bozmaz
   ========================================================= */
.menu-section {
  position: relative;
}
.menu-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5); /* zemin %50 siyah */
  z-index: 1;
  pointer-events: none;
}
.menu-section .left-bg,
.menu-section .right-bg {
  position: absolute;
  inset: auto;
  z-index: 0;
  opacity: 0.35; /* arka görseller kalsın ama koyu dursun */
}
.menu-section .auto-container {
  position: relative;
  z-index: 2;
}

/* Başlık daha büyük + biraz margin */
.menu-section .title-box.centered {
  margin-bottom: 28px;
}
.menu-section .title-box.centered .subtitle span {
  font-size: 20px;
}
.menu-section .title-box.centered h2 {
  font-size: 46px;
  margin-top: 10px;
}

/* TAB başlık satırı ortalı + altına margin */
.menu-section .menu-tabs .buttons {
  margin-top: 18px;
  margin-bottom: 20px;
  text-align: center;
}

/* UL'yi flex yap, ortala */
.menu-section .menu-tabs .tab-buttons {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px 12px;
  margin: 0 auto;
  padding: 0;
}

/* LI after / theme after'larını tamamen kaldır */
.menu-section .menu-tabs .tab-buttons .tab-btn:after,
.menu-section .menu-tabs .tab-buttons .tab-btn span:after,
.menu-section .menu-tabs .tab-buttons li:after {
  content: none !important;
  display: none !important;
}

/* Tab buton görünümü: bg %50 siyah + 2px büyüme küçülme animasyonu */
.menu-section .menu-tabs .tab-buttons .tab-btn {
  list-style: none;
  cursor: pointer;
  position: relative;
  padding: 14px 20px;
  border-radius: 999px;
  isolation: isolate;
  user-select: none;
}
.menu-section .menu-tabs .tab-buttons .tab-btn > span {
  position: relative;
  z-index: 2;
  display: block;
  white-space: nowrap; /* tek satır */
  font-size: 16px; /* yazılar biraz büyüsün */
  letter-spacing: 0.2px;
}

/* Arka planı pseudo ile veriyoruz (layout bozulmadan 2px büyür) */
.menu-section .menu-tabs .tab-buttons .tab-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.5); /* li bg %50 siyah */
  border: 1px solid rgba(255, 255, 255, 0.14);
  transition:
    inset 0.22s ease,
    background 0.22s ease,
    border-color 0.22s ease;
  z-index: 1;
}

/* Hover: 2px büyüsün (4 yön) + koyulaşsın */
.menu-section .menu-tabs .tab-buttons .tab-btn:hover::before {
  inset: -2px; /* 2px büyüme */
  background: rgba(0, 0, 0, 0.8);
  border-color: rgba(212, 175, 55, 0.3);
}

/* Active: koyu + 2px büyümüş kalsın */
.menu-section .menu-tabs .tab-buttons .tab-btn.active-btn::before {
  inset: -2px;
  background: rgba(0, 0, 0, 0.92);
  border-color: rgba(212, 175, 55, 0.65);
}

/* Menü içerik kartları: ince çerçeve (istenen) */
.menu-section .dish-block .inner-box {
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(0, 0, 0, 0.25);
  border-radius: 16px;
}

/* İçerik başlıkları: ince çerçeve + tek satıra yakın */
.menu-section .dish-block .title .ttl h5 a {
  display: block;
  padding: 8px 10px;
  border: 1px solid rgba(212, 175, 55, 0.22);
  border-radius: 12px;
}

/* =========================================================
   GALERİ (FINAL) — altın border + başlık büyüsün
   ========================================================= */
.gallery-section .title-box.centered .subtitle span {
  font-size: 20px;
}
.gallery-section .title-box.centered h2 {
  font-size: 46px;
  margin-top: 10px;
}
.gallery-section .title-box.centered {
  margin-bottom: 22px;
}

.kinnik-css-gallery .thumb img {
  display: block;
  width: 100%;
  height: auto;

  border-radius: 14px;
  padding: 1px;
}
.kinnik-css-gallery .thumb:hover img {
  border-color: rgba(212, 175, 55, 1);
}

/* =========================================================
   LIGHTBOX (FINAL) — oklarla sağ/sol + ESC + overlay click
   ========================================================= */
#kinnikLightbox.kinnik-lb {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: none;
}
#kinnikLightbox.kinnik-lb.show {
  display: block;
}

#kinnikLightbox .lb-bg {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.92);
}

#kinnikLightbox .lb-wrap {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
}

#kinnikLightbox .lb-box {
  position: relative;
  width: 100%;
  max-width: min(1100px, 92vw);
  max-height: 86vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

#kinnikLightbox #lbImg {
  max-width: 100%;
  max-height: 86vh;
  border: 2px solid rgba(212, 175, 55, 0.9);
  border-radius: 16px;
  box-shadow: 0 16px 60px rgba(0, 0, 0, 0.55);
  transition: opacity 0.15s ease;
}

#kinnikLightbox #lbImg.is-fading {
  opacity: 0.25;
}

#kinnikLightbox #lbCap {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -10px;
  transform: translateY(100%);
  text-align: center;
  color: #d4af37;
  font-size: 14px;
  letter-spacing: 0.2px;
  padding-top: 8px;
}

#kinnikLightbox .lb-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 52px;
  height: 52px;
  border-radius: 999px;
  border: 1px solid rgba(212, 175, 55, 0.55);
  background: rgba(0, 0, 0, 0.55);
  color: #d4af37;
  font-size: 30px;
  line-height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

#kinnikLightbox .lb-prev {
  left: -10px;
}
#kinnikLightbox .lb-next {
  right: -10px;
}

#kinnikLightbox .lb-x {
  position: absolute;
  top: -10px;
  right: -10px;
  width: 44px;
  height: 44px;
  border-radius: 999px;
  border: 1px solid rgba(212, 175, 55, 0.55);
  background: rgba(0, 0, 0, 0.65);
  color: #d4af37;
  font-size: 22px;
  cursor: pointer;
}

@media (max-width: 768px) {
  #kinnikLightbox .lb-prev {
    left: 4px;
  }
  #kinnikLightbox .lb-next {
    right: 4px;
  }
  #kinnikLightbox .lb-x {
    top: 4px;
    right: 4px;
  }

  .we-offer-section .offer-block .inner-box .image > a > img {
    height: 230px !important;
  }
}
/* lightbox base */
#lightbox[aria-hidden="true"] {
  display: none;
}
#lightbox.is-open {
  display: block;
}

#lightbox {
  position: fixed;
  inset: 0;
  z-index: 999999;
}
#lightbox .lb__bg {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.92);
}
#lightbox .lb__wrap {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
#lightbox .lb__img {
  max-width: min(1100px, 92vw);
  max-height: 86vh;
  border: 2px solid rgba(212, 175, 55, 0.9);
  border-radius: 16px;
  box-shadow: 0 16px 60px rgba(0, 0, 0, 0.55);
}
#lightbox .lb__cap {
  position: absolute;
  bottom: 18px;
  left: 0;
  right: 0;
  text-align: center;
  color: #d4af37;
  font-size: 14px;
}
#lightbox .lb__btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 52px;
  height: 52px;
  border-radius: 50%;
  border: 1px solid rgba(212, 175, 55, 0.55);
  background: rgba(0, 0, 0, 0.55);
}
#lbPrev {
  left: 18px;
}
#lbNext {
  right: 18px;
}
#lightbox .lb__close {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid rgba(212, 175, 55, 0.55);
  background: rgba(0, 0, 0, 0.65);
  color: #d4af37;
  font-size: 22px;
}
/* =========================================================
   LIGHTBOX — FULLSCREEN + CENTER + TOP Z-INDEX (MOBILE FIX)
   ========================================================= */

#lightbox.lb {
  position: fixed !important;
  inset: 0 !important; /* top/right/bottom/left:0 */
  width: 100vw !important;
  height: 100vh !important;
  height: 100dvh !important; /* mobil adres çubuğu fix */
  z-index: 2147483647 !important; /* en üste */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: max(14px, env(safe-area-inset-top))
    max(14px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom))
    max(14px, env(safe-area-inset-left)) !important;

  /* hidden state default */
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background: transparent;
}

/* Açıkken */
#lightbox.lb[aria-hidden="false"] {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

/* Arkadaki karartma tam ekran */
#lightbox .lb__bg {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(0, 0, 0, 0.72) !important;
}

/* İçerik kutusu tam ortalı */
#lightbox .lb__wrap {
  position: relative !important;
  z-index: 2 !important;
  width: min(92vw, 980px) !important;
  max-height: 86dvh !important;
  display: grid !important;
  place-items: center !important;

  border: 1px solid rgba(212, 175, 55, 0.55) !important;
  border-radius: 16px !important;
  background: rgba(10, 10, 10, 0.55) !important;
  backdrop-filter: blur(6px);
  overflow: hidden !important;
}

/* Görsel tam sığsın */
#lightbox .lb__img {
  width: 100% !important;
  height: auto !important;
  max-height: 72dvh !important;
  object-fit: contain !important;
  display: block !important;
}

/* Caption */
#lightbox .lb__cap {
  width: 100% !important;
  padding: 10px 12px !important;
  text-align: center !important;
  color: #fff !important;
  font-size: 14px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* Oklar */
#lightbox .lb__btn {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 999px !important;
  background: rgba(0, 0, 0, 0.55) !important;
  border: 1px solid rgba(212, 175, 55, 0.65) !important;
  z-index: 3 !important;
}

#lightbox .lb__prev {
  left: 10px !important;
}
#lightbox .lb__next {
  right: 10px !important;
}

/* Close */
#lightbox .lb__close {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 999px !important;
  background: rgba(0, 0, 0, 0.65) !important;
  border: 1px solid rgba(212, 175, 55, 0.75) !important;
  color: #fff !important;
  z-index: 4 !important;
}
/* LIGHTBOX: caption yok + resim alanı full */
#lightbox .lb__cap {
  display: none !important;
}

/* kapsayıcı kutu artık tek parça: sadece resim */
#lightbox .lb__wrap {
  padding: 0 !important;
}

/* resim kutuyu tamamen doldursun */
#lightbox .lb__img {
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  object-fit: cover !important; /* tam doldurur (kırpabilir) */
  display: block !important;
}

/* Eğer hiç kırpmasın, tamamen sığsın istersen: cover yerine contain yap */
/* #lightbox .lb__img{ object-fit: contain !important; background:#000; } */
/* NEWS: hareket/zoom efekti */
.news-section .news-block .image-box .image {
  position: relative;
  overflow: hidden;
  border-radius: 14px; /* istersen kaldır */
}

.news-section .news-block .image-box .image img {
  width: 100%;
  height: 100%;
  display: block;
  transform: scale(1);
  transition:
    transform 900ms ease,
    filter 900ms ease;
  will-change: transform;
}

/* Hover: yakınlaşsın */
.news-section .news-block .inner-box:hover .image img {
  transform: scale(1.08);
}

/* İstersen hover’da çok hafif netlik/kontrast da verebilir */
.news-section .news-block .inner-box:hover .image img {
  filter: saturate(1.05) contrast(1.03);
}

/* Otomatik hareket: yakınlaş-uzaklaş (Ken Burns) */
@keyframes kinnikKenBurns {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.08);
  }
  100% {
    transform: scale(1);
  }
}

/* Animasyonu açmak için: .kb-on class'ı olan bloklarda çalışır */
.news-section .news-block.kb-on .image img {
  animation: kinnikKenBurns 7s ease-in-out infinite;
}

/* Her kart aynı anda aynı hareket etmesin diye gecikmeler */
.news-section .news-block.kb-on:nth-child(1) .image img {
  animation-delay: 0s;
}
.news-section .news-block.kb-on:nth-child(2) .image img {
  animation-delay: 0.7s;
}
.news-section .news-block.kb-on:nth-child(3) .image img {
  animation-delay: 1.4s;
}
.news-section .news-block.kb-on:nth-child(4) .image img {
  animation-delay: 2.1s;
}

/* Mobilde performans için biraz düşürelim */
@media (max-width: 768px) {
  .news-section .news-block.kb-on .image img {
    animation-duration: 9s;
  }
}
/* İnce açık altın border (NEWS) */
.news-section .news-block .inner-box {
  border: 1px solid rgba(212, 175, 55, 0.35); /* açık altın */
  border-radius: 16px;
  overflow: hidden; /* köşeler taşmasın */
}

/* Resmin etrafına da çok ince çizgi istersen */
.news-section .news-block .image-box .image {
  border: 1px solid rgba(212, 175, 55, 0.28);
  border-radius: 14px;
}

/* ============================
   HERO ONLY — FINAL
   - TOP:0 (spacer cancel via JS)
   - No right/left gap
   - No neighbor slide bleed
   ============================ */

/* (GÜVENLİ) sağ/sol taşmaları engelle — site genelinde yatay scroll oluşmasın */
html,
body {
  overflow-x: hidden;
}

/* Timing (tek yerden yönet) */
:root {
  --hero-yellow: #f4b400;
  --hero-gold: rgba(212, 175, 55, 0.92);
  --hero-white: rgba(255, 255, 255, 0.96);

  --heroDelay: 5200ms; /* slide ekranda kalma */
  --heroSpeed: 900ms; /* geçiş süresi */
  --camDur: calc(
    var(--heroDelay) + var(--heroSpeed)
  ); /* kamera: geçiş boyunca da sürsün */
}

#heroTop,
#heroTop * {
  box-sizing: border-box;
}

/* FULL-BLEED breakout: container/padding etkisini KESİN kır */
.heroTop {
  position: relative;
  width: 100vw !important;
  left: 50% !important;
  right: auto !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  top: -100px;

  padding: 0 !important;
  overflow: hidden !important;
  background: #000;
  z-index: 0; /* header üstte kalsın */
}

/* Hero yüksekliği */
.heroTop {
  height: 100vh;
  min-height: 560px;
  max-height: 860px;
}
@media (max-width: 991px) {
  .heroTop {
    max-height: 760px;
  }
}
@media (max-width: 575px) {
  .heroTop {
    min-height: 540px;
    max-height: 720px;
  }
}

/* Swiper full cover + overflow hidden (komşu slayt görünmesin) */
.heroTop .heroSwiper {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  overflow: hidden !important;
}

/* Swiper internal */
.heroTop .swiper-wrapper {
  height: 100% !important;
}
.heroTop .swiper-slide {
  height: 100% !important;
  width: 100% !important; /* komşu slayt sızmasını bitirir */
  flex: 0 0 100% !important; /* bazı temalarda şart */
  position: relative;
  overflow: hidden !important;
}

/* Background image layer */
.heroTop .heroBg {
  position: absolute;
  inset: -1px; /* saçma 1px gap’leri öldürür */
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  transform: scale(1.12);
  will-change: transform;
  z-index: 1;
}

/* Overlay (turuncu zemin yok, resimdeki gibi koyu) */
.heroTop .swiper-slide::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0.78) 0%,
    rgba(0, 0, 0, 0.6) 46%,
    rgba(0, 0, 0, 0.3) 78%,
    rgba(0, 0, 0, 0) 100%
  );
  pointer-events: none;
}
@media (max-width: 575px) {
  .heroTop .swiper-slide::before {
    background: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.78) 0%,
      rgba(0, 0, 0, 0.62) 58%,
      rgba(0, 0, 0, 0.24) 100%
    );
  }
}

/* Text panel */
.heroTop .heroPanel {
  position: absolute;
  inset: 0;
  z-index: 5;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding-left: clamp(18px, 5vw, 78px);
  padding-right: 18px;
  padding-top: clamp(110px, 106vh, 270px); /* yazılar daha yukarı */
  max-width: 920px;
}

@media (max-width: 575px) {
  .heroTop .heroPanel {
    justify-content: flex-end;
    padding: 0 16px 64px 16px;
    max-width: 100%;
  }
}

/* Helvetica style */
.heroTop .heroPanel,
.heroTop .heroPanel * {
  font-family:
    Helvetica,
    Arial,
    system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif;
}

/* Pills */
.heroTop .heroPills {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 22px;
}
.heroTop .pill {
  display: inline-flex;
  align-items: center;
  height: 34px;
  padding: 0 14px;
  border-radius: 999px;
  font-weight: 800;
  letter-spacing: 0.15px;
  line-height: 1;
  font-size: 12.5px;
  white-space: nowrap;
}
.heroTop .pillLeft {
  background: var(--hero-yellow);
  color: #111;
}
.heroTop .pillRight {
  background: rgba(90, 90, 90, 0.55);
  color: var(--hero-white);
  border: 1px solid rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(6px);
}
@media (max-width: 575px) {
  .heroTop .heroPills {
    gap: 10px;
    margin-bottom: 18px;
  }
  .heroTop .pill {
    height: 33px;
    padding: 0 12px;
    font-size: 12px;
  }
  .heroTop .pillRight {
    flex: 1;
    justify-content: center;
  }
}

/* Title: sarı ALT satır + boşlukları biraz arttır */
.heroTop .heroH1 {
  margin: 0;
  color: var(--hero-white);
  font-weight: 900;
  letter-spacing: -0.2px;
  line-height: 1.08;
  font-size: clamp(26px, 3.5vw, 44px);
  text-shadow: 0 16px 36px rgba(0, 0, 0, 0.45);
}
.heroTop .heroH1 .tTop {
  display: block;
  white-space: nowrap;
}
.heroTop .heroH1 .tHL {
  display: block;
  margin-top: 10px;
  color: var(--hero-yellow);
  white-space: nowrap;
}

/* Desc: 2 satır clamp + biraz daha boşluk */
.heroTop .heroDesc {
  margin-top: 20px;
  margin-bottom: 0;
  max-width: 720px;
  color: rgba(255, 255, 255, 0.88);
  font-size: clamp(13px, 1.2vw, 16px);
  line-height: 1.55;
  text-shadow: 0 10px 26px rgba(0, 0, 0, 0.45);

  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Text slide-in */
.heroTop .heroDesc,
.heroTop .heroH1,
.heroTop .heroPills {
  opacity: 0;
  transform: translateX(-18px);
  filter: blur(7px);
}
.heroTop.isIn .heroPills {
  animation: heroIn 0.55s ease-out forwards;
  animation-delay: 40ms;
}
.heroTop.isIn .heroH1 {
  animation: heroIn 0.55s ease-out forwards;
  animation-delay: 140ms;
}
.heroTop.isIn .heroDesc {
  animation: heroIn 0.55s ease-out forwards;
  animation-delay: 240ms;
}
@keyframes heroIn {
  to {
    opacity: 1;
    transform: translateX(0);
    filter: blur(0);
  }
}

/* Arrows: daha küçük + açık altın */
.heroTop .heroPrev,
.heroTop .heroNext {
  width: 28px;
  height: 28px;
  margin-top: -14px;
  border-radius: 999px;
  border: 1px solid rgba(212, 175, 55, 0.38);
  background: rgba(0, 0, 0, 0.18);
  backdrop-filter: blur(4px);
  opacity: 0.92;
}
.heroTop .heroPrev::after,
.heroTop .heroNext::after {
  font-size: 12px;
  color: var(--hero-gold);
  font-weight: 900;
}
.heroTop .heroPrev:hover,
.heroTop .heroNext:hover {
  border-color: rgba(212, 175, 55, 0.65);
  background: rgba(0, 0, 0, 0.28);
}

/* ============================
   CAMERA (deeper + faster feel)
   - süre aynı, mesafe/zoom daha derin
   ============================ */
.heroTop .heroBg.camRun {
  animation-duration: var(--camDur);
  animation-timing-function: linear;
  animation-fill-mode: both;
  animation-iteration-count: 1; /* her slaytta tek döngü */
  backface-visibility: hidden;
  transform-style: preserve-3d;
}

.heroTop .heroBg.cam1.camRun {
  animation-name: cam1;
}
.heroTop .heroBg.cam2.camRun {
  animation-name: cam2;
}
.heroTop .heroBg.cam3.camRun {
  animation-name: cam3;
}
.heroTop .heroBg.cam4.camRun {
  animation-name: cam4;
}

/* daha derin drift + zoom */
@keyframes cam1 {
  0% {
    transform: translate3d(12%, 0, 0) scale(1.5);
  }
  52% {
    transform: translate3d(0%, 0, 0) scale(1);
  }
  100% {
    transform: translate3d(-12%, 0, 0) scale(1.5);
  }
}
@keyframes cam2 {
  0% {
    transform: translate3d(12%, 0, 0) scale(1.5);
  }
  52% {
    transform: translate3d(0%, 0, 0) scale(1);
  }
  100% {
    transform: translate3d(-12%, 0, 0) scale(1.5);
  }
}
@keyframes cam3 {
  0% {
    transform: translate3d(12%, 0, 0) scale(1.5);
  }
  52% {
    transform: translate3d(0%, 0, 0) scale(1);
  }
  100% {
    transform: translate3d(-12%, 0, 0) scale(1.5);
  }
}
@keyframes cam4 {
  0% {
    transform: translate3d(12%, 0, 0) scale(1.5);
  }
  52% {
    transform: translate3d(0%, 0, 0) scale(1);
  }
  100% {
    transform: translate3d(-12%, 0, 0) scale(1.5);
  }
}
/* Footer: linklerin HER BİRİ ayrı kart olsun (kolonu sarmalayan div'e dokunma) */
.main-footer .upper-section .links-col .inner {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}

/* UL default boşlukları */
.main-footer .upper-section .links-col ul.links {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Her LI arası boşluk */
.main-footer .upper-section .links-col ul.links li {
  margin: 0 0 10px 0; /* aralarında margin */
}
.main-footer .upper-section .links-col ul.links li:last-child {
  margin-bottom: 0;
}

/* Her link kendi zemini + border + yazı rengi */
.main-footer .upper-section .links-col ul.links li a {
  display: block;
  padding: 5px 7px;
  border-radius: 4px;

  background: rgba(250, 215, 100, 0.05); /* %20 altın zemin */
  border: 1px solid rgba(255, 208, 52, 0.25); /* ince altın border */

  color: rgba(255, 240, 200, 0.98); /* parlak açık altın yazı */
  font-weight: 500;
  letter-spacing: 0.1px;
  text-decoration: none;

  transition:
    transform 0.18s ease,
    background 0.18s ease,
    border-color 0.18s ease,
    color 0.18s ease;
}

.main-footer .upper-section .links-col ul.links li a:hover {
  transform: translateY(-1px);
  background: rgba(212, 175, 55, 0.26);
  border-color: rgba(212, 175, 55, 0.55);
  color: rgba(255, 215, 120, 1);
}

/* Mobil sıkılaştırma */
@media (max-width: 575px) {
  .main-footer .upper-section .links-col ul.links li {
    margin-bottom: 8px;
  }
  .main-footer .upper-section .links-col ul.links li a {
    padding: 9px 11px;
    border-radius: 9px;
    font-size: 13px;
  }
}

:root {
  --k-gold: rgba(212, 175, 55, 0.9);
  --k-gold-soft: rgba(212, 175, 55, 0.28);
  --k-line: rgba(255, 255, 255, 0.1);
  --k-topbar-h: 38px;
}

html,
body {
  overflow-x: hidden;
}

/* ===== Topbar (PC) — daha ince ===== */
.main-header .kinnik-topbar {
  position: relative;
  z-index: 60;
  background: rgba(0, 0, 0, 0.35);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  font-family:
    "DM Sans",
    system-ui,
    -apple-system,
    Segoe UI,
    sans-serif;
}
.main-header .kinnik-topbar .tb-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-height: var(--k-topbar-h);
}
.main-header .kinnik-topbar .tb-left,
.main-header .kinnik-topbar .tb-right {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.main-header .kinnik-topbar .tb-item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: rgba(255, 255, 255, 0.92);
  font-size: 12px;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
}
.main-header .kinnik-topbar .tb-item i {
  color: var(--k-gold);
  font-size: 13px;
}
.main-header .kinnik-topbar .tb-sep {
  width: 1px;
  height: 16px;
  background: rgba(255, 255, 255, 0.1);
}
.main-header .kinnik-topbar .tb-soc {
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.9);
  text-decoration: none;
}
.main-header .kinnik-topbar .tb-soc:first-child {
  border-left: 0;
}
.main-header .kinnik-topbar .tb-soc i {
  color: rgba(255, 255, 255, 0.9);
  font-size: 14px;
}
.main-header .kinnik-topbar .tb-soc:hover i {
  color: var(--k-gold);
}

/* ===== Topbar (<=991) — ikonlu bar ===== */
@media (max-width: 991px) {
  :root {
    --k-topbar-h: 44px;
  }

  .main-header .kinnik-topbar {
    background: #000000ff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  }
  .main-header .kinnik-topbar .tb-row {
    min-height: var(--k-topbar-h);
  }
  .main-header .kinnik-topbar .tb-left {
    gap: 0;
    flex-wrap: nowrap;
  }
  .main-header .kinnik-topbar .tb-item {
    width: 36px;
    height: var(--k-topbar-h);
    justify-content: center;
    gap: 0;
    color: transparent;
    overflow: hidden;
    border-right: 1px solid rgba(0, 0, 0, 0.08);
  }
  .main-header .kinnik-topbar .tb-item .tb-txt {
    display: none;
  }
  .main-header .kinnik-topbar .tb-item i {
    color: var(--k-gold);
    font-size: 14px;
  }
  .main-header .kinnik-topbar .tb-sep {
    display: none;
  }

  .main-header .kinnik-topbar .tb-right {
    gap: 0;
  }
  .main-header .kinnik-topbar .tb-soc {
    width: 36px;
    height: var(--k-topbar-h);
    border-left: 1px solid rgba(0, 0, 0, 0.08);
  }
  .main-header .kinnik-topbar .tb-soc i {
    color: var(--k-gold);
    font-size: 14px;
  }
}

/* ===== Header-upper incelt + dikey ortala ===== */
.main-header .header-upper .main-box {
  display: flex;
  align-items: center;
}
@media (min-width: 992px) {
  .main-header .header-upper .main-box {
    padding-top: 4px;
    padding-bottom: 4px;
  }
}
@media (max-width: 991px) {
  .main-header .header-upper .main-box {
    padding-top: 6px;
    padding-bottom: 6px;
  }
}

/* Logo: kesilmesin, dikey ortalı */
.main-header .logo-box .logo a {
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  overflow: visible;
}
.main-header .logo-box .logo img {
  height: 52px;
  width: auto;
  object-fit: contain;
  display: block;
}
@media (max-width: 991px) {
  .main-header .logo-box .logo a {
    height: 46px;
  }
  .main-header .logo-box .logo img {
    height: 46px;
  }
}

/* Header linkleri: beyaz + biraz küçük (desktop) */
@media (min-width: 992px) {
  .main-header .main-menu .navigation > li > a {
    color: rgba(255, 255, 255, 0.94) !important;
    font-size: 13px !important;
    letter-spacing: 0.15px;
  }
}

/* ===== BODY LOCK (menü açılınca sağ boşluk yok) ===== */
body.k-menu-open {
  overflow: hidden !important;
  position: fixed !important;
  width: 100% !important;
  left: 0 !important;
  right: 0 !important;
  top: var(--k-lock-top, 0px) !important;
}

/* Desktop'ta overlay/backdrop kesin kapalı */
.menu-backdrop {
  display: none;
}

/* =========================================================
       MOBIL MENU — FULLSCREEN + INLINE BG + KOYU OVERLAY (<=991)
       ========================================================= */
@media (max-width: 991px) {
  /* backdrop */
  .menu-backdrop {
    display: block;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.78);
    opacity: 0;
    visibility: hidden;
    transition:
      opacity 0.2s ease,
      visibility 0.2s ease;
    z-index: 99998;
  }
  .menu-backdrop.active {
    opacity: 1;
    visibility: visible;
  }

  /* full screen (boşluk yok) */
  .hidden-bar {
    position: fixed !important;
    inset: 0 !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;

    width: 100% !important;
    max-width: 100% !important;
    height: 100dvh !important;

    z-index: 99999 !important;

    transform: translate3d(100%, 0, 0);
    transition: transform 0.35s ease;

    overflow: hidden !important;

    background-color: #000 !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;

    box-shadow: none !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  .hidden-bar.visible {
    transform: translate3d(0, 0, 0);
  }

  /* overlay */
  .hidden-bar .k-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.58);
    z-index: 0;
    pointer-events: none;
  }

  /* içerik: ortada */
  .hidden-bar .inner-box {
    position: relative;
    z-index: 1;
    height: 100%;
    min-height: 100dvh;
    padding: 18px 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    transform: translateY(-26px);
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  /* kapatma */
  .hidden-bar .cross-icon {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 42px;
    height: 42px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.28);
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: #fff;
    z-index: 2;
    cursor: pointer;
  }
  .hidden-bar .cross-icon i {
    color: #fff;
    font-size: 18px;
  }

  /* logo */
  .hidden-bar .logo-box {
    margin: 0 0 16px;
    width: 320px;
    max-width: 82vw;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .hidden-bar .logo-box img {
    width: 100%;
    height: auto;
    max-height: 135px;
    object-fit: contain;
    display: block;
  }

  /* Menü linkleri */
  .hidden-bar .side-menu {
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
    opacity: 1 !important;
    visibility: visible !important;
  }
  .hidden-bar .side-menu ul.navigation {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .hidden-bar .side-menu ul.navigation li {
    margin: 0;
    padding: 0;
    float: none !important;
  }
  .hidden-bar .side-menu ul.navigation li a {
    display: block !important;
    padding: 11px 10px;
    color: #fff;
    font-weight: 700;
    font-size: 13px;
    line-height: 1.15;
    letter-spacing: 0.14px;
    text-decoration: none;

    border: 1px solid rgba(212, 175, 55, 0.22);
    margin-bottom: 8px;
    background: rgba(0, 0, 0, 0.18);

    opacity: 1 !important;
    visibility: visible !important;
  }
  .hidden-bar .side-menu ul.navigation li a::before,
  .hidden-bar .side-menu ul.navigation li a::after {
    content: none !important;
    display: none !important;
  }

  /* Diller altta */
  .hidden-bar .side-lang {
    width: 100%;
    max-width: 420px;
    margin: 14px auto 0;
    padding-top: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
  }
  .hidden-bar .side-lang ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 6px 10px;
  }
  .hidden-bar .side-lang li {
    position: relative;
    padding: 0 8px;
  }
  .hidden-bar .side-lang li:not(:last-child)::after {
    content: "|";
    position: absolute;
    right: -6px;
    top: 0;
    color: rgba(212, 175, 55, 0.75);
  }
  .hidden-bar .side-lang a {
    color: rgba(255, 255, 255, 0.92);
    font-weight: 600;
    font-size: 11px;
    text-decoration: none;
  }
}

/* =========================================================
       BREAKPOINT FIX (FINAL)
       <=991: hamburger görünür, desktop menü gizli
       >=992: desktop menü görünür, hamburger + hidden-bar gizli
       + 992-1200 arası "tema gizlemesin" diye FORCE SHOW
       ========================================================= */
@media (max-width: 991px) {
  .main-header .nav-outer {
    display: none !important;
  }
  .main-header .nav-toggler {
    display: block !important;
  }
}

@media (min-width: 992px) {
  .main-header .nav-outer {
    display: block !important;
  }
  .main-header .nav-toggler {
    display: none !important;
  }

  /* Tema bazen 992-1200 arası menüyü saklıyor -> FORCE */
  .main-header .main-menu,
  .main-header .main-menu .navigation {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .menu-backdrop {
    display: none !important;
  }
  .hidden-bar {
    display: none !important;
    transform: translate3d(100%, 0, 0) !important;
  }
}

/* =========================================================
   FINAL BREAKPOINT OVERRIDE (Requested)
   <=992  : Hamburger (mobile) visible, Desktop nav hidden
   >=993  : Desktop nav visible, Hamburger hidden
   ========================================================= */

/* 1) <=992: hamburger aç, desktop kapat */
@media (max-width: 992px) {
  /* Desktop menüyü komple kapat */
  .main-header .nav-outer,
  .main-header .main-menu {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }

  /* Hamburger kesin açık */
  .main-header .nav-toggler {
    display: flex !important;
    align-items: center !important;
  }

  /* Mobil menü/backdrop bu aralıkta kullanılabilir */
  .menu-backdrop {
    display: block !important;
  }
  .hidden-bar {
    display: block !important;
  }
}

/* 2) >=993: desktop aç, hamburger kapat (tema ne yaparsa yapsın) */
@media (min-width: 993px) {
  /* Desktop menüyü zorla aç (tema 1200x768’de saklıyor olsa bile) */
  .main-header .nav-box {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  .main-header .nav-outer,
  .main-header .main-menu,
  .main-header .main-menu .navigation {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  /* Hamburger kesin kapalı */
  .main-header .nav-toggler {
    display: none !important;
  }

  /* Desktop’ta mobil menü tamamen kapalı */
  .menu-backdrop {
    display: none !important;
  }
  .hidden-bar {
    display: none !important;
    transform: translate3d(100%, 0, 0) !important;
  }
}

/* =========================================================
   TABLET HAMBURGER FIX (FINAL)
   İSTEK: <=992 hamburger görünsün, 993+ normal menü görünsün
   ========================================================= */

/* 0-992: hamburger ON, desktop menu OFF */
@media (max-width: 992px) {
  /* Desktop menüyü kapat */
  header.main-header .header-upper .nav-outer,
  header.main-header .header-upper nav.main-menu,
  header.main-header .header-upper .main-menu {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }

  /* Tema bazen links-box/nav-box'ı da kapatıyor -> geri aç */
  header.main-header .header-upper .nav-box,
  header.main-header .header-upper .links-box {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* Hamburger kesin görünsün (768-992 dahil) */
  header.main-header .header-upper .nav-toggler {
    display: flex !important;
    align-items: center !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* Mobil overlay/menu bu aralıkta aktif olsun */
  .menu-backdrop {
    display: block !important;
  }
  .hidden-bar {
    display: block !important;
  }
}

/* 993+: desktop menu ON, hamburger OFF */
@media (min-width: 993px) {
  header.main-header .header-upper .nav-outer,
  header.main-header .header-upper nav.main-menu,
  header.main-header .header-upper .main-menu,
  header.main-header .header-upper .main-menu .navigation {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  header.main-header .header-upper .nav-toggler {
    display: none !important;
  }

  .menu-backdrop {
    display: none !important;
  }
  .hidden-bar {
    display: none !important;
    transform: translate3d(100%, 0, 0) !important;
  }
}

/* =========================================================
   TABLET TWEAK: 768–1024 arası desktop menü biraz sıkılaşsın
   - font-size: 1px küçülür
   - padding: 2px düşer
   ========================================================= */
@media (min-width: 768px) and (max-width: 1024px) {
  /* Üst menü linkleri */
  #siteHeader .main-menu .navigation > li > a {
    font-size: 12px !important; /* normalde 13px -> 12px */
    padding-top: 4px !important; /* -2px */
    padding-bottom: 4px !important; /* -2px */
    padding-left: 7px !important; /* -2px (istersen) */
    padding-right: 7px !important; /* -2px (istersen) */
  }

  /* Senin pill menü stilin varsa (2px 13px) onu da sıkılaştır */
  #siteHeader .main-menu .navigation > li > a,
  #siteHeader .main-menu .navigation > li > a {
    padding: 0px 10px !important; /* 2px 13px -> 0px 11px gibi düşür */
  }

  /* Reservation butonu biraz sıkı */
  #siteHeader .links-box .theme-btn {
    padding: 4px 7px !important; /* 7x12 -> daha kompakt */
  }

  /* Dil chip biraz sıkı */
  #smx-lang .smx-chip {
    padding: 4px 8px !important; /* 5x10 -> -1/-2 */
    font-size: 11px !important;
  }
}

#dbgToast {
  position: fixed;
  right: 12px;
  bottom: 12px;
  z-index: 99999999;
  background: rgba(0, 0, 0, 0.75);
  border: 1px solid rgba(212, 175, 55, 0.85);
  padding: 10px 12px;
  border-radius: 10px;
  color: #fff;
  font:
    600 13px/1.2 -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
  display: none;
}
#dbgToast.show {
  display: block;
}

/* 0) Güvenli reset (sadece menü alanı) */
.menu-section,
.menu-section * {
  box-sizing: border-box;
}

/* 1) Section zemini %50 siyah (kesin koyulaşma) */
.menu-section {
  position: relative;
  overflow: hidden;
}

/* Arka plan resimleri kalsın ama üstüne %50 siyah koy */
.menu-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5); /* %50 */
  z-index: 0;
  pointer-events: none;
}

/* Menü içeriği overlay'in üstünde */
.menu-section > * {
  position: relative;
  z-index: 1;
}

/* 2) TAB BAR: kenara sıfır, tam koyu, kesintisiz */
.menu-section .tabs-box.menu-tabs .buttons {
  width: 100vw;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  margin: 0;
  padding: 10px 0;
  background: rgba(0, 0, 0, 0.7); /* tab bar koyu */
  border: 0;
  border-radius: 0;
}

/* ul tek satır, sığmazsa yatay kaydır */
.menu-section .tabs-box.menu-tabs .tab-buttons {
  display: flex;
  flex-wrap: nowrap; /* TEK SATIR */
  overflow-x: auto; /* sığmazsa kaydır */
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  gap: 0; /* kesintisiz */
  padding: 0 2px;
  margin: 0;
  list-style: none;
}

/* scrollbar ince (istersen kaldırabilirsin) */
.menu-section .tabs-box.menu-tabs .tab-buttons::-webkit-scrollbar {
  height: 6px;
}
.menu-section .tabs-box.menu-tabs .tab-buttons::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.15);
  border-radius: 999px;
}

/* 3) LI after/before tamamen kapalı (tema ne yaparsa yapsın) */
.menu-section .tabs-box.menu-tabs .tab-buttons .tab-btn::before,
.menu-section .tabs-box.menu-tabs .tab-buttons .tab-btn::after,
.menu-section .tabs-box.menu-tabs .tab-buttons .tab-btn span::before,
.menu-section .tabs-box.menu-tabs .tab-buttons .tab-btn span::after,
.menu-section .tabs-box.menu-tabs .tab-buttons .tab-btn a::before,
.menu-section .tabs-box.menu-tabs .tab-buttons .tab-btn a::after {
  content: none !important;
  display: none !important;
}

/* 4) TAB LI görünümü: tam koyu + tek satır yazı */
.menu-section .tabs-box.menu-tabs .tab-buttons .tab-btn {
  flex: 0 0 auto; /* tek satırda sabit */
  background: rgba(0, 0, 0, 0.85); /* LI zemini tam koyu */
  border: 1px solid rgba(255, 255, 255, 0.1); /* ince çerçeve */
  border-radius: 0; /* kesintisiz istedin */
  padding: 8px 12px;
  margin: 0;
  cursor: pointer;
  user-select: none;
  white-space: nowrap; /* TEK SATIR */
}

/* aktif tab biraz daha belirgin */
.menu-section .tabs-box.menu-tabs .tab-buttons .tab-btn.active-btn {
  border-color: rgba(212, 175, 55, 0.55);
}

/* 5) “Ay koyu” (hafif pulse) animasyonu */
@keyframes menuDarkPulse {
  0%,
  100% {
    filter: brightness(1);
    transform: scale(1);
  }
  50% {
    filter: brightness(1.08);
    transform: scale(1.02);
  } /* 2px hissi */
}
.menu-section .tabs-box.menu-tabs .tab-buttons .tab-btn {
  animation: menuDarkPulse 2.8s ease-in-out infinite;
  will-change: transform, filter;
}

/* hepsi aynı anda oynamasın */
.menu-section .tabs-box.menu-tabs .tab-buttons .tab-btn:nth-child(1) {
  animation-delay: 0s;
}
.menu-section .tabs-box.menu-tabs .tab-buttons .tab-btn:nth-child(2) {
  animation-delay: 0.1s;
}
.menu-section .tabs-box.menu-tabs .tab-buttons .tab-btn:nth-child(3) {
  animation-delay: 0.2s;
}
.menu-section .tabs-box.menu-tabs .tab-buttons .tab-btn:nth-child(4) {
  animation-delay: 0.3s;
}
.menu-section .tabs-box.menu-tabs .tab-buttons .tab-btn:nth-child(5) {
  animation-delay: 0.4s;
}
.menu-section .tabs-box.menu-tabs .tab-buttons .tab-btn:nth-child(6) {
  animation-delay: 0.5s;
}
.menu-section .tabs-box.menu-tabs .tab-buttons .tab-btn:nth-child(7) {
  animation-delay: 0.6s;
}
.menu-section .tabs-box.menu-tabs .tab-buttons .tab-btn:nth-child(8) {
  animation-delay: 0.7s;
}
.menu-section .tabs-box.menu-tabs .tab-buttons .tab-btn:nth-child(9) {
  animation-delay: 0.8s;
}
.menu-section .tabs-box.menu-tabs .tab-buttons .tab-btn:nth-child(10) {
  animation-delay: 0.9s;
}
.menu-section .tabs-box.menu-tabs .tab-buttons .tab-btn:nth-child(11) {
  animation-delay: 1s;
}

/* 6) Menü içerik başlıkları: ince çerçeve */
.menu-section .dish-block .title {
  border: 1px solid rgba(255, 255, 255, 0.12);

  border-radius: 4px;
}

/* Başlık satırı düzeni ve tek satır (yemeğin adı tek satır kalsın) */
.menu-section .dish-block .title .ttl h5 a {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Dotted line istiyorsan KALDIRIYORUM, çünkü “after olmasın” dedin */
.menu-section .dish-block .title .ttl h5 a::after {
  content: none !important;
  display: none !important;
}

/* fiyat sağda kalsın (senin yapın) */
.menu-section .dish-block .title .ttl h5 a {
  position: relative;
  padding-right: 90px;
}
.menu-section .dish-block .title .ttl h5 a .price {
  position: absolute;
  right: 10px;

  white-space: nowrap;
  font-size: 18px;
}

/* 7) Menü içindeki linkler link gibi görünmesin (istersen kaldır) */
.menu-section .dish-block a {
  text-decoration: none;
  color: inherit;
}

/* =========================================================
   MENU BAŞLIK SATIRI (Carte + separator + Nos Sélections)
   Ortala + biraz büyüt + altın vurgu + margin
   ========================================================= */
.menu-section .title-box.centered {
  text-align: center !important;
  margin: 0 auto 26px !important;
}

.menu-section .title-box.centered .subtitle span {
  font-size: 15px !important;
  letter-spacing: 0.4px;
}

.menu-section .title-box.centered .pattern-image {
  margin: 10px auto 14px !important;
}

.menu-section .title-box.centered h2 {
  font-size: 34px !important;
  line-height: 1.12 !important;
  margin: 8px auto 0 !important;
}

/* Altın vurgu çizgisi + biraz margin */
.menu-section .title-box.centered h2::after {
  content: "";
  display: block;
  width: 130px;
  height: 2px;
  background: rgba(212, 175, 55, 0.78); /* altın */
  margin: 14px auto 0; /* altın biraz margin */
}

/* =========================================================
   TAB BAŞLIK SATIRI (LI'ler) — ortala + altın çerçeve + yazı büyüt
   (Önceki 100vw/left/transform ayarlarını iptal eder)
   ========================================================= */
.menu-section .tabs-box.menu-tabs .buttons {
  width: 100% !important;
  left: auto !important;
  transform: none !important;

  margin: 12px auto 50px !important; /* biraz boşluk */
  padding: 12px 12px !important;

  background: rgba(0, 0, 0, 0.7) !important;
}

.menu-section .tabs-box.menu-tabs .tab-buttons {
  justify-content: center !important; /* ortalı */
  gap: 2px !important; /* altın + butonlar nefes alsın */
  padding: 0 10px !important;
  margin-bottom: 50px;
}

.menu-section .tabs-box.menu-tabs .tab-buttons .tab-btn {
  padding: 10px 12px !important; /* biraz büyüt */
}

.menu-section .tabs-box.menu-tabs .tab-buttons .tab-btn span {
  font-size: 12px !important; /* yazılar biraz büyüsün */
}

/* Menü item başlıklarını da çok az büyütmek istersen */
.menu-section .dish-block .title .ttl h5 {
  font-size: 18px !important;
}
/* =========================================================
   HERO MOBILE VIDEO — FINAL (only <=991px)
   - Desktop: Swiper aynen
   - Mobile: Video BG görünür, Swiper BG gizlenir (tasarım bozulmaz)
   ========================================================= */

#heroTop.heroTop {
  position: relative;
  overflow: hidden;
}

/* video layer (default: kapalı) */
#heroTop .heroVideo {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: none;
  pointer-events: none;
}

#heroTop .heroVideoEl {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* katman sırası: panel üstte */
#heroTop .heroSwiper {
  position: relative;
  z-index: 1;
}
#heroTop .heroPanel {
  position: relative;
  z-index: 2;
}

/* Mobile */
@media (max-width: 991px) {
  #heroTop .heroVideo {
    display: block;
  }

  /* mobilde swiper'ı gizle (içerik kaymasın diye opacity/visibility) */
  #heroTop .heroSwiper {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
}
/* Mobilde yazıları tamamen gizle */
@media (max-width: 991px) {
  #heroTop .heroPanel {
    display: none !important;
  }
}

/* Ses butonu */
#heroTop .heroSoundBtn {
  position: absolute;
  right: 14px;
  bottom: 14px;
  z-index: 3;
  border: 0;
  border-radius: 999px;
  padding: 10px 12px;
  background: rgba(0, 0, 0, 0.55);
  color: #fff;
  font:
    600 14px/1 "DM Sans",
    sans-serif;
  display: none; /* default kapalı */
  align-items: center;
  gap: 8px;
}

#heroTop .heroSoundBtn i {
  font-size: 16px;
}

@media (max-width: 991px) {
  #heroTop .heroSoundBtn {
    display: inline-flex;
  }
}