/* =============================================================================== */
/*
 * Template Name: Benaa Foods
 * Developer: EOMSBD(https://eomsbd.com)
 */
 /* =============================================================================== */
 :root {
--primary_color: #D88916;
--secondary_color: #616361;
--background_color:#fffffff;
}
 body {
    font-family: 'Josefin Sans', sans-serif;
}

/* Header */
.logo{display: block;}
.logo img{max-width: 120px;}
.top_header{border-bottom: 3px solid #A5A2A0;}
.top_items{    padding: 6px 0 !important;}
.top_items li{display: inline-block;}
.top_items li a{    color: #A5A2A0;
    padding-right: 10px;    display: inline-block;}
.top_items li a:last-child{padding-bottom: 0;}
.top_items li a:hover{text-decoration: none;color: #C5C5C5;}
.top_left{}
.top_right{padding: 9px 0 !important;}
.top_instagram{color: #E24070 !important;font-size: 20px;}
.top_facebook{color: #485993 !important;font-size: 20px;}

.top_language_switch{border: none;
    background: none;
    color: #AAA7A5;
    text-transform: uppercase;    font-size: 16px;
    margin-top: 32px;}
.top_language_switch:hover{}
.top_language_switch:focus{outline: none;}
.lan_switch_items a{color: #AAA7A5;}

.header_search{overflow: hidden;    display: inline-block;}
.header_search input{    border: 1px solid #D88810;
    text-align: center;
    float: left;}
.header_search input:focus{outline: none;}
.header_search button{    border: 0;
    background: #D88810;
    color: #fff;float: left;padding: 2px 8px;}
.header_search button:hover{}
.header_search button:focus{outline: none;}
.cart_icon{display: inline-block;
    padding-left: 10px;
    font-size: 19px;
    margin-top: 2px;color: #837870;}
.cart_icon:hover{color: #D88916;}
.header{border-bottom: 3px solid #A5A2A0;padding: 10px 0;}
.tio_right_items{margin-top: 30px;}
.header_menu{}
.header_menu ul{text-align: center;}
.header_menu ul li{display: inline-block;}
.header_menu ul li a{    text-transform: uppercase;
    color: #565350;
    padding: 27px 50px;
    display: inline-block;
    letter-spacing: 2px;}
.header_menu ul li a:hover{text-decoration: none;color: #D88810;}
.header_menu ul li.active a{color: #D88810;}
/* End Header */

/* Product Carousel */
.product_carousel{}
.pc_title{background: #877C54;text-align: center;}
.pc_title h2{    font-size: 20px;
    color: #fff;
    padding: 10px 0;
    margin-bottom: 0;}
.pc_body{background: #F7F4F4;}
.pc_head{}
.pc_filter_menu{}
.pc_filter_menu li{display: inline-block;}
.pc_filter_menu li a{    color: #B47D4F;
    border: 1px solid #B47D4F;
    padding: 3px 25px;
    border-radius: 26px;
    text-transform: uppercase;
    padding-top: 6px;    font-size: 15px;}
.pc_filter_menu li a:hover{text-decoration: none;background-color: #B47D4F; color: #fff;}
.pc_filter_menu li.active a{background-color: #B47D4F; color: #fff;}
/* End Product Carousel */

/* Product Box */
.pc_box{    background: #fff;
    border-radius: 9px;
    padding: 4px;
    overflow: hidden;padding-bottom: 10px;}
.pcb_thumb{}
.pcb_thumb img{border-radius: 4px;}
.pc_box h3{    color: #877C54;
    text-transform: uppercase;
    font-size: 17px;
    margin-top: 12px;padding: 0 8px;}
.pc_box h3 a{color: #877C54;}
.pc_box h3 a:hover{text-decoration: none;color: #A5A2A0;}
.pc_box form{padding: 0 8px;}
.pc_box form select{    color: #877C54;
    display: block;
    width: 100%;
    padding: 7px 7px;
    border-radius: 5px;margin-bottom: 5px;}
.pc_box form select:focus{outline: none;}
.pcb_cart_quantity{position: relative;}
.pcb_cart_quantity input{color: #877C54;
    display: block;
    width: 100%;
    padding: 4px 7px;
    border-radius: 5px;
    margin-bottom: 5px;
    border: 1px solid;}
.pcb_cart_quantity i{position: absolute;    top: 9px;
    right: 5px;}
.pcb_cart_quantity i.pcb_minus{    right: 25px;}
.pc_box form button{    color: #877C54;
    border: 1px solid;
    background: none;
    display: block;
    width: 100%;
    padding: 4px 0;
    border-radius: 5px;}
.pc_box form button:focus{outline:none;}
.pc_box form button:hover{color: #A5A2A0;}
.pcb_cart_quantity i:hover{cursor: pointer;}
input::-webkit-outer-spin-button,
.pcb_cart_quantity input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.pcb_cart_quantity input[type=number] {
  -moz-appearance: textfield;
}
.pcb_cart_quantity input:focus{outline: none;}
/* Product Box */

/* About */
.about{color: #000;}
.about_top{background: #C7AE9A;}
.about_top h2{text-transform: uppercase;
    font-size: 42px;}
.about_top p{    font-size: 21px;
    line-height: 45px;}
.about_bottom{background-color: #FFFFFF;}
.about_bottom h2{color: #907500;font-size: 35px;}
.about_bottom p{    font-size: 18px;}
/* End About */

/* Sub Heading */
.sub_heading{margin-top: 10px;
    position: relative;
    color: #827F7F;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 20px;
    width: 260px;
    display: inline-block;}
.sub_heading_line{    border-bottom: 1px solid;}
.sub_heading_text{position: absolute;
    width: 100%;
    left: 0;
    top: -12px;}
.sub_heading_text span{    background: #C7AE9A;
    padding: 1px 10px;}
/* End Sub Heading */

/* Button */
.button{    background: #907500;
    color: #fff;
    padding: 6px 13px;font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
    border: 3px solid #fff;display: inline-block;}
.button:hover{text-decoration: none;background: #B47D4F;color: #fff;}
.button:focus{outline: none;}
/* End Button */

/* Services */
.services{background: #877C54;}
.services h2{font-size: 35px;color: #fff;}
.services p{color: #DCDCDC;font-size: 18px;}
.review{}
.sr_icon{}
.sr_icon i{color: #fff;font-size: 35px;}
.review p{color: #fff;font-size: 20px;}
/* End Services */

/* Promotion */
.promotion{background: #FEF1CF;}
.promotion h2{color: #A18829;}
.promotion p{color: #000;font-size: 18px;}
.pro_box{}
.pro_box h3{color: #946723;text-transform: uppercase;}
.pro_box p{color: #8B9085;}
/* end Promotion */

/* Gallery */
.gallery{}
.gallery h1{font-size: 75px;}
.gallery img{margin-bottom: 30px;}
/* End Gallery */

/* Homeppage Product Style C */

.c_home_pro_section {
    margin-top: 25px;
}

.c_hpp_cat_title {
    border-bottom: 3px solid var(--primary_color);
    position: relative;
}

.c_hpp_cat_title a.c_hp_main_cat {
    background: var(--primary_color);
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    text-decoration: none;
    padding: 4px 15px;
    position: relative;
    display: inline-block;
    margin-bottom: -1px;
}

.c_hpp_cat_title a.c_hp_main_cat:after {
    content: "";
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    border-bottom: 32px solid #333;
    border-right: 20px solid transparent;
    z-index: 1;
    right: -20px;
    background-color: transparent !important;
}

.c_hp_tabs {}

.c_hp_tabs ul {
    position: absolute;
    top: 0;
    right: 0;
}

.c_hp_tabs ul li {
    float: left;
}

.c_hp_tabs ul li a {
    text-transform: uppercase;
    font-weight: 700;
    text-decoration: none;
    padding: 4px 15px;
    display: inline-block;
    background: #000000;
    color: #fff;
    margin-left: 1px;
}

.c_hp_tabs ul li a:hover,
.c_hp_tabs ul li a.active {
    background: #24A3B5;
    color: #fff;
}

.c_hpp_all_post_container {
    margin-top: 10px;
}

.c_hpp_list {}

.c_hpp_single_pro {
    border: 1px solid #eaeaea;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 5px 0px;
    border-radius: 5px;
}

.c_hpp_all_post_container .owl-prev {
    background: #EAEAEA !important;
    width: 22px;
    height: 29px;
    position: absolute;
    transition: .5s;
    top: 120px;
    font-size: 23px !important;
    font-weight: bold !important;
}

.c_hpp_all_post_container .owl-next {
    background: #EAEAEA !important;
    width: 22px;
    height: 29px;
    position: absolute;
    top: 120px;
    transition: .5s;
    right: 0;
    font-size: 23px !important;
    font-weight: bold !important;
}

.c_hpp_all_post_container .owl-prev span {
    margin-top: -5px;
    display: block;
}

.c_hpp_all_post_container .owl-prev:focus {
    outline: none
}

.c_hpp_all_post_container .owl-next:focus {
    outline: none
}

.c_hpp_all_post_container .owl-prev:hover,
.owl-next:hover {
    background: var(--primary_color) !important;
    color: #fff !important;
}

.c_hpp_all_post_container .owl-next span {
    margin-top: -5px;
    display: block;
}

.c_hpp_all_post_container .owl-dots {
    display: none;
}

.c_hpps_thumb {
    height: 270px;
    overflow: hidden;
    position: relative;
}

.c_hpps_thumb img {
    width: 100%;
    height: 100%;
    transition: transform .3s;
}

.c_hpp_single_pro:hover .c_hpps_thumb img {
    transform: scale(1.2);
}

.c_hp_add_cart {
    background: var(--primary_color);
    display: block;
    text-align: center;
    padding: 15px 0;
    color: #fff !important;
    transition: .3s;
    position: absolute;
    bottom: -60px;
    width: 100%;
}

.c_hpp_single_pro:hover .c_hp_add_cart {
    bottom: 0;
}

.c_hp_add_cart:hover {
    text-decoration: none;
    color: #fff !important;
    cursor: pointer;
}

.c_hp_add_cart img {
    width: 25px;
    height: 25px;
    margin-right: 15px;
}

.c_hpp_favorite,
.c_hpp_compare,
.c_hpp_zoom {
    position: absolute;
    background: #999999;
    color: #fff;
    height: 30px;
    width: 30px;
    transition: .5s;
    display: block;
    text-align: center;
    font-size: 16px;
    border-radius: 50%;
    line-height: 30px;
}

.c_hpp_favorite:hover,
.c_hpp_compare:hover {
    color: #fff;
    background: #28AEE4;
}

.c_hpp_favorite {
    top: 60px;
    right: -180px;
}

.c_hpp_compare {
    top: 95px;
    right: -120px;
}

.c_hpp_zoom {
    top: 130px;
    right: -30px;
}

.c_hpp_single_pro:hover .c_hpp_favorite {
    right: 20px
}

.c_hpp_single_pro:hover .c_hpp_compare {
    right: 20px
}

.c_hpp_single_pro:hover .c_hpp_zoom {
    right: 20px
}

.c_hpps_info {
    padding: 0 8px;
}

.c_hpps_info .name {
    color: #666;
    display: inline-block;
    height: 24px;
    margin-top: 16px;
    overflow: hidden;
}

.c_hpps_info .name:hover {
    color: var(--primary_color);
    text-decoration: none;
}

.c_hpps_tags {
    height: 28px;
}

.c_hpps_info .price {
    color: var(--primary_color);
    line-height: 15px;
    font-size: 18px;
    width: 50%;
    display: block;
    float: left;
}

.c_hp_ratting {
    float: right;
    margin-top: -6px;
}

.c_hp_ratting span {
    color: #f90;
    font-size: 11px;
}
.c_hp_weight{background: var(--primary_color);
    padding: 1px 10px;
    border-radius: 16px;}
.c_hp_weight span{    color: #fff;
    font-size: 14px;
    font-weight: 700;}
/* End Homepage Product Style C */

/* Subscribe */
.subscribe{background: #EDB47C;}
.subscribe h1{color: #fff;text-transform: uppercase;}
.subscribe h4{color: #54514E;}
.subscribe form{position: relative;}
.subscribe form input{width: 100%;
    padding: 7px 14px;
    border: none;
    border-radius: 40px;
    padding-right: 125px;}
.subscribe form button{position: absolute;
    right: 0;
    top: 0;
    border: none;
    background: #54514E;
    color: #fff;
    padding: 7px 13px;
    border-radius: 57px;}
.subscribe form button:focus{outline: none;}
.subscribe form button:hover{}
/* End Subscribe */

/* Footer */
footer{background: #837870;color: #fff;}
.f_widget{}
.f_widget h2{    font-size: 20px;}
.f_widget ul{}
.f_widget ul li{}
.f_widget ul li a{    color: #fff;
    font-size: 15px;}
.f_widget ul li a:hover{color: #D88916;}
.f_social{}
.f_social ul{}
.f_social ul li{display: inline-block;}
.f_social ul li a{    color: #837870;
    background: #fff;
    width: 25px;
    height: 25px;
    text-align: center;
    display: inline-block;
    line-height: 29px;
    border-radius: 50%;
    font-size: 15px;}
.f_social ul li a:hover{color: #D88916;}
/* End Footer */

/* Right Shopping Bag */

.right_shopping_bag {
    position: fixed;
    right: 0;
    top: 50%;
    background: var(--primary_color);
    width: 85px;
    height: 65px;
    z-index: 9;
    text-align: center;
}

.right_shopping_bag a {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    text-decoration: none;
    box-shadow: 0 2px 1em 0 rgba(0, 0, 0, 0.2);
}

.c_count {
    background: #fff;
    color: var(--primary_color);
    width: 32px;
    height: 32px;
    display: inline-block;
    margin-top: 10px;
    position: relative;
    font-size: 21px;
}

.c_count i {
    font-size: 15px;
    line-height: 18px;
    position: absolute;
    left: 50%;
    margin-left: -7px;
    top: -8px;
    z-index: 0;
    color: #fff;
}

.st_price {
    color: #fff;
    font-size: 14px;
}
/* Right Shopping Bag */

/* Loader */
.loader{position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 40px;
    background: rgb(0,0,0, .5);
    height: 100vh;
    z-index: 999999;
    color: #fff;
    padding-top: 45vh;}
/* End Loader */