@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
@import "font.css";

:root {
   --primary: #7B171F;
   --primary-rgba: rgba(123, 23, 31, 0.5);
   --heading-font: 'Playfair Display', serif;

   --heading-font-alt: 'ananda_neptouch_2regular';
   --theme-color-1: #ffe9d2;
   --theme-color-2: #fdf4e5;
   --theme-color-3: #ffe9d2;
   --text-color: #372010;
}

body {
   font: 16px/27px 'Raleway', sans-serif;
   /* color: #444444; */
   color: var(--text-color);
   overflow-x: hidden;
   background-color: var(--theme-color-2);

}



h1,

h2,

h3,

h4,

h5,

h6 {
   font-family: var(--heading-font);
   color: var(--primary);

}

.fs-40 {
   font-size: 40px !important;
}

p {
   font-weight: 500;
}




#FoodMenu .modal-content {
   height: calc(100vh - 60px);
}

iframe {
   width: 100%;
   height: 100%;
}



a:hover {
   text-decoration: none;

}



img {
   max-width: 100%;

}



em,

blockquote {
   font-family: 'Playfair Display', serif;

}



ul {
   list-style-type: none;
   padding-left: 0;

}



ul.inline-list li {
   display: inline-block;

}







button:focus {
   outline: none;

}

.figure {
   border-radius: 5px;
}

.figure-border {
   border: 8px solid rgba(255, 255, 255, 0.6);
}



.bg-cover {
   -webkit-background-size: cover;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center center;

}


.bg-theme-color-1 {
   background-color: var(--theme-color-1);
}

.bg-theme-color-2 {
   background-color: var(--theme-color-2);
}

.bg-theme-color-3 {
   background-color: var(--theme-color-3);
}

.alt-font {
   font-family: var(--heading-font-alt);
}

.sub-heading {
   font-family: var(--heading-font);
   font-weight: 600;
}


.overlay {
   position: relative;

}

.overlay:after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, .3);
   z-index: 2;

}

.overlay .container {
   z-index: 3;
   position: relative;

}

.theme-color-overlay {
   position: relative;
}

.theme-color-overlay::after {
   content: "";
   display: block;
   width: 100%;
   height: 100%;
   position: absolute;
   z-index: 1;
   background-color: var(--theme-color-2);
   opacity: 0.3;
   top: 0;
}

.theme-color-overlay .container {
   position: relative;
   z-index: 2;
}




.section,

section {
   padding-top: 100px;

}

.section__mb {
   margin-bottom: 100px;
}

.section__pb {
   padding-bottom: 100px;
}



section.full-width {
   padding-bottom: 100px;
   margin-top: 100px;

}



.section-title {
   margin-bottom: 30px;

}



.section-title h4 {
   text-transform: capitalize;
   font-weight: 600;

}



.section-title h4:after {
   content: "";
   height: 2px;
   width: 100px;
   background-color: #7B171F;
   display: inline-block;
   margin-left: 10px;

}



.section-title h2 {
   text-transform: uppercase;
   font-weight: 600;
   font-size: 30px;

}



.section-title.light-title h2 {
   color: #fff;

}



.title {
   text-transform: capitalize;
   font-weight: 600;

}



.btn {
   border-radius: 50px;
   text-transform: capitalize;

}



.btn-lg {
   padding: 8px 20px;
   font-size: 14px;

}



.btn-red {
   background-color: #7B171F;
   border-color: #7B171F;
   color: #fff;

}



.btn-red:hover,

.btn-red:focus {
   -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.3);
   box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.3);
   background-color: #902020;
   border-color: #902020;
   color: #fff;

}





.mb-10 {
   margin-bottom: 10px;

}



.mb-20 {
   margin-bottom: 20px;

}



.mb-30 {
   margin-bottom: 30px;

}



.mb-40 {
   margin-bottom: 40px
}



.mb-50 {
   margin-bottom: 50px;

}











/*pre loader*/

.loader-wrapper {
   position: fixed;
   z-index: 9999;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: #fff;

}

.loader-wrapper #loader {
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   -o-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);

}

.loader-wrapper #loader img {
   width: 150px;


   -webkit-animation-duration: 1.4s;
   animation-duration: 1.4s;


   -webkit-animation-iteration-count: infinite;
   animation-iteration-count: infinite;


   -webkit-animation-name: bounce;
   animation-name: bounce;
   -webkit-transform-origin: center bottom;
   transform-origin: center bottom;

}



@-webkit-keyframes bounce {

   from,
   20%,
   53%,
   80%,
   to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }


   40%,
   43% {
      -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      -webkit-transform: translate3d(0, -30px, 0);
      transform: translate3d(0, -30px, 0);
   }


   70% {
      -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      -webkit-transform: translate3d(0, -15px, 0);
      transform: translate3d(0, -15px, 0);
   }


   90% {
      -webkit-transform: translate3d(0, -4px, 0);
      transform: translate3d(0, -4px, 0);
   }

}



@keyframes bounce {

   from,
   20%,
   53%,
   80%,
   to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
   }


   40%,
   43% {
      -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      -webkit-transform: translate3d(0, -30px, 0);
      transform: translate3d(0, -30px, 0);
   }


   70% {
      -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
      -webkit-transform: translate3d(0, -15px, 0);
      transform: translate3d(0, -15px, 0);
   }


   90% {
      -webkit-transform: translate3d(0, -4px, 0);
      transform: translate3d(0, -4px, 0);
   }

}





/*-------------------------------
       HEADER

--------------------------------*/

header {
   position: fixed;
   top: 20px;
   left: 0;
   right: 0;
   padding: 10px 50px;
   z-index: 100;
   display: flex;
   align-items: center;


   -webkit-transition: all 0.25s ease;
   -o-transition: all 0.25s ease;
   transition: all 0.25s ease;



}



header.darkheader {
   background-color: rgba(0, 0, 0, .7);
   top: 0;

}



header.darkheader .logo span.logo-rotate {
   width: 70px;

}



header.darkheader .logo .logo-text {
   top: 0;
   left: 90px;

}



header.darkheader .logo .logo-text h2 {
   font-size: 16px;

}



.logo {
   position: relative;

}



.logo span.logo-rotate {
   display: inline-block;
   width: 80px;

}



.logo.animate-logo span.logo-rotate {
   animation-name: logoRotate;
   animation-duration: 0.70s;
   animation-timing-function: cubic-bezier(.24, .67, .77, .80);
   animation-delay: 0s;
   /* animation-iteration-count: infinite; */
   animation-direction: normal;
   animation-fill-mode: normal;

}



@keyframes logoRotate {
   0% {
      -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
   }


   100% {
      -webkit-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
   }

}



.logo .logo-text {
   position: absolute;
   top: 5px;
   text-transform: capitalize;
   color: inherit;
   z-index: -1;
   left: 100px;
   width: 130px;
   padding: 5px 0;
   color: #fff;


   -webkit-transition: all 0.70s 0.2s linear;
   -o-transition: all 0.70s 0.2s linear;
   transition: all 0.70s 0.2s linear;

}



.logo .logo-text h2 {
   font-size: 18px;
   font-weight: 600;
   text-transform: capitalize;
   color: #fff;
   margin: 0;

}



.logo.animate-logo .logo-text {
   animation-name: animateText;
   animation-duration: 0.70s;
   animation-timing-function: linear;
   animation-delay: 0s;
   /* animation-iteration-count: infinite; */
   animation-direction: normal;
   animation-fill-mode: normal;

}



@keyframes animateText {
   0% {
      left: 50px;
      opacity: 0;
   }


   100% {
      left: 100px;
      opacity: 1;
   }

}



.header-tools li {
   float: left;
   margin-left: 20px;

}



.header-tools li.reserve-call {
   color: #fff;
   text-transform: capitalize;
   padding: 5px 10px;
   border: 1px solid #fff;
   border-radius: 50px;

}



.header-tools li.reserve-call p {
   float: left;
   margin: 0;
   padding: 0 10px;
   width: 40px;
   white-space: nowrap;
   overflow: hidden;
   cursor: pointer;


   -webkit-transition: all 0.50s ease;
   -o-transition: all 0.50s ease;
   transition: all 0.50s ease;

}



.header-tools li.reserve-call p span {
   padding-left: 20px;
   letter-spacing: 5px;


   -webkit-transition: all 0.60s ease;
   -o-transition: all 0.60s ease;
   transition: all 0.60s ease;

}



.header-tools li.reserve-call p.reservation-btn,

.header-tools li.reserve-call p.call-btn {
   border-right: 1px solid #fff;

}

.header-tools li.reserve-call p.message-btn {
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
   position: relative;

}

.header-tools li.reserve-call p.message-btn a {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;

}



.header-tools li.reserve-call p.reservation-btn:before,

.header-tools li.reserve-call p.call-btn:before,

.header-tools li.reserve-call p.message-btn:before {
   font-family: 'Font Awesome 5 Free';
   font-weight: 900;
   margin-right: 10px;
   display: none;

}

.header-tools li.reserve-call p.reservation-btn:before {
   content: '\f2e7';

}



.header-tools li.reserve-call p.call-btn:before {
   content: '\f095';

}

.header-tools li.reserve-call p.message-btn:before {
   content: "\f0e0";
   margin-right: 0;
   margin-left: 5px;



}



.header-tools li.reserve-call p.call-btn a {
   color: #fff;

}


.header-tools li .fas {
   width: 20px;
}

.header-tools li.reserve-call p.reservation-btn:hover,
.header-tools li.reserve-call p.call-btn:hover {
   width: 150px;

}

@media only screen and (min-width:767px) {
   .header-tools li.reserve-call p.call-btn.active {
      width: 150px;
   }

   .header-tools li.reserve-call p.call-btn.active span {
      padding-left: 0;
      letter-spacing: 0;
   }
}



.header-tools li.reserve-call p:hover span,
.header-tools li.reserve-call p.call-btn.active span {
   padding-left: 0;
   letter-spacing: 0;

}





/*---------- HAMBURGER MENU ------------*/



.toggle-menu {
   padding-top: 8px;
   height: 18px;
   cursor: pointer;
   width: 25px;
   margin-top: 10px;

}



.toggle-menu .bar {
   position: relative;

}



.toggle-menu .bar,

.toggle-menu .bar:before,

.toggle-menu .bar:after {
   height: 2px;
   width: 25px;
   display: block;
   background-color: #fff;

}



.toggle-menu .bar:before,

.toggle-menu .bar:after {
   content: "";
   position: absolute;


   -webkit-transform: rotate(0deg);
   -ms-transform: rotate(0deg);
   -o-transform: rotate(0deg);
   transform: rotate(0deg);


   -webkit-transition: all 0.25s linear;
   -o-transition: all 0.25s linear;
   transition: all 0.25s linear;

}



.toggle-menu .bar:before {
   top: -7px;

}



.toggle-menu .bar:after {
   bottom: -7px;

}



.toggle-menu:hover .bar:before {
   top: -9px;

}



.toggle-menu:hover .bar:after {
   bottom: -9px;

}





.toggle-menu .bar {
   -webkit-transition: all 0.25s ease;
   -o-transition: all 0.25s ease;
   transition: all 0.25s ease;

}



.toggle-menu.open-menu .bar {
   width: 0;

}



.toggle-menu.open-menu .bar:before {
   top: 0;
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   transform: rotate(45deg);

}



.toggle-menu.open-menu .bar:after {
   bottom: 0;
   -webkit-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   -o-transform: rotate(-45deg);
   transform: rotate(-45deg);

}



/*-------------------------------
       OPEN MENU

--------------------------------*/

.nav-content {
   position: fixed;
   top: 0;
   width: 100%;
   height: 100%;
   background-color: #ccc;
   z-index: 999;
   overflow: hidden;
   visibility: hidden;
   -webkit-transform: translate3d(0, -100%, 0);
   -ms-transform: translate3d(0, -100%, 0);
   -o-transform: translate3d(0, -100%, 0);
   transform: translate3d(0, -100%, 0);


   -webkit-transition: all 0.7s cubic-bezier(0.4, 0, 0.2, 1);
   -o-transition: all 0.7s cubic-bezier(0.4, 0, 0.2, 1);
   transition: all 0.7s cubic-bezier(0.4, 0, 0.2, 1);



}



body.menu-is-open .nav-content {
   visibility: visible;


   -webkit-transform: translate3d(0, 0, 0);
   -ms-transform: translate3d(0, 0, 0);
   -o-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);

}



.nav-content.overlay:after {
   background-color: rgb(0, 0, 0, .9);

}



.nav-content .container,

.nav-content .row {
   height: 100%;
   position: relative;
   z-index: 10;

}



.nav-content .bg-image {
   position: absolute;
   top: 0;
   left: 0;
   height: 100vh;
   width: 100%;

}



.lattern-image {
   position: absolute;
   top: -146px;
   left: 0;
   right: 0;
   margin: 0 auto;
   width: 530px;
   z-index: 3;


   -webkit-transition: all 1.2s 0.2s ease;
   -o-transition: all 1.2s 0.2s ease;
   transition: all 1.2s 0.2s ease;

}



body.menu-is-open .lattern-image {
   top: 0;

}



.nav-content .main_nav li {
   height: 25px;
   overflow: hidden;
   padding-top: 25px;

}

.nav-content .main_nav li:not(:last-child) {
   margin-bottom: 25px;

}



body.menu-is-open .nav-content .main_nav li {
   padding-top: 0;

}



body.menu-is-open .nav-content .main_nav li:first-child {
   -webkit-transition: padding-top 0.50s 0.4s ease;
   -o-transition: padding-top 0.50s 0.4s ease;
   transition: padding-top 0.50s 0.4s ease;

}



body.menu-is-open .nav-content .main_nav li:nth-child(2) {
   -webkit-transition: padding-top 0.50s 0.6s ease;
   -o-transition: padding-top 0.50s 0.6s ease;
   transition: padding-top 0.50s 0.6s ease;

}



body.menu-is-open .nav-content .main_nav li:nth-child(3) {
   -webkit-transition: padding-top 0.50s 0.8s ease;
   -o-transition: padding-top 0.50s 0.8s ease;
   transition: padding-top 0.50s 0.8s ease;

}



body.menu-is-open .nav-content .main_nav li:nth-child(4) {
   -webkit-transition: padding-top 0.50s 1s ease;
   -o-transition: padding-top 0.50s 1s ease;
   transition: padding-top 0.50s 1s ease;

}



body.menu-is-open .nav-content .main_nav li:nth-child(5) {
   -webkit-transition: padding-top 0.50s 1.2s ease;
   -o-transition: padding-top 0.50s 1.2s ease;
   transition: padding-top 0.50s 1.2s ease;

}



body.menu-is-open .nav-content .main_nav li:nth-child(6) {
   -webkit-transition: padding-top 0.50s 1.4s ease;
   -o-transition: padding-top 0.50s 1.4s ease;
   transition: padding-top 0.50s 1.4s ease;

}



body.menu-is-open .nav-content .main_nav li:nth-child(7) {
   -webkit-transition: padding-top 0.50s 1.6s ease;
   -o-transition: padding-top 0.50s 1.6s ease;
   transition: padding-top 0.50s 1.6s ease;

}







.nav-content .main_nav a {
   padding-left: 0;
   font-size: 26px;
   font-weight: 800;
   text-transform: uppercase;
   color: #d4d4d4;
   letter-spacing: normal;
   -webkit-transition: all 0.25s ease-in-out;
   -o-transition: all 0.25s ease-in-out;
   transition: all 0.25s ease-in-out;

}



.nav-content .main_nav a:hover {
   padding-left: 15px;
   letter-spacing: 2px;
   color: #7B171F;

}



.nav-content .close-btn {
   border-color: #fff;
   color: #fff;
   /*     position: absolute;

top: 50px;

right: 50px;

z-index: 10;

padding:6px 25px;

border-radius: 50px;

background-color: transparent;

border:1px solid #fff;

color: #fff; 

cursor: pointer;   */

}



.nav-content .content-inner {
   position: relative;

}



.nav-content .contact-address {
   padding-left: 150px;
   color: #d4d4d4;
   text-align: right;

}



.nav-content .contact-address .title {
   color: #fff;

}

.nav-content .contact-address .title:after {
   display: none;

}

.nav-content .contact-address .title:before {
   content: "";
   width: 80px;
   height: 2px;
   background: #7B171F;
   display: inline-block;
   margin-right: 10px;

}



.nav-content .contact-address ul {
   padding-left: 0;

}



.nav-content .contact-address .read-more {
   color: #fff;
   margin-top: 20px;

}





.nav-content .contact-address .read-more:hover {
   color: #7B171F;

}



.reservation-content {
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 999;
   background: rgba(0, 0, 0, .75);
   display: none;

}



.reservation-content .reservation-form {
   height: 100%;
   position: fixed;
   right: -33%;
   background-color: #fff;
   background-image: url(../images/body-pattern.png);
   padding: 20px;
   overflow-y: scroll;
}



.reservation-content .reservation-form .title {
   text-align: left;
   margin-bottom: 20px;

}



.reservation-content .reservation-form p {
   margin-bottom: 30px;
   text-align: left !important;

}



.close-btn {
   width: 30px;
   height: 30px;
   border: 1px solid #7B171F;
   color: #7B171F;
   border-radius: 100%;
   display: block;
   text-align: center;
   line-height: 30px;
   position: absolute;
   top: 30px;
   right: 30px;
   cursor: pointer;
   z-index: 30;

}



.form-control {
   border-radius: 0;
   box-shadow: none;
   background-color: rgba(255, 255, 255, 0.8)
}



.form-control:focus {
   -webkit-box-shadow: none;
   box-shadow: none;

}



.form-control::-webkit-input-placeholder {
   /* Chrome/Opera/Safari */
   font-size: 13px;
   text-transform: capitalize;

}



.form-control::-moz-placeholder {
   /* Firefox 19+ */
   font-size: 13px;
   text-transform: capitalize;

}



.form-control:-ms-input-placeholder {
   /* IE 10+ */
   font-size: 13px;
   text-transform: capitalize;

}



.form-control:-moz-placeholder {
   /* Firefox 18- */
   font-size: 13px;
   text-transform: capitalize;

}



textarea.form-control {
   height: 120px;

}















/*-------------------------------
       BANNER

--------------------------------*/



.banner-slider .banner-image {
   height: 100vh;

}



.banner-slider .caption {
   position: absolute;
   top: 50%;
   z-index: 10;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   -o-transform: translateY(-50%);
   transform: translateY(-50%);

}

@media only screen and (min-width: 767px) {
   .banner-slider .caption {
      position: absolute;
      top: 50%;
      left: 50px;
      width: 500px;
      z-index: 10;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);

   }
}



.banner-slider .caption h2 {
   color: #fff;
   font-weight: 600;

}



.banner-slider .owl-theme .owl-dots {
   margin: 0;
   position: absolute;
   right: 50px;
   bottom: 15px;

}



.banner-slider .owl-theme .owl-dots .owl-dot span {
   width: 1px;
   height: 15px;
   margin: 5px;


   -webkit-transition: all 0.25s ease;
   -o-transition: all 0.25s ease;
   transition: all 0.25s ease;

}



.banner-slider .owl-theme .owl-dots .owl-dot.active span {
   height: 20px;

}



.banner-slider .social-icon {
   position: absolute;
   left: 50px;
   padding-left: 0;
   margin: 0;
   bottom: 20px;
   z-index: 10;

}



.social-icon li {
   margin-right: 15px;

}



.social-icon a {
   color: #fff;
   font-size: 20px;

}







/*-------------------------------
       WELCOME SECTION

--------------------------------*/

.welcome-section {
   position: relative;
   background-image: url(../images/body-pattern.png);
   min-height: 600px;
   padding-top: 70px;

}

.welcome-section .image-holder {
   text-align: center;

}

@media only screen and (min-width:767px) {
   .welcome-section .image-holder {
      margin-top: -70px;
      text-align: left;

   }
}

.skyline {
   background-image: url(../images/skyline.png);
   background-repeat: no-repeat;
   position: absolute;
   bottom: 0;
   z-index: 3;
   right: 0;
   width: 502px;
   height: 93px;
   background-size: 500px auto;

}

.welcome-section .image-holder img {
   width: 200px;

}

@media only screen and (min-width: 767px) {
   .welcome-section .image-holder img {
      width: 300px;
   }
}

@media only screen and (min-width: 992px) {
   .welcome-section .image-holder img {
      width: 380px;
   }
}




.welcome-section .welcome-text {
   /* width: 550px; */
   padding-top: 40px;

}

/* @media only screen and (min-width:767px){
    .welcome-section .welcome-text {
       text-align: left;
    
    }
} */
@media only screen and (min-width:992px) {
   .welcome-section .welcome-text {
      width: 550px;

      padding-top: 40px;

   }
}



.read-more {
   position: relative;
   display: inline-block;
   line-height: normal;
   color: #000;
   text-transform: capitalize;
   letter-spacing: normal;
   font-weight: 500;


   -webkit-transition: all 0.25s ease;
   -o-transition: all 0.25s ease;
   transition: all 0.25s ease;

}



.read-more:before {
   content: "";
   height: 1px;
   width: 0;
   display: inline-block;
   background-color: #7B171F;
   position: absolute;
   bottom: -5px;


   -webkit-transition: all 0.25s ease-in-out;
   -o-transition: all 0.25s ease-in-out;
   transition: all 0.25s ease-in-out;

}



.read-more:after {
   content: "⟶";
   display: inline-block;
   margin-left: 3px;
   opacity: 1;


   -webkit-transition: all 0.25s ease;
   -o-transition: all 0.25s ease;
   transition: all 0.25s ease;



}



.read-more:hover {
   letter-spacing: 0.6px;
   color: #7B171F;

}



.read-more:hover:before {
   width: 100%;

}



.read-more:hover:after {
   color: #7B171F;
   margin-left: 7px;
   opacity: 1;

}


.chain-link {
   margin: 40px 0 0;
}

.chain-link li:not(:last-child) {
   margin-right: 20px;
}

.chain-link li a {
   width: 60px;
   display: block;
}

/*-------------------------------
       FOOTER

--------------------------------*/
/* 
footer {
   background-color: #7B171F;
   color: #fff;
   font-size: 13px;
   padding: 10px 0;

}



footer a {
   color: inherit;

}



footer .sister-company {
   text-align: right;

}



footer .sister-company h5 {
   display: inline-block;
   margin: 0;
   color: #fff;
   text-transform: capitalize;

}



footer .sister-company ul {
   display: inline-block;
   margin: 0;

}



footer .sister-company li {
   margin-right: 10px;

}



footer .sister-company a {
   display: block;
   width: 40px;
   line-height: 40px;
   text-align: center;
   height: 40px;
   background-color: #edd285;

}



footer .sister-company a img {
   width: 30px;

} */



.triangle-design {
   width: 500px;
   height: 500px;
   background-color: #efefef;
   position: absolute;
   right: -24%;
   top: 0;
   border: 5px solid #7B171F;
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   transform: rotate(45deg);
   background-size: 410px auto;
   background-position: left top;
   z-index: -1;

}


.footer {
   padding: 80px 0 0;
   position: relative;
   color: #fff;
}

.footer::after {
   content: "";
   display: block;
   position: absolute;
   z-index: 2;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background-color: #000;
   opacity: 0.8;
}

.footer .container {
   position: relative;
   z-index: 3;
}

.footer .links li {
   margin-bottom: 5px;
}

.footer .links li a {
   color: #fff;
   transition: all 0.25s ease-in-out;
}

.footer .links li a:hover {
   padding-left: 5px;
   letter-spacing: 0.3px;
}

.footer .gmap {
   height: 240px;
   border-radius: 8px;
   overflow: hidden;
}

@media only screen and (min-width: 767px) {
   .footer .gmap {
      margin-left: 40px;
   }
}

.footer .footer-copyright {
   padding: 15px 0;
   text-align: center;
   color: #fff;
   position: relative;
   z-index: 4;
   margin-top: 40px;
   font-size: 13px;

}







/*-------------------------------
       INNER PAGE

--------------------------------*/

.page-title-bar {
   position: relative;
   padding: 0;
   color: #fff;

}



.page-title-bar.overlay:after {
   background-color: rgba(0, 0, 0, .8);

}

.page-title-bar .absolute-btn {
   position: absolute;
   bottom: 100px;
   left: 0;
   right: 0;
   z-index: 99;
}



.page-title-bar .page-title-content {
   position: absolute;
   width: 500px;
   top: 30%;
   left: 0;
   right: 0;
   margin: 0 auto;
   text-align: center;
   z-index: 10;

}



.page-title {
   text-transform: uppercase;
   color: #fff;
   font-weight: 600;
   margin-bottom: 50px;

}



.page-title-bar .page-title-content p {
   line-height: 30px;

}

.page-title-bar .gallery-content {
   position: absolute;
   bottom: 30px;
   left: 0;
   right: 0;
   z-index: 99;
}


.scroll-down {
   width: 1px;
   height: 90px;
   background-color: rgba(255, 255, 255, 0.7);
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   margin: 0 auto;
   z-index: 10;

}



.main-content {
   margin-bottom: 100px;

}



.intro {
   padding-bottom: 100px;
   background-color: #efefef;
   background-image: url(../images/body-pattern.png);

}



.pattern-bg {
   background-image: url(../images/body-pattern.png);

}



.intro .container {
   width: 800px;
   margin: 0 auto;
   text-align: center;

}



.intro .container p {
   font-size: 18px;
   line-height: 30px;
   margin: 0;

}



.lead {
   font-family: 'Playfair Display', serif;

}



/*-------------------------------
       ABOUT PAGE

--------------------------------*/

.about-description {
   position: relative;

}



.about-description .parallax-image {
   top: 0;
   height: 300px;
   position: absolute;
   left: 0;
   width: 400px;
   height: 300px;
   z-index: 3;

}



.about-description .parallax-image .image-holder {
   height: 100%;

}



section.full-width.testimonials {
   padding: 0;

}



.testimonials .parallax-image {
   padding: 100px 0;

}



.testimonials.overlay:after {
   background-color: rgba(0, 0, 0, .7);

}



.testimonials .container {
   width: 700px;

}



.testimonials .item {
   color: #fff;
   text-align: center;

}



.testimonials .item blockquote.auther-text {
   border-left: none;
   font-size: 16px;
   line-height: 30px;

}

.testimonials .item blockquote.auther-text span {
   color: #fff !important;
   background-color: transparent !important;

}



.testimonials .item .auther-name h4 {
   color: #fff;
   font-weight: 500;
   margin: 0;
   text-transform: capitalize;

}



.testimonials .item .auther-name>div {
   margin-top: 20px;

}

.testimonials .item .auther-name>div a.icon-trip img {
   width: 60px;

}

.testimonials .item .auther-name>div a:not(:last-child) {
   margin-right: 15px;

}

.testimonials .item .auther-name [class^="icon-"] img {
   width: 50px;
   display: inline-block;

}



.owl-carousel.owl-theme .owl-nav {
   margin-top: 0;

}



.owl-carousel.owl-theme .owl-nav button {
   width: 30px;
   height: 30px;
   border-radius: 100%;
   border: 1px solid #fff;
   color: #fff;
   line-height: 28px;


   position: absolute;
   top: 50%;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   -o-transform: translateY(-50%);
   transform: translateY(-50%);

}



.owl-carousel.owl-theme .owl-nav button:hover {
   border-color: #7B171F;
   background-color: #7B171F;

}



.owl-carousel.owl-theme .owl-nav button span {
   font-size: 0;
   margin-left: 4px;

}



.owl-carousel.owl-theme .owl-nav button.owl-next {
   right: -100px;

}



.owl-carousel.owl-theme .owl-nav button.owl-next span:after {
   content: "\e876";
   font-family: 'Linearicons-Free';
   font-size: 14px;

}



.owl-carousel.owl-theme .owl-nav button.owl-prev {
   left: -100px;

}



.owl-carousel.owl-theme .owl-nav button.owl-prev span {
   margin-right: 3px;

}



.owl-carousel.owl-theme .owl-nav button.owl-prev span:after {
   content: "\e875";
   font-family: 'Linearicons-Free';
   font-size: 14px;

}





/*-------------------------------
       CONTACT PAGE

--------------------------------*/

.address-info .container {
   width: 100%;

}



.block {
   display: flex;

}



.block .block-icon .fas {
   display: block;
   width: 40px;
   height: 40px;
   text-align: center;
   line-height: 38px;
   background-color: transparent;
   border: 2px solid #7B171F;
   border-radius: 100%;
   color: #7B171F;
   font-size: 18px;


   -webkit-transition: all 0.25s ease;
   -o-transition: all 0.25s ease;
   transition: all 0.25s ease;

}



.block .block-text {
   padding-left: 15px;

}



.block .block-title {
   text-transform: uppercase;
   font-weight: 600;
   text-align: left;
   margin-top: 0;
   color: inherit;


   -webkit-transition: all 0.25s ease;
   -o-transition: all 0.25s ease;
   transition: all 0.25s ease;



}



.block .block-text p {
   text-align: left;
   line-height: 1.6;
   font-size: 14px;

}



.block:hover .block-icon .fas {
   background-color: #7B171F;
   color: #fff;

}



.block:hover .block-title {
   color: #7B171F;

}



.contact-form .title {
   margin-bottom: 30px;
   text-align: left;
   margin-top: 0;

}




.contact-form label {
   text-transform: capitalize;
   font-family: 'Playfair Display', serif;
   font-weight: normal;
   display: none;

}



.form-control {
   border-radius: 3px;

}



.contact-form {
   position: relative;

}



.absolute-right {
   position: absolute;
   left: 0;
   top: 100px;
   padding-left: 0;

}



.map {
   height: 350px;
   background-image: #fff;

}



/*-------------------------------
       GALLERY PAGE

--------------------------------*/

.gallery-content.mt-n200 {
   position: relative;
   z-index: 40;
   margin-top: -200px;
   margin-bottom: 40px;
}

.gallery-content.small-gutter [class*="col-lg"] {
   padding: 1px;

}


.gallery-content .figure {
   margin-bottom: 27px;
}

.gallery-content .image-holder {
   height: 140px;
   display: block;
}

@media only screen and (min-width: 767px) {
   .gallery-content .image-holder {
      height: 200px;
   }
}

@media only screen and (min-width: 1025px) {
   .gallery-content .image-holder {
      height: 300px;
   }
}



.gallery-content .figure {
   position: relative;
   display: block;

}

body .gallery-img {
   display: none;

}



.gallery-content .figure:after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   opacity: 0;
   background-color: rgba(0, 0, 0, .4);
   z-index: 2;
   -webkit-transition: all 0.25s ease;
   -o-transition: all 0.25s ease;
   transition: all 0.25s ease;

}



.gallery-content .figure:hover {
   cursor: pointer;

}



.gallery-content .figure:hover:after {
   opacity: 1;

}

.fancybox-thumbs__list a:before {
   border: 2px solid #7B171F;

}



/*-------------------------------
       SERVICE PAGE

--------------------------------*/

/* .card-wrapper {
   margin-bottom: 70px;

} */



.card-wrapper .block-figure {
   height: 350px;

}

@media only screen and (max-width:767px) {
   .card-wrapper .block-figure {
      height: 250px;
      margin-bottom: 30px;

   }

   .card-wrapper .block-figure .parallax-background {
      width: 100%;
      left: 0;
      right: 0;
   }
}




.card-wrapper figure {
   height: 100%;
   position: absolute;
   right: 70px;
   left: 15px;

}



.card-wrapper .flex-row-reverse figure {
   right: 15px;
   left: 75px;

}



.title {
   margin-bottom: 30px;

}



.title:after {
   content: "";
   width: 80px;
   height: 2px;
   background: #7B171F;
   display: inline-block;
   margin-left: 10px;

}



/*-------------------------------
       EVENT PAGE

--------------------------------*/

.title-2 {
   text-transform: capitalize;
   font-weight: 600;
   margin-bottom: 30px;

}



.inner-container {
   width: 900px;

}



.event-list .card .card-image {
   height: 250px;
   position: relative;

}



.event-list .card {
   border: none;
   border-radius: 0;
   display: -webkit-flex;
   display: -moz-flex;
   display: -ms-flex;
   display: -o-flex;
   display: flex;
   flex-direction: row;
   margin-bottom: 40px;

}



.event-list .card .card-body {
   background-color: #efefef;
   padding: 20px 15px;

}



.event-list .card .card-body .card-title {
   font-weight: 600;

}



.event-list .card .card-entry {
   width: 75px;
   text-align: center;
   flex: 0 0 75px;

}



.event-list .card .event-date {
   height: 70px;
   padding: 11px 10px;
   text-align: center;
   background-color: #7B171F;
   color: #fff;

}



.event-list .card .event-date span {
   display: block;
   text-transform: capitalize;

}



.event-list .card .event-date span.day {
   font-size: 30px;
   font-family: 'Playfair Display', serif;

}



.event-list .card .share {
   margin-top: 30px;

}



.event-list .card .share h6 {
   margin-top: 0;
   text-transform: capitalize;



}



.event-list .card .share a {
   display: block;
   width: 30px;
   height: 30px;
   background: #efefef;
   border-radius: 100%;
   line-height: 30px;
   margin: 0 auto 10px;

}



.event-list .card .share a.facebook {
   color: #3b5998 !important;

}



.event-list .card .share a.twitter {
   color: #55acee !important;

}



.event-list .card .share a.youtube {
   color: #b31217 !important;

}



.event-detail-content .event-feature-image {
   height: 400px;
   margin-bottom: 50px;
   position: relative;
   text-align: center;

}



.event-detail-content .event-date {
   position: absolute;
   bottom: -17px;
   left: 0;
   text-align: center;
   right: 0;



}



.event-detail-content .event-date span {
   display: inline-block;
   border-radius: 50px;
   background-color: #7B171F;
   padding: 7px 20px;
   color: #fff;
   text-transform: capitalize;

}



.event-detail-content .event-description {
   text-align: center;

}

.event-detail-content .share-event {
   padding-top: 15px;
   margin-top: 20px;
   border-top: 1px solid #ccc;

}

.event-detail-content .share-event h5 {
   text-transform: capitalize;
   margin-bottom: 10px;

}

.event-detail-content .share-event a {
   color: inherit;
   display: block;
   width: 30px;
   height: 30px;
   border: 1px solid #ccc;
   line-height: 30px;

}

/*-------------------------------
       MENU PAGE

--------------------------------*/

.menu_inner-category {
   margin-bottom: 70px;

}

.inner-sub-category {
   margin-bottom: 50px;

}

.inner-sub-category .title-2 {
   text-decoration: underline;
   margin-bottom: 50px;

}

.filters-container {
   text-align: center;
   margin-bottom: 50px;

}



.filters-container ul {
   margin-bottom: 0;
   padding-left: 0;
   display: inline-block;
   border-radius: 50px;
   background-color: #fff;
   -webkit-box-shadow: 0px 0px 13px rgba(0, 0, 0, .1);
   box-shadow: 0px 0px 13px rgba(0, 0, 0, .1);

}



.filters-container .cbp-filter-item {
   border-radius: 50px;
   border: none;
   padding: 8px 20px;
   display: inline-block;
   background-color: transparent;
   text-transform: uppercase;
   font-weight: 600;
   cursor: pointer;

}



.filters-container .cbp-filter-item.cbp-filter-item-active {
   border-radius: 50px;
   border: none;
   padding: 8px 20px;
   background-color: #7B171F;
   color: #fff;

}



.food-menu-list .media {
   padding: 10px;
   align-items: center;
   background-color: var(--theme-color-2);

}

.food-menu-list .media .media-image {
   height: 80px;
   width: 80px;
   border-radius: 100%;
   box-shadow: none;
   background-size: contain;

   -webkit-transition: all 0.25s ease-in-out;
   -o-transition: all 0.25s ease-in-out;
   transition: all 0.25s ease-in-out;

}

.food-menu-list .media .media-title-wrap {
   overflow: hidden;
   border-bottom: 1px dashed #ccc;
   margin-bottom: 10px;

}

.food-menu-list .media .media-title {
   float: left;
   font-weight: 600;
   text-transform: capitalize;
   width: 83%;

}

.food-menu-list .media .media-title-wrap .price {
   float: right;
   display: block;
   font-weight: bold;
   font-size: 16px;
   width: 17%;
   text-align: right;

}

.food-menu-list .media .multiple-price {
   padding: 10px 0;
   border-top: 1px dashed #ccc;

}

.food-menu-list .media .multiple-price li {
   text-transform: capitalize;
   margin-right: 15px;
   /* border-right: 1px solid #ccc; */
   padding-right: 15px;

}

.food-menu-list .media .multiple-price li:last-child {
   margin-right: 0;
   padding-right: 0;
   border: none;

}

.food-menu-list .media .multiple-price li span {
   font-weight: 600;

}

.food-menu-list .media .multiple-price li span:after {
   content: ":";
   display: inline-block;
   font-weight: bold;
   margin-left: 10px;

}



.food-menu-list .media:hover {
   box-shadow: 1px 1px 10px rgba(0, 0, 0, .5);

}

.food-menu-list .media .media-image:hover {
   box-shadow: 0px 0px 10px rgba(123, 23, 31, .5)
}



/*-------------------------------
       MENU PAGE

--------------------------------*/

/* .menu-category-content [class*="col-lg"],

.menu-category-content [class^="col-lg"] {
   padding: 1px;

} */

.category-box {
   height: 300px;
   display: block;
   position: relative;
   display: table;
   width: 100%;
   text-align: center;
   margin-bottom: 30px;
}

.category-box:after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   background-color: rgba(0, 0, 0, .4);
   /* z-index: 1;
   opacity: 0; */


   -webkit-transition: all 0.25s ease;
   -o-transition: all 0.25s ease;
   transition: all 0.25s ease;
}

.category-box .image-holder {
   position: absolute;
   inset: 0;
   display: block;
}

.category-box .category-title {
   position: absolute;
   top: 50%;
   left: 15px;
   right: 15px;
   z-index: 2;
   font-weight: 600;
   color: #fff;
   text-transform: uppercase;
   letter-spacing: 1px;
   /* height: 0;
   overflow: hidden; */
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   -o-transform: translateY(-50%);
   transform: translateY(-50%);


   -webkit-transition: all 0.25s ease;
   -o-transition: all 0.25s ease;
   transition: all 0.25s ease;

}



.category-box .category-title:after {
   content: '';
   display: block;
   width: 0;
   height: 2px;
   background-color: #fff;
   margin: 17px auto 0;


   -webkit-transition: all 0.25s ease;
   -o-transition: all 0.25s ease;
   transition: all 0.25s ease;

}

.category-box:hover .category-title:after {
   width: 50px;

}


/* .category-box:hover:after {
   opacity: 1;

} */
/* 
.category-box:hover .category-title {
   height: 39px;
   opacity: 1;
} */







/*------------------------------------------------------------

---------------------------menu nav---------------------------

------------------------------------------------------------*/

.menu-nav {
   padding: 20px 0;
   background: #ededed;

}

.sticky {
   position: fixed;
   left: 0;
   right: 0;

}

.menu-nav.sticky {
   top: 90px;
   z-index: 2;

}

.menu-nav .wrapper {
   width: 100%;
   text-align: center;
   margin: 0px;

}

.menu-nav .wrapper li {
   display: inline-block;
   float: none;
   background-color: #efefef;

}

.menu-nav .wrapper li a {
   padding-left: 30px;
   padding-right: 30px;
   color: #000;
   font-weight: 600;
   text-transform: uppercase;

}

.menu-nav .wrapper li a:hover,

.menu-nav .wrapper li.active a {
   color: #7B171F;

}




.owl-control-thumb .item figure {}

#sync1 .item {}

#sync2 .item {
   color: #FFF;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   text-align: center;
   cursor: pointer;
}

#sync2 .item h1 {
   font-size: 18px;
}

#sync2 .current .item {
   /* background: #0c83e7; */
}

.owl-theme .owl-nav {
   /*default owl-theme theme reset .disabled:hover links */
}

.owl-theme .owl-nav [class*=owl-] {
   transition: all 0.3s ease;
}

.owl-theme .owl-nav [class*=owl-].disabled:hover {
   background-color: #D6D6D6;
}

#sync1.owl-theme {
   position: relative;
}

#sync1.owl-theme .owl-next,
#sync1.owl-theme .owl-prev {
   width: 22px;
   height: 40px;
   margin-top: -20px;
   position: absolute;
   top: 50%;
}

#sync1.owl-theme .owl-prev {
   left: 10px;
}

#sync1.owl-theme .owl-next {
   right: 10px;
}

.card-wrapper:not(:last-child) {
   margin-bottom: 80px;
}

.card-wrapper .block-figure {
   height: 400px;
}


.promomodal {
   position: fixed;
   inset: 0;
   z-index: 1050;
   background-color: rgba(0, 0, 0, .8);
   align-items: center;
   justify-content: center;
   display: none;
}

.promomodal.open {
   display: flex;
}

.promomodal-body {
   background-color: #fff;
   height: auto;
   width: 600px;
}

.promomodal-close {
   position: absolute;
   top: 50px;
   right: 50px;
   color: #fff;
   width: 50px;
   height: 50px;
   display: block;
   text-align: center;
   line-height: 50px;
   font-size: 30px;
   cursor: pointer;
}

.service-content .card-wrapper .image-holder {
   height: 100%;
}

#menumodal .modal-body {
   height: calc(100vh - 10vh);
   padding: 30px;
}

#menumodal .close {
   position: absolute;
   right: 5px;
   top: 5px;
}