@charset "utf-8";
/*======================================
 [ -Main Stylesheet-
  Theme: Wanteat
  Version: 1.5
  Last change: 14/01/2025 ] 
*/
/*-------------Import fonts ---------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;700&family=Frank+Ruhl+Libre:wght@300;400;500;600;700;800;900&family=Jost:wght@200;300;400;500;600&display=swap');
/*-------------General Style---------------------------------------*/
:root {
    --main-color: #D5AD72;
    --main-font: 'Frank Ruhl Libre', serif;
    --secondary-font: 'Jost', sans-serif;
    --thrd-font: 'Cormorant Garamond', serif;
}

html {
    overflow-x: hidden !important;
    height: 100%;
}

body {
    margin: 0;
    padding: 0;
    font-family: var(--main-font);
    font-weight: 400;
    font-size: 12px;
    background: #0A0B0A;
    height: 100%;
    text-align: center;
    color: #1e1e1e;
}

@-o-viewport {
    width: device-width;
}

@-ms-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}
/*--------------Typography--------------------------------------*/
p {
    text-align: left;
    font-size: 14px;
    line-height: 24px;
    padding-bottom: 10px;
    font-weight: 400;
    color: #5e646a;
    font-family: var(--secondary-font);
}

.has-drop-cap:first-letter {
    font-size: 70px;
    float: left;
    padding: 20px 20px 40px 0;
    font-family: var(--thrd-font);
    color: var(--main-color);
}

blockquote {
    float: left;
    padding: 10px 20px 0;
    margin: 0 0 20px;
    border-left: 10px solid #eee;
    position: relative;
}

    blockquote p {
        font-style: italic;
        font-size: 13px;
        color: #333;
    }
/* ---------Page preload--------------------------------------*/
.main-loader {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 11100;
    background: #0A0B0A;
}

.loader-wrap {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    z-index: 20;
}

.loader {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin: -20px 0 0 -20px;
    z-index: 20;
    transform: scale(1.0);
}

    .loader:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 40px;
        height: 40px;
        margin: -20px 0 0 -20px;
        border: 1px solid rgba(255, 255, 255, .3);
        border-top: 1px solid var(--main-color);
        border-radius: 50%;
        animation: spin2 0.5s infinite linear;
        z-index: 1;
    }

@keyframes spin2 {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}
/* ---------Content Styles--------------------------------------*/
#main {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    opacity: 0;
}

    #main.mainvis {
        opacity: 1
    }

#wrapper {
    vertical-align: top;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
}

.container {
    width: min(100% - 25px, 1600px);
    margin-inline: auto;
    position: relative;
    z-index: 5;
}

    .container.small-container {
        width: min(100% - 40px, 1100px);
    }

.mid-padding {
    padding: 50px 40px;
}

.fl-wrap {
    float: left;
    width: 100%;
    position: relative;
}

.no-bg {
    background: none !important;
}

.full-height {
    height: 100%;
}

.bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-attachment: scroll;
    background-position: center;
    background-repeat: repeat;
    background-origin: content-box;
}

.respimg, .single-slider img {
    width: 100%;
    height: auto;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .4;
    z-index: 2
}

.fs-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

.no-padding {
    padding: 0 !important;
}

.dark-bg {
    background: #0A0B0A;
}
/*------   Header  -----------*/
.header_half {
    position: fixed;
    z-index: 20;
    width: 60%;
    top: 40px;
    right: 0;
    padding: 0 40px 0 20px;
    transition: all .3s ease-in-out;
}

.scroll-sticky {
    top: 20px;
}

.header-inner {
    position: relative;
    height: 80px;
    background: #111;
    border-radius: 10px;
}

    .header-inner:before, .share-wrapper_half:before {
        content: '';
        position: absolute;
        top: -5px;
        left: -5px;
        right: -5px;
        bottom: -5px;
        border: 1px dashed rgba(255,255,255,.2);
        z-index: -2;
        box-shadow: 0px 0px 0px 5px rgba(255,255,255,.09);
        border-radius: 10px;
    }

.logo-holder {
    left: 70px;
    position: fixed;
    top: 60px;
    z-index: 21;
    transition: all .3s ease-in-out;
}

    .logo-holder.scroll-sticky {
        top: 40px;
    }

    /*.logo-holder img {
        width: auto;
        height: 100%;
    }*/

.header_half .nav-button_wrap, .ppmenu_btn {
    position: absolute;
    right: 0;
    top: 0;
    width: 90px;
    height: 100%;
    cursor: pointer;
}

    .header_half .nav-button_wrap:before, .header_half .cart-btn:before {
        content: '';
        position: absolute;
        top: 20px;
        bottom: 20px;
        width: 1px;
        left: 0;
        background: rgba(255,255,255,.1)
    }

.header_half .cart-btn:before {
    bottom: 5px;
    top: 5px;
    left: -20px;
}

.header_half .nav-button, .ppmenu_btn .nav-button {
    position: absolute;
    width: 30px;
    height: 20px;
    left: 50%;
    top: 50%;
    margin: -10px 0 0 -15px;
}

    .header_half .nav-button span, .header_half .nav-button:before, .header_half .nav-button:after, .ppmenu_btn .nav-button span, .ppmenu_btn .nav-button:after, .ppmenu_btn .nav-button:before {
        content: '';
        position: absolute;
        width: 0;
        height: 2px;
        left: 0;
        background: var(--main-color);
        transition: all .3s ease-in-out;
    }

.header_half .isvis_hid_menu .nav-button span, .header_half .isvis_hid_menu .nav-button:after, .header_half .isvis_hid_menu .nav-button:before {
    width: 100%;
    transition-delay: .3s
}

.nav-button_wrap:after {
    font-family: "Font Awesome 6 Pro";
    content: '\f00d';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 28px;
    margin: -9px 0 0 -9px;
    opacity: 1;
    transform: scale(1.0) rotate(0deg);
    color: var(--main-color);
    transition: all .6s ease-in-out;
    transition-delay: .3s;
}

.nav-button_wrap.isvis_hid_menu:after {
    opacity: 0;
    transition-delay: 0s;
    transform: scale(0) rotate(720deg);
}

.header_half .nav-button span, .ppmenu_btn .nav-button span {
    top: 50%;
    margin-top: -1px;
}

.header_half .isvis_hid_menu .nav-button span, .ppmenu_btn .nav-button span {
    width: 70%;
}

.header_half .nav-button:after, .ppmenu_btn .nav-button:after {
    bottom: 0;
}

.header_half .nav-button:before, .ppmenu_btn .nav-button:before {
    top: 0;
}

.header_half .nav-button:hover span, .ppmenu_btn .nav-button:after, .ppmenu_btn .nav-button:before {
    width: 100%;
}

.header_half .nav-button:hover:before, .header_half .nav-button:hover:after {
    width: 70%;
}

.header_half .header-top_contacts {
    float: left;
    margin-left: 10px;
}

    .header_half .header-top_contacts a {
        float: left;
        color: #fff;
        margin-left: 20px;
        font-weight: 600;
        text-transform: uppercase;
        transition: all .2s ease-in-out;
        height: 80px;
        line-height: 80px;
    }

        .header_half .header-top_contacts a:hover {
            color: var(--main-color);
        }

        .header_half .header-top_contacts a span {
            padding-right: 10px;
            color: var(--main-color);
        }

.header_half .cart-btn {
    float: right;
    height: 54px;
    line-height: 54px;
    width: 54px;
    top: 50%;
    margin: -27px 0 0 0;
    padding-top: 4px;
}

.header_half .share-btn {
    float: right;
    height: 80px;
    line-height: 80px;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 700;
    margin-right: 110px;
}

    .header_half .share-btn i {
        margin-left: 10px;
        font-weight: 900;
        color: var(--main-color);
        transform: rotateX(180deg);
    }

.share-btn.isShare i {
    transform: rotateX(0deg);
}

.cart-btn strong {
    border-radius: 4px;
}

.header_half-reser_btn {
    float: right;
    position: relative;
    padding: 0 50px;
    border-radius: 6px;
    background: #222;
    color: var(--main-color);
    height: 54px;
    line-height: 54px;
    margin: 0 25px 0 20px;
    top: 14px;
    font-size: 1.2em;
    font-weight: 700;
    cursor: pointer;
    transition: all .3s ease-in-out;
}

    .header_half-reser_btn i {
        display: none
    }

    .header_half-reser_btn:hover {
        background: var(--main-color);
        color: #fff;
    }

.header_half .cart-btn i {
    font-size: 1.5em;
}

.hidden_menu-container {
    position: fixed;
    top: 0;
    left: 100%;
    width: 100%;
    bottom: 0;
    z-index: 18;
}

.rhmc {
    left: 0;
}

.hiddenmenu {
    position: absolute;
    top: 120px;
    right: 20px;
    width: 60%;
    opacity: 0;
    visibility: hidden;
    z-index: 25;
    transition: all .3s ease-out;
    bottom: 0;
}

    .hiddenmenu:before {
        content: '';
        position: absolute;
        top: 40px;
        bottom: 40px;
        right: 40px;
        left: 20px;
        background: #111;
        border-radius: 10px;
        z-index: 1;
        box-shadow: 0px 0px 0px 5px rgba(255,255,255,.09);
    }

    .hiddenmenu:after {
        content: '';
        position: absolute;
        top: 80px;
        bottom: 80px;
        right: 80px;
        left: 80px;
        border: 1px dotted rgba(255,255,255,.2);
        border-radius: 10px;
        z-index: 3;
    }

.hiddenmenu_vis {
    right: 0;
    opacity: 1;
    visibility: visible;
}

.hiddenmenu .nav-wrap {
    position: absolute;
    top: 50%;
    right: 50%;
    width: 480px;
    transform: translateY(-50%);
    margin-right: -240px;
    z-index: 5;
}

.hiddenmenu nav.nav-inner {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
    z-index: 4;
    min-height: 340px;
}

.hiddenmenu .sliding-menu a {
    color: #fff;
    font-size: 3.7em;
    height: 70px;
    font-weight: 400;
    line-height: 70px;
    text-transform: uppercase;
    position: relative;
}

    .hiddenmenu .sliding-menu a:before {
        font-family: "Font Awesome 6 Pro";
        content: '\f323';
        color: rgba(255,255,255,.3);
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        font-size: 10px;
        opacity: 0;
    }

    .hiddenmenu .sliding-menu a:after {
        font-family: "Font Awesome 6 Pro";
        content: '\f324';
        color: rgba(255,255,255,.3);
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        font-size: 10px;
        opacity: 0;
    }

    .hiddenmenu .sliding-menu a.act-link:after, .hiddenmenu .sliding-menu a.act-link:before, .hiddenmenu .sliding-menu a.actscr-link:before, .hiddenmenu .sliding-menu a.actscr-link:after {
        opacity: 1
    }

    .hiddenmenu .sliding-menu a.back:after {
        display: none;
    }

    .hiddenmenu .sliding-menu a.back:before {
        content: '\f00d';
        transform: translateX(-50%) translateY(-50%);
        left: 50%;
        opacity: 1;
        color: var(--main-color);
        font-size: 18px;
    }

.share-wrapper_half {
    position: absolute;
    top: 100%;
    margin-top: 10px;
    right: 90px;
    padding: 0 20px;
    height: 70px;
    line-height: 70px;
    background: #111;
    border-radius: 10px;
    opacity: 0;
    visibility: hidden;
    transition: all .3s linear;
}

.nav-social {
    position: absolute;
    left: 50%;
    bottom: 54px;
    transform: translateX(-50%);
    z-index: 5;
}

    .nav-social ul {
        background: #111;
        padding: 0 30px;
    }

    .nav-social li {
        display: inline-block;
        margin: 0 4px;
    }

        .nav-social li a, .hero-social li a {
            width: 46px;
            height: 46px;
            line-height: 46px;
            float: left;
            border-radius: 4px;
            border: 1px solid rgba(255,255,255,.1);
            background: rgba(255,255,255,.03);
            transition: all .3s linear;
        }

            .nav-social li a:hover, .hero-social li a:hover {
                background: #fff;
                border-radius: 50%;
            }

.nav_dec {
    position: relative;
    width: 90px;
    display: inline-block;
    margin: 0 0 30px 0;
}

.nd_bottom {
    margin: 30px 0 0 0;
}

.nav_dec span {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--main-color);
    display: inline-block;
}

.nav_dec:before, .nav_dec:after {
    content: '';
    position: absolute;
    width: 30px;
    height: 1px;
    border-top: 1px dotted rgba(255,255,255,.2);
    top: 50%;
    margin-top: 1px;
}

.nav_dec:before {
    left: 0;
}

.nav_dec:after {
    right: 0;
}

.nav-separator {
    position: absolute;
    top: 70px;
    left: 50%;
    width: 200px;
    height: 20px;
    line-height: 20px;
    background: #111;
    z-index: 10;
    margin-left: -100px;
}

    .nav-separator span:after {
        content: '\25CF\25CF\25CF\25CF\25CF\25CF';
        color: #333;
        font-size: 5px;
        letter-spacing: 8px;
    }

    .nav-separator span {
        display: inline-block;
        width: 60px;
    }

.visshare {
    margin-top: 30px;
    opacity: 1;
    visibility: visible;
}

.share-icon:hover, .nav-social li a, .nav-separator span:after {
    color: var(--main-color);
}
/*------ content ------------------------------------------------*/
.column-wrap {
    float: right;
    width: 60%;
    position: relative;
    z-index: 4;
    min-height: 100vh;
    background: #0A0B0A;
    padding-right: 20px;
}

.single_colimn-wrap {
    padding-top: 20px;
}

.column-wrap-section {
    margin-bottom: 30px;
    border-radius: 10px;
    padding: 90px 0;
}

.single_colimn-wrap .column-wrap-section:first-child {
    padding-top: 180px;
}

.content-section_dark-dec {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: #111;
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,.1);
}

.column-wrap-section.small-padding_section {
    padding: 30px 0 50px;
}

.column-image {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 40%;
    z-index: 3;
}

.column-image-title {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    z-index: 10;
    padding: 80px 60px;
    border-radius: 0 0 20px 20px;
    overflow: hidden;
}

    .column-image-title:before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 50%;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.99) 100%);
        z-index: -1;
    }

    .column-image-title h2 {
        color: var(--main-color);
        text-align: left;
        font-size: 5.3em;
        max-width: 450px;
        font-weight: 600;
        line-height: 64px;
        margin-bottom: 20px;
        position: relative;
        font-family: var(--thrd-font);
        transition: all .3s;
    }

.bg-title h2 {
    text-align: center;
    max-width: 100%;
    margin: 0;
    font-size: 4.0em;
    text-transform: uppercase;
    font-weight: 500;
}

.column-image-title h2:before {
    content: '';
    position: absolute;
    left: 0;
    width: 40px;
    height: 1px;
    top: -30px;
    background: #fff;
}

.bg-title h2:before {
    left: 50%;
    margin-left: -20px;
}

.hid-text-anim {
    filter: blur(13px);
    -webkit-filter: blur(13px);
}

.column-image-title p {
    color: #fff;
    max-width: 450px;
}

.column_footer {
    width: 60%;
    padding-right: 20px;
}

    .column_footer:before, .column_footer:after {
        content: '';
        position: absolute;
        background: #0A0B0A;
        bottom: 0;
        right: 0;
        z-index: 10;
    }

    .column_footer:before {
        width: 20px;
        height: 100%;
    }

    .column_footer:after {
        height: 20px;
        width: 100%;
    }

    .column_footer .main-footer_content {
        padding: 70px 0 0;
        border-radius: 10px;
        overflow: hidden;
        background: #111;
        margin-bottom: 20px;
    }

.menu-container {
    position: relative;
    margin-bottom: 50px;
}

    .menu-container .section-title h2:before {
        content: '';
        position: absolute;
        left: 50%;
        top: -14px;
        width: 30px;
        height: 1px;
        margin-left: -15px;
        background: var(--main-color);
    }

.menu-container-wrap {
    position: relative;
    border: 1px dashed #ddd;
    border-radius: 10px;
    padding: 30px;
    background: #f9f9f9;
    overflow: hidden;
    display: grid;
    grid-template-columns: 50% 50%;
}

    .menu-container-wrap:before, .post-item_content:before {
        content: '';
        position: absolute;
        left: 50%;
        width: 1px;
        border-left: 1px dashed #ddd;
        top: 0;
        bottom: 0;
        z-index: 20;
    }

.post-item_content:before {
    z-index: 1;
}

.menu-container-wrap .hero-menu-item-img {
    left: 20px;
}

.menu-container-wrap .hero-menu-item-price, .menu-container-wrap .add_cart {
    right: 20px;
}

.menu-container-wrap .hero-menu-item:hover {
    background: #f9f9f9;
}

.menu-container-wrap .hero-menu-item {
    padding: 30px 0 30px 130px;
    background: #fff;
}

    .menu-container-wrap .hero-menu-item:nth-child(2) {
        border-top: 1px dashed #ddd;
    }

    .menu-container-wrap .hero-menu-item:nth-child(even) {
        border-right: 1px dashed #ddd;
    }

    .menu-container-wrap .hero-menu-item:nth-child(odd) {
        border-left: 1px dashed #ddd;
    }

.content-section.menu-section_wrap {
    padding-bottom: 0;
}

.dishes-nav-container {
    position: relative;
    z-index: 100;
    padding-bottom: 20px;
}

.dishes-nav-content {
    position: relative;
    height: 80px;
    background: #111;
    border-radius: 10px;
    box-shadow: 0px -10px 64px 0px rgba(0,0,0,.4);
}

.dishes-nav, .dishes-nav li {
    float: left;
}

.dishes-nav {
    margin-left: 15px;
}

    .dishes-nav ul {
        position: relative;
        top: 13px;
        overflow: hidden;
        border-radius: 10px;
        height: 54px;
        border: 1px solid rgba(255,255,255,.1);
    }

    .dishes-nav a {
        float: left;
        background: #222;
        color: #fff;
        height: 54px;
        line-height: 54px;
        font-size: 1.2em;
        font-weight: 600;
        padding: 0 40px;
        position: relative;
        border-right: 1px solid rgba(255,255,255,.07);
    }

    .dishes-nav ul li:last-child a {
        border: none;
    }

    .dishes-nav a.act-dish, .dishes-nav a:hover {
        color: var(--main-color);
    }

.dwonload_btn {
    position: absolute;
    height: 54px;
    line-height: 54px;
    padding: 0 54px;
    top: 13px;
    right: 13px;
    background: #222;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 4px;
    color: var(--main-color);
    border: 1px solid rgba(255,255,255,.1);
    transition: all .3s ease-in-out;
}

    .dwonload_btn:hover {
        background: var(--main-color);
        color: #222;
    }

.hero-menu_header {
    position: relative;
    margin: 30px 0 20px;
    padding-top: 20px;
    border-top: 1px dashed #ddd;
}

.hero-menu-det {
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px dashed #ddd;
}

.hero-menu_header li {
    text-align: left;
    margin: 20px 0;
    font-size: 1.5em;
    font-weight: 700;
    position: relative;
}

    .hero-menu_header li:after {
        content: '';
        position: absolute;
        right: 90px;
        top: 50%;
        width: 0;
        height: 1px;
        border-top: 1px dashed #ccc;
        transition: all .3s ease-in-out;
    }

    .hero-menu_header li.current:after {
        width: 40px;
    }

    .hero-menu_header li:before {
        font-family: "Font Awesome 6 Pro";
        content: '\f0da';
        position: absolute;
        right: 50px;
        top: 50%;
        height: 20px;
        line-height: 20px;
        font-size: 14px;
        margin-top: -10px;
        font-weight: 900;
        color: #ccc;
        transition: all .3s ease-in-out;
    }

    .hero-menu_header li a {
        color: #666;
        transition: all .3s ease-in-out;
    }

        .hero-menu_header li.current a, .hero-menu_header li.current:before, .hero-menu_header li a:hover, .hero-menu_title h4 {
            color: var(--main-color);
        }

.hero-menu-wrap {
    position: relative;
    background: #fff;
    border: 1px dashed #ddd;
    border-radius: 10px;
    padding: 60px 50px;
    box-shadow: 0px 10px 54px 0px rgba(12, 0, 46, .07);
}

    .hero-menu-wrap:before, .hero-menu-wrap:after {
        font-family: "Font Awesome 6 Pro";
        content: '\f4d8';
        position: absolute;
        color: #ccc;
        font-size: 20px;
    }

    .hero-menu-wrap:before {
        left: 15px;
        top: 15px;
        transform: rotate(125deg);
    }

    .hero-menu-wrap:after {
        right: 15px;
        bottom: 15px;
        transform: rotate(-45deg)
    }

.hero-menu-item {
    padding: 30px 0 30px 110px;
    position: relative;
    border-bottom: 1px dashed #ddd;
}

.uvis-hmi {
    opacity: 0;
    left: 30px;
}

.first-tab .hero-menu-item {
    opacity: 1;
    left: 0;
}

.hero-menu-wrap .hero-menu-item:first-child, .menu-container-wrap .hero-menu-item:first-child {
    border-top: 1px dashed #ddd;
}

.hero-menu-item-img {
    width: 90px;
    height: 90px;
    overflow: hidden;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -45px;
    box-shadow: 0px 10px 14px 0px rgba(12, 0, 46, .2);
}

    .hero-menu-item-img img {
        width: 100%;
        height: 100%;
        transition: all .2s ease-in-out;
    }

    .hero-menu-item-img:before {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        top: 0;
        background: rgba(0,0,0,0.6);
        opacity: 0;
        transition: all .2s ease-in-out;
        z-index: 2;
    }

    .hero-menu-item-img:after {
        font-family: "Font Awesome 6 Pro";
        content: "\f002";
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        z-index: 3;
        opacity: 0;
        font-size: 15px;
        transition: all .2s ease-in-out;
        color: var(--main-color);
    }

    .hero-menu-item-img:hover:before, .hero-menu-item-img:hover:after {
        opacity: 1;
    }

    .hero-menu-item-img:hover img {
        transform: scale(1.2);
    }

.hero-menu-item-title h6 {
    text-align: left;
    padding-bottom: 10px;
    color: #444;
    font-size: 1.4em;
    font-weight: 800;
    position: relative;
}

.hot-desc {
    color: var(--main-color);
    margin-left: 10px;
}

.hero-menu-item-title h6 a:hover {
    text-decoration: underline;
    color: #666;
    transition: all .2s ease-in-out;
}

.hero-menu-item-price {
    font-weight: 500;
    font-size: 1.7em;
    position: absolute;
    right: 0;
    top: 30px;
    color: var(--main-color);
}

.add_cart {
    position: absolute;
    bottom: 5px;
    right: 0;
    font-size: .9em;
    font-weight: 700;
    background: #111;
    color: var(--main-color);
    padding: 8px 12px;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transition: all .2s ease-in-out;
    border: 1px solid #ddd;
    box-shadow: 0px 10px 14px 0px rgba(12, 0, 46, .1);
    border-radius: 4px;
}

    .add_cart:hover {
        background: #fff;
    }

.hero-menu-item:hover .add_cart {
    opacity: 1;
    visibility: visible;
}

.hero-menu-item-details {
    padding-right: 50px;
}

.single-slider, .single-dec_img img {
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0px 30px 64px 0px rgba(0,0,0,.4);
}

.order-wrap {
    height: 80px;
    background: #111;
    border-radius: 10px;
    position: relative;
    border: 1px solid rgba(255,255,255,.1);
    margin-bottom: 20px;
}

    .order-wrap h4 {
        text-align: left;
        color: #fff;
        line-height: 80px;
        font-weight: 600;
        font-size: 1.4em;
    }

    .order-wrap .btn {
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
    }

.events-carousel-wrap {
    z-index: 5;
    padding: 0 30px;
    position: relative;
    margin-top: 30px;
}

.event-carousel-item_container {
    position: relative;
    z-index: 10;
}

.event-carousel-item {
    position: relative;
    padding: 90px 40px 90px;
    border: 1px solid rgba(255,255,255,.1);
    background: #222;
    border-radius: 10px;
    overflow: hidden;
}

    .event-carousel-item .overlay, .event-carousel-item .bg {
        opacity: 0;
        transition: all .3s ease-in-out;
    }

    .event-carousel-item .bg {
        filter: blur(100px)
    }

.events-carousel .swiper-slide-active .event-carousel-item .bg {
    filter: blur(0px);
    opacity: 1;
    transition-delay: .6s
}

.events-carousel .swiper-slide-active .event-carousel-item .overlay {
    opacity: .6;
    transition-delay: .6s
}

.event-carousel-item:before {
    content: '';
    position: absolute;
    left: 50%;
    height: 1px;
    width: 30px;
    margin-left: -15px;
    bottom: 30px;
    background: var(--main-color);
    z-index: 20;
}

.event-carousel-item:after {
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -60px;
    height: 1px;
    width: 120px;
    background: rgba(255,255,255,.2);
    bottom: 30px;
    z-index: 21;
    color: #fff;
}

.event-carousel-item h4 {
    color: #fff;
    font-size: 1.6em;
    font-weight: 600;
    position: relative;
}

    .event-carousel-item h4:before {
        content: '';
        position: absolute;
        left: 50%;
        top: -15px;
        width: 40px;
        height: 1px;
        margin-left: -20px;
        background: var(--main-color);
    }

.event-carousel-item p {
    color: #fff;
    text-align: center;
    border-bottom: 1px dashed rgba(255,255,255,.2);
    padding-bottom: 25px;
}

.event-date {
    display: block;
    font-size: 1.0em;
    text-transform: uppercase;
    color: var(--main-color);
    padding: 15px 0 20px;
    font-weight: 700;
}

.ec_controls {
    position: relative;
    display: inline-block;
    margin-top: 40px;
    padding: 0 40px;
}

.ec_counter {
    position: relative;
    z-index: 1;
    display: block;
    color: #fff;
    font-size: 1.4em;
    height: 20px;
    line-height: 20px;
    top: -4px;
}

    .ec_counter:before {
        content: '';
        position: absolute;
        left: 50%;
        top: 50%;
        width: 1px;
        height: 20px;
        background: var(--main-color);
        opacity: .5;
        margin-top: -7px;
        transform: rotate(35deg);
    }

.ec_controls:after {
    content: '';
    position: absolute;
    bottom: -100px;
    height: 80px;
    width: 1px;
    background: rgba(255,255,255,.1);
    left: 50%;
}

.ec_counter span {
    margin: 0 15px;
}

.ec-button {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    z-index: 20;
    cursor: pointer;
    font-size: 18px;
    color: var(--main-color);
}

.ec-button-prev {
    left: 0;
}

.ec-button-next {
    right: 0;
}

.services-list-container {
    position: relative;
    z-index: 10;
    padding: 20px;
}

.services-list-item {
    padding: 120px 40px 30px;
    border-radius: 10px;
    position: relative;
    background: #222;
    border: 1px solid rgba(255,255,255,.1);
}

    .services-list-item p {
        color: rgba(255,255,255,.7)
    }

    .services-list-item h3 {
        color: #fff;
        font-weight: 600;
        font-size: 1.4em;
        text-align: left;
        padding-bottom: 20px;
    }

    .services-list-item ul {
        margin-top: 20px;
        padding-top: 20px;
        border-top: 1px solid rgba(255,255,255,.1);
        overflow: hidden;
    }

        .services-list-item ul li {
            float: left;
            font-size: 1.1em;
            color: var(--main-color);
            margin-right: 10px;
            font-weight: 700;
        }

.serv-icon {
    position: absolute;
    left: 40px;
    top: 20px;
    font-size: 3.5em;
    color: var(--main-color);
    opacity: .6
}

.services_number {
    position: absolute;
    right: 40px;
    top: 30px;
    color: rgba(255,255,255,.3);
    font-size: 1.7em;
}

.dec-list {
    padding: 20px 0;
    margin: 20px 0;
    border-top: 1px dashed #ddd;
    border-bottom: 1px dashed #ddd;
    overflow: hidden;
}

    .dec-list li {
        float: left;
        width: 100%;
        font-size: 1.2em;
        text-align: left;
        margin: 10px 0;
    }

        .dec-list li i {
            color: var(--main-color);
            margin-right: 15px;
            font-size: 22px;
        }

.image-collge-wrap, .single-slider-wrap, .single-slider {
    position: relative
}

.single-slider-wrap {
    z-index: 4;
}

.hero-scrolldown {
    bottom: 40px;
    left: 160px;
    z-index: 20;
}

.scroll-down-wrap, .scroll-down_title {
    float: left;
}

.scroll-down_title {
    color: #fff;
    margin-left: 20px;
    position: relative;
    top: 6px;
    font-size: 1.2em
}

.hero-social {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 40px;
    z-index: 20;
    width: 46px;
}

    .hero-social:before, .hero-social:after {
        content: '';
        position: absolute;
        left: 50%;
        width: 1px;
        border-left: 1px dotted rgba(255,255,255,.2);
        height: 90px;
    }

    .hero-social:before {
        top: calc(100% + 30px)
    }

    .hero-social:after {
        bottom: calc(100% + 30px)
    }

    .hero-social li a {
        margin-bottom: 4px;
        background: rgba(0,0,0,.3);
        color: var(--main-color);
    }

.hero-title-item_dec {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
}

    .hero-title-item_dec span {
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: var(--main-color);
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -3px;
    }

    .hero-title-item_dec:before, .hero-title-item_dec:after {
        content: '';
        position: absolute;
        left: 0;
        width: 1px;
        border-left: 1px dotted rgba(255,255,255,.2);
    }

    .hero-title-item_dec:before {
        top: 0;
        bottom: calc(50% + 50px);
    }

    .hero-title-item_dec:after {
        bottom: 0;
        top: calc(50% + 50px);
    }

.hero_promo-wrap:before {
    content: '';
    position: absolute;
    bottom: 50px;
    height: 1px;
    border-top: 1px dotted rgba(255,255,255,.2);
    width: 350px;
    right: calc(100% + 70px);
}

.hero-wrap {
    overflow: hidden;
    z-index: 10;
}

.hero-wrap_dec:before {
    content: '';
    position: absolute;
    left: 20px;
    right: 0;
    bottom: 20px;
    height: 350px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.99) 100%);
    z-index: 2;
    border-radius: 0 0 0 20px;
}

.fs-slider-item.hero-wrap_dec:before {
    bottom: 0;
    left: 0;
}

.parallax-wrap .bg {
    height: 120%;
    top: -10%;
}

.border-bg {
    position: absolute;
    top: 20px;
    left: 20px;
    right: 20px;
    bottom: 20px;
    overflow: hidden;
    border-radius: 20px;
}

.sliding-menu ul {
    margin: 0;
    float: left;
    width: 100%;
    overflow: hidden;
}

.sliding-menu li {
    margin: 0;
    position: relative;
    float: left;
    width: 100%;
}

.sliding-menu a {
    float: left;
    height: 40px;
    line-height: 40px;
    position: relative;
    font-weight: 600;
    font-size: 1.6em;
    text-align: center;
    color: #000;
    z-index: 2;
    width: 100%;
}

    .sliding-menu a.back:before {
        font-family: "Font Awesome 6 Pro";
        content: '\f177';
        font-size: 13px;
    }

.act-link, .hiddenmenu .sliding-menu a.act-link, .hiddenmenu .sliding-menu a:hover, .hiddenmenu .sliding-menu a.actscr-link {
    color: var(--main-color);
}

.body-ovelay, .reserv_modal_overlay {
    position: fixed;
    z-index: 19;
    background: rgba(0,0,0,.4);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    display: none;
}

.reserv_modal_overlay {
    z-index: 1;
}

.share-icon {
    position: relative;
    color: #fff;
    display: inline-block;
    margin: 0 15px;
    font-size: 1.0em;
    font-weight: 700;
    text-align: left;
    opacity: 0;
}

.share-icon-facebook:before {
    content: "Facebook";
}

.share-icon-twitter:before {
    content: "X-Twitter";
}

.share-icon-pinterest:before {
    content: "Pinterest";
}

.share-icon-linkedin:before {
    content: "Linkedin";
}

.content-section {
    padding: 120px 0;
    position: relative;
    overflow: hidden;
}

.small-padding_section {
    padding: 50px 0;
}

.section-title {
    position: relative;
    z-index: 5;
    margin-bottom: 30px;
}

    .section-title.text-align_left {
        text-align: left;
    }

    .section-title h4 {
        font-size: 1.8em;
        font-weight: 500;
        padding-bottom: 10px;
        color: var(--main-color);
        font-family: var(--thrd-font);
    }

    .section-title h5 {
        font-family: var(--thrd-font);
        font-size: 1.5em;
        font-weight: 500;
        padding-top: 10px;
    }

    .section-title h2 {
        font-size: 2.8em;
        font-weight: 700;
        color: #323246;
        position: relative;
    }

.content-section.dark-bg .section-title h2 {
    color: #fff;
}

.white-bg {
    background: #fff
}

.btn {
    padding: 18px 50px;
    background: #222;
    color: var(--main-color);
    cursor: pointer;
    box-shadow: 0px 10px 24px 0px rgba(12, 0, 46, .3);
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    display: inline-table;
    transition: all .3s ease-in-out;
}

    .btn i {
        position: relative;
        color: #fff;
        left: 15px;
        transition: all .3s ease-in-out;
        font-size: .7em
    }

    .btn:hover {
        box-shadow: 0px 0px 0px 0px rgba(12, 0, 46, .3);
    }

.radius_btn {
    border-radius: 6px;
}

.btn:hover i {
    left: 25px;
}

.fl-btn {
    float: left;
    margin-top: 30px;
}

.ss-slider-cont {
    position: absolute;
    width: 40px;
    height: 40px;
    line-height: 40px;
    bottom: 20px;
    border-radius: 100%;
    background: #111;
    z-index: 50;
    font-size: 11px;
    cursor: pointer;
    color: var(--main-color);
    box-shadow: 0px 0px 0px 8px rgba(255,255,255,.2);
    transition: all .3s ease-out;
}

.ss-slider-cont-prev {
    right: 80px;
}

.ss-slider-cont-next {
    right: 20px;
}

.ss-slider-cont:hover, .box-media-zoom:hover {
    background: #fff
}

.ss-slider-pagination_wrap {
    height: 20px;
    line-height: 20px;
    position: absolute;
    bottom: 25px;
    z-index: 10;
    left: 40px;
}

.hero-slider-pag_wrap, .ssh_pagination-wrap {
    position: absolute;
    bottom: 36px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 20;
}

    .hero-slider-pag_wrap:before {
        content: '';
        position: absolute;
        top: -80px;
        height: 50px;
        left: 50%;
        width: 1px;
        border-left: 1px dotted rgba(255,255,255,.2);
    }

.ss-slider-pagination {
    position: relative;
    float: left;
    bottom: 0;
}

    .ss-slider-pagination .swiper-pagination-bullet, .hero-slider-pag .swiper-pagination-bullet, .ssh_pagination .swiper-pagination-bullet {
        background: #fff;
        margin: 0 10px;
        padding: 0;
        height: 6px;
        border-radius: 100%;
        opacity: 1;
        width: 6px;
        position: relative;
        top: -2px;
    }

        .ss-slider-pagination .swiper-pagination-bullet:after, .hero-slider-pag .swiper-pagination-bullet:after, .ssh_pagination .swiper-pagination-bullet:after {
            content: '';
            position: absolute;
            left: 50%;
            top: 50%;
            width: 22px;
            height: 22px;
            margin: -11px 0 0 -11px;
            box-sizing: border-box;
            border: 1px solid rgba(255,255,255,.4);
            border-radius: 100%;
            transition: all .3s ease;
            transform: scale(0.0);
        }

        .ss-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after, .hero-slider-pag .swiper-pagination-bullet.swiper-pagination-bullet-active:after, .ssh_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
            transform: scale(1.0);
        }

        .ss-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .hero-slider-pag .swiper-pagination-bullet.swiper-pagination-bullet-active, .ssh_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
            background: var(--main-color);
        }

.box-media-zoom {
    position: absolute;
    width: 46px;
    height: 46px;
    line-height: 46px;
    background: #111;
    border-radius: 50%;
    top: 20px;
    right: 20px;
    font-size: 1.1em;
    transform: scale(0);
    opacity: 0;
    z-index: 20;
    transition: all .3s ease-out;
    color: var(--main-color);
    box-shadow: 0px 0px 0px 8px rgba(255,255,255,.2);
}

.hov_zoom:hover .box-media-zoom {
    transform: scale(1.0);
    opacity: 1;
}

.parallax-element {
    position: absolute;
    z-index: 1;
    opacity: .4;
    transition: all .3s ease-out;
}

.reserv_modal-container {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    overflow: auto;
    display: none;
}

.reserv_modal-inner {
    position: relative;
    width: min(100% - 30px, 1400px);
    margin-inline: auto;
    z-index: 2;
}

.reserv_modal-wrapper {
    float: right;
    width: 60%;
    padding: 90px 90px;
    position: relative;
    overflow: hidden;
    background: #f9f9f9;
}

    .reserv_modal-wrapper:after {
        content: '';
        position: absolute;
        top: 28px;
        left: 28px;
        bottom: 28px;
        right: 28px;
        background: #fff;
        border: 1px dotted #ccc;
        z-index: 1;
        border-radius: 30px 0 30px 30px;
    }

.reservation-content {
    position: relative;
    z-index: 2;
}

.reserv_modal-bg-wrap {
    position: absolute;
    left: 0;
    width: 40%;
    height: 100%;
    overflow: hidden;
}

    .reserv_modal-bg-wrap .overlay {
        opacity: .3
    }

.reserv-modal-title {
    position: relative;
    margin-bottom: 60px;
}

    .reserv-modal-title h4 {
        font-style: italic;
        font-size: 18px;
        font-weight: 700;
        color: var(--main-color);
        padding-bottom: 10px;
    }

    .reserv-modal-title h3 {
        font-size: 2.5em;
        font-weight: 700;
        color: #333;
    }

.reserv_modal-inner-box {
    margin-top: -35%;
    overflow: hidden;
    transition: all .4s linear;
    opacity: 0;
    border-radius: 10px;
    box-shadow: 0px 0px 0px 15px rgba(255,255,255,.09);
    filter: blur(100px)
}

.vis_modiiner {
    opacity: 1;
    filter: blur(0px);
}

.close-reservation-modal {
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
    font-size: 16px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: var(--main-color);
    background: #111;
    z-index: 3;
    transition: all .3s ease-in-out;
    box-shadow: 0px 10px 14px 0px rgba(12, 0, 46, .2);
}

    .close-reservation-modal:hover, .reservation_btn:hover, .close-cart:hover {
        box-shadow: 0px 0 0 0px rgba(12, 0, 46, 0.06);
    }

.reserv-modal_bg {
    position: absolute;
    left: 50%;
    top: -40px;
    width: 460px;
    height: 340px;
    margin-left: -230px;
    z-index: -1;
    background: url("../assets/images/map_bg.png") no-repeat center;
    opacity: .7
}

.section-title-separator_wrap {
    position: relative
}

.section-title-separator {
    position: relative;
    width: 150px;
    display: inline-block;
    margin-top: 14px;
}

    .section-title-separator:before, .section-title-separator:after {
        content: '';
        position: absolute;
        width: 60px;
        height: 1px;
        border-top: 1px dotted rgba(0,0,0,.4);
        top: 50%;
        margin-top: 1px;
    }

.content-section.dark-bg .section-title-separator:before, .content-section.dark-bg .section-title-separator:after, .hero-title-item .section-title-separator:after, .hero-title-item .section-title-separator:before {
    border-top: 1px dotted rgba(255,255,255,.4);
}

.section-title-separator:before {
    left: 0;
}

.section-title-separator:after {
    right: 0;
}

.section-title-separator span {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--main-color);
    ;
    display: inline-block;
}

.custom-form textarea,
.custom-form input[type="text"],
.custom-form input[type=email],
.custom-form input[type=password] {
    float: left;
    border: 1px solid #e1e1e1;
    background: #f9f9f9;
    width: 100%;
    padding: 0 30px;
    height: 56px;
    font-weight: 700;
    color: #000;
    font-size: 13px;
    -webkit-appearance: none;
    font-family: var(--main-font);
}

    .custom-form input::-webkit-input-placeholder,
    .custom-form textarea::-webkit-input-placeholder {
        color: #666;
        font-weight: 700;
        font-size: 13px;
        position: relative;
        font-family: var(--main-font);
    }

    .custom-form input:-moz-placeholder,
    .custom-form textarea:-moz-placeholder {
        color: #666;
        font-weight: 700;
        font-size: 13px;
        font-family: var(--main-font);
    }

.custom-form textarea {
    resize: vertical;
    padding: 30px 20px;
    -webkit-appearance: none;
    border: 1px solid #e1e1e1;
    min-height: 260px;
}

.reservation-content .custom-form textarea, .check-out_container textarea {
    min-height: 100px;
    max-height: 200px;
}

.check-out_container .custom-form .btn {
    margin-top: 20px;
}

.custom-form input {
    margin-bottom: 20px;
}

.custom-form .btn {
    border: none;
    -webkit-appearance: none;
    cursor: pointer;
    margin-top: 40px;
    font-family: var(--main-font);
    font-size: 12px;
}

.custom-form textarea:focus, .custom-form input[type="text"]:focus, .custom-form input[type=email]:focus, .custom-form input[type=password]:focus {
    background: #fff;
    box-shadow: 0px 10px 14px 0px rgba(12, 0, 46, 0.06);
}

.nice-select {
    font-weight: 700;
    padding-left: 30px;
    height: 56px;
    line-height: 56px;
    font-family: var(--main-font);
    font-size: 13px;
    color: #000;
}

    .nice-select:after {
        border-color: var(--main-color);
    }

    .nice-select .option.focus, .nice-select .option.selected.focus {
        color: #fff;
    }

    .nice-select .option {
        min-height: 50px;
        line-height: 50px;
        font-size: 13px;
        text-transform: uppercase;
    }

.date-container {
    position: relative;
}

.nice-select .option.focus, .nice-select .option.selected.focus, .daterangepicker td.active, .daterangepicker td.active:hover {
    background: var(--main-color);
}

.daterangepicker .calendar-table table {
    font-family: var(--main-font);
}

.daterangepicker .calendar-table td, .daterangepicker .calendar-table th {
    font-size: 13px;
    font-weight: 700;
}

#reserv-message, #message {
    color: #fff;
    font-size: 1.2em;
    margin-bottom: 20px;
}

    #reserv-message div, #message div {
        background: #222;
        padding: 15px 30px;
    }

    #reserv-message p, #message p {
        text-align: center;
    }

        #reserv-message p strong, #message p strong {
            color: var(--main-color);
        }

.reservation_btn {
    padding: 18px 60px;
    background: #222;
    font-family: var(--main-font);
    color: var(--main-color);
    cursor: pointer;
    border: none;
    box-shadow: 0px 10px 14px 0px rgba(12, 0, 46, .2);
    font-weight: 700;
    font-size: 1.3em;
    margin-top: 30px;
    position: relative;
    transition: all .3s ease-in-out;
}

.reservation-modal_hours {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    z-index: 20;
    transform: translateY(-50%);
}

    .reservation-modal_hours h5 {
        color: var(--main-color);
        font-size: 1.2em;
        font-weight: 500;
    }

    .reservation-modal_hours h4 {
        color: #fff;
        font-size: 2.3em;
        font-weight: 700;
    }

.hours {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 2.1em;
    line-height: 40px;
    color: #fff;
}

.reservation-modal_hours_container {
    width: min(100% - 25px, 330px);
    margin-inline: auto;
}

.reservation-modal_hours_container-wrap:before {
    content: '';
    position: absolute;
    top: -40px;
    left: -20px;
    bottom: -40px;
    right: -20px;
    border-radius: 10px;
    border: 1px dashed rgba(255,255,255,.3);
    background: rgba(0,0,0,.5);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    z-index: -2;
    box-shadow: 0px 0px 0px 25px rgba(255,255,255,.09);
}

.work-time {
    margin-top: 30px;
    position: relative;
}

    .work-time:before {
        content: '';
        position: absolute;
        left: 50%;
        width: 1px;
        top: 0;
        bottom: 0;
        border-left: 1px dashed rgba(255,255,255,.4);
    }

    .work-time h6 {
        color: var(--main-color);
        margin-bottom: 20px;
        font-weight: 500;
        font-size: 1.1em;
    }

.big-number {
    margin-top: 20px;
}

    .big-number a {
        font-size: 3.0em;
        color: var(--main-color);
        transition: all .1s linear;
    }

        .big-number a:hover {
            color: #fff;
        }

.contactform-wrap {
    margin-top: 20px;
    padding-top: 30px;
    position: relative;
    border-top: 1px dotted #ddd;
}

    .contactform-wrap .custom-form textarea {
        min-height: 100px;
        max-height: 300px;
    }

.map-wrapper {
    background: #111;
    border-radius: 10px;
    position: relative;
    border: 1px solid rgba(255,255,255,.1);
    margin-bottom: 30px;
    padding: 20px 20px 20px 370px;
}

.location-container {
    position: absolute;
    left: 20px;
    top: 20px;
    bottom: 20px;
    background: #222;
    width: 330px;
    border-radius: 10px;
    overflow: hidden;
    padding: 30px;
}

    .location-container:before {
        content: '';
        position: absolute;
        top: 10px;
        left: 10px;
        right: 10px;
        bottom: 10px;
        background: #191919;
        border-radius: 10px;
        z-index: 1;
        border: 1px dashed rgba(255,255,255,.2);
    }

.location-content {
    position: relative;
    z-index: 5;
    top: 50%;
    transform: translateY(-50%);
}

.location-content-title {
    font-size: 1.9em;
    position: relative;
    padding-bottom: 20px;
}

    .location-content-title:before {
        content: '';
        position: absolute;
        top: -26px;
        width: 30px;
        height: 1px;
        left: 50%;
        margin-left: -15px;
        background: rgba(255,255,255,.2);
    }

.location-container_dec {
    position: absolute;
    left: 50%;
    bottom: 40px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin: 0 0 0 -3px;
    background: var(--main-color);
    z-index: 10;
}

    .location-container_dec:before, .location-container_dec:after {
        content: '';
        position: absolute;
        width: 40px;
        height: 1px;
        top: 50%;
        border-top: 1px dotted rgba(255,255,255,.2);
    }

    .location-container_dec:after {
        left: -54px;
    }

    .location-container_dec:before {
        right: -54px;
    }

.location-content a {
    display: block;
    color: #fff;
    padding: 10px 0;
    font-size: 1.2em;
    font-family: var(--secondary-font);
}

    .location-content a:hover, .location-content-title {
        color: var(--main-color);
    }

.map-container {
    height: 420px;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}

.mapzoom-in, .mapzoom-out, .scrollContorl {
    position: absolute;
    z-index: 100;
    cursor: pointer;
    width: 46px;
    height: 46px;
    line-height: 46px;
    border-radius: 6px;
    right: 22px;
    color: var(--main-color);
    bottom: 70px;
    transform: translate3d(0,0,0);
    background: #191919;
    box-shadow: 0px 0px 0px 5px rgba(255,255,255,.09);
}

.mapzoom-out {
    bottom: 20px;
}

.scrollContorl {
    bottom: 150px;
}

    .mapzoom-in:before, .mapzoom-out:before, .scrollContorl:before {
        font-family: Font Awesome\ 5 Pro;
        content: "\f068";
        font-size: 10px;
        font-weight: 600;
    }

.mapzoom-in:before {
    content: "\f067";
}

.scrollContorl:before {
    content: "\f09c";
}

.scrollContorl.enabledsroll:before {
    content: '\f3c1';
}

.mapzoom-in:hover, .mapzoom-out:hover, .scrollContorl:hover {
    color: #fff;
}

.gm-style .gm-style-iw {
    border-radius: 0 !important;
    padding: 12px 20px 2px !important;
}

.map-links_tabs-container {
    position: absolute;
    right: 40px;
    top: 40px;
    z-index: 1000;
    width: 240px;
}

.map-links_tabs {
    position: absolute;
    top: 70px;
    left: 0;
    right: 0;
    padding: 20px 30px;
    overflow: hidden;
    border-radius: 6px;
    background: #222;
    text-align: left;
    display: none;
}

    .map-links_tabs a {
        display: block;
        color: #fff;
        padding: 10px 0;
        font-size: 1.1em;
    }

        .map-links_tabs a.ml_act, .map-links_tabs a:hover {
            color: var(--main-color);
        }

.map-links_tabs-title {
    height: 60px;
    line-height: 60px;
    background: #191919;
    border-radius: 6px;
    color: var(--main-color);
    cursor: pointer;
    font-size: 1.1em;
    box-shadow: 0px 0px 0px 5px rgba(255,255,255,.09);
    padding-left: 30px;
    text-align: left;
}

    .map-links_tabs-title i {
        color: #fff;
        position: absolute;
        right: 30px;
        top: 50%;
        height: 8px;
        line-height: 8px;
        margin-top: -4px;
    }

.ml_act_title i {
    transform: rotateX(180deg);
}

.single-open-hours {
    overflow: hidden;
    padding: 140px 30px;
    border-radius: 10px;
    margin-top: 35px;
    background: #333;
    position: relative;
}

    .single-open-hours:before {
        content: '';
        position: absolute;
        top: 10px;
        left: 10px;
        right: 10px;
        bottom: 10px;
        background: rgba(2,2,2,.7);
        border-radius: 10px;
        z-index: 1;
        border: 1px dashed rgba(255,255,255,.2);
    }

.single-open-hours_container {
    position: relative;
    z-index: 3;
}

    .single-open-hours_container .big-number {
        margin-top: 30px;
    }

.single-open-hours-title {
    margin-bottom: 10px
}

    .single-open-hours-title h4 {
        color: var(--main-color);
        text-transform: uppercase;
        font-weight: 600;
        padding-bottom: 10px;
    }

    .single-open-hours-title h2 {
        color: #fff;
        font-size: 2.2em;
    }
/*------ shop ---------*/
.cart-btn, .share-btn {
    color: #fff;
    position: relative;
    cursor: pointer;
}

    .cart-btn strong {
        position: absolute;
        top: 100%;
        right: 50%;
        margin: 30px -70px 0 0;
        width: 140px;
        height: 50px;
        line-height: 50px;
        background: #fff;
        font-weight: 700;
        transition: all .3s ease-in-out;
        font-size: 1.1em;
        opacity: 0;
        visibility: hidden;
        color: var(--main-color);
    }

    .cart-btn:hover strong {
        visibility: visible;
        opacity: 1;
    }

.cart-btn_counter {
    position: absolute;
    bottom: 8px;
    left: 2px;
    width: 20px;
    height: 16px;
    line-height: 16px;
    background: var(--main-color);
    color: #fff;
    font-size: 10px;
    border-radius: 4px;
    font-family: var(--secondary-font);
}
/*------ Video -------------*/
.media-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1;
}

.video-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.mob-bg {
    display: none;
}

.hero-wrap .overlay {
    opacity: .6
}

.video-holder {
    position: absolute;
    width: 100%;
    height: 100% !important;
    display: block;
    overflow: hidden !important;
    top: 0;
    left: 0;
    padding: 0 !important;
}

.video-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    line-height: 0;
    z-index: -1;
}

    .video-container video {
        width: 100%;
    }

.resp-video {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

    .resp-video iframe,
    .resp-video object,
    .resp-video embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.blog-media video {
    width: 100%;
    height: auto;
}

.mob-bg {
    display: none;
}
/*------ footer------------*/
.height-emulator {
    z-index: 1;
}

footer.main-footer {
    right: 0;
    bottom: 0;
    z-index: 2;
    position: fixed;
    overflow: hidden;
    transform: translate3d(0,0,0);
}

.main-footer_content {
    position: relative;
    overflow: hidden;
}

.footer-inner {
    margin: 40px 0 60px;
}

.subbfooter {
    padding: 30px 0 50px;
    position: relative;
    border-top: 1px solid rgba(255,255,255,.1);
}

.policy-box {
    float: left;
    color: #fff;
    position: relative;
    font-size: 1.1em;
    font-weight: 600;
}

    .policy-box span, .footer-widget-content-link, .footer-widget-title {
        color: var(--main-color);
    }

.pay_list {
    float: right;
    margin: 0 90px 0 0;
    position: relative;
    top: -4px;
    color: var(--main-color);
    font-size: 2.0em;
}

    .pay_list:before, .pay_list:after {
        content: '';
        position: absolute;
        height: 20px;
        width: 1px;
        background: rgba(255,255,255,.1);
        top: 50%;
        margin-top: -10px;
    }

    .pay_list:before {
        left: -20px;
    }

    .pay_list:after {
        right: -10px;
    }

    .pay_list li {
        margin-right: 10px;
        float: left;
    }

.footer-social {
    float: right;
}

.to-top-btn {
    position: absolute;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 4px;
    right: 15px;
    top: 15px;
    cursor: pointer;
    color: var(--main-color);
    background: #222;
    transition: all .3s ease-in-out;
}

    .to-top-btn:hover {
        background: #333;
    }

.footer-widget-title {
    text-align: left;
    font-size: 1.6em;
    margin-bottom: 30px;
    font-weight: 600;
}

.footer-widget-content p {
    color: rgba(255,255,255,.7);
    text-align: left;
}

.footer-contacts {
    padding-top: 4px;
}

    .footer-contacts li {
        float: left;
        width: 100%;
        text-align: left;
        margin-bottom: 10px;
        color: #fff;
        font-size: 1.1em
    }

        .footer-contacts li:last-child {
            margin-bottom: 0;
        }

        .footer-contacts li span {
            margin-right: 20px;
            width: 80px;
            float: left;
        }

        .footer-contacts li a, .footer-contacts li span {
            color: #fff;
            transition: all .3s linear;
        }

        .footer-contacts li a {
            font-family: var(--secondary-font);
            font-size: .9em
        }

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

.footer-widget-content-link {
    float: left;
    font-size: 17px;
    margin-top: 14px;
    position: relative;
    font-weight: 600;
    border-bottom: 1px dotted rgba(255,255,255,0.3);
    padding-bottom: 4px;
    transition: all 200ms linear;
}

.footer-top {
    position: relative;
    margin-bottom: 50px;
    padding: 0 0 30px;
    border-bottom: 1px solid rgba(255,255,255,.1)
}

.footer-box {
    position: relative;
    min-height: 90px;
}

.footer-social li, .footer-social ul, .footer-social {
    float: left;
}

    .footer-social li a, .team-social li a {
        width: 46px;
        height: 46px;
        line-height: 46px;
        float: left;
        font-size: 1.14em;
        border: 1px solid rgba(255,255,255, .1);
        background: rgba(255,255,255, .05);
        transition: all .3s linear;
        border-radius: 4px;
        color: var(--main-color);
    }

.team-social li a {
    border: 1px solid rgba(255,255,255, .2);
    background: rgba(0,0,0, .7);
}

.footer-social li {
    margin-right: 4px;
}

    .footer-social li a:hover, .team-social li a:hover {
        background: #fff;
        border-radius: 50%;
    }

.footer-social-title {
    float: left;
    color: #fff;
    position: relative;
    margin-right: 20px;
    font-size: 1.2em;
    top: 14px;
}

.footer-work-time_widget h6 {
    text-align: left;
    color: rgba(255,255,255,.7);
    font-size: 1.1em;
}

.footer-work-time {
    text-align: left;
    margin: 15px 0 0;
    font-size: 1.1em;
    color: #fff;
    font-family: var(--secondary-font);
}

.subcribe_title {
    float: left;
    width: 120px;
    color: #fff;
    position: relative;
    text-align: left;
    font-size: 1.2em;
    top: 14px;
}

.subcribe-form {
    float: left;
    width: calc(100% - 120px);
}

.subscribe-message {
    position: absolute;
    top: 100%;
    left: 0;
    text-align: left;
    margin-top: 8px;
    color: #fff;
}

.enteremail {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.05);
    padding: 0 20px;
    height: 50px;
    line-height: 50px;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    color: #fff;
    width: 70%;
    outline: none;
    font-size: 1.2em;
    float: left;
    font-family: var(--main-font);
    border-radius: 4px;
}

.subcribe-form .subscribe-button {
    float: right;
    font-family: var(--main-font);
    width: 28%;
    z-index: 2;
    height: 50px;
    line-height: 50px;
    color: #000;
    outline: none;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 600;
    font-size: 1.2em;
    background: var(--main-color);
}

.footer-bg {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 450px;
    height: 100%;
    background: url("../assets/images/footer-bg.png") no-repeat center;
    opacity: .7
}

.cart-wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 500px;
    background: #fff;
    z-index: 50;
}

.big-index {
    z-index: 49
}

.header-cart_wrap {
    position: absolute;
    top: 100px;
    right: -20px;
    padding: 25px 30px 15px;
    width: 500px;
    background: #fff;
    opacity: 0;
    visibility: visible;
    display: none;
    border: 1px solid #eee;
    border-top: none;
    transition: all .3s ease-in-out;
    border-radius: 6px;
    box-shadow: 0px 10px 54px 0px rgba(12, 0, 46, .2);
}

.vis-cart {
    opacity: 1;
    visibility: visible;
    right: -1px;
}

.close-cart {
    position: absolute;
    right: 30px;
    top: 25px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    box-shadow: 0px 10px 14px 0px rgba(12, 0, 46, .2);
    background: #111;
    color: var(--main-color);
    cursor: pointer;
    transition: all .3s ease-in-out;
    font-weight: 900;
}

.header-cart_title {
    font-size: 1.7em;
    font-weight: 700;
    color: #666;
    padding: 0 0 20px 0;
    text-align: left;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
}

    .header-cart_title span {
        font-size: 17px;
        font-weight: 700;
        position: relative;
        top: -2px;
        margin-left: 10px;
        color: #555;
    }

.header-cart_wrap_container {
    max-height: 250px;
    float: left;
    width: 100%;
    overflow: auto;
    padding: 10px 20px 50px;
    background: #f9f9f9;
    border-radius: 10px;
    scrollbar-width: none;
    -ms-overflow-style: none
}

    .header-cart_wrap_container::-webkit-scrollbar {
        width: 0px;
    }

.header-cart_wrap_total {
    padding: 22px 0;
    text-align: left;
    border-bottom: 1px solid #eee;
    margin-top: 10px;
}

    .header-cart_wrap_total:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 1px;
        border-top: 1px solid #eee;
        box-sizing: border-box;
    }

.header-cart_wrap_total_item {
    color: #292929;
    font-size: 1.4em;
    font-weight: 600;
}

    .header-cart_wrap_total_item span {
        float: right;
        font-size: 1.1em
    }

.box-widget-content .widget-posts ol {
    counter-reset: my-awesome-counter;
    padding: 0 10px 0 20px;
}

.box-widget-content .widget-posts li {
    position: relative;
    counter-increment: my-awesome-counter;
    border-bottom: 1px dotted #ccc;
    padding: 10px 0;
}

    .box-widget-content .widget-posts li:before {
        content: counter(my-awesome-counter);
        font-size: 1.3em;
        font-weight: 600;
        position: absolute;
        left: -20px;
        top: 36px;
    }

    .box-widget-content .widget-posts li:last-child {
        margin-bottom: 0;
        border-bottom: none;
    }

.box-widget-content .widget-posts-img, .cart-details_header .widget-posts-img {
    float: left;
    width: 30%;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 10px 14px 0px rgba(0,0,0, .3);
}

.box-widget-content .widget-posts-descr {
    float: left;
    width: 70%;
    padding: 0 30px 0 20px;
    text-align: left;
    position: relative;
}

    .box-widget-content .widget-posts-descr a {
        color: #666;
        font-weight: 700;
        font-size: .95em;
        font-family: var(--secondary-font);
    }

.widget-posts-descr_calc {
    width: 100%;
    font-weight: 700;
    color: #999;
    padding-top: 6px;
    font-size: 1.3em;
}

    .widget-posts-descr_calc span {
        padding: 0 4px;
    }

.clear-cart_button {
    cursor: pointer;
    border-radius: 100%;
    text-align: center;
    position: absolute;
    right: 6px;
    font-size: 15px;
    top: 50%;
    margin-top: -10px;
    color: var(--main-color);
}

.header-cart_wrap_footer {
    padding-top: 15px;
}

    .header-cart_wrap_footer:before {
        content: "";
        display: block;
        width: 1px;
        height: 16.8px;
        position: absolute;
        top: 34px;
        left: 50%;
        background: #ccc;
        margin-top: -8.4px;
        transform: rotate(45deg);
    }

    .header-cart_wrap_footer a {
        width: 45%;
        float: left;
        padding: 18px 0;
        border-radius: 4px;
        background: #111;
        font-size: 1.2em;
        font-weight: 700;
        transition: all .3s ease-in-out;
        box-shadow: 0 10px 14px 0px rgba(0,0,0, .3);
        color: var(--main-color);
    }

        .header-cart_wrap_footer a:last-child {
            float: right;
        }

        .header-cart_wrap_footer a:hover {
            color: #fff;
            box-shadow: 0 0 0 0 rgba(0,0,0, .3);
        }

.pagination_style {
    position: relative;
    z-index: 10;
}

.inner-box {
    position: relative;
    z-index: 20;
}

.tc-pagination {
    background: #fff;
    padding: 0 10px;
}

.pagination_style .swiper-pagination-bullet {
    opacity: 1;
    background: #ccc;
    margin: 0 12px;
    display: inline-block;
    width: 6px;
    height: 6px;
    position: relative;
    border-radius: 100%;
    transition: all .3s ease-out;
}

    .pagination_style .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: var(--main-color);
    }

        .pagination_style .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
            transform: scale(1.0);
        }

    .pagination_style .swiper-pagination-bullet:before {
        content: '';
        position: absolute;
        left: -9px;
        top: -9px;
        right: -9px;
        bottom: -9px;
        border-radius: 100%;
        box-sizing: border-box;
        border: 1px solid #ddd;
        transition: all 300ms ease-out;
        transform: scale(0);
    }

.ts_contols {
    display: inline-block;
    margin-top: 40px;
    position: relative;
    padding: 0 70px;
}

    .ts_contols:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 20px;
        right: 20px;
        height: 1px;
        border-top: 1px dashed #ccc;
        z-index: 1;
    }

.ts-btn {
    position: absolute;
    top: 50%;
    font-size: 11px;
    cursor: pointer;
    color: var(--main-color);
    z-index: 20;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin-top: -20px;
    background: #111;
    border-radius: 50%;
    box-shadow: 0px 0px 0px 8px rgba(0,0,0,.2);
    transition: all .3s linear;
}

    .ts-btn:hover {
        box-shadow: 0px 0px 0px 12px rgba(0,0,0,.2);
        background: #fff;
    }

.ts-prev {
    left: 20px;
}

.ts-next {
    right: 20px;
}

.testi-item {
    padding: 35px 0 40px;
}

.testimonilas-text {
    border: 1px dashed #ddd;
    padding: 60px 30px 30px;
    position: relative;
    border-radius: 10px;
    background: #f5f5f5;
    transition: all .3s linear;
}

    .testimonilas-text:before, .testimonilas-text:after {
        font-family: "Font Awesome 6 Pro";
        content: '\f4d8';
        position: absolute;
        color: var(--main-color);
        font-size: 20px;
        transform: scale(0) rotate(360deg);
        transition: all .3s linear;
    }

    .testimonilas-text:before {
        top: 20px;
        left: 20px;
    }

    .testimonilas-text:after {
        bottom: 20px;
        right: 20px;
    }

.testimonilas-carousel .swiper-slide-active .testimonilas-text:after {
    transform: scale(1.0) rotate(-45deg);
    transition-delay: .6s
}

.testimonilas-carousel .swiper-slide-active .testimonilas-text:before {
    transform: scale(1.0) rotate(125deg);
    transition-delay: .6s
}

.testimonilas-carousel .swiper-slide-active .testimonilas-text {
    background: #fff;
    box-shadow: 0px 10px 34px 0px rgba(12, 0, 46, .07);
    transition-delay: .6s
}

.testimonilas-text p {
    text-align: center;
}

.testimonilas-text h3 {
    color: var(--main-color);
    font-size: 1.6em;
    font-weight: 600;
    padding: 10px 0;
    position: relative;
}

.testi-number {
    position: absolute;
    bottom: 15px;
    left: 50%;
    width: 50px;
    height: 50px;
    margin-left: -25px;
    line-height: 50px;
    background: #fff;
    color: #666;
    border-radius: 50%;
    font-size: 14px;
    font-weight: 600;
    border: 1px dashed #ddd;
}

.testi-avatar {
    position: absolute;
    left: 50%;
    top: -25px;
    width: 70px;
    height: 70px;
    margin-left: -35px;
    border-radius: 50%;
    box-shadow: 0px 10px 24px 0px rgba(12, 0, 46, .2);
}

    .testi-avatar:before {
        content: '';
        position: absolute;
        top: -8px;
        left: -8px;
        right: -8px;
        bottom: -8px;
        border: 1px solid #ddd;
        background: #fff;
        border-radius: 50%;
    }

    .testi-avatar img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        position: relative;
        z-index: 10;
    }

.testilink {
    margin: 15px 0 10px;
    font-size: 1.2em;
    display: inline-block;
    color: #999;
    border-bottom: 1px dotted #ccc;
}

.star-rating i {
    margin: 0 2px;
    color: var(--main-color);
    font-size: 12px;
}

.testi-item .star-rating {
    margin-top: 10px;
}

.tab-content {
    display: none;
}

.tab {
    position: relative;
}

.first-tab {
    display: block;
}

.hero-title-container {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
}

.align_title-container {
    padding-left: 110px;
    left: 50px;
}

.hero-title-item {
    position: relative;
}

    .hero-title-item h2 {
        color: #fff;
        font-size: 5.5em;
        font-family: var(--thrd-font);
        text-transform: uppercase;
    }

.align_title-container h2, .align_title-container h4 {
    text-align: left
}

.hero-title-item h4 {
    color: var(--main-color);
    text-transform: uppercase;
    padding-bottom: 20px;
    font-size: 1.5em;
    font-weight: 600;
}

.htibtn {
    padding: 16px 40px;
    border: 1px solid var(--main-color);
    font-weight: 600;
    font-size: 1.2em;
    background: rgba(0,0,0,.2);
    border-radius: 4px;
    color: #fff;
    margin-top: 30px;
    display: inline-table;
    transition: all .3s ease-in-out;
}

    .htibtn:hover {
        background: var(--main-color);
        color: #000;
    }

.align_title-container .htibtn {
    display: table;
}

.hero-title-item .section-title-separator {
    margin-bottom: 20px;
}

.hero_promo-wrap {
    position: absolute;
    bottom: 0;
    right: 0;
    min-width: 35%;
    background: #0A0B0A;
    z-index: 25;
    padding-right: 340px;
    border-radius: 20px 0 0 0;
}

.hero_promo-title {
    float: left;
    width: 100%;
    color: #fff;
    padding: 65px 30px 65px 60px;
    text-align: left;
    position: relative;
    z-index: 3;
}

    .hero_promo-title:after {
        font-family: "Font Awesome 6 Pro";
        content: '\f4d8';
        position: absolute;
        color: var(--main-color);
        font-size: 20px;
        transform: rotate(-45deg);
        transition: all .3s linear;
        bottom: 10px;
        right: 20px;
        z-index: 5;
    }

    .hero_promo-title:before {
        content: '';
        position: absolute;
        top: 20px;
        left: 20px;
        right: 10px;
        bottom: 0px;
        z-index: 1;
        background: #151515;
        border-radius: 10px;
        border: 1px solid rgba(255,255,255,.1);
    }

.hero_promo-title-item {
    position: relative;
    z-index: 2;
}

.hero_promo-title h4 {
    font-size: 1.8em;
    font-weight: 600;
    padding: 0 0 15px;
    text-transform: uppercase;
    color: var(--main-color);
}

.hero_promo-title p:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 50px;
    height: 1px;
    background: var(--main-color);
}

.hero_promo-title p {
    max-width: 450px;
    color: rgba(255,255,255,.6);
    position: relative;
}

.hero_promo-button {
    position: absolute;
    width: 330px;
    right: 0;
    top: 0;
    overflow: hidden;
    height: 100%;
}

.hero_promo-button_item {
    position: absolute;
    top: 20px;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 20px 20px 0 20px;
    overflow: hidden;
}

.hero_promo-button a {
    position: absolute;
    width: 60px;
    height: 60px;
    line-height: 60px;
    left: 50%;
    top: 50%;
    margin: -15px 0 0 -25px;
    box-shadow: 0px 0px 0px 7px rgba(255,255,255,.2);
    border-radius: 100%;
    background: #222;
    color: var(--main-color);
    z-index: 20;
    font-size: 1.1em;
    transition: all .3s ease-in-out;
}

    .hero_promo-button a:hover {
        box-shadow: 0px 0px 0px 17px rgba(255,255,255,0.2);
        background: #fff;
    }

.video-single-wrapper_dec {
    position: absolute;
    left: 180px;
    right: 650px;
    height: 1px;
    bottom: 80px;
    background: rgba(255,255,255,0.3);
    z-index: 20;
}

    .video-single-wrapper_dec:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        height: 1px;
        width: 80px;
    }

.svg-corner {
    position: absolute;
    z-index: 10;
    width: 50px;
    height: 50px;
}

.hero-scrolldown {
    position: absolute;
    z-index: 10;
}

.mousey {
    float: left;
    width: 24px;
    height: 36px;
    border-radius: 10px;
    padding: 0 6px;
    border: 1px solid rgba(255,255,255,.4);
    box-sizing: border-box;
}

.scroller {
    position: relative;
    left: 50%;
    top: 6px;
    margin-left: -3px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    animation-name: scroll;
    background: var(--main-color);
    animation-duration: 2.2s;
    animation-timing-function: cubic-bezier(.15, .41, .69, .94);
    animation-iteration-count: infinite;
}

@keyframes scroll {
    0% {
        opacity: 0;
    }

    10% {
        transform: translateY(0);
        opacity: 1;
    }

    100% {
        transform: translateY(10px);
        opacity: 0;
    }
}

.fs-slider-item {
    overflow: hidden
}

.hero-slider_btn_dec {
    position: absolute;
    width: 50px;
    height: 170px;
    line-height: 170px;
    top: 50%;
    margin-top: -85px;
    cursor: pointer;
    z-index: 20;
    background: #0A0B0A;
    color: var(--main-color);
    font-size: 19px;
}

    .hero-slider_btn_dec:before {
        content: '';
        position: absolute;
        top: 50%;
        width: 90px;
        height: 1px;
        border-top: 1px dotted rgba(255,255,255,.2);
        transition: all .3s linear;
    }

    .hero-slider_btn_dec:hover:before {
        width: 20px;
    }

    .hero-slider_btn_dec.hero-slider_btn_prev:before {
        left: calc(100% + 30px);
    }

    .hero-slider_btn_dec.hero-slider_btn_next:before {
        right: calc(100% + 30px);
    }

    .hero-slider_btn_dec i {
        width: 50px;
        height: 50px;
        line-height: 50px;
        border-radius: 50%;
        position: relative;
        transition: all .1s linear;
    }

    .hero-slider_btn_dec:hover i {
        background: #222;
        border: 1px dashed rgba(255,255,255,.2);
        z-index: -2;
        box-shadow: 0px 0px 0px 15px rgba(255,255,255,.09);
    }

    .hero-slider_btn_dec.hero-slider_btn_prev:hover i {
        transform: translateX(20px);
    }

    .hero-slider_btn_dec.hero-slider_btn_next:hover i {
        transform: translateX(-20px);
    }

    .hero-slider_btn_dec.hero-slider_btn_next {
        right: 0;
        border-radius: 20px 0 0 20px;
    }

    .hero-slider_btn_dec.hero-slider_btn_prev {
        left: 0;
        border-radius: 0 20px 20px 0;
    }

.team-container {
    margin-bottom: 10px;
}

.team-photo {
    overflow: hidden;
    position: relative;
    border-radius: 10px;
    box-shadow: 0px 10px 14px 0px rgba(12, 0, 46, .1);
    z-index: 10;
}

.team-info {
    margin-top: 10px;
    padding: 25px 30px 40px;
    border: 1px dotted #ddd;
    background: #fff;
    border-radius: 6px;
}

.team-photo .overlay {
    opacity: 0;
    transition: all .2s ease-in-out;
}

.team-photo:hover .overlay {
    opacity: 0.5;
}

.team-info h3 {
    display: block;
    padding-bottom: 10px;
    font-weight: 700;
    font-size: 1.5em;
    color: var(--main-color);
    ;
    text-align: center;
}

.team-info h4 {
    font-size: 1.2em;
    font-weight: 700;
}

.team-info p {
    margin-top: 20px;
    text-align: center;
}

.team-social {
    position: absolute;
    top: 50%;
    height: 40px;
    left: 20px;
    right: 20px;
    opacity: 0;
    line-height: 40px;
    margin-top: -20px;
    z-index: 5;
    transition: all .3s ease-in-out;
    padding: 0 10px;
}

.ts_title {
    position: absolute;
    top: -50px;
    left: 0;
    right: 0;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
}

.team-photo:hover .team-social {
    opacity: 1;
}

.team-info:after {
    position: absolute;
    content: '\25CF\25CF\25CF\25CF\25CF';
    width: 50px;
    left: 50%;
    bottom: 15px;
    margin-left: -25px;
    font-size: 6px;
    letter-spacing: 8px;
    color: var(--main-color);
    ;
}

.team-social li {
    display: inline-block;
    margin: 0;
}

.team-dec {
    position: absolute;
    top: 20px;
    right: 30px;
    font-size: 26px;
    color: #ADC7DD;
}

.solid-facts {
    position: relative;
    padding: 30px 30px 50px;
    overflow: hidden;
    z-index: 10;
}

    .solid-facts .inline-facts-wrap {
        float: left;
        width: 25%;
        position: relative;
    }

        .solid-facts .inline-facts-wrap:before {
            content: '';
            position: absolute;
            right: 0;
            top: 0;
            bottom: -20px;
            width: 1px;
            border-right: 1px dashed rgba(255,255,255,.2);
        }

        .solid-facts .inline-facts-wrap:last-child:before {
            display: none
        }

    .solid-facts .num {
        margin-bottom: 10px;
        font-size: 3.3em;
        font-weight: 500;
        text-transform: uppercase;
        color: var(--main-color);
        line-height: 50px;
    }

    .solid-facts h6 {
        color: #fff;
        font-weight: 700;
        font-size: 1.2em;
    }

.inline-facts_dec {
    position: relative;
    width: 120px;
    display: inline-table;
    margin-top: 10px;
}

    .inline-facts_dec span {
        position: relative;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        display: inline-block;
        background: var(--main-color);
    }

    .inline-facts_dec:before, .inline-facts_dec:after {
        content: '';
        position: absolute;
        width: 40px;
        height: 1px;
        background: rgba(255,255,255,.2);
        top: 50%;
    }

    .inline-facts_dec:before {
        left: 0
    }

    .inline-facts_dec:after {
        right: 0
    }

.cite_box {
    margin-top: 20px;
    overflow: hidden;
    padding: 80px 70px 50px;
    position: relative;
    border-radius: 10px;
    background: #333;
    box-shadow: 0px 10px 34px 0px rgba(12, 0, 46, .37);
}

    .cite_box:before {
        content: '';
        position: absolute;
        top: 20px;
        left: 20px;
        right: 20px;
        bottom: 20px;
        background: #222;
        border-radius: 10px;
        z-index: 1;
        border: 1px dashed rgba(255,255,255,.2);
    }

    .cite_box:after {
        content: '';
        position: absolute;
        right: 30px;
        bottom: -70px;
        width: 300px;
        height: 271px;
        z-index: 2;
        background: url("../assets/images/bg/dec/citte-dec.png") no-repeat center;
        opacity: .1
    }

.cite_box_item {
    position: relative;
    z-index: 3;
}

.cite_box h4 {
    color: var(--main-color);
    font-weight: 700;
    text-align: left;
    margin-bottom: 20px;
    font-size: 1.7em;
}

.cite_box p {
    color: rgba(255,255,255,.8);
    font-size: 17px;
    font-family: var(--main-font);
}

.cite_box .signature {
    float: right;
    margin-top: 30px;
    width: 120px;
    opacity: .7
}

.cite_box .star-rating {
    float: left;
    margin-top: 30px;
}

.single-parallax-wrap {
    overflow: hidden;
    border-radius: 10px;
}

    .single-parallax-wrap .overlay {
        opacity: .6
    }

.big_prom {
    position: relative;
    display: inline-block;
    margin-top: 10px;
    cursor: pointer;
}

    .big_prom span {
        float: left;
        font-size: 13px;
        width: 70px;
        height: 70px;
        line-height: 70px;
        background: #222;
        position: relative;
        z-index: 2;
        margin-top: 30px;
        border-radius: 50%;
        color: var(--main-color);
        transition: all .3s ease-out;
        box-shadow: 0px 0px 0px 15px rgba(255,255,255,.14);
    }

        .big_prom span:before {
            content: '';
            position: absolute;
            top: 100%;
            margin-top: 30px;
            height: 70px;
            left: 50%;
            width: 1px;
            background: rgba(255,255,255,.3);
        }

    .big_prom:hover span {
        background: #fff;
        box-shadow: 0px 0px 0px 25px rgba(255,255,255,.14);
    }

.video_section-title h4 {
    font-size: 1.4em;
    text-transform: uppercase;
    font-weight: 700;
    padding-bottom: 20px;
    color: var(--main-color);
    font-family: var(--thrd-font);
}

.video_section-title h2 {
    font-size: 32px;
    font-weight: 800;
    color: #fff;
}

.par-elem {
    height: 160%;
    top: -30%;
}

.acc-wrap {
    margin-top: 30px;
    background: #fff;
    border: 1px dashed #ddd;
    border-radius: 10px;
    box-shadow: 0px 10px 54px 0px rgba(12, 0, 46, .07);
    padding: 10px 30px;
}

.acc-item-header {
    padding: 24px 0;
    position: relative;
}

    .acc-item-header i {
        color: var(--main-color);
        font-size: 22px;
        margin-right: 20px;
        width: 30px;
        position: relative;
        top: 4px;
    }

    .acc-item-header:before {
        font-family: "Font Awesome 6 Pro";
        content: "\2b";
        position: absolute;
        width: 40px;
        height: 40px;
        line-height: 40px;
        border-radius: 50%;
        right: 0;
        top: 50%;
        font-size: 15px;
        font-weight: 600;
        margin-top: -20px;
        color: var(--main-color);
    }

    .acc-item-header.actdetlink:before {
        transform: rotate(45deg);
    }

    .acc-item-header h4 {
        text-align: left;
        font-size: 1.3em;
        font-weight: 600;
        cursor: pointer;
    }

.acc-item-content {
    width: 100%;
    padding-bottom: 40px;
    display: none;
}

.acc-item {
    border-bottom: 1px dotted #ddd;
}

.acc-wrap .acc-item:last-child {
    border: none
}

.serv-list {
    margin-top: 10px;
    padding-top: 30px;
    border-top: 1px dotted #ddd;
}

    .serv-list ul {
        list-style: circle;
        padding-left: 20px;
        display: flex;
    }

        .serv-list ul li {
            text-align: left;
            font-size: 1.2em;
            margin-right: 30px;
        }
/*------gallery------------------------------------------------*/
.grid-item-holder {
    float: left;
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}

.gallery-items {
    position: relative;
    width: 100%;
}

.spad .gallery-item {
    padding: 6px;
}

.min-pad .gallery-item {
    padding: 4px;
}

.hid-port-info .grid-item-holder {
    overflow: hidden;
}

.grid-big-pad .gallery-item {
    padding: 12px;
}

.gallery-item,
.grid-sizer {
    width: 33.3%;
    position: relative;
    float: left;
    overflow: hidden;
}

.grid-item-holder:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0,0,0,0.3);
    z-index: 2;
    opacity: 0;
    transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
}

.grid-item-holder .box-media-zoom {
    right: 50%;
    top: 50%;
    width: 56px;
    height: 56px;
    line-height: 56px;
    font-size: 16px;
    margin: -28px -28px 0 0;
}

.grid-item-holder:hover:before {
    opacity: 1;
}

.gallery-item-second,
.grid-sizer-second {
    width: 66.6%;
}

.four-column .gallery-item {
    width: 25%;
}

    .four-column .gallery-item.gallery-item-second, .two-column .gallery-item {
        width: 50%;
    }

.gallery-item img,
.grid-sizer img {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
    background: #292929;
    transform: translateZ(0);
    transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
}

.gallery-item:hover img {
    transform: scale(1.15);
}

.gallery-filters {
    border: 1px solid #eee;
    display: inline-table;
    margin-bottom: 40px;
    padding: 23px 20px;
    background: #f9f9f9;
    border-radius: 6px;
    position: relative;
}

    .gallery-filters a {
        display: inline-block;
        margin: 0 30px;
        color: #666;
        font-size: 1.4em;
        position: relative;
        font-weight: 400;
    }

        .gallery-filters a span {
            font-size: 12px;
            position: absolute;
            left: -20px;
            top: 8px;
        }

    .gallery-filters:before, .gallery-filters:after {
        content: '';
        position: absolute;
        top: 50%;
        width: 120px;
        height: 1px;
        border-top: 1px dotted #ccc;
    }

    .gallery-filters:before {
        left: -150px;
    }

    .gallery-filters:after {
        right: -150px;
    }

    .gallery-filters a:before {
        font-family: "Font Awesome 6 Pro";
        content: "\f0d8";
        position: absolute;
        color: var(--main-color);
        top: 37px;
        right: 50%;
        font-size: 15px;
        opacity: 0;
        font-weight: 800;
    }

    .gallery-filters a.gallery-filter-active, .gallery-filters a:hover {
        color: var(--main-color);
    }

        .gallery-filters a.gallery-filter-active:before {
            opacity: 1;
        }

.grid-item-details {
    float: left;
    width: 100%;
    padding: 20px;
    border: 1px solid #eee;
    background: #f9f9f9;
    box-sizing: border-box;
}

    .grid-item-details h3 {
        display: block;
        text-align: left;
        padding-bottom: 12px;
        color: #333;
        font-size: 17px;
        font-weight: 600;
        position: relative;
    }

        .grid-item-details h3 a {
            color: #333;
        }

        .grid-item-details h3 span {
            position: absolute;
            right: 0;
            top: 6px;
            font-size: 12px;
            font-style: italic;
        }

    .grid-item-details p {
        text-align: left;
    }

.grid-item_price span {
    font-size: 22px;
    position: relative;
    float: left;
}

.grid-item_price {
    float: left;
    width: 100%;
    position: relative;
}

    .grid-item_price .add_cart {
        opacity: 1;
        bottom: 0;
        visibility: visible;
        background: #fff;
    }

.lg-actions .lg-next, .lg-actions .lg-prev {
    border-radius: 50%;
    box-shadow: 0 0 0 4px rgba(255,255,255,.2);
}

    .lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {
        color: #fff;
    }

.product-title {
    margin-bottom: 40px;
    position: relative;
}

    .product-title h4 {
        position: relative;
    }

        .product-title h4:before {
            content: '';
            position: absolute;
            left: 0;
            top: -20px;
            height: 1px;
            width: 30px;
            background: #ccc;
        }

    .product-title .section-title {
        margin-bottom: 15px;
    }

        .product-title .section-title:before {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            width: 50px;
            height: 50px;
            border-right: 1px dashed #ccc;
            border-top: 1px dashed #ccc;
        }

.shop-header-title_opt {
    overflow: hidden;
    float: left;
    padding-bottom: 20px;
    border-bottom: 1px dashed #ddd;
    margin-bottom: 30px;
}

    .shop-header-title_opt li {
        float: left;
        margin-right: 20px;
        padding-right: 20px;
        position: relative;
    }

.menu-single-preice {
    font-size: 1.5em;
    font-weight: 600;
    position: relative;
    top: -4px;
    color: #666;
    vertical-align: text-top;
}

    .menu-single-preice strong {
        color: #000;
        padding-left: 10px;
    }

.menu-single_rating span {
    float: left;
    margin-right: 10px;
}

.menu-single_rating .star-rating {
    float: left;
    padding-bottom: 0;
}

.singlefw-carousel-wrap {
    position: relative;
    background: #0A0B0A;
    z-index: 10;
    padding: 20px 0;
}

.singlefw-carousel {
    position: relative;
    height: 500px;
}

.singlefw-carousel-item {
    height: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}

.singlefw-carousel .swiper-slide {
    width: auto !important;
    height: 100% !important;
    display: inherit !important;
}

.singlefw-carousel img {
    width: auto;
    height: 500px;
}

.shop-tabs-menu {
    position: relative;
    overflow: hidden;
    border-bottom: 1px dashed #ddd;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

    .shop-tabs-menu a {
        float: left;
        height: 50px;
        line-height: 50px;
        padding: 0 30px;
        margin-right: 10px;
        text-transform: uppercase;
        font-weight: 600;
        background: #fff;
        border-radius: 4px;
        border: 1px dashed #ddd;
    }

    .shop-tabs-menu li.current a {
        background: #f9f9f9;
    }

.page-counter {
    padding: 8px 15px;
    background: #222;
    border-radius: 4px;
    color: #fff;
}

    .page-counter i {
        color: var(--main-color);
        margin-right: 10px;
    }

.shop-tabs-menu .page-counter {
    position: absolute;
    top: 10px;
    right: 0;
}

    .shop-tabs-menu .page-counter:before {
        content: '';
        position: absolute;
        width: 100px;
        right: 100%;
        margin-right: 30px;
        background: #ddd;
        height: 1px;
        top: 50%;
    }

.product-header_form {
    position: absolute;
    right: 0;
    bottom: -62px;
    z-index: 10;
}

    .product-header_form button {
        float: left;
        border: none;
        background: #222;
        padding: 0 35px 0 85px;
        height: 50px;
        line-height: 50px;
        border-radius: 4px;
        color: var(--main-color);
        cursor: pointer;
        font-family: var(--main-font);
        text-transform: uppercase;
        font-weight: 700;
        font-size: 11px;
        position: relative;
        transition: all .3s ease-in-out;
        margin-left: 10px;
        overflow: hidden;
    }

        .product-header_form button i {
            position: absolute;
            left: 0;
            width: 50px;
            height: 50px;
            line-height: 50px;
            font-size: 14px;
            color: #fff;
            border-right: 1px solid rgba(255,255,255,.2);
            background: #222;
        }

        .product-header_form button:hover {
            background: var(--main-color);
            color: #000;
        }

.quantity, .quantity_title {
    float: left;
    position: relative
}

.quantity_title {
    font-size: 1.1em;
    top: 16px;
}

.quantity span {
    float: left;
    position: relative;
    top: 16px;
    padding-left: 14px;
    color: #7d93b2;
}

    .quantity span i {
        padding-right: 10px;
        font-size: 14px;
    }

.quantity input.minus, .quantity input.plus, .quantity input.qty {
    width: 40px;
    height: 40px;
    border-radius: 0;
    text-align: center;
    border: none;
    padding: 0;
    cursor: pointer;
    -webkit-appearance: none;
    background: none;
}

.quantity-item {
    float: right;
    position: relative;
}

.quantity input.qty {
    width: 50px;
    height: 50px;
    background: #f9f9f9;
    border-right: none;
    border-left: none;
    cursor: default;
    -webkit-appearance: none;
    border: 1px dashed #ddd;
}

.blog-text-container {
    margin-top: 30px;
    position: relative;
}

.product-details-container {
    position: relative;
}

.blog-media {
    position: relative;
}

.blog-text_wrap {
    padding: 30px;
    border: 1px dashed #ddd;
    overflow: hidden;
    border-radius: 10px;
}

.blog-text_item, .check-out_container {
    padding: 20px;
    background: #f9f9f9;
    border: 1px dashed #ddd;
    margin-bottom: 30px;
}

.pr-tags {
    overflow: hidden;
    border-top: 1px dotted #ddd;
    border-bottom: 1px dotted #ddd;
    padding: 30px 0 35px;
    margin-top: 10px;
}

    .pr-tags li {
        float: left;
        margin-right: 2px;
        font-size: 12px;
        font-weight: 500;
    }

    .pr-tags span {
        float: left;
        margin-right: 15px;
        color: #000;
        font-weight: 700;
        text-transform: uppercase;
        position: relative;
        top: 4px;
    }

    .pr-tags ul {
        position: relative;
        top: 3px;
    }

    .pr-tags li a {
        padding: 10px 15px;
        background: #f2f2f2;
        font-style: italic;
        font-size: 12px;
        color: #666;
        font-weight: 500;
    }

.blog-text {
    position: relative;
    z-index: 2;
}

.sb-details {
    position: relative;
    background: #222;
    padding: 50px 40px 30px;
    box-shadow: 0px -10px 64px 0px rgba(0,0,0,.4);
    border-radius: 10px;
}

    .sb-details li a {
        color: #fff;
    }

        .sb-details li a:hover {
            color: var(--main-color);
        }

    .sb-details:before {
        content: '';
        position: absolute;
        top: 10px;
        left: 10px;
        right: 10px;
        bottom: 10px;
        background: #191919;
        border-radius: 10px;
        z-index: 1;
        border: 1px dashed rgba(255,255,255,.2);
    }

.sb-details-container {
    position: relative;
    z-index: 2;
}

.sb-details_title {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255,255,255,.1);
    color: var(--main-color);
    font-size: 1.2em;
    font-weight: 600;
    text-align: left;
    text-transform: uppercase;
    position: relative;
}

    .sb-details_title i {
        color: #fff;
        position: absolute;
        top: 0;
        right: 0;
        font-size: 11px;
    }

.sb-det_btn {
    position: relative;
    display: block;
    padding: 18px 0;
    background: #222;
    color: var(--main-color);
    text-transform: uppercase;
    border-radius: 6px;
    border: 1px solid rgba(255,255,255,.1);
    font-weight: 600;
    margin-top: 20px;
    transition: all .3s ease-in-out;
}

    .sb-det_btn:hover {
        color: #000;
        background: var(--main-color);
    }

.sb-details li {
    display: block;
    color: #fff;
    padding: 10px 0;
    text-align: left;
    font-size: 1.3em;
    overflow: hidden;
}

.sb-details ul {
    padding: 0 0 20px 0;
    border-bottom: 1px solid rgba(255,255,255,.1)
}

.sb-details li span {
    min-width: 130px;
    float: left;
}

.reviews-wrap .comments-title {
    margin-top: 0;
}

.leave-rating, .leave-rating-title {
    float: left;
}

.leave-rating-wrap {
    float: left;
    margin: 0 0 20px 0;
    width: 100%;
}

.leave-rating-title {
    margin-right: 10px;
    font-size: 1.1em;
    color: #000;
    position: relative;
    top: -2px;
}

.leave-rating input[type="radio"] {
    display: none;
}

.leave-rating label {
    font-size: 14px;
    float: right;
    letter-spacing: 4px;
    cursor: pointer;
    transition: .3s;
    color: var(--main-color);
}

    .leave-rating label:hover:before, .leave-rating label.selected:before {
        font-weight: 900;
    }

    .leave-rating:hover input[type="radio"]:checked ~ label:before, .leave-rating input[type="radio"]:checked ~ label:before, .leave-rating label:hover ~ label:before {
        font-weight: 900 !important;
    }

#respond.review-form .custom-form {
    margin-top: 20px;
}

.comments-title {
    font-weight: 500;
    font-size: 1.9em;
    text-align: left;
    margin: 0 0 20px;
}

.single-post-comm {
    border-top: 1px solid #eee;
    margin-top: 30px;
}

.comment {
    background: #fff;
    padding: 25px 30px 15px;
    border-radius: 10px;
    margin-bottom: 20px;
    border: 1px dotted #ddd;
}

.commentlist .comment:last-child {
    margin-bottom: 0;
}

.comment-numder {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    color: var(--main-color);
    font-weight: 500;
    font-size: 1.2em;
}

.comment-body {
    position: relative;
    margin-left: 70px;
}

.comment-author {
    position: absolute;
    top: 0;
    left: -75px;
}

    .comment-author img {
        border-radius: 100%;
        box-shadow: 0px 10px 24px 0px rgba(12, 0, 46, .2);
    }

.comment .children {
    margin-left: 70px;
}

.fn {
    margin-bottom: 10px;
    float: left;
    width: 100%;
    text-align: left;
}

.comment-meta, .comment-meta a {
    font-size: 12px;
    letter-spacing: 1px;
    color: #222;
    font-weight: 600;
    padding-bottom: 10px;
    text-align: left;
}

cite.fn {
    font-size: 14px;
    font-weight: 500;
    color: #666;
}

    cite.fn a {
        float: left;
        margin-right: 20px;
    }

.comment-meta {
    border-bottom: 1px dashed #ddd;
    margin-bottom: 20px;
}

cite.fn .star-rating {
    float: left;
    padding-bottom: 0;
}

#respond {
    margin: 30px 0 20px;
    padding-top: 30px;
    border-top: 1px dotted #ddd;
}

    #respond .custom-form {
        margin-top: 10px;
    }

        #respond .custom-form .btn {
            float: left;
        }

        #respond .custom-form textarea {
            min-height: 150px;
        }

#reply-title {
    padding-bottom: 30px;
    margin-bottom: 5px;
}

.comment-notes {
    margin-top: 10px;
    color: #a4a4a3;
}

.post-related {
    margin-top: 40px;
    border-top: 1px dashed #ddd;
    padding-top: 30px;
}

.item-related {
    text-align: left;
}

.post-related h6 {
    margin-bottom: 20px;
}

.item-related img {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    border-radius: 10px;
    box-shadow: 0px 10px 34px 0px rgba(0,0,0,.4);
    transition: all .3s ease-in-out;
}

.item-related:hover img {
    box-shadow: 0px 10px 64px 0px rgba(0,0,0, 0);
}

.item-related h3 {
    float: left;
    width: 100%;
    font-weight: 700;
    font-size: 1.5em;
}

    .item-related h3 a {
        color: #444;
    }

.item-related .post-date {
    float: left;
    font-style: italic;
    color: #666;
    width: 100%;
    font-weight: 500;
    margin-top: 4px;
}

    .item-related .post-date.post-price {
        font-size: 1.5em;
        color: var(--main-color);
    }

.item-related {
    padding-top: 15px;
    padding-bottom: 15px;
}
/*------ blog---------*/
.post-item {
    width: 50%;
    position: relative;
}

.post-items {
    z-index: 1
}

    .post-items .post-item:nth-child(odd) {
        padding: 0 20px 40px 0;
    }

    .post-items .post-item:nth-child(even) {
        padding: 0 0 40px 20px;
    }

.post-item_media a {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 10px 10px 0 0;
}

    .post-item_media a:before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        background: rgba(0,0,0,0.4);
        transition: all 0.3s ease-in-out;
        opacity: 0;
        z-index: 1;
    }

    .post-item_media a:after {
        font-family: Font Awesome\ 5 Pro;
        content: "\f178";
        position: absolute;
        color: #fff;
        width: 20px;
        height: 20px;
        line-height: 20px;
        left: 50%;
        top: 50%;
        margin: -10px 0 0 -10px;
        font-size: 16px;
        opacity: 0;
        z-index: 2;
        transition: all 0.3s ease-in-out;
    }

    .post-item_media a:hover:before, .post-item_media a:hover:after {
        opacity: 1;
    }

.post-item_media img {
    width: 100%;
    height: auto;
}

.post-item_content {
    padding: 20px;
    border: 1px dashed #ddd;
    border-top: none;
    background: #f9f9f9;
    border-radius: 0 0 10px 10px;
    position: relative;
}

.post-item_content_box {
    border: 1px dashed #ddd;
    padding: 20px;
    background: #fff;
    position: relative;
    z-index: 2;
}

.post-item_content h3 {
    font-size: 1.7em;
    font-weight: 600;
    margin-bottom: 15px;
    text-align: center;
    position: relative;
}

    .post-item_content h3 a {
        display: block;
        color: #666;
    }

.post-item_content p {
    text-align: center
}

.post-item_content h3:hover a, .post-header a, .post-header span, .post-link {
    color: var(--main-color);
}

.post-header a, .post-header span {
    margin-right: 10px;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 600;
}

.post-opt {
    margin-bottom: 10px;
}

.post-header {
    margin-bottom: 10px;
}

.post-opt ul, .post-header {
    display: inline-block;
    flex-grow: 0;
    flex-direction: row;
}

.post-opt li {
    display: inline-block;
    margin-right: 10px;
    font-size: 11px;
}

    .post-opt li i {
        margin-right: 6px;
        color: #000;
        font-weight: 800;
    }

    .post-opt li a, .post-opt li span {
        color: #666;
    }

.pagination {
    margin: 20px 0 0 0;
    text-align: center;
    display: block;
    z-index: 10;
    position: relative;
}

    .pagination a {
        display: inline-block;
        margin: 0 2px;
        width: 50px;
        height: 50px;
        line-height: 50px;
        box-sizing: border-box;
        position: relative;
        color: var(--main-color);
        background: #222;
        border-radius: 4px;
        font-size: 13px;
        font-weight: 700;
        transition: all .3s linear;
    }

        .pagination a.current-page, .pagination a:hover {
            background: var(--main-color);
            color: #000;
        }

        .pagination a i {
            font-size: 12px;
        }

.single-btn {
    padding: 20px 0;
    background: #222;
    color: var(--main-color);
    font-weight: 700;
    z-index: 2;
    text-transform: uppercase;
    display: block;
    position: relative;
    transition: all .3s linear;
    overflow: hidden;
    border-radius: 0 0 10px 10px;
}

    .single-btn:hover {
        background: #000;
        color: #fff;
    }

.blog-search-wrap {
    display: table;
}

.blog-opt {
    position: relative;
    margin-bottom: 40px;
    z-index: 50;
    padding: 20px;
    border: 1px dashed #ddd;
}

.blog-search-wrap {
    position: relative;
    width: 450px;
    margin-right: 50px;
    display: table;
}

    .blog-search-wrap input {
        border: none;
        height: 60px;
        width: 100%;
        background: #fff;
        padding: 0 50px 0 30px;
        color: #000;
        outline: none;
        border-radius: 4px;
        margin-bottom: 0;
        box-shadow: 0px 10px 14px 0px rgba(12, 0, 46, 0.06);
    }

    .blog-search-wrap button {
        background: none;
        width: 60px;
        height: 60px;
        line-height: 60px;
        border: none;
        outline: none;
        position: absolute;
        right: 10px;
        top: 0;
        cursor: pointer;
        padding: 0;
        margin-top: 0;
        color: var(--main-color);
    }

.blog-btn-filter {
    position: absolute;
    right: 30px;
    top: 20px;
    width: 180px;
}

.blog-filter-wrap {
    display: none;
    position: absolute;
    top: 65px;
    right: -10px;
    width: 360px;
    padding: 30px;
    background: #222;
    overflow: hidden;
}

    .blog-filter-wrap:before {
        content: '';
        position: absolute;
        top: 10px;
        left: 10px;
        right: 10px;
        bottom: 10px;
        background: #191919;
        border-radius: 10px;
        z-index: 1;
        border: 1px dashed rgba(255,255,255,.2);
    }

.blog-filter-wrap_item {
    float: left;
    width: 50%;
    padding: 0 10px;
    position: relative;
    z-index: 2;
}

.blog-filter-wrap_item_title {
    padding-bottom: 10px;
    margin-bottom: 20px;
    text-align: left;
    border-bottom: 1px dashed rgba(255,255,255,.2);
    font-size: 1.4em;
}

.blog-btn-filter ul li {
    float: left;
    width: 100%;
    padding: 6px 0;
    text-align: left;
}

    .blog-btn-filter ul li a {
        text-transform: uppercase;
        color: #fff;
        font-weight: 700;
    }

        .blog-btn-filter ul li a:hover, .blog-filter-wrap_item_title {
            color: var(--main-color);
        }

.blog-filter-wrap_title {
    position: absolute;
    left: 34px;
    bottom: -13px;
    color: rgba(255,255,255,0.5);
    font-size: 44px;
}

.blog-btn {
    width: 190px;
    height: 60px;
    line-height: 60px;
    position: relative;
    cursor: pointer;
    color: var(--main-color);
    background: #222;
    font-size: .9em;
    text-transform: uppercase;
    font-weight: 600;
    box-shadow: 0px 10px 24px 0px rgba(12, 0, 46, .2);
}

.blog-media {
    overflow: hidden;
    position: relative;
    margin-bottom: 50px;
    border-radius: 30px;
}

.content-nav-fixed {
    position: relative;
    padding: 0 30px;
    height: 120px;
    background: #222;
    margin-top: 50px;
    border-radius: 10px;
}

    .content-nav-fixed:after {
        content: '';
        position: absolute;
        top: 10px;
        left: 10px;
        right: 10px;
        bottom: 10px;
        background: #191919;
        border-radius: 10px;
        z-index: 1;
        border: 1px dashed rgba(255,255,255,.2);
    }

    .content-nav-fixed:before {
        content: '';
        position: absolute;
        left: 50%;
        width: 1px;
        height: 20px;
        top: 50%;
        margin-top: -10px;
        background: rgba(255,255,255,0.21);
        z-index: 100;
    }

    .content-nav-fixed ul {
        display: grid;
        grid-template-columns: 50% 50%;
        position: relative;
        z-index: 10;
    }

    .content-nav-fixed li {
        width: 100%;
        display: block;
        position: relative;
    }

        .content-nav-fixed li:first-child {
            border: none;
        }

        .content-nav-fixed li a.ln, .content-nav-fixed li a.rn {
            color: var(--main-color);
            text-transform: uppercase;
            position: relative;
            width: 100%;
            height: 120px;
            line-height: 120px;
        }

        .content-nav-fixed li a.ln {
            text-align: left;
            float: left;
            padding-left: 120px;
        }

        .content-nav-fixed li a.rn {
            text-align: right;
            float: right;
            padding-right: 120px;
        }

        .content-nav-fixed li a:hover:before {
            top: 0;
        }

        .content-nav-fixed li a.ln i, .content-nav-fixed li a.rn i {
            position: relative;
            z-index: 50;
            transform: translateX(0);
            transition: all .3s linear;
            color: #fff;
        }

        .content-nav-fixed li a.ln:hover i {
            transform: translateX(-85px);
            transition-delay: .35s;
        }

        .content-nav-fixed li a.rn:hover i {
            transform: translateX(85px);
            transition-delay: .35s;
        }

        .content-nav-fixed li a span {
            font-size: 12px;
            text-transform: uppercase;
            letter-spacing: 2px;
            font-weight: 700;
            position: relative;
            z-index: 10;
        }

        .content-nav-fixed li a.ln span {
            padding-left: 15px;
        }

        .content-nav-fixed li a.rn span {
            padding-right: 15px;
        }

.content-nav_mediatooltip {
    position: absolute;
    bottom: 50%;
    margin-bottom: -40px;
    overflow: hidden;
    width: 80px;
    height: 80px;
    border-radius: 50%;
}

.content-nav-fixed li .overlay {
    opacity: 0;
    transition: all .3s linear;
}

.content-nav-fixed li:hover .overlay {
    opacity: .7;
    transition-delay: .3s
}

.content-nav_mediatooltip.cnmd_leftside {
    left: 0;
}

.content-nav_mediatooltip.cnmd_rightside {
    right: 0;
}

.checkout-table-container {
    overflow: hidden;
}

.checkout-table {
    border: 1px solid #eee;
    float: left;
    width: 100%;
    font-size: 1.2em;
    background: #fff;
    font-weight: 600;
}

    .checkout-table > tbody > tr > td,
    .checkout-table > tbody > tr > th,
    .checkout-table > tfoot > tr > td,
    .checkout-table > tfoot > tr > th,
    .checkout-table > thead > tr > td,
    .checkout-table > thead > tr > th {
        border-top: 1px solid #ddd;
        border-right: 1px solid #ddd;
    }

    .checkout-table tr td:nth-child(odd) {
        background: #f9f9f9;
    }

    .checkout-table tbody tr td:first-child,
    .checkout-table tbody tr th:first-child {
        max-width: 50px;
        background: #fff;
        padding: 15px;
        border-right: 1px solid #ddd;
    }

.pr-remove {
    vertical-align: middle !important;
    text-align: center;
    font-size: 14px;
    padding: 10px;
}

.order-money {
    font-size: 16px;
}

.order-count {
    border: none;
    width: 60px;
    height: 50px;
    text-align: center;
    font-weight: bold;
    font-family: var(--main-font);
}

.pr-remove:hover i {
    color: var(--main-color);
}

.product-name {
    font-weight: 500;
}

.total-box, .coupon-holder {
    margin-top: 30px;
}

.total-item {
    text-align: right;
    font-size: 1.4em;
    font-weight: 700;
    display: block;
    border-top: 1px dashed #ddd;
    border-bottom: 1px dashed #ddd;
    height: 60px;
    line-height: 60px;
    margin-bottom: 40px;
}

.coupon-holder input {
    float: left;
    font-size: 14px;
    height: 56px;
    border-radius: none;
    position: relative;
    z-index: 20;
    padding-left: 18px;
    color: #000;
    border: 0;
    border: 1px solid #eee;
    background: #f9f9f9;
    min-width: 200px;
    font-family: var(--main-font);
}

.coupon-holder button {
    float: left;
    height: 56px;
    border: none;
    cursor: pointer;
    padding: 0 40px;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 4px;
    background: #222;
    -webkit-appearance: none;
    color: var(--main-color);
    transition: all .3s ease-in-out;
    font-family: var(--main-font);
}

    .coupon-holder button:hover {
        color: #ccc;
    }

.coupon-holder-wrap .sb_details_item {
    margin-top: 50px;
}

.coupon-holder-wrap .sb_details {
    box-shadow: 0px -10px 64px 0px rgba(0,0,0,0);
}

.check-out_container {
    margin-bottom: 0;
}

.check-out_wrap {
    padding: 20px;
    border: 1px dashed #ddd;
    background: #fff;
}

.cart-title {
    font-size: 1.6em;
    font-weight: 700;
    padding-bottom: 20px;
}

.dishes-nav_title {
    display: none
}

.lg-actions .lg-next, .lg-actions .lg-prev {
    color: var(--main-color);
}
/*------ responsive----*/

@media only screen and (max-width: 1600px) {
    .mob-hidden, .hero_promo-wrap:before {
        display: none;
    }

    .header_half, .column-wrap, .column_footer, .hiddenmenu, .column-image {
        width: 100%;
    }

    .column-wrap {
        min-height: auto;
        padding: 0 20px;
    }

    .hero-scrolldown {
        left: 60px;
    }

    .header_half .header-top_contacts {
        margin-left: 180px;
    }

    .column-image {
        position: relative;
        padding: 200px 0 0;
    }

    .column-image-title {
        position: relative;
        padding: 80px 30px 30px;
    }

        .column-image-title h2, .column-image-title p {
            text-align: center;
            max-width: 100%;
        }

            .column-image-title h2:before {
                left: 50%;
                margin-left: -20px;
            }

    .vis_cimg .column-wrap-section:first-child {
        padding-top: 90px;
    }

    .logo-holder {
        left: 50px;
        height: 40px;
    }
}

@media only screen and (max-width: 1268px) {
    .header-top_contacts, .hero-title-item_dec, .hero_promo-title {
        display: none;
    }

    .align_title-container {
        padding-left: 20px;
        left: 10px;
    }

    .hero-scrolldown {
        left: 20px;
    }

    .hero-title-item h2 {
        font-size: 4.5em;
    }

    .hero_promo-wrap {
        min-width: 250px;
        width: 250px;
        height: 170px;
        padding-right: 0;
    }

    .hero_promo-button {
        width: 250px;
    }

    .reserv_modal-inner-box {
        margin-top: 0;
        top: 80px !important;
        box-shadow: 0px 0px 0px 0px rgba(255,255,255,.09);
        border-radius: 0;
    }

    .reserv_modal-inner {
        width: 100%;
        padding: 0 10px;
    }

    .reserv-modal-title h3 {
        font-size: 1.9em;
    }

    .reserv_modal-wrapper, .reserv_modal-bg-wrap {
        float: left;
        width: 100%;
    }

    .reserv_modal-bg-wrap {
        position: relative;
        padding: 90px 0;
        height: auto;
        margin-bottom: 30px;
    }

    .reservation-modal_hours {
        position: relative;
        top: 0;
        transform: translateY(0);
    }
}

@media only screen and (max-width: 1068px) {
    .border-bg {
        top: 80px;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: 0;
    }

    .header_half {
        top: 0;
        padding: 0;
    }

    .header-inner {
        border-radius: 0;
    }

        .header-inner:before, .height-emulator, .hero-social, .solid-facts .inline-facts-wrap:before, .content-nav-fixed li a.ln i, .content-nav-fixed li a.rn i, .menu-container-wrap:before {
            display: none;
        }

    .align_title-container {
        padding: 0 20px;
        left: 0;
    }

        .align_title-container h2, .align_title-container h4 {
            text-align: center
        }

        .align_title-container .htibtn {
            display: inline-block;
        }

    .logo-holder {
        top: 20px;
        left: 10px;
    }

        .logo-holder.scroll-sticky {
            top: 20px;
        }

    .hero-wrap_dec:before {
        left: 0;
        border-radius: 0;
        bottom: 0;
    }

    .hero_promo-button_item {
        top: 0;
        border-radius: 20px 0 0 20px;
    }

    .hero_promo-button a {
        margin: -30px 0 0 -30px;
    }

    .column-wrap {
        padding: 0;
    }

    .column-wrap-section {
        border-radius: 0;
    }

    footer.main-footer {
        float: left;
        width: 100%;
        position: relative;
    }

    .content-section {
        padding: 90px 0;
    }

    .footer-bg {
        height: 70%;
    }

    .hiddenmenu {
        top: 80px;
    }

    .column-image-title {
        bottom: 0;
        left: 0;
        right: 0;
    }

        .column-image-title h2 {
            font-size: 3.3em;
            line-height: 44px;
        }

    .big-number a {
        font-size: 2.0em;
    }

    .solid-facts .inline-facts-wrap {
        width: 50%;
    }

    .content-nav-fixed {
        padding: 0 20px;
    }

        .content-nav-fixed li a.ln {
            padding-left: 60px;
        }

        .content-nav-fixed li a.rn {
            padding-right: 60px;
        }

    .content-nav_mediatooltip {
        margin-bottom: -25px;
        width: 50px;
        height: 50px;
    }

    .blog-search-wrap {
        width: 250px;
    }

    .menu-container-wrap {
        display: block;
    }

        .menu-container-wrap .hero-menu-item:nth-child(2) {
            border-top: none;
        }

        .menu-container-wrap .hero-menu-item {
            border-left: 1px dashed #ddd;
            border-right: 1px dashed #ddd;
        }

    .dishes-nav_title {
        display: block;
        color: #fff;
        height: 80px;
        line-height: 80px;
        float: left;
        text-transform: uppercase;
        margin-left: 40px;
        cursor: pointer;
    }

    .dishes-nav {
        position: absolute;
        width: 250px;
        bottom: 100%;
        padding: 30px 40px;
        background: #111;
        margin: 0 0 10px 0;
        border-radius: 10px;
        display: none;
    }

    .dishes-nav_title i {
        margin-left: 20px;
        font-weight: 900;
        color: var(--main-color);
        transform: rotateX(180deg);
    }

    .dishes-nav_title.dnt_tog i {
        transform: rotateX(0deg);
    }

    .dishes-nav li {
        width: 100%;
    }

    .dishes-nav ul {
        top: 0;
        border-radius: 0;
        height: auto;
        border: none;
    }

    .dishes-nav a {
        background: none;
        color: #fff;
        height: auto;
        line-height: normal;
        font-size: 1.2em;
        font-weight: 600;
        padding: 10px 0;
        width: 100%;
        text-align: left;
        border-right: none;
    }

    .product-header_form {
        position: relative;
        width: 100%;
        float: left;
        bottom: 0;
        margin-bottom: 30px;
    }

    .shop-header-title_opt {
        width: 100%;
    }
}

@media only screen and (max-width: 900px) {
    .map-wrapper {
        padding: 63px 0 0 0;
    }

    .location-container {
        position: relative;
        left: 0;
        top: 0;
        bottom: auto;
        padding: 60px 0;
        background: #191919;
        width: 100%;
        border-radius: 0;
    }

    .location-content {
        top: 0;
        transform: translateY(0);
    }

    .map-container {
        border-radius: 0;
    }

    .map-links_tabs-container {
        right: 0;
        top: 0;
        width: 100%;
    }

    .map-links_tabs-title {
        background: #111;
        box-shadow: 0px 0px 0px 0px rgba(255,255,255,.09);
    }

    .location-container:before {
        display: none
    }

    .hero-slider_btn_dec {
        width: 50px;
        height: 50px;
        line-height: 50px;
        top: auto;
        margin-top: 0;
        border-radius: 50%;
        bottom: 30px;
        overflow: hidden;
    }

        .hero-slider_btn_dec.hero-slider_btn_next:hover i, .hero-slider_btn_dec.hero-slider_btn_prev:hover i {
            transform: translateX(0);
            border: 1px dashed rgba(255,255,255,0);
            box-shadow: 0px 0px 0px 0 rgba(255,255,255,.09);
        }

    .sb-details li span {
        min-width: auto;
        margin-right: 10px;
    }
}

@media only screen and (max-width: 768px) {
    .container.small-container {
        width: min(100% - 20px, 1100px);
    }

    .image-collge-wrap, .hero-menu-wrap {
        margin-top: 20px;
    }

    .services-list-item {
        margin: 10px 0;
    }

    .fl-btn {
        float: left;
        margin-top: 10px;
    }

    .header_half-reser_btn {
        padding: 0;
        background: none;
        color: #fff;
        width: 34px;
        margin: 0 5px 0 0;
    }

        .header_half-reser_btn span, .share-btn span, .work-time:before, .scroll-down_title, .hero_promo-button_item, .hero-menu-det, .hero-menu-wrap:before, .hero-menu-wrap:after, .gallery-filters a span, .gallery-filters a:before, .shop-tabs-menu .page-counter:before, .checkout-table tbody tr th:first-child, .hidden-xs {
            display: none
        }

    .checkout-table > tbody > tr > th {
        padding: 15px 0;
    }

    .header_half-reser_btn i {
        display: block;
        font-size: 16px;
        line-height: 54px;
    }

    .share-btn i, .header_half .share-btn i {
        transform: rotateX(0deg);
    }

        .share-btn i:before {
            content: '\f1e0';
            font-weight: 100;
            position: relative;
            font-size: 18px;
            color: #fff;
            top: 5px;
        }

    .reservation-content .nice-select {
        margin-bottom: 20px;
    }

    .share-wrapper_half {
        left: 20px;
        right: 20px;
        padding: 0 10px;
    }

    .share-icon {
        margin: 0 5px;
    }

    .hero_promo-wrap {
        width: 80px;
        height: 80px;
        right: 20px;
        bottom: 20px;
        min-width: 80px;
    }

    .hero_promo-button {
        width: 80px;
        background: none;
    }

    .hero-menu-wrap {
        padding: 0;
        background: none;
        border: none;
        border-radius: 0px;
        box-shadow: 0px 10px 54px 0px rgba(12, 0, 46, .0);
    }

    .hero-menu_header li:before {
        right: 0;
    }

    .hero-menu_header li:after {
        right: 30px;
    }

    .hero-menu-item-img {
        width: 60px;
        height: 60px;
        margin-top: 0;
        top: 30px;
    }

    .hero-menu-item {
        padding: 30px 0 30px 80px;
    }

    .menu-container-wrap .hero-menu-item {
        padding: 30px 0 30px 90px;
    }

    .hot-desc {
        font-size: 11px;
    }

    .testimonilas-carousel .ts-btn {
        top: auto;
        bottom: 30px;
    }

    .footer-social {
        margin-bottom: 20px;
    }

    .footer-social-title {
        width: 100%;
        top: 0;
        margin: 0 0 15px 0;
        text-align: left;
    }

    .subcribe_title {
        display: block;
        margin-bottom: 30px;
    }

    .subcribe-form {
        width: 100%;
    }

    .footer-inner, .team-box {
        margin: 20px 0;
    }

    .footer-widget {
        margin-bottom: 20px;
        float: left;
        width: 100%;
    }

    .pay_list {
        margin: 20px 0 10px 0;
        width: 100%;
        top: 0;
    }

    .order-wrap .btn {
        position: relative;
        right: 0;
        top: 0;
        transform: translateY(0%);
        display: block;
        margin: 20px 0 20px;
    }

    .order-wrap {
        height: auto;
    }

        .order-wrap h4 {
            padding-top: 20px;
            text-align: center;
            line-height: normal;
        }

    .hiddenmenu:before {
        top: 10px;
        bottom: 10px;
        right: 10px;
        left: 10px;
    }

    .nav-separator {
        top: 30px;
    }

    .hiddenmenu:after {
        top: 40px;
        bottom: 40px;
        right: 40px;
        left: 40px;
    }

    .nav-social {
        bottom: 14px;
    }

        .nav-social ul {
            padding: 0 10px;
        }

    .hiddenmenu .sliding-menu a {
        font-size: 2.7em;
        height: 50px;
        line-height: 50px;
    }

    .hiddenmenu nav.nav-inner {
        min-height: 250px;
    }

    .hiddenmenu .sliding-menu a:after {
        right: 50px;
    }

    .hiddenmenu .sliding-menu a:before {
        left: 50px;
    }

    .solid-facts .inline-facts-wrap, .gallery-item, .post-item {
        width: 100%;
    }

    .video_section-title h2 {
        font-size: 1.9em;
    }

    .cite_box {
        padding: 50px 40px 40px;
    }

    .gallery-filters a {
        margin: 0 15px;
    }

    .post-items .post-item:nth-child(odd), .post-items .post-item:nth-child(even) {
        padding: 20px 0;
    }

    .check-out_container p {
        padding-top: 0 !important;
        position: relative;
        top: -6px;
        font-size: 11px !important
    }

    .singlefw-carousel, .singlefw-carousel img {
        height: 350px;
    }
}

@media only screen and (max-width: 640px) {
    .header_half .nav-button_wrap {
        width: 70px;
    }

    .header_half .share-btn {
        margin-right: 90px;
    }

    .hero-title-item h2 {
        font-size: 2.8em;
    }

    .hero-title-item h4 {
        font-size: 1.2em;
    }

    .reserv_modal-wrapper {
        padding: 60px;
    }

    .header-cart_wrap {
        width: 100%;
        padding: 25px 15px 15px;
    }

    .dec-list li i {
        display: block;
        text-align: left;
        margin: 0 0 10px 0;
    }

    .gallery-filters a {
        margin: 5px 15px;
    }

    .blog-search-wrap, .blog-btn-filter, .blog-btn, .blog-filter-wrap, .coupon-holder input, .coupon-holder button {
        width: 100%;
    }

    .blog-opt {
        padding: 0;
        border: none;
    }

    .blog-btn-filter {
        position: relative;
        right: 0;
        top: 0;
        margin-top: 10px;
    }

    .blog-filter-wrap {
        right: 0
    }

    .menu-container-wrap {
        border: none;
        border-radius: 0;
        padding: 0;
        background: #fff;
    }

    .dwonload_btn {
        padding: 0 24px;
    }

    .product-header_form button {
        margin: 20px 0 0 0;
    }

    .comment-body {
        margin-left: 0;
    }

    .comment {
        padding: 25px 10px 15px;
    }

    .blog-text_item, .check-out_container {
        padding: 15px;
    }

    .comment-author {
        display: none
    }

    .blog-text_wrap {
        padding: 15px;
    }

    .shop-tabs-menu a {
        width: 190px;
    }

    .shop-tabs-menu li:first-child a {
        margin-bottom: 10px;
    }

    .singlefw-carousel, .singlefw-carousel img {
        height: 250px;
    }

    .hero-menu-item-title {
        padding-right: 50px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .bg {
        background-attachment: scroll !important;
        -webkit-background-size: cover;
        background-position: center;
    }
}