/* google fonts*/

@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:400,500,600,700|Roboto:400,500,700&amp;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: #dc3545;
    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: 37px;
    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: #272728;
    overflow-x: hidden;
}

.section_padding {
    padding: 40px 0;
}

.section_padding_2 {
    padding: 30px 0 30px;
}

.chopcafe_img {
    position: relative;
}

.chopcafe_title {
    margin-bottom: 55px;
}

.chopcafe_title h2 {
    text-transform: capitalize;
    margin-bottom: 13px;
}

.chopcafe_title h2 span {
    color: #26b0cd;
}

.chopcafe_title_1 h2 span {
    color: #26b0cd;
}

.chopcafe_title_2 h2 span {
    color: #26b0cd;
}

.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: #087dab;
}

.chopcafe_title_2 i {
    color: #087dab;
}

.chopcafe_title .title_divider:before {
    position: absolute;
    content: '';
    top: 15px;
    left: 0;
    width: 175px;
    height: 2px;
    background-color: #087dab;
}

.chopcafe_title .title_divider:after {
    position: absolute;
    content: '';
    top: 15px;
    right: 0;
    width: 175px;
    height: 2px;
    background-color: #087dab;
}

.chopcafe_title_2 .title_divider:before,
.chopcafe_title_2 .title_divider:after {
    background-color: #087dab;
}

.chopcafe_btn {
    position: relative;
    display: inline-block;
    padding: 12px 25px;
    color: #ffffff;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    background-color: #1799cc;
    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: .80;
}

.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: #dc3545;
    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: #dc3545;
}

.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: 6px 0 4px;
    background-color: #048ac7;
}

.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: 9px;
}

.header_top_bar .top_contact_info ul li a i {
    margin-right: 10px;
    font-size: 20px;
}


/*>----------------------------------
	End header_top_bar css
<------------------------------------*/


/*>---------------------------
	-05. Start header_area css
<-----------------------------*/

.header_area {
    position: relative;
    width: 100%;
    border-bottom: 2px solid #048ac7;
    z-index: 337;
}

.header_area.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    background-color: #fff;
}

.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: #fff;
}

.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: #dc3545;
}

.header_demo_2.sticky {
    background-color: #ff9b22;
}

.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;
}


/*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: 20px;
}

.chopcafe_menu .main_menu ul li>a {
    position: relative;
    display: block;
    padding: 28px 0px 28px;
    color: #373839;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
}

.sticky .chopcafe_menu .main_menu ul li:hover>a {
    color: #2e2b2b;
}

.chopcafe_menu .main_menu ul li:hover>a {
    color: #048ac7;
}

.chopcafe_menu .main_menu ul li>ul.sub_menu {
    position: absolute;
    top: 100%;
    left: 0;
    background: #048ac7;
    -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: #dc3545;
    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: #1186bf;
}

.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: #06567b;
    -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: #35b5dc;
    background: #050603;
}

.sidebar-menu .sidebar-submenu>li.active>a,
.sidebar-menu .sidebar-submenu>li:hover>a {
    color: #56ace0;
}

.brand_logo a {
    font-weight: bold;
    color: #fff;
    font-size: 30px;
}

.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: 0px 0 0px;
}

.single_slider {
    padding: 0 5px;
    outline: none;
}

.welcome_content h1 {
    font-weight: bold;
    margin-bottom: 25px;
}

.welcome_content h1 span {
    color: #dc3545;
}

.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: #dc3545;
    color: #fff;
}


/*
	End header_slider section css
*/


/*
	Start chopcafe_about section css
*/

.gray_bg {
    background-color: #f6f7f8;
}

.chopcafe_about_1 {
    position: relative;
    padding: 20px 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: #dc3545;
}

.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: #dc3545;
    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: #dc3545;
    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: #dc3545;
    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: #dc3545;
}

.chopcafe_filter .chopcafe_btn:hover:before,
.chopcafe_filter .chopcafe_btn:hover:after {
    width: 55%;
    background-color: #dc3545;
}

.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: #dc3545;
}

.chopcafe_filter .chopcafe_btn.active_btn,
.chopcafe_filter .chopcafe_btn:hover,
.chopcafe_filter .chopcafe_btn:focus {
    border-color: #dc3545;
    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: #dc3545;
    font-size: 18px;
    font-weight: bold;
}

.grid_inner_item .overlay_img {
    position: absolute;
    width: 100%;
    height: 100%;
    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: #dc3545;
    border-color: #dc3545;
}

.chopcafe_menu_1 .food_grid_box .grid_inner_item .chopcafe_info h3:after {
    display: block;
    content: '';
    width: 60px;
    height: 1px;
    background-color: #dc3545;
    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: #dc3545;
}

.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 #dc3545;
    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: #dc3545;
}

.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: #dc3545;
}

.form_control {
    width: 100%;
    height: 50px;
    padding: 20px;
    font-size: 16px;
    color: #7D858B;
    border: 1px solid #1799cc;
}

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: -30px;
}

.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: #dc3545;
    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: #dc3545;
}

.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 #dc3545;
}

.chopcafe_content_box .festival_title {
    margin-bottom: 60px;
}

.chopcafe_content_box .festival_title h3 {
    font-weight: bold;
    color: #dc3545;
}

.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 #dc3545;
    border-radius: 50%;
    padding-top: 30px;
}

.chopcafe_content_box .festival_countdown_area .festival_countdown .counter_column .inner {
    color: #dc3545;
    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: #dc3545;
    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: #fff;
}

.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 #35b5dc;
    ;
}


/*
	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: #dc3545;
    border-color: #dc3545;
}

.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: #dc3545;
}


/*
	End chopcafe_blog_1 section css
*/


/*
	Start chopcafe_footer css
*/

.chopcafe_footer_1 .bg_overlay {
    background-color: #042542;
}

.footer_widget_1 {
    padding: 30px 0 30px;
    border-bottom: 1px solid #fff;
}

.footer_widget_box .widget_title {
    margin-bottom: 40px;
}

.footer_widget_box .widget_title h4 {
    color: #fff;
}

.footer_widget_box .widget_contact .info_list,
.footer_widget_box .widget_time .time_list {
    margin-bottom: 14px;
}

.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: #3586dc;
    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: #17c1dc;
}

.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: #dc3545;
}

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: #dc3545;
    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: 7px 0 7px;
    border-top: solid 2px #0ca4bc;
}

.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: #dc3545;
}

.footer_logo .brand_logo:before {
    position: absolute;
    content: '';
    width: 35%;
    height: 1px;
    top: 30px;
    left: 0;
    background-color: #dc3545;
}


/*
	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: #16b2f0;
    color: #fff;
}

.chopcafe_btn_2:hover,
.chopcafe_btn_2:focus,
.chopcafe_btn_2:after,
.chopcafe_btn_2:before {
    background-color: #0b7aa5;
}


/*
	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: #0c6182
}

.content_title .title_divider:before {
    background-color: #0c6182;
}

.content_title .title_divider:after {
    background-color: #0c6182;
}

.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: #048ac7;
    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: #048ac7;
    color: #fff;
}


/* 
	End chopcafe_popular_item section css
*/


/*
	Start chopcafe_fetaures section css
*/

.chopcafe_fetaures_1 .chopcafe_img_box .fetaures_img {
    position: relative;
   
    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 #1e96c4;
    z-index: -1;
    display:none;
}

.chopcafe_fetaures_1 .chopcafe_title {
    margin-bottom: 10px;
}

.chopcafe_fetaures_1 .chopcafe_text_box {
    margin-bottom: 16px;
}

.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: 12px;
}

.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: 80px;
    height: 80px;
    line-height: 83px;
    text-align: center;
    font-size: 46px;
    color: #FFF;
    background-color: #048ac7;
}

.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: #0a76a8;
}


/*
	End chopcafe_fetaures section css
*/


/*
	Start chopcafe_menu_2 section css
*/

.chopcafe_menu_2 .bg_overlay {
    background-color: #010a19;
}

.chopcafe_menu_2 {
    padding: 40px 0 30px;
}

.chopcafe_menu_2 .grid_inner_item:hover {
    background-color: #096fb9;
    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: 20px;
    background-color: transparent;
    border: 1px solid #096fb9;
    transition: all .5s;
    border-radius: 20px;
}

.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%;
    border-radius: 20px;
}

.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: 18px;
    margin-bottom: 15px;
}

.chopcafe_menu_2 .chopcafe_info p,
.chopcafe_menu_2 .chopcafe_info h3 a {
    color: #fff;
    font-size: 18px;
}

.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 #048ac7;
    text-align: center;
    transition: all .5s;
}

.chopcafe_chef_2 .chef_box:after {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    background-color: #048ac7;
    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: #0fa2e5;
}

.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: #16b2f0;
}

.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: 100px 0 100px;
}

.breadcrumb_content {
    text-align: center;
}

.breadcrumb_content h2 {
    color: #fff;
    line-height: 50px;
    margin-bottom: 19px;
}

.breadcrumb_content ul li {
    display: inline-block;
    color: #fff;
}

.breadcrumb_content ul li.active {
    color: #dc3545;
}

.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: #dc3545;
}

.chopcafe_about_3 .chopcafe_title .title_divider i {
    color: #dc3545;
}

.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: .9;
}

.chopcafe_project_counter .counter_box {
    position: relative;
    padding: 47px 14px 33px;
    width: 180px;
    height: 173px;
    line-height: 180px;
    border: 1px solid #dc3545;
    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: #dc3545;
}

.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: #dc3545;
    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: #dc3545
}


/*
	End chopcafe_project_counter section css
*/


/*
	Start chopcafe_why_choose section css
*/

.chopcafe_why_choose_1 .content_title .title_divider i {
    color: #dc3545;
}

.chopcafe_why_choose_1 .content_title .title_divider:after,
.chopcafe_why_choose_1 .content_title .title_divider:before {
    background-color: #dc3545;
}

.chopcafe_why_choose_1 .choose_text p {
    margin-bottom: 35px;
    text-align: justify;
}

.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: #dc3545;
    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: 5px solid #048ac7;
    border-radius: 43px;
}

.chopcafe_reservation_4 .chopcafe_title h2 {
    color: #FFF;
}

.chopcafe_reservation_4 .form_control {
    background: transparent;
    border: 1px solid #dc3545;
    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 #dc3545;
}

.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 #dc3545;
    ;
}


/*
	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: #dc3545;
    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: #dc3545;
}

.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: #dc3545;
}

.chopcafe_content_box .member_info {
    overflow: hidden;
}

.chopcafe_content_box .member_info p {
    margin-bottom: 18px;
}

.single_team_img img {
    border: 1px solid #dc3545;
}

.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: #dc3545;
    border: 1px solid #dc3545;
}

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: #dc3545;
    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: #dc3545;
    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: #dc3545;
    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: #dc3545;
    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: #dc3545;
    text-align: center;
    padding: 14px 20px 20px;
    border: 1px solid #dc3545;
}

.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: #dc3545;
    text-align: center;
    border: 1px solid #dc3545;
}

.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: #dc3545;
    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: #dc3545;
}

.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: #dc3545;
}

.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: #dc3545;
    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(220, 53, 69);
    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: #dc3545;
    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(220, 53, 69);
    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: #dc3545;
}

.form_wrapper .social_group {
    margin-bottom: 25px;
}

.social_login p a {
    color: #dc3545;
}

.form_wrapper .social_group .form_icon {
    background-color: #b51525;
}

.form_wrapper .social_group a.social_link {
    display: block;
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    background-color: #dc3545;
    color: #fff;
    padding: 0 20px;
}

.form_wrapper .social_group p a {
    color: #dc3545;
}

.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 #1085cb;
    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: #1964db;
    color: #fff;
    border: 1px solid #1964db;
}

.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: #0e539d;
    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: #1964db;
}

.chopcafe_menu_4,
.chopcafe_menu_5 {
    margin-bottom: -60px;
}

.chopcafe_menu_4 .food_list_box:hover {}

.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: #000;
}

.chopcafe_menu_4 .food_list_box .grid_inner_item {
    padding: 20px;
    align-items: center;
    background-color: transparent;
    border-color: #0f81c6;
    -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%;
    float: left;
}

.chopcafe_menu_4 .food_list_box .chopcafe_info {
    margin-left: 0px;
    width: 100%;
}

.chopcafe_menu_4 .food_list_box .chopcafe_info h3 {
    margin-bottom: 12px;
    float: left;
}

.chopcafe_menu_4 .food_list_box .chopcafe_info h3 a {
    color: #010a19;
}

.chopcafe_menu_4 .food_list_box .chopcafe_info h5 {
    margin-bottom: 10px;
    float: right;
}


/*>-----------------------------
	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: #dc3545;
    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: #1c8bdc;
}


/*>-----------------------------
	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: #dc3545;
    color: #fff !important;
}

.shop_filter .shop_link ul li a:hover,
.shop_filter .shop_link ul li a:focus {
    background-color: #dc3545;
    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: #dc3545;
    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: #dc3545;
    border-color: #dc3545;
}

.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: #dc3545;
    color: #fff;
    border-color: #dc3545;
}


/*>--------------------------
	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: #dc3545;
}

.single_input:checked+.single_input_label:after {
    opacity: 1;
}

.single_input:checked+.single_input_label:before {
    border-color: #dc3545;
}

.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: #dc3545;
    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: #dc3545;
    top: -8px;
    outline: none;
}

#price_slider .ui-widget-header {
    background: #dc3545;
}

.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: #dc3545;
}


/*>------------------------------------
	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: #dc3545;
}

.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: #dc3545;
}

.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: #dc3545;
    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: #dc3545;
    color: #fff;
    border-color: #dc3545;
}

.chopcafe_product_tab .nav-tabs .nav-link.active {
    background-color: #dc3545;
    color: #fff;
    border-color: #dc3545;
}

#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: #dc3545;
}

.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: #dc3545;
    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: #dc3545;
    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: #dc3545;
    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: #dc3545;
}

.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 #dc3545;
    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: #dc3545;
    color: #fff;
    border-color: #dc3545;
}

.post_comment {
    margin-bottom: 50px;
}

.post_comment h4 {
    margin-bottom: 35px;
}

.post_comment .single_comment {
    margin-bottom: 35px;
    border: solid 2px #1799cc;
    border-radius: 20px;
}

.post_comment .single_comment:nth-child(odd) {
    margin-left: 80px;
    border: solid 2px #1799cc;
    border-radius: 20px;
}

.post_comment .single_comment:last-child {
    margin-bottom: 0;
}

.post_comment .author_thumb img {
    max-width: 60px;
}

.post_comment .author_text {
    margin-left: 20px;
    padding: 10px;
}

.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: #dc3545;
}

.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: 0px;
}

.chopcafe_contact_1 .contact_information_area .contact_info_box {
    padding: 5px;
    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: #1799cc;
    width: 40px;
    height: 40px;
    line-height: 42px;
    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;
    color: #272728;
}

.chopcafe_contact_1 .contact_box iframe {
    width: 100%;
    height: 584px;
    border: 1px solid #dc3545;
    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: #dc3545;
    margin: 15px 0 30px;
}

.chopcafe_contact .chopcafe_form .form_group {
    margin-bottom: 30px;
}

.chopcafe_contact .chopcafe_form textarea {
    height: 158px;
}

.chopcafe_contact .chopcafe_form .form_button {
    margin-top: 0px;
}


/*>-----------------------------
	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: #1799cc;
    text-align: center;
    font-size: 20px;
    color: #fff;
    z-index: 337;
    cursor: pointer;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.header_slider img {
    width: 100%;
}

.copyright_text p a {
    color: #11cceb;
}

.hide {
    display: block;
}

.flexslider {
    width: 100%;
    height: 700px;
    overflow: hidden;
}

.main_logo img {
    width: 66%;
}

.sticky_logo img {
    width: 66%;
}

.flexslider .slides {
    height: 100%;
}

.flexslider .slides li {
    height: 100%;
    position: relative;
}

.flexslider .slides li h1 {
    position: absolute;
    z-index: 9;
    top: 30px;
    left: 25%;
    width: 50%;
    text-align: center;
    text-shadow: 1px 1px 1px #fff;
}

.flexslider .slides li .bgimg {
    background-position: center;
    height: 100%;
    width: 100%;
    transition: transform 4s ease-in-out;
    -webkit-backface-visibility: hidden;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    z-index: 1;
}

.flexslider .slides li.flex-active-slide .bgimg {
    transform: scale(1.2);
}

.standard {
    margin-top: 80px;
    float: left;
}

.standard ul li {
    list-style: disc;
}

.chopcafe_footer {
    margin-top: 20px;
}

.delivery-btn-sec {
    text-align: center;
    margin-bottom: 40px;
}

.delivery-btn {
    background: #1799cc;
    padding: 10px 15px;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
    color: #fff;
}

.delivery-btn:hover,
.delivery-btn:focus {
    color: #fff;
}
.chopcafe_title h1 span {
    color: #26b0cd;
    font-size: 37px;
    line-height: 56px;
}
.chopcafe_title h1 {
    text-transform: capitalize;
    margin-bottom: 13px;
}
.overlay_title h3 {
    color: #fff;
    font-size: 37px;
    line-height: 56px;
}
.chopcafe_title h3 {
    text-transform: capitalize;
    margin-bottom: 13px;
}
.chopcafe_title_2 h3 span {
    color: #26b0cd;
}
.chopcafe_title_1 h3 span {
    color: #26b0cd;
}
.breadcrumb_content h1 {
    color: #fff;
    line-height: 50px;
    font-size: 37px;
}
.dis-none {display: none;}


#overlay{display:block; position:fixed; top:0; left:0; background:rgba(0,0,0,0.5); width:100%; height:100%; z-index:999999 !important;}
.popup {width:30%; height:auto; background:#fff; border:5px solid #f15f2a; border-radius:10px; color:#fff; position:absolute; top: 100px !important; left:0px !important; right: 0px !important; margin:auto !important;}
.popup img{width: 100%;}
 /*#close {margin-right:-20px; margin-top:-20px; float:right;} */
#close{position: absolute; top: -22px; right: -22px; background: none; border: none; cursor: pointer; z-index: 99;} 
#close img{width:30px;}
.popup h3{text-align:center; font-size:23px; color:#F00; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;}        

@media only screen and (min-width: 320px) and (max-width: 479px){
    .popup{width:80%; top: 50px !important; left:0px !important;}
}
/* Large Mobile :480px. */

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .popup{width:60%; top: 50px !important; left:0px !important;}
}

.serv-area{ background:#048ac7; padding:10px; border-radius:20px; margin-bottom: 10px; }
.serv-area h4{ color:#fff; text-align:center; }

.ann{ text-align:center; margin-bottom:40px;}
.ann h4{ color:#e50c0c;}
.ann p{ text-weight:600; font-size:18px;}

