/*-------------------------------------
Template Name: Chopcafe Restaurant HTML Template.
最新最全最好的Bootstrap模板：http://www.bootstrapmb.com
Version: 1.0
---------------------------------------*/

/*>--------------------------------------
			CSS Index
----------------------------------------
1. Default css
2. Search Wrapper css
3. Preloader css
4. header_top_bar css
5. header_area css
6. home_v1.html css
7. Home_v2.html css
8. Home_v3.html css
9. Chopcafe_breadcrumb section css
10. About.html css
11. team.html css
12. single_team.html css
13. cart.html css
14. checkout.html css
15. thanks.html css
16. Festival.html css
17. login.html css
18. 404.html css
19. menu_v1.html css
20. menu_v2.html css
21. gallery_v1.html css
22. gallery_v2.html css
23. shop_grid.html css
24. shop_list.html css
25. shop_list_sidebar.html css
26. shop_details.html css
27. blog_2_column.html css
28. blog_3_column.html css
29. blog_Standard.html css
30. single_blog.html css
31. contact.html css
32. scroll_top css
<-------------------------*/

/*>----------------------------------
	01. Start Default css
<------------------------------------*/
/* google fonts*/
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:400,500,600,700|Roboto:400,500,700&display=swap');

html {
    font-size: 100%;
    overflow-x: hidden;
}

* {
    margin: 0;
    padding: 0;
    outline: none;
}

a {
    color: #7D858B;
    text-decoration: none;
}

    a:hover,
    a:focus {
        /*color: #9ec80e;*/
        text-decoration: none;
    }

h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto Slab', serif;
    margin: 0;
    padding: 0;
    color: #010a19;
}

h1 {
    font-size: 52px;
    line-height: 64px;
}

h2 {
    font-size: 48px;
    line-height: 56px;
}

h3 {
    font-size: 32px;
}

h4 {
    font-size: 24px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

p {
    margin: 0;
    padding: 0;
}

ul {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

input,
select,
textarea {
    border: none;
    outline: none;
    display: inherit;
}

button {
    border: none;
    cursor: pointer;
}

    button,
    button:hover,
    button:focus {
        outline: none;
    }

body {
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    line-height: 26px;
    color: #7D858B;
    overflow-x: hidden;
}

.section_padding {
    padding: 120px 0;
}

.section_padding_2 {
    padding: 108px 0 120px;
}

.chopcafe_img {
    position: relative;
}

.chopcafe_title {
    margin-bottom: 55px;
}

    .chopcafe_title h2 {
        text-transform: capitalize;
        margin-bottom: 13px;
    }

.chopcafe_title_1 h2 span {
    color: #9ec80e;
}

.chopcafe_title_2 h2 span {
    color: #ff9b22;
}

.chopcafe_title_3 h2 span {
    color: #68e68b;
}

.chopcafe_title .title_divider {
    position: relative;
    width: 400px;
    margin: 0 auto;
}

.chopcafe_title i {
    position: relative;
    font-size: 32px;
}

.chopcafe_title_1 i {
    color: #9ec80e;
}

.chopcafe_title_2 i {
    color: #ff9b22;
}

.chopcafe_title .title_divider:before {
    position: absolute;
    content: '';
    top: 15px;
    left: 0;
    width: 175px;
    height: 2px;
    background-color: #9ec80e;
}

.chopcafe_title .title_divider:after {
    position: absolute;
    content: '';
    top: 15px;
    right: 0;
    width: 175px;
    height: 2px;
    background-color: #9ec80e;
}

.chopcafe_title_2 .title_divider:before,
.chopcafe_title_2 .title_divider:after {
    background-color: #ff9b22;
}

.chopcafe_btn {
    position: relative;
    display: inline-block;
    padding: 12px 25px;
    color: #ffffff;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    background-color: #9ec80e;
    z-index: 1;
    outline: none;
    transition: all .5s;
}

    .chopcafe_btn:after,
    .chopcafe_btn:before {
        position: absolute;
        content: '';
        top: 0;
        width: 0;
        height: 50px;
        z-index: -1;
        transition: all .3s;
        background-color: #010a19;
    }

    .chopcafe_btn:after {
        right: 0;
    }

    .chopcafe_btn:before {
        left: 0;
    }

    .chopcafe_btn:hover:after,
    .chopcafe_btn:hover:before {
        width: 52%;
    }

    .chopcafe_btn:hover,
    .chopcafe_btn:focus {
        color: #fff;
    }

.bg_image {
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.bg_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #010a19;
    opacity: .40;
}

.overlay_title h2 {
    color: #fff;
}

.slick-slide {
    outline: none;
}

@media (min-width: 1200px) {
    .container {
        max-width: 1200px;
    }
}
/*>----------------------------------
	End Default css
<------------------------------------*/

/*>----------------------------------
	02. Start Search Wrapper css
<------------------------------------*/
.search_wrapper.active {
    top: 0;
}

.search_wrapper {
    position: fixed;
    top: -100%;
    left: 0;
    background-color: #010a19;
    height: 50%;
    width: 100%;
    z-index: 999999;
    -webkit-transition: all 0.6s ease-out 0s;
    -moz-transition: all 0.6s ease-out 0s;
    -ms-transition: all 0.6s ease-out 0s;
    -o-transition: all 0.6s ease-out 0s;
    transition: all 0.6s ease-out 0s;
}

    .search_wrapper .close_link {
        position: absolute;
        top: 0;
        right: 0;
        width: 50px;
        height: 50px;
        line-height: 50px;
        background: #9ec80e;
        border: none;
        color: #fff;
        text-align: center;
        font-size: 22px;
    }

    .search_wrapper .form_control {
        background: transparent;
        width: 70%;
        position: absolute;
        top: 50%;
        left: 15%;
        height: 60px;
        padding-left: 30px;
        margin: 0 auto;
        color: #fff;
        border: none;
        border-bottom: 1px solid #fff;
        transition: all .5s;
    }

        .search_wrapper .form_control:focus {
            border-color: #9ec80e;
        }

        .search_wrapper .form_control::placeholder {
            color: #fff;
            letter-spacing: 2px;
            text-transform: capitalize;
        }
/*>----------------------------------
	End Search Wrapper css
<------------------------------------*/

/*>----------------------------------
	03. Start Preloader css
<------------------------------------*/
.preloader_area {
    background: #fff;
    height: 100%;
    overflow: hidden;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 11000;
}

.spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 50px;
    transform: translate(-50%,-50%);
    text-align: center;
    font-size: 10px;
}

    .spinner > div {
        background-color: #333;
        height: 100%;
        width: 6px;
        display: inline-block;
        -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
        animation: sk-stretchdelay 1.2s infinite ease-in-out;
    }

    .spinner .line2 {
        -webkit-animation-delay: -1.1s;
        animation-delay: -1.1s;
    }

    .spinner .line3 {
        -webkit-animation-delay: -1.0s;
        animation-delay: -1.0s;
    }

    .spinner .line4 {
        -webkit-animation-delay: -0.9s;
        animation-delay: -0.9s;
    }

    .spinner .line5 {
        -webkit-animation-delay: -0.8s;
        animation-delay: -0.8s;
    }

    .spinner .line6 {
        -webkit-animation-delay: -0.7s;
        animation-delay: -0.7s;
    }

    .spinner .line7 {
        -webkit-animation-delay: -0.6s;
        animation-delay: -0.6s;
    }

@-webkit-keyframes sk-stretchdelay {
    0%, 40%, 100% {
        -webkit-transform: scaleY(0.4)
    }

    20% {
        -webkit-transform: scaleY(1.0)
    }
}

@keyframes sk-stretchdelay {
    0%, 40%, 100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }

    20% {
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0);
    }
}

/*>----------------------------------
	End Preloader css
<------------------------------------*/
/*>----------------------------------
	04. Start header_top_bar css
<------------------------------------*/
/*
	header_top_bar
*/
.header_top_bar {
    padding: 26px 0 24px;
    background-color: #9ec80e;
}

    .header_top_bar .top_info ul li a {
        color: #fff;
    }

.top_contact_info ul li,
ul.social_link li {
    display: inline-block;
}

.top_social ul.social_link li {
    margin-right: 30px;
}

.header_top_bar .top_contact_info {
    float: right;
}

    .header_top_bar .top_contact_info ul li {
        margin-left: 30px;
    }

        .header_top_bar .top_contact_info ul li a i {
            margin-right: 10px;
        }
/*>----------------------------------
	End header_top_bar css
<------------------------------------*/

/*>---------------------------
	-05. Start header_area css
<-----------------------------*/
.header_area {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #9ec80e;
    z-index: 337;
}

    .header_area.sticky {
        position: fixed;
        top: 0;
        width: 100%;
        left: 0;
        background-color: #9ec80e;
    }

.transparent_header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: transparent;
}

.header_area.sticky .main_logo {
    display: none;
}

.header_area.sticky .sticky_logo {
    display: block;
}

.transparent_header .chopcafe_menu .main_menu ul li a {
    color: white;
}

.header_demo_1.sticky .mobile_wrapper .mobile_menu ul li.cart_icon span.count,
.header_demo_3.sticky .chopcafe_menu .main_menu ul li span.count,
.header_demo_1.sticky .chopcafe_menu .main_menu ul li span.count {
    background: #fff;
    color: #9ec80e;
}

.header_demo_2.sticky {
    background-color: #ff9b22;
}

    .header_demo_1.sticky .chopcafe_menu .main_menu ul li a,
    .header_demo_1.sticky .chopcafe_menu .main_menu ul li a:hover,
    .header_demo_1.sticky .chopcafe_menu .main_menu ul li a:focus,
    .header_demo_1.sticky .chopcafe_menu .main_menu ul li a:visited,
    .header_demo_3.sticky .chopcafe_menu .main_menu ul li a:hover,
    .header_demo_3.sticky .chopcafe_menu .main_menu ul li a:focus,
    .header_demo_3.sticky .chopcafe_menu .main_menu ul li a:visited,
    .header_demo_2.sticky .chopcafe_menu .main_menu ul li a:hover,
    .header_demo_2.sticky .chopcafe_menu .main_menu ul li a:focus,
    .header_demo_2.sticky .chopcafe_menu .main_menu ul li a:visited {
        color: #fff;
    }

    .header_demo_2.sticky .chopcafe_menu .main_menu ul li span.count {
        background: #fff;
        color: #ff9b22;
    }

.header_demo_2 .woocommerce-mini-cart__buttons .chopcafe_btn {
    background-color: #ff9b22;
}

.header_demo_3.transparent_header {
    /*top: 76px;*/
    top: 60px;
}
/*site_menu*/
.sticky_logo {
    display: none;
}

.site_menu .chopcafe_menu {
    float: right;
}

.chopcafe_menu .main_menu ul li {
    position: relative;
    display: inline-block;
    margin-left: 25px;
}

    .chopcafe_menu .main_menu ul li > a {
        position: relative;
        display: block;
        /*padding: 46px 0px 47px;*/
        padding: 30px 0px 31px;
        color: #7D858B;
        font-size: 16px;
        text-transform: uppercase;
    }

.sticky .chopcafe_menu .main_menu ul li:hover > a {
    color: #fff;
}

.chopcafe_menu .main_menu ul li:hover > a {
    /*color: #9ec80e;*/
}

.chopcafe_menu .main_menu ul li > ul.sub_menu {
    position: absolute;
    top: 100%;
    left: 0;
    background: #9ec80e;
    -webkit-transform: scale(1,0);
    -ms-transform: scale(1,0);
    transform: scale(1,0);
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    width: 250px;
    text-align: left;
    padding: 15px 0;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.chopcafe_menu .main_menu ul li:hover > ul.sub_menu {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    top: 100%;
    visibility: visible;
    opacity: 1;
}

.main_menu ul li > ul.sub_menu li {
    display: block;
    margin: 0;
}

.chopcafe_menu .main_menu ul li > ul.sub_menu li > a {
    padding: 5px 35px;
    color: #fff;
    font-size: 16px;
    text-transform: capitalize;
    transition: all .5s;
}

.chopcafe_menu .main_menu ul li > ul.sub_menu li:hover > a {
    color: #fff;
    padding-left: 40px;
}

.main_menu ul li ul.sub_menu li > ul.sub_menu {
    top: 0;
    left: 100%;
    opacity: 0;
    visibility: hidden;
}

.main_menu ul li ul.sub_menu li:hover > ul.sub_menu {
    visibility: visible;
    opacity: 1;
}
/*site_menu*/

/*mini cart css*/
.chopcafe_menu .main_menu ul li a.chopcafe_btn {
    display: block;
}

.mobile_wrapper .mobile_menu ul li.cart_icon span.count,
.chopcafe_menu .main_menu ul li span.count {
    position: absolute;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
    background: #9ec80e;
    right: -10px;
    margin-top: -10px;
    font-size: 10px;
    color: #fff;
}

.chopcafe_menu .main_menu ul li ul.site-header-cart {
    position: absolute;
    top: 100%;
    width: 280px;
    right: 0;
    background: #fff;
    box-shadow: 0px 3px 20px 0px rgba(55, 55, 55, 0.2);
    -webkit-transform: scale(1,0);
    -ms-transform: scale(1,0);
    transform: scale(1,0);
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    text-align: left;
    padding: 15px;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

    .chopcafe_menu .main_menu ul li ul.site-header-cart li {
        display: inline-flex;
        align-items: center;
    }

.chopcafe_menu .main_menu ul li:hover > ul.site-header-cart {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    top: 100%;
    visibility: visible;
    opacity: 1;
}

.chopcafe_menu .main_menu ul li ul.site-header-cart li {
    margin-left: 0;
}

.mini-cart-item {
    display: block;
    margin-bottom: 20px;
}

    .mini-cart-item .product_thumb {
        max-width: 60px;
        float: left;
    }

        .mini-cart-item .product_thumb img {
            width: 100%;
        }

    .mini-cart-item .product_name {
        width: 140px;
        margin-left: 20px;
        float: left;
    }

.product_remove {
    margin-left: 20px;
    max-width: 40px;
    text-align: center;
    float: left;
    vertical-align: middle;
}

    .product_name .product_title,
    .product_remove .remove_btn {
        color: #7D858B !important;
    }

.woocommerce-mini-cart_total {
    margin-bottom: 20px;
}

    .woocommerce-mini-cart_total span {
        font-weight: 600;
        font-size: 18px;
    }

.widget_shopping_cart_content p.woocommerce-mini-cart__total {
    margin-bottom: 10px;
}

.widget_shopping_cart_content p.woocommerce-mini-cart__buttons .chopcafe_btn {
    margin-bottom: 10px;
}

    .widget_shopping_cart_content p.woocommerce-mini-cart__buttons .chopcafe_btn:last-child {
        margin-bottom: 0;
    }
/* Mobile menu */
.mobile_wrapper {
    display: none;
    padding: 10px 0;
}

.mobile_header .brand_logo img {
    width: 100%;
}

.mobile_header .brand_logo a.logo {
    font-size: 18px;
    color: #fff;
}

.mobile_menu {
    float: right;
}

    .mobile_menu ul li {
        position: relative;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-left: 20px;
    }

        .mobile_menu ul li a {
            position: relative;
            display: block;
            font-size: 18px;
            color: #fff;
        }

.mobile_wrapper .mobile_menu ul li.cart_icon ul.site-header-cart {
    position: absolute;
    top: 100%;
    width: 300px;
    right: 0px;
    background: #fff;
    box-shadow: 0px 3px 20px 0px rgba(55, 55, 55, .8);
    -webkit-transform: scale(1,0);
    -ms-transform: scale(1,0);
    transform: scale(1,0);
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    text-align: left;
    padding: 15px;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

    .mobile_wrapper .mobile_menu ul li.cart_icon ul.site-header-cart li {
        margin-left: 0;
    }

.mobile_wrapper .mobile_menu ul li.cart_icon:hover > ul.site-header-cart {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    top: 140%;
    visibility: visible;
    opacity: 1;
}

.mobile_menu ul li.menu_icon span {
    width: 30px;
    height: 2px;
    background: #fff;
    display: block;
    margin: 5px 0;
    z-index: 9999;
    transition: .5s;
}

.mobile_menu ul li.menu_icon.active span:nth-child(1) {
    transform: rotate(45deg);
}

.mobile_menu ul li.menu_icon.active span:nth-child(2) {
    display: none;
}

.mobile_menu ul li.menu_icon.active span:nth-child(3) {
    transform: rotate(-45deg);
}

.mobile_menu_icon .menu_icon {
    font-size: 18px;
    color: #fff;
    float: right;
}

.sidenav_menu {
    overflow: hidden;
    width: 80%;
    height: 100%;
    position: fixed;
    top: 0;
    left: -100%;
    padding: 50px 20px;
    z-index: 9999;
    background: #9ec80e;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    overflow-y: visible;
}

    .sidenav_menu.active {
        left: 0;
    }

.times_icon {
    position: absolute;
    right: 0;
    top: 0;
}

    .times_icon i {
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        background: #fff;
        color: #010a19;
        font-size: 18px;
    }

.sidebar-menu > li > a {
    font-size: 16px;
    color: #fff;
    text-transform: capitalize;
    padding: 10px 20px;
    font-weight: 500;
}

.sidebar-menu .sidebar-submenu > li > a {
    padding: 5px 25px;
    font-size: 16px;
    color: #fff;
    text-transform: capitalize;
}

.sidebar-menu .sidebar-submenu > li:hover > a {
    color: #fff;
}

.sidebar-menu .sidebar-submenu {
    padding-left: 0px;
    background: #050603;
}

.sidebar-menu > li:hover > a,
.sidebar-menu > li.active > a {
    color: #9ec80e;
    background: #050603;
}

.sidebar-menu .sidebar-submenu > li.active > a,
.sidebar-menu .sidebar-submenu > li:hover > a {
    color: #9ec80e;
}

.brand_logo {
    height: 100px;
    width: 250px;
    display: block;
    background: url(../../../../libs/index/img/winhoo1.png) no-repeat;
    background-size: contain;
}

.mobile_wrapper .brand_logo,
.sticky .brand_logo {
    height: 100px;
    width: 250px;
    display: block;
    background: url(../../../../libs/index/img/winhoo2.png) no-repeat;
    background-size: contain;
}

.brand_logo a {
    font-weight: bold;
    color: #fff;
    font-size: 24px;
}

.sidebar_search {
    margin-bottom: 40px;
}

    .sidebar_search input {
        background: #fff;
        border: none;
        width: 100%;
        height: 60px;
        font-size: 16px;
        color: #010a19a2d;
        outline: none;
        padding: 0 20px;
    }
/*>----------------------------------
	End header_area css
<------------------------------------*/

/*>----------------------------------
	06. Start home_v1.html css
<------------------------------------*/

/*
	Start header_slider section css
*/
.header_slider_1 {
    padding: 115px 0 128px;
}

.single_slider {
    padding: 0 5px;
    outline: none;
}

.welcome_content h1 {
    font-weight: bold;
    margin-bottom: 25px;
}

    .welcome_content h1 span {
        color: #9ec80e;
    }

.welcome_content p {
    margin-bottom: 54px;
}

.welcome_img {
    float: right;
}

.chef_slide_1 .slick-prev,
.welcome_slider .slick-prev {
    left: -150px;
}

.chef_slide_1 .slick-next,
.welcome_slider .slick-next {
    right: -150px;
}

    .chef_slide_1 .slick-next:before,
    .chef_slide_1 .slick-prev:before,
    .welcome_slider .slick-next:before,
    .welcome_slider .slick-prev:before {
        display: block;
        width: 50px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        font-size: 24px;
        color: #010a19;
        opacity: 1;
        background-color: #e1e1e1;
        font-weight: 900;
        font-family: 'Font Awesome 5 Free';
        transition: all .5s;
    }

    .chef_slide_1 .slick-next:before,
    .welcome_slider .slick-next:before {
        content: '\f105';
    }

.chef_slide_1 .slick-prev:before,
.welcome_slider .slick-prev:before {
    content: '\f104';
}

.chef_slide_1 .slick-prev:hover:before,
.welcome_slider .slick-prev:hover:before,
.chef_slide_1 .slick-next:hover:before,
.welcome_slider .slick-next:hover:before {
    background-color: #9ec80e;
    color: #fff;
}

/*
	End header_slider section css
*/

/*
	Start chopcafe_about section css
*/
.gray_bg {
    background-color: #f6f7f8;
}

.chopcafe_about_1 {
    position: relative;
    padding: 80px 0;
}

    .chopcafe_about_1 .chopcafe_content_box {
        margin-bottom: 8px;
    }

        .chopcafe_about_1 .chopcafe_content_box .about_text h2 {
            margin-bottom: 50px;
        }

            .chopcafe_about_1 .chopcafe_content_box .about_text h2 span {
                color: #9ec80e;
            }

        .chopcafe_about_1 .chopcafe_content_box .about_text p {
            margin-bottom: 28px;
        }

        .chopcafe_about_1 .chopcafe_content_box .about_text a.chopcafe_btn {
            margin-top: 27px;
            padding: 12px 39px;
        }

    .chopcafe_about_1 .about_video_box {
        position: relative;
    }

        .chopcafe_about_1 .about_video_box img {
            width: 100%;
        }

        .chopcafe_about_1 .about_video_box .bg_overlay {
            opacity: .8;
        }

        .chopcafe_about_1 .about_video_box .play_button {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
        }

            .chopcafe_about_1 .about_video_box .play_button .play_btn {
                position: relative;
                display: block;
                width: 60px;
                height: 60px;
                line-height: 60px;
                text-align: center;
                border-radius: 50%;
                background-color: rgb(141, 199, 63);
                font-size: 16px;
                color: #fff;
            }

                .chopcafe_about_1 .about_video_box .play_button .play_btn:after {
                    display: block;
                    width: 80px;
                    height: 80px;
                    line-height: 60px;
                    border-radius: 50%;
                    background-color: rgb(141, 199, 63);
                    position: absolute;
                    content: '';
                    top: 50%;
                    left: 50%;
                    opacity: .7;
                    transform: translate(-50%, -50%);
                    z-index: -1;
                }

                .chopcafe_about_1 .about_video_box .play_button .play_btn:before {
                    display: block;
                    width: 100px;
                    height: 100px;
                    line-height: 80px;
                    border-radius: 50%;
                    background-color: rgb(141, 199, 63);
                    position: absolute;
                    content: '';
                    top: 50%;
                    left: 50%;
                    opacity: .5;
                    transform: translate(-50%, -50%);
                    z-index: -1;
                }
/*
	End chopcafe_about section css
*/

/*
	Start chopcafe_menu section css
*/
.chopcafe_menu_1 {
    margin-bottom: -60px;
}

.chopcafe_filter {
    margin-bottom: 60px;
}

    .chopcafe_filter .chopcafe_btn {
        padding: 12px 26px;
        border: 1px solid #e1e1e1;
        font-size: 18px;
        color: #7D858B;
        text-transform: capitalize;
        background-color: transparent;
        border-radius: 0;
        margin-left: 13px;
        margin-right: 13px;
        transition: 0s;
    }

        .chopcafe_filter .chopcafe_btn:before,
        .chopcafe_filter .chopcafe_btn:after {
            border-radius: 0;
            background-color: #9ec80e;
        }

        .chopcafe_filter .chopcafe_btn:hover:before,
        .chopcafe_filter .chopcafe_btn:hover:after {
            width: 55%;
            background-color: #9ec80e;
        }

        .chopcafe_filter .chopcafe_btn:before {
            margin-left: -1px;
        }

        .chopcafe_filter .chopcafe_btn:right {
            margin-right: -1px;
        }

        .chopcafe_filter .chopcafe_btn.active_btn:before,
        .chopcafe_filter .chopcafe_btn.active_btn:after {
            width: 51%;
            border-radius: 0;
            background-color: #9ec80e;
        }

        .chopcafe_filter .chopcafe_btn.active_btn,
        .chopcafe_filter .chopcafe_btn:hover,
        .chopcafe_filter .chopcafe_btn:focus {
            border-color: #9ec80e;
            color: #fff;
        }
/*food_grid box*/
.grid_item {
    transition: all .5s ease-out;
}

.food_grid_box:hover .chopcafe_info h3 a {
    color: #7DAE3E;
}

.food_grid_box {
    margin-bottom: 60px;
}

    .food_grid_box:hover {
        background-color: rgb(255, 255, 255);
        box-shadow: 0px 5px 30px 0px rgba(55, 55, 55, 0.26);
    }

        .food_grid_box:hover .grid_inner_item .chopcafe_info {
            border-color: #fff;
        }

    .food_grid_box .grid_inner_item .chopcafe_info {
        border: 1px solid #e1e1e1;
        border-top: none;
        padding: 26px 30px 22px;
        transition: all .5s;
    }

        .food_grid_box .grid_inner_item .chopcafe_info h3 {
            font-size: 18px;
        }

            .food_grid_box .grid_inner_item .chopcafe_info h3 a {
                color: #010a19;
            }

            .food_grid_box .grid_inner_item .chopcafe_info h3 span {
                float: right;
                color: #9ec80e;
                font-size: 18px;
                font-weight: bold;
            }

.grid_inner_item .overlay_img {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #010a19;
    opacity: 0;
    visibility: hidden;
    transition: all .5s;
}

.food_grid_box .grid_inner_item .overlay_img {
    top: 0;
    left: 0;
}

.food_grid_box:hover .overlay_img {
    visibility: visible;
    opacity: .8;
}

.grid_item:hover .overlay_content {
    opacity: 1;
    visibility: visible;
}

    .grid_item:hover .overlay_content a.btn_a {
        transform: translate(0%,0%);
    }

.grid_inner_item .overlay_content {
    position: absolute;
    transform: translate(-50%,-50%);
    transition: all .5s;
    visibility: hidden;
    opacity: 0;
}

.food_grid_box .grid_inner_item .overlay_content {
    top: 50%;
    left: 50%;
}

.grid_inner_item .overlay_content a.btn_a {
    display: inline-block;
    text-align: center;
    color: #fff;
}

.btn_zoom {
    transition: all .3s;
    transform: translate(0%,190%);
}

.btn_link {
    transition: all .5s;
    transform: translate(0%,170%);
}

.btn_heart {
    transition: all .7s;
    transform: translate(0%,200%);
}

.food_grid_box .grid_inner_item .overlay_content a.btn_a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    border: 1px solid #fff;
    margin-left: 8px;
    margin-right: 8px;
}

    .food_grid_box .grid_inner_item .overlay_content a.btn_a:hover {
        background-color: #9ec80e;
        border-color: #9ec80e;
    }

.chopcafe_menu_1 .food_grid_box .grid_inner_item .chopcafe_info h3:after {
    display: block;
    content: '';
    width: 60px;
    height: 1px;
    background-color: #9ec80e;
    margin: 19px 0 13px;
}
/*
	End chopcafe_menu section css
*/

/*
	Start how_to_order section css
*/
.how_to_order_1 {
    background-color: #f6f7f8;
}

    .how_to_order_1 .grid_item {
        position: relative;
        text-align: center;
    }

        .how_to_order_1 .grid_item:hover .icon_box {
            background-color: #9ec80e;
        }

            .how_to_order_1 .grid_item:hover .icon_box i {
                color: #fff;
            }

    .how_to_order_1 .grid_inner_item {
        position: relative;
    }

    .how_to_order_1 .grid_item .icon_box {
        position: relative;
        display: block;
        width: 120px;
        height: 120px;
        line-height: 120px;
        text-align: center;
        background-color: #fff;
        border-radius: 50%;
        border: 1px solid #9ec80e;
        margin: 0 auto;
        transition: all .5s;
    }

    .how_to_order_1 .grid_item .grid_inner_item.item_line:before {
        content: '';
        position: absolute;
        top: -17px;
        right: -200px;
        width: 100%;
        /*background: url(../images/order_line_1.png) no-repeat center;*/
        height: 55px;
    }

    .how_to_order_1 .grid_item .grid_inner_item.item_line_2:before {
        content: '';
        position: absolute;
        bottom: 43px;
        right: -200px;
        width: 100%;
        /*background: url(../images/order_line_2.png) no-repeat center;*/
        height: 55px;
    }

    .how_to_order_1 .icon_box i {
        font-size: 50px;
        color: #9ec80e;
    }

    .how_to_order_1 .grid_item .chopcafe_info h4 {
        color: #010a19;
        font-weight: bold;
        margin-top: 45px;
    }
/*
	End how_to_order section css
*/

/*
	Start chopcafe_reservation section css
*/
.chopcafe_reservation {
    position: relative;
}

.reservation_form .form_group {
    margin-bottom: 30px;
    position: relative;
}

    .reservation_form .form_group i {
        position: absolute;
        right: 20px;
        top: 18px;
        color: #9ec80e;
    }

.form_control {
    width: 100%;
    height: 50px;
    padding: 20px;
    font-size: 16px;
    color: #7D858B;
    border: 1px solid #9ec80e;
}

textarea.form_control {
    display: inherit;
    padding: 13px 20px;
}

.reservation_form textarea.form_control {
    min-height: 150px;
    height: 150px;
}

.chopcafe_reservation_1 .chopcafe_img_box .chopcafe_img.reservation_img,
.chopcafe_reservation_2 .chopcafe_img_box .chopcafe_img.reservation_img,
.chopcafe_reservation_4 .chopcafe_img_box .chopcafe_img.reservation_img {
    position: absolute;
    bottom: -120px;
}

.reservation_form .form_button .chopcafe_btn {
    padding: 12px 44px;
}
/*
	End chopcafe_reservation section css
*/

/*
	Start chopcafe_chef_1 section css
*/
.chopcafe_chef_4 .chef_box {
    margin-bottom: 60px;
    transition: all .5s;
}

    .chopcafe_chef_4 .chef_box:hover {
        background-color: rgb(161, 161, 161);
        box-shadow: 0px 7px 20px 0px rgba(192, 192, 192, 0.5);
    }

.chef_slide_1 .chef_box {
    padding-right: 15px;
    padding-left: 15px;
}

    .chopcafe_chef_4 .chef_box .chopcafe_img,
    .chef_slide_1 .chef_box .chopcafe_img {
        overflow: hidden;
    }

    .chopcafe_chef_4 .chef_box:hover .chopcafe_img .overlay_content,
    .chef_slide_1 .chef_box:hover .chopcafe_img .overlay_content {
        top: 0;
    }

    .chopcafe_chef_4 .chef_box .chopcafe_img .overlay_content,
    .chef_slide_1 .chef_box .chopcafe_img .overlay_content {
        position: absolute;
        top: -100%;
        right: 30px;
        background-color: rgb(141, 199, 63);
        width: 40px;
        height: 138px;
        transition: all .7s;
    }

        .chopcafe_chef_4 .chef_box .chopcafe_img .overlay_content .social,
        .chef_slide_1 .chef_box .chopcafe_img .overlay_content .social {
            text-align: center;
            margin-top: 23px;
        }

            .chopcafe_chef_4 .chef_box .chopcafe_img .overlay_content .social ul li,
            .chef_slide_1 .chef_box .chopcafe_img .overlay_content .social ul li {
                margin-bottom: 7px;
            }

                .chopcafe_chef_4 .chef_box .chopcafe_img .overlay_content .social ul li:last-child,
                .chef_slide_1 .chef_box .chopcafe_img .overlay_content .social ul li:last-child {
                    margin-bottom: 0;
                }

                .chopcafe_chef_4 .chef_box .chopcafe_img .overlay_content .social ul li a,
                .chef_slide_1 .chef_box .chopcafe_img .overlay_content .social ul li a {
                    display: block;
                    color: #fff;
                    font-size: 16px;
                }

    .chopcafe_chef_4 .chef_box .chef_info,
    .chef_slide_1 .chef_box .chef_info {
        padding: 25px 30px 22px;
        text-align: center;
        background-color: #9ec80e;
    }

        .chopcafe_chef_4 .chef_box .chef_info h3,
        .chef_slide_1 .chef_box .chef_info h3 {
            color: #ffffff;
            margin-bottom: 3px;
            font-size: 24px;
            outline: none;
        }

            .chopcafe_chef_4 .chef_box .chef_info h3 a,
            .chef_slide_1 .chef_box .chef_info h3 a {
                color: #fff;
                outline: none;
            }

        .chopcafe_chef_4 .chef_box .chef_info p,
        .chef_slide_1 .chef_box .chef_info p {
            color: #fff;
        }

.chef_slide_1 .slick-next,
.chef_slide_1 .slick-prev {
    background: #ffffff;
}
/*
	End chopcafe_chef_1 section css
*/

/*
	Start chopcafe_food_festival section css
*/
.chopcafe_food_festival_1 .chopcafe_img_box .festival_img img {
    width: 100%;
    border-radius: 50%;
    border: 5px solid #9ec80e;
}

.chopcafe_content_box .festival_title {
    margin-bottom: 60px;
}

    .chopcafe_content_box .festival_title h3 {
        font-weight: bold;
        color: #9ec80e;
    }

.chopcafe_content_box .festival_countdown_area {
    margin-bottom: 55px;
}

    .chopcafe_content_box .festival_countdown_area .festival_countdown {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

        .chopcafe_content_box .festival_countdown_area .festival_countdown .counter_column {
            display: block;
            width: 100px;
            height: 100px;
            border: 1px solid #9ec80e;
            border-radius: 50%;
            padding-top: 30px;
        }

            .chopcafe_content_box .festival_countdown_area .festival_countdown .counter_column .inner {
                color: #9ec80e;
                font-size: 16px;
            }

            .chopcafe_content_box .festival_countdown_area .festival_countdown .counter_column span.count {
                display: block;
                font-size: 24px;
                color: #010a19;
                margin-bottom: 2px
            }

.chopcafe_content_box .festival_text h4 {
    color: #9ec80e;
    margin-bottom: 25px;
}

.chopcafe_content_box .festival_text h5 {
    margin-bottom: 40px;
}
/*
	End chopcafe_food_festival section css
*/

/*
	Start chopcafe_testimonial section css
*/
.testimonial_slider_1 {
    margin-bottom: 60px;
}

    .testimonial_slider_1 .testimonial_info {
        margin-bottom: 35px;
    }

        .testimonial_slider_1 .testimonial_info p {
            color: #fff;
            margin-top: -7px;
        }

.testimonial_author {
    display: inline-flex;
    align-items: center;
}

    .testimonial_author .author_info {
        margin-left: 20px;
        text-align: left;
    }

        .testimonial_author .author_info h4 {
            color: #fff;
            margin-bottom: 8px;
        }

        .testimonial_author .author_info p {
            color: #9ec80e;
        }

.testimonial_slider_1 .slick-dots {
    margin-bottom: -40px;
}

    .testimonial_slider_1 .slick-dots li button {
        width: 10px;
        height: 10px;
        padding: 0;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        margin-left: 5px;
        margin-right: 5px;
        background-color: rgb(255, 255, 255);
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }

    .testimonial_slider_1 .slick-dots li.slick-active button {
        width: 10px;
        height: 10px;
        background-color: transparent;
        border: 2px solid #9ec80e;
        ;
    }
/*
	End chopcafe_testimonial section css
*/

/*
	Start chopcafe_blog_1 section css
*/
.chopcafe_blog_1 {
    position: relative;
    padding: 108px 0 90px;
}

    .chopcafe_blog_1 .grid_item {
        position: relative;
        margin-bottom: 30px;
        transition: all .5s;
    }

        .chopcafe_blog_1 .grid_item:hover .grid_inner_item .chopcafe_info {
            background-color: #9ec80e;
            border-color: #9ec80e;
        }

            .chopcafe_blog_1 .grid_item:hover .grid_inner_item .chopcafe_info .post_meta ul li i {
                color: #fff;
            }

            .chopcafe_blog_1 .grid_item:hover .grid_inner_item .chopcafe_info .post_info h3 a,
            .chopcafe_blog_1 .grid_item:hover .grid_inner_item .chopcafe_info .post_info p,
            .chopcafe_blog_1 .grid_item:hover .grid_inner_item .chopcafe_info .post_meta ul li a {
                color: #fff;
            }

    .chopcafe_blog_1 .grid_inner_item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

        .chopcafe_blog_1 .grid_inner_item .chopcafe_img {
            width: 35%;
        }

            .chopcafe_blog_1 .grid_inner_item .chopcafe_img .overlay_img {
                opacity: 0;
                visibility: hidden;
            }

    .chopcafe_blog_1 .grid_item:hover .grid_inner_item .overlay_content {
        visibility: visible;
        opacity: 1;
    }

    .chopcafe_blog_1 .grid_item:hover .grid_inner_item .chopcafe_img .overlay_img {
        opacity: .8;
        visibility: visible;
    }

    .chopcafe_blog_1 .grid_inner_item .overlay_img {
        top: 0;
        left: 0;
    }

    .chopcafe_blog_1 .grid_inner_item .overlay_content {
        top: 50%;
        left: 50%;
        opacity: 0;
        visibility: hidden;
        transition: all .7s;
    }

    .chopcafe_blog_1 .grid_inner_item .chopcafe_img .overlay_content a.chopcafe_link {
        color: #fff;
        font-size: 18px;
    }

    .chopcafe_blog_1 .grid_inner_item .chopcafe_info {
        width: 65%;
        padding: 25px 30px 23px;
        background-color: #f6f7f8;
        border: 1px solid #e1e1e1;
        transition: all .5s;
    }

        .chopcafe_blog_1 .grid_inner_item .chopcafe_info h3 {
            font-size: 24px;
            line-height: 32px;
            margin-bottom: 22px;
        }

            .chopcafe_blog_1 .grid_inner_item .chopcafe_info h3 a {
                color: #010a19;
            }

        .chopcafe_blog_1 .grid_inner_item .chopcafe_info .post_meta {
            margin-bottom: 18px;
        }

            .chopcafe_blog_1 .grid_inner_item .chopcafe_info .post_meta ul li {
                display: inline-block;
                margin-right: 20px;
            }

                .chopcafe_blog_1 .grid_inner_item .chopcafe_info .post_meta ul li a i {
                    margin-right: 10px;
                    color: #9ec80e;
                }
/*
	End chopcafe_blog_1 section css
*/

/*
	Start chopcafe_footer css
*/
.chopcafe_footer_1 .bg_overlay {
    background-color: #010a19;
    opacity: 0.8;
}

.footer_widget_1 {
    padding: 113px 0 100px;
    border-bottom: 1px solid #fff;
}

.footer_widget_box .widget_title {
    margin-bottom: 40px;
}

    .footer_widget_box .widget_title h4 {
        color: #9ec80e;
    }

.footer_widget_box .widget_contact .info_list,
.footer_widget_box .widget_time .time_list {
    margin-bottom: 20px;
}

.widget_contact .info_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .widget_contact .info_list .info_icon i {
        display: block;
        width: 55px;
        height: 55px;
        line-height: 55px;
        text-align: center;
        background-color: #9ec80e;
        color: #feffff;
        font-size: 18px;
    }

    .widget_contact .info_list .info_text {
        margin-left: 20px;
    }

        .widget_contact .info_list .info_text p,
        .widget_contact .info_list .info_text p a {
            color: #fff;
        }

.footer_widget_box .widget_time .time_list h6 {
    color: #fff;
}

.footer_widget_box .widget_time .time_list p {
    color: #9ec80e;
}

.footer_widget_box .single_news {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
}

    .footer_widget_box .single_news .news_thumb {
        width: 20%;
    }

        .footer_widget_box .single_news .news_thumb img {
            width: 100%;
            height: 100%;
        }

    .footer_widget_box .single_news .news_link {
        width: 80%;
        margin-left: 20px;
    }

        .footer_widget_box .single_news .news_link h3 {
            font-size: 16px;
            line-height: 24px;
            font-weight: 400;
        }

            .footer_widget_box .single_news .news_link h3 a {
                color: #fff;
            }

                .footer_widget_box .single_news .news_link h3 a:hover,
                .footer_widget_box .single_news .news_link h3 a:focus {
                    color: #9ec80e;
                }

ul.social_widget li {
    display: inline-block;
    margin-right: 16px;
}

    ul.social_widget li a {
        display: block;
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        background-color: #9ec80e;
        color: #fff;
        font-size: 16px;
    }

        ul.social_widget li a.facebook {
            background-color: #3c5998;
        }

        ul.social_widget li a.twitter {
            background-color: #29a9e0;
        }

        ul.social_widget li a.pinterest {
            background-color: #ff2323;
        }

        ul.social_widget li a.vimeo {
            background-color: #ff6c00;
        }

        ul.social_widget li a.behance {
            background-color: #059ae7;
        }

.widget_payment {
    margin-top: 55px;
}

    .widget_payment .payment_method a {
        margin-right: 16px;
    }

.chopcafe_copyright_1 {
    padding: 34px 0 35px;
}

.copyright_text p {
    color: #fff;
}

.footer_logo .brand_logo {
    position: relative;
}

    .footer_logo .brand_logo:after {
        position: absolute;
        content: '';
        width: 35%;
        height: 1px;
        top: 30px;
        right: 0;
        background-color: #9ec80e;
    }

    .footer_logo .brand_logo:before {
        position: absolute;
        content: '';
        width: 35%;
        height: 1px;
        top: 30px;
        left: 0;
        background-color: #9ec80e;
    }
/*
	End chopcafe_footer css
*/
/*>----------------------------------
	End Home_v1.html css
<------------------------------------*/

/*>----------------------------------
	07. Start Home_v2.html css
<------------------------------------*/
/*
	Start header area css
*/
.header_demo_2 {
    border-color: #ff9b22;
}

    .header_demo_2 .chopcafe_menu .main_menu ul li a {
        color: #fff;
    }

    .header_demo_2 .chopcafe_menu .main_menu ul li:hover > a {
        color: #ff9b22;
    }

    .header_demo_2 .chopcafe_menu .main_menu ul li ul.sub_menu {
        background: #ff9b22;
    }

    .header_demo_2 .chopcafe_menu .main_menu ul li span.count {
        background: #ff9b22;
    }
/*
	End header area css
*/

/*
	Start header_bg section css
*/
.header_bg_1 {
    padding: 305px 0 200px;
}

    .header_bg_1 .welcome_content h1 {
        color: #fff;
        color: #ff9b22;
        margin-bottom: 13px;
    }

    .header_bg_1 .welcome_content h3 {
        color: #fff;
        font-size: 36px;
        margin-bottom: 52px;
    }

.chopcafe_btn_2 {
    background-color: #ff9b22;
    color: #fff;
}

    .chopcafe_btn_2:hover,
    .chopcafe_btn_2:focus,
    .chopcafe_btn_2:after,
    .chopcafe_btn_2:before {
        background-color: #010a19;
    }
/*
	end header_bg section css
*/

/*
	Start chopcafe_about section css
*/
.content_title {
    margin-bottom: 47px;
}

    .content_title .title_divider {
        text-align: center;
        margin: 0 0;
    }

        .content_title .title_divider i {
            color: #ff9b22
        }

        .content_title .title_divider:before {
            background-color: #ff9b22;
        }

        .content_title .title_divider:after {
            background-color: #ff9b22;
        }

.chopcafe_about_2 .chopcafe_img_box .about_img_2_1 {
    margin-top: 30px;
}

.chopcafe_about_2 .about_text p {
    margin-bottom: 40px;
}

.chopcafe_about_2 .about_text a.play_btn {
    margin-left: 40px;
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    text-align: center;
    font-size: 16px;
    color: #ff9b22;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
    transition: all .5s;
}

    .chopcafe_about_2 .about_text a.play_btn:hover,
    .chopcafe_about_2 .about_text a.play_btn:focus {
        background-color: #ff9b22;
        color: #fff;
    }
/*
	End chopcafe_about section css
*/

/* 
	Start chopcafe_popular_item section css
*/
.chopcafe_popular_item {
    background-color: #f6f7f8;
}

.popular_item_slide .grid_item {
    margin-left: 15px;
    margin-right: 15px;
}

    .popular_item_slide .grid_item .chopcafe_info {
        padding: 23px 30px 23px;
        background-color: #fff;
    }

        .popular_item_slide .grid_item .chopcafe_info span {
            display: block;
            color: #ff9b22;
            margin-bottom: 10px;
            font-weight: bold;
        }

        .popular_item_slide .grid_item .chopcafe_info h3 {
            font-size: 18px;
            margin-bottom: 10px;
        }

            .popular_item_slide .grid_item .chopcafe_info h3 a:hover {
                color: #ff9b22;
            }

        .popular_item_slide .grid_item .chopcafe_info h5 {
            margin-bottom: 10px;
        }

.popular_item_slide .slick-prev {
    top: 50%;
    left: -18px;
    z-index: 1;
}

.popular_item_slide .slick-next {
    top: 50%;
    right: -18px;
    z-index: 1;
}

.popular_item_slide .slick-prev:before {
    content: '\f104';
}

.popular_item_slide .slick-next:before {
    content: '\f105';
}

.popular_item_slide .slick-prev:before,
.popular_item_slide .slick-next:before {
    display: block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 50%;
    text-align: center;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
    font-size: 18px;
    color: #ff9b22;
    font-weight: 900;
    font-family: 'Font Awesome 5 Free';
    transition: all .5s;
}

.popular_item_slide .slick-prev:hover:before,
.popular_item_slide .slick-next:hover:before {
    background-color: #ff9b22;
    color: #fff;
}
/* 
	End chopcafe_popular_item section css
*/

/*
	Start chopcafe_fetaures section css
*/
.chopcafe_fetaures_1 .chopcafe_img_box .fetaures_img {
    position: relative;
    text-align: center;
    z-index: 1;
}

    .chopcafe_fetaures_1 .chopcafe_img_box .fetaures_img img {
        margin: 0 auto;
    }

    .chopcafe_fetaures_1 .chopcafe_img_box .fetaures_img:before {
        position: absolute;
        content: '';
        top: 48px;
        left: -5px;
        width: 88%;
        height: 100%;
        background-color: transparent;
        border: 10px solid rgb(255, 155, 34);
        z-index: -1;
    }

.chopcafe_fetaures_1 .chopcafe_title {
    margin-bottom: 47px;
}

.chopcafe_fetaures_1 .chopcafe_text_box {
    margin-bottom: 30px;
}

.chopcafe_fetaures_1 .chopcafe_feature_list .single_feature {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 40px;
}

    .chopcafe_fetaures_1 .chopcafe_feature_list .single_feature:last-child {
        margin-bottom: 0;
    }

    .chopcafe_fetaures_1 .chopcafe_feature_list .single_feature .chopcafe_icon i {
        display: block;
        width: 100px;
        height: 100px;
        line-height: 100px;
        text-align: center;
        font-size: 60px;
        color: #FFF;
        background-color: rgb(255, 155, 34);
    }

    .chopcafe_fetaures_1 .chopcafe_feature_list .single_feature .chopcafe_info {
        margin-left: 20px;
    }

        .chopcafe_fetaures_1 .chopcafe_feature_list .single_feature .chopcafe_info h4 {
            margin-bottom: 12px;
            color: #ff9b22;
        }
/*
	End chopcafe_fetaures section css
*/


/*
	Start chopcafe_menu_2 section css
*/
.chopcafe_menu_2 .bg_overlay {
    background-color: #010a19;
}

.chopcafe_menu_2 {
    padding: 108px 0 60px;
}

    .chopcafe_menu_2 .grid_inner_item:hover {
        background-color: #ff9b22;
        border-color: transparent;
    }

        .chopcafe_menu_2 .grid_inner_item:hover .chopcafe_info h4 {
            color: #fff;
        }

.food_list_box .grid_inner_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 60px;
    background-color: transparent;
    border: 1px solid #ff9b22;
    transition: all .5s;
}

.chopcafe_menu_2 .food_list_box .grid_inner_item .chopcafe_img {
    width: 29.80%;
}

    .chopcafe_menu_2 .food_list_box .grid_inner_item .chopcafe_img img {
        width: 100%;
    }

.chopcafe_menu_2 .food_list_box .grid_inner_item .chopcafe_info {
    width: 70.20%;
    height: 100%;
    padding: 13px 20px 12px;
}

.food_list_box .grid_inner_item .chopcafe_info h3 {
    font-size: 24px;
    margin-bottom: 15px;
}

.chopcafe_menu_2 .chopcafe_info p,
.chopcafe_menu_2 .chopcafe_info h3 a {
    color: #fff;
}

.chopcafe_menu_2 .chopcafe_info h4 {
    color: #ff9b22;
    font-size: 24px;
    margin-bottom: 8px;
}

.food_list_box .overlay_img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 0;
    height: 0;
    background-color: #010a19;
    opacity: .8;
}

.chopcafe_menu_2 .food_list_box:hover .overlay_img {
    width: 88%;
    height: 87%;
    visibility: visible;
}

.food_list_box .grid_inner_item .overlay_content {
    top: 50%;
    left: 50%;
}

.food_list_box .grid_inner_item .chopcafe_img .overlay_content .btn_a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #fff;
    font-size: 16px;
    margin-left: 5px;
    margin-right: 5px;
}

    .food_list_box .grid_inner_item .chopcafe_img .overlay_content .btn_a:hover,
    .food_list_box .grid_inner_item .chopcafe_img .overlay_content .btn_a a:focus {
        background-color: #ff9b22;
        color: #fff;
        border-color: #ff9b22;
    }
/*
	End chopcafe_menu_2 section css
*/

/*
	Start chopcafe_chef section css
*/
.chopcafe_chef_2 .chef_box {
    position: relative;
    padding: 30px 30px 24px;
    background-color: #fff;
    border: 1px solid #ff9b22;
    text-align: center;
    transition: all .5s;
}

    .chopcafe_chef_2 .chef_box:after {
        position: absolute;
        top: 0;
        left: 0;
        content: '';
        background-color: rgb(255, 155, 34);
        width: 0;
        height: 5px;
        transition: all .5s;
    }

    .chopcafe_chef_2 .chef_box:hover:after {
        width: 100%;
    }

    .chopcafe_chef_2 .chef_box:hover {
        background-color: rgb(255, 255, 255);
        box-shadow: 0px 3px 20px 0px rgba(55, 55, 55, 0.2);
        border-color: #fff;
    }

        .chopcafe_chef_2 .chef_box:hover .chopcafe_img .overlay_img {
            opacity: .8;
            visibility: visible;
        }

        .chopcafe_chef_2 .chef_box:hover .chopcafe_img .overlay_content {
            transform: translate(-50%,-50%);
            visibility: visible;
            opacity: 1;
        }

.chopcafe_chef_2 .chopcafe_img {
    margin-bottom: 27px;
}

    .chopcafe_chef_2 .chopcafe_img img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        border: 1px solid #ff9b22;
    }

    .chopcafe_chef_2 .chopcafe_img .overlay_img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        width: 90%;
        height: 90%;
        border-radius: 50%;
        opacity: 0;
        visibility: hidden;
        background-color: #010a19;
        transition: all .5s;
    }

    .chopcafe_chef_2 .chopcafe_img .overlay_content {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-100%);
        opacity: 0;
        visibility: hidden;
        transition: all .5s;
    }

        .chopcafe_chef_2 .chopcafe_img .overlay_content ul li {
            display: inline-block;
            margin-left: 7px;
            margin-right: 7px;
        }

            .chopcafe_chef_2 .chopcafe_img .overlay_content ul li a {
                color: #fff;
                font-size: 18px;
            }

                .chopcafe_chef_2 .chopcafe_img .overlay_content ul li a:hover,
                .chopcafe_chef_2 .chopcafe_img .overlay_content ul li a:focus {
                    color: #ff9b22;
                }

.chopcafe_chef_2 .chef_box .chef_info h3 {
    font-size: 18px;
    margin-bottom: 2px;
}

    .chopcafe_chef_2 .chef_box .chef_info h3 a {
        color: #010a19;
    }

.chopcafe_chef_2 .chef_box .chef_info p {
    color: #ff9b22;
}
/*
	End chopcafe_chef section css
*/

/*
	Start chopcafe_reservation section css
*/
.chopcafe_reservation_2 .reservation_form .form_group i {
    color: #ff9b22;
}

.chopcafe_reservation_2 .reservation_form .form_control {
    color: #fff;
    border-color: #fff;
    background-color: transparent;
}

    .chopcafe_reservation_2 .reservation_form .form_control::placeholder {
        color: #fff;
    }
/*
	End chopcafe_reservation section css
*/

/*
	Start chopcafe_testimonial section css
*/
.chopcafe_testimonial_2 .testimonial_author .author_thumb {
    border: 1px solid #ff9b22;
}

.chopcafe_testimonial_2 .testimonial_slider_1 .slick-dots li button {
    background: #010a19;
}

.chopcafe_testimonial_2 .testimonial_slider_1 .slick-dots li.slick-active button {
    background-color: transparent;
    border-color: #ff9b22;
}

.chopcafe_testimonial_2 .testimonial_author .author_info h4 {
    color: #010a19;
}

.chopcafe_testimonial_2 .testimonial_author .author_info p {
    color: #ff9b22;
}

.chopcafe_testimonial_2 .testimonial_slider_1 .testimonial_info p {
    color: #7D858B;
}
/*
	End chopcafe_testimonial section css
*/

/*
	Start chopcafe_footer section css
*/
.chopcafe_footer_2 .footer_widget_box .widget_time .time_list p,
.chopcafe_footer_2 .widget_title h4 {
    color: #ff9b22;
}

.chopcafe_footer_2 .widget_contact .info_list .info_icon i {
    background-color: #ff9b22;
}

.chopcafe_footer_2 .footer_widget_box .single_news .news_link h3 a:hover,
.chopcafe_footer_2 .footer_widget_box .single_news .news_link h3 a:focus {
    color: #ff9b22;
}

.chopcafe_footer_2 .footer_logo .brand_logo:before,
.chopcafe_footer_2 .footer_logo .brand_logo:after {
    background-color: #ff9b22;
}
/*
	End chopcafe_footer section css
*/
/*>----------------------------------
	End Home_v2.html css
<------------------------------------*/

/*>-----------------------------------------
	09. Start chopcafe_breadcrumb section css
<-------------------------------------------*/
.sticky.header_demo_3.transparent_header {
    top: 0;
}

.header_breadcrumb .chopcafe_menu .main_menu ul li a {
    color: #fff;
}

.chopcafe_breadcrumb {
    position: relative;
    padding: 60px 0 60px;
}

.breadcrumb_content {
    text-align: center;
}

    .breadcrumb_content h2 {
        color: #fff;
        line-height: 50px;
        margin-bottom: 19px;
        letter-spacing:8px;
        font-family:'Microsoft YaHei UI';
    }

    .breadcrumb_content p {
        color: #fff;
    }

    .breadcrumb_content ul li {
        display: inline-block;
        color: #fff;
    }

        .breadcrumb_content ul li.active {
            color: #9ec80e;
        }

        .breadcrumb_content ul li a {
            color: #fff;
        }

        .breadcrumb_content ul li:before {
            content: '||';
            color: #fff;
            margin-left: 1px;
            margin-right: 5px;
        }

        .breadcrumb_content ul li:first-child:before {
            display: none;
        }
/*>-----------------------------------------
	End chopcafe_breadcrumb section css
<-------------------------------------------*/

/*>------------------------
	10. Start About.html css
<--------------------------*/
/*
	Start chopcafe_about section css
*/
.chopcafe_about_3 {
    position: relative;
}

    .chopcafe_about_3 .chopcafe_title .title_divider:after,
    .chopcafe_about_3 .chopcafe_title .title_divider:before {
        background-color: #9ec80e;
    }

    .chopcafe_about_3 .chopcafe_title .title_divider i {
        color: #9ec80e;
    }

.about_content_box {
    position: relative;
}

.about_img_3 {
    position: absolute;
    bottom: -120px;
    right: 0;
}

.chopcafe_about_3 .about_content_box .about_text p {
    margin-bottom: 27px;
}

.chopcafe_about_3 .about_content_box .about_text a.chopcafe_btn {
    margin-top: 27px;
}
/*
	End chopcafe_about section css
*/

/*
	Start chopcafe_project_counter section css
*/
.chopcafe_project_counter {
    padding: 120px 0 116px;
}

    .chopcafe_project_counter .bg_overlay {
        opacity: .8;
    }

    .chopcafe_project_counter .counter_box {
        position: relative;
        padding: 47px 14px 33px;
        width: 180px;
        height: 173px;
        line-height: 180px;
        border: 1px solid #9ec80e;
        text-align: center;
        border-bottom: 0;
        margin: 0 auto 15px auto;
    }

        .chopcafe_project_counter .counter_box:after,
        .chopcafe_project_counter .counter_box:before {
            position: absolute;
            content: '';
            width: 62px;
            height: 1px;
            background: #9ec80e;
        }

        .chopcafe_project_counter .counter_box:after {
            left: 0;
            bottom: 0;
        }

        .chopcafe_project_counter .counter_box:before {
            bottom: 0;
            right: 0;
        }

        .chopcafe_project_counter .counter_box .counter_info {
            margin-bottom: 25px;
        }

            .chopcafe_project_counter .counter_box .counter_info h2 {
                color: #9ec80e;
                font-size: 36px;
                line-height: 44px;
                margin-bottom: 4px;
            }

            .chopcafe_project_counter .counter_box .counter_info h5 {
                color: #fff;
                font-size: 17px;
            }

        .chopcafe_project_counter .counter_box .counter_icon {
            width: 55px;
            height: 55px;
            line-height: 55px;
            margin: 0 auto;
            text-align: center;
            margin-bottom: -85px;
        }

            .chopcafe_project_counter .counter_box .counter_icon i {
                font-size: 35px;
                color: #9ec80e
            }
/*
	End chopcafe_project_counter section css
*/

/*
	Start chopcafe_why_choose section css
*/
.chopcafe_why_choose_1 .content_title .title_divider i {
    color: #9ec80e;
}

.chopcafe_why_choose_1 .content_title .title_divider:after,
.chopcafe_why_choose_1 .content_title .title_divider:before {
    background-color: #9ec80e;
}

.chopcafe_why_choose_1 .choose_text p {
    margin-bottom: 35px;
}

.chopcafe_why_choose_1 .single_choose {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px;
}

    .chopcafe_why_choose_1 .single_choose .choose_icon i {
        display: block;
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        background-color: rgb(141, 199, 63);
        color: #fff;
        font-size: 16px;
    }

    .chopcafe_why_choose_1 .single_choose .choose_info {
        margin-left: 20px;
    }

        .chopcafe_why_choose_1 .single_choose .choose_info p {
            margin-bottom: 0;
        }

.why_choose_img_1 img {
    border: 10px solid #9ec80e;
}

.chopcafe_reservation_4 .chopcafe_title h2 {
    color: #FFF;
}

.chopcafe_reservation_4 .form_control {
    background: transparent;
    border: 1px solid #9ec80e;
    color: #fff;
}

    .chopcafe_reservation_4 .form_control::placeholder {
        color: #fff;
    }

.chopcafe_reservation_4 .form_group i {
    color: #fff;
    position: absolute;
    top: 17px;
    right: 20px;
}

.chopcafe_testimonial_4 .chopcafe_title h2 {
    color: #010a19;
}

.chopcafe_testimonial_4 .testimonial_author .author_info h4 {
    color: #010a19;
}

.chopcafe_testimonial_4 .testimonial_info p {
    color: #7D858B;
}

.chopcafe_testimonial_4 .testimonial_author .author_thumb img {
    border: 1px solid #9ec80e;
}

.chopcafe_testimonial_4 .testimonial_slider_1 .slick-dots li button {
    background: #010a19;
}

.chopcafe_testimonial_4 .testimonial_slider_1 .slick-dots li.slick-active button {
    background: transparent;
}
/*
	End chopcafe_why_choose section css
*/

/*
	Start chopcafe_special_food section css
*/
.food_slider_1 {
    margin-left: -15px;
    margin-right: -15px;
}

.chopcafe_special_food_1 .food_grid_box {
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 65px;
}

.chopcafe_special_food_1 .grid_inner_item .chopcafe_info {
    padding: 27px 30px 26px;
}

    .chopcafe_special_food_1 .grid_inner_item .chopcafe_info h3 a {
        color: #010a19;
        font-weight: bold;
    }

.food_slider_1 .slick-dots {
    bottom: -3px;
}

    .food_slider_1 .slick-dots li button {
        width: 10px;
        height: 10px;
        padding: 0;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        margin-left: 5px;
        margin-right: 5px;
        background-color: rgb(34, 34, 34);
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }

    .food_slider_1 .slick-dots li.slick-active button {
        width: 10px;
        height: 10px;
        background-color: transparent;
        border: 2px solid #9ec80e;
        ;
    }
/*
	End chopcafe_special_food section css
*/
/*>------------------------
	Start About.html css
<--------------------------*/

/*>-----------------------------
	11. Start team.html css
<-------------------------------*/
.chopcafe_chef_4 .chef_box {
    position: relative;
}

    .chopcafe_chef_4 .chef_box:hover .chef_info {
        background-color: #9ec80e;
        opacity: 1;
    }

        .chopcafe_chef_4 .chef_box:hover .chef_info p {
            color: #fff;
        }

    .chopcafe_chef_4 .chef_box .chef_info {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        background-color: #010a19;
        opacity: .8;
        transition: all .5s;
    }

        .chopcafe_chef_4 .chef_box .chef_info h3 {
            font-size: 18px;
        }

            .chopcafe_chef_4 .chef_box .chef_info h3 a {
                color: #FFF;
            }

        .chopcafe_chef_4 .chef_box .chef_info p {
            color: #9ec80e;
        }

.team_main_content_4 {
    margin-bottom: -60px;
}

/*>-----------------------------
	End team.html css
<-------------------------------*/

/*>-----------------------------
	12. Start single_team.html css
<-------------------------------*/
.chopcafe_content_box .member_intro {
    margin-bottom: 23px;
    padding-bottom: 24px;
    border-bottom: 1px solid #e1e1e1;
    margin-top: -10px;
}

    .chopcafe_content_box .member_intro h2 {
        margin-bottom: 13px;
    }

    .chopcafe_content_box .member_intro h4 {
        margin-bottom: 23px;
        color: #9ec80e;
    }

.chopcafe_content_box .member_info {
    overflow: hidden;
}

    .chopcafe_content_box .member_info p {
        margin-bottom: 18px;
    }

.single_team_content .social_widget_box {
    margin-top: 31px;
}

    .single_team_content .social_widget_box h4 {
        margin-bottom: 25px;
    }

        .single_team_content .social_widget_box h4:after {
            display: none;
        }

    .single_team_content .social_widget_box ul.social_widget li a {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
/*>-----------------------------
	End single_team.html css
<-------------------------------*/

/*>------------------------x
	13. Start cart.html css
<--------------------------*/
.table {
    margin-bottom: 0;
    color: #7D858B;
}

    .table td,
    .table th {
        border-color: #e1e1e1;
    }

.chopcafe_product_table table.chopcafe_table thead {
    background-color: #9ec80e;
    border: 1px solid #9ec80e;
}

table.chopcafe_table th {
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    text-transform: capitalize;
    border: none;
    padding: 20px;
}

.chopcafe_product_table table.chopcafe_table th,
.chopcafe_product_table table.chopcafe_table td {
    vertical-align: middle;
    text-align: center;
    border-color: #e1e1e1;
}

table.chopcafe_table td {
    border: 1px solid #e1e1e1;
    padding: 10px 10px;
    border-top: none;
}

.item_quantity button:hover,
.item_quantity button:focus {
    background: #9ec80e;
    color: #fff;
    border-color: #fff;
}

.item_quantity input,
.item_quantity button {
    width: 40px;
    height: 40px;
    border: 1px solid #e1e1e1;
    background: transparent;
    color: #7D858B;
    font-size: 16px;
}

.item_quantity input {
    width: 80px !important;
    height: 38px;
    margin-left: 10px;
    margin-right: 10px;
}

.chopcafe_shoping_coupon {
    padding: 22px 30px 30px;
    border: 1px solid #e1e1e1;
    margin-bottom: 60px;
}

    .chopcafe_shoping_coupon h4 {
        margin-bottom: 18px;
    }

.chopcafe_update_cart {
    margin-bottom: 60px;
    margin-top: 30px;
}

    .chopcafe_update_cart .update_cart {
        float: right;
    }

        .chopcafe_update_cart .update_cart a {
            margin-left: 26px;
        }

            .chopcafe_update_cart .continue_shopping a i,
            .chopcafe_update_cart .update_cart a i {
                margin-right: 10px;
            }

.coupon_box {
    position: relative;
}

    .coupon_box .form_control {
        width: 100%;
        height: 50px;
        padding: 20px 20px;
        border: 1px solid #e1e1e1;
    }

    .coupon_box .chopcafe_btn {
        position: absolute;
        right: 0;
        padding: 12px 24px;
        bottom: 0;
    }

        .coupon_box .chopcafe_btn i {
            margin-right: 10px;
        }

.cupon_box {
    position: relative;
}

.coupon_box .chopcafe_btn:after,
.coupon_box .chopcafe_btn:before {
    height: 50px;
}

.chopcafe_cart_total table thead th {
    background-color: #9ec80e;
    text-align: center;
    padding: 22px 0;
    color: #fff;
    font-family: 'Roboto Slab', serif;
    border: none;
}

.checkout_button {
    margin-top: 35px;
    text-align: center;
}

    .checkout_button .checkout_btn {
        display: block;
        background-color: #9ec80e;
        color: #fff;
        width: 100%;
        height: 50px;
        line-height: 50px;
    }

.shipping_form .form_control {
    padding: 20px;
}

.shipping_form .form_control,
.shipping_form .selectoption {
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding-left: 20px;
    border: 1px solid #e1e1e1;
}

.shipping_form .nice-select.selectoption {
    margin-bottom: 30px;
    border-color: #e1e1e1;
}

.shipping_form .form_group {
    margin-bottom: 30px;
}

.shipping_form .shipping_btn {
    width: 100%;
    height: 50px;
    background-color: #9ec80e;
    color: #fff;
    font-size: 18px;
}

.chopcafe_cart_total,
.shipping_content_box,
.chopcafe_cart_note {
    padding: 22px 30px 30px;
    border: 1px solid #e1e1e1;
}

    .shipping_content_box h4,
    .chopcafe_cart_note h4 {
        margin-bottom: 12px;
    }

    .shipping_content_box p,
    .chopcafe_cart_note p {
        margin-bottom: 10px;
    }

    .chopcafe_cart_note .form_control {
        max-height: 400px;
        height: 300px;
        border: none;
        border: 1px solid #e1e1e1;
        padding: 20px;
        font-size: 16px;
    }

    .chopcafe_cart_total table {
        width: 100%;
    }

        .chopcafe_cart_total table tbody tr td {
            padding: 10px 0px;
        }

            .chopcafe_cart_total table tbody tr td span.price {
                float: right;
            }

            .chopcafe_cart_total table tbody tr td span.gtotal,
            .chopcafe_cart_total table tbody tr td span.gprice {
                font-size: 18px;
                font-weight: bold;
            }
/*>-----------------------------
	End cart.html css
<-------------------------------*/

/*>-----------------------------
	14. Start checkout.html css
<-------------------------------*/
.form_title {
    background: #9ec80e;
    text-align: center;
    padding: 14px 20px 20px;
    border: 1px solid #9ec80e;
}

    .form_title h4 {
        text-transform: capitalize;
        color: #fff;
    }

.checkout_form {
    padding: 25px 30px 15px;
    border: 1px solid #e1e1e1;
    border-top: 0;
}

    .checkout_form label {
        font-size: 16px;
        color: #010a19;
        font-weight: 500;
        margin-bottom: 5px;
    }

    .checkout_form .form_group {
        margin-bottom: 13px;
    }

    .checkout_form .selectoption.nice-select {
        width: 100%;
        border-color: #e1e1e1;
        margin-bottom: 12px;
    }

    .checkout_form .form_control {
        border-color: #e1e1e1;
    }

    .checkout_form textarea {
        height: 80px;
        padding: 11px 20px 20px;
    }

    .checkout_form .address_input {
        margin-bottom: 20px;
    }

.billing_order_confirm .chopcafe_table thead {
    background-color: #9ec80e;
    text-align: center;
    border: 1px solid #9ec80e;
}

    .billing_order_confirm .chopcafe_table thead th {
        padding: 15px 15px;
        font-size: 24px;
        text-transform: capitalize;
    }

.billing_order_confirm table.chopcafe_table td {
    border-color: #e1e1e1;
}

.billing_order_confirm,
.billing_details {
    margin-bottom: 60px;
}

.payment_confirm {
    border: 1px solid #e1e1e1;
}

.method_select {
    padding: 30px;
}

    .method_select .single_checkbox:last-child {
        margin-bottom: 0;
    }
/*>-----------------------------
	End checkout.html css
<-------------------------------*/

/*>-----------------------------
	15. Start thanks.html css
<-------------------------------*/
.chopcafe_thanks {
    padding: 118px 0 120px;
}

.chopcafe_thanks_content h2 {
    font-size: 80px;
    color: #9ec80e;
    margin-bottom: 45px;
}

.chopcafe_thanks_content h4 {
    margin-bottom: 57px;
    line-height: 34px;
}

.chopcafe_thanks_content .chopcafe_btn {
    padding: 12px 33px;
}
/*>-----------------------------
	End thanks.html css
<-------------------------------*/

/*>-----------------------------
	16. Start Festival.html css
<-------------------------------*/
.chopcafe_featured_festival {
    padding: 120px 0 90px;
}

    .chopcafe_featured_festival .grid_item {
        margin-bottom: 30px;
    }

        .chopcafe_featured_festival .grid_item .chopcafe_img .overlay_img_2 {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: .8;
            background-color: #010a19;
        }

    .chopcafe_featured_festival .gallery_item .grid_inner_item .overlay_img_2:after {
        display: none;
    }

    .chopcafe_featured_festival .grid_item .chopcafe_img .overlay_content_2 {
        position: absolute;
        bottom: 25px;
        left: 30px;
        transform: translate(0,0);
        opacity: 1;
    }

        .chopcafe_featured_festival .grid_item .chopcafe_img .overlay_content_2 h3 {
            margin-bottom: 13px;
        }

        .chopcafe_featured_festival .grid_item .chopcafe_img .overlay_content_2 p {
            color: #fff;
        }

            .chopcafe_featured_festival .grid_item .chopcafe_img .overlay_content_2 p i {
                margin-right: 10px;
            }

        .chopcafe_featured_festival .grid_item .chopcafe_img .overlay_content_2 h3 a {
            color: #fff;
        }

.chopcafe_festival_attend .counter_box_2 {
    text-align: center;
}

    .chopcafe_festival_attend .counter_box_2 .counter_icon {
        margin-bottom: 18px;
    }

        .chopcafe_festival_attend .counter_box_2 .counter_icon i {
            color: #fff;
            font-size: 32px;
            width: 80px;
            height: 80px;
            line-height: 80px;
            text-align: center;
            background-color: #9ec80e;
        }

    .chopcafe_festival_attend .counter_box_2 .counter_info h2 {
        margin-bottom: 18px;
    }

    .chopcafe_festival_attend .counter_box_2 .counter_info h2,
    .chopcafe_festival_attend .counter_box_2 .counter_info h5 {
        color: #fff;
    }

.chopcafe_festival_video .chopcafe_content_box h3 {
    margin-bottom: 27px;
    color: #9ec80e;
}

.chopcafe_festival_video .chopcafe_content_box p {
    margin-bottom: 35px;
}

.festival_image_box .play_button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.festival_image_box .overlay_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #010a19;
    opacity: .8;
}

.festival_image_box .play_button a.play_btn {
    display: block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    color: #fff;
    font-size: 48px;
    background-color: #9ec80e;
    text-align: center;
    border-radius: 50%;
}

.chopcafe_festival_speaker {
    margin-bottom: -60px;
}

.chopcafe_festival_volunteer .chopcafe_title {
    margin-bottom: 47px;
}

.chopcafe_festival_volunteer .volunteer_content_box p {
    margin-bottom: 55px;
    color: #fff;
}

.chopcafe_festival_blog {
    margin-bottom: -60px;
}

.single_sponser {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: 10px;
    margin-right: 10px;
}

    .single_sponser img {
        margin: 0 auto;
    }
/*>-----------------------------
	End Festival.html css
<-------------------------------*/

/*>-----------------------------
	17. Start login.html css
<-------------------------------*/
.chopcafe_form_wrapper {
    position: relative;
    padding: 150px 0;
}

.form_overlay {
    position: absolute;
    right: 0;
    top: 0;
    width: 60%;
    height: 100%;
    opacity: .8;
    background-color: rgb(141, 199, 63);
    z-index: 1;
}

.chopcafe_form_wrapper:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 40%;
    height: 100%;
    background-color: #fff;
}

.chopcafe_form_wrapper:after {
    position: absolute;
    top: 0;
    right: 0;
    content: '';
    width: 60%;
    height: 100%;
    background: url(../images/login_bg.jpg) no-repeat;
    background-size: cover;
}

.login_title h3 {
    color: #9ec80e;
    text-transform: uppercase;
    margin-bottom: 55px;
}

.chopcafe_form_wrapper .form_wrapper {
    position: relative;
    z-index: 1;
    padding: 60px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.15);
}

.form_wrapper .signup_form,
.form_wrapper .login_form {
    margin-bottom: 50px;
    overflow: hidden;
}

.form_wrapper .form_group {
    position: relative;
    margin-bottom: 30px;
}

    .form_wrapper .form_group .form_control {
        height: 60px;
    }

.form_wrapper .form_icon {
    display: block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 16px;
    background-color: rgb(141, 199, 63);
    color: #fff;
}

.form_wrapper .fa-eye {
    position: absolute;
    top: 23px;
    right: 23px;
    color: #7D858B;
    font-size: 16px;
}

.form_wrapper .form_button {
    overflow: hidden;
}

    .form_wrapper .form_button .forgot_link {
        margin-top: 11px;
        display: inline-block;
        font-size: 16px;
    }

.form_wrapper .login_form .form_button .chopcafe_btn {
    float: right;
}

.divider_text {
    margin-bottom: 51px;
    position: relative;
}

    .divider_text span {
        position: relative;
    }

    .divider_text:after {
        right: 0;
    }

    .divider_text:before {
        left: 0;
    }

    .divider_text:after,
    .divider_text:before {
        display: inline-block;
        position: absolute;
        top: 14px;
        content: '';
        width: 45.5%;
        height: 1px;
        background-color: #9ec80e;
    }

.form_wrapper .social_group {
    margin-bottom: 25px;
}

.social_login p a {
    color: #9ec80e;
}

.form_wrapper .social_group .form_icon {
    background-color: #7fad40;
}

.form_wrapper .social_group a.social_link {
    display: block;
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    background-color: #9ec80e;
    color: #fff;
    padding: 0 20px;
}

.form_wrapper .social_group p a {
    color: #9ec80e;
}

.form_wrapper.signup_wrapper .social_group {
    margin-bottom: 0;
}

.signup_form .single_checkbox {
    margin-bottom: 30px;
}

.company_logo {
    position: relative;
    z-index: 1;
}
/*>-----------------------------
	End login.html css
<-------------------------------*/

/*>-----------------------------
	18. Start 404.html css
<-------------------------------*/
.error_content {
    text-align: center;
}

    .error_content .chopcafe_img {
        margin-bottom: 32px;
    }

    .error_content p {
        margin-bottom: 35px;
    }

    .error_content .chopcafe_btn {
        padding: 12px 55px;
        text-transform: capitalize;
        font-size: 16px;
    }
/*>-----------------------------
	End 404.html css
<-------------------------------*/

/*>-----------------------------
	19. Start menu_v1.html css
<-------------------------------*/
.chopcafe_tab_pane {
    background-color: #fff;
}

.chopcafe_menu_tab {
    margin-bottom: 60px;
}

    .chopcafe_menu_tab .nav-tabs {
        display: inline-flex;
        border: none;
        justify-content: center;
    }

    .chopcafe_menu_tab .nav-item {
        margin-left: 20px;
        margin-right: 20px;
    }

    .chopcafe_menu_tab .nav-tabs .nav-link.active,
    .chopcafe_menu_tab .nav-tabs .nav-link {
        position: relative;
        padding: 12px 26px;
        background-color: transparent;
        border: 1px solid #e1e1e1;
        color: #010a19;
        font-size: 16px;
        text-transform: uppercase;
        border-radius: 0;
        z-index: 1;
        transition: all .5s;
    }

        .chopcafe_menu_tab .nav-tabs .nav-link.active {
            background-color: #9ec80e;
            color: #fff;
            border: 1px solid #9ec80e;
        }

        .chopcafe_menu_tab .nav-tabs .nav-link:hover:after,
        .chopcafe_menu_tab .nav-tabs .nav-link:hover:before {
            width: 55%;
            color: #fff;
        }

        .chopcafe_menu_tab .nav-tabs .nav-link:after,
        .chopcafe_menu_tab .nav-tabs .nav-link:before {
            position: absolute;
            content: '';
            width: 0;
            top: 0;
            background-color: #9ec80e;
            height: 100%;
            z-index: -1;
            transition: all .5s;
        }

        .chopcafe_menu_tab .nav-tabs .nav-link:after {
            right: 0;
            margin-right: -1px;
        }

        .chopcafe_menu_tab .nav-tabs .nav-link:before {
            left: 0;
            margin-left: -1px;
        }

        .chopcafe_menu_tab .nav-tabs .nav-link.active,
        .chopcafe_menu_tab .nav-tabs .nav-link:hover,
        .chopcafe_menu_tab .nav-tabs .nav-link:focus {
            color: #fff;
            border-color: #9ec80e;
        }

.chopcafe_menu_4,
.chopcafe_menu_5 {
    margin-bottom: -60px;
}

    .chopcafe_menu_4 .food_list_box:hover {
        background-color: #9ec80e; /*#010a19#e1e1e1;*/
    }

        .chopcafe_menu_4 .food_list_box:hover .chopcafe_info h3 a,
        .chopcafe_menu_4 .food_list_box:hover .chopcafe_info p,
        .chopcafe_menu_4 .food_list_box:hover .chopcafe_info h5 {
            color: #fff;
        }

    .chopcafe_menu_4 .food_list_box .grid_inner_item {
        padding: 20px;
        align-items: center;
        background-color: transparent;
        border-color: #9ec80e;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .chopcafe_menu_4 .food_list_box .grid_inner_item .chopcafe_img {
            width: 27.5%;
        }

    .chopcafe_menu_4 .food_list_box .chopcafe_info {
        margin-left: 30px;
        width: 72.5%;
    }

        .chopcafe_menu_4 .food_list_box .chopcafe_info h3 {
            margin-bottom: 12px;
        }

            .chopcafe_menu_4 .food_list_box .chopcafe_info h3 a {
                color: #010a19;
            }

        .chopcafe_menu_4 .food_list_box .chopcafe_info h5 {
            margin-bottom: 10px;
        }
    /*>-----------------------------
	End menu_v1.html css
<-------------------------------*/

    /*>-----------------------------
	20. Start menu_v2.html css
<-------------------------------*/
    .chopcafe_menu_5 .chopcafe_menu_item_box {
        border: none;
    }

    .chopcafe_menu_5 .food_grid_box .grid_inner_item .chopcafe_info h3:after {
        display: block;
        content: '';
        width: 60px;
        height: 1px;
        background-color: #9ec80e;
        margin: 13px 0;
    }
/*>-----------------------------
	End menu_v2.html css
<-------------------------------*/

/*>-----------------------------
	21. Start gallery_v1.html css
<-------------------------------*/
.gallery_item .grid_item {
    margin-bottom: 30px;
}

    .gallery_item .grid_item:hover .grid_inner_item .overlay_img {
        visibility: visible;
        opacity: .8;
    }

.gallery_item .grid_inner_item .overlay_img {
    top: 0;
    left: 0;
}

.gallery_item .grid_inner_item .overlay_content {
    top: 50%;
    left: 50%;
}

.gallery_item .grid_item .overlay_content a.btn_a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #9ec80e;
}
/*>-----------------------------
	End gallery_v1.html css
<-------------------------------*/

/*>-----------------------------
	22. Start gallery_v2.html css
<-------------------------------*/
.chopcafe_gallery_2,
.chopcafe_gallery_3 {
    margin-bottom: -30px;
}
/*>-----------------------------
	End gallery_v2.html css
<-------------------------------*/

/*>--------------------------
	23. Start shop_grid.html css
<-----------------------------*/
.shop_filter {
    margin-bottom: 60px;
    padding-bottom: 60px;
    border-bottom: 1px solid #e1e1e1;
}

.shop_sort {
    float: right;
}

    .shop_sort span {
        margin-right: 20px;
    }

.shop_filter .shop_sort .selectoption.nice-select {
    width: 200px;
}

.selectoption.nice-select {
    height: 50px;
    line-height: 50px;
    border-radius: 0;
    color: #7D858B;
    border: 1px solid#e1e1e1;
}

.nice-select.open .list {
    width: 100%;
}

.selectoption.nice-select:after {
    font-size: 16px;
    padding: 0;
    content: '\f107';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    border: 0;
    transform-origin: 0;
    transform: rotate(0deg);
    height: 0;
    margin-top: -20px;
    width: 0;
    right: 25px;
    top: 21px;
}

.shop_filter .shop_link ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .shop_filter .shop_link ul li {
        display: inline-block;
        margin-right: 26px;
    }

        .shop_filter .shop_link ul li a {
            display: block;
            width: 50px;
            height: 50px;
            line-height: 50px;
            text-align: center;
            font-size: 18px;
            color: #7D858B;
            border: 1px solid #e1e1e1;
            transition: all .5s;
        }

.active_link {
    background-color: #9ec80e;
    color: #fff !important;
}

.shop_filter .shop_link ul li a:hover,
.shop_filter .shop_link ul li a:focus {
    background-color: #9ec80e;
    color: #fff;
}

.chopcafe_grid_shop .grid_inner_item .chopcafe_info {
    padding: 24px 30px 22px;
    text-align: center;
}

    .chopcafe_grid_shop .grid_inner_item .chopcafe_info h3 {
        font-size: 24px;
        margin-bottom: 9px;
    }

        .chopcafe_grid_shop .grid_inner_item .chopcafe_info h3 a {
            color: #010a19;
        }

    .chopcafe_grid_shop .grid_inner_item .chopcafe_info ul.rating {
        margin-bottom: 8px;
    }

.grid_inner_item .chopcafe_info ul li {
    display: inline-block;
}

.chopcafe_grid_shop .grid_item {
    margin-bottom: 60px;
}

.chopcafe_grid_shop .food_grid_box:hover .grid_inner_item .overlay_img:after {
    width: 90%;
    height: 90%;
}

.chopcafe_list_shop .grid_item:hover .grid_inner_item .chopcafe_info,
.chopcafe_grid_shop .grid_item:hover .grid_inner_item .chopcafe_info {
    border-color: #fff;
}
/*>--------------------------
	End shop_grid.html css
<-----------------------------*/

/*>--------------------------
	24.Start shop_list.html css
<-----------------------------*/
.chopcafe_list_shop .grid_item:hover {
    box-shadow: 0px 5px 30px 0px rgba(55, 55, 55, 0.26);
}

.shop_list_1 .grid_inner_item {
    background-color: #fff;
    border: none;
}

    .shop_list_1 .grid_inner_item .chopcafe_img {
        position: relative;
        width: 31.62%;
    }

        .shop_list_1 .grid_inner_item .chopcafe_img img {
            width: 100%;
        }

    .shop_list_1 .grid_inner_item .chopcafe_info {
        width: 68.38%;
        padding: 23px 30px 25px 30px;
        border: 1px solid #e1e1e1;
        border-left: 0;
    }

.chopcafe_list_shop .grid_inner_item .chopcafe_info h3 {
    margin-bottom: 28px;
}

    .chopcafe_list_shop .grid_inner_item .chopcafe_info h3 a {
        color: #010a19;
    }

.chopcafe_list_shop .grid_inner_item .chopcafe_info span.price {
    font-size: 24px;
    color: #7D858B;
    margin-bottom: 22px;
    display: block;
}

.chopcafe_list_shop .grid_inner_item .chopcafe_info ul {
    margin-bottom: 18px;
}

.chopcafe_list_shop .food_list_box .overlay_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transform: translate(0,0);
}

.chopcafe_list_shop .food_list_box:hover .overlay_img {
    visibility: visible;
    opacity: .8;
}

.chopcafe_list_shop .food_list_box:hover span.new {
    display: none;
}

.chopcafe_list_shop .food_list_box .chopcafe_img span.new {
    position: absolute;
    left: 20px;
    top: 20px;
    width: 60px;
    height: 30px;
    line-height: 30px;
    background-color: #9ec80e;
    text-align: center;
    color: #fff;
    font-size: 16px;
    text-transform: capitalize;
    z-index: 1;
}

.chopcafe_list_shop .food_list_box .grid_inner_item .chopcafe_img .overlay_content .btn_a {
    width: 40px;
    height: 40px;
    line-height: 40px;
}

.shop_list_sidebar_1 .food_list_box .grid_inner_item .chopcafe_img .overlay_content .btn_a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
}

.chopcafe_list_shop .grid_inner_item .chopcafe_img .overlay_content a.btn_a:hover,
.chopcafe_list_shop .grid_inner_item .chopcafe_img .overlay_content a.btn_a:focus {
    background-color: #9ec80e;
    border-color: #9ec80e;
}

.pagination_list ul li {
    display: inline-block;
    margin-left: 18px;
}

    .pagination_list ul li a {
        display: block;
        width: 50px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        border: 1px solid #e1e1e1;
        font-size: 18px;
        color: #7D858B;
        transition: all .5s;
    }

        .pagination_list ul li a:hover,
        .pagination_list ul li a:focus {
            background-color: #9ec80e;
            color: #fff;
            border-color: #9ec80e;
        }
/*>--------------------------
	End shop_list.html css
<-----------------------------*/

/*>------------------------------------
	25. Start shop_list_sidebar.html css
<--------------------------------------*/
.shop_list_sidebar_1 .grid_inner_item {
    background-color: #fff;
    border: none;
}

    .shop_list_sidebar_1 .grid_inner_item .chopcafe_img {
        width: 35%;
    }

    .shop_list_sidebar_1 .grid_inner_item .chopcafe_info {
        width: 65%;
        padding: 23px 30px 25px 30px;
        border: 1px solid #e1e1e1;
        border-left: 0;
    }

.sidebar_widget_box:last-child {
    margin-bottom: 0;
}

.sidebar_widget_box {
    padding: 23px 30px 25px;
    border: 1px solid #e1e1e1;
    margin-bottom: 60px;
}

    .sidebar_widget_box.search_box {
        padding: 23px 30px 30px;
    }

    .sidebar_widget_box .widget_title {
        margin-bottom: 30px;
    }

        .sidebar_widget_box .widget_title h4 {
            padding-bottom: 25px;
            border-bottom: 1px solid #e1e1e1;
            text-transform: capitalize;
        }

    .sidebar_widget_box .widget_form .form_group {
        position: relative;
    }

        .sidebar_widget_box .widget_form .form_group i {
            position: absolute;
            right: 15px;
            top: 19px;
        }

    .sidebar_widget_box .widget_form .form_control {
        width: 100%;
        border: 1px solid #e1e1e1;
        height: 50px;
        padding-left: 15px;
    }

.wb_check_list .single_checkbox:last-child {
    margin-bottom: 0;
}

.single_checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
}

.single_input {
    display: none;
}

    .single_input:checked + .single_input_label {
        color: #9ec80e;
    }

        .single_input:checked + .single_input_label:after {
            opacity: 1;
        }

        .single_input:checked + .single_input_label:before {
            border-color: #9ec80e;
        }

.single_input_label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    cursor: pointer;
    margin-bottom: 0px;
}

.single_checkbox span {
    margin-left: 30px;
    margin-top: -2px;
}

.single_input_label:before {
    content: '';
    width: 20px;
    height: 20px;
    border: 1px solid #e1e1e1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
}

.single_input_label:after {
    position: absolute;
    top: 5px;
    left: 5px;
    content: '';
    width: 10px;
    height: 10px;
    line-height: 10px;
    text-align: center;
    display: block;
    overflow: hidden;
    text-align: center;
    opacity: 0;
    -webkit-transition: .2s opacity;
    -o-transition: .2s opacity;
    transition: .2s opacity;
}

.sigle_input_check:before {
    border-color: #e1e1e1;
}

.sigle_input_check:after {
    background: #9ec80e;
    border-color: #e1e1e1;
}

.widget_menu_area .single_menu:last-child {
    margin-bottom: 5px;
}

.widget_menu_area .single_menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px;
}

    .widget_menu_area .single_menu .menu_info {
        margin-left: 15px;
    }

        .widget_menu_area .single_menu .menu_info h3 {
            font-size: 18px;
            margin-bottom: 6px;
        }

            .widget_menu_area .single_menu .menu_info h3 a {
                color: #010a19;
            }

        .widget_menu_area .single_menu .menu_info p {
            line-height: 20px;
        }

        .widget_menu_area .single_menu .menu_info ul li {
            display: inline-block;
        }

#price_slider.ui-widget.ui-widget-content {
    border: none;
    background-color: #7D858B;
    border-radius: 0;
    height: 5px;
}

#price_slider.ui-slider .ui-slider-handle {
    width: 20px;
    height: 20px;
    border-radius: 0;
    border: none;
    background-color: #9ec80e;
    top: -8px;
    outline: none;
}

#price_slider .ui-widget-header {
    background: #9ec80e;
}

.price_ranger p {
    margin-top: 32px;
    color: #7D858B;
}

.tags_box {
    padding: 23px 30px 15px;
}

    .tags_box ul li {
        display: inline-block;
        margin-right: 10px;
        margin-bottom: 15px;
    }

        .tags_box ul li:last-child {
            margin-bottom: 0px;
        }

        .tags_box ul li a {
            display: block;
            padding: 10px 25px;
            color: #7D858B;
            border: 1px solid #e1e1e1;
            font-size: 16px;
            text-transform: capitalize;
            transition: all .5s;
        }

            .tags_box ul li a:hover,
            .tags_box ul li a:focus {
                color: #fff;
                background-color: #9ec80e;
            }
/*>------------------------------------
	End shop_list_sidebar.html css
<--------------------------------------*/

/*>-----------------------------
	26. Start shop_details.html css
<----------------------------------*/
.gallery_big {
    padding: 30px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 30px 0px rgba(65, 65, 65, 0.15);
    margin-bottom: 30px;
}

.single_img img {
    width: 100%;
}

.gallery_small .single_img {
    margin-left: 15px;
    margin-right: 15px;
}

ul.rating li {
    display: inline-block;
}

    ul.rating li:nth-child(1) i,
    ul.rating li:nth-child(2) i,
    ul.rating li:nth-child(3) i,
    ul.rating li:nth-child(4) i {
        color: #ff9b22;
    }

.product_details_area span.stock {
    color: #9ec80e;
}

.reteing_content span {
    display: inline-block;
}

.product_details_area h3.product_title {
    margin-bottom: 22px;
}

.product_details_area ul.rating {
    margin-bottom: 18px;
}

.product_details_area p.price {
    margin-bottom: 15px;
    color: #010a19;
}

    .product_details_area p.price span:nth-child(1) {
        font-weight: bold;
    }

    .product_details_area p.price span:nth-child(2) {
        margin-left: 25px;
    }

.product_details_area p.stock {
    padding-bottom: 25px;
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 22px;
}

    .product_details_area p.stock span {
        color: #9ec80e;
    }

.product_details_area p.discription {
    padding-bottom: 23px;
}

.product_details_area form {
    margin-top: 32px;
}

    .product_details_area form input {
        width: 50px !important;
        height: 48px;
        font-size: 16px;
        border: 1px solid #e1e1e1;
        border-right: 0;
        border-left: 0;
    }

    .product_details_area form .nice-number {
        position: relative;
    }

        .product_details_area form .nice-number button {
            width: 50px;
            height: 50px;
            font-size: 16px;
            border: 1px solid #e1e1e1;
            background-color: transparent;
            transition: all .5s;
        }

            .product_details_area form .nice-number button:hover,
            .product_details_area form .nice-number button:focus {
                background-color: #9ec80e;
                color: #fff;
            }

    .product_details_area form button.cart_btn {
        margin-left: 60px;
    }

.chopcafe_product_tab {
    margin-top: 120px;
    margin-bottom: 109px;
}

    .chopcafe_product_tab .nav-tabs {
        border-bottom: 1px solid #dee2e6;
        padding-bottom: 30px;
    }

        .chopcafe_product_tab .nav-tabs .nav-link {
            display: block;
            padding: 15px 30px;
            border: 1px solid #e1e1e1;
            border-radius: 0;
            text-transform: capitalize;
            font-size: 18px;
            margin-right: 15px;
            transition: all .5s;
        }

            .chopcafe_product_tab .nav-tabs .nav-link:hover,
            .chopcafe_product_tab .nav-tabs .nav-link:focus {
                background-color: #9ec80e;
                color: #fff;
                border-color: #9ec80e;
            }

            .chopcafe_product_tab .nav-tabs .nav-link.active {
                background-color: #9ec80e;
                color: #fff;
                border-color: #9ec80e;
            }

#product_discription p {
    margin-bottom: 25px;
}

#product_discription ul li:before {
    content: '\f00c';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 10px;
    color: #9ec80e;
}

.review_area .single_review {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 60px;
}

    .review_area .single_review .author_thumb {
        width: 8.55%;
    }

        .review_area .single_review .author_thumb img {
            width: 110px;
            max-width: 110px;
        }

    .review_area .single_review .author_text {
        width: 91.45%;
        margin-left: 30px;
    }

        .review_area .single_review .author_text h5 {
            margin-bottom: 8px;
        }

            .review_area .single_review .author_text h5 span {
                float: right;
            }

.review_form {
    padding: 30px;
}

.review_form {
    padding: 30px;
    border: 1px solid #e1e1e1;
}

    .review_form h4 {
        padding-bottom: 25px;
        border-bottom: 1px solid #e1e1e1;
    }

    .review_form h5 {
        margin-bottom: 10px;
    }

    .review_form form {
        margin-top: 30px;
    }

        .review_form form .form_group {
            margin-bottom: 30px;
        }

        .review_form form .form_control {
            border: 1px solid #e1e1e1;
            width: 100%;
            height: 50px;
        }

        .review_form form textarea {
            min-height: 200px;
            max-height: 500px;
        }

.chopcafe_shop_details .releted_menu {
    margin-bottom: -60px;
}

    .chopcafe_shop_details .releted_menu h4 {
        padding-bottom: 25px;
        border-bottom: 1px solid #e1e1e1;
        margin-bottom: 60px;
    }

.rating_star {
    font-size: inherit;
    margin-bottom: 20px;
}

    .rating_star label {
        display: inline-block;
        cursor: pointer;
        margin-bottom: 0;
    }

        .rating_star label:after {
            content: "\2605";
            font-size: 20px;
            color: #010a19;
        }

        .rating_star label:hover:after {
            color: #ff9b22;
        }

    .rating_star input {
        display: none;
    }

.review_form .rating_star #star_1:checked ~ label[for=star_1]:after,
.review_form .rating_star #star_2:checked ~ label[for=star_2]:after,
.review_form .rating_star #star_3:checked ~ label[for=star_3]:after,
.review_form .rating_star #star_4:checked ~ label[for=star_4]:after,
.review_form .rating_star #star_5:checked ~ label[for=star_5]:after {
    color: #ff9b22;
}

.review_form .rating_star #star_2:checked ~ label[for=star_1]:after {
    color: #ff9b22;
}

.review_form .rating_star #star_3:checked ~ label[for=star_1]:after,
.review_form .rating_star #star_3:checked ~ label[for=star_2]:after {
    color: #ff9b22;
}

.review_form .rating_star #star_4:checked ~ label[for=star_1]:after,
.review_form .rating_star #star_4:checked ~ label[for=star_2]:after,
.review_form .rating_star #star_4:checked ~ label[for=star_3]:after {
    color: #ff9b22;
}

.review_form .rating_star #star_5:checked ~ label[for=star_1]:after,
.review_form .rating_star #star_5:checked ~ label[for=star_2]:after,
.review_form .rating_star #star_5:checked ~ label[for=star_3]:after,
.review_form .rating_star #star_5:checked ~ label[for=star_4]:after {
    color: #ff9b22;
}
/*>-----------------------------
	End shop_details.html css
<----------------------------------*/

/*>-----------------------------
	27. Start blog_2_column.html css
<-------------------------------*/
.blog_standard_main .grid_inner_item .overlay_img,
.chopcafe_blog_2_column .grid_inner_item .overlay_img {
    bottom: 0;
    left: 0;
    height: 90px;
    opacity: .8;
    visibility: visible;
}

.blog_standard_main .grid_inner_item .overlay_content,
.chopcafe_blog_2_column .grid_inner_item .overlay_content {
    bottom: 26px;
    left: 30px;
    transform: translate(0,0);
    visibility: visible;
    opacity: 1;
}

    .chopcafe_blog_2_column .grid_inner_item .overlay_content img,
    .blog_standard_main .grid_inner_item .overlay_content img {
        max-width: 60px;
    }

    .blog_standard_main .grid_inner_item .overlay_content span,
    .chopcafe_blog_2_column .grid_inner_item .overlay_content span {
        display: block;
        margin-top: 8px;
        color: #fff;
    }

        .blog_standard_main .grid_inner_item .overlay_content span a,
        .chopcafe_blog_2_column .grid_inner_item .overlay_content span a {
            color: #fff;
        }

.blog_standard_main .grid_item .chopcafe_info,
.chopcafe_blog_2_column .grid_item .chopcafe_info {
    padding: 25px 30px 23px;
    border: 1px solid #e1e1e1;
    border-top: none;
}

    .blog_standard_main .grid_item .chopcafe_info .post_info h3,
    .chopcafe_blog_2_column .grid_item .chopcafe_info .post_info h3 {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 22px;
    }

        .blog_standard_main .grid_item .chopcafe_info .post_info h3 a,
        .chopcafe_blog_2_column .grid_item .chopcafe_info .post_info h3 a {
            color: #010a19;
        }

    .blog_standard_main .grid_item .chopcafe_info .post_info p,
    .chopcafe_blog_2_column .grid_item .chopcafe_info .post_info p {
        margin-bottom: 17px;
    }

    .blog_standard_main .grid_item .chopcafe_info .post_meta ul li:before,
    .chopcafe_blog_2_column .grid_item .chopcafe_info .post_meta ul li:before {
        content: '|';
        display: inline-block;
        margin-left: 15px;
        margin-right: 18px;
    }

    .blog_standard_main .grid_item .chopcafe_info .post_meta ul li:last-child:before,
    .blog_standard_main .grid_item .chopcafe_info .post_meta ul li:first-child:before,
    .chopcafe_blog_2_column .grid_item .chopcafe_info .post_meta ul li:last-child:before,
    .chopcafe_blog_2_column .grid_item .chopcafe_info .post_meta ul li:first-child:before {
        display: none;
    }

    .blog_standard_main .grid_item .chopcafe_info .post_meta ul li:last-child,
    .chopcafe_blog_2_column .grid_item .chopcafe_info .post_meta ul li:last-child {
        float: right;
    }

    .blog_standard_main .grid_item .chopcafe_info .post_meta ul li a,
    .chopcafe_blog_2_column .grid_item .chopcafe_info .post_meta ul li a {
        color: #7D858B;
    }

        .blog_standard_main .grid_item .chopcafe_info .post_meta ul li a:hover,
        .blog_standard_main .grid_item .chopcafe_info .post_meta ul li a:focus,
        .chopcafe_blog_2_column .grid_item .chopcafe_info .post_meta ul li a:hover,
        .chopcafe_blog_2_column .grid_item .chopcafe_info .post_meta ul li a:focus {
            color: #9ec80e;
            text-decoration: underline;
        }
/*>-----------------------------
	End blog_2_column.html css
<-------------------------------*/

/*>-----------------------------
	28. Start blog_3_column.html css
<-------------------------------*/
.blog_standard_main .grid_item,
.chopcafe_blog_2_column .grid_item,
.chopcafe_blog_3_column .grid_item {
    margin-bottom: 60px;
}

    .blog_standard_main .grid_item:hover .grid_inner_item .overlay_img,
    .chopcafe_blog_2_column .grid_item:hover .grid_inner_item .overlay_img {
        background-color: #9ec80e;
        opacity: 1;
    }

.chopcafe_blog_3_column .grid_inner_item .overlay_img {
    top: 0;
    left: 0;
}

.chopcafe_blog_3_column .grid_item:hover .grid_inner_item .overlay_img {
    opacity: .8;
    visibility: visible;
}

.chopcafe_blog_3_column .grid_inner_item .overlay_content {
    top: 50%;
    left: 50%;
}

.chopcafe_blog_3_column .grid_item .overlay_content a.chopcafe_link {
    display: block;
    padding: 8px 20px;
    background-color: #9ec80e;
    color: #fff;
    text-transform: uppercase;
}

.chopcafe_blog_3_column .chopcafe_info {
    padding: 22px 20px 29px;
    border: 1px solid #e1e1e1;
    border-top: none;
}

.chopcafe_blog_3_column .grid_inner_item .chopcafe_info .post_info h3 {
    font-size: 18px;
    line-height: 24px;
}

    .chopcafe_blog_3_column .grid_inner_item .chopcafe_info .post_info h3 a {
        color: #010a19;
    }

        .chopcafe_blog_3_column .grid_inner_item .chopcafe_info .post_info h3 a:hover {
            color: #9ec80e;
        }

    .chopcafe_blog_3_column .grid_inner_item .chopcafe_info .post_info h3:before {
        display: block;
        width: 70px;
        height: 1px;
        content: '';
        background-color: #7D858B;
        margin-bottom: 14px;
    }

.chopcafe_blog_3_column .grid_inner_item .chopcafe_info .post_meta {
    padding: 0 0 14px;
}

    .chopcafe_blog_3_column .grid_inner_item .chopcafe_info .post_meta ul li:after {
        content: '|';
        margin-left: 10px;
        margin-right: 8px;
    }

    .chopcafe_blog_3_column .grid_inner_item .chopcafe_info .post_meta ul li:last-child:after {
        display: none;
    }
/*>-----------------------------
	End blog_3_column.html css
<-------------------------------*/

/*>-----------------------------
	29. Start blog_Standard.html css
<-------------------------------*/
.add_box {
    padding: 0;
    border: none;
}
/*>-----------------------------
	End blog_standard.html css
<-------------------------------*/

/*>-----------------------------
	30. Start single_blog.html css
<-------------------------------*/
.single_blog_main .post_meta {
    margin-bottom: 60px;
}

    .single_blog_main .post_meta ul li {
        display: inline-block;
    }

        .single_blog_main .post_meta ul li img {
            margin-right: 20px;
            border: 1px solid #e1e1e1;
        }

        .single_blog_main .post_meta ul li:after {
            content: '|';
            display: inline-block;
            margin-left: 18px;
            margin-right: 14px;
        }

        .single_blog_main .post_meta ul li:last-child:after {
            display: none;
        }

.single_blog_main .post_text {
    margin-top: 50px;
    margin-bottom: 55px;
}

    .single_blog_main .post_text h3 {
        margin-bottom: 45px;
    }

    .single_blog_main .post_text .chopcafe_blockquote {
        margin: 35px 0 33px;
        border-left: 5px solid #9ec80e;
        margin-left: 70px;
    }

        .single_blog_main .post_text .chopcafe_blockquote h4 {
            line-height: 36px;
            color: #7D858B;
            padding-left: 30px;
        }

.single_blog_main .post_share_tag {
    padding: 20px 0;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 55px;
}

    .single_blog_main .post_share_tag .post_tag ul li {
        display: inline-block;
        margin-right: 15px;
    }

        .single_blog_main .post_share_tag .post_share ul li span,
        .single_blog_main .post_share_tag .post_tag ul li span {
            line-height: 24px;
            font-size: 18px;
            color: #010a19;
        }

        .single_blog_main .post_share_tag .post_tag ul li a {
            display: block;
            font-size: 16px;
            border: 1px solid #e1e1e1;
            transition: all .5s;
        }

        .single_blog_main .post_share_tag .post_tag ul li a {
            padding: 6px 30px;
        }

    .single_blog_main .post_share_tag .post_share {
        float: right;
    }

        .single_blog_main .post_share_tag .post_share ul li {
            margin-left: 15px;
        }

            .single_blog_main .post_share_tag .post_share ul li a {
                display: block;
                width: 40px;
                height: 40px;
                line-height: 40px;
                text-align: center;
                border: 1px solid #e1e1e1;
                font-size: 16px;
                transition: all .5s;
            }

                .single_blog_main .post_share_tag .post_share ul li a:hover,
                .single_blog_main .post_share_tag .post_share ul li a:focus,
                .single_blog_main .post_share_tag .post_tag ul li a:hover,
                .single_blog_main .post_share_tag .post_tag ul li a:focus {
                    background-color: #9ec80e;
                    color: #fff;
                    border-color: #9ec80e;
                }

.post_comment {
    margin-bottom: 50px;
}

    .post_comment h4 {
        margin-bottom: 35px;
    }

    .post_comment .single_comment {
        margin-bottom: 35px;
    }

        .post_comment .single_comment:nth-child(odd) {
            margin-left: 80px;
        }

        .post_comment .single_comment:last-child {
            margin-bottom: 0;
        }

    .post_comment .author_thumb img {
        max-width: 60px;
    }

    .post_comment .author_text {
        margin-left: 20px;
    }

        .post_comment .author_text h5 {
            font-weight: bold;
            margin-bottom: 10px;
        }

        .post_comment .author_text p {
            margin-bottom: 8px;
        }

        .post_comment .author_text span i {
            margin-right: 10px;
            color: #9ec80e;
        }

.chopcafe_comment_form h4 {
    margin-bottom: 35px;
}

.chopcafe_comment_form .form_group {
    margin-bottom: 30px;
}

    .chopcafe_comment_form .form_group textarea.form_control {
        max-height: 700px;
        min-height: 200px;
    }
/*>-----------------------------
	End single_blog.html css
<-------------------------------*/

/*>-----------------------------
	31. Start contact.html css
<-------------------------------*/
.chopcafe_contact_1 .contact_information_area {
    margin-bottom: 108px;
}

    .chopcafe_contact_1 .contact_information_area .contact_info_box {
        padding: 20px;
        margin-bottom: 30px;
        background-color: rgb(255, 255, 255);
        border: 10px solid rgb(238, 243, 239);
    }

.chopcafe_contact_1 .contact_info_box .contact_icon i {
    display: block;
    font-size: 24px;
    background-color: rgb(141, 199, 63);
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    color: #fff;
}

.chopcafe_contact_1 .contact_info_box .contact_info {
    margin-left: 30px;
}

    .chopcafe_contact_1 .contact_info_box .contact_info a {
        display: block;
    }

.chopcafe_contact_1 .contact_box iframe {
    width: 100%;
    height: 584px;
    border: 1px solid #9ec80e;
    display: inherit;
}

.chopcafe_contact_1 .social_widget_box {
    margin-top: 20px;
}

    .chopcafe_contact_1 .social_widget_box h4:after {
        display: block;
        content: '';
        width: 100px;
        height: 5px;
        background-color: rgb(141, 199, 63);
        margin: 15px 0 30px;
    }

.chopcafe_contact .chopcafe_form .form_group {
    margin-bottom: 30px;
}

.chopcafe_contact .chopcafe_form textarea {
    height: 250px;
}

.chopcafe_contact .chopcafe_form .form_button {
    margin-top: 30px;
}
/*>-----------------------------
	End contact.html css
<-------------------------------*/

/*>-----------------------------
	32. Start scroll_top css
<-------------------------------*/
#scroll_top {
    position: fixed;
    bottom: 20px;
    display: none;
    right: 20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #9ec80e;
    text-align: center;
    font-size: 20px;
    color: #fff;
    z-index: 337;
    cursor: pointer;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
/*>-----------------------------
	End scroll_top css
<-------------------------------