@charset "UTF-8";
/* table of content - start
================================================== */
/* 
Project Name   :  Cafenod - HTML5 Template
File           :  CSS Base
Version        :  1.0.0
Last change    :  27 March 2021
Author         :  Xpressrow
*/
/* table of content - end
================================================== */
/* template fonts - start
================================================== */
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap");
/* template fonts - end
================================================== */
/* global reset - start
================================================== */
body {
    margin: 0px;
    padding: 0px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.65;
    font-style: normal;
    color: #7c7770;
    font-family: "Roboto", sans-serif;
    text-rendering: optimizelegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

.body_wrap {
    overflow: hidden;
    position: relative;
}

::selection {
    color: #ffffff;
    background-color: #d08627;
}

::-moz-selection {
    color: #ffffff;
    background-color: #d08627;
}

.container {
    max-width: 1200px;
}

.container_boxed {
    padding: 60px;
    max-width: 1290px;
    background-color: #ffffff;
}

.maxw_1560 {
    max-width: 1590px;
}

.maxw_1720 {
    max-width: 1750px;
}

iframe {
    border: none;
}

a:focus,
a:active,
input,
input:hover,
input:focus,
input:active,
textarea,
textarea:hover,
textarea:focus,
textarea:active {
    outline: none;
}

img:not([draggable]),
embed,
object,
video {
    height: auto;
    max-width: 100%;
}

img {
    border: none;
    max-width: 100%;
    vertical-align: middle;
    -webkit-user-select: none;
    user-select: none;
    height: auto;
}

a {
    outline: 0;
    display: inline-block;
    text-decoration: none;
}

    a:active, a:focus, a:hover, a:visited {
        outline: 0;
        text-decoration: none;
    }

button {
    padding: 0px;
    border: none;
    outline: none;
    background: none;
    display: inline-block;
}

    button:focus {
        outline: none;
    }

h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    color: #1B1B1B;
    font-family: "Oswald", sans-serif;
}

/* section decoration wrap - start */
.deco_wrap {
    z-index: 1;
    position: relative;
}

    .deco_wrap .deco_item {
        z-index: -1;
        position: absolute;
    }

    .deco_wrap .deco_big_text {
        top: 170px;
        left: 0px;
        right: 0px;
        z-index: -1;
        opacity: 0.2;
        color: #000000;
        line-height: 1;
        display: block;
        font-weight: 700;
        font-size: 291px;
        position: absolute;
        font-family: "Oswald", sans-serif;
    }

    .deco_wrap .overlay {
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        z-index: -1;
        position: absolute;
    }

    .deco_wrap .scratch {
        left: 0px;
        right: 0px;
        z-index: 1;
        position: absolute;
    }

        .deco_wrap .scratch img {
            width: 100%;
            display: block;
        }

    .deco_wrap .scratch_top {
        top: 0px;
    }

    .deco_wrap .scratch_bottom {
        bottom: 0px;
    }

/* section decoration wrap - end */
/* spacing settings - start */
.sec_ptb_120 {
    padding-top: 120px;
    padding-bottom: 20px;
}

.sec_ptb_80 {
    padding-top: 80px;
    padding-bottom: 80px;
}

/* spacing settings - end */
/* transition - start */
a,
button {
    transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

/* transition - end */
/* global reset - end
================================================== */
/* back to top button - start
================================================== */
.backtotop {
    right: 12px;
    z-index: 999;
    bottom: 50px;
    display: none;
    position: fixed;
}

    .backtotop .scroll {
        z-index: 1;
        width: 50px;
        height: 50px;
        display: block;
        position: relative;
    }

        .backtotop .scroll:before, .backtotop .scroll:after {
            top: 0px;
            left: 0px;
            right: 0px;
            bottom: 0px;
            content: "";
            position: absolute;
            border-radius: 100%;
            background-color: #ffffff;
            transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
            box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.2);
        }

        .backtotop .scroll:after {
            opacity: 0;
            transform: scale(1.5);
        }

        .backtotop .scroll:hover:before {
            opacity: 0;
            transform: scale(0.3);
        }

        .backtotop .scroll:hover:after {
            opacity: 1;
            transform: scale(1);
        }

        .backtotop .scroll i {
            left: 50%;
            z-index: 1;
            font-size: 15px;
            position: absolute;
            color: #fbcf00;
            transform: translateX(-50%);
            transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
        }

            .backtotop .scroll i:nth-child(1) {
                top: 50%;
                transform: translate(-50%, -50%);
            }

            .backtotop .scroll i:nth-child(2) {
                top: 110%;
                opacity: 0;
                visibility: hidden;
            }

        .backtotop .scroll:hover i:nth-child(1) {
            top: -110%;
            opacity: 0;
            visibility: hidden;
            transform: translateX(-50%);
        }

        .backtotop .scroll:hover i:nth-child(2) {
            top: 50%;
            opacity: 1;
            visibility: visible;
            transform: translate(-50%, -50%);
        }

/* back to top button - end
================================================== */
/* preloader - start
================================================== */
#preloader {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10000;
    position: fixed;
    overflow: visible;
    background: #ffffff url("../images/preloader.svg") no-repeat center center;
}

/* preloader - end
================================================== */
/* button style - start
================================================== */
.load_more {
    margin-top: 60px;
}

.btn {
    border: none;
    outline: none;
    line-height: 1;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    padding: 21px 42px;
    border-radius: 5px;
    display: inline-block;
    transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    font-family: "DM Sans", sans-serif;
}

    .btn:focus {
        outline: none;
        box-shadow: none;
    }

    .btn:hover {
        color: #ffffff;
    }

    .btn.btn_primary {
        background-color: #fbcf00;
    }

        .btn.btn_primary:hover {
            background-color: #1B1B1B;
        }

    .btn.btn_secondary {
        background-color: #1B1B1B;
    }

        .btn.btn_secondary:hover {
            background-color: #fbcf00;
        }

    .btn.btn_border {
        padding: 19px 42px;
        border: 2px solid transparent;
    }

    .btn.border_white {
        border-color: rgba(255, 255, 255, 0.5);
    }

        .btn.border_white:hover {
            color: #fbcf00;
            border-color: #ffffff;
            background-color: #ffffff;
        }

    .btn.border_black {
        color: #1B1B1B;
        border-color: rgba(18, 16, 13, 0.3);
    }

        .btn.border_black:hover {
            color: #ffffff;
            border-color: #1B1B1B;
            background-color: #1B1B1B;
        }

.btn_text {
    line-height: 1;
    font-size: 14px;
    font-weight: 500;
    color: #7c7770;
    display: inline-block;
}

    .btn_text span {
        position: relative;
        display: inline-block;
    }

        .btn_text span:before {
            width: 0px;
            left: auto;
            right: 0px;
            bottom: 0px;
            height: 1px;
            content: "";
            position: absolute;
            transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
            background-color: #fbcf00;
        }

    .btn_text:hover span:before {
        left: 0px;
        width: 100%;
        right: auto;
    }

    .btn_text i {
        margin-left: 2px;
        transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    }

    .btn_text:hover {
        color: #fbcf00;
    }

        .btn_text:hover i {
            transform: translateX(5px);
        }

/* button style - end
================================================== */
/* video play button - start
================================================== */
.pulse {
    z-index: 1;
    width: 40px;
    height: 40px;
    color: #ffffff;
    font-size: 10px;
    position: relative;
    margin-right: 20px;
    border-radius: 100%;
    align-items: center;
    display: inline-flex;
    justify-content: center;
    background-color: #fbcf00;
}

    .pulse:before, .pulse:after {
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        z-index: -1;
        content: "";
        position: absolute;
        border-radius: 100%;
        background-color: #fbcf00;
    }

    .pulse:before {
        animation: pulse 3s cubic-bezier(0.16, 1, 0.3, 1) infinite both;
    }

    .pulse:after {
        animation: pulse 3s 0.6s cubic-bezier(0.16, 1, 0.3, 1) infinite both;
    }

    .pulse i {
        margin-left: 2px;
    }

@keyframes pulse {
    0% {
        opacity: 0.5;
        transform: scale(1);
    }

    100% {
        opacity: 0;
        transform: scale(2.1);
    }
}

.video_btn1 {
    font-size: 14px;
    font-weight: 500;
    align-items: center;
    display: inline-flex;
    color: #1B1B1B;
}

.video_btn2 {
    text-align: center;
    display: inline-block;
}

    .video_btn2 span {
        margin: auto;
        width: 109px;
        height: 109px;
        font-size: 16px;
        margin-bottom: 25px;
        display: inline-flex;
        border: 2px solid #ffffff;
        background-color: transparent;
    }

        .video_btn2 span:before, .video_btn2 span:after {
            background-color: #ffffff;
        }

    .video_btn2 small {
        display: block;
        color: #ffffff;
        font-size: 18px;
        font-weight: 500;
    }

/* video play button - end
================================================== */
/* order & unorder list reset - start
================================================== */
.ul_li,
.ul_li_right,
.ul_li_center {
    margin: 0px;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

    .ul_li > li,
    .ul_li_right > li,
    .ul_li_center > li {
        float: left;
        list-style: none;
        display: inline-block;
    }

.ul_li {
    justify-content: flex-start;
}

.ul_li_center {
    justify-content: center;
}

.ul_li_right {
    justify-content: flex-end;
}

.ul_li_block {
    margin: 0px;
    padding: 0px;
    display: block;
}

    .ul_li_block > li {
        display: block;
        list-style: none;
    }

/* order & unorder list reset - end
================================================== */
/* social links - start
================================================== */
.social_links {
    margin: -5px;
}

    .social_links li {
        padding: 5px;
    }

.social_text li:not(:last-child) {
    margin-right: 45px;
}

.social_text i {
    margin-right: 10px;
}

.social_text a {
    font-size: 14px;
    font-weight: 500;
}

    .social_text a:hover {
        color: #fbcf00;
    }

.social_icons a {
    width: 35px;
    height: 35px;
    color: #c6c0ba;
    line-height: 37px;
    text-align: center;
    border-radius: 2px;
    background-color: #f7f7f7;
}

    .social_icons a:hover {
        color: #ffffff;
        background-color: #fbcf00;
    }

.text-white .social_icons a {
    color: #fbcf00;
    background-color: #1B1B1B;
}

    .text-white .social_icons a:hover {
        color: #ffffff;
        background-color: #fbcf00;
    }

/* social links - end
================================================== */
/* section title - start
================================================== */
.section_title {
    margin-bottom: 50px;
}

    .section_title .small_title {
        line-height: 1;
        font-size: 14px;
        margin-bottom: 18px;
        font-family: "Roboto", sans-serif;
    }

        .section_title .small_title i {
            margin-right: 10px;
            color: #282725;
        }

    .section_title .big_title {
        font-size: 45px;
        line-height: 1.2;
        margin-bottom: 0px;
    }

/* section title - end
================================================== */
/* background colors - start
================================================== */
.bg_default_brown {
    background-color: #fbcf00;
}

.bg_default_gray {
    background-color: #f6f6f6;
}

/* background colors - end
================================================== */
/* carousel settings - start
================================================== */
.slick-dots li {
    margin: 0px;
    display: inline-block;
}

    .slick-dots li:not(:last-child) {
        margin-right: 10px;
    }

.slick-dots button {
    width: 8px;
    height: 8px;
    opacity: 0.4;
    display: block;
    border-radius: 100%;
    background-color: #000000;
    transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

.slick-dots li:hover button, .slick-dots li.slick-active button {
    opacity: 1;
}

/* carousel settings - end
================================================== */
/* chip style - start
================================================== */
.chip_item {
    align-items: center;
    display: inline-flex;
}

    .chip_item .chip_thumbnail {
        width: 60px;
        overflow: hidden;
        margin-right: 15px;
        border-radius: 100%;
    }

    .chip_item .chip_name {
        line-height: 1;
        font-size: 15px;
        font-weight: 500;
        margin-bottom: 10px;
    }

    .chip_item .chip_title {
        display: block;
        line-height: 1;
        font-size: 12px;
        font-weight: 500;
        color: #fbcf00;
    }

/* chip style - end
================================================== */
/* template form style - start
================================================== */
/* from global settings - start */
.form_item {
    position: relative;
    margin-bottom: 30px;
}

    .form_item textarea, .form_item input {
        width: 100%;
        outline: none;
        display: block;
        box-shadow: none;
        border-radius: 5px;
        border: 1px solid #f5f5f5;
        transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    }

        .form_item textarea:focus, .form_item input:focus {
            outline: none;
            box-shadow: none;
            border-color: #23e176;
        }

    .form_item input {
        height: 56px;
        padding: 0px 15px;
    }

    .form_item textarea {
        min-height: 160px;
        padding: 20px 25px;
    }

    .form_item .form_icon {
        top: 50%;
        right: 25px;
        margin: 0px;
        padding: 0px;
        position: absolute;
        transform: translateY(-50%);
    }

    .form_item .form_field_title {
        line-height: 1;
        font-size: 15px;
        font-weight: 400;
        margin-bottom: 15px;
        color: #1B1B1B;
        font-family: "Roboto", sans-serif;
    }

        .form_item .form_field_title sup {
            top: -2px;
        }

:-moz-placeholder {
    color: #9d9a9a;
}

::-moz-placeholder {
    color: #9d9a9a;
}

:-ms-input-placeholder {
    color: #9d9a9a;
}

::-webkit-input-placeholder {
    color: #9d9a9a;
}

/* from global settings - end */
/* google map - start */
#mapBox {
    min-height: 600px;
}

/* google map - end */
/* contact from - start */
.contact_form {
    padding: 60px 50px;
    background-color: #f6f6f6;
}

    .contact_form .form_title {
        line-height: 1;
        font-size: 45px;
        margin-bottom: 35px;
    }

    .contact_form .form_item textarea, .contact_form .form_item input {
        background-color: #ffffff;
        border: 1px solid #ffffff;
    }

        .contact_form .form_item textarea:focus, .contact_form .form_item input:focus {
            border-color: #fbcf00;
        }

    .contact_form.bg_white {
        background-color: #ffffff;
    }

        .contact_form.bg_white .form_item textarea, .contact_form.bg_white .form_item input {
            background-color: #f6f6f6;
            border: 1px solid #f6f6f6;
        }

            .contact_form.bg_white .form_item textarea:focus, .contact_form.bg_white .form_item input:focus {
                border-color: #fbcf00;
            }

/* contact from - end */
/* main contact info wrap - start */
.main_contact_info_wrap {
    display: flex;
    flex-wrap: nowrap;
    margin-left: -15px;
    margin-right: -15px;
    justify-content: space-between;
}

    .main_contact_info_wrap .contact_info_item {
        max-width: 330px;
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 50px;
    }

.contact_info_item {
    display: flex;
    align-items: center;
}

    .contact_info_item .item_icon {
        height: 80px;
        min-width: 80px;
        font-size: 24px;
        margin-right: 20px;
        border-radius: 2px;
        align-items: center;
        display: inline-flex;
        color: #fbcf00;
        justify-content: center;
        background-color: #f6f6f6;
    }

    .contact_info_item .item_title {
        line-height: 1;
        font-size: 20px;
        margin-bottom: 10px;
    }

    .contact_info_item p {
        line-height: 1.4;
        margin-bottom: 0px;
    }

/* main contact info wrap - end */
/* reserve table form - start */
.reserve_table_form {
    padding: 60px;
    position: relative;
    padding-bottom: 120px;
    background-color: #f6f6f6;
}

    .reserve_table_form .form_title {
        line-height: 1;
        font-size: 45px;
        margin-bottom: 38px;
    }

    .reserve_table_form .form_item input {
        height: 70px;
        color: #9d9a9a;
        padding: 0px 30px;
    }

    .reserve_table_form .form_item .form_icon {
        right: 35px;
    }

    .reserve_table_form .decoration_icon {
        left: 50%;
        z-index: 1;
        bottom: -50px;
        width: 100px;
        height: 100px;
        display: flex;
        position: absolute;
        align-items: center;
        justify-content: center;
        transform: translateX(-50%);
    }

        .reserve_table_form .decoration_icon .bg_shape {
            top: 0px;
            left: 0px;
            right: 0px;
            bottom: 0px;
            z-index: -1;
            position: absolute;
            transform: rotate(45deg);
            background-color: #ffffff;
            box-shadow: 0px 9px 16px 0px rgba(179, 179, 179, 0.2);
        }

/* reserve table form - end */
/* comment form - start */
.comment_form .form_item input,
.comment_form .form_item textarea {
    border-radius: 0px;
    background-color: #f6f6f6;
}

/* comment form - end */
/* template form style - end
================================================== */
/* rating star - start
================================================== */
.rating_star li {
    color: #f6c46e;
    font-size: 12px;
}

    .rating_star li:not(:last-child) {
        margin-right: 3px;
    }

/* rating star - end
================================================== */
/* pagination - start
================================================== */
.pagination_nav {
    margin: -3px;
    margin-top: 77px;
}

    .pagination_nav li {
        padding: 3px;
    }

    .pagination_nav a {
        height: 50px;
        min-width: 50px;
        display: flex;
        font-size: 15px;
        border-radius: 45px;
        align-items: center;
        color: #7c7770;
        justify-content: center;
        background-color: #ffffff;
    }

    .pagination_nav li:hover a, .pagination_nav li.active a {
        color: #ffffff;
        background-color: #fbcf00;
    }

/* pagination - end
================================================== */
/* filter nav - start
================================================== */
.filters-button-group {
    margin-bottom: 60px;
    border-bottom: 5px solid #e4e2da;
}

    .filters-button-group li {
        margin-bottom: -5px;
    }

        .filters-button-group li:not(:last-child) {
            margin-right: 5px;
        }

    .filters-button-group button {
        color: #8b887d;
        font-size: 15px;
        font-weight: 700;
        padding: 0px 20px;
        position: relative;
        padding-bottom: 30px;
    }

        .filters-button-group button:before {
            left: 15px;
            right: 15px;
            bottom: 0px;
            opacity: 0;
            content: "";
            height: 5px;
            position: absolute;
            border-radius: 45px;
            background-color: #fbcf00;
            transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
        }

        .filters-button-group button:hover, .filters-button-group button.active {
            color: #1B1B1B;
        }

            .filters-button-group button:hover:before, .filters-button-group button.active:before {
                left: 0px;
                right: 0px;
                opacity: 1;
            }

    .filters-button-group.style_2 {
        border-bottom: none;
    }

        .filters-button-group.style_2 li {
            margin-bottom: 0px;
        }

            .filters-button-group.style_2 li:not(:last-child) {
                margin-right: 60px;
            }

        .filters-button-group.style_2 button {
            padding: 0px;
        }

            .filters-button-group.style_2 button:before {
                display: none;
            }

            .filters-button-group.style_2 button:hover, .filters-button-group.style_2 button.active {
                color: #1B1B1B;
            }

.text-white .filters-button-group.style_2 button {
    color: #aaaaaa;
}

    .text-white .filters-button-group.style_2 button:hover, .text-white .filters-button-group.style_2 button.active {
        color: #ffffff;
    }

.filters-button-group {
    border-bottom: none;
}

    .filters-button-group.style_3 {
        background-color: #ffffff;
    }

        .filters-button-group.style_3 li {
            margin: 0px;
        }

            .filters-button-group.style_3 li:not(:last-child) {
                margin-right: 0px;
            }

        .filters-button-group.style_3 button {
            padding: 18px 22px;
        }

            .filters-button-group.style_3 button:before {
                border-radius: 0px;
            }

    .filters-button-group.style_4 li {
        margin: 0px;
        border-bottom: 4px solid #eaeaea;
    }

        .filters-button-group.style_4 li:not(:last-child) {
            margin-right: 0px;
        }

    .filters-button-group.style_4 button {
        padding: 0px;
        line-height: 1;
        display: block;
        padding: 18.5px 41.5px;
    }

        .filters-button-group.style_4 button:before {
            display: none;
        }

        .filters-button-group.style_4 button:hover, .filters-button-group.style_4 button.active {
            background-color: #ffffff;
        }

/* filter nav - end
================================================== */
/* default tags style - start
================================================== */
.tag_list {
    margin: -5px;
}

    .tag_list li {
        padding: 5px;
    }

    .tag_list a {
        display: block;
        line-height: 1;
        padding: 10px 24px;
        color: #7c7770;
        background-color: #f6f6f6;
    }

        .tag_list a:hover {
            color: #ffffff;
            background-color: #fbcf00;
        }

/* default tags style - end
================================================== */
/* order & unorder list reset - start
================================================== */
.post_meta {
    font-size: 14px;
    color: #1B1B1B;
}

    .post_meta li {
        margin-bottom: 20px;
    }

        .post_meta li:not(:last-child) {
            margin-right: 40px;
        }

    .post_meta a {
        display: block;
        color: #1B1B1B;
    }

        .post_meta a:hover {
            color: #fbcf00;
        }

    .post_meta i {
        margin-right: 5px;
    }

/* order & unorder list reset - end
================================================== */
/* comment area - start
================================================== */
.comment_item:not(:last-child) {
    margin-bottom: 30px;
}

.comment_item .comment_item {
    padding-top: 20px;
    padding-left: 85px;
}

.comment_item .comment_thumbnail {
    float: left;
    width: 60px;
    height: 60px;
    overflow: hidden;
    margin-right: 25px;
    border-radius: 100%;
    align-items: center;
    display: inline-flex;
    justify-content: center;
    background-color: #f6f6f6;
}

.comment_item .comment_content {
    display: table;
    padding-top: 14px;
}

.comment_item .comment_name {
    line-height: 1;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 5px;
    font-family: "Roboto", sans-serif;
}

.comment_item .comment_date {
    line-height: 1;
    display: block;
    font-size: 12px;
    margin-bottom: 15px;
    color: #fbcf00;
}

.comment_item .reply_btn {
    font-size: 12px;
    margin-top: 17px;
    display: inline-block;
    color: #1B1B1B;
}

    .comment_item .reply_btn:hover {
        color: #fbcf00;
    }

/* comment area - end
================================================== */
/* sidebar - start
================================================== */
.sb_widget {
    padding: 30px;
    background-color: #ffffff;
}

    .sb_widget:not(:last-child) {
        margin-bottom: 30px;
    }

    .sb_widget .form_item input {
        border-radius: 0px;
        background-color: #f6f6f6;
    }

    .sb_widget .recent_post {
        background-color: #f6f6f6;
    }

        .sb_widget .recent_post:not(:last-child) {
            margin-bottom: 20px;
        }

        .sb_widget .recent_post .item_image {
            min-width: 90px;
            border-radius: 0px;
        }

.sb_widget_title {
    font-size: 20px;
    margin-bottom: 30px;
}

.sb_category li:not(:last-child) {
    margin-bottom: 15px;
}

.sb_category a {
    display: flex;
    line-height: 1;
    align-items: center;
    padding: 17.5px 20px;
    color: #7c7770;
    background-color: #f6f6f6;
    justify-content: space-between;
}

    .sb_category a:hover {
        color: #ffffff;
        background-color: #fbcf00;
    }

.sb_photo_showcase ul {
    margin: -8px;
}

.sb_photo_showcase li {
    padding: 8px;
    width: 33.333%;
}

.sb_photo_showcase a {
    display: block;
    overflow: hidden;
    position: relative;
    background-color: #000000;
}

    .sb_photo_showcase a img {
        width: 100%;
        display: block;
        transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    }

    .sb_photo_showcase a:hover img {
        opacity: 0.4;
        transform: scale(1.08);
    }

/* sidebar - end
================================================== */
/* header section - start
================================================== */
.header_section {
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 99;
    position: absolute;
}

    .header_section .content_wrap {
        padding: 44px 0px;
    }

    .header_section.sticky {
        position: fixed;
        /*background-color: rgba(0, 0, 0, 0.9);*/
        animation: 0.5s ease-in-out 0s normal none 1 running fadeInDown;
    }

        .header_section.sticky .content_wrap {
            padding: 20px 0px;
        }

    .header_section.style_2 {
        background-color: rgba(0, 0, 0, 0.4);
        border-bottom: 2px solid rgba(255, 255, 255, 0.15);
    }

        .header_section.style_2 .content_wrap {
            padding: 32px 0px;
        }

        .header_section.style_2.sticky {
            background-color: rgba(0, 0, 0, 0.9);
            border-bottom: 2px solid rgba(0, 0, 0, 0.9);
        }

            .header_section.style_2.sticky .content_wrap {
                padding: 20px 0px;
            }

    .header_section.style_3 .content_wrap {
        padding: 22px 0px;
    }

    .header_section.style_3.sticky {
        background-color: #ffffff;
        box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.1);
    }

    .header_section.style_3 .main_menu_list > li > a {
        color: #1B1B1B;
    }

    .header_section.style_3 .main_menu_list > li:hover > a, .header_section.style_3 .main_menu_list > li.active > a {
        color: #fbcf00;
    }

    .header_section.style_3 .header_btns_group button {
        color: #1B1B1B;
    }

        .header_section.style_3 .header_btns_group button:hover {
            color: #fbcf00;
        }

.brand_logo .brand_link {
    display: inline-block;
}

.header_btns_group li {
    margin-right: 30px;
}

.header_btns_group button {
    color: #ffffff;
    font-size: 20px;
    position: relative;
}
    .header_btns_group button a {
        text-decoration: none;
        color: #fbcf00;
    }
    .header_btns_group button:hover,
.header_btns_group button:hover a {
        color: #fbcf00;
    }

    .header_btns_group button .cart_counter {
        top: -5px;
        height: 22px;
        color: #ffffff;
        min-width: 22px;
        font-size: 12px;
        line-height: 22px;
        text-align: center;
        position: absolute;
        border-radius: 45px;
        background-color: #ff0000;
    }



.main_search_form {
    border: none;
    padding: 20px 0px;
    border-radius: 0px;
    background-color: transparent;
    background-color: rgba(0, 0, 0, 0.9);
}

    .main_search_form .form_item {
        margin-bottom: 0px;
    }

        .main_search_form .form_item input {
            width: 100%;
            height: 60px;
            border: none;
            font-size: 16px;
            padding: 0px 30px;
            border-radius: 45px;
        }

        .main_search_form .form_item .submit_btn {
            top: 50%;
            right: 30px;
            font-size: 18px;
            position: absolute;
            color: #1B1B1B;
            transform: translateY(-50%);
        }

            .main_search_form .form_item .submit_btn:hover {
                color: #fbcf00;
            }

.main_menu {
    padding: 0px;
    padding-left: 23px;
}

.main_menu_list > li:not(:last-child) {
    margin-right: 60px;
}

.main_menu_list > li > a {
    display: block;
    color: #999999;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 0px;
    text-transform: uppercase;
    transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

.main_menu_list > li:hover > a, .main_menu_list > li.active > a {
    color: #fbcf00;
}

.main_menu_list .submenu {
    top: 100%;
    margin: 0px;
    border: none;
    font-size: 14px;
    min-width: 210px;
    padding: 20px 0px;
    border-radius: 8px;
    color: #7c7770;
    box-shadow: 0px 20px 60px 0px rgba(0, 0, 0, 0.15);
}

    .main_menu_list .submenu > li > a {
        display: block;
        line-height: 1;
        padding: 15px 30px;
        color: #7c7770;
        transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    }

    .main_menu_list .submenu > li:hover > a, .main_menu_list .submenu > li.active > a {
        color: #fbcf00;
        background-color: rgba(199, 161, 122, 0.04);
    }

    .main_menu_list .submenu .dropdown > a {
        position: relative;
    }

        .main_menu_list .submenu .dropdown > a:after {
            float: right;
            font-size: 11px;
            margin-top: 2px;
            content: "";
            font-weight: 400;
            display: inline-block;
            font-family: "Font Awesome 5 Pro";
        }

    .main_menu_list .submenu .submenu {
        top: 0px;
        left: 100%;
        border-top-left-radius: 0px;
    }

.main_menu_list li:hover > .submenu {
    display: block;
}

/* header section - end
================================================== */
/* footer section - start
================================================== */
.footer_section {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

    .footer_section .overlay {
        background-color: rgba(18, 16, 13, 0.702);
    }

.footer_widget_area {
    padding: 10px 0px;
}

.footer_widget_title {
    font-size: 20px;
    margin-bottom: 48px;
}

.footer_bottom {
    padding: 13.5px 0px;
    background-color: #f7f7f7;
}

.footer_subscribe_form {
    margin-bottom: 110px;
}

    .footer_subscribe_form .form_title {
        line-height: 1;
        font-size: 45px;
        margin-bottom: 50px;
    }

    .footer_subscribe_form .form_item input {
        height: 56px;
        border-color: #f7f7f7;
        background-color: #f7f7f7;
    }

    .footer_subscribe_form .form_item .btn {
        top: 50%;
        right: 0px;
        position: absolute;
        padding: 21px 25px;
        transform: translateY(-50%);
    }

.footer_about .brand_logo {
    margin-bottom: 15px;
}

.footer_about p {
    margin-bottom: 25px;
}

.footer_contact {
    padding-left: 50px;
}

    .footer_contact li {
        line-height: 1;
    }

        .footer_contact li:not(:last-child) {
            margin-bottom: 20px;
        }

    .footer_contact strong {
        font-size: 15px;
        color: #1B1B1B;
        display: inline-block;
    }

.footer_opening_time {
    padding: 0px 40px;
}

    .footer_opening_time li {
        line-height: 1;
    }

        .footer_opening_time li:not(:last-child) {
            margin-bottom: 15px;
        }

    .footer_opening_time span {
        float: right;
    }

.copyright_text {
    color: #1B1B1B;
}

    .copyright_text a {
        color: #fbcf00;
    }

/* footer dark style - start */
.text-white .footer_widget_title {
    color: #ffffff;
}

.text-white .footer_subscribe_form .form_title {
    color: #ffffff;
}

.text-white .footer_subscribe_form .form_item input {
    color: #ffffff;
    border-color: #1B1B1B;
    background-color: #1B1B1B;
}

.text-white .footer_contact strong {
    color: #ffffff;
}

.text-white .footer_bottom {
    padding-top: 12px;
    padding-bottom: 20px;
    background-color: transparent;
    border-top: 2px solid rgba(255, 255, 255, 0.15);
}

.text-white .copyright_text {
    color: #ffffff;
}

/* footer dark style - end */
/* footer section - end
================================================== */
/* breadcrumb section - start
================================================== */
.breadcrumb_section {
    display: flex;
    min-height: 500px;
    padding: 160px 0px;
    position: relative;
    align-items: flex-end;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.page_title {
    line-height: 1;
    font-size: 60px;
    margin-bottom: 10px;
}

.breadcrumb_nav li {
    font-size: 15px;
    font-weight: 700;
    position: relative;
    color: #fbcf00;
}

    .breadcrumb_nav li:not(:last-child) {
        margin-right: 8px;
        padding-right: 8px;
    }

    .breadcrumb_nav li:after {
        top: 50%;
        right: -4px;
        content: "/";
        position: absolute;
        transform: translateY(-50%);
    }

    .breadcrumb_nav li:last-child:after {
        display: none;
    }

.breadcrumb_nav a {
    color: #ffffff;
}

    .breadcrumb_nav a:hover {
        color: #fbcf00;
    }

.breadcrumb_icon_wrap {
    left: 0px;
    right: 0px;
    z-index: 10;
    bottom: -36px;
    position: absolute;
}

.breadcrumb_icon {
    z-index: 1;
    width: 72px;
    height: 72px;
    position: relative;
    align-items: center;
    display: inline-flex;
    justify-content: center;
}

    .breadcrumb_icon .bg_shape {
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        z-index: -1;
        position: absolute;
        transform: rotate(45deg);
        background-color: #ffffff;
        box-shadow: 0px 4px 16px 0px rgba(179, 179, 179, 0.25);
    }

/* breadcrumb section - end
================================================== */
/* slider dark - start
================================================== */
.slider_dark {
    position: relative;
    background-size: 100%;
    background-repeat: no-repeat;
    background-blend-mode: multiply;
    background-position: center top;
    background-color: #12100d;
}

    .slider_dark .main_slider {
        padding: 144px;
        position: relative;
    }

    .slider_dark .slider_item {
        z-index: 1;
        display: flex;
        min-height: 855px;
        position: relative;
        padding: 100px 15px;
        align-items: center;
        border-radius: 15px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
    }

    .slider_dark .title_text {
        line-height: 1;
        font-size: 75px;
        margin-bottom: 25px;
    }

    .slider_dark p {
        font-size: 18px;
        margin-bottom: 40px;
    }

    .slider_dark .btns_group li:not(:last-child) {
        margin-right: 30px;
    }

    .slider_dark .shape_image {
        left: 0px;
        bottom: 0px;
        z-index: -1;
        position: absolute;
    }

    .slider_dark .carousel_nav {
        top: 50%;
        left: 54px;
        font-size: 10px;
        position: absolute;
        transform: translateY(-50%);
    }

        .slider_dark .carousel_nav button {
            width: 34px;
            height: 34px;
            display: flex;
            color: #ffffff;
            align-items: center;
            border-radius: 100%;
            justify-content: center;
            border: 1px solid #5f5e5c;
            transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
        }

            .slider_dark .carousel_nav button:hover {
                color: #ffffff;
                border-color: #fbcf00;
                background-color: #fbcf00;
            }

            .slider_dark .carousel_nav button:not(:last-child) {
                margin-bottom: 10px;
            }

    .slider_dark .slick-dots {
        top: 50%;
        right: 58px;
        width: auto;
        height: auto;
        bottom: unset;
        position: absolute;
        transform: translateY(-50%);
    }

        .slider_dark .slick-dots li {
            display: block;
        }

            .slider_dark .slick-dots li:not(:last-child) {
                margin-right: 0px;
                margin-bottom: 2px;
            }

        .slider_dark .slick-dots button {
            opacity: 1;
            width: 30px;
            height: 30px;
            position: relative;
            background-color: transparent;
            border: 2px solid transparent;
        }

            .slider_dark .slick-dots button:before {
                top: 7px;
                left: 7px;
                content: "";
                width: 12px;
                height: 12px;
                position: absolute;
                border-radius: 100%;
                background-color: #41403d;
                transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
            }

        .slider_dark .slick-dots li:hover button, .slider_dark .slick-dots li.slick-active button {
            border-color: #ffffff;
        }

            .slider_dark .slick-dots li:hover button:before, .slider_dark .slick-dots li.slick-active button:before {
                background-color: #ffffff;
            }

    .slider_dark .social_text a {
        color: #ffffff;
    }

        .slider_dark .social_text a:hover {
            color: #fbcf00;
        }

.slider_social_wrap {
    padding: 55px 0px;
}

    .slider_social_wrap .video_btn1 {
        float: right;
        color: #ffffff;
    }

        .slider_social_wrap .video_btn1:hover {
            color: #fbcf00;
        }

        .slider_social_wrap .video_btn1 .pulse {
            width: 34px;
            height: 34px;
            order: 13;
            margin-left: 20px;
            margin-right: 0px;
            border: 2px solid #ffffff;
            background-color: transparent;
        }

            .slider_social_wrap .video_btn1 .pulse:before, .slider_social_wrap .video_btn1 .pulse:after {
                border: 2px solid #ffffff;
                background-color: transparent;
            }

/* slider dark - end
================================================== */
/* slider dark - start
================================================== */
.slider_light {
    padding: 100px 0px;
    position: relative;
    padding-bottom: 150px;
    background-color: #efefef;
}

    .slider_light .main_slider {
        border-radius: 20px;
        background-color: #ffffff;
        background-size: auto;
        background-repeat: no-repeat;
        background-position: center top;
    }

    .slider_light .carousel_nav {
        top: 80px;
        right: 115px;
        position: absolute;
    }

        .slider_light .carousel_nav button {
            width: 40px;
            height: 40px;
            align-items: center;
            border-radius: 100%;
            display: inline-flex;
            justify-content: center;
            background-color: #f3f3f3;
        }

            .slider_light .carousel_nav button:hover {
                color: #ffffff;
                background-color: #fbcf00;
            }

    .slider_light .slider_item {
        z-index: 1;
        position: relative;
        padding: 80px 100px;
    }

    .slider_light .big_text {
        left: 0px;
        right: 0px;
        z-index: -1;
        bottom: 15%;
        line-height: 1;
        color: #f3f3f3;
        display: block;
        font-size: 200px;
        position: absolute;
        font-family: "Oswald", sans-serif;
    }

    .slider_light .slider_content {
        padding-right: 30px;
    }

    .slider_light .title_text {
        font-size: 65px;
        margin-bottom: 20px;
    }

    .slider_light p {
        color: #12100d;
        font-size: 17px;
        margin-bottom: 30px;
    }

    .slider_light .info_list li {
        z-index: 1;
        text-align: right;
        position: relative;
    }

        .slider_light .info_list li:not(:last-child) {
            margin-bottom: 60px;
        }

    .slider_light .info_list .percentage_text {
        font-size: 40px;
        font-weight: 700;
        margin-bottom: 0px;
        color: #fbcf00;
    }

    .slider_light .info_list sub {
        bottom: 0px;
        font-size: 20px;
    }

    .slider_light .info_list .item_title {
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 0px;
        color: #1B1B1B;
    }

    .slider_light .info_list .circle_shape {
        top: 3px;
        right: -15px;
        z-index: -1;
        width: 70px;
        height: 70px;
        position: absolute;
        border-radius: 100%;
        background-color: #f3f3f3;
    }

    .slider_light .social_links {
        margin-top: 50px;
    }

/* slider dark - end
================================================== */
/* banner section - start
================================================== */
.banner_section {
    display: flex;
    min-height: 100vh;
    padding: 120px 0px;
    align-items: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

    .banner_section .banner_content {
        z-index: 2;
        position: relative;
    }

    .banner_section .banner_title {
        line-height: 1;
        font-size: 75px;
        margin-bottom: 25px;
    }

    .banner_section p {
        font-size: 17px;
        margin-bottom: 35px;
    }

    .banner_section .btns_group li:not(:last-child) {
        margin-right: 30px;
    }

    .banner_section .coffee_image {
        z-index: 0;
        right: -100px;
        bottom: -100px;
        max-width: 1200px;
    }

    .banner_section .leaf_image {
        left: 0px;
        bottom: 15px;
    }

/* banner section - end
================================================== */
/* feature section - start
================================================== */
.feature_primary_section2 {
    min-height: 700px;
    padding-top: 40px;
    padding-bottom: 120px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    background-position: center bottom;
}

.feature_primary_section3 {
    z-index: 1;
    margin-top: -80px;
    position: relative;
}

.feature_primary {
    padding-top: 80px;
    padding-right: 70px;
}

    .feature_primary .item_icon {
        width: 65px;
        height: 65px;
        border-radius: 5px;
        position: relative;
        align-items: center;
        margin-bottom: 18px;
        display: inline-flex;
        justify-content: center;
        background-color: #eceae3;
    }

        .feature_primary .item_icon:before {
            top: 50%;
            left: 100%;
            width: 75px;
            height: 1px;
            content: "";
            position: absolute;
            transform: translateY(-50%);
            border-bottom: 2px dashed #eceae3;
        }

    .feature_primary .item_serial {
        top: 50%;
        left: 100%;
        width: 25px;
        height: 25px;
        color: #22201d;
        font-size: 13px;
        line-height: 25px;
        margin-left: 75px;
        position: absolute;
        text-align: center;
        border-radius: 100%;
        background-color: #ffffff;
        transform: translateY(-50%);
        box-shadow: 0px 2px 8px 0px rgba(205, 205, 205, 0.3);
    }

    .feature_primary .item_title {
        line-height: 1;
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 13px;
    }

    .feature_primary.box_style {
        padding: 30px 40px;
        border-radius: 5px;
        background-color: #ffffff;
        box-shadow: 0px 13px 20px 0px rgba(217, 217, 217, 0.21);
    }

/* feature section - end
================================================== */
/* about section - start
================================================== */
.about_image1 {
    position: relative;
}

    .about_image1 .year_content_wrap {
        top: 50%;
        left: 50%;
        width: 248px;
        height: 228px;
        display: flex;
        padding: 15px;
        color: #ffffff;
        position: absolute;
        align-items: center;
        background-size: auto;
        justify-content: center;
        background-repeat: no-repeat;
        transform: translate(-50%, -50%);
        background-position: center center;
    }

        .about_image1 .year_content_wrap span, .about_image1 .year_content_wrap strong {
            line-height: 1;
            display: block;
        }

        .about_image1 .year_content_wrap span {
            font-size: 45px;
            font-weight: 700;
            margin-bottom: 10px;
            color: #fbcf00;
            font-family: "Oswald", sans-serif;
        }

            .about_image1 .year_content_wrap span small {
                color: #ffffff;
                font-size: 15px;
                font-weight: 500;
            }

        .about_image1 .year_content_wrap strong {
            font-size: 24px;
        }

.about_image2 {
    position: relative;
    padding-left: 40px;
}

    .about_image2 .year_content_wrap {
        top: 75px;
        left: 0px;
        z-index: 1;
        position: absolute;
    }

        .about_image2 .year_content_wrap span, .about_image2 .year_content_wrap strong {
            line-height: 1;
            display: block;
        }

        .about_image2 .year_content_wrap span {
            font-size: 24px;
            font-weight: 700;
            margin-bottom: 10px;
            color: #1B1B1B;
            font-family: "Oswald", sans-serif;
        }

        .about_image2 .year_content_wrap strong {
            color: #ffffff;
            line-height: 1;
            font-size: 126px;
            font-weight: bold;
            font-family: "Oswald", sans-serif;
            text-shadow: 0px 15px 21px rgba(84, 49, 55, 0.25);
        }

    .about_image2 .leaf_image {
        bottom: 55px;
        right: -100px;
        position: absolute;
    }

.about_content .section_title {
    margin-bottom: 30px;
}

.about_content p {
    margin-bottom: 30px;
}

.about_content .about_info {
    margin-bottom: 35px;
}

    .about_content .about_info li:not(:last-child) {
        margin-bottom: 25px;
    }

    .about_content .about_info h4 {
        font-size: 15px;
        margin-bottom: 10px;
        font-family: "Roboto", sans-serif;
    }

        .about_content .about_info h4 i {
            margin-right: 10px;
        }

.about_content .btns_group li:not(:last-child) {
    margin-right: 60px;
}

.our_history_area {
    padding: 60px 0px;
    border-bottom: 1px solid #f7f7f7;
}

    .our_history_area .item_icon {
        z-index: 1;
        width: 72px;
        height: 72px;
        display: flex;
        margin: 0px auto;
        position: relative;
        align-items: center;
        justify-content: center;
    }

        .our_history_area .item_icon .bg_shape {
            top: 0px;
            left: 0px;
            right: 0px;
            bottom: 0px;
            z-index: -1;
            position: absolute;
            transform: rotate(45deg);
            background-color: #ffffff;
            box-shadow: 0px 4px 16px 0px rgba(179, 179, 179, 0.25);
        }

    .our_history_area .item_title {
        line-height: 1;
        font-size: 45px;
        font-weight: 700;
        text-align: right;
        margin-bottom: 0px;
    }

/* about section - end
================================================== */
/* admin section - start
================================================== */
.admin_content .admin_name {
    line-height: 1;
    font-size: 45px;
    margin-bottom: 20px;
}

.admin_content p {
    margin-bottom: 30px;
}

.admin_info_wrap {
    display: flex;
    max-width: 380px;
    min-height: 310px;
    position: relative;
    padding-left: 60px;
    align-items: center;
    border: 2px solid #f5f5f5;
}

    .admin_info_wrap .social_icons {
        top: 0px;
        left: 0px;
        bottom: 0px;
        margin: 0px;
        width: 60px;
        display: flex;
        position: absolute;
        align-items: center;
        border-right: 2px solid #f5f5f5;
    }

        .admin_info_wrap .social_icons li {
            width: 100%;
            float: none;
            padding: 0px;
            display: block;
        }

        .admin_info_wrap .social_icons a {
            width: 100%;
            height: 60px;
            display: block;
            line-height: 62px;
            border-radius: 0px;
            background-color: transparent;
        }

            .admin_info_wrap .social_icons a:hover {
                color: #fbcf00;
            }

    .admin_info_wrap .info_list {
        width: 100%;
    }

        .admin_info_wrap .info_list strong {
            color: #1B1B1B;
            text-transform: uppercase;
        }

        .admin_info_wrap .info_list li {
            padding: 25px 20px;
        }

            .admin_info_wrap .info_list li:not(:last-child) {
                border-bottom: 2px solid #f5f5f5;
            }

/* admin section - end
================================================== */
/* recipe menu section - start
================================================== */
.recipe_menu_section {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

    .recipe_menu_section.bg_gray {
        background-color: #eceae3;
    }

    .recipe_menu_section .shape_1 {
        left: 0px;
        top: 135px;
    }

    .recipe_menu_section .shape_2 {
        right: 0px;
        bottom: 0px;
    }

    .recipe_menu_section .deco_big_text {
        top: 114px;
    }

.recipe_item_grid {
    margin: -10px;
}

    .recipe_item_grid .element-item {
        width: 100%;
        padding: 10px;
    }

.recipe_item {
    display: flex;
    padding: 15px;
    border-radius: 5px;
    align-items: center;
    justify-content: space-between;
    transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    background-color: white;
}

    .recipe_item:hover {
        transform: translateY(-5px);
        box-shadow: 0px 30px 60px 0px rgba(0, 0, 0, 0.1);
    }

    .recipe_item .content_col:first-child {
        width: 62%;
        display: flex;
        align-items: center;
    }

    .recipe_item .content_col:last-child {
        width: 240px;
        text-align: right;
    }

    .recipe_item .item_image {
        min-width: 120px;
        overflow: hidden;
        margin-right: 30px;
        position: relative;
        border-radius: 5px;
        display: inline-block;
        background-color: #1B1B1B;
    }

        .recipe_item .item_image img {
            transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
        }

    .recipe_item:hover .item_image img {
        opacity: 0.3;
        transform: scale(1.1);
    }

    .recipe_item .item_title {
        display: inline-block;
    }

        .recipe_item .item_title a {
            display: block;
            font-size: 17px;
            color: #1B1B1B;
        }

    .recipe_item:hover .item_title a {
        color: #fbcf00;
    }

    .recipe_item .item_price {
        display: block;
        line-height: 1;
        font-size: 60px;
        color: #fbcf00;
        font-family: "Oswald", sans-serif;
        padding: 10px 55px 10px 70px;
        border-left: 2px solid #eceae3;
    }

        .recipe_item .item_price sub {
            bottom: 0px;
            font-size: 18px;
            color: #1B1B1B;
        }

    .recipe_item.style_2 .content_col {
        display: flex;
        align-items: center;
    }

        .recipe_item.style_2 .content_col:first-child {
            width: 62%;
        }

        .recipe_item.style_2 .content_col:last-child {
            width: 34%;
            position: relative;
            justify-content: flex-end;
        }

            .recipe_item.style_2 .content_col:last-child:before {
                top: 50%;
                left: 0px;
                content: "";
                height: 2px;
                width: 235px;
                position: absolute;
                transform: translateY(-50%);
                border-top: 1px dashed #7c7770;
            }

    .recipe_item.style_2 .item_price {
        padding: 0px;
        border-left: none;
    }

.text-white .recipe_item.style_2 {
    box-shadow: none;
    transform: translate(0px);
    background-color: transparent;
}

    .text-white .recipe_item.style_2 .content_col:last-child:before {
        border-top: 1px dashed #ffffff;
    }

    .text-white .recipe_item.style_2 .item_image {
        background-color: #fbcf00;
    }

    .text-white .recipe_item.style_2 .item_title a {
        color: #ffffff;
    }

    .text-white .recipe_item.style_2:hover .item_title a {
        color: #fbcf00;
    }

    .text-white .recipe_item.style_2 p {
        color: #afafaf;
    }

    .text-white .recipe_item.style_2 .item_price {
        color: #ffffff;
    }

        .text-white .recipe_item.style_2 .item_price sub {
            color: #ffffff;
        }

.recipe_menu3_wrap {
    padding: 80px;
}

    .recipe_menu3_wrap .recipe_item_grid {
        margin-right: -90px;
    }

.recipe_item.style_3 {
    padding: 0px;
    border-radius: 0px;
    background-color: transparent;
}

    .recipe_item.style_3:hover {
        box-shadow: none;
        transform: translateY(0px);
    }

    .recipe_item.style_3 .content_col:last-child {
        width: auto;
        text-align: left;
    }

    .recipe_item.style_3 .item_price {
        border: none;
        font-size: 60px;
        padding: 10px 30px;
        padding-right: 55px;
        background-color: #ffffff;
        border-top-left-radius: 45px;
        border-bottom-left-radius: 45px;
    }

.recipe_menu3_image img {
    width: 100%;
    display: block;
}

/* recipe menu section - end
================================================== */
/* offer section - start
================================================== */
.offer_video {
    display: flex;
    overflow: hidden;
    object-fit: cover;
    position: relative;
}

    .offer_video .overlay {
        top: 0px;
        left: 0px;
        right: 0px;
        z-index: 1;
        bottom: 0px;
        position: absolute;
        background-color: rgba(0, 0, 0, 0.6);
    }

    .offer_video img {
        transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    }

    .offer_video:hover img {
        transform: scale(1.05);
    }

    .offer_video .video_btn2 {
        top: 50%;
        left: 50%;
        z-index: 2;
        position: absolute;
        transform: translate(-50%, -50%);
    }

.offer_area {
    display: flex;
    padding: 70px;
    align-items: center;
    justify-content: space-between;
}

    .offer_area.bg_gray {
        background-color: #f3f3f3;
    }

    .offer_area .offer_image {
        order: 13;
    }

    .offer_area .offer_content {
        max-width: 460px;
    }

    .offer_area p {
        margin-bottom: 25px;
    }

.offer_info_item {
    padding: 50px 70px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

    .offer_info_item .offer_info_title {
        font-size: 22px;
        font-weight: 600;
        margin-bottom: 35px;
    }

.table_reservation_contact {
    background-color: #eceae3;
}

    .table_reservation_contact ul {
        margin-bottom: 30px;
    }

    .table_reservation_contact li {
        display: flex;
        align-items: center;
    }

        .table_reservation_contact li:not(:last-child) {
            margin-bottom: 16px;
        }

    .table_reservation_contact .item_icon {
        width: 40px;
        height: 40px;
        margin-right: 16px;
        border-radius: 3px;
        align-items: center;
        display: inline-flex;
        color: #fbcf00;
        justify-content: center;
        background-color: white;
        box-shadow: 1.753px 3.595px 15px 0px rgba(144, 126, 107, 0.21);
    }

    .table_reservation_contact .item_content span {
        display: block;
        font-weight: 500;
        color: #1B1B1B;
    }

.opening_time li {
    font-weight: 500;
}

    .opening_time li:not(:last-child) {
        margin-bottom: 15.8px;
    }

.opening_time span {
    float: right;
    color: #fbcf00;
}

.friday_offer {
    padding: 50px 20px;
    padding-bottom: 0px;
    background-color: #eceae3;
}

    .friday_offer .offer_info_title {
        margin-bottom: 58px;
    }

/* it's in shop page - start */
.shop_offer_banner {
    padding: 80px;
    min-height: 460px;
}

    .shop_offer_banner .item_title {
        line-height: 1;
        font-size: 35px;
        margin-bottom: 20px;
    }

    .shop_offer_banner .discount_percentage {
        display: block;
        line-height: 1;
        font-size: 100px;
        font-weight: 700;
        color: transparent;
        margin-bottom: 30px;
        font-family: "Oswald", sans-serif;
        -webkit-text-fill-color: transparent;
        -webkit-text-stroke-width: 2px;
        -webkit-text-stroke-color: #ffffff;
    }

    .shop_offer_banner p {
        line-height: 1;
        font-size: 20px;
        margin-bottom: 0px;
    }

/* it's in shop page - end */
/* shop filter bar - start */
.shop_filter_bar {
    padding: 45px 50px;
    margin-bottom: 60px;
    background-color: #ffffff;
}

    .shop_filter_bar .item_title {
        font-size: 15px;
        margin-right: 30px;
        margin-bottom: 0px;
    }

/* shop filter bar - end */
/* pricing range - start */
.pricing_range {
    display: flex;
    padding-right: 30px;
    align-items: flex-start;
}

    .pricing_range .price-range-area {
        width: 330px;
        padding-top: 5px;
    }

        .pricing_range .price-range-area .slider-range {
            height: 8px;
            border: none;
            border-radius: 0px;
            background-color: #f6f6f6;
        }

        .pricing_range .price-range-area .ui-slider-range {
            border: none;
            border-radius: 0px;
            background-color: #fbcf00;
        }

        .pricing_range .price-range-area .ui-state-default {
            top: -5px;
            width: 6px;
            margin: 0px;
            height: 18px;
            border: none;
            outline: none;
            border-radius: 0;
            background-color: #fbcf00;
        }

        .pricing_range .price-range-area .price-text {
            font-size: 14px;
            font-weight: 600;
            margin-top: 10px;
            color: #7c7770;
        }

            .pricing_range .price-range-area .price-text span {
                float: left;
                margin-right: 15px;
            }

            .pricing_range .price-range-area .price-text input {
                border: none;
                font-weight: 600;
                color: #1B1B1B;
                display: inline-block;
            }

/* pricing range - end */
/* shop filter tags - start */
.shop_filter_tags {
    display: flex;
    justify-content: flex-end;
}

    .shop_filter_tags ul {
        margin: -5px;
    }

    .shop_filter_tags li {
        padding: 5px;
    }

    .shop_filter_tags a {
        display: block;
        color: #908e8d;
        line-height: 1;
        font-size: 15px;
        padding: 8px 15px;
        background-color: #f6f6f6;
    }

        .shop_filter_tags a:hover {
            color: #ffffff;
            background-color: #fbcf00;
        }

/* shop filter tags - end */
/* offer section - end
================================================== */
/* testimonial section - start
================================================== */
.testimonial_section {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 634px 100%;
    background-position: left center;
}

    .testimonial_section.bg_gray {
        background-color: #f6f6f6;
    }

    .testimonial_section .deco_item {
        overflow: hidden;
        position: absolute;
        border-radius: 100%;
        display: inline-block;
        background-color: #ffffff;
        border: 5px solid #ffffff;
        box-shadow: 0px 6px 12px 0px rgba(141, 141, 141, 0.6);
    }

        .testimonial_section .deco_item img {
            width: 100%;
            display: block;
        }

        .testimonial_section .deco_item.thumbnail_1 {
            top: 250px;
            left: 245px;
            width: 70px;
            height: 70px;
        }

        .testimonial_section .deco_item.thumbnail_2 {
            top: 110px;
            right: 345px;
            width: 55px;
            height: 55px;
        }

        .testimonial_section .deco_item.thumbnail_3 {
            top: 50%;
            right: 85px;
            width: 60px;
            height: 60px;
            transform: translateY(-50%);
        }

        .testimonial_section .deco_item.thumbnail_4 {
            bottom: 85px;
            right: 455px;
            width: 85px;
            height: 85px;
        }

        .testimonial_section .deco_item.thumbnail_5 {
            left: 335px;
            bottom: 225px;
            width: 70px;
            height: 70px;
            z-index: 1;
        }

.testimonial_item_1 .item_image {
    overflow: hidden;
    position: relative;
    border-radius: 5px;
    padding-right: 40px;
}

.testimonial_item_1 .quote_icon {
    z-index: 1;
    right: 45px;
    bottom: 120px;
    position: absolute;
}

.testimonial_item_1 .item_image2 {
    z-index: 1;
    position: relative;
}

.testimonial_item_1 .quote_icon2 {
    top: 65px;
    right: -85px;
    position: absolute;
}

.testimonial_item_1 .item_content {
    padding: 25px;
}

.testimonial_item_1 .section_title {
    margin-bottom: 30px;
}

.testimonial_item_1 p {
    color: #7c7770;
    font-size: 16px;
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 2px solid #f6f6f6;
}

.testimonial_item_1 .admin_name {
    font-size: 15px;
    font-weight: 500;
    margin-right: 8px;
    margin-bottom: 0px;
    display: inline-block;
}

.testimonial_item_1 .rating_star {
    display: inline-flex;
}

.testimonial_item_1 .admin_title {
    display: block;
    line-height: 1;
    color: #cba783;
    margin-top: 5px;
    font-weight: 500;
}

/* testimonial section - end
================================================== */
/* shop page - start
================================================== */
.shop_section.bg_gray {
    background-color: #eceae3;
}

.shop_section.bg_gray2 {
    background-color: #f6f6f6;
}

.shop_card {
    padding: 15px;
    margin-top: 30px;
    position: relative;
    border-radius: 5px;
    background-color: #ffffff;
    transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    box-shadow: 0px 1px 22px 0px rgba(211, 211, 211, 0.25);
}

    .shop_card .wishlist_btn,
    .shop_card .share_btns {
        top: 30px;
        z-index: 2;
        text-align: center;
        position: absolute;
    }

    .shop_card .wishlist_btn {
        left: 30px;
        width: 35px;
        height: 35px;
        font-size: 15px;
        line-height: 37px;
        border-radius: 2px;
        text-align: center;
        color: #1B1B1B;
        background-color: #ffffff;
    }

        .shop_card .wishlist_btn:hover {
            color: #ffffff;
            background-color: #fbcf00;
        }

    .shop_card .share_btns {
        right: 30px;
    }

        .shop_card .share_btns > button {
            left: 30px;
            width: 35px;
            height: 35px;
            font-size: 15px;
            line-height: 37px;
            border-radius: 2px;
            text-align: center;
            color: #1B1B1B;
            background-color: #ffffff;
        }

            .shop_card .share_btns > button:hover {
                color: #ffffff;
                background-color: #fbcf00;
            }

            .shop_card .share_btns > button:after {
                display: none;
            }

        .shop_card .share_btns ul {
            top: 100%;
            left: 50%;
            opacity: 0;
            padding: 3px;
            position: absolute;
            visibility: hidden;
            transform: translateX(-50%);
            transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
        }

        .shop_card .share_btns li {
            opacity: 0;
            transform: translateX(40px);
        }

            .shop_card .share_btns li:not(:last-child) {
                margin-bottom: 3px;
            }

        .shop_card .share_btns a {
            width: 35px;
            height: 35px;
            display: block;
            line-height: 37px;
            text-align: center;
            border-radius: 2px;
            color: #1B1B1B;
            background-color: #ffffff;
        }

            .shop_card .share_btns a:hover {
                color: #ffffff;
                background-color: #fbcf00;
            }

        .shop_card .share_btns:hover ul {
            opacity: 1;
            visibility: visible;
        }

        .shop_card .share_btns:hover li {
            opacity: 1;
            transform: translateX(0px);
            transition: 0.4s cubic-bezier(0.68, -0.6, 0.32, 1.6);
        }

            .shop_card .share_btns:hover li:nth-child(1) {
                transition-delay: 0.1s;
            }

            .shop_card .share_btns:hover li:nth-child(2) {
                transition-delay: 0.2s;
            }

            .shop_card .share_btns:hover li:nth-child(3) {
                transition-delay: 0.3s;
            }

            .shop_card .share_btns:hover li:nth-child(4) {
                transition-delay: 0.4s;
            }

            .shop_card .share_btns:hover li:nth-child(5) {
                transition-delay: 0.5s;
            }

    .shop_card .item_image {
        height: 290px;
        display: flex;
        position: relative;
        border-radius: 5px;
        align-items: center;
        justify-content: center;
        background-color: #f3f3f3;
    }

        .shop_card .item_image img {
            margin: auto;
            transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
        }

    .shop_card:hover .item_image img {
        transform: scale(1.08);
    }

    .shop_card .item_content {
        padding: 23px 15px 10px;
    }

    .shop_card .item_title {
        display: inline-block;
        margin-bottom: 28px;
    }

        .shop_card .item_title a {
            display: block;
            font-size: 18px;
            font-weight: 700px;
            color: #1B1B1B;
        }

    .shop_card:hover .item_title a {
        color: #d08627;
    }

    .shop_card .btns_group {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .shop_card .item_price {
        color: #ffffff;
        font-size: 15px;
        font-weight: 700;
        padding: 5px 28px;
        border-radius: 3px;
        background-color: #d08627;
    }

    .shop_card .btn {
        font-size: 12px;
        padding: 10px 13px;
        line-height: normal;
    }

.shop_filter_grid {
    margin: -15px;
}

    .shop_filter_grid .element-item {
        float: left;
        padding: 15px;
        width: 33.333%;
        display: inline-block;
    }

    .shop_filter_grid .shop_card {
        margin-top: 0px;
    }

/* shop page - end
================================================== */
/* blog page - start
================================================== */
.recent_post {
    display: flex;
    align-items: center;
}

    .recent_post:not(:last-child) {
        margin-bottom: 30px;
    }

    .recent_post .item_image {
        display: block;
        min-width: 75px;
        overflow: hidden;
        border-radius: 3px;
        position: relative;
        margin-right: 15px;
    }

        .recent_post .item_image img {
            width: 100%;
            display: block;
            transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
        }

    .recent_post:hover .item_image img {
        transform: scale(1.08);
    }

    .recent_post .item_title {
        display: inline-block;
    }

        .recent_post .item_title a {
            display: block;
            font-size: 16px;
            font-weight: 500;
            color: #1B1B1B;
        }

    .recent_post:hover .item_title a {
        color: #fbcf00;
        text-decoration: underline;
    }

    .recent_post .post_date {
        display: block;
        font-size: 12px;
        color: #fbcf00;
    }

.text-white .recent_post .item_title a {
    color: #ffffff;
}

.text-white .recent_post:hover .item_title a {
    color: #fbcf00;
}

.blog_grid {
    padding: 20px;
    margin-top: 30px;
    position: relative;
    border-radius: 5px;
    background-color: #ffffff;
    box-shadow: 0px 7px 15px 0px rgba(225, 225, 225, 0.3);
}

    .blog_grid .post_date {
        top: 35px;
        left: 35px;
        z-index: 1;
        line-height: 1;
        color: #ffffff;
        font-size: 15px;
        font-weight: 700;
        padding: 15px 16px;
        position: absolute;
        border-radius: 3px;
        font-family: "Oswald", sans-serif;
    }

    .blog_grid .item_image {
        display: block;
        overflow: hidden;
        border-radius: 5px;
        position: relative;
    }

        .blog_grid .item_image img {
            width: 100%;
            display: block;
            transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
        }

    .blog_grid:hover .item_image img {
        transform: scale(1.08);
    }

    .blog_grid .item_content {
        padding: 25px 5px 5px;
    }

    .blog_grid .item_title {
        margin-bottom: 13px;
        display: inline-block;
    }

        .blog_grid .item_title a {
            display: block;
            font-size: 20px;
            color: #1B1B1B;
        }

    .blog_grid:hover .item_title a {
        color: #d08627;
    }

    .blog_grid p {
        margin-bottom: 10px;
    }

    .blog_grid .btn_text {
        color: #d08627;
    }

    .blog_grid .post_meta {
        font-size: 13px;
        margin-top: 14px;
        padding-top: 16px;
        border-top: 2px solid #f6f6f6;
        justify-content: space-between;
    }

        .blog_grid .post_meta li {
            margin: 0px;
        }

        .blog_grid .post_meta a {
            color: #918f8d;
        }

            .blog_grid .post_meta a:hover {
                color: #d08627;
            }

        .blog_grid .post_meta i {
            margin-right: 5px;
            color: #d08627;
        }

.blog_standard {
    margin-bottom: 40px;
    background-color: #ffffff;
}

    .blog_standard .item_image {
        display: block;
        overflow: hidden;
        position: relative;
    }

        .blog_standard .item_image img {
            width: 100%;
            display: block;
            transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
        }

    .blog_standard:hover .item_image img {
        transform: scale(1.08);
    }

    .blog_standard .video_btn1 {
        top: 50%;
        left: 50%;
        width: 80px;
        margin: 0px;
        height: 80px;
        font-size: 16px;
        position: absolute;
        background-color: #ffffff;
        transform: translate(-50%, -50%);
    }

        .blog_standard .video_btn1:before, .blog_standard .video_btn1:after {
            background-color: #ffffff;
        }

    .blog_standard .item_content {
        padding: 40px 30px;
    }

    .blog_standard .item_title {
        line-height: 1;
        margin-bottom: 30px;
    }

        .blog_standard .item_title a {
            font-size: 30px;
            color: #1B1B1B;
        }

    .blog_standard:hover .item_title a {
        color: #fbcf00;
    }

    .blog_standard p {
        margin-bottom: 30px;
    }

/* blog page - end
================================================== */
/* details pages - start
================================================== */
.details_section .area_title {
    line-height: 1;
    font-size: 24px;
    margin-bottom: 35px;
}

.details_section .details_title {
    line-height: 1;
    font-size: 30px;
    margin-bottom: 30px;
}

.details_section .area_title {
    line-height: 1;
    font-size: 20px;
    margin-bottom: 30px;
}

.details_section .details_content p {
    margin-bottom: 25px;
}

.details_section .btns_group {
    margin-bottom: 25px;
}

    .details_section .btns_group li:not(:last-child) {
        margin-right: 15px;
    }

.details_section hr {
    opacity: 1;
    margin: 30px 0;
    background-color: #f6f6f6;
}

.quantity_boxed {
    display: flex;
    line-height: 1;
    min-width: 190px;
    align-items: center;
    padding: 18.5px 25px;
    justify-content: center;
    background-color: #ffffff;
}

    .quantity_boxed .quantity_title {
        font-size: 14px;
        margin-right: 30px;
        margin-bottom: 0px;
        border-radius: 5px;
    }

    .quantity_boxed input {
        width: 30px;
        border: none;
        text-align: center;
        display: inline-block;
    }

        .quantity_boxed input:focus {
            outline: none;
        }

.details_wishlist_btn {
    margin-bottom: 20px;
    padding-bottom: 10px;
    color: #1B1B1B;
    border-bottom: 2px solid #e5e5e5;
}

    .details_wishlist_btn a {
        color: #1B1B1B;
    }

        .details_wishlist_btn a:hover {
            color: #fbcf00;
        }

.details_share_links .list_title {
    line-height: 1;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px;
    font-family: "Roboto", sans-serif;
}

.details_share_links .social_icons a {
    background-color: #ffffff;
}

    .details_share_links .social_icons a:hover {
        background-color: #fbcf00;
    }

blockquote {
    padding: 60px 45px;
    margin-bottom: 30px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

    blockquote h4 {
        font-size: 20px;
        line-height: 1.5;
        margin-bottom: 0px;
    }

    blockquote i {
        line-height: 1;
        font-size: 40px;
        margin-bottom: 20px;
    }

/* details image carousel - start */
.details_image_wrap {
    position: relative;
    margin-bottom: 60px;
    padding-right: 140px;
}

    .details_image_wrap .details_image_carousel .slider_item {
        display: flex;
        min-height: 530px;
        align-items: center;
        justify-content: center;
        background-color: #ffffff;
    }

        .details_image_wrap .details_image_carousel .slider_item:focus {
            outline: none;
        }

    .details_image_wrap .details_image_carousel_nav {
        top: 0px;
        right: 35px;
        width: 95px;
        position: absolute;
    }

        .details_image_wrap .details_image_carousel_nav .slider_item {
            display: flex;
            padding: 15px;
            cursor: pointer;
            min-height: 98px;
            align-items: center;
            margin-bottom: 10px;
            justify-content: center;
            background-color: #ffffff;
        }

            .details_image_wrap .details_image_carousel_nav .slider_item:focus {
                outline: none;
            }

            .details_image_wrap .details_image_carousel_nav .slider_item.slick-current.slick-active img {
                opacity: 0.2;
            }

            .details_image_wrap .details_image_carousel_nav .slider_item img {
                max-height: 60px;
                transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
            }

/* details image carousel - start */
/* details content - start */
.details_content {
    margin-bottom: 60px;
}

.details_flex_title {
    display: flex;
    align-items: center;
    margin-bottom: 35px;
}

    .details_flex_title .details_title {
        position: relative;
        margin-right: 25px;
        padding-right: 25px;
    }

        .details_flex_title .details_title:after {
            top: 50%;
            width: 2px;
            right: -1px;
            content: "";
            height: 25px;
            position: absolute;
            background-color: #e5e5e5;
            transform: translateY(-50%);
        }

.details_review {
    display: flex;
    align-items: center;
}

    .details_review .review_text {
        margin-left: 12px;
        display: inline-block;
        color: #1B1B1B;
    }

.details_price {
    display: flex;
    line-height: 1;
    align-items: center;
    margin-bottom: 20px;
}

    .details_price .price_text {
        font-size: 25px;
        margin-right: 30px;
        display: inline-block;
        color: #1B1B1B;
        font-family: "Oswald", sans-serif;
    }

    .details_price .in_stuck {
        font-size: 15px;
        color: #1B1B1B;
    }

        .details_price .in_stuck i {
            margin-right: 5px;
            color: #fbcf00;
        }

.details_item_color {
    margin-bottom: 20px;
}

    .details_item_color li:not(:last-child) {
        margin-right: 10px;
    }

    .details_item_color input {
        width: 60px;
        height: 50px;
        cursor: pointer;
        -webkit-appearance: none;
        appearance: none;
        position: relative;
    }

        .details_item_color input:before {
            top: 50%;
            left: 50%;
            opacity: 0;
            color: #ffffff;
            font-size: 20px;
            content: "";
            font-weight: 400;
            position: absolute;
            transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
            transform: translate(-50%, -50%);
            font-family: "Font Awesome 5 Pro";
        }

        .details_item_color input:checked {
            border-color: #1B1B1B;
        }

            .details_item_color input:checked:before {
                opacity: 1;
            }

    .details_item_color .bg_brown input {
        background-color: #d8b79c;
    }

    .details_item_color .bg_browndark input {
        background-color: #4e3830;
    }

    .details_item_color .bg_brownlight input {
        background-color: #e9bc8d;
    }

/* details content - end */
/* shop details - start */
.shop_details .details_title {
    font-size: 24px;
    margin-bottom: 0px;
}

.related_products {
    margin-top: 60px;
}

.product_description_wrap {
    padding: 40px;
    background-color: #ffffff;
}

    .product_description_wrap .tabs_nav {
        margin-bottom: 30px;
        border-bottom: 4px solid #f6f6f6;
    }

        .product_description_wrap .tabs_nav li:not(:last-child) {
            margin-right: 155px;
        }

        .product_description_wrap .tabs_nav button {
            color: #969696;
            font-size: 15px;
            font-weight: 700;
            position: relative;
            padding-bottom: 14px;
            text-transform: uppercase;
        }

            .product_description_wrap .tabs_nav button:before {
                left: 15px;
                right: 15px;
                bottom: -4px;
                height: 4px;
                content: "";
                opacity: 0;
                position: absolute;
                transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
                background-color: #fbcf00;
            }

            .product_description_wrap .tabs_nav button:hover, .product_description_wrap .tabs_nav button.active {
                color: #12100d;
            }

                .product_description_wrap .tabs_nav button:hover:before, .product_description_wrap .tabs_nav button.active:before {
                    left: 0px;
                    right: 0px;
                    opacity: 1;
                }

/* shop details - end */
/* blog details - start */
.blog_details .wrap_space {
    padding: 30px;
}

.blog_details .details_content {
    background-color: #ffffff;
}

.blog_details .details_image img {
    width: 100%;
    display: block;
}

/* blog details - end */
/* details pages - end
================================================== */
/* gallery page - start
================================================== */
.gallery_item_grid {
    margin: -15px;
}

    .gallery_item_grid .element-item {
        float: left;
        padding: 15px;
        width: 33.333%;
        display: inline-block;
    }

    .gallery_item_grid .gallery_card_item {
        margin-top: 0px;
    }

.gallery_card_item {
    margin-top: 30px;
    position: relative;
    background-color: #ffffff;
    transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

    .gallery_card_item .item_image {
        display: block;
        overflow: hidden;
        position: relative;
    }

        .gallery_card_item .item_image img {
            width: 100%;
            display: block;
            transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
        }

    .gallery_card_item:hover .item_image img {
        transform: scale(1.08);
    }

    .gallery_card_item .item_title {
        margin-bottom: 0px;
        font-family: "Roboto", sans-serif;
    }

        .gallery_card_item .item_title a {
            display: block;
            font-size: 15px;
            font-weight: 500;
            padding: 21px 25px;
            position: relative;
            padding-right: 90px;
            color: #1B1B1B;
        }

        .gallery_card_item .item_title i {
            top: 50%;
            right: 30px;
            font-size: 16px;
            position: absolute;
            transform: translateY(-50%);
        }

    .gallery_card_item:hover .item_title a {
        color: #fbcf00;
    }

/* gallery page - end
================================================== */
/* cart page - start
================================================== */
.cart_table table {
    border: none;
    margin-bottom: 30px;
    color: #7c7770;
    vertical-align: middle;
}

.cart_table thead {
    font-size: 15px;
    font-weight: 700;
    border-bottom: none;
    color: #1B1B1B;
}

    .cart_table thead tr {
        margin: 0px;
        background-color: transparent;
    }

.cart_table th {
    padding: 0px 8px;
    border-bottom: none;
}

.cart_table tr {
    display: flex;
    margin-top: 30px;
    align-items: center;
    background-color: #ffffff;
}

.cart_table th, .cart_table td {
    border: none;
}

    .cart_table th:nth-child(1), .cart_table td:nth-child(1) {
        width: 40%;
    }

    .cart_table th:nth-child(2), .cart_table th:nth-child(3), .cart_table th:nth-child(4), .cart_table td:nth-child(2), .cart_table td:nth-child(3), .cart_table td:nth-child(4) {
        width: 20%;
    }

.cart_table .quantity_input input {
    width: 30px;
    border: none;
    text-align: center;
    display: inline-block;
    background-color: transparent;
}

    .cart_table .quantity_input input:focus {
        outline: none;
    }

.cart_table .price_text1,
.cart_table .price_text2 {
    font-size: 15px;
    font-weight: 700;
    display: inline-block;
}

.cart_table .price_text1 {
    color: #fbcf00;
}

.cart_table .price_text2 {
    color: #1B1B1B;
}

.carttable_product_item {
    display: flex;
    align-items: center;
}

    .carttable_product_item .item_image {
        width: 70px;
        height: 70px;
        align-items: center;
        display: inline-flex;
        justify-content: center;
        background-color: #f6f6f6;
    }

        .carttable_product_item .item_image img {
            max-height: 50px;
        }

    .carttable_product_item .remove_btn {
        color: #ff5555;
        font-size: 20px;
        margin: 0px 30px;
    }

    .carttable_product_item .item_title {
        font-size: 15px;
        font-weight: 500;
        margin-bottom: 0px;
    }

.carttable_footer {
    margin: -15px;
}

    .carttable_footer li {
        padding: 15px;
    }

    .carttable_footer .btn {
        border-radius: 0px;
        padding: 23px 42px;
    }

    .carttable_footer .total_price {
        line-height: 1;
        font-size: 15px;
        font-weight: 700;
        min-width: 236px;
        align-items: center;
        padding: 22.5px 40px;
        display: inline-flex;
        color: #1B1B1B;
        background-color: #ffffff;
        justify-content: space-between;
    }

/* cart item - start */
.cart_item {
    display: flex;
    position: relative;
    align-items: center;
    padding-right: 25px;
}

    .cart_item:not(:last-child) {
        margin-bottom: 20px;
    }

    .cart_item .item_image {
        display: block;
        min-width: 70px;
        overflow: hidden;
        border-radius: 3px;
        position: relative;
        margin-right: 10px;
    }

    .cart_item .item_title {
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 10px;
    }

    .cart_item .item_price {
        line-height: 1;
        display: block;
        font-size: 14px;
        font-weight: 600;
        color: #23e176;
    }

    .cart_item .remove_btn {
        top: 50%;
        right: 0px;
        color: red;
        width: 20px;
        height: 20px;
        font-size: 12px;
        line-height: 22px;
        text-align: center;
        position: absolute;
        border-radius: 100%;
        background-color: #ffffff;
        transform: translateY(-50%);
        box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.15);
    }

        .cart_item .remove_btn:hover {
            color: #ffffff;
            background-color: red;
        }

/* cart item - end */
/* cart sidebar - start */
.sidebar-menu-wrapper {
    display: block;
}

.cart_sidebar {
    top: 0;
    width: 300px;
    right: -320px;
    height: 100vh;
    z-index: 9999;
    position: fixed;
    padding: 10px 20px 20px;
    overflow-y: scroll;
    background-color: #ffffff;
    transition: 0.6s cubic-bezier(1, 0, 0, 1);
    border: 7px solid #46e176;
}

    .cart_sidebar .mCustomScrollBox {
        overflow: visible !important;
    }

    .cart_sidebar.active {
        right: 0px;
    }

    .cart_sidebar .close_btn {
        top: 10px;
        left: 10px;
        line-height: 1;
        font-size: 24px;
        position: absolute;
        color: red;
    }

        .cart_sidebar .close_btn:hover {
            color: red;
        }

    .cart_sidebar .heading_title {
        line-height: 1;
        font-size: 25px;
        margin-bottom: 0px;
        padding-bottom: 8px;
        border-bottom: 1px solid #000;
    }

        .cart_sidebar .heading_title span {
            color: #23e176;
        }

    .cart_sidebar .total_price {
        display: flex;
        font-size: 16px;
        font-weight: 500;
        padding: 3px 0px;
        margin-bottom: 15px;
        align-items: center;
        color: #1B1B1B;
        border-bottom: 1px solid #000;
        justify-content: space-between;
    }

        .cart_sidebar .total_price span:first-child {
            font-family: "Oswald", sans-serif;
        }

        /*.cart_sidebar .total_price span:last-child {
            color: #23e176;
        }*/

    .cart_sidebar .btns_group {
        margin: -5px;
    }

        .cart_sidebar .btns_group li {
            width: 50%;
            padding: 5px;
        }

    .cart_sidebar .btn {
        font-size: 12px;
        padding: 15px 20px;
    }

        .cart_sidebar .btn.btn_border {
            padding: 15px 20px;
        }

    .cart_sidebar::-webkit-scrollbar {
        width: 0px;
    }

.cart_sidebar_overlay {
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0;
    z-index: 999;
    width: 100vw;
    height: 100vh;
    display: none;
    position: fixed;
    background: rgba(0, 0, 0, 0.8);
    transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

    .cart_sidebar_overlay.active {
        opacity: 1;
        display: block;
    }

/* cart sidebar - end */
/* cart page - end
================================================== */
/* checkout section - start
================================================== */
.checkout_form .form_title {
    line-height: 1;
    font-size: 20px;
    margin-bottom: 35px;
}

.checkout_form .form_item input, .checkout_form .form_item textarea {
    border-radius: 0px;
    background-color: #f6f6f6;
}

.checkout_steps_nav {
    margin-bottom: 40px;
    padding-bottom: 35px;
    border-bottom: 2px solid #f8faff;
}

    .checkout_steps_nav a {
        display: block;
        line-height: 1;
        font-size: 16px;
        font-weight: 500;
        padding-left: 30px;
        position: relative;
        color: #1B1B1B;
    }

        .checkout_steps_nav a:before {
            top: -2px;
            left: 0px;
            font-size: 18px;
            font-weight: 400;
            content: "";
            position: absolute;
            transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
            font-family: "Font Awesome 5 Pro";
        }

    .checkout_steps_nav li:not(:last-child) {
        margin-right: 30px;
    }

    .checkout_steps_nav li:hover a:before, .checkout_steps_nav li.active a:before {
        content: "";
    }

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

    .checkout_form_footer .total_price {
        font-size: 20px;
        font-weight: 500;
        margin-right: 50px;
        color: #fbcf00;
    }

        .checkout_form_footer .total_price strong {
            color: #1B1B1B;
        }

/* checkout section - end
================================================== */
/* faq page - start
================================================== */
.faq_accordion .accordion-item {
    background-color: #ffffff;
}

    .faq_accordion .accordion-item:not(:last-child) {
        margin-bottom: 15px;
    }

.faq_accordion .accordion-header {
    margin-bottom: 0px;
}

    .faq_accordion .accordion-header button {
        width: 100%;
        display: block;
        font-size: 17px;
        font-weight: 500;
        text-align: left;
        position: relative;
        padding: 22px 30px;
        padding-right: 65px;
        color: #1B1B1B;
        font-family: "Roboto", sans-serif;
    }

        .faq_accordion .accordion-header button:after {
            top: 15px;
            right: 15px;
            width: 35px;
            height: 35px;
            display: flex;
            color: #18232b;
            font-size: 14px;
            font-weight: 400;
            content: "";
            text-align: center;
            position: absolute;
            align-items: center;
            justify-content: center;
            background-color: #f6f6f6;
            transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
            font-family: "Font Awesome 5 Pro";
        }

        .faq_accordion .accordion-header button[aria-expanded=true]:after {
            color: #ffffff;
            content: "";
            background-color: #fbcf00;
        }

.faq_accordion .accordion-body {
    padding: 30px;
    padding-right: 100px;
}

.faq_accordion p {
    font-size: 15px;
}

/* faq page - end
================================================== */
/* ================================================== 
* Project Name   :  Cafenod - HTML5 Template
* File           :  CSS Base
* Version        :  1.0.0
* Last change    :  27 March 2021
* Author         :  Xpressrow

*	css code for responsive layout To make Responsive
================================================== */
/* ==================================================
*	1 - media screen and (max-width: 1460px)
*	2 - media screen and (max-width: 1360px)
*	3 - media screen and (max-width: 1024px)
*	4 - media screen and (max-width: 991px)
*	5 - media screen and (max-width: 767px)
*	6 - media screen and (max-width: 680px)
*	7 - media screen and (max-width: 575px)
*	8 - media screen and (max-width: 414px)
*	9 - media screen and (max-width: 320px)
================================================== */
/* 1 - media screen and (max-width: 1460px) - start
==================================================================================================== */
@media screen and (max-width: 1600px) {
    /* home 1 - start */
    .offer_area {
        padding: 70px 50px;
    }

    .offer_info_item {
        padding: 50px;
    }

    /* home 1 - end */
}

@media screen and (max-width: 1460px) {
    /* header - start */
    .header_section .content_wrap,
    .header_section.sticky .content_wrap {
        padding: 10px 0px;
    }

    .main_menu_list > li:not(:last-child) {
        margin-right: 45px;
    }

    /* header - end */
    /* home 1 - start */
    .slider_dark .main_slider {
        padding: 86px 12px;
    }

    .slider_social_wrap {
        padding: 15px 0px;
    }

    .slider_dark .slider_item {
        min-height: 760px;
    }

    /* home 1 - end */
    /* home 2 - start */
    .banner_section .coffee_image {
        right: -75px;
        bottom: -65px;
        max-width: 950px;
    }

    .offer_area {
        padding: 40px;
    }

    .offer_info_item {
        padding: 40px;
    }

    /* home 2 - end */
    /* home 3 - start */
    .slider_light .title_text {
        font-size: 54px;
    }

    .feature_primary.box_style {
        padding: 25px;
    }

        .feature_primary.box_style .item_icon {
            margin-bottom: 12px;
        }

    /* home 3 - end */
}
/* 1 - media screen and (max-width: 1460px) - end
==================================================================================================== */
/* 2 - media screen and (max-width: 1360px) - start
==================================================================================================== */
@media screen and (max-width: 1360px) {
    /* home 1 - start */
    .slider_dark .slick-dots {
        right: 30px;
    }

        .slider_dark .slick-dots button {
            width: 20px;
            height: 20px;
        }

            .slider_dark .slick-dots button:before {
                top: 5px;
                left: 5px;
                width: 6px;
                height: 6px;
            }

    .slider_dark .carousel_nav {
        left: 30px;
    }

    .slider_dark .slider_item {
        padding-left: 45px;
    }

    .slider_dark .title_text {
        font-size: 66px;
    }

    /* home 1 - end */
}

@media screen and (max-width: 1300px) {
    .offerinfo_col {
        width: 100%;
    }
}
/* 2 - media screen and (max-width: 1360px) - end
==================================================================================================== */
/* 3 - media screen and (max-width: 1024px) - start
==================================================================================================== */
@media screen and (max-width: 1199px) {
    /* header - start */
    .header_btns_group .btn {
        margin-left: 10px;
    }

    .main_menu_list > li:not(:last-child) {
        margin-right: 30px;
    }

    .main_menu_list > li > a {
        padding: 10px 0px;
    }

    /* header - end */
    /* breadcrumb - start */
    .breadcrumb_icon {
        margin-left: 12px;
    }

    /* breadcrumb - end */
    /* home 2 - start */
    .deco_wrap .deco_big_text {
        font-size: 215px;
    }

    .banner_section .leaf_image {
        max-width: 300px;
    }

    .banner_section .coffee_image {
        max-width: 860px;
    }

    .feature_primary_section2 {
        padding-top: 0;
        min-height: 500px;
        padding-bottom: 100px;
    }

    /* home 2 - end */
    /* home 3 - start */
    .slider_light .slider_item {
        padding: 50px;
    }

    .slider_light .title_text {
        font-size: 40px;
        margin-bottom: 15px;
    }

    .slider_light p {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .slider_light .slider_content {
        padding-right: 0px;
    }

    .slider_light .social_links {
        margin-top: 0;
    }

    .slider_light .info_list li:not(:last-child) {
        margin-bottom: 30px;
    }

    .slider_light .carousel_nav {
        top: 50px;
        right: 65px;
    }

    .slider_light {
        padding-bottom: 104px;
    }

    /* home 3 - end */
}

@media screen and (max-width: 1024px) {
    /* responsive global - start */
    .sec_ptb_120 {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .btn {
        font-size: 12px;
        padding: 17px 30px;
    }

        .btn.btn_border {
            padding: 15px 30px;
        }

    .section_title .big_title {
        font-size: 38px;
    }

    .section_title .small_title {
        margin-bottom: 10px;
    }

    .section_title {
        margin-bottom: 25px;
    }

    .chip_item .chip_thumbnail {
        width: 50px;
        margin-right: 10px;
    }

    .chip_item .chip_name {
        font-size: 14px;
        margin-bottom: 5px;
    }

    .backtotop .scroll {
        width: 40px;
        height: 40px;
    }

    /* responsive global - end */
    /* header - start */
    .header_section.style_2 .content_wrap,
    .header_section.style_2.sticky .content_wrap,
    .header_section.style_3 .content_wrap,
    .header_section.style_3.sticky .content_wrap {
        padding: 15px 0px;
    }

    /* header - end */
    /* footer - start */
    .footer_widget_area {
        padding: 80px 0px;
    }

    .text-white .footer_bottom {
        padding-top: 15px;
        padding-bottom: 80px;
    }

    .footer_opening_time,
    .footer_contact {
        padding: 0;
    }

    /* footer - end */
    /* home 1 - start */
    .slider_dark .title_text {
        font-size: 54px;
    }

    .slider_dark .slider_item {
        padding: 100px 50px;
    }

    .slider_dark .main_slider {
        padding: 76px 12px;
    }

    .feature_primary {
        padding-top: 80px;
        padding-right: 0px;
        max-width: 270px;
    }

    .about_content .btns_group li:not(:last-child) {
        margin-right: 15px;
    }

    .about_content .section_title {
        margin-bottom: 20px;
    }

    .filters-button-group {
        margin-bottom: 35px;
    }

    .offer_area {
        padding: 30px;
    }

        .offer_area p {
            margin-bottom: 15px;
        }

    .offer_info_item {
        padding: 30px;
    }

    .testimonial_item_1 .item_content {
        padding: 0;
    }

    .testimonial_section {
        background-size: 33.3% 100%;
    }

    .testimonial_item_1 .quote_icon {
        max-width: 200px;
    }

    .testimonial_item_1 .item_image {
        padding-right: 0;
    }

    .shop_card .btn {
        padding: 9px 15px;
    }

    /* home 1 - end */
    /* home 2 - start */
    .banner_section .btns_group li:not(:last-child) {
        margin-right: 15px;
    }

    .banner_section .banner_title {
        font-size: 66px;
        margin-bottom: 20px;
    }

    .banner_section p {
        font-size: 16px;
        margin-bottom: 30px;
    }

    .banner_section .coffee_image {
        right: -55px;
        bottom: -30px;
        max-width: 670px;
    }

    .banner_section .leaf_image {
        max-width: 270px;
    }

    .banner_section {
        min-height: 700px;
    }

    .deco_wrap .deco_big_text {
        top: 135px;
        font-size: 170px;
    }

    .feature_primary_section2 {
        min-height: 450px;
    }

    .testimonial_section .deco_item.thumbnail_5 {
        left: 30px;
        z-index: -1;
        bottom: 40px;
    }

    .testimonial_item_1 .quote_icon2 {
        top: 75px;
        right: -20px;
        max-width: 200px;
    }

    /* home 2 - end */
    /* home 3 - start */
    .slider_light {
        padding-top: 76px;
    }

    .recipe_menu3_wrap {
        padding: 30px;
    }

        .recipe_menu3_wrap .recipe_item_grid {
            margin-right: 0px;
        }

    .recipe_item.style_3 {
        display: block;
    }

        .recipe_item.style_3 .content_col:first-child {
            width: 100%;
            display: block;
        }

        .recipe_item.style_3 .content_col:last-child {
            text-align: right;
        }

    .recipe_item.style_3 {
        padding: 15px;
        border-radius: 5px;
        background-color: #ffffff;
        box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15);
    }

        .recipe_item.style_3 .item_price {
            padding: 0;
            border-radius: 0px;
        }

        .recipe_item.style_3 .item_image {
            margin-right: 0px;
            margin-bottom: 15px;
        }

    .feature_primary.box_style .item_icon:before {
        width: 20px;
    }

    .feature_primary.box_style .item_serial {
        margin-left: 20px;
    }

    /* home 3 - end */
    /* shop details - start */
    .details_flex_title {
        display: block;
        margin-bottom: 20px;
    }

        .details_flex_title .details_title {
            margin-right: 0px;
            padding-right: 0px;
            margin-bottom: 10px;
        }

            .details_flex_title .details_title:after {
                display: none;
            }

    /* shop details - end */
}
/* 3 - media screen and (max-width: 1024px) - end
==================================================================================================== */
/* 4 - media screen and (max-width: 991px) - start
==================================================================================================== */
@media screen and (max-width: 991px) {
    /* responsive global - start */
	.product_container td{
	width:100% !important;
	display:table;
	}
	
    .social_text a {
        font-size: 12px;
    }

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

    .video_btn2 span {
        width: 90px;
        height: 90px;
    }

    .pagination_nav {
        margin: -3px;
        margin-top: 47px;
        justify-content: center;
    }

    /* responsive global - end */
    /* header - start */
    .main_menu_inner {
        left: 0px;
        top: 76px;
        right: 0px;
        position: fixed;
        background-color: #be7b24;
        box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);
    }

        .main_menu_inner .main_menu_list {
            padding: 15px;
        }

            .main_menu_inner .main_menu_list li {
                width: 100%;
                display: block;
            }

                .main_menu_inner .main_menu_list li:not(:last-child) {
                    border-bottom: 1px solid #f1f1f1;
                }

                .main_menu_inner .main_menu_list li.dropdown > a {
                    position: relative;
                }

                    .main_menu_inner .main_menu_list li.dropdown > a:after {
                        top: 14px;
                        right: 20px;
                        line-height: 1;
                        margin-top: 0px;
                        content: "";
                        font-weight: 400;
                        position: absolute;
                        font-family: "Font Awesome 5 Pro";
                    }

    .main_menu_list .submenu {
        min-width: 100%;
        box-shadow: none;
        position: static;
        margin: 0px -15px;
        border-radius: 0px;
        background: #d08627;
    }

        .main_menu_list .submenu .submenu {
            margin: 0px;
            padding: 0px;
        }

            .main_menu_list .submenu .submenu > li > a {
                padding-left: 30px;
            }

    .main_menu {
        display: flex;
        padding-left: 15px;
        align-items: center;
        justify-content: flex-end;
    }

    .mobile_menu_btn {
        border: none;
        padding: 0px;
        line-height: 1;
        font-size: 20px;
        border-radius: 0px;
        margin-left: 20px;
    }

        .mobile_menu_btn:focus {
            outline: none;
            box-shadow: none;
        }

        .mobile_menu_btn .navbar-toggler-icon {
            width: auto;
            height: auto;
            color: #ffffff;
        }

    .header_section.style_3 .mobile_menu_btn .navbar-toggler-icon {
        color: #1B1B1B;
    }

    .header_btns_group li:not(:last-child),
    .header_btns_group li {
        margin-right: 0;
    }

    .main_menu_list > li:not(:last-child) {
        margin-right: 0px;
    }

    .main_menu_list .submenu > li > a {
        padding: 10px 20px;
        font-size:16px;
        color: #fff;
    }

    .main_search_form .form_item input {
        height: 45px;
        font-size: 14px;
        padding: 0px 20px;
    }

    .main_search_form {
        padding: 15px 0px;
    }

    /* header - end */
    /* footer - start */
    .footer_subscribe_form {
        margin-bottom: 20px;
    }

    .footer_widget {
        margin-top: 40px;
    }

    /* footer - end */
    /* breadcrumb - start */
    .breadcrumb_section {
        min-height: 400px;
        padding: 120px 0px;
    }

    .breadcrumb_icon {
        margin-left: 12px;
    }

    .page_title {
        font-size: 54px;
    }

    /* breadcrumb - end */
    /* sidebar - start */
    .sidebar_section {
        margin-top: 40px;
    }

    /* sidebar - end */
    /* home 1 - start */
    .slider_dark .slider_item {
        text-align: center;
    }

    .slider_dark .btns_group {
        justify-content: center;
    }

    .slider_dark .main_slider {
        padding: 82px 12px;
    }

    .filters-button-group button {
        padding-bottom: 20px;
    }

    .offer_video {
        max-width: 400px;
        margin: 40px auto;
    }

    .testimonial_item_1 .item_image {
        max-width: 470px;
        margin: 0px auto 40px;
    }

    .testimonial_item_1 .item_content {
        max-width: 470px;
        margin: 0px auto;
    }

    .testimonial_section {
        background-size: cover;
    }

        .testimonial_section .deco_item.thumbnail_1 {
            top: 30px;
            left: 15px;
        }

        .testimonial_section .deco_item {
            border: 3px solid #ffffff;
        }

            .testimonial_section .deco_item.thumbnail_2 {
                top: 80px;
                right: 60px;
            }

            .testimonial_section .deco_item.thumbnail_4 {
                right: 15px;
            }

    /* home 1 - end */
    /* home 2 - start */
    .banner_section .leaf_image {
        max-width: 220px;
    }

    .about_image2 .year_content_wrap strong {
        font-size: 90px;
    }

    .about_image2 .leaf_image {
        bottom: 40px;
        right: -60px;
        max-width: 180px;
    }

    .feature_primary_section2 {
        padding-bottom: 180px;
    }

    .recipe_item.style_2 .content_col:last-child:before {
        width: 170px;
    }

    .testimonial_item_1 .item_image2 {
        max-width: 470px;
        margin: 0px auto 40px;
    }

    /* home 2 - end */
    /* home 3 - start */
    .slider_light .order-first {
        order: 0 !important;
    }

    .slider_light .slider_image {
        max-width: 400px;
        margin: 0px auto 30px;
    }

    .slider_light {
        padding-bottom: 82px;
    }

    .feature_primary.box_style {
        max-width: 100%;
        margin-top: 24px;
    }

    /* home 3 - end */
    /* about - start */
    .our_history_area .item_title {
        font-size: 38px;
    }

    /* about - end */
    /* blog details - start */
    .blog_details .wrap_space {
        padding: 20px;
    }

    .details_section .details_title {
        font-size: 26px;
        margin-bottom: 15px;
    }

    .details_section .details_content p {
        margin-bottom: 15px;
    }

    /* blog details - end */
    /* cart - start */
    .cart_table {
        overflow-x: scroll;
    }

        .cart_table table {
            width: 800px;
        }

    .carttable_footer {
        margin: -10px;
    }

        .carttable_footer li {
            padding: 10px;
        }

    .cart_table::-webkit-scrollbar {
        width: 0px;
    }

    /* cart - end */
    /* shop - start */
    .pricing_range {
        display: block;
        padding-right: 0px;
        margin-bottom: 20px;
    }

    .shop_filter_tags {
        display: block;
    }

    .shop_filter_bar .item_title {
        margin-right: 0px;
        margin-bottom: 10px;
    }

    .shop_filter_grid .element-item {
        width: 50%;
    }

    .shop_filter_bar {
        padding: 30px;
        margin-bottom: 40px;
    }

    /* shop - end */
    /* shop details - start */
    .product_description_wrap .tabs_nav li:not(:last-child) {
        margin-right: 40px;
    }

    /* shop details - end */
    /* contact - start */
    .contact_form {
        padding: 30px 20px;
    }

    .main_contact_info_wrap .contact_info_item {
        margin-bottom: 30px;
    }

    .contact_info_item .item_icon {
        height: 70px;
        min-width: 70px;
        font-size: 20px;
        margin-right: 10px;
    }

    .contact_info_item .item_title {
        font-size: 16px;
        margin-bottom: 6px;
    }

    /* contact - end */
}

@media screen and (max-width: 880px) {
    .main_contact_info_wrap {
        display: block;
    }
}
/* 4 - media screen and (max-width: 991px) - end
==================================================================================================== */
/* 5 - media screen and (max-width: 767px) - start
==================================================================================================== */
@media screen and (max-width: 767px) {
    /* responsive global - start */
    .order-last {
        order: 0 !important;
    }

    .order-first {
        order: 0 !important;
    }

    .social_text i {
        margin-right: 3px;
    }

    .social_text li:not(:last-child) {
        margin-right: 10px;
    }

    .section_title .abtn_wrap {
        margin-top: 20px;
    }

    /* responsive global - end */
    /* header - start */
    

    /* header - end */
    /* home 1 - start */
    .slider_social_wrap .video_btn1 {
        float: none;
        margin-bottom: 20px;
    }

        .slider_social_wrap .video_btn1 .pulse {
            order: 0;
            margin-left: 0;
            margin-right: 20px;
        }

    .feature_primary {
        padding-top: 50px;
    }

    .about_image1 {
        margin-bottom: 40px;
    }

    .recipe_item {
        display: block;
    }

        .recipe_item .content_col:first-child {
            width: 70%;
        }

        .recipe_item .content_col:last-child {
            width: 100%;
            margin-top: 20px;
            text-align: right;
        }

        .recipe_item .item_price {
            padding: 0px;
            border: none;
        }

    .filters-button-group li:not(:last-child) {
        margin-bottom: 10px;
    }

    .offer_area {
        display: block;
        text-align: center;
        padding: 30px 15px;
    }

        .offer_area .offer_image {
            order: 0;
            margin-bottom: 40px;
        }

        .offer_area .offer_content {
            margin: 0px auto;
        }

    /* home 1 - end */
    /* home 2 - start */
    .banner_section .coffee_image {
        max-width: 540px;
    }

    .banner_section .leaf_image {
        max-width: 190px;
    }

    .banner_section .banner_title {
        font-size: 60px;
    }

    .about_image2 {
        max-width: 470px;
        margin-bottom: 40px;
    }

    .feature_primary_section2 {
        padding-bottom: 160px;
    }

    .recipe_item.style_2 .content_col:last-child:before {
        width: 120px;
    }

    /* home 2 - end */
    /* home 3 - start */
    .slider_light .info_list {
        display: flex;
        margin: 15px -15px;
    }

        .slider_light .info_list li {
            width: auto;
            padding: 15px;
            text-align: left;
        }

            .slider_light .info_list li:not(:last-child) {
                margin-bottom: 0px;
            }

        .slider_light .info_list .circle_shape {
            top: 15px;
            right: unset;
            left: -15px;
        }

    .slider_light .big_text {
        bottom: 40%;
        font-size: 140px;
    }

    .slider_light .carousel_nav {
        top: 15px;
        right: 25px;
    }

    /* home 3 - end */
    /* about - start */
    .our_history_area {
        text-align: center;
    }

        .our_history_area .item_title {
            font-size: 30px;
            margin-top: 30px;
            text-align: center;
            margin-bottom: 10px;
        }

    /* about - end */
    /* about 2 - start */
    .admin_image {
        margin-bottom: 30px;
    }

    .contact_form {
        padding: 40px 15px;
    }

    /* about 2 - end */
    /* faq - start */
    .faq_accordion .accordion-body {
        padding: 30px;
    }

    /* faq - end */
    /* shop details - start */
    .details_image_wrap {
        margin-bottom: 40px;
        padding-right: 105px;
    }

        .details_image_wrap .details_image_carousel_nav {
            right: 0px;
        }

    .product_description_wrap {
        padding: 20px;
    }

        .product_description_wrap .tabs_nav button {
            font-size: 15px;
            padding-bottom: 5px;
        }

        .product_description_wrap .tabs_nav {
            margin-bottom: 20px;
            border-bottom: 2px solid #f6f6f6;
        }

            .product_description_wrap .tabs_nav button:before {
                height: 2px;
                bottom: -2px;
            }

    /* shop details - end */
    /* checkout - start */
    .container_boxed {
        padding: 50px 30px;
    }

    /* checkout - end */
}
/* 5 - media screen and (max-width: 767px) - end
==================================================================================================== */
/* 6 - media screen and (max-width: 680px) - start
==================================================================================================== */
@media screen and (max-width: 680px) {
    /* shop - start */
    .shop_filter_grid .element-item {
        width: 100%;
    }

    /* shop - end */
    /* checkout - start */
    .checkout_steps_nav li {
        width: 100%;
    }

        .checkout_steps_nav li:not(:last-child) {
            margin-right: 0px;
            margin-bottom: 15px;
        }

    /* checkout - end */
}
/* 6 - media screen and (max-width: 680px) - end
==================================================================================================== */
/* 7 - media screen and (max-width: 575px) - start
==================================================================================================== */
@media screen and (max-width: 575px) {
    /* responsive global - start */
    .post_meta li:not(:last-child) {
        margin-right: 25px;
    }

    .post_meta li {
        margin-bottom: 15px;
    }

    .form_item {
        margin-bottom: 15px;
    }

    /* responsive global - end */
    /* footer - start */
    .footer_subscribe_form .form_title {
        font-size: 38px;
        margin-bottom: 30px;
    }

    /* footer - end */
    /* sidebar - start */
    .sb_widget {
        padding: 20px;
    }

    .sb_widget_title {
        margin-bottom: 18px;
    }

    /* sidebar - end */
    /* breadcrumb - start */
    .page_title {
        font-size: 46px;
    }

    /* breadcrumb - end */
    /* home 1 - start */
    .slider_dark .title_text {
        font-size: 48px;
        margin-bottom: 15px;
    }

    .slider_dark p {
        font-size: 16px;
        margin-bottom: 30px;
    }

    .slider_dark .slider_item {
        min-height: 600px;
    }

    .slider_dark .btns_group li {
        width: 100%;
        text-align: center;
    }

        .slider_dark .btns_group li:not(:last-child) {
            margin-right: 0px;
            margin-bottom: 15px;
        }

    .slider_dark .btns_group .btn {
        min-width: 180px;
    }

    /* home 1 - end */
    /* home 2 - start */
    .deco_wrap .deco_big_text {
        top: 120px;
        font-size: 110px;
    }

    .banner_section .banner_content {
        max-width: 350px;
    }

    .banner_section .banner_title {
        font-size: 54px;
    }

    .banner_section .coffee_image {
        right: -35px;
        bottom: -25px;
        max-width: 420px;
    }

    .banner_section .leaf_image {
        max-width: 160px;
    }

    .feature_primary_section2 {
        padding-bottom: 120px;
    }

    .recipe_item.style_2 .content_col:first-child,
    .recipe_item.style_2 .content_col:last-child {
        width: 100%;
    }

    .filters-button-group.style_2 li:not(:last-child) {
        margin-right: 30px;
    }

    .testimonial_section .deco_item {
        display: none;
    }

    /* home 2 - end */
    /* home 3 - start */
    .slider_light .slider_item {
        padding: 30px;
    }

    .recipe_menu3_wrap {
        padding: 30px 15px;
    }

    /* home 3 - end */
    /* blog - start */
    .blog_standard .item_content {
        padding: 30px 20px;
    }

    .blog_standard .item_title {
        margin-bottom: 15px;
    }

        .blog_standard .item_title a {
            font-size: 22px;
        }

    .blog_standard p {
        margin-bottom: 15px;
    }

    .blog_standard .video_btn1 {
        width: 60px;
        height: 60px;
        font-size: 14px;
    }

    /* blog - end */
    /* reserve - start */
    .reserve_table_form {
        padding: 50px 15px;
        padding-bottom: 120px;
    }

        .reserve_table_form .decoration_icon {
            bottom: -40px;
            width: 80px;
            height: 80px;
        }

        .reserve_table_form .form_title {
            font-size: 36px;
            margin-bottom: 25px;
        }

    /* reserve - end */
    /* shop - start */
    .shop_filter_bar {
        padding: 15px;
        margin-bottom: 15px;
    }

    /* shop - end */
    /* shop details - start */
    .product_description_wrap .tabs_nav li:not(:last-child) {
        margin-right: 40px;
        margin-bottom: 10px;
    }

    .product_description_wrap .tabs_nav li button {
        text-align: left;
    }

    /* shop details - end */
    /* about 2 - start */
    .admin_content .admin_name {
        font-size: 38px;
    }

    .contact_form .form_title {
        font-size: 30px;
        margin-bottom: 25px;
    }

    /* about 2 - end */
    /* checkout - start */
    .container_boxed {
        padding: 40px 15px;
    }

    /* checkout - end */
}
/* 7 - media screen and (max-width: 575px) - end
==================================================================================================== */
/* 8 - media screen and (max-width: 414px) - start
==================================================================================================== */
@media screen and (max-width: 480px) {
    /* responsive global - start */
    .section_title .big_title {
        font-size: 30px;
    }

    .form_item {
        margin-bottom: 15px;
    }

    /* responsive global - end */
    /* breadcrumb - start */
    .page_title {
        font-size: 42px;
    }

    /* breadcrumb - end */
    /* footer - start */
    .footer_widget_title {
        margin-bottom: 25px;
    }

    .footer_subscribe_form .form_item .btn {
        width: 100%;
        display: block;
        margin-top: 10px;
        position: static;
        transform: unset;
    }

    /* footer - end */
    /* home 1 - start */
    .slider_dark .title_text {
        font-size: 38px;
    }

    .about_content .btns_group li {
        width: 100%;
    }

        .about_content .btns_group li:not(:last-child) {
            margin-right: 0px;
            margin-bottom: 15px;
        }

    .recipe_item .content_col:first-child {
        width: 100%;
        display: block;
    }

    .recipe_item .item_image {
        margin-right: 0px;
        margin-bottom: 15px;
    }

    .offer_video {
        max-width: 100%;
        margin: 0px auto 40px;
    }

    /* home 1 - end */
    /* home 3 - start */
    .slider_light .info_list {
        display: block;
    }

        .slider_light .info_list li {
            width: 100%;
        }

    .slider_light .big_text {
        display: none;
    }

    /* home 3 - end */
    /* blog details - start */
    blockquote {
        padding: 50px 15px;
    }

        blockquote h4 {
            font-size: 17px;
        }

    .comment_item .comment_thumbnail {
        margin-right: 15px;
    }

    .comment_item .comment_item {
        padding-left: 30px;
    }

    /* blog details - end */
}

@media screen and (max-width: 414px) {
    /* footer - start */
    .footer_subscribe_form .form_title {
        font-size: 30px;
        margin-bottom: 20px;
    }

    /* footer - end */
    /* home 1 - start */
    .slider_dark .title_text {
        font-size: 30px;
    }

    .slider_dark p {
        font-size: 14px;
        margin-bottom: 20px;
    }

    /* home 1 - end */
    /* home 2 - start */
    .banner_section .banner_title {
        font-size: 48px;
    }

    .banner_section .coffee_image {
        right: -30px;
        bottom: -20px;
        max-width: 350px;
    }

    .banner_section .btns_group li {
        width: 100%;
    }

        .banner_section .btns_group li:not(:last-child) {
            margin-right: 0px;
            margin-bottom: 15px;
        }

    .about_image2 .year_content_wrap {
        top: 30px;
    }

        .about_image2 .year_content_wrap strong {
            font-size: 70px;
        }

    .about_image2 .leaf_image {
        bottom: 20px;
        right: -30px;
        max-width: 140px;
    }

    .feature_primary_section2 {
        padding-bottom: 90px;
    }

    /* home 2 - end */
    /* home 3 - start */
    .slider_light .title_text {
        font-size: 30px;
    }

    /* home 3 - end */
}
/* 8 - media screen and (max-width: 414px) - end
==================================================================================================== */
/* 9 - media screen and (max-width: 320px) - start
==================================================================================================== */
/* 9 - media screen and (max-width: 320px) - end
==================================================================================================== */



/*VY Custom css*/
.header_btns_group li:first-child .btn {
    font-size: 16px;
    padding: 10px 20px;
    color: #56250a;
}

    .header_btns_group li:first-child .btn:hover {
        color: #fff;
    }

.header_btns_group button {
    font-size: 15px;
    font-weight: 600;
}

    .header_btns_group button i {
        font-size: 20px;
        color: #10100f;
    }

    .header_btns_group button .cart_counter {
        top: 0;
        left: 20px;
        height: 26px;
        min-width: 37px;
        line-height: 25px;
        border: 2px solid #fff;
        font-size: 14px;
    }

.form_item textarea, .form_item input {
    border: 1px solid #000;
}

#user_signup_box .user_login,
#user_signup_box .new_user_signup,
#user_signup_box .user_forgot_pwrd {
    display: none;
}

#user_signup_box .form_item input {
    height: 40px;
}

#user_signup_box p a {
    color: #23e176;
    font-weight: 600;
}

    #user_signup_box p a:hover {
        color: #d08627;
    }

.form_item.otp_box input[type=text]:hover,
.form_item.otp_box input[type=text]:active,
.form_item.otp_box input[type=text]:focus {
    border-color: #000 !important;
}



@media screen and (max-width: 991px) {
    .brand_logo.vy_logo a.brand_link {
        padding: 10px !important;
    }

        .brand_logo.vy_logo a.brand_link img {
            max-width: 65px;
        }

    .header_btns_group li.notification_box {
    margin-right: 13px;
}

.searchBoxDesktop input.form-control {
    min-width: auto !important;
padding:2px;
}
.header_btns_group button .cart_counter {
    height: auto;
    min-width: 20px;
    line-height: normal;
    border: 1px solid #fff;
    font-size: 10px;
    padding: 2px;
}
.header_btns_group button {
    font-size: 12px;

}

}



header.header_section {
    background-color:#05b186;
}


.brand_logo.vy_logo {
}

    .brand_logo.vy_logo a.brand_link {
        position: absolute;
        background-color: #fff;
        padding: 15px;
        top: 0;
        border-bottom-left-radius: 7px;
        border-bottom-right-radius: 7px;
    }

.main_menu_list > li > a {
    color: #fff;
}

.btn.btn_green {
    background-color: #23e176;
}

    .btn.btn_green:hover {
        background-color: #569a20;
    }

.btn.btn_coffee {
    background-color: #d08627;
}

    .btn.btn_coffee:hover {
        background-color: #b36809;
    }
.product_container td{
	width:33.33%;
	padding :8px;
}


/*new css added 06-05-2021*/

.main_nav_sidebar {
    top: 0;
    width: 300px;
    right: -320px;
    height: 100vh;
    z-index: 9999;
    position: fixed;
    padding: 10px 20px 20px;
    overflow-y: auto;
    background-color: #ffffff;
    transition: 0.6s cubic-bezier(1, 0, 0, 1);
    border: 7px solid #46e176;
}


    .main_nav_sidebar.active {
        right: 0px;
    }

    .main_nav_sidebar .close_btn {
        top: 10px;
        left: 10px;
        line-height: 1;
        font-size: 24px;
        position: absolute;
        color: red;
    }


    .main_nav_sidebar .accordion-button:not(.collapsed) {
        color: inherit;
        background-color: transparent;
    }

    .main_nav_sidebar .accordion-button:focus {
        border-color: transparent;
        box-shadow: none;
    }

    .main_nav_sidebar .accordion .accordion-body {
        padding: 0rem 2rem;
    }

    .main_nav_sidebar .accordion h2.accordion-header a {
        text-transform: uppercase;
        color: #d08627e6;
    }

    .main_nav_sidebar .accordion h2.accordion-header,
    .main_nav_sidebar .accordion .accordion-body a,
    .main_nav_sidebar .accordion .accordion-item > a {
        font-size: 16px;
        font-weight: 700;
        display: block;
        color: #d08627e6;
    }

    .main_nav_sidebar .accordion .accordion-body a {
        color:#525252;
    }

    .main_nav_sidebar .accordion .accordion-body a:hover {
        color:#000;
    }

    .main_nav_sidebar .accordion .accordion-item > a {
        text-transform: uppercase;
        padding: 1rem 1.25rem;
    }

.language_selection .dropdown-toggle::after {
    color:#e1e1e1;
}


.searchBoxDesktop .btn {
    padding: .375rem .75rem;
}

.searchBoxDesktop input.form-control {
    min-width: 300px;
}