body {
    background: #fff;
    color: #666666;
    /*    font-family: "Bellefair",Arial,Helvetica,sans-serif;*/
    /*    font-family: 'PT Sans Narrow', sans-serif;*/
    font-family: 'Old Standard TT', sans-serif;
    letter-spacing: -1px;
}

a {
    color: #41100b;
    transition: 0.5s;
    text-decoration: none;
    /*    -webkit-text-stroke: medium;*/
}

a:hover, a:active, a:focus {
    color: #fff;
    outline: none;
    text-decoration: none;
}

p {
    padding: 0;
    margin: 0 0 30px 0;
    /* font-family: 'Old Standard TT'; */
    font-family: 'Old Standard TT', sans-serif
}

h1, h2, h3, h4, h5, h6 {
    font-family:'Old Standard TT';
    /*    font-family: "Bellefair", serif;*/
    /* font-family: 'Old Standard TT'; */
    font-weight: 400;
    margin: 0 0 20px 0;
    padding: 0;
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    right: 15px;
    bottom: 15px;
    z-index: 996;
    background: #666666;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    transition: all 0.4s;
}

.back-to-top i {
    font-size: 28px;
    color: #fff;
    line-height: 0;
}

.back-to-top:hover {
    background: #666666;
    color: #fff;
}

.back-to-top.active {
    visibility: visible;
    opacity: 1;
}

/* Prelaoder */
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    overflow: hidden;
    background: #fff;
}

#preloader:before {
    content: "";
    position: fixed;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
    border: 6px solid #f2f2f2;
    border-top: 6px solid #666666;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    -webkit-animation: animate-preloader 1s linear infinite;
    animation: animate-preloader 1s linear infinite;
}

@-webkit-keyframes animate-preloader {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes animate-preloader {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
    transition: all 0.5s;
    z-index: 997;
    background: rgba(0, 0, 0, 0.9);
    /*    height: 120px;*/
    height: 225px;
}


.fixed-top {
    position: relative;
}

#header.header-transparent {
    background: #f4f1f140;
}

#header.header-scrolled {
    background: rgba(0, 0, 0, 0.9);
    height: 60px;
}

#header .logo {
    margin-top: 0;
    margin: 0 auto;
    padding-top: 5px;
    padding-bottom: 5px;
}

#header .logo a {
    color: #fff;
}

/*    #header .logo img {
        width: 50%;
    }*/

@media (max-width: 992px) {
    #header .logo {
        font-size: 28px;
    }
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/
.navbar {
    padding: 0;
}


/* .nav-menu {
    margin: 0 auto;
} */


.navbar ul {
    margin: 0;
    padding: 0;
    display: flex;
    list-style: none;
    align-items: center;
}

.navbar li {
    position: relative;
}


/* .navbar li:last-child{margin-left: 3%;} */


.navbar a {
    /*
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 0 10px 30px;
    */
    /*    font-family: "Montserrat", sans-serif;*/
    /*
        font-family: 'Old Standard TT';
        font-size: 15px;
        font-weight: 600;
    */
    /*    -webkit-text-stroke: aliceblue;*/
    /*
        color: #7f150e;
        white-space: nowrap;
        text-transform: uppercase;
        transition: 0.3s;
    */


    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 40px 20px 0px;
    /* font-family: "Montserrat", sans-serif; */
    font-family: 'Old Standard TT';
    font-size: 17px;
    /* font-weight: 600; */
    /* -webkit-text-stroke: aliceblue; */
    color: #fff;
    white-space: nowrap;
    text-transform: uppercase;
    transition: 0.3s;
    letter-spacing: 0;
}

.navbar a i {
    font-size: 14px;
    line-height: 0;
    margin-left: 3px;
    margin-right: 2px;
    justify-content: center;
    align-self: center;
    margin-top: -4px;
}

.navbar a:hover, .navbar .active, .navbar li:hover > a {
    /*        color: #a17e3c;*/
    color: #7f150e;
}

.navbar .dropdown ul {
    /*    display: block;
    position: absolute;
    left: 0;
    top: calc(100% + 30px);
    margin: 0;
    padding: 10px 0;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    background: #fff;
    box-shadow: 0px 0px 30px rgb(127 137 161 / 25%);
    transition: 0.3s;
    width: 600px;*/

    display: block;
    position: absolute;
    /*    left: -374%;*/
    left: -300%;
    right: 0;
    top: calc(100% + 30px);
    margin: 0;
    padding: 10px 0;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    background: #fff;
    box-shadow: 0px 0px 30px rgb(127 137 161 / 25%);
    transition: 0.3s;
    width: 1040px;
}

.navbar .dropdown ul li {
    /*  min-width: 200px;*/
    /*min-width: 110px;*/
    float: left;
    display: flex;
    /*width: 23%;*/
    /*margin: 9px 10px;*/
    /*background-color: #bdbdbd3b;*/

    width: 100%;
    margin: 0px 0;
}


.social-nav{right: 0; position: absolute;    align-items: center;}


.btn-social.language {
    width: 10%;
    background-color: transparent;
    color: #ffffff;
    margin-right: 12px;}

.products {
    float: left;
    width: 22%;
    padding: 4% 6%;
    list-style: circle;
    color: #78150d;
}

.navbar .dropdown ul a {
    padding: 6px 0;
    text-transform: none;
    color: #7a150d;
    font-size: 16px;
    /*    -webkit-text-stroke: thin;*/
    font-weight: 600;
    display: list-item;
}

.navbar .dropdown ul a i {
    font-size: 6px;
    margin-right: 14%;
}

.navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover > a {
    color: #9f853b;
}

.navbar .dropdown:hover > ul {
    opacity: 1;
    top: 100%;
    visibility: visible;
}

.navbar .dropdown .dropdown ul {
    top: 0;
    left: calc(100% - 30px);
    visibility: hidden;
}

.navbar .dropdown .dropdown:hover > ul {
    opacity: 1;
    top: 0;
    left: 100%;
    visibility: visible;
}

@media (max-width: 1366px) {
    .navbar .dropdown .dropdown ul {
        left: -90%;
    }

    .navbar .dropdown .dropdown:hover > ul {
        left: -100%;
    }
}





/**
* Mobile Navigation 
*/
.mobile-nav-toggle {
    color: #fff;
    font-size: 32px;
    cursor: pointer;
    display: none;
    line-height: 0;
    transition: 0.5s;
}

@media (max-width: 991px) {
    .mobile-nav-toggle {
        display: block;
    }

    .navbar ul {
        display: none;
    }
}

.navbar-mobile {
    position: fixed;
    overflow: hidden;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(26, 26, 26, 0.9);
    transition: 0.3s;
    z-index: 999;
}

.navbar-mobile .mobile-nav-toggle {
    position: absolute;
    top: 15px;
    right: 15px;
}

.navbar-mobile ul {
    display: block;
    position: absolute;
    top: 55px;
    right: 15px;
    bottom: 15px;
    left: 15px;
    padding: 10px 0;
    background-color:#ffffffd6;
    overflow-y: auto;
    transition: 0.3s;
}

.navbar-mobile a {
    padding: 15px 20px;
    font-size: 15px;
    color: #333333;
    display: block;
    text-align: center;
}

.navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover > a {
    color:#7f150e;
}

.navbar-mobile .getstarted {
    margin: 15px;
}

.navbar-mobile .dropdown ul {
    position: static;
    display: none;
    margin: 10px 20px;
    padding: 10px 0;
    z-index: 99;
    opacity: 1;
    visibility: visible;
    background: #fff;
    box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
}

.navbar-mobile .dropdown ul li {
    min-width: 200px;
}

.navbar-mobile .dropdown ul a {
    padding: 7px 5px;
    font-size: 14px;
}

.navbar-mobile .dropdown ul a i {
    font-size: 12px;
}

.navbar-mobile .dropdown ul a:hover, .navbar-mobile .dropdown ul .active:hover, .navbar-mobile .dropdown ul li:hover > a {
    color: #9f853b;
}

.navbar-mobile .dropdown > .dropdown-active {
    display: block;
}

.btn-social {
    color: #fff;
    border: 1px solid #fff;
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 3px;
    border-radius: 6px;
    margin: 0 10%;
    /*    -webkit-text-stroke: thin;*/
}

.btn-social:hover {
    color: #fff;
    background-color: #9f853b;
}

.btn.btn-language:hover{
color: #a0833b;
background-color: #ffffff;
}
/* .container {
    max-width: 1440px;
    width: 1440px;
} */

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {
    width: 100%;
    height: 75vh;
    background: #000;
    overflow: hidden;
    position: relative;
}



@media (max-height: 500px) {
    #hero {
        height: 150vh;
    }

    #hero-banner {
        height: 150vh;
    }
}

#hero .carousel, #hero .carousel-inner, #hero .carousel-item, #hero .carousel-item::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

#hero .carousel-item {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#hero .carousel-item::before {
    content: '';
    /* background-color: rgb(0 0 0 / 25%); */
}

#hero .carousel-container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 0;
    top: 70px;
    left: 50px;
    right: 50px;
}

#hero .container {
    text-align: center;
}

#hero h2 {
    color: #fff;
    margin-bottom: 7px;
    font-size: 60px;
    font-weight: lighter;
    text-transform: capitalize;
    /* -webkit-text-stroke: thin; */
    font-family: 'Old Standard TT';
     
}

@media (max-width: 768px) {
    #hero h2 {
        font-size: 28px;
    }
}

#hero p {
    font-size: 22px;
    width: 80%;
    margin: 0 auto 20px auto;
    color: #fff;
}

@media (min-width: 1024px) {
    #hero p {
        width: 60%;
    }
}

#hero .carousel-fade {
    overflow: hidden;
}

#hero .carousel-fade .carousel-inner .carousel-item {
    transition-property: opacity;
}

#hero .carousel-fade .carousel-inner .carousel-item,
#hero .carousel-fade .carousel-inner .active.carousel-item-start,
#hero .carousel-fade .carousel-inner .active.carousel-item-end {
    opacity: 0;
}

#hero .carousel-fade .carousel-inner .active,
#hero .carousel-fade .carousel-inner .carousel-item-next.carousel-item-start,
#hero .carousel-fade .carousel-inner .carousel-item-prev.carousel-item-end {
    opacity: 1;
    transition: 0.5s;
}

#hero .carousel-fade .carousel-inner .carousel-item-next,
#hero .carousel-fade .carousel-inner .carousel-item-prev,
#hero .carousel-fade .carousel-inner .active.carousel-item-start,
#hero .carousel-fade .carousel-inner .active.carousel-item-end {
    left: 0;
    transform: translate3d(0, 0, 0);
}

#hero .carousel-control-prev, #hero .carousel-control-next {
    width: 10%;
}

@media (min-width: 1024px) {
    #hero .carousel-control-prev, #hero .carousel-control-next {
        /*width: 5%;*/
        width: 10%;
        opacity: 1;
    }
}

#hero .carousel-control-next-icon, #hero .carousel-control-prev-icon {
    background: none;
    font-size: 32px;
    line-height: 1;
    display: inline-block;
    border: 1px solid #fff;
    border-radius: 50%;
    font-size: 25px;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    /* opacity: .9; */
}

#hero .carousel-indicators li {
    cursor: pointer;
}

.carousel-indicators [data-bs-target] {
    width: 12px;
    height: 12px;
    background-color: darkgray;
    border-radius: 50%;
}


#hero .btn-get-started {
    font-family: 'Old Standard TT';
    /* font-weight: 500; */
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 900;
    display: inline-block;
    padding:8px 29px 4px;
    border-radius: 50px;
    transition: 0.5s;
    margin: 10px;
    border: 2px solid #fff;
    /* -webkit-text-stroke: thin; */
    background: #fff;
    color: #79150d;
}

#hero .btn-get-started:hover {
    color: #ffffff;
    background: #18d26e00;
}

/*--------------------------------------------------------------
# Sections
--------------------------------------------------------------*/

section {
    overflow: hidden;
}



/*banner header
--------------------------------*/

#hero-banner{ width: 100%;
              height: 40vh;
              background: #000;
              overflow: hidden;
              position: relative;
}

.banner{height: 100%;background-size: cover; background-position: center;}

#hero-banner .bannertext-container{
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;}

#hero-banner .container {
    text-align: center;
}

#hero-banner h2 {
    color: #fff;
    margin-bottom: 7px;
    font-size: 28px;
    font-weight: 400;
    text-transform: uppercase;
    /* -webkit-text-stroke: thin; */
    /*   */
    /* font-family: 'Old Standard TT'; */
    background-color: #15151585;
    width: 28%;
    padding: 2% 0 13px;
    margin: 0 auto;
}



.row.product-row{    margin-bottom: 25px;}

.products-category{  margin-bottom: 2%;}

.hovereffect {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
}

.hovereffect .overlay {
    width: 90%;
    height: 90%;
    position: absolute;
    overflow: hidden;
    top: 12px;
    left: 17px;
    background-color: rgb(0 0 0 / 0%);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    border: 2px solid #a0833b;
}

.hovereffect:hover .overlay {
    background-color: transparent;
}

.hovereffect img {
    display: block;
    position: relative;
    width: 100%;
}

.hovereffect h2 {
    text-transform: uppercase;
    cursor: pointer;
    color: #fff;
    font-weight: 400;
    text-align: center;
    position: relative;
    font-size: 18px;
    padding: 0;
    background: rgb(160 131 59);
    /* -webkit-transform: translatex(74px); */
    -ms-transform: translateY(45px);
    /* transform: translate(68%,39px); */
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    font-family: 'Old Standard TT';

    border-radius: 50%;
    width: 120px;
    height: 120px;
    display: block;
    padding-top: 15%;
    margin: 18% auto;
    justify-content: center;
    vertical-align: middle;
    justify-items: center;
}


.hovereffect:hover h2 {
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px);
}


.hovereffect h2:hover {
    background-color: #a0833bc4;
    /* border: 2px solid white; */
    /* border-radius: 5px; */
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);}


.hovereffect a.info {
    display: block;
    text-decoration: none;
    padding: 7px 14px;
    text-transform: uppercase;
    color: #fff;
    border: 1px solid #ffffff57;
    background-color: #00000038;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    font-weight: normal;
    margin: -44px 0 0 0;
    /* /* padding: 0 79px; */
}

.hovereffect:hover a.info {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.hovereffect a.info:hover {
    box-shadow: 0 0 5px #fff;
}



.tm-dishbox-wrapper.dishbox-style2 .tm-box-content.inner{
    text-align: center;
    display: block; 
    background-color: #e6e6e6;
}

.sidebar{float: left;width: 25%;}
.menu item{width: 75%;float:right}

aside{   
    border-right: 1px solid;
    padding-right: 0;
    border-color: #e8d5d4;
    margin-right: 10%;
    background-color: #e6e6e6;}

.side-menu ul li a {
    color: #60160a;
    font-size: 18px;
    font-weight: 400;
    display: block;
    padding: 7px 10px;
    margin-bottom: 0;
    background: none;
    border: none;
    border-bottom: 1px solid #7f150e2e;
    font-family: 'Old Standard TT';}

.side-menu ul{list-style: none;padding-left: 0;}

.side-menu ul li i{
    font-size: 13px;
    /* font-family: 'FontAwesome'; */
    /* content: "\f054"; */
    float: right;
    margin-right: 4%;
    line-height: 2.5;
}

.side-menu ul li a.active {
    color: #a0833b;
    background-color: #ffffff;
}

#menu-page {
    padding: 60px 0;
    background-color: #ffffffbd;}

#menu-page  .tm-dishbox-wrapper.dishbox-style2 .tm-box-content {padding: 17px 0 14px;}



/* Sections Header
--------------------------------*/
.section-header h3 {
    font-size: 32px;
    color: #111;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    position: relative;
    padding-bottom: 15px;
}

.section-header h3::before {
    content: '';
    position: absolute;
    display: block;
    width: 120px;
    height: 1px;
    background: #ddd;
    bottom: 1px;
    left: calc(50% - 60px);
}

.section-header h3::after {
    content: '';
    position: absolute;
    display: block;
    width: 40px;
    height: 3px;
    background: #18d26e;
    bottom: 0;
    left: calc(50% - 20px);
}

.section-header p {
    text-align: center;
    padding-bottom: 30px;
    color: #333;
}

/* Section with background
--------------------------------*/
.section-bg {
    background: #f7f7f7;
}

/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
.breadcrumbs {
    padding: 20px 0;
    background-color: #f7f7f7;
    min-height: 40px;
    margin-top: 80px;
}

.breadcrumbs h2 {
    font-size: 24px;
    margin-bottom: 0;
    font-weight: 400;
}

.breadcrumbs ol {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 14px;
}

.breadcrumbs ol li + li {
    padding-left: 10px;
}

.breadcrumbs ol li + li::before {
    display: inline-block;
    padding-right: 10px;
    color: #6c757d;
    content: "/";
}

@media (max-width: 768px) {
    .breadcrumbs .d-flex {
        display: block !important;
    }

    .breadcrumbs ol {
        display: block;
    }

    .breadcrumbs ol li {
        display: inline-block;
    }
}



.section.product-section {
    padding: 35px 2em;
}

.wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}

.wrapper > * {
    margin: 20px;
}

.media {
    /* width: 412px; */
    width: auto;
    border-radius: 10px;
    height: auto;
    overflow: hidden;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.9s ease;
}

.media:before{  
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    /* background: rgb(8 8 8 / 38%); */
    transition: all 0.9s ease;
    background-image:linear-gradient(to top, #604b17, #84743e26, #00879300, #00bf7200, #ffffff00);
}

.media:hover{background-color: transparent;
    transition: all 0.9s ease;}

.media img {
    max-width: 100%;
    height: auto;
    transition: all 0.9s ease;
}


.media:hover img {
    transform: scale(1.2);
    transition: 0.9s;
    transition: all 0.9s ease;
}


/* .media img:hover {
    transform: scale(1.3);
    transition: 0.9s;
} */



.media .bottom-left {

    position: absolute;
    bottom: 0;
    left: 13px;
    color: #fff;
    font-size: 30px;
    font-weight: 600;
}

.layer {
    opacity: 0;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 10px;
    height: 20%;
    background: #FFF;
    color: #151E3F;
    transition: all 0.9s ease;
}

.layer p {
    transition: all 0.9s ease;
    transform: scale(0.1);
}

p {
    text-align: center;
    font-size: 18px;
    letter-spacing: -1px;
    word-spacing: 1px;
    /*
        text-align: center;
        font-size: 19px;
         
    */
}

.media:hover .layer {
    opacity: 0.8;
    width: 30%;
    transition: all 0.5s ease;
}

.media:hover .layer p {
    transform: scale(1);
    transition: all 0.9s ease;
}


@media (max-width: 600px) {
    .wrapper {
        display: block;
    }

    .wrapper > * {
        margin: 10px;
    }
}





/* Featured Services Section
--------------------------------*/
#featured-services {
    background: #000;
}

#featured-services .box {
    padding: 30px 20px;
}

#featured-services .box-bg {
    background-image: linear-gradient(0deg, #000000 0%, #242323 50%, #000000 100%);
}

#featured-services i {
    color: #18d26e;
    font-size: 48px;
    display: inline-block;
    line-height: 1;
}

#featured-services h4 {
    font-weight: 400;
    margin: 15px 0;
    font-size: 18px;
}

#featured-services h4 a {
    color: #fff;
}

#featured-services h4 a:hover {
    color: #18d26e;
}

#featured-services p {
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    margin-bottom: 0;
}

/* About Us Section
--------------------------------*/
#about {
    background: url("../img/about-bg.jpg") center top no-repeat fixed;
    background-size: cover;
    padding: 60px 0 40px 0;
    position: relative;
}

#about::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.92);
    z-index: 9;
}

#about .container {
    position: relative;
    z-index: 10;
}

#about .about-col {
    background: #fff;
    border-radius: 0 0 4px 4px;
    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);
    margin-bottom: 20px;
}

#about .about-col .img {
    position: relative;
}

#about .about-col .img img {
    border-radius: 4px 4px 0 0;
}

#about .about-col .icon {
    width: 64px;
    height: 64px;
    text-align: center;
    position: absolute;
    background-color: #18d26e;
    border-radius: 50%;
    border: 4px solid #fff;
    left: calc( 50% - 32px);
    bottom: -30px;
    transition: 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
}

#about .about-col i {
    font-size: 28px;
    line-height: 0;
    color: #fff;
    transition: 0.3s;
}

#about .about-col:hover .icon {
    background-color: #fff;
}

#about .about-col:hover i {
    color: #18d26e;
}

#about .about-col h2 {
    color: #000;
    text-align: center;
    font-weight: 700;
    font-size: 20px;
    padding: 0;
    margin: 40px 0 12px 0;
}

#about .about-col h2 a {
    color: #000;
}

#about .about-col h2 a:hover {
    color: #18d26e;
}

#about .about-col p {
    font-size: 14px;
    line-height: 24px;
    color: #333;
    margin-bottom: 0;
    padding: 0 20px 20px 20px;
}



/* About Us Page
--------------------------------*/   

#about-page{
    padding: 40px 0px;
    position: relative;}

#about-page h3{     
    color: #7f150e;
    font-weight: 400;}   

#about-page .cntainer-white{    
    background-color: #e4dbdb00;
    width: 65%;
    padding: 0%;} 

.about-images .box {
    width: 47%;
    display: inline-table;
    margin: 0 1%;
    text-align: center;
    position: relative;
    height: 477px;
    background-size: cover;
}

.about-images .box::before{  
    content: '';
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    background: rgb(19 19 19 / 85%);
}

.about-images .box .text{    
    position: absolute;
    bottom: 0;
    color: #ffff;
    top: 0%;
    padding: 13%;}


.about-images .box img{
    width: 100%;;
}

.about-images .box .text h3{
    margin: 3% 0;
    color: #ffffff!important;
    font-weight: 600;}

.about-images .box p{
    font-size: 18px;;
    text-align: justify;
}


/* Services Section
--------------------------------*/
#services {
    background: #fff;
    background-size: cover;
    padding: 60px 0 40px 0;
}

#services .box {
    margin-bottom: 30px;
}

#services .icon {
    float: left;
}

#services .icon i {
    color: #18d26e;
    font-size: 36px;
    line-height: 0;
    transition: 0.5s;
}

#services .title {
    margin-left: 60px;
    font-weight: 700;
    margin-bottom: 15px;
    font-size: 18px;
}

#services .title a {
    color: #111;
}

#services .box:hover .title a {
    color: #18d26e;
}

#services .description {
    font-size: 14px;
    margin-left: 60px;
    line-height: 24px;
    margin-bottom: 0;
}

/* About Action Section
--------------------------------*/
#about-section {
    background: linear-gradient(rgb(255 255 255), rgb(237 237 237)), url(../img/pattern.png) fixed center center;
    background-size: contain;
    /* padding: 60px 0; */
    position: relative;
}

#about-section:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgb(239 234 234 / 92%);
}

.cntainer-white {
    background-color: #e4dbdb;
    width: 75%;
    padding: 4%;
}

#about-section h3 {
    color: #471611;
    font-size: 35px;
    font-weight: 700;
}

#about-section p {
    color: #471611;
}

#about-section .cta-btn {
    transition: 0.5s;
    margin-top: 0;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 17px;
    display: inline-block;
    padding: 8px 29px 4px;
    border-radius: 25px;
    transition: 0.5s;
    /* margin-top: 0; */
    border: 1px solid #bd9d42;
    color: #000000;
    font-family: 'Old Standard TT';
}

#about-section .cta-btn:hover {
    background: rgb(62 11 5 / 95%);
    color: #fff;
    border: 2px solid rgb(62 11 5 / 95%);
}







/* location Action Section
--------------------------------*/
#location-section {
    background: linear-gradient(rgb(0 142 99 / 7%), rgb(0 0 0 / 10%)), url(../img/background2.jpg) fixed center center;
    background-size: cover;
    padding: 60px 0;
    position: relative;
}

#location-section:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    /* background: rgb(8 8 8 / 78%); */
    background: rgb(245 243 243 / 90%)
}


.large-block-grid-3.location-sec>li {
    width: 100%;
    padding: 0 0.625em 1.25em;
    display: inline-grid;
    height: auto;
    float: left;
    margin: 0;
}

.large-block-grid-3.location-sec .contact-icon-box {
    float: left;
    text-align: center;
    padding: 25px;
    margin-bottom: 0;
    border-radius: 7px;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
    -webkit-box-shadow: 0 20px 60px 0 rgb(40 93 251 / 16%);
    box-shadow: none;
    min-height: 250px;
    background-color: #e6e6e6;}

.location{    
    float: left;
    text-align: left;}

.location h4{  
    text-transform: uppercase;
    color: #ffffff;
    background-color: #a0833b;
    width: 50%;
    padding: 2% 0 6px;
    text-align: center;
    border-radius: 7px;} 

.location ul {padding-left: 0}

.location ul li{
    list-style: inside;
    font-family: 'Old Standard TT';
    font-size: 17px;
    list-style: none;
    letter-spacing: 0;
    line-height: 1.6;}

.location ul li span{   
    font-weight: 800;
    color: #8a150e;
} 

.location ul li i{    
    color: #8a150e;
    margin-right: 1%;}


ul.social-icons {
    margin: 0px 0 0 0;
    padding: 0;}

ul.social-icons li {
    display: inline-block;
    margin: 0 8px 8px 0;
    padding: 0;}

ul.social-icons li a, ul.social-icons li a i { color: #696969 ;}

ul.social-icons li a:hover {background-color: #fff;  border: 2px solid #7f150e;}
ul.social-icons li a, ul.social-icons li a i:hover { color: #7f150e ;}


ul.social-icons li a {
    background-color: #ffffff;
    border: 2px solid #696969;
    /* color: #fff; */
    display: inline-block;
    font-size: 1.2em;
    height: 35px;
    border-radius: 14%;
    line-height: 35px;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 35px;}

iframe{float: right;}

.cntainer-white {
    background-color: #efebeb;
    width: auto;
    padding: 2%;
}

#location-section h3 {
    color: #471611;
    font-size: 30px;
    font-weight: 700;
}

#location-section p {
    color: #471611;
}

#location-section .cta-btn {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 15px;
    font-weight: 900;
    font-size: 17px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 8px 29px 5px;
    border-radius: 25px;
    transition: 0.5s;
    margin-top: 0px;
    border: 2px solid #b79b6c;
    color: #a37528;
    line-height: 25px;
}

#location-section .cta-btn:hover {
    background: rgb(62 11 5 / 95%);
    color: #fff;
    border: 2px solid rgb(62 11 5 / 95%);
}


.tm-custom-heading1 {
    text-align: center;
    font-size: 30px;
    line-height: 20px;
    color: #9f7d45;
    font-family: 'Old Standard TT';
    font-weight: 700;
    text-transform: uppercase;
}


.tm-custom-heading2 {
    font-size: 20px;
    line-height: 40px;
    /* color: #ffffff; */
    color: #393939;
    font-weight: 700;
}






/* Portfolio Section
--------------------------------*/
#portfolio {
    padding: 60px 0;
}

#portfolio #portfolio-flters {
    padding: 0;
    margin: 5px 0 35px 0;
    list-style: none;
    text-align: center;
}

#portfolio #portfolio-flters li {
    cursor: pointer;
    margin: 15px 15px 15px 0;
    display: inline-block;
    padding: 10px 20px;
    font-size: 15px;
    line-height: 20px;
    color: #6d6d6d;
    border-radius: 4px;
    text-transform: uppercase;
    /* background: #a0833b; */
    margin-bottom: 5px;
    transition: all 0.3s ease-in-out;
    /*            -webkit-text-stroke: 1px;*/
    font-weight: 400;
}

#portfolio #portfolio-flters li:hover, #portfolio #portfolio-flters li.filter-active {
    background: #ffffff;
    color: #9f853b;
    font-weight: bolder;
}

#portfolio #portfolio-flters li:last-child {
    margin-right: 0;
}

#portfolio .portfolio-wrap {
    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);
    transition: 0.3s;
}

#portfolio .portfolio-wrap:hover {
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.16);
}

#portfolio .portfolio-item {
    position: relative;
    height: 360px;
    overflow: hidden;
}

#portfolio .portfolio-item figure {
    background: #000;
    overflow: hidden;
    height: 240px;
    position: relative;
    border-radius: 4px 4px 0 0;
    margin: 0;
}

#portfolio .portfolio-item figure:hover img {
    opacity: 0.4;
    transition: 0.3s;
}

#portfolio .portfolio-item figure .link-preview, #portfolio .portfolio-item figure .link-details {
    position: absolute;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    line-height: 1;
    text-align: center;
    width: 36px;
    height: 36px;
    background: #fff;
    border-radius: 50%;
    transition: 0.2s linear;
}

#portfolio .portfolio-item figure .link-preview i, #portfolio .portfolio-item figure .link-details i {
    font-size: 22px;
    color: #333;
    line-height: 0;
}

#portfolio .portfolio-item figure .link-preview:hover, #portfolio .portfolio-item figure .link-details:hover {
    background: #18d26e;
}

#portfolio .portfolio-item figure .link-preview:hover i, #portfolio .portfolio-item figure .link-details:hover i {
    color: #fff;
}

#portfolio .portfolio-item figure .link-preview {
    left: calc(50% - 38px);
    top: calc(50% - 18px);
}

#portfolio .portfolio-item figure .link-details {
    right: calc(50% - 38px);
    top: calc(50% - 18px);
}

#portfolio .portfolio-item figure:hover .link-preview {
    opacity: 1;
    left: calc(50% - 44px);
}

#portfolio .portfolio-item figure:hover .link-details {
    opacity: 1;
    right: calc(50% - 44px);
}

#portfolio .portfolio-item .portfolio-info {
    background: #fff;
    text-align: center;
    padding: 30px;
    height: 90px;
    border-radius: 0 0 3px 3px;
}

#portfolio .portfolio-item .portfolio-info h4 {
    font-size: 18px;
    line-height: 1px;
    font-weight: 700;
    margin-bottom: 18px;
    padding-bottom: 0;
}

#portfolio .portfolio-item .portfolio-info h4 a {
    color: #333;
}

#portfolio .portfolio-item .portfolio-info h4 a:hover {
    color: #18d26e;
}

#portfolio .portfolio-item .portfolio-info p {
    padding: 0;
    margin: 0;
    color: #b8b8b8;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
}

/*--------------------------------------------------------------
# Portfolio Details
--------------------------------------------------------------*/
.portfolio-details {
    padding-top: 40px;
}

.portfolio-details .portfolio-details-slider img {
    width: 100%;
}

.portfolio-details .portfolio-details-slider .swiper-pagination {
    margin-top: 20px;
    position: relative;
}

.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background-color: #fff;
    opacity: 1;
    border: 1px solid #18d26e;
}

.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #18d26e;
}

.portfolio-details .portfolio-info {
    padding: 30px;
    box-shadow: 0px 0 30px rgba(51, 51, 51, 0.08);
}

.portfolio-details .portfolio-info h3 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}

.portfolio-details .portfolio-info ul {
    list-style: none;
    padding: 0;
    font-size: 15px;
}

.portfolio-details .portfolio-info ul li + li {
    margin-top: 10px;
}

.portfolio-details .portfolio-description {
    padding-top: 30px;
}

.portfolio-details .portfolio-description h2 {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 20px;
}

.portfolio-details .portfolio-description p {
    padding: 0;
}



/* Testimonials Section
--------------------------------*/
#testimonials {
    padding: 60px 0;
}

#testimonials .section-header {
    margin-bottom: 40px;
}

#testimonials .testimonial-item {
    text-align: center;
}

#testimonials .testimonial-item .testimonial-img {
    width: 120px;
    border-radius: 50%;
    border: 4px solid #fff;
    margin: 0 auto;
}

#testimonials .testimonial-item h3 {
    font-size: 20px;
    font-weight: bold;
    margin: 10px 0 5px 0;
    color: #111;
}

#testimonials .testimonial-item h4 {
    font-size: 14px;
    color: #999;
    margin: 0 0 15px 0;
}

#testimonials .testimonial-item .quote-sign-left {
    margin-top: -15px;
    padding-right: 10px;
    display: inline-block;
    width: 37px;
}

#testimonials .testimonial-item .quote-sign-right {
    margin-bottom: -15px;
    padding-left: 10px;
    display: inline-block;
    max-width: 100%;
    width: 37px;
}

#testimonials .testimonial-item p {
    font-style: italic;
    margin: 0 auto 15px auto;
}

@media (min-width: 992px) {
    #testimonials .testimonial-item p {
        width: 80%;
    }
}

#testimonials .swiper-pagination {
    margin-top: 20px;
    position: relative;
}

#testimonials .swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background-color: #fff;
    opacity: 1;
    border: 1px solid #18d26e;
}

#testimonials .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #18d26e;
}



/* Contact Section
--------------------------------*/

.large-block-grid-3>li {
    width: 24%;
    padding: 0 0.625em 1.25em;
    display: inline;
    height: auto;
    float: left;
    /* margin: 0 1%; */
}

.get-direction{    
    border: 0;
    padding: 10px 30px;
    color: #862414!important;
    transition: 0.4s;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 13px;
    font-family: 'Old Standard TT';
    letter-spacing: 0;
    display: inline-block;
    padding: 4px 16px;
    border-radius: 25px;
    transition: 0.5s;
    margin-top: 0px;
    line-height: 25px;
    background-color: #f7f7f7;
    border: 1px solid;}

.get-direction:hover {
    background-color: #691914;
    color: #fff!important;}

.contact-icon-box {
    text-align: center;
    padding: 25px;
    margin-bottom: 0;
    border-radius: 5px;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
    -webkit-box-shadow: 0 20px 60px 0 rgb(40 93 251 / 16%);
    box-shadow: 0 20px 60px 0 rgb(97 99 106 / 16%);
    min-height: 280px;}

.contact-icon-box .contact-icon {
    border-right: 5px dashed #7f150e;
    border-bottom: 5px solid #7f150e;
    display: inline-block;
    margin-bottom: 30px;
    padding: 25px;
    border-radius: 50%;}

.contact-icon-box .contact-icon svg {
    text-align: center;
    fill: #7f150e;
    display: inline-block;
    border-radius: 0;
    width: 50px;
    height: 50px;
    line-height: 120px;
    font-size: 50px;
    background-color: transparent;}

.contact-icon-box h3 {
    font-size: 18px;
    font-weight: 400;
    padding: 0 0 0;
    margin-bottom: 10px;
    text-align: center !important;
    text-transform: uppercase;}

.contact-body p {
    text-align: center !important;}

.contact-body p a{
    text-align: center !important;
    color: #666666;}  

#contact {
    padding: 40px 0px;
    position: relative;
    margin-bottom: -1%;}

#contact h3 , h4{   
    color: #525252;
    font-weight: 400;}

#contact .cntainer-white {
    background-color: #e4dbdb00;
    width: 75%;
    padding: 0%;
}

#contact .contact-info {
    margin-bottom:50px;
    text-align: center;
}
/* 
        #contact .contact-info i {
            font-size: 48px;
            display: inline-block;
            margin-bottom: 10px;
            color: #18d26e;
        } */

#contact .contact-info address, #contact .contact-info p {
    margin-bottom: 0;
    color: #5d5d5d;
}

#contact .contact-info h3 {
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: 400;
    text-transform: uppercase;
    color: #7f150e;
}

#contact .contact-info a {
    color: #5d5d5d;
}

#contact .contact-info a:hover {
    color: #a0833b;
}

#contact .contact-address, #contact .contact-phone, #contact .contact-email {
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    #contact .contact-address, #contact .contact-phone, #contact .contact-email {
        padding: 20px 0;
    }
}

@media (min-width: 768px) {
    #contact .contact-phone {
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
    }
}

#contact .php-email-form {
    box-shadow: 0 0 30px rgba(214, 215, 216, 0.6);
    padding: 30px;
    background: #fff;
}

#contact .php-email-form .error-message {
    display: none;
    color: #fff;
    background: #7f150e;
    text-align: left;
    padding: 15px;
    font-weight: 600;
}

#contact .php-email-form .error-message br + br {
    margin-top: 25px;
}

#contact .php-email-form .sent-message {
    display: none;
    color: #fff;
    background: #a0833b;
    text-align: center;
    padding: 15px;
    font-weight: 500;
    font-family: -webkit-pictograph;
}

#contact .php-email-form .loading {
    display: none;
    background: #fff;
    text-align: center;
    padding: 15px;
}

#contact .php-email-form .loading:before {
    content: "";
    display: inline-block;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    margin: 0 10px -6px 0;
    border: 3px solid #7f150e;
    border-top-color: #eee;
    -webkit-animation: animate-loading 1s linear infinite;
    animation: animate-loading 1s linear infinite;
}

#contact .php-email-form .form-group {
    margin-bottom: 20px;
}

#contact .php-email-form input, #contact .php-email-form textarea {
    padding: 10px 14px;
    border-radius: 0;
    box-shadow: none;
    /* font-size: 15px; */
    display: block;
    width: 100%;
    /* padding: .375rem .75rem; */
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    font-family: 'Old Standard TT';
    color: #545454;
    background-color: #e6e6e6;
    background-clip: padding-box;
    border: 1px solid #d6d6d6;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
    transition: border-color 0.15s ease-in-out,box-shadow .15s ease-in-out;
}

#contact .php-email-form textarea:focus {
    background-color: #fff;
    box-shadow: 0 0 0 0.25rem rgb(230 230 230);        }

#contact .php-email-form input:focus {
    background-color: #fff;
    box-shadow: 0 0 0 0.25rem rgb(230 230 230);}

#contact .php-email-form button[type="submit"] {
    border: 0;
    padding: 10px 30px;
    color: #fff;
    transition: 0.4s;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 15px;
    font-family: 'Old Standard TT';
    letter-spacing: 1px;
    display: inline-block;
    padding: 8px 28px;
    border-radius: 25px;
    transition: 0.5s;
    margin-top: 0px;
    /* border: 2px solid #b79b6c;
    color: #b79b6c; */
    line-height: 25px;
    background-color: #7f150e;
}


#contact .php-email-form button[type="submit"]:hover {
    border: 2px solid #b79b6c;
    color: #b79b6c;
    background-color: transparent;
}

@-webkit-keyframes animate-loading {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes animate-loading {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
    color: #41100b;
    background: #471611;
    padding: 0 0 10px 0;
    font-size: 14px;
}

.copyright-bottom {
    justify-content: space-between;
    align-items: baseline;
    display: flex;
}

.copyright-bottom a {
    color: #c7c7c7;
}

#footer .footer-top {
    background: #ffffff;
    padding: 60px 0 30px 0;
}

#footer .footer-top .footer-info {
    margin-bottom: 30px;
}

#footer .footer-top .footer-info h3 {
    font-size: 18px;
    /* font-weight: bold; */
    color: #471611;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 10px;
    /*                -webkit-text-stroke-width: thin;*/

}

#footer .footer-top .footer-info p {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 0;
    color: #171717;
    text-align: justify;
    margin-right: 16%;
}

#footer .footer-top .social-links a {
    display: inline-block;
    background: #a0833b;
    color: #fff;
    line-height: 1;
    margin-right: 4px;
    border-radius: 25%;
    width: 36px;
    height: 36px;
    transition: 0.3s;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

#footer .footer-top .social-links a i {
    line-height: 0;
    font-size: 16px;
}

#footer .footer-top .social-links a:hover {
    background: #41100b;
    color: #fff;
}

#footer .footer-top h4 {
    font-size: 18px;
    font-weight: bold; 
    color: #471611;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 10px;
    /*            -webkit-text-stroke-width: medium;*/
}

#footer .footer-top h4::before, #footer .footer-top h4::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
}

#footer .footer-top h4::before {
    right: 0;
    background: #555;
    width: 25%;
}

/*
#footer .footer-top h4::after {
background: #18d26e;
width: 60px;
}
*/

#footer .footer-top .footer-links {
    margin-bottom: 30px;
}

#footer .footer-top .footer-links ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#footer .footer-top .footer-links ul i {
    padding-right: 8px;
    color: #43120d;
}

#footer .footer-top .footer-links ul li {
    border-bottom: 1px solid #afafaf59;
    padding: 4px 0;
}

#footer .footer-top .footer-links ul li:first-child {
    padding-top: 0;
}

#footer .footer-top .footer-links ul a {
    color: #44140f;
    font-size: 18px;
    /* -webkit-text-stroke: thin; */
    font-family: 'Old Standard TT';
    font-weight: 400;
}

#footer .footer-top .footer-links ul a:hover {
    color: #a0833b;
}

#footer .footer-top .footer-contact {
    margin-bottom: 30px;
}

#footer .footer-top .footer-contact p {
    line-height: 0.8;
    text-align: left;
    margin-bottom: 20px;
}

b, strong {
    font-weight: bolder;
    /*    -webkit-text-stroke-width: thin;*/
}

#footer .footer-top .footer-newsletter {
    margin-bottom: 30px;
}

#footer .footer-top .footer-newsletter input[type="email"] {
    border: 0;
    padding: 6px 8px;
    width: 65%;
}

#footer .footer-top .footer-newsletter input[type="submit"] {
    background: #18d26e;
    border: 0;
    width: 35%;
    padding: 6px 0;
    text-align: center;
    color: #fff;
    transition: 0.3s;
    cursor: pointer;
}

#footer .footer-top .footer-newsletter input[type="submit"]:hover {
    background: #13a456;
}

#footer .copyright {
    text-align: center;
    padding-top: 12px;
    color: #fff;
    font-size: 17px;
    font-family: 'Old Standard TT';
    font-weight: 400;
    word-spacing: 1px;
    letter-spacing: 0;

}



#footer .copyright strong {
    font-weight: 400;
}


#footer .credits {
    text-align: center;
    font-size: 17px;
    color: #fff;
    font-family: 'Old Standard TT';
    font-weight: 400;
    word-spacing: 1px;
    letter-spacing: 0;

}



#footer .credits a {
    font-weight: 400;
}











/*

.flat-row.flat-tab-menu {
    padding-top: 94px;
    padding-bottom: 79px;
}

.flat-tabs ul.menu-tab {
    text-align: center;
    margin-bottom: 63px;
    margin-top: 50px;
}

.flat-tabs .bg-tabs {
    background-image: url(../images/tabmenu/1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 75px;
    padding-bottom: 9px;
}

.flat-tabs ul.menu-tab li {
    position: relative;
    display: inline-block;
}

.flat-tabs ul.menu-tab li a {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    padding-left: 22px;
    padding-right: 22px;
}

.flat-tabs ul.menu-tab li.active a {
    color: #e44c2a;;
}

.flat-tabs .content-tab ul.menu-fd > li {
    padding-left: 0;
    margin-bottom: 60px;
    padding-top: 25px;
    list-style: none
}

.flat-tabs .content-tab .content-inner {
    margin-left: -15px;
    margin-right: -15px
}

.flat-tabs .content-tab ul li .media-body h6 {
    font-weight: 400;
    text-transform: uppercase;
    float: left;
    background: #ffffff;
    padding-right: 12px;
    display: inline;
    margin-bottom: 9px;
    max-width: 80%;
    position: relative;
    z-index: 10;
}

.flat-tabs .content-tab ul li .media-body span {
    float: right;
    color: #73231a;
    background: #fff;
    padding-left: 7px;
    font-weight: 400;
    display: block;
    margin-top: 6px;
    position: relative;
    z-index: 10;
}

.flat-tabs .content-tab ul li .media-body {
    position: relative;
    padding-right: 31px;
}

.flat-tabs .content-tab ul li .menu-in {
    overflow: hidden;
}

.flat-tabs .content-tab ul li .media-body:after {
    border-top: 1px dotted #b5b5b5;
    content: '';
    position: absolute;
    bottom: 14px;
    left: 0;
    right: 30px;
}

.flat-tabs .content-tab ul li .media-body .dotted-bg {
    border-top: 1px dotted #b5b5b5;
    left: 0;
    position: absolute;
    top: 16px;
    z-index: -1;
    right: 30px;
}

.flat-tabs .content-tab ul li .media-wrap a img {
    margin-top: -20px;
    margin-right: 0;
    width: 100%;
    display: block;
    padding: 4px;
}


.flat-tabs .content-tab ul li .media-wrap  ul.menu-in li {
    display: inline-block;
    position: relative;
    font-size: 12px;
    font-weight: 500;
    color: #999999;
    margin-right: 16px;

}

.flat-tabs .content-tab ul li .media-wrap ul.menu-in li:first-child:before {
    content: "";
    width: 0;
    left: 0;
}

.flat-tabs .content-tab ul li .media-wrap ul.menu-in li:before {
    content: "";
    position: absolute;
    width: 2px;
    height: 11px;
    background-color: #999999;
    top: 6px;
    left: -12px;

}

.media-wrap{display: flex;}

.box-menu{width: 49%;
    display: inline-block;}

.media {
  margin-top: 15px;
}
.media:first-child {
  margin-top: 0;
}
.media,
.media-body {
  overflow: hidden;
  zoom: 1;
}
.media-body {
  width: 10000px;
}
.media-object {
  display: block;
}
.media-right,
.media > .pull-right {
  padding-left: 10px;
}
.media-left,
.media > .pull-left {
  padding-right: 10px;
}
.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top;
}
.media-middle {
  vertical-align: middle;
}
.media-bottom {
  vertical-align: bottom;
}



*/




.title-section {
    text-align: center;
}







/******************menu *********************/

#menu {
    padding: 60px 0;
    background-color: #e0e0e026;
}

#menu .cta-btn {
    text-transform: uppercase;
    font-weight: 900;
    font-size: 17px;
    display: inline-block;
    padding:8px 29px 4px;
    border-radius: 25px;
    transition: 0.5s;
    margin-top: 0;
    border: 2px solid #471611;
    color: #41100b;
    width: 16%;
    margin: 6px auto;
    font-family: 'Old Standard TT';
}

#menu .cta-btn:hover {
    background: rgb(62 11 5 / 95%);
    color: #fff;
    border: 2px solid rgb(62 11 5 / 95%);
}


#cateogry .cta-btn{   
    text-transform: uppercase;
    font-weight: 900;
    font-size: 17px;

    display: inline-block;
    padding: 8px 0;
    border-radius: 25px;
    transition: 0.5s;
    margin-top: 0;
    border: 2px solid #471611;
    color: #41100b;
    width: 12%;
    margin: 6px auto;
    font-family: 'Old Standard TT';} 

#cateogry .cta-btn:hover {
    background: rgb(62 11 5 / 95%);
    color: #fff;
    border: 2px solid rgb(62 11 5 / 95%);
}


.tm-dishbox-wrapper.dishbox-style2 .tm-dishitem-content .tm-dishbox-image {
    position: relative;
    overflow: hidden;
    border-radius: 10px 10px 0 0;
}

.tm-dishbox-wrapper.dishbox-style2 .tm-dishitem-content .tm-dishbox-image img {
    width: 100%;
    transform: scale(1.01);
    transition: all 700ms ease;
}



.tm-dishbox-wrapper.dishbox-style2:hover .tm-dishitem-content .tm-dishbox-image img {
    transform: scale(1.07) rotate(0.5deg);
}

.tm-dishbox-wrapper.dishbox-style2:hover .tm-box-content .tm-box-title h3 {
    color: #c5a572;
}


.tm-dishbox-wrapper.dishbox-style2 .tm-box-content {
    padding: 17px 13px 14px;
    border: none;
    display: flex;
    justify-content: space-between;
    background-color: #ffffff;
    border-bottom: 2px solid #c5a572;
}

.flat-row.flat-tab-menu.other_product .tm-dishbox-wrapper.dishbox-style2 .tm-box-content {
    padding: 17px 5px 14px;
    border: none;
    text-align: center;
    display: block;
}

.tm-box-col-wrapper {
    margin-bottom: 30px;
}


.tm-dishbox-wrapper.dishbox-style2 .tm-box-content {
    border-color: #c5a572;
}


.tm-dishbox-wrapper.dishbox-style2 .tm-box-title h3 {
    font-size: 18px;
    line-height: 31px;
    margin-bottom: 0;
    color: #171717;
    font-family: 'Old Standard TT', sans-serif;
    overflow-wrap: break-word;
    text-transform: capitalize;
}

.tm-dishbox-wrapper.dishbox-style2 .tm-dish-price {
    font-size: 18px;
    line-height: 29px;
    margin-bottom: 0;
    color: #a38a42;
    font-family: 'Old Standard TT';
    font-weight: 600;

}

.tm-dish-price:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #121d27;
    border-radius: 50%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}




.populer-meal li {
    display: inline-block;
    width: 49.8%;
    margin-bottom: 0px;
}

.meal-container {
    display: flex;
}

.meal-price a {
    width: 70%;
    float: right;
    text-align: center;
    background: #a0833b;
    color: #fff;
    padding: 10px;
    font-size: 15px;
    /* font-weight: 600; */
    border-radius: 30px;
    /*    -webkit-text-stroke: thin;*/
}

.meal-container div {
    padding: 10px;
}
/*.meal-container div img{width: 30%;}*/

.meal-container a:hover {
    color: #a0833b;
}

.meal-price a:hover {
    color: #fff;
    background: #41100b;
}

.meal-container .line {
    width: 12%;
    padding: 0 !important;
}

.meal-container .line hr {
    color: #4a4a4a;
    border: none;
    border-top-color: currentcolor;
    border-top-style: none;
    border-top-width: medium;
    border-top: 2px dashed;
    margin: 30px 0;
    padding: 0;
    background-color: #a52a2a00;
}

.meal-price span {
    width: 100%;
    text-align: center;
    display: inline-block;
    margin-top: 10px;
    text-decoration: line-through;
    font-size: 16px;
    font-weight: 600;
}

.meal-content, .meal-container .line, .meal-price {
    margin-top: 15px;
    width: 10000px;
}

.meal-content h5 {
    font-size: 24px;
    width: 280px;
}

.title-menu {
    color: #471611;
    font-size: 35px;
    margin-bottom: 0;
    font-weight: 700;
    /*    -webkit-text-stroke: thin;*/
}

.top-section{font-size: 20px;}

/************FeedBack*********************/

#feedback-section
{
    background: linear-gradient(rgb(0 142 99 / 7%), rgb(0 0 0 / 10%)), url(../img/pattern.png) fixed center center;
    background-size: contain;
    /* padding: 60px 0; */
    position: relative;
    /*background: linear-gradient(rgb(0 142 99 / 7%), rgb(0 0 0 / 10%));*/
    padding: 60px 0;
    position: relative;}

.image-feedback{ position: absolute; width: 22%; float: right; right: -8%; bottom: -34px; filter: drop-shadow(0px 4px 6px); color: #262726;}


.title-feedback {
    color: #651911;
    font-size: 35px;
    font-weight: 700
        /*    -webkit-text-stroke: thin;*/
}

.cntainer-black {
    background-color: #ffffff;
    width: 75%;
    padding: 3% 43px 100px;
    border-radius: 10px;


}

#feedback-section::before {
    background: #ebdec9f7;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    /* z-index: -1; */
}

.testimonial .pic {
    /* width: 22%; */
    padding: 20px 0;
    margin: 0 6% 0 2%;
    float: left;
    position: relative;
    z-index: 1;
}

.testimonial .pic:before,
.testimonial .pic:after {
    content: "";
    width: 130px;
    height: 150px;
    background: #651911;
    position: absolute;
    z-index: -1;
    font-family: "Font Awesome 5 Free";
}

.testimonial .pic:before {
    /* top: 0;
    right: -20px; */
    top: 0;
    left: 0;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    z-index: 1;
    content: "\f10d";
    font-weight: 900;
    font-size: 40px;
    padding: 4% 7%;
    display: inline-flex;
    color: white;
}

.testimonial .pic:after {
    /* bottom: 0;
    left: -20px; */
    bottom: 30px;
    right: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

.testimonial .pic img {
    width: 100%;
    height: auto;
    /* border: 5px solid #ffffff; */
    /* border-radius: 50%; */
}

.testimonial .testimonial-content {
    width: 100%;
    float: right;
}

.testimonial .title {
    display: block;
    font-size: 18px;
    font-weight: 600;
    color: #a38a42;
    margin: 0;
    text-transform: uppercase;
    padding-top: 25px;
    padding-left: 15px;
    text-align:left;
}

.testimonial .post {
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 27px;
    color: #651911;
    text-transform: capitalize;
    margin-bottom: 15px;
    padding-left: 15px;
    text-align: left;
}

.testimonial .description {
    /* font-size: 18px;
    color: #fff;
    padding: 0 15px;
    margin: 0;
    position: relative;
    text-align: left; */
    font-size: 18px;
    color: #272727;
    padding: 0 22% 0 16px;
    margin: 0px 0;
    position: relative;
    text-align: justify;
}

.testimonial .description:before,
.testimonial .description:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 17px;
    color: #a88e4f;
    position: relative;
}

.testimonial .description:before {
    content: "\f10d";
    margin-right: 5px;
    top: 0;
    left: 0;
}

.testimonial .description:after {
    content: "\f10e";
    margin-left: 5px;
    position: relative;
    bottom: 0;
    right: 0;
}

.owl-theme .owl-controls {
    width: 100%;
    margin: 0;
    text-align: center;
    position: absolute;
    bottom: auto;
    right: 0;
}

.owl-theme .owl-controls .owl-buttons div {
    /*width: 70px;*/
    /* height: 90px; */
    line-height: 90px;
    background: transparent;
    border-radius: 0;
    opacity: 1;
    position: relative;
    font-size: 21px;
    color:#651911;
}

.owl-prev:before,
.owl-next:before {
    content: "";
    font-family: "fontawesome";
    font-size: 45px;
    font-weight: 900;
    color: #ddd;
    position: absolute;
    top: 0;
    left: 25%;
}

.owl-next:before {
    content: "";
}

.owl-next:after {
    content: " / ";
    font-size: 40px;
    color: #651911;
    position: absolute;
    top: 0;
    left: -10px;
}

@media only screen and (max-width: 990px) {
    .testimonial {
        text-align: center;
    }

    .testimonial .pic {
        width: 200px;
        margin: 0 auto;
        float: none;
    }

    /* .testimonial .pic:before,
    .testimonial .pic:after {
        width: 80px;
        height: 100px;
    } */

    .testimonial .testimonial-content {
        width: 100%;
        float: none;
    }

    .testimonial .title {
        padding: 15px 0 0 0;
    }

    .testimonial .post {
        padding: 0;
        margin-bottom: 10px;
    }

    .owl-theme .owl-controls {
        width: 100%;
        position: static;
        text-align: center;
    }

    .owl-theme .owl-controls .owl-buttons div {
        height: 50px;
        line-height: 50px;
    }
}



/* Button used to open the chat form - fixed at the bottom of the page */
.open-button {
    background-color: #ffffff;
    color: #00a8f7;
    padding: 0;
    border: none;
    cursor: pointer;
    opacity: 1;
    position: fixed;
    bottom: 0;
    right: 25px;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    transition: all 0.4s;
    text-align: center;
    font-size: 35px;
    line-height: 1.7;
}

.open-button:hover {
    opacity: 0.8!important;
}

/* The popup chat - hidden by default */
.chat-popup {
    display: none;
    position: fixed;
    bottom: 0;
    right: 15px;
    border: 3px solid #f1f1f1;
    z-index: 9;
}

/* Add styles to the form container */
.form-container {
    max-width: 300px;
    padding: 10px;
    background-color: white;
    max-height: 500px;
    height: 500px;
    width: 500px;
}

/* Full-width textarea */
.form-container textarea {
    width: 100%;
    padding: 15px;
    margin: 5px 0 22px 0;
    border: none;
    background: #f1f1f1;
    resize: none;
    min-height: 200px;
}

/* When the textarea gets focus, do something */
.form-container textarea:focus {
    background-color: #ddd;
    outline: none;
}

/* Set a style for the submit/send button */
.form-container .btn {
    background-color: #04AA6D;
    color: white;
    padding: 16px 20px;
    border: none;
    cursor: pointer;
    width: 100%;
    margin-bottom: 10px;
    opacity: 0.8;
}

/* Add a red background color to the cancel button */
.form-container .cancel {
    width: 30px;
    height: 30px;
    float: right;
    background-color: #090909;
    padding: 0;
    color: #fff;
}

/* Add some hover effects to buttons */
.form-container .btn:hover, .open-button:hover {
    opacity: 1;
}
/* ----------------
login Page
---------------------*/
.form-modal {
    position: relative;
    width: 45%;
    height: auto;
    margin-top: 0;
    left: 50%;
    padding: 15px 20px;
    transform: translateX(-50%);
    background: #fff;
    box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.form-modal button {
    cursor: pointer;
    position: relative;
    text-transform: capitalize;
    font-size: 1em;
    z-index: 2;
    outline: none;
    background: #fff;
    transition: 0.2s;
}


.form-modal hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgb(0 0 0 / 0%);
}

.form-modal .btn {
    border-radius: 10px;
    border: none;
    font-weight: bold;
    font-size: 15px;
    padding: 0.8em 1em 0.8em 1em !important;
    transition: 0.5s;
    border: 1px solid #ebebeb;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
}

.form-modal .login,
.form-modal .signup {
    background: #57b846;
    color: #fff;
}

.form-modal .login:hover,
.form-modal .signup:hover {
    background: #222;
}

.form-toggle {
    position: relative;
    width: 100%;
    height: auto;
}

.form-toggle button {
    width: 47%;
    float: left;
    padding: 0.5em;
    margin-bottom: 1.5em;
    border: none;
    transition: 0.2s;
    font-size: 1.1em;
    font-weight: bold;

    margin-left: 1%;
    margin-right: 1%;

}

/* .form-toggle button:nth-child(1){
border-bottom-right-radius: 20px;
} */

/* .form-toggle button:nth-child(2){
border-bottom-left-radius: 20px;
} */

#login-toggle {
    /* background: #cbe8f5;
color: #2784af; */
    background: #f3ead2;
    color: #896d2a;
}

.form-modal form {
    position: relative;
    width: 100%;
    height: auto;
    left: 50%;
    transform: translateX(-50%);
}

#login-form,
#signup-form {
    position: relative;
    width: 100%;
    height: auto;
    padding-bottom: 1em;
}

#signup-form {
    display: none;
}


#login-form button,
#signup-form button {
    width: 100%;
    margin-top: 0.5em;
    padding: 0.6em;
}

.form-modal input {
    position: relative;
    width: 100%;
    font-size: 13px;
    padding: 1em 1em 1em 1em;
    margin-top: 0.6em;
    margin-bottom: 0.6em;
    /* border-radius: 10px; */
    background: #ffffff;
    border: 1px solid #e7e7e7;
    outline: none;
    font-weight: 100;
    transition: 0.4s;
}

.form-modal input:focus,
.form-modal input:active {
    transform: scaleX(1.01);
}

.form-modal input::-webkit-input-placeholder {
    color: rgb(182, 182, 182);
}


.form-modal p {
    font-size: 14px;
    /* font-weight: bold; */
}

.form-modal p a {
    color: #000000;
    text-decoration: none;
    transition: 0.2s;
}

.form-modal p a:hover {
    color: #222;
}


.form-modal i {
    position: absolute;
    left: 10%;
    top: 50%;
    transform: translateX(-10%) translateY(-50%);
}




@media only screen and (max-width:500px) {
    .form-modal {
        width: 100%;
    }
}


.login-section {
    position: relative;
    padding: 55px 0 50px;
}

.login-info {
    float: left;
    text-align: center;
    background-color: #f8f8f8;
    margin: 0px 16px;
    width: 47%;
    padding-top: 33px;
    padding-bottom: 33px;
    height: 400px;
}

.login-info h3 {
    font-size: 30px;
    text-align: center;
    margin-bottom: 17px;
}

.rememberdiv {
    margin-top: 1%;
    margin-bottom: 3%;
    text-align: left;
}

.rememberstyle {
    width: 10px !important;
    height: 10px !important;
    margin: 0px 6px;
    margin-top: 5px;
}

.forget {
    margin-top: 3%;
    float: right;
}

/* product details */


.wrapper-details {
    /* height: 420px;  */
    /* width: 654px; */
    /* background-color: aquamarine; */
    margin: 50px auto;
    /* border-radius: 7px 7px 7px 7px; */
    /* -webkit-box-shadow: 0px 14px 32px 0px rgb(0 0 0 / 15%); */
    -moz-box-shadow: 0px 14px 32px 0px rgba(0, 0, 0, 0.15);
    /* box-shadow: 0px 14px 32px 0px rgb(0 0 0 / 15%); */
    display: flex;
    justify-content: center;
    justify-items: center;
    align-items: center;
    align-content: center;
    width:50%
}

.product-img {
    float: left;
    /* height: 420px; */
    /* width: 327px; */
}

.product-img img {
    border-radius: 0;
}

.product-info {
    float: left;
    /* height: 420px; */
    /* width: 327px; */
    /* border-radius: 7px 7px 10px 7px; */
    /* background-color: #ffffff; */
    /* box-shadow: 14px 2px 20px #ededed; */
    padding-left: 85px;
}

/* .product-text {
height: 300px;
width: 327px;
} */

.product-text h1 {
    /* margin: 0 0 0 38px; */
    padding-top: 0;
    font-size: 34px;
    color: #62190d;
    margin-bottom: 0;
    text-transform:capitalize;
}

/* .product-text h1,
.product-price-btn p {
    font-family: 'Bentham', serif;
} */

.product-text h2 {
    margin: 0 0 0 0;
    font-size: 13px;
    /* font-family: 'Raleway', sans-serif; */
    font-weight: 400;
    text-transform: uppercase;
    color: #b1b1b1;
    letter-spacing: 1px;
}

.product-text p {
    height: 125px;
    /* margin: 0 0 0 38px; */
    font-family: 'Playfair Display', serif;
    color: #8d8d8d;
    line-height: 1.7em;
    font-size: 15px;
    font-weight: lighter;
    overflow: hidden;
}

.product-price-btn {
    /* height: 103px; */
    /* width: 327px;
margin-top: 17px;
position: relative; */

    height: auto;
    width: auto;
    margin-top: 17px;
    position: relative;
    display: flex;
    margin: 25px 0;

}

.product-price-btn p {
    display: inline-block;
    position: absolute;
    top: -13px;
    height: 50px;
    font-family: 'Trocchi', serif;
    /* margin: 0 0 0 38px; */
    font-size: 28px;
    font-weight: 600;
    color: #383838;
}



.product-price-btn button {
    float: left;
    display: inline-block;
    height: 50px;
    width: 100%;
    margin: 0;
    box-sizing: border-box;
    border: transparent;
    border-radius: 2px;
    /* font-family: 'Raleway', sans-serif; */
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: #ffffff;
    background-color: #1a9314;
    cursor: pointer;
    outline: none;
    line-height: 3.3;
}

.product-price-btn button:hover {
    background-color:#57b846;
}


form.quantity {
    width: 330px;
    margin: 0 auto;
    text-align: left;
    padding-top: 50px;

}

.value-button {
    display: inline-block;
    border: 1px solid #ddd;
    margin: 0px;
    width: 35px;
    height: 35px;
    text-align: center;
    vertical-align: middle;
    padding: 5px 0;
    background: #eee;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.value-button:hover {
    cursor: pointer;
}

form.quantity #decrease {
    margin-right: -3px;
    border-radius: 5px 0 0 5px;
    border: 1px solid #e1e1e1;
    background-color: #f7f7f7;
    color: #000;
}

form.quantity #increase {
    margin-left: -4px;
    border-radius: 0 5px 5px 0;
    border: 1px solid #e1e1e1;
    background-color: #f7f7f7;
    color: #000;
    font-size: 12px;
    padding: 8px 0;
}

form.quantity #input-wrap {
    margin: 0px;
    padding: 0px;
}

input#number {
    text-align: center;
    border: none;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin: 0 0;
    width: 65px;
    /*height: 34px;*/
    height:33.6px;
    padding: 0;
}

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


.rwd-table {
    margin: 1em 0;
    min-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.rwd-table tr {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.rwd-table th {
    display: none;
}

.rwd-table td {
    display: inline-flex;
}

.rwd-table td:first-child {
    padding-top: .5em;
}

.rwd-table td:last-child {
    padding-bottom: .5em;
}

.rwd-table td:before {
    content: attr(data-th) ": ";
    font-weight: bold;
    width: 8.5em;
    display: inline-block;
}

@media (min-width: 480px) {
    .rwd-table td:before {
        display: none;
    }
}

.rwd-table th,
.rwd-table td {
    text-align: left;
}

@media (min-width: 480px) {

    .rwd-table th,
    .rwd-table td {
        display: table-cell;
        padding: .25em .5em;
    }

    .rwd-table th:first-child,
    .rwd-table td:first-child {
        padding-left: 0;
    }

    .rwd-table th:last-child,
    .rwd-table td:last-child {
        padding-right: 0;
    }
}

.rwd-table {
    background: #ebebeb;
    color: #3c3c3c;
    border-radius: 0.4em;
    overflow: hidden;
}

.rwd-table tr {
    border-color: #fff;
}

.rwd-table tr td img {
    max-width: 90px;
    border-radius: 5px;
}

.rwd-table th,
.rwd-table td {
    margin: .5em 1em;
}

@media (min-width: 480px) {

    .rwd-table th,
    .rwd-table td {
        padding: 1em !important;
    }
}


.rwd-table td:before {
    color: #101010;
}

.rwd-table thead tr {
    background-color: #a0833b;
}

.rwd-table th {
    color: #fff;
}

.rwd-table tr td i {
    color: #712f24;
}


form.quantity.cart-quantity {
    width: auto;
    margin: 0 auto;
    text-align: left;
    padding-top: 0;
    white-space: nowrap;
}

form.quantity.cart-quantity input#number {
    width: 55px;
    border-top: none;
    border-bottom: none;
}

.value-button {
    display: inline-block;
    border: 1px solid #ffffff;
    margin: 0;
    width: 40px;
    height: 34px;
    text-align: center;
    vertical-align: middle;
    padding: 5px 0;
    background: transparent;
}

/* .left {
    display: inline-flex;
    align-items: flex-end;
    width: 60%;
    justify-content: flex-start;
}

.left .cart-total {
    display: flex;
    flex-direction: column;
} */

.checkout {
    float: right;
    display: inline-block;
    height: 40px;
    width: 176px;
    margin: 0;
    box-sizing: border-box;
    border: transparent;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: #ffffff;
    background-color: #57b846;
    cursor: pointer;
    outline: none;
}

.cart-content {
    display: flex;
    flex-wrap: wrap;
    background-color: #fff;
    box-shadow: 0 -2px 16px 0 rgb(0 0 0 / 10%);
    border-radius: 8px;
    padding: 30px 20px 30px;
    width: 70%;
    margin: 0 auto 30px;
}

.card {
    max-width: 100%;
    width: 68%;
    box-shadow: 0 6px 20px 0 rgb(0 0 0 / 19%);
    border-radius: 1rem;
    border: transparent;
    margin: 50px auto;
}

.col-2,
.col {
    padding: 0 1vh;
    font-size: 17px;
}

.col {display: contents;}
.col.text-right {
    text-align: right;
    display: block;
}

@media(max-width:767px) {
    .card {
        margin: 3vh auto;
    }
}

.cart {
    background-color: #fff;
    padding: 4vh 5vh;
    border-bottom-left-radius: 1rem;
    border-top-left-radius: 1rem;
}

@media(max-width:767px) {
    .cart {
        padding: 4vh;
        border-bottom-left-radius: unset;
        border-top-right-radius: 1rem;
    }
}

.summary {
    background-color: #ddd;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
    padding: 4vh;
    color: rgb(65, 65, 65);
}

@media(max-width:767px) {
    .summary {
        border-top-right-radius: unset;
        border-bottom-left-radius: 1rem;
    }
}

.summary .col-2 {
    padding: 0;
}

.summary .col-10 {
    padding: 0;
}

.title b {
    font-size: 1.5rem;
    color: #62190d;
}

.close {
    margin-left: auto;
    font-size: 0.7rem;
}

select {
    border: 1px solid rgb(206 212 218);
    border-radius: 5px;
    padding: 1.5vh 1vh;
    margin-bottom: 4vh;
    outline: none;
    width: 100%;
    background-color: rgb(255 255 255);
    color: #444444
}

input {
    border: 1px solid rgba(0, 0, 0, 0.137);
    padding: 1vh;
    margin-bottom: 4vh;
    outline: none;
    width: 100%;
    background-color: rgb(247, 247, 247);
}

input:focus::-webkit-input-placeholder {
    color: transparent;
}

.btn-checkout {
    background-color: #4eab19;
    border-color: transparent;
    color: white;
    width: 100%;
    font-size: 16px;
    margin-top: 4vh;
    padding: 1vh;
    border-radius: 0;
}

.btn-checkout:focus {
    box-shadow: none;
    outline: none;
    box-shadow: none;
    color: white;
    -webkit-box-shadow: none;
    -webkit-user-select: none;
    transition: none;
}

.btn-checkout:hover {
    color: white;
}

.checkout-form .form-control:focus {
    color: #212529;
    background-color: #f1f1f1;
    border-color: transparent;
    outline: 0;
    box-shadow: none;
}

.card.details {
    width: 100%;
    border-radius: 5px;
    box-shadow: none;
    border: 1px solid #e9e9e9;
    background-color: #f7f7f7;
}

.card.details.border-width-3.border-radius-0.border-color-success {
    border-color: #c4f5cd !important;
    background-color: #47a959;
    color: #ffffff;
    border-radius: 5px;
}

.card-body h4 {
    color: #c59e3c;
    font-weight: 600;
    font-size: 16px;
}

a.linkdetails{   color: #a0833b;}

a.linkdetails:hover{ color: #7c621f;}






/* modal popup */


.popup-overlay{
    /* position:absolute; */
    inset:0;
    background:hsla(240, 0%, 0%, 0.8);
    display:flex;
    justify-content:center;
    align-items:center;
    color:white;
    visibility:hidden;
    opacity:0;
    transition: all 500ms ease;
    position: fixed;
    z-index: 1000;
    /* padding-top: 70px; */
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%;
    overflow: auto;}


.popup-overlay .modal2{
    width:500px;
    max-width:100%;
    min-height:285px;
    background:white;
    color:hsl(44, 0%, 40%);
    /* padding:2rem; */
    display:flex;
    align-items:center;
    position:relative;
    /*transform:translateY(-100px);*/
    transition:350ms ease;
    text-align: center;
}




.popup-overlay .modalContent{

    width:100%;
    height:100%;
    display:flex;
    /* align-items:center;
    flex-wrap:wrap; */
    position:relative;
}

.popup-overlay .modalfooter{    margin: 6px auto;}

.popup-overlay .modalContent img{
    width:80%;
    min-width:200px;
}

.popup-overlay .modalInfo{
    width: 100%;
    padding: 0 0 0 2rem;
    display: grid;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    padding: 5%;
}
.popup-overlay .modalInfo h3{
    font-size: 1.4rem;
    line-height: 100%;
    color:rgb(58 58 58);
    /* text-transform: uppercase; */
    margin-bottom: 0.83rem;
    font-weight: 500;
}

.popup-overlay .modalInfo p{
    text-align: justify;}

.cta-btn.popup {
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0px;
    display: inline-block;
    padding: 2% 10%;
    border-radius: 6px;
    transition: 0.5s;
    border: 1px solid #41c551;
    color: #ffffff;
    background-color: #41c551;
    text-align: center;
    margin: 0 auto;
}

.cta-btn.popup:hover {
    border: 2px solid #41c551;
    color: #41c551;
    background-color: #fff;}

#close{
    position: absolute;
    top: 0.6rem;
    right: 0.6rem;
    z-index: 1;
    color: #4a4a4a;
    font-size: 15px;
}

#close:hover{ color: #bdbdbd;}


#close:hover{
    cursor:pointer;
}


@media screen and (max-width:600px){
    .popup-overlay  .modalContent{
        flex-direction:column;
        align-items:center;
        justify-content:center;
    }
    .popup-overlay  .modalContent img{
        width:100%;
        margin-bottom:1rem;
    }

    .popup-overlay #close {
        top: 0.3rem;}

    .popup-overlay .modalInfo{
        width:100%;
        justify-content:center;
        text-align:center;
        padding:0;
    }
    .form{
        justify-content:center;
    }
}


.dropdown.welcomelogin .dropdown-welcome {
    width: auto;
    right: auto;
    left: 0;
    background-color: #fff;
    padding: 5px;}

.dropdown.welcomelogin a{padding: 0;}


.btn.btn-info.btn-lg.btnchange{
    padding: 4px 27px 2px;
    font-size: 15px;
    background-color: #ffffff;
    border: 1px solid #ffffff;
    float: right;
    margin: -2px;
    color: #a0833b;
    border-radius: 3px;
}

.btn.btn-info.btn-lg.btnchange:focus {
    box-shadow: none;
}

.branchselected{   
    margin: 0 0px 21px;
    color: #ffffff;
    font-size: 16px;
    padding: 12px 16px 13px;
    background-color: #a0833b;
    text-align: left;
    text-transform: capitalize;
}

button.disabled {
    opacity: 0.6;
    pointer-events: none;
}

form.quantity.disabled{
    opacity: 0.6;
    pointer-events: none;
}


.notavailable{
    color: #ad1212;
    font-weight: 800;
    text-align: left;
    font-size: 20px;
    background-color: #fff7f5;
    padding: 8px;
}

.sharesocial{    
    float: left;
    margin-right: 3%;
}

.sharesocial .a2a_kit.a2a_kit_size_25.a2a_default_style{
    line-height: 25px;
    display: flex;
    margin: 0;}


    button {
        border: none;
    }

    .disabled_cart{
        opacity: 0.4;
        pointer-events: none;
        text-decoration: line-through;
        text-decoration-color: black;}

        .disabled_cart_quantity{    text-decoration:none;
            opacity: 0.4;
            pointer-events: none;
         }

         .product-not-available {
            /* position: absolute; */
            left: 48px;
            /* right: 0; */
            /* top: 0; */
            bottom: 23%;
            text-align: center;
            z-index: 8;
            color: #cf0f0f;
            font-weight: 800;
            font-size: 18px;}

            .emptycart{
                white-space: nowrap;
                background-color: transparent;
                /* padding: 12vh 0 7vh; */
                border-bottom-left-radius: none;
                border-top-left-radius: none;
                display: flex;
                justify-content: center;
                align-content: center;
                /* justify-items: center; */
                justify-items: center;
                margin: auto;
                /* min-height: 170px; */
            }

            .empty-card {
                max-width: 100%;
                width: 68%;
                box-shadow: 0 6px 20px 0 rgb(0 0 0 / 19%);
                border-radius: 1rem;
                border: transparent;
                margin: 50px auto;
                display: grid;
                min-height: 200px;}

                ul.small-block-grid-1.large-block-grid-3.location-sec.inner-content-wrapper {
                    padding-left: 0;
                }

                /* .testimonial-content .imagefeedback{display: flex;max-height: 190px;} */

                .testimonial-content .imagefeedback{max-height: 200px;}

/* 

                .search-box{
                    top: 87%;
                    left: 50%;
                    transform: translate(-50%,-50%);
                    position: absolute;
                    height: 46px;
                    background: #ededed;
                    line-height: 40px;
                    padding:3px;
                    border-radius: 60px;
                }
                .search-input{
                    background: #ededed;
                    padding: 0;
                    margin-bottom: 0;
                    color: #060606;
                    outline: none;
                    border: none;
                    line-height: 40px;
                    width: 0;
                    float: left;
                    font-size: 13px;
                    transition: 0.7s ease;
                }
                .search-btn{
                    display:flex;
                    justify-content: center;
                    align-items: center;
                    text-decoration:none;
                    background: #ffffff;
                    padding: 12px;
                    border-radius: 50%;
                    float: right;
                    color: #a0833b;
                    transition: 0.4s ease;
                }
                .search-box:hover > .search-input{
                    width: 240px;
                    margin: 0px 8px;
                }
                .search-input:focus{
                    width: 240px;
                    margin: 0px 8px;
                }
                .search-box:hover > .search-btn{
                    background: #fff;
                }
                .search-input:focus + .search-btn{
                    background: #fff;
                }
                
                 */

                 .input-group.add-on{
                        height: 45px;
                    }
                 .add-on .input-group-btn > .btn {
                    border-left-width:0;left:-2px;
                    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
                    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
                  }
                  /* stop the glowing blue shadow */
                  .add-on .form-control:focus {
                   box-shadow:none;
                   -webkit-box-shadow:none; 
                   border-color:#cccccc; 
                   transition: all 500ms cubic-bezier(0, 0.110, 0.35, 2);

                  }
                  .form-control{/* width:20%; */}
                  .my-navbar-nav > li > a {
                    border-right: 1px solid #ddd;
                    padding-bottom: 15px;
                    padding-top: 15px;
                  }
                  .my-navbar-nav:last-child{ border-right:0}

                  .round-btn{
                    height: 35px;
                    width: 35px;
                    background-color: #856926;
                    border-radius: 5px;
                    text-align: center;
                    line-height: 40px;
                    color: #ffffff;
                    float: right;
                    cursor: pointer;
                    border: 1px solid #ffffff7d;
                    transition: all .5s ease-in-out;

                }

                .round-btn:hover {
                    background-color: #ffffff;
                    color: #a0833b;
                }

                .flip-icon{
                     -webkit-transform: scaleX(-1);
                      transform: scaleX(-1);
                  }

                  .hidden-search-box{
                    display: none;
                    position: absolute;
                    float: right;
                    background-color: rgb(233 233 233);
                    height: 50px;
                    width: 100%;
                    z-index: 1000;
                    top: 100%;
                    right: 16.2%;
                    /* transition: all .5s ease-in-out; */
                    max-width: 300px;
                    opacity: 1;
                    transition: opacity 0.3s ease-in-out;
                        
                  }

                  .hidden-search-box.fade {
                    opacity: 0;
                  }

                  .addon-btn{
                    width: 50px;
                    height: 50px;
                    background-color:#fff ;
                    border: 0 none;
                    margin-top: -5px;
                    color:rgb(160 131 59);;
                    border-radius: 5px;
                  }

                  .addon-text-box, addon-text-box:active{
                    background-color: transparent!important;
                    border: 0 none;
                    color: #3e3e3e!important;
                    border-radius: 0;
                    border-bottom: 1px #FFF solid;
                    /* font-family: Proxima Nova soft,Helvetica,sans; */
                    font-weight: 100;
                    margin-left: calc(5px + 0.13em);
                    margin-right: calc(5px + 0.13em);
                    padding: 8px;
                   
                  }
                  .traingle{
                       height: 15px;
                        width: 15px;
                        background-color: transparent;
                        border-left: 15px transparent solid;
                        border-right: 15px transparent solid;
                        border-bottom: 15px rgb(255 255 255) solid;
                        float: right;
                        margin-top: -10px;
                        margin-right: 10px;
                  }
                  

 
                  
.wrapper-search {
    position: absolute;
    top: 100%;
    right: auto;
    /* transform: translate(0, -35%); */
  }
  
  .wrapper-search-main .btn {
    text-align: center;
    width: auto;
    /* margin-bottom: 10px;
    padding: 5px 3px; */
  }
  
  .wrapper-search-main .btn .fa {
    color: #a0833b;
    font-size: 20px;
    cursor: pointer;
    background-color: #ffffff;
    padding: 2%;
    border-radius: 5px;
    width: 35px;
    height: 35px;
    line-height: 1.8;
  }
  
  .wrapper-search .form {
    width: 250px;
    height: 100px;
    padding: 0 0px;
    box-sizing: border-box;
  }
  
  .wrapper-search .input {
    width: 400px;
    border: 0px;
    background: transparent;
    box-sizing: border-box;
    border-bottom: 3px solid #62d474;
    outline: none;
    padding: 0 20px 10px;
    color: #fff;
    font-size: 20px;
    transition: all 0.5s ease;
    transform: scale(0);
  }
  
  .wrapper-search #search {
    color: #fff;
    position: relative;
    top: 0px;
    right:78%;
    opacity: 0;
    letter-spacing: 1px;
    transition: all 0.5s ease;
    background-color: #ffffffcc;
    border-radius:5px ;
  }
  
  .wrapper-search #search.active {
    opacity: 1;
  }
  
  .wrapper-search .input.active {
    transform: scale(1);
  }
  
  .wrapper-search #search.move {
    top: 60px;
    left: 20px;
    font-size: 12px;
  }
  
  @media screen and (max-width: 640px) {


    .addon-text-box, addon-text-box:active {font-size: 13px;}

    .wrapper-search .btn .fa {
        color: #a0833b;
        font-size: 15px;
        cursor: pointer;
        background-color: #ffffff;
        padding: 2%;
        border-radius: 5px;
        width: 30px;
        height: 30px;
        line-height: 1.9;}

        .addon-btn {
            width: 40px;
            height: 40px;}

            .traingle {
                height: 10px;
                width: 10px;
                float: right;
                margin-top: -10px;
                margin-right: 7px;
            }

            .input-group.add-on {
                height: 37px;
            }

    .wrapper-search .form {
        width: 192px;}

        .wrapper-search #search {right: 72%;}

  }


  

  .btn.btn-language{    
    background-color: transparent;
    color: #ffffff;
    border: 1px solid #fff;
    padding: 4px 10px;
    border-radius: 5px;}

    .navbar.welcome {
        margin: 0 7px;
    }

    .cart.cart_prodcts {padding: 4vh 2vh;}
    .image-cart{width: 12%;}
    .remove-item{    width: 5%;}

    #product_main_style {font-weight: 800;
    color: #651e0a;}
    .form-modal .login.send {
        background: #ad8b39;
        color: #fff;
        font-size: 14px;
        width: 55% !important;
    }

    .product-text .paragraph_product {
        text-align: left;
        height: auto!important;
        font-size: 17px!important;
        color: #3c3c3c;
    }


    .widget.widget-products {
        margin: 30px 0 5px;
    }

    section.product-widget-wrapper {
        padding: 4rem 0 0;
    }


    .fixed_image .banner {
        display: block;
        position: relative;
        margin-bottom: 2rem;
        background-color: #ccc;
        overflow: hidden;
        border-radius: 0;
        height: 87%;
        background-size: cover;
        background-position: center;

    }

    .fixed_image .banner-overlay > a {
        position: relative;
    }
    .fixed_image .banner > a {
        position: relative;
        display: block;
        outline: none !important;
    }


    .fixed_image .banner img {
        border-radius: 0.2rem;
        display: block;
        max-width: none;
        width: 100%;
        height: auto;
    }

    
    .fixed_image  .banner-overlay > a:after {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background-color: rgba(51, 51, 51, 0.25);
        z-index: 1;
        opacity: 0;
        visibility: hidden;
        transition: all 0.4s ease;
    }

    /* .fixed_image  .banner-overlay:hover > a:after, .fixed_image  .banner-overlay:focus > a:after {
        visibility: visible;
        opacity: 1;
    } */

    .fixed_image  .banner-content {
        top: 2rem;
        left: 2rem;
        right: 2rem;
        bottom: 2rem;
        transform: translateY(0);
        position: absolute;
        background-color: #ffffffd4;
        padding: 25px 20px;
        text-align: left;
    }

   
    .fixed_image  h3.banner-title {
        font-weight: 900;
    }


    .fixed_image  .banner-subtitle.text-white a {
        color: #191818;
        font-size: 20px;
    }

    .fixed_image   .banner-link {
        align-self: flex-start;
        width: auto;
        color: #fff;
        font-weight: 900;
        font-size: 1.1rem;
        line-height: 1.4;
        letter-spacing: 0;
        border-radius: 40px;
        padding: 0.75rem 1rem;
        background-color: rgb(170 145 82 / 76%);
        transition: all .35s ease;
    }


  .product-widget-wrapper  .product-list-sm {
        display: flex;
        align-items: center;
        margin-bottom: 0;
    }
    .product-widget-wrapper .product {
        position: relative;
        overflow: hidden;
        font-size: 1.4rem;
        color: #999;
        transition: 0.3s;
        background-color: #f4f4f4;
        border-radius: 10px;
    }

    .product-widget-wrapper .product-list-sm .product-media {
        flex: 0 0 10rem;
        max-width: 10rem;
        margin: 0 0rem 0 0;
    }

    .product-widget-wrapper .product-list-sm .product-media:hover img {
        transform: scale(0.95);
    }

    .product-widget-wrapper .product-media {
        position: relative;
        margin-bottom: 0;
        transition: box-shadow 0.3s;
    }

    /* .product-widget-wrapper  .product-media img:first-child {
        position: relative;
        opacity: 1;
    }
    .product-widget-wrapper .product-media img:last-child {
        position: absolute;
        opacity: 0;
        left: 0;
        right: 0;
        top: 0;
        left: 0;
        object-fit: cover;
    } */
    .product-widget-wrapper  .product-media img {
        display: block;
        width: 100%;
        height: auto;
        transition: all 0.5s;
    }

    .product-widget-wrapper .product-list-sm .product-details {
        flex: 0 0 calc(100% - 10rem);
        max-width: calc(100% - 10rem);
        padding: 0 0 0 12px;
    }
    .product-widget-wrapper .product-details {
        position: relative;
        /* background-color: #fff; */
        padding-top: 1.4rem;
        padding-bottom: 2rem;
    }

    .product-widget-wrapper .product-widget-wrapper .product-name {
        margin-bottom: 0.3rem;
    }
    .product-widget-wrapper .product-list-sm .product-name {
        font-size: 1.2rem;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        margin-bottom: 0;
        white-space: normal;
        color: #222;
        padding-left: 0;
    }

    .product-widget-wrapper .product-list-sm .product-name a:hover, .product-widget-wrapper .product-list-sm .product-name a:active, .product-widget-wrapper .product-list-sm .product-name a:focus {
        color: #651911;
    }

    .product-widget-wrapper .product-widget-wrapper .product-price {
        font-size: 1.6rem;
    }
    .product-widget-wrapper  .product-list-sm .product-price {
        font-size: 1.4rem;
    }
    .product-widget-wrapper .product-price {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block;
        align-items: center;
        flex-wrap: wrap;
        margin-bottom: 0;
        font-size: 1.6rem;
        font-weight: 600;
        line-height: 1.86;
        color: #bd9d42;
    }





    
.home {
    height: 60vh;
    position: relative;
    margin-bottom: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
video {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}
.home-content {
    position: relative;
    padding-top: 0;
    color: #fff;
    text-align: center;
}
.home  h1 {
    font-size: 40px;
    line-height: 0;
}

.home p {
    font-size: clamp(25px, 4vw, 40px);
    margin-top: 10px;
}

.home-content button {
    display: block;
    border: 1px solid #f1f1f1;
    border-radius: 50px;
    background: #64646457;
    color: #fff;
    margin: 50px auto 0;
    padding: 12px 20px;
    cursor: pointer;
}








#customized-section {
    /* background: linear-gradient(rgb(0 142 99 / 7%), rgb(0 0 0 / 10%)), url(../img/background2.jpg) fixed center center; */
    background-size: contain;
    background-repeat: no-repeat;
    padding: 0 0;
    position: relative;
    height: 600px;
    display: flex;
    align-items: center;
}

#customized-section:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    /* background: rgb(8 8 8 / 78%); */
}

#customized-section .wpb_wrapper.customized_text{
    width: 50%;
    margin: 0 auto;
}


#customized-section .tm-custom-heading2 {
    font-size: 20px;
    line-height: 1.5;
    color: #ffffff;
    font-weight: 300;
}

.wpb_wrapper.customized_text .btn-order_customized {
font-family: 'Old Standard TT';
font-size: 16px;
text-transform: uppercase;
font-weight: 900;
display: inline-block;
padding: 8px 29px 4px;
border-radius: 50px;
transition: 0.5s;
border: 2px solid #fff;
background: #fff;
color: #79150d;
}



.btn_more{
    font-family: 'Old Standard TT';
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 900;
    display: inline-block;
    padding: 8px 29px 4px;
    border-radius: 50px;
    transition: 0.5s;
    border: 1px solid #79150d;
    background: transparent;
    color: #62140e;
}

.btn_more:hover{
    border: 1px solid #9f8546;
    background: #a48b4b;
}

/* 

.page-section {
    height: 480px;
    width: 50%;
    margin-left: 35%;
    margin-top: 5%;
    padding: 3em;
    background: linear-gradient(45deg, #43cea2 10%, #185a9d 90%);
    color: white;
    box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.5);
  }

  .tabs_order{
    position: fixed;
  }
  
  .navigation {

    width: 30%;
    margin-left: 2%;
    background-color: #999;
    color: #fff;
  }
  .navigation__link {
    display: block;
    color: #ddd;
    text-decoration: none;
    padding: 1em;
    font-weight: 400;
  }
  .navigation__link:hover {
    background-color: #aaa;
  }
  .navigation__link.active {
    color: white;
    background-color: rgba(0, 0, 0, 0.1);
  } */




.container_tabs {
    /* position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0; */
    display: block;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    box-shadow: 0 0 1px 0 rgba(24, 94, 224, 0.15), 0 6px 12px 0 rgba(24, 94, 224, 0.15);
    width: 70%;
    margin: 0 auto 4%
}


.container_tabs .tabs img {
    width: 45px;
    margin-right: 7px;
    filter: opacity(0.8);
}

.container_tabs  .tabs {
    display: flex;
    position: relative;
    padding: 0.75rem;
    border-radius: 0;
    margin-bottom: 1%;
    justify-content: center;
}

.container_tabs  .tabs * {
    z-index: 2;
}

.container_tabs  input[type=radio] {
    display: none;
}

.container_tabs  .tab {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 54px;
    width: 260px;
    font-size: 1.25rem;
    font-weight: 500;
    border-radius: 99px;
    cursor: pointer;
    transition: color 0.15s ease-in;
}



.container_tabs input[type=radio]:checked+label {
    color: #c5a572;
}

.container_tabs input[type=radio]:checked+label img{
    filter: invert(100%) sepia(35%) saturate(3719%) hue-rotate(310deg) brightness(83%) contrast(85%);
}


.container_tabs input[id=radio-1]:checked~.glider {
    transform: translateX(-100%);
}

.container_tabs input[id=radio-2]:checked~.glider {
    transform: translateX(0%);
}

.container_tabs input[id=radio-3]:checked~.glider {
    transform: translateX(100%);
}

.container_tabs .glider {
    position: absolute;
    display: flex;
    height: 54px;
    width: 260px;
    border-bottom: 1px solid #c5a572;
    background-color: transparent;
    z-index: 1;
    border-radius: 0;
    transition: 0.25s ease-out;
}

@media (max-width: 700px) {
    .container_tabs .tabs {
        transform: scale(0.6);
    }
}


  
.sticky-nav-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    /* align-items: center; */
    height: 10vh;
    position: relative;
    /* background: #eee; */
    text-align: center;
    padding: 0;
  }

.spa-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: auto;
    position: relative;
    background: #eee;
    text-align: center;
    padding: 2rem 2em;
    margin: 1rem 0;
  }
  
  /* .sticky-nav-tabs #order_storeproduct , .spa-slide #order_storeproduct {
    font-size: 2rem;
    margin: 0;
    letter-spacing: 1rem;
  }
   */
  /* .sticky-nav-tabs h3, .spa-slide h3 {
    font-size: 1rem;
    letter-spacing: 0.3rem;
    opacity: 0.6;
  } */
  
  .sticky-nav-tabs-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    position: absolute;
    top: 0;
    width: 100%;
    height: 45px;
    width: 100% !important;
    /* box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); */
    /* background: #ffffff; */
    z-index: 1;
    /* -webkit-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1); */
  }
  
  /* .sticky-nav-tabs-container--top-first {
    position: fixed;
    top: 75px;
    -webkit-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  } */
  
  .sticky-nav-tabs-container--top-second {
    /* position: fixed;
    top: 0; */
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    /* overflow: hidden; */
    width:max-content;
    /* height: 6vh; */
    padding: 1%;
    box-shadow: 0 0 10px rgb(0 0 0 / 6%);
    background: #fff8e4;
    z-index: 99;
    -webkit-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    transition: auto;
    align-items: self-end;
  }
  
  .sticky-nav-tab {
    background-color: #cbb9862e;
   /* margin: 0 5px; */
    min-width: auto;
    width: auto;
    border-radius: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    /* -ms-flex: 1;
    flex: 1; */
    color: #a82828;
    letter-spacing: 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    font-size: 0.8rem;
  }
  
  .sticky-nav-tab:hover {
    color: #222222;
    border: 1px solid #ababab;
    background: rgb(255 255 255);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  
  .sticky-nav-tab-slider {
    position: absolute;
    bottom: 0;
    width: 0;
    height: 6px;
    background: #66B1F1;
    -webkit-transition: left 0.3s ease;
    transition: left 0.3s ease;
  }
   @media (min-width: 800px) {
  
  .sticky-nav-tabs h1,  .spa-slide h1 {     
    font-size: 1.8rem;
    color: #b33030;
    font-weight: 600;
}
  
  .sticky-nav-tabs h3,  .spa-slide h3 { font-size: 1rem; }
  
  .sticky-nav-tab { font-size: 1rem; }
  }




  /* .swiper1 {
    width: 100%;
} */
.swiper1 .selected{
    color: #b33030;
    border: 1px solid;
    background-color: white;

}
.swiper1 .swiper-slide {
    text-align: center;
    font-size: 18px;
    /* height:50px; */
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    cursor:pointer;
}

/* 
a.navigation__link.sticky-nav-tab.swiper-slide.swiper-slide-duplicate.swiper-slide-prev {
    background-image: url(https://www.iconpacks.net/icons/2/free-arrow-left-icon-3099-thumb.png);
    background-size: contain;
    background-position: 114% 100%;
    background-color: transparent;
    background-repeat: no-repeat;
} */





.top-left {
    position: absolute;
    bottom: -13px;
    left: 16px;
  }







  
.storeOrdericon {
    /* min-height: 100%; */
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .storeOrdericon button {
    padding: 12px 15px;
    border: none;
    background: #f7f9fb;
    position: relative;
    outline: none;
    border-radius: 5px;
    color: #545454;
    font-size: 17px;
  }

  .storeOrdericon button i {
    color: #651e0a;
}

  .storeOrdericon button .cart-item {
    position: absolute;
    height: 24px;
    width: 24px;
    top: -10px;
    right: -10px;
  }
  .storeOrdericon button .cart-item:before {
    content: "1";
    display: block;
    line-height: 24px;
    height: 24px;
    width: 24px;
    font-size: 12px;
    font-weight: 600;
    background: #2bd156;
    color: white;
    border-radius: 20px;
    text-align: center;
  }
  .storeOrdericon button.sendtocart .cart-item {
    display: block;
    animation: xAxis 1s forwards cubic-bezier(1, 0.44, 0.84, 0.165);
  }
  .storeOrdericon button.sendtocart .cart-item:before {
    animation: yAxis 1s alternate forwards cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  
  .storeOrdericon .cart {
    position: fixed;
    bottom: 20px;
    left: 20px;
    width: 20px;
    height: 30px;
    background: #c0b38e;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    padding: 22px 25px 20px 20px;
    align-self: center;
    justify-content: center;
  }
  .storeOrdericon .cart i {
    font-size: 20px;
    color: white;
  }
  .storeOrdericon .cart:before {
    content: attr(data-totalitems);
    font-size: 12px;
    font-weight: 600;
    position: absolute;
    top: -10px;
    right: -7px;
    background: #1faf44;
    line-height: 26px;
    padding: 0 5px;
    height: 24px;
    min-width: 24px;
    color: white;
    text-align: center;
    border-radius: 24px;
  }
  .storeOrdericon .cart.shake {
    animation: shakeCart 0.4s ease-in-out forwards;
  }
  

  .storeOrdericon .tm-dishbox-wrapper.dishbox-style2 .tm-box-content.inner {
    background-color: #f7f9fb;
  }


  @keyframes xAxis {
    100% {
      transform: translateX(calc(50vw - 105px));
    }
  }
  @keyframes yAxis {
    100% {
      transform: translateY(calc(-50vh + 75px));
    }
  }
  @keyframes shakeCart {
    25% {
      transform: translateX(6px);
    }
    50% {
      transform: translateX(-4px);
    }
    75% {
      transform: translateX(2px);
    }
    100% {
      transform: translateX(0);
    }
  }


  .detect_location {
    text-align: center;
    color: #943030;
    margin: 7px 0;
    background-color: #f2e3c1b8;
    padding: 5px;
    font-size: 17px;
    font-weight: 600;
    text-transform: capitalize;
  }














  /* --------------------------------------------------------------------
 * ## pageheader
 * -------------------------------------------------------------------- */
.s-pageheader {
    text-align : center;
}

.s-pageheader .row {
    max-width : 900px;
}

.s-pageheader .page-title {
    font-size     : var(--text-display-3);
    line-height   : 1.085;
    margin-top    : 0;
    margin-bottom : var(--vspace-1);
}

.s-pageheader .page-title__small-type {
    display        : block;
    font-family    : var(--font-1);
    font-weight    : 300;
    font-size      : calc(var(--text-size) * 0.8889);
    letter-spacing : 0;
    line-height    : 1;
    color          : var(--color-text-light);
}

.s-pageheader+.bricks {
    padding-top : var(--vspace-2);
}




.swiper {
      width: 100%;
      height: 100%;
      margin: 30px 0;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #f6f6f6;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }


.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
}
/* .swiper-button-next:after,
.swiper-button-prev:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  top: -50%;
} */


.swiper-button-next {
    right: -5px;
    background-color: #ffffff;
    filter: grayscale(1);
    width: 35px;
    border-radius: 10px 0 0 10px;
}
.swiper-button-next::after {

  font-size: 20px;
}


.swiper-button-prev {
    left: -5px;
    background-color: #ffffff;
    filter: grayscale(1);
    width: 35px;
    border-radius: 0 10px 10px 0;
}
.swiper-button-prev::after {
  font-size: 20px;
}

.image-fixed img{
    width: 100%;
    border-radius: 10px;
    /* max-height: 58vh; */
}

.product-widget-wrapper.choux_section .widget.widget-products {
    margin: 0;
}


.cart-home {
    font-size: 15px;
    /* border: 1px solid #4CAF4F; */
    background-color: #edebebc7;
    color: #4CAF50;
    border-radius: 5px;
    padding: 7px 15px 3px;
    margin-bottom: 0;
}

.cart-home:hover {
    background-color: #4CAF50;
    color: #fff;
}


.banner_order {
    margin-bottom: 2%;
}



.qty-block {
    margin: 10px 10px;
    display: flex;
    justify-content: space-evenly;
  }
  


  .storeOrdericon .qty-block button {
    padding: 6px 15px;
    border: none;
    background: #13a762;
    position: relative;
    outline: none;
    border-radius: 5px;
    color: #ffffff;
    font-size: 17px;
  }

  .qty-block .qty {
    float: left;
    width: 80px;
    margin-right: 10px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
  
  .qty-block .qty_inc_dec .increment,
  .qty-block .qty_inc_dec .decrement {
    font-style: normal;
    float: left;
    text-align: center;
    width: 30px;
    cursor: pointer;
    font-size: 0.7em;
    line-height: 20px;
    height: 25px;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #ccc;
    font-weight: 900;
  }
  

  .qty-block .qty_inc_dec .decrement {
    font-size: 1rem;
    line-height: 1.5;
}

.qty-block .qty_inc_dec .increment {
    border-bottom: 0;
    line-height: 25px;
  }
  
  .qty-block .qty_inc_dec {
    float: left;
    width: 10px;
    height: 50px;
    display: inline-block;
  }
  
  .qty-block .qty input[type=text] {
    float: left;
    outline: 0;
    font-size: 1.2em;
    text-align: center;
    width: 50px;
    height: 50px;
    color: #2a2a2a;
    line-height: 40px;
    border: 1px solid #ccc;
    border-right: 0;
    margin-bottom: 0;
  }
  

  .menu-wrapper {
    max-width: 800px;
    height: 40px;
    padding: 0 30px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
  }
  .menu-wrapper .menu-item {
    height: 100%;
    overflow: auto;
    white-space: nowrap;
  }
  .menu-wrapper .menu-item a {
    display: inline-block;
    padding: 5px 20px;
    color: #333;
    height: 100%;
    font-size: 18px;

  }

  .menu-wrapper .menu-item a.active {
    color: #651e0a;
    font-weight: 600;
}

  .menu-wrapper .menu-item a:hover {
    text-decoration: none;
    color: #c5a572;
  }
  .menu-wrapper .menu-item a:first-child {
    padding-left: 20px;
  }
  .menu-wrapper .menu-item::-webkit-scrollbar {
    display: none;
  }
  .menu-wrapper .pointer {
    height: 40px;
    width: 30px;
    line-height: 38px;
    text-align: center;
    position: absolute;
    top: 0;
  }
  .menu-wrapper .pointer i {
    color: #333;
    cursor: pointer;
  }
  .menu-wrapper .left-pointer {
    left: 0;
  }
  .menu-wrapper .right-pointer {
    right: 0;
  }
  .menu-wrapper .dis i {
    color: #ccc;
  }
  a.active{
    color: red;
  }

  

  
/* new banner pages  */
  .module-hero {
    align-content: center;
    display: grid;
    grid-column-gap: 0;
    grid-row-gap: 0;
    grid-template-columns: 1fr;
    grid-template-rows: 260px;
    justify-content: center;
  }
  .module-hero picture {
    grid-area: 1/1/2/2;
  }
  .module-hero picture img {
    display: grid;
    height: 100%;
    min-width: 350px;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
  }
  .module-hero .color-overlay {
    background: #29211696;
    /* background: linear-gradient(60deg, rgba(0, 0, 0, 0.8) 30%, rgba(255, 255, 255, 0) 100%); */
    display: grid;
    grid-area: 1/1/2/2;
    max-width: 100%;
  }
  .module-hero .content {
    align-items: center;
    display: grid;
    grid-area: 1/1/2/2;
    margin: 0 1.5em;
  }
  .module-hero .content .content-wrapper {
    color: white;
    text-align: center;
  }