@import url('https://fonts.googleapis.com/css2?family=Forum&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import "./bootstrap.css";
@import "./swiper-bundle.min.css";
@import "./font-awesome.css";
@import "./animate.css";
@import "./flaticon.css";

@font-face {
    font-family: "Unna",serif;
    src: url('../webfonts/Unna-Regular.ttf');
    font-weight: normal;
  }
  html, body{
    scroll-behavior: smooth;    
  }
  body, button, input, select, textarea {
    font: 16px / 30px "Poppins", sans-serif;
    background-color: #fff;
    color: #333;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    overflow-x: hidden;
    overflow-y: auto;
}
  body::-webkit-scrollbar-track
  {
      -webkit-box-shadow: inset 0 0 6px #ddd;
      background-color: #F5F5F5;
  }
  
  body::-webkit-scrollbar
  {
      width: 8px;
      background-color: #F5F5F5;
  }
  
  body::-webkit-scrollbar-thumb
  {
      background-color: #b55227;
      border: 1px solid #b55227;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
}
img{
	width: 100%;
}

.home-banner{
    width: 100%;
    position: relative;
}
.home-banner-img{
    width: 100%;
}
.home-banner::before {
    content: '';
    position: absolute;
    background-color: rgb(0 0 0 / 20%);
    z-index: 1;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.tf-icon-box .icon-wrap.margin-bt-2 {
    background-color: #fff;
    text-align: center;
    padding: 0;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #fff;
    margin: 0 auto 15px auto;
}
.tf-icon-box .icon-wrap.margin-bt-2 img{
	width: auto
}
ul.menu-tab {
    list-style-type: none;
	padding-left: 0
}
.tf-icon-box .icon-wrap.margin-bt-2:hover{
    border: 1px solid #b55227;
}
.tf-icon-box {
    text-align: center;
}
p.tf-sub-heading i {
    color: #b55227;
}
.pt-80{
    padding-top: 80px;
}
.service-img img{
    width: 100%;
}
.pl-30{
    padding-left: 30px;
}
.pr-30{
    padding-right: 30px;
}
.pl-40{
    padding-left: 40px;
}
.pr-40{
    padding-right: 40px;
}
ul.sol-list{
    padding-top: 0px;
	list-style-type: none;
    padding-left: 0;
}
ul.sol-list li {
    position: relative;
    border-left: 2px solid #ddd;
    padding: 5px 0 5px 30px;
    cursor: pointer;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
}
ul.sol-list li:hover{
    color: #b55227;
    border-color: #b55227;
    font-weight: 500;
    text-indent: 25px;
}
.image-big-list-item.active{
    display:block;
 }
 .image-big-list-item {
   display:none;
 /* custom */
   margin: 0 auto;
   text-align:center;
 }
 .content-heading-wrap.pb-20 {
    padding-bottom: 20px;
}
.slider-item.testimonials-style {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    padding: 30px;
    background-color: #fff;
}

@-webkit-keyframes marquee {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@keyframes marquee {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

.marquee_wrap {
    overflow: hidden;
    padding-top: 15px;
}
.marquee_wrap .marquee_item {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    -webkit-animation: marquee 90s linear infinite;
    animation: marquee 90s linear infinite;
}
.marquee_wrap .marquee_item .marquee_item_inner {
    min-width: 100vw
}

.marquee_wrap .marquee_item .marquee_item_inner .mii_item {
    white-space: nowrap
}

.marquee_wrap .marquee_item .marquee_item_inner:nth-child(2) {
    left: 100%
}

.marquee_wrap:nth-child(2) .marquee_item {
    -webkit-animation-direction: reverse;
    animation-direction: reverse
}
.marquee_wrap .marquee_item .marquee_item_inner .mii_item {
    white-space: nowrap;
}
.text_xx.italic_text_xx {
    font-family: "Unna", serif;
    font-style: italic;
	font-size: 24px;
    line-height: 1.5;
}
.color_sec {
    color: #b55227;
}
.marquee_section span {
    padding: 0 30px;
    position: relative;
}
.marquee_section span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    border-radius: 50px;
    background-color: #b55227;
}
.slider-sec{
    padding: 130px 0 0px 0;
}
ul.swiper-wrapper {
    list-style-type: none;
  }

  ul.swiper-wrapper li img{
    width: 100%;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.swiper-photo .swiper-button-next:after, .swiper-photo .swiper-button-prev::after{
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.8);
    color: #000;
}
.swiper-photo{
    position: relative;
}
.swiper-photo .swiper-button-next,  .swiper-photo .swiper-button-prev {
    position: absolute;
    top: 50%;
    margin-top: 0;
}
ul.widget-list.link-list {
    display: flex;
    flex-wrap: wrap;
}
ul.widget-list.link-list li {
    width: 50%;
}
.Copyright-div{
    margin-top: 50px;
}

.logo_wrap {
    position: absolute;
    left: 15px;
    width: 180px;
    top: -10px;
    background-color: #f9f6f0;
    justify-content: center;
    display: flex;
    align-items: center;
    z-index: 2;
}

.logo_wrap::before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 180px 0px 0px;
    border-color: #f9f6f0 transparent transparent transparent;
    left: 0px;
    top: 100%;
}
.yrLogo img {
   padding: 10px 0;
   max-width: 140px;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.logo_wrap .left {
    position: absolute;
    z-index: 11;
    width: 20px;
    height: 20px;
    background-color: #f9f6f0;
    left: 0px;
    bottom: -31px;
    border-radius: 100%;
}
.logo_wrap .right {
    position: absolute;
    z-index: 11;
    width: 22px;
    height: 20px;
    background-color: #f9f6f0;
    right: 0px;
    bottom: -9px;
    border-radius: 100%;
}

.logo_wrap::after {
    position: absolute;
    content: "";
    width: 160px;
    height: 20px;
    background-color: #f9f6f0;
    bottom: -20px;
    transform: rotate(-8deg);
}


/* PreLoad
-------------------------------------------------------------- */
#loading-overlay {
    position: fixed;
    z-index: 999999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    display: flex;
    justify-content: center;
}

#loading-overlay .loader {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    margin: -30px 0 0 -50px;
}

#loading-overlay .loader:before,
#loading-overlay .loader:after {
    position: absolute;
    display: inline-block;
    width: 100px;
    height: 100px;
    content: "";
    -webkit-animation: preloader-wave 1.6s linear infinite;
    animation: preloader-wave 1.6s linear infinite; 
    border-radius: 50%;
    background: #b55227;
}

#loading-overlay .loader:after {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s;
}

@-webkit-keyframes preloader-wave {
    0% {
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0);
        opacity: .7;
    }
    100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 0;
    }
}

@keyframes preloader-wave {
    0% {
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0);
        opacity: .7;
    }
    100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 0;
    }
}

/* Button
-------------------------------------------------------------- */
.tf-button { 
position: relative;
    display: inline-block;
    cursor: pointer;
    font-weight: 500;
    padding: 10px 45px 10px 25px;
    letter-spacing: 0px;
    z-index: 2;
    font-size: 20px;
    font-family: 'Forum', cursive;
    line-height: 35px;
    text-transform: capitalize;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    overflow: hidden;
}

.tf-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width:0;
    height: 100%;
    z-index: -1;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.tf-button::after {
    content:'\f061';
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    font-size: 13px;
    margin-top: 1px;
    margin-left: 9px;
}

.tf-button:hover::before {
    width: 100%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.tf-button.color-style1 {
    background-color: #b55227;
    color: #fff;
}

.tf-button.color-text::before {
    background-color: #333;
}
/*

.tf-button.color-text:hover { 
    color: #b55227;
}
*/

.swiper-button-next:after,
.swiper-button-prev::after{
    font-family: "Font Awesome 5 Pro";
    font-size: 15px;
    font-weight: 300;
    padding: 17.5px 18.5px;
    border-radius: 5px;
    background-color: rgba(255,255,255,0.2);
    color: #fff;
}


.swiper-button-prev:hover::after, 
.swiper-button-next:hover::after {
    color: #fff;
    background-color: #b55227;
}
.swiper-button-next:after,
.swiper-button-prev:after,
.swiper-button-prev:active::after{
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.swiper-button-next:after{
    content: "\f061";
}
.swiper-button-prev::after {
    content: "\f060";
}
.tf-heading-bg{
    position: relative;
}

.content-heading-wrap{
    padding-bottom: 15px;
}

.tf-heading-bg .heading-bg-style{
    position: absolute;
    left: -15.5%;
    font-size: 200px;
    line-height: 155px;
    font-weight: 400;
    letter-spacing: -7px;
    color: rgb(181 82 39 / 15%);
    z-index: 0;
    font-family: 'Forum', cursive;
    top: -7px;
	opacity: 0.8;
    text-transform: uppercase;
}

.tf-heading .tf-title{
    font-family: "Unna",serif;
    line-height: 55px;
    font-size: 40px;
    color: #1d1d1b;
    font-weight: 400;
}

.tf-sub-heading{
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    margin-top: 0px;
}


.tf-icon-box .icon-wrap i{
    font-size: 50px;
    color: #b55227;
}



.icon-wrap{
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
}

.tf-icon-box:hover{
    cursor: pointer;
}

.tf-icon-box:hover .icon-wrap{
    transform: rotateY(360deg);
}

.overlay-bg-style01{
    z-index: -1; 
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(200,169,106,0.1);
}
.home-banner .iconbg_about{
    position: absolute;
    right: 4%;
    bottom: 30px;
    animation: rotation infinite 5s linear;
    -webkit-animation: rotation infinite 5s linear;
    z-index: 99;
	width: auto
}
@keyframes rotation{
    from{
      transform:rotate(0deg);
    }
    
    to{
      transform:rotate(360deg);
    }
  }

.tf-img-about{
    text-align: right;
    padding-right: 30px;
}
.tf-img-identy {
    text-align: left;
    padding-left: 30px;
}
.content-about-us p{
    margin-bottom: 40px;
}

.flat-button-style2 .color-style1::before{
    background-color: #333;
}

.tf-button::after{
    margin-left: 10px;
}

.flat-button-style2 .tf-button.color-style:hover,
.flat-button-style2 .color-style::before{
    color: #fff;
}
.tf-section.wrap-our-menu{
    position: relative;
    z-index: 102;
}
.tf-section.wrap-gallery{
    overflow: hidden;
}
.wrap-gallery .flat-button a{
    padding: 8px 55px 8px 34px;
}

.info-box .tf-heading .tf-title, .service-row .tf-heading .tf-title, .mission-block h3, .vision-block h3 {
    font-family: "Unna", serif;
    line-height: 50px;
    font-size: 40px;
    color: #1d1d1b;
    font-weight: 400;
}

.wrap-booking .tf-heading-bg .heading-bg-style {
    left: -14.5%;
}

.wrap-booking .image-form-booking .image{
    width: 51.1627%;
}

.wrap-booking .image-form-booking .image img{
    margin-right: -5px;
	height: 100%;
    object-fit: cover;
}

.wrap-booking .image-form-booking .wrap-form{
    width: 48.8373%;
}

.wrap-booking .image-form-booking .wrap-form{
    padding: 5.3% 6.2% 3% 5%;
}

#comment-reply.tf-button{
    padding: 10px 59px 10px 34px;
}

#comment-reply.tf-button::after {
    margin-left: 13px;
}

.wrap-testimonials-slider .flaticon-quotation{
    font-size: 50px;
    color: #b55227;
}

.wrap-testimonials-slider p{
    margin-top: 4px;
    margin-bottom: 13px;
}

.testimonials-style .name-position p {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
	margin: 15px 0 5px;
}
.category{
	font-size: 16px;
    font-weight: 400;
}
.wrap-testimonials-slider .swiper-slide{
	height: auto;
	display: flex;
}
.wrap-testimonials-slider .swiper-pagination{
    width: 100%;
    text-align: center;
    margin-top: 50px;
    margin-left: 0px;
    position: relative;
}

.swiper-pagination-bullet{
    opacity: 1;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    background-color: rgba(200,169,106,0.3);
    margin: 2.5px 5px 2.5px 5px;
    border-radius: 50%;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {
    width: 15px;
    height: 15px;
    background-color: #b55227;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin: 0 5px;
}

.wrap-testimonials-slider .swiper-button-next::after,
.wrap-testimonials-slider .swiper-button-prev::after{
    color: rgba(255, 255, 255, 0.5);
    background-color: rgba(255, 255, 255, 0.07);
}
.wrap-testimonials-slider .swiper-button-next:hover:after,
.wrap-testimonials-slider .swiper-button-prev:hover:after{
    color: #ffffff;
    background-color: #b55227;
}

.swiper-button-next {
    right: 1%;
}

.swiper-button-prev {
    left: 1%;
}

.swiper-button-next,
.swiper-button-prev{
    position: absolute;
    top: 35.7%;
}
.swiper-pagination:hover{
    cursor: pointer;
}



/* Brand
-------------------------------------------------------------- */

.img-brand {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.img-brand img{
    display: block;
    -webkit-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: all 300ms ease;
}

.img-brand.active img,
.img-brand:hover img{
    webkit-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    filter: grayscale(0%);
}



/* flat-tabs category */
.flat-tabs{
    position: relative;
    width: 100%;
}

.flat-tabs .menu-tab li a{
    font-weight: 400;
    font-size: 40px;
    line-height: 49px;
    font-family: 'Forum', cursive;
    color: #1d1d1d;
}

.flat-tabs .menu-tab li:hover a,
.flat-tabs .menu-tab li.active a {
    color: #b55227;
}
button,
input {
    line-height: normal;
}
button,
input,
select,
textarea {
    font-size: 100%;
    line-height: inherit;
    margin: 0;
    vertical-align: baseline;
}

input,
textarea {
    font-size: 1em;
    max-width: 100%;
    background-image: -webkit-linear-gradient(
        rgba(255, 255, 255, 0),
        rgba(255, 255, 255, 0)
    ); 
}
textarea {
    overflow: auto; 
    vertical-align: top; 
}
input[type="checkbox"] {
    display: inline;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: button;
    border: 0;
}
input[type="checkbox"],
input[type="radio"] {
    padding: 0; 
}
input[type="search"] {
    -webkit-appearance: textfield; 
}
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #ffffff inset;
}

input[type="search"] {
    outline: 0;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
}

/* Input normal */
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
    color: #333333;
    border: none;
    padding: 7.5px 30px;
    font-size: 15px;
    letter-spacing: 0px;
    line-height: inherit;
    width: 100%;
    height: auto;
    text-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border ease 0.238s;
    -moz-transition: border ease 0.238s;
    transition: border ease 0.238s;
}

/* Custom Form */
/* Select icon after  */
.select{
    position: relative;
}

select {
    position: relative;
    overflow: hidden;
    outline: none;
    flex: 1;
    cursor: pointer;
    background-color: #fff;
}

.select::after{
     font-family: "Font Awesome 5 Pro";
    content: '\f078';
    font-size: 15px;
    right: 15px;
    font-weight: 900;
    color: #090c0f;
    display: block;
    position: absolute;
    background: none;
    top: 15px;
    pointer-events: none;
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
}
.custom-control.custom-radio.custom-control-inline {
    align-items: center;
    display: inline-flex;
}
.custom-control-input {
   position: absolute;
    z-index: 1;
    opacity: 1;
    left: 5px;
    top: 13px;
}
.custom-control{
	width: 30%;
    margin: 7px 0 0 0;
}
/* Input focus */
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {
    outline: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: none;
}

.comment-form input::placeholder, .comment-form textarea::placeholder{
    color: #090c0f;
}

.comment-form  .flat-alert.msg-success{
    color: #b55227;
}

/* Button */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    text-transform: uppercase;
    background-color: #b55227;
    color: #fff;
    padding: 7.5px 30px;
    display: inline-block;
    font-family: "Open Sans", sans-serif;
    -webkit-appearance: none;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.comment-form select option,
.comment-form textarea::placeholder,
.comment-form input::placeholder{
    font-size: 18px;
    font-family: 'Forum', cursive;
}

.comment-form select option,
.comment-form select,
.comment-form textarea,
.comment-form input[type="text"],
.comment-form input[type="password"],
.comment-form input[type="datetime"],
.comment-form input[type="datetime-local"],
.comment-form input[type="date"],
.comment-form input[type="month"],
.comment-form input[type="time"],
.comment-form input[type="week"],
.comment-form input[type="number"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form input[type="search"],
.comment-form input[type="tel"],
.comment-form input[type="color"]{
    color: #090c0f;
    border: 1px solid #eee;
    padding: 12px 20px;
    font-weight: 400;
    font-size: 17px;
    letter-spacing: 0px;
    line-height: inherit;
    width: 100%;
    text-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border ease 0.238s;
    -moz-transition: border ease 0.238s;
    transition: border ease 0.238s;
    font-family: 'Forum', cursive;
	appearance:none
}

 input[type=number]::-webkit-inner-spin-button, 
 input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}

/* Custom style lable form validate  */
.comment-form label.error{
    font-size: 18px;
    font-family: 'Forum', cursive;
    color: red;
    position: absolute;
    right: 60px;
    top: 8px;
}
.comment-form fieldset{
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}


/* Button hover + focus */
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
    outline: 0;
    border: none;
}

/* Placeholder color */
::-webkit-input-placeholder {
    color: #333333;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    line-height: 32px;
}

::-moz-placeholder {
    color: #333333;
    opacity: 1;
} /* Since FF19 lowers the opacity of the placeholder by default */
:-ms-input-placeholder {
    color: #333333;
}

/* Links */
a {
    color: #ffffff;
    outline: 0;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
a:hover,
a:focus,
a:active {
    outline: 0;
    color: #b55227;
    text-decoration: none;
}

/* Typography
-------------------------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Forum', cursive;
    color: #1d1d1d;
    font-weight: 400;
    line-height: 1.5;
    text-rendering: optimizeLegibility;
    margin-bottom: 15px;
}

h1 {
    font-size: 150px;
} 
h2 {
    font-size: 60px;
} 
h3 {
    font-size: 52px;
} 
h4 {
    font-size: 35px;
} 
h5 {
    font-size: 30px;
} 
h6 {
    font-size: 24px;
} 

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit;
}

/* Extra classes
-------------------------------------------------------------- */
#wrapper{
    overflow: hidden;
}

.tf-section{
    padding: 130px 0;
    position: relative;
}

.flex{
    display: -webkit-box;  
    display: -moz-box;      
    display: -ms-flexbox;   
    display: -webkit-flex; 
    display: flex;
}

.float-left{
    float: left;
}

.float-right{
    float: right;
}
.border-style{
    border: 1px solid rgba(255,255,255,0.1);
}


.container {
    width: 1320px;
}

.no-pd{
    padding: 0;
}

.no-pd-right{
    padding-right: 0px;
}

.no-pd-left{
    padding-left: 0px;
}
.text-center{
    text-align: center;
}

.margin-bt-2{
    margin-bottom: 2px;
}
.col-box{
    float: left;
    padding-left: 15px;
    padding-right: 15px;
}

.col-box.col-20{
    width: 20%;
}

.col-box.col-16{
    width: 16.6666666667%;
}

.col-box.col-25{
    width: 25%;
}

.col-box.col-50{
    width: 50%;
}

.col-box.col-45{
    width: 45%;
}

.col-box.col-55{
    width: 55%;
}

.col-box.col-60{
    width: 60%;
}

.col-box.col-30{
    width: 30%;
}

.col-box.col-33{
    width: 33.333333%;
}

.col-box.col-40{
    width: 40%;
}
.margin-right-1{
    margin-right: -1px;
}
.color-style1{
    color: rgba(200,169,106,0.1);
}
.bg-style2{
    background-color: #f9f6f0;
}

/* Header
-------------------------------------------------------------- */
#site-header{
    position: absolute;
    width: 100%;
    z-index: 999;
    top: 0;
    background-color: transparent;
    padding: 10px 0;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
}
#site-header.header-sticky {
    background-color: #f9f6f0;
    position: fixed;
    top: 0;
    box-shadow: 0 0 16px rgba(24, 21, 131, 0.25);
}
.header-sticky #main-nav > ul > li > a{
    color: #1d1d1d;
}
#site-header #site-header-inner{
    position: relative;
    height: 55px;
}

#site-header #site-header-inner.container-fluid{
    max-width: 1550px;
}




#main-nav ul {
    margin: 0px;
	margin: 0px;
    display: flex;
    justify-content: space-between;
    width: 100%;
	align-items: center;
}
#main-nav ul li {
    position: relative;
    list-style: none;
}
#main-nav > ul > li {
    float: left;
    padding: 0px 15px;
}

#main-nav > ul > li > a{
   padding: 15px 0px 7px 0;
    display: block;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    color: #fff;
    position: relative;
    font-family: 'Forum', cursive;
}

#main-nav > ul > li > a::after, .header-sticky #main-nav > ul > li > a::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #fff;
    transition: width .3s;
}
.header-sticky #main-nav > ul > li > a::after{
	background-color: #b55227;
}
#main-nav > ul > li > a:hover::after, #main-nav > ul > li.current-menu-item > a::after, .header-sticky #main-nav > ul > li.current-menu-item > a::after {
    width: 100%;
    transition: width .3s;
}

#main-nav > ul > li.flat-button > a{
	padding: 10px 34px;
	text-transform: none
}
#site-header.header-sticky #main-nav > ul > li.flat-button > a{
	color: #fff
}

#main-nav > ul > li:hover> a{
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: #fff;
}
.header-sticky #main-nav > ul > li:hover > a{
	color: #b55227;
}
#main-nav > ul > li.flat-button:hover> a{
	color: #fff
}
/* Active Menu */

/* Mobile Menu Button */
.mobile-button {
    display: none;
    position: absolute;
    width: 26px;
    height: 26px;
    float: right;
    top: 45%;
    right: 15px;
    background-color: transparent;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

/*
.mobile-button:before,
.mobile-button:after,
.mobile-button span {
    background-color: #b55227;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}
*/

/*
.mobile-button:before,
.mobile-button:after {
    content: "";
    position: absolute;
    top: 0;
    height: 3px;
    width: 100%;
    left: 0;
    top: 50%;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.mobile-button span {
    position: absolute;
    width: 100%;
    height: 3px;
    left: 0;
    top: 50%;
    overflow: hidden;
    text-indent: 200%;
}
*/

/*
.mobile-button:before {
    -webkit-transform: translate3d(0, -7px, 0);
    -moz-transform: translate3d(0, -7px, 0);
    transform: translate3d(0, -7px, 0);
}

.mobile-button:after {
    -webkit-transform: translate3d(0, 7px, 0);
    -moz-transform: translate3d(0, 7px, 0);
    transform: translate3d(0, 7px, 0);
}

.mobile-button.active span {
    opacity: 0;
}

.mobile-button.active:before {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    -moz-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
}

.mobile-button.active:after {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -moz-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
}
*/

.widget{
    list-style-type: none;
    text-align: left;
}

.widget .widget-title{
    font-size: 35px;
    line-height: 35px;
    font-weight: 400;
    color: #1d1d1d;
}

.widget ul li,
.widget ul li a{
    list-style: none;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 40px;
    color: #1D1D1D;
}

.widget li a:hover{
  color: #b55227;
}

.widget_socials li{
    display: inline-block;
    list-style: none;
    margin: 0 5px;
}

.widget_socials li a{
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 13px;
    color: #b55227;
    background-color: #fff;
    border: 1px solid #b55227;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.widget_socials li a:hover{
    color: #fff;
    background-color: #b55227;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}



/* Footer
-------------------------------------------------------------- */
#footer {
    position: relative;
    padding: 78px 0 0px 0;
    overflow: hidden;
}

#footer.footer-style01{
   background-color: #f9f6f0;
}

.logo-footer {
    margin: 0 auto 25px auto;
    max-width: 160px;
}

#footer .widget .widget-title{
    color: #b55227;
}

.widget-contact{
  padding: 0 50px
}

.widget-footer .widget-title{
    margin-bottom: 18px;
}
.widget-contact.widget-footer .widget-title{
    margin-bottom: 25.5px;
}


.widget.widget-contact li{
    line-height: 32px;
    position: relative;
    display: flex;
    padding-bottom: 10px;
    padding-left: 31.5px;
}

/*footer contact */
.widget.widget-contact .adress::before,
.widget.widget-contact .mail::before,
.widget.widget-contact .phone::before,
.widget.widget-contact .clock::before{
     font-family: "Font Awesome 5 Pro";
  color: #b55227;
    font-size: 19px;
    font-weight: 300;
    position: absolute;
    left: 0;
    top: 3px;
}

.widget.widget-contact .clock::before{
    top: 1px;
}

.widget.widget-contact .clock{
    margin-top: 3px;
    padding-left: 34px;
}

.widget.widget-contact .adress::before{
    content: "\f3c5";  
}

.widget.widget-contact .mail::before{
    content: "\f2b6";
}

.widget.widget-contact .phone::before{
    content: "\f879";  
}

.widget.widget-contact .clock::before{
    content: "\f017";  
}



#footer .Copyright p a:hover{
    color: #666666;
}

#footer .Copyright p a,
#footer .widget ul li a:hover{
    color: #b55227;
}
#footer .Copyright p a{
font-weight: 600;
}





/* bottom */
#bottom{
    overflow: hidden;
    transform: translateY(-1px);
    position: relative;
    width: 100%;
    border-top: 1px solid rgba(0,0,0,0.1);
}

.Copyright .res{
    padding-right: 0px;
}

.Copyright p,
.Copyright p a{
    color: #1d1d1d;
    margin-bottom: 0;
}

.Copyright p a:hover{
    color: #b55227;
}

.Copyright p{
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    line-height: 32px;
}


.tf-bottom-inner{
    padding: 15px 0;
}

.tf-img-about img, .logo-footer img {
    width: 100%;
}
ul.widget-list {
    padding-left: 0;
}

/* Scroll Top
-------------------------------------------------------------- */

#scroll-top {
    display: block;
    position: fixed;
    cursor: pointer;
    border-radius: 50%;
    z-index: 3;
    text-align: center;
    transform: none;
    width: 40px;
    height: 40px;
    background-color: #b55227;
    color: #fff;
    line-height: 43px;
    right: 20px;
    bottom: 30px;
}
.page-title.page-title-inner {
    margin-top: 0px;
    padding-top: 250px;
    padding-bottom: 250px;
    background: url('https://placehold.co/1920x450') no-repeat center center;
    background-size: cover;
    z-index: 100;
	position: relative
}
.page-title-inner .overlay-pagetitle {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(9, 12, 17, 0.3);
}
.page-title-inner .page-title-heading {
    width: 100%;
    text-align: center;
    padding: 0 15px;
}
.page-title-inner .page-title-heading .heading {
    line-height: 60px;
    color: #fff;
	font-size: 50px;
}

.vision-mission-img img {
    height: 100%;
    object-fit: cover;
}
.vision-block, .mission-block{
	padding: 20px;
	 background-color: #fff;
    box-shadow: 0 10px 30px rgba(200, 169, 106, 0.2);
	height: 100%;
	border-bottom: 2px solid #b55227;
	
	position: relative;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: color 1000ms;
  transition: color 1000ms;
}
.vision-block::before, .mission-block::before{
	content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #b55227;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition: 300ms ease-out;
    transition: 300ms ease-out;
}
.vision-block:hover::before, .mission-block:hover::before{
	-webkit-transform: scaleY(1);
    transform: scaleY(1)
}


.vision-block:hover, .mission-block:hover,
.vision-block:hover h3,  .mission-block:hover h3{
	color: #fff;
}
.chef-row{
	align-items: center;
}
.innovation-row, .new-row{
	padding-top: 80px;
	align-items: center
}
.tf-section.counter-chefs-about {
    padding: 80px 0 87px 0;
    border-top: 1px solid #eee;
}
/*
.counter-chefs-about .overlay-inner {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #f9f6f0;
}
*/
.wrap-counter {
    width: 100%;
}
.col-box.col-25 {
    width: 25%;
}

.wrap-counter .box-countter-chefs .wrap-icon i {
    font-size: 70px;
    color: #b55227;
}
.counter-chefs-about .wrap-counter .box-countter-chefs .countter-box .heading{
	color: #1d1d1d;
	margin-top: 15px;
}
.countter-box .number {
    font-size: 24px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    color: #1d1d1d;
}
.tf-section.wrap-our-chefs-about {
     padding: 130px 0 90px 0;
    overflow: hidden;
}
.team-box-style2 .content {
    position: relative;
    overflow: hidden;
   padding: 15px 15px 50px 0;
    text-align: center;
}
.team-box-style2 .content .name {
    margin-bottom: 0;
}
.team-box-style2 .content .position {
    font-size: 15px;
    line-height: 30px;
    margin-top: -5px;
}
.p-30{
	padding: 30px;
}
.container-fluid{
	width: 90%;
	padding: 0;
}
.tf-section-special{
	padding-bottom: 90px;
}
.special-service-block {
    box-shadow: 0 10px 30px rgba(200, 169, 106, 0.2);
    background-color: #fff;
    border: 1px solid #eee;
    padding: 30px;
    height: 100%;
}
.mb-30{
	margin-bottom: 30px;
}
.special-img {
    height: 100%;
   
}
.special-img img {
    height: 100%;
	 object-fit: cover;
}
.special-service-block h5{
	font-family: "Unna", serif;
    line-height: 60px;
    font-size: 32px;
    color: #1d1d1b;
    font-weight: 400;
}

.flat-tabs.flat-tabs-menu {
    width: 100%;
}
.flat-tabs.flat-tabs-menu .menu-tab {
    margin-bottom: 50px;
    width: 100%;
    text-align: center;
	border-bottom: 0;
	justify-content: center;
}
.flat-tabs-menu ul li {
    display: inline-block;
	margin: 0 7px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.flat-tabs.flat-tabs-menu .menu-tab li button {
  font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 17px;
    line-height: 27px;
    color: #1D1D1D;
    background-color: #ddd;
    text-transform: capitalize;
    border-radius: 30px;
    padding: 8px 25px;
}
.flat-tabs.flat-tabs-menu .menu-tab li:hover button,
.flat-tabs.flat-tabs-menu .menu-tab li button.active{
    background-color: #b55227;
	color: #fff
}
.flat-tabs-menu ul li:hover, .flat-tabs-menu ul li.active 
.flat-tabs.flat-tabs-menu .menu-tab li.active button, .flat-tabs.flat-tabs-menu .menu-tab li:hover button {
    color: #ffffff;
}

.our-menu-box {
    transform: translateY(0);
}
.our-menu-item:hover, .our-menu-item.active, .our-menu-item, .our-menu-box:hover, .our-menu-box {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.our-menu-item-style3 {
    background-color: rgba(200, 169, 106, 0);
    border: 2px dashed rgba(9, 12, 15, 0.07);
    border-radius: 7px;
    margin-bottom: 30px;
    padding: 30px 20px 26px 34px;
}
.our-menu-item-style3:hover, .our-menu-item-style3.active {
    background-color: rgba(200, 169, 106, 0.1);
    border: 2px dashed rgba(9, 12, 15, 0);
    border-radius: 7px;
    margin-bottom: 30px;
    padding: 30px 20px 26px 34px;
}
.our-menu-item-style3 .image img {
    border-radius: 50%;
}
.our-menu-item-style3 .content-menu-item {
    padding: 8px 15px 0 24px;
}
.our-menu-item-style3 .content-menu-item .heading {
    font-size: 27px;
    line-height: 36px;
    font-weight: 400;
    margin: 0;
}
.our-menu-box:hover {
    transform: translateY(-15px);
}
.sub-heading {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 30px;
    color: #666666;
    font-weight: 400;
}
.our-menu-item-style3 .content-menu-item .pricing {
    margin-top: 3px;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    color: #b55227;
}
.photo-gallery{
	overflow-x: hidden
}
.client-logo {
    max-width: 160px;
    margin: 0 auto 30px auto;
    padding: 30px;
}
.form-reservation {
    position: relative;
  background-color: #fff;
    padding: 30px 40px;
    box-shadow: 0 4px 3px rgba(200, 169, 106, 0.2);
	border: 1px solid #eee;
}
.col-box.col-45 {
    width: 45%;
}
.border-style2 {
    border: 1px solid rgba(9, 12, 15, 0.1);
}
.infor-contact {
    padding: 30px 0;
    margin-right: 0px;
}
.infor-contact .heading {
    font-size: 40px;
    line-height: 60px;
    margin-bottom: 12px;
}
.infor-contact .text {
    margin-bottom: 29px;
}
.infor-contact .widget.widget-info {
    margin-bottom: 25px;
	display: flex;
    justify-content: center;
}
.widget.widget-info i {
    padding-top: 5px;
    margin-right: 20px;

  font-size: 20px;
    color: #b55227;
}
.widget.widget-info .infor-text .title {
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    color: #1d1d1d;
    margin-bottom: 10px;
}
.widget.widget-info .infor-text p {
  	display: flex;
    margin-bottom: 0;
}
.col-box.col-55 {
    width: 55%;
}
.color-bg-style4 {
    background-color: rgba(200, 169, 106, 0.1);
}
.form-contact {
    padding: 50px;
    margin-left: 0px;
}
.form-contact .heading {
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 5px;
}
.form-contact .text {
    padding-left: 1px;
    margin-bottom: 34px;
}
ul.widget.widget_socials {
    display: flex;
    justify-content: center;
    padding-left: 0;
}

.infor-text p a{
	color: #1d1d1d;
}
.infor-text p a:hover{
	color: #b55227;
}
.home-banner-img{
	height: 100vh;
	object-fit: cover;
}
#main-nav > ul > li.flat-button > a:after{
	display: none
}
.pdf-front h3{
	font-family: "Unna", serif;
    line-height: 43px;
    font-size: 32px;
    color: #b55227;
    font-weight: 400;
    text-align: center;
    margin-bottom: 0;
}

.pdf-front {
    border: 1px solid #eee;
    background-color: #f9f6f0;
    padding: 25px 0 15px 0;
}
label {
    display: inline-block;
    margin: 5px 0 4px 0;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 14px;
}
.mt-30{
	margin-top: 30px
}
#commentform hr{
	margin: 40px 0;
}

.btn-submit.flat-button.flat-button-style2 {
    display: flex;
    justify-content: center;
    margin: 40px 0 0 0;
}
.mb-15{
	margin-bottom: 15px;
}
.vision-mission-img {
    height: 100%;
    object-fit: cover;
}
.image-big-list {
    padding-left: 0;
}
.pt-15{
	padding-top: 15px;
}
.px-md-0{
	padding: 0
}
.clientPage .client-logo {
    max-width: 250px;
    margin: 0 auto 30px auto;
    padding: 5px;
}