/* Colors */
:root{
    --primary_color: #000;
    --primary_hover_color: #999;
    --rating_color: rgb(254, 207, 10);
}
/* End Colors */

body{
    /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    font-family: 'Poppins', Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #545454;
}

/* Header */
.top_header{background: #121212;}
.top_header ul{    overflow: hidden;
    padding-top: 5px;}
.top_header ul li{
    float: left;}
.top_header ul li a{
    color: #fff;
    font-size: 14px;
    padding: 0 15px;
    display: inline-block;
    border-right: 1px solid #999;}
.top_header ul li a:hover{text-decoration: none;color: #999;}
.top_header ul li:last-child a{border-right: 0;padding-right: 0;}

.top_slide_header{
    background: #aa7e71;
    color: #fff;
    text-align: center;
    padding: 7px 0;}
.top_slide_header a{color: #fff;font-size: 18px;}
.top_slide_header a:hover{text-decoration: none;color: #ddd;}
.top_carousel_item{font-size: 14px;font-weight: 400 ;}

.main_header{margin-top: 5px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;}

.logo{}
.logo a{    display: inline-block;
    width: 250px;
    max-width: 100%;}
.logo a:hover{}
.logo a img{
    /*width: 145px;*/
    max-width: 100%;
}

.top_search{position: relative;    margin-top: 10px;}
.top_search input{width: 100%;
    padding-left: 30px;
    padding-right: 5px;
    border: 1px solid #ddd;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 15px;
    color: #666666;}
.top_search input:focus{outline: none;}
.top_search button{border: none;
    background: none;
    position: absolute;
    left: 2px;
    top: 4px;
    color: #666666;}
.top_search button:hover{}
.top_search button:focus{outline: none;}

ul.header_icons{margin-top: 10px;
    overflow: hidden;
    text-align: right;
    display: inline-block;padding: 0 3px;}
.header_icons li{
    list-style: none;
    float: left;
}
.header_icons li a{
    color: #333333;
    font-size: 25px;
    display: inline-block;
    padding: 0 5px;}
.header_icons li:first-child a{padding-right: 0;}
.header_icons li:first-child a span{border-right: 1px solid #333333;padding-right: 5px;}
.header_icons li a span{font-size: 11px;}
.header_icons li a:hover{color: #999;text-decoration: none;}
.header_icons li:last-child a{padding-right: 0;}
.header_icons li a i{}

.mobile_menu_trigger{    border: none;
    background: none;
    font-size: 22px;    color: #000;}
.mobile_menu_trigger:focus{outline: none;}
/* End Header */

/* Category Menu */
.category_menu{border-bottom: 1px solid #ddd;top: -50px;transition: .3s; height: 50px;}

.category_menu.fixed_header{    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 999;
    background: #fff;}

.category_menu ul{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: row;
    }
.category_menu ul li{display: inline-block;flex: 1 1 auto;
    /* position: relative; */
}
.category_menu ul li a.menu_item{color: #000;
    font-weight: 500;
    margin: 8px 0;
    -ms-flex-pack: center;
    justify-content: center;
    align-items: center;
    display: -ms-flexbox;
    -ms-flex-align: center;
    position: relative;
    display: inline-block;}
.category_menu ul li a.menu_item span{
    width: 0;
    transition: .3s;
    position: absolute;
    left: 0;
    bottom: -2px;
    height: 2px;
    background: #000;
    z-index: 999999;
    display: block;
}
.category_menu ul li a.menu_item:hover span{
    width: 100%;
}
.category_menu ul li a.menu_item:hover{text-decoration: none;}
.category_menu ul li a.menu_item{text-decoration: none; color: #333333;font-size: 14px;font-weight: 400;}

.category_menu ul li .mega_menu{    position: absolute;
    position: absolute;
    left: 0;
    width: 100%;
    background: #fff;
    padding-left: 0;
    border-top: 1px solid #dddd;
    padding-top: 20px;
    z-index: 9;
    padding-bottom: 10px;
    margin-top: 25px;
    transition: .3s;
    opacity: 0;
    visibility: hidden;
}
/* .category_menu ul li ul.mega_menu li{}
.category_menu ul li ul.mega_menu li a{}
.category_menu ul li ul.mega_menu li a:hover{} */

/* Mega Menu */
.mega_menu{max-height: calc(100vh - 200px);overflow: auto;overflow-x: hidden;
      /* padding: 0 20px; */
}
.category_menu.fixed_header .mega_menu{max-height: calc(100vh - 100px);}

.category_menu ul li:hover .mega_menu{
    /* display: block; */
    margin-top: 0;
    opacity: 1;
    visibility: visible;
}

.mm_heading{font-size: 16px; }
.mm_heading a{
    padding-left: 0;
    color: #333333;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 1000;
}
.mega_menu_items{padding-left: 0;    display: block !important;
    -ms-flex-direction: unset !important;
    flex-direction: unset !important;    margin-bottom: 20px;}
.mega_menu_items li{display: block !important;flex:unset !important}
.mega_menu_items li a{color: #333333;
    font-weight: 300;
    font-size: 13px;
    margin-bottom: 5px;
    display: block;transition: .3s;}
.mega_menu_items li a:hover{color: #333333;}
/* End Mega Menu */
/* End Category Menu */

/* Slider */
/* .slider_arrows{font-size: 35px;} */
/* End Slider */

/* Slider */
.slider_section{
    width: 100%;
    overflow: hidden;
    /* position: fixed;
    max-height: 100vh;
    top: 0;z-index: -2; */
}
.slideshow_container{height: 100%;position: relative;}
.slider_section .mySlides{transition: 0;height: 0;position: relative;}
.slider_section .mySlides img{width: 100%;height: 100%;object-fit: cover;}
.slider_section .mySlides.active{height: 100%;}
.slider_section .mySlides.active img{transform: scale(1.3);transition: transform 20s;}
.slider_content_wrap{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    /*background: rgb(0, 0, 0, .5);*/
    height: 100%;
    padding-top: 32vh;}
.slider_content{
    /* position: absolute;    top: 260px; */width: 600px;max-width: 100%;
}
.slider_content h2{font-size: 50px; color: white;}
.slider_content .sc_border{width: 200px;
    border-top: 2px solid #E20E0F;
    display: inline-block;
    margin-bottom: 15px;}

.btn_slider{    color: #fff;
    font-size: 16px;
    transition: .3s;
    border: 2px solid #fff;
    padding: 7px 15px;
    display: inline-block;}
.btn_slider:focus{outline: none;}
.btn_slider:hover{
    /* background: #000; */
    color: #ddd;text-decoration: none;}
.btn_slider i{margin-left: 10px;}
.slider_bottom_area{}

/* The dots/bullets/indicators */
.dot {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: gray;
    border-radius: 94%;
    display: inline-block;
    transition: background-color 0.6s ease;
  }

  .dot.active, .dot:hover {
    background-color: white;
  }

.slider_dot_container{
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 100%;
}
/* End Slider */

/* Footer Section */
.footer {font-family: Open Sans,sans-serif; font-size: 14px;
    line-height: 1.5;}

.widget_footer{background-color: #5f5a5a;
    padding-top: 35px;padding-bottom: 50px; }
.widget_footer h1{font-size: 18px;
    text-transform: uppercase;color: #fff;}
.widget_footer p{
    font-size: 14px;
    color: #fff;
}

/* .footer_social{}
.footer_social ul{}
.footer_social ul li{display: inline-block;}
.footer_social ul li a{    color: #fff;
    margin: 0 10px;
    display: inline-block;
    font-size: 18px;
}
.footer_social ul li:first-child a{margin-left: 0;
}
.footer_social ul li a:hover{text-decoration: none;color: #999;}
.footer_social ul li a i{} */

.footer_social_item{color: #7f7f7f;}
.footer_social_item:hover{text-decoration: none;color: #000000;}

.widget{margin-bottom: 35px;}
.widget_header{    font-size: 18px;
    text-transform: capitalize;
    font-weight: 500;
    padding-bottom: 20px;
    margin-bottom: 20px;
    position: relative;color: #fff;}
.widget_header::before{content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 40px;
    background: #fff;
    height: 2px;}
.widget_list{    margin-bottom: 30px;}
.widget_list img{max-width: 100%;margin-bottom: 5px;}
.widget_list ul{}
.widget_list ul li{padding: 5px 0;}
.widget_list ul li a{
    /* text-transform: capitalize; */
    font-size: 13px; display: inline-block; color: #333333;}
.widget_list ul li a:hover{text-decoration: none;color: #333333;}
.footer_widget_heading_border{width: 40px;height: 1px;background: #ddd;display: inline-block;}
.footer .widget-title {  color: black;}
.copyright_footer{
    background: #1a1a1a;
    color: white;
    font-size: 14px;
    padding: 23px 0;}
.copyright_text{}
.footer_cards{max-width: 100%;}
/* End Footer Section */

/* Button Style */
.button{    border: 1px solid #757070;
    background: none;
    display: inline-block;
    padding: 4px 16px;
    font-size: 16px;
    border-radius: 3px;
    color: #000;}
.button:hover{text-decoration: none;color: #757070;}
.button:focus{outline: none;}

.mobile_header_btn{padding: 1px 10px;}
/* End Button Style */

/* Default Product Section */
.dp_box{
    margin-bottom: 25px;
    position: relative;
    box-shadow: 0px 0px 5px #ddd;
    padding-bottom: 10px;
    transition: .3s;
}
.dp_box:hover{
    box-shadow: 0px 0px 6px 4px #ddd;
}

.dp_box:hover .dp_thumb {
    border-bottom: 5px solid #3B3B3B;
}

.dp_thumb {
    background: #F7F8FA;
    border: 1px solid #e0e4f6;
    padding: 0;
    position: relative;
    border-bottom: 5px solid transparent;
    outline: 1px solid #e0e4f6;
    transition: 0.3s;
}

.dp_thumb2 {
    background: #F7F8FA;
    border: 1px solid #e0e4f6;
    padding: 0;
    position: relative;
    border-bottom: 5px solid transparent;
    outline: 1px solid #e0e4f6;
    transition: 0.3s;
    width: 268px !important;
    height: 201px !important;
}

.dp_thumb img{
    /*height: 220px;*/
    object-fit: contain;
}
.dp_info{text-align: center;color: #3B3B3B;}
.dp_info:hover{text-decoration: none;color: #000;}
.dp_title{
    font-size: 12px;
    font-weight: bold;
    margin-top: 12px;
    margin-bottom: 2px;
    height: 16px;
    overflow: hidden;}
.dp_price{
    font-size: 15px;
    font-weight: bold;}
.dp_old_price{text-decoration: line-through;
    color: #999;
    font-size: 15px;
    font-weight: 400;
}

.custom_label {
    position: absolute;
    left: -10px;
    top: 7px;
    background: red;
    color: #fff;
    /* border-radius: 3px; */
    /* padding: 2px 10px; */
    text-align: center;
    width: 78px;
    height: 25px;
    font-size: 13px;
    z-index: 10;
    line-height: 25px;
}



.custom_label::after {
    content: "";
    position: absolute;
    top: 20px;
    left: 4px;
    border: 5px solid transparent;
    border-left: 4px solid #520909;
    transform: rotate(-408deg);
    z-index: -1;
}

.custom_label .lebel {
    overflow: hidden;
    width: 55px;
    max-height: 25px;
    display: inline-block;
}


.load-more {
    padding: 8px;
    height: 2.2rem;
    line-height: 1.2rem;
    text-align: center;
    color: #ababab;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    border: 1px solid #aa7e71 !important;
}

.load-more:hover {
    box-shadow: 0px 0px 10px #eee;
}


.dp_hover_items{
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 20%;
    width: 100%;
    opacity: 0;
    transition: .3s;
}
.dp_box:hover .dp_hover_items{opacity: 1;}
.dphi_icons{}
.dphi_icons li{display: inline-block;}
.dphi_icons li .button_icon{    border: none;
    background: #F1EFEE;
    color: #373D54;
    border-radius: 50%;
    font-size: 16px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    transition: .3s;
    display: inline-block;
}
.dphi_icons li .button_icon:focus{outline: none;}
.dphi_icons li .button_icon:hover{background: #000;color: #fff;text-decoration: none;}
.dphi_icons li .button_icon i{}

.dphi_add_cart{border: none;
    font-weight: bold;
    margin-top: 10px;
    padding: 6px 10px;
    font-size: 14px;transition: .3s;
    background: #000;
    color: #fff;
    display: inline-block;}
.dphi_add_cart:hover{
    background: rgb(228, 228, 228, .9);
    color: #000;
    text-decoration: none;}
.dphi_add_cart:focus{outline: none;}
/* End Default Product Section */

/* Section Title */
.section_title{}
.section_title h5{    color: #7f7f7f;
    font-size: 16px;}
    .section_title h2{font-size: 25px;}
.section_title .empty_line{background: #000;
    width: 50px;
    height: 2px;
    display: inline-block;}
/* End Section Title */

/* Browse Category */
.category_section{margin-bottom: 55px;}
.bc_box{display: block;color: #000;transition: .3s;}
.bc_box:hover{color: #000;text-decoration: none;box-shadow: 0px 0px 6px 4px #ddd;}
.bc_thumb{border: 1px solid #e0e4f6;}
.bc_thumb img{}
.bc_info{
    border: 1px solid #e0e4f6;
    background: #F7F7F7;
    margin-top: -1px;
    padding: 10px;
    text-align: center;
}
.bc_title{}
.bc_count{font-size: 12px;font-weight: 300;}
/* End Browse Category */

/* Home Ads*/
.home_ads{background: #ededed;}


/* Home Ads 2 */
.home_ads_2{padding-bottom: 55px; background: #ededed;}
.home_ads_box{transition: .3s;}
.home_ads_box:hover{box-shadow: 0px 0px 6px 4px #ddd;}
.home_ads_box img{}
/* .home_ads_box{border: 1px solid #e0e4f6;}
.home_ads_box img{} */
/* End Home Ads 2 */


/* Special offers Section */
.special_offers_section {

}
.special_offers_section .sp_element {
    /* border: 1px solid #e1e1e1; */
}
.special_offers_section .prev-button {
    align-items: center;
}
.special_offers_section .prev-button > i {
    cursor: pointer;
}
.special_offers_section .next-button {
    align-items: center;
}
.special_offers_section .next-button > i {
    cursor: pointer;
}
.special_offers_section .sp_title {
    font-size: 16px;
    font-weight: 400;
    display: block;
    max-height: 80px;
    overflow: hidden;
    height: 35px;
    line-height: 17px;
    margin-top: 25px;
}
.special_offers_section .new-price {
    display: block;
    font-weight: 400;
}
.special_offers_section .old-price {
    text-decoration: line-through;
    color: gray;
    font-size: 14px;
}

.special_offers_section .owl-next {
    display: none;
}

.special_offers_section .owl-prev {
    display: none;
}

/* End Special Offers Section */



/* Final Section */
.black-button {
    background-color: black;
    color: white;
    border-radius: 0px;
}
.white-button {
    color: black;
    background-color: white;
    border-radius: 0px;
}
.sec-3 {
    background: url('https://i.postimg.cc/63RhwPpp/screenshot-6.png');
    background-position-x: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.sec-3 .mid {
    border: 5px solid white;
    background-color: rgba(0, 0, 0, 0.308);
    color: white;
    width: 95%;
    text-align: center;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
/* End Final Section */



/* Newsletter */
.newsletter{
    background: #b3b3b3;
    padding: 40px 0;
}
.newsletter_text{
    margin-top: 7px;
    font-weight: 500;
    margin-bottom: 0;
    font-size: 14px;
    color: white;
}

.newsletter_input{
    display: block;
    width: 100%;
    border: 1px solid #ddd;
    padding: 6.5px 10px;
    font-size: 14px;}
.newsletter_input:focus{outline: none;}
.newsletter_button{    border: none;
    background: #4d4d4d;
    color: #fff;
    padding: 7px 15px;
    font-size: 14px;}
.newsletter_button:hover{color: #ddd;}
.newsletter_button:focus{outline: none;}
/* End Newsletter */

/* Main Categories */
.mc_row{margin-right: -5px;margin-left: -5px;}
.mc_col{padding-right: 5px;
    padding-left: 5px;}
.main_categories{margin: 45px 0;}
.mc_heading{font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
    border-bottom: 2px solid #EAEAEA;
    padding-bottom: 10px;
    margin-bottom: 25px;}
.mc_items{}
.mci_box{border-bottom: 1px solid #eae7e7;
    padding-bottom: 17px;
    margin-bottom: 17px;color: #000;}
.mci_box:hover{text-decoration: none;color: #000;}
.mci_box:last-child{border: none;}
.mci_thumb{background: #F7F8FA;}
.mci_thumb img{}
.mci_infos{}
.mci_title{     font-weight: 400;
    font-size: 14px;
    height: 32px;
    overflow: hidden;}
.mci_price_old{    color: #999;
    font-size: 14px;
    text-decoration: line-through;}
.mci_price{font-size: 14px;font-weight: 500;}

.orderby{    width: 100%;
    padding: 10px 5px;
    margin-bottom: 20px;
    border: 1px solid #ddd;}
.orderby:focus{outline: none;}
/* End Main Categories */

.feature_products{padding-bottom: 50px;}


/* Mobile left menu */
#collapseLeftMenu{padding: 0 15px;}
#collapseLeftMenu ul{}
#collapseLeftMenu ul li{position: relative;}
#collapseLeftMenu ul li button{    border: none;
    background: none;
    position: absolute;
    top: 4px;
    right: 0;}
#collapseLeftMenu ul li button:focus{outline: none;}
#collapseLeftMenu ul li a{color: #000;
    border-bottom: 1px solid #ddd;
    display: block;
    padding: 6px 4px;
    font-size: 14px;}
#collapseLeftMenu ul li a:hover{text-decoration: none;}


#collapseLeftMenu ul li ul{
    padding-left: 15px;
}


.left_all_category{padding: 0 15px;}
.left_all_category ul{}
.left_all_category ul li{position: relative;}
.left_all_category ul li button{    border: none;
    background: none;
    position: absolute;
    top: 4px;
    right: 0;}
    .left_all_category ul li button:focus{outline: none;}
.left_all_category ul li a{color: #000;
    border-bottom: 1px solid #ddd;
    display: block;
    padding: 6px 4px;
    font-size: 14px;}
    .left_all_category ul li a:hover{text-decoration: none;}


.left_all_category ul li ul{
    padding-left: 15px;
}
/* End Mobile left menu */

/* Breadcrumb */
.c_breadcrumb{}
.c_breadcrumb_list{}
.c_breadcrumb_list ul{}
.c_breadcrumb_list ul li{display: inline-block;
    font-weight: 500;
    font-size: 14px;
    padding: 7px 0;
    margin-right: 10px; position: relative;}
.c_breadcrumb_list ul li::before{content: '/';}
.c_breadcrumb_list ul li span{padding-left: 10px;}
.c_breadcrumb_list ul li:first-child::before{display: none;}
.c_breadcrumb_list ul li a{color: #000;font-size: 14px;}
.c_breadcrumb_list ul li a:hover{color: #000;}
/* End Breadcrumb */

/* Category Page */
.category_page{}
.cp_title{font-size: 20px;}
.cp_info{}

.pib_loader{    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 40px;
    background: rgb(0, 0, 0, .5);
    height: 100%;
    z-index: 999999;
    color: #fff;
    padding-top: 14%;}
/* End Category Page */

/* Sidebar Widgets */
.sidebar_widgets{
    transition: .3s;
}
.sw_box{    margin-bottom: 7px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 4px;}
.sw_box.border_none{border-bottom: 0;}
.sw_heading{}
.sw_heading h2{font-size: 15px;display: inline-block;}
.sw_heading button{border: none;background: none;float: right;    margin-top: 3px;}
.sw_heading button:hover{color: var(--primary_color);}
.sw_heading button:focus{outline: none;}
.sw_content{}
.sw_content ul{}
.sw_content ul li {    display: table;
    position: relative;}
.sw_content ul li .form-check{overflow: hidden;}
.sw_content ul li .form-check input{float: left;}
.sw_content ul li a{    font-size: 13px;
    display: inline-block;
    color: var(--primary_color);
    padding: 4px 0;}
.sw_content ul li button{border: none;
    background: none;
    color: var(--primary_color);
    padding: 0;
    position: absolute;
    top: 2px;
    padding-left: 5px;}
.sw_content ul li button i{    font-size: 14px;    transform: rotate(90deg);transition: .3s;}
.sw_content ul li button.collapsed i{transform: rotate(0deg);}

.sw_content ul li button:focus{outline: none;}

.sw_content ul li a:hover{color: var(--secondary_color);text-decoration: none;}
.sw_content ul li .form-check-label{    font-size: 14px;float: left;
    font-weight: 500;
    color: var(--primary_color);margin-top: 1px;}
.sw_content ul li .form-check-label:hover{
    color: var(--primary_hover_color);cursor: pointer;}
    .sw_content ul li .form-check-label span{float: left;    margin-right: 10px;}
.sw_content ul li .form-check-label i{font-size: 11px;
    float: left;
    margin-top: 4px;}

.sw_content ul li ul {
    padding-left: 16px;
}
/* .sw_content ul li .cd_empty_icon {
    width: 11px;
    display: inline-block;
} */
.sw_content ul li ul li ul{padding-left: 15px;}

.sidebar_widgets_wrap{transition: .3s ;}


.sidebar_btns{border-bottom: none;}
.sb_btn_reset{background: var(--secondary_color);}

.sidebar_widgets_wrap.active{
    /* right: 0; */
    visibility: visible;
    opacity: 1;
}
.sidebar_widgets_wrap.active .sidebar_widgets{left: 0;}
/* End Sidebar Widgets */


/****** Style Star Rating Widget *****/
.add_ratings{overflow: hidden;}
.retting_create {
    height: 65px;
    margin-top: 25px;
}

.ratting_title {
    font-size: 17px;
}

.add_product_review {
    padding-bottom: 45px;
}

.rating {
    border: none;
    float: left;
}

.rating>input {
    display: none;
}

.rating>label:before {
    margin: 0 5px;
    font-size: 40px;
    font-family: "Font Awesome 5 Free";
    display: inline-block;
    content: "\f005";
}

.rating>.half:before {
    content: "\f005";
    position: absolute;
}

.rating>label {
    color: #ddd;
    float: right;
}

.rating>input:checked~label,

/* show gold star when clicked */

.rating:not(:checked)>label:hover,

/* hover current star */

.rating:not(:checked)>label:hover~label {
    color: var(--rating_color);
    font-weight: 900;
}


/* hover previous stars in list */

.rating>input:checked+label:hover,

/* hover current star when changing rating */

.rating>input:checked~label:hover,
.rating>label:hover~input:checked~label,

/* lighten current selection */

.rating>input:checked~label:hover~label {
    color: var(--rating_color);
    font-weight: 900;
}

/****** End Style Star Rating Widget *****/

/* Single Product */
.product_tools{}
.sp_title{font-size: 24px;color: var(--primary_color);}
.sp_price{font-size: 20px;
    font-weight: 800;}
.sp_price span.sp_regular_price{font-size: 16px;
    color: #7A7A75;
    text-decoration: line-through;
    margin-left: 5px;}
.sp_sku{    margin-top: 10px;}
.sp_quantity{border: 1px solid #ddd;
    display: inline-block;
    /* border-radius: 7px; */
    overflow: hidden;
    margin-top: 15px;}
.sp_quantity button{border: none;
    background: none;
    float: left;
    padding: 6px 10px;}
.sp_quantity button:focus{outline: none;}
.sp_quantity button:hover{color: var(--primary_hover_color);}
.sp_quantity input{border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top: 0;
    border-bottom: 0;
    float: left;
    width: 45px;
    text-align: center;
    padding: 6px 0;}
.sp_quantity input:focus{outline: none;}
.sci_quantity{}
.sci_quantity input{    height: 26px;
    font-size: 12px;}
.sci_quantity button{    line-height: 12px;}
.sci_quantity button i{font-size: 10px}

.short_description{
    overflow: hidden;}

.sp_btns{margin-top: 60px;}
.sp_btn{border: none;
background: var(--primary_color);
display: block;
margin-bottom: 10px;
padding: 5px 8px;
width: 250px;
max-width: 100%;
color: #fff;
font-weight: 500;
border-radius: 5px;}
.sp_btn:hover{background: var(--primary_hover_color);}
.sp_btn:focus{outline: none;}

.add_to_wishlist{}
/* .add_to_cart{background: #FF7E00;}
.add_to_cart:hover{background: var(--secondary_hover_color);} */

.sp_btn.disabled{opacity: .5;}
.sp_btn.disabled:hover{ background: #FF7E00;cursor: not-allowed;}


.sp_big_image{border-radius: 5px;overflow: hidden;    }
.sp_small_images{text-align: center;margin-top: 30px;}
.sp_small_images ul{display: inline-block;}
.sp_small_images ul li{    display: inline-block;
    margin: 0 7px;}
.sp_small_images ul li img{    border: 1px solid transparent;
    padding: 5px;
    width: 120px;
    height: 130px;
    object-fit: cover;
    border-radius: 5px;}
.sp_small_images ul li img:hover{cursor: pointer;border: 1px solid #ddd;}
.sp_small_images ul li.active img{border: 1px solid #ddd;}

.sp_details{}
.sp_details ul.nav-tabs{border-bottom: 2px solid #dee2e6;}
.sp_details ul.nav-tabs .nav-link{    border: none;}
.sp_details ul.nav-tabs .nav-link.active{    border-bottom: 2px solid var(--primary_color);
    margin-bottom: -1px;}
/* .sp_details ul.nav-tabs li:first-child a{padding-left: 0;} */
.sp_details ul.nav-tabs li a{    font-weight: 500;
    font-size: 19px;
    color: #495057;
    padding-left: 0;
    padding-right: 30px;
    margin-right: 20px;}
.sp_details ul.nav-tabs li a:hover{color: var(--primary_color);}
.sp_details .tab-content{margin-top: 20px;}

.sp_ratings{}
.spr_title{    font-weight: 700}
.spr_average{overflow: hidden;}
.spr_average .spr_amount{    font-size: 50px;
    font-weight: 800;float: left;    line-height: 60px;}
.spr_average .review{    display: inline-block;float: left;    margin-top: 10px;}
.spr_average .review i{    font-size: 35px;}

.spr_average .r_star{    width: 40px;}
.spr_average .r_star_top svg{width: 40px;height: 40px;}

.sp_star{color: var(--primary_color);}
.rb_title{    font-weight: 700;
    font-size: 20px;
    margin-bottom: 15px;
    margin-top: 30px;}
.rb_list{}
.rb_list ul{}
.rb_list ul li{padding: 6px 0;}
.rb_p_group{overflow: hidden;}
.spp_left{float: left;}
.sp_progress{    margin-top: 6px;
    height: 11px;
    border-radius: 21px;
    float: left;
    width: calc(100% - 50px);
    margin-left: 17px;}

.sp_review_inputs{}
.sp_review_inputs h1{font-size: 20px;
    margin-top: 20px;}
.sp_review_inputs h2{    font-size: 18px;
    margin-top: 14px;}
.sp_review_inputs p{}
.sp_review_inputs .button{margin-top: 15px;}

.review_list{}
.rl_box{    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
    padding-bottom: 20px;}
.rl_box:last-child{border-bottom: none;margin-bottom: 0;}
.rl_box .review{}
.rl_box .review i{}
.rlb_title{    font-size: 15px;
    font-weight: 400;
    margin-top: 4px;    color: #999;}
.rlb_details{    margin-top: 20px;
    font-style: italic;
    font-weight: 700;    display: inline-block;margin-bottom: 0;}
.rlb_details span{    font-size: 33px;
    float: left;
    margin-top: -9px;}
.rlb_author{    font-size: 14px;
font-style: italic;
font-weight: 800;}
#xzoom-default{max-width: 100%;}

.details_btn{
    border: 1px solid;
    background: #544947;
    padding: 10px 4px;
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
    color: #fffbf8;
}
.details_btn:focus{outline: none;}
.details_btn:hover{}
.upload_btn{
    border: 1px solid !important;
    background: none;
    padding: 10px 4px;
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
}
.upload_btn:focus{outline: none;}
.upload_btn:hover{
    background: #544947;
    color: #fffbf8;
}
/* End Single Product */

/* Product Variation */
.sp_variation_all{}
.sp_variation_all li{display: inline-block;
    float: left;}
.sp_variation_all li input{    left: -9999px;
    position: absolute;}
.sp_variation_all li input:checked ~label{border-color: var(--primary_color);color:  var(--primary_color);}
.sp_variation_all li label{width: auto;
    float: left;
    margin-right: 0.375rem;
    display: block;
    color: #818a91;
    font-size: 0.875rem;
    font-weight: 400;
    text-align: center;
    background: transparent;
    text-transform: uppercase;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    transform: scale(0.95);
    padding: 7px 10px;}
.sp_variation_all li label:hover{cursor: pointer;
        border-color: var(--secondary_hover_color);}

.sp_variation_color{}
.sp_variation_color li{}
.sp_variation_color li input{left: -9999px;
    position: absolute;}
.sp_variation_color li label{    width: 2.25rem;
    height: 2.25rem;
    float: left;
    padding: 0.375rem;
    margin-right: 0.375rem;
    display: block;
    font-size: 0.875rem;
    text-align: center;
    opacity: 0.7;
    border: 2px solid #d3d3d3;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;font-family: "Font Awesome 5 Free";
    transform: scale(0.95);}
.sp_variation_color li input:checked ~label{border-color: var(--primary_color);}
.sp_variation_color li input:checked ~label:after{position: absolute;
    top: 50%;font-family: "Font Awesome 5 Free";
    left: 50%;
    transform: translate(-50%, -50%);
    color: rgba(255, 255, 255, 0.7);content: "\f07a";
    font-size: 14px;}
.sp_variation_color li label:hover{cursor: pointer;
        border-color: var(--secondary_hover_color);}
.sp_variation_color li label i{color:#fff;display: none;}
.sp_variation_color li input:checked ~label i{color:#fff;display: inline-block;}
/* End Product Variation */

/* Rating Stars */
.rating_stars{}
.r_star{    width: 16px;
    height: 16px;display: inline-block;
    position: relative;}
.r_star svg{}
.r_star_top{    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}
.r_star_top svg{    width: 16px;
    height: 16px;}
/* End Rating Stars */

/* Password Input */
.view_password_group{position: relative;}
.view_password_group input{    padding-right: 35px;}
.view_password_btn{position: absolute;
    top: 38px;
    right: 2px;
    border: none;
    background: none;
    font-size: 18px;}
.view_password_btn:focus{outline: none;}
/* End Password Input */

/* User Panel */
.up_wrap{margin-top: 55px;}
.user_profile{}
.user_img{}
.user_img img{width: 120px;height: 120px;object-fit: cover;border: 1px solid #ddd; padding: 5px;
    /* border-radius: 50%; */
    margin-bottom: 10px;
}

.up_nav{}
.up_nav li{}
.up_nav li a{display: block;color: var(--primary_color);}
.up_nav li a:hover{color: var(--primary_hover_color);text-decoration: none;}
.up_nav li a i{width: 25px;}

.dashboard_items{}
.dashboard_items i{font-size: 35px;transition: .3s;color: rgba(0,0,0,.15);}
.dashboard_items .card:hover i{font-size: 40px;}
.link_item{color: var(--primary_color);}
.link_item:hover{color: var(--primary_hover_color);text-decoration: none;}
.user_menu .list-group-item.active{    border: none;background: var(--primary_color);}
.user_menu .list-group-item.active a{
    color: #fff;}
/* End User Panel */

.special-item-carousel{}
.special-item-carousel img{height: 130px;
    object-fit: cover;}

.view_all_btn{background: black; color: white; border-radius: unset;}


/* Side Cart Section */
.side_cart_section {
    position: fixed;
    top: 0;
    /* right: 0; */
    right: -400px;
    height: calc(100vh - 47px);
    z-index: 999;
    width: 400px;
    background: #fff;
    transition: .3s;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .2);
    overflow: auto
}

.show_sc {
    right: 0
}

.sc_head {
    background: var(--primary_color);
    color: #fff;
    position: relative;
    padding: 15px 5px
}

.sc_head h4 {
    font-size: 19px;
    text-align: center;
    margin: 0
}

.sc_head i {
    position: absolute;
    top: 15px;
    right: 15px
}

.scp_list {
    padding: 0 15px;
    margin-top: 15px;
    height: calc(100vh - 170px);
    overflow: auto;
}

.sc_head i:hover {
    cursor: pointer
}


/* .scp_box {
    text-align: center;
    margin-bottom: 25px;
    position: relative
}

.scp_thumb {
    margin-bottom: 20px
}

.scp_title {
    display: block;
    font-weight: 700;
    color: #4f4f4f
}

.scp_title:hover {
    color: #3D3D3D;
    text-decoration: none
}

.scp_price {
    margin: 5px 0
}

.remove_cart {
    margin-top: 7px;
    color: #4f4f4f;
    display: inline-block
}

.remove_cart:hover {
    text-decoration: none;
    color: #007bff;
    cursor: pointer
} */


/* New Site Cart Style */
.sci_top {
    position: relative;
}

.sc_price {
    font-size: 14px;
}

.scp_total_amount {
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    padding: 10px 0
}

.sc_remove {
    border: 1px solid;
    width: 16px;
    height: 16px;
    display: inline-block;
    text-align: center;
    line-height: 16px;
    border-radius: 50%;
    color: #999;
    margin-top: 27px;
}

.sc_remove:hover {
    cursor: pointer;
    color: var(--primary_color)
}

.sc_empty {
    margin-top: 70px;
}
.sc_empty h2{font-weight: 400;}

.sc_spinner {
    display: none;
}

a.disabled {
    pointer-events: none;
    cursor: default;
    background: gray;
}

a.disabled .sc_spinner {
    display: inline-block;
}

/* a.disabled .b_text {
    display: none;
} */
.empty_cart_bag{color: #B4B4B4;    font-size: 80px;}
.sc_footer{position: absolute;left: 0;bottom: 0;width: 100%;    padding: 10px 15px;}
.scp_box{border-bottom: 1px solid #ddd;    padding: 8px 0;}
/* width */
.scp_list::-webkit-scrollbar {
    width: 3px;
}

/* Track */
.scp_list::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.scp_list::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
.scp_list::-webkit-scrollbar-thumb:hover {
    background: #555;
}
/* End Side Cart Section */

.top_cart{position: relative;}
.top_cart .count{position: absolute;
    color: #fff;
    left: 3px;
    bottom: 8px;
    font-size: 10px;
    width: 100%;
    text-align: center;}


/* Cart Page */
.ci_card{}
.ci_card .card-header, .cos_card .card-header, .primary_header{background: var(--primary_color);color: #fff;}
.ci_card .card-body{    padding: 0;}
.cart_items{}
.ci_box{    border-bottom: 1px solid #e0e6ef;
    padding-bottom: 10px;
    padding: 10px 15px;position: relative;}
.ci_box:last-child{border-bottom: none;}
.cib_img{
    /* border: 1px solid #ddd; */
    border-radius: 5px;    transition: .3s;    width: 140px;
    max-width: 100%;
    height: auto;}
.cib_img:hover{transform: scale(1.1);}
.cib_tools{}
.cib_title{}
.cib_title a{    color: var(--primary_color);
    font-size: 16px;
    font-weight: normal;}
.cib_title a:hover{text-decoration: none;color: var(--primary_hover_color);}
.cib_quantity{float: left;}
.cib_remove{
    border: 0;
    background: none;
    color: #dc3545;
    font-size: 16px;
    font-weight: 400;
    margin-top: 14px;
    display: inline-block;
    position: absolute;
    right: 0;
    bottom: 10px;
}
.cib_remove:hover{color: red;text-decoration: none;}
.cib_remove:hover{}
.cib_remove:focus{outline: none;}
.cib_amounts{    font-weight: 700;
    font-size: 14px;
    margin-top: 10px;
    color: var(--secondary_color);    height: 100%;position: relative;}
.ci_save_amount{margin-bottom: 0;}
.ci_amount{    margin-bottom: 0;
    font-size: 22px;}
.ci_amount_p{font-size: 22px;}

.cos_card{}
.cos_card table{}
.cos_card table th{    font-size: 14px;
    font-weight: 500;}
.cos_card table th td{}
.cos_card .button{padding: 5px 16px;
    font-size: 18px;}
.cos_card .button:hover{text-decoration: none;background: var(--primary_hover_color);}
.cos_card p{}
.cos_card p a{    font-size: 14px;
    margin-top: 5px;
    display: inline-block;
    color: var(--primary_color);
    font-weight: 700;}
/* End Cart Page */

/* Checkout */
.checkout_card{}
.checkout_card p{}
.checkout_card p a{    font-size: 14px;
    margin-top: 5px;
    display: inline-block;
    color: var(--primary_color);
    font-weight: 700;}
.checkout_card p a:hover{text-decoration: none;color: var(--primary_hover_color);}
.continue_to_shopping{color: #000;}
.continue_to_shopping:hover{color: #000;}
/* End Checkout */


/* Spacial Offer */
.spacial_offer{background: url(https://i.postimg.cc/qqDDzqwm/Untitled.png) ;
    padding: 25px 0; color: #000}
.spacial_offer h3{font-size: 18px;}
.spacial_offer h2{font-size: 58px;}
.spacial_offer p{    font-size: 25px;
    margin-top: 70px;}
.spacial_offer .so_button{
    color: #000;
    text-decoration: underline;
    font-weight: 700;
    font-size: 18px;
    margin-top: 36px;
    display: inline-block;}
/* End Spacial Offer */


.so_box{    border: 1px solid #ddd;
    background: #F2F2F2;padding: 15px 0;transition: .3s;}
.so_box:hover{text-decoration: none;box-shadow: 0px 0px 6px 4px #ddd;}


/* Shipping Loader */
.shipping_loader{    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(0, 0, 0, .5);
    font-size: 31px;
    text-align: center;
    color: #fff;
    padding-top: 45px;}
/* End Shipping Loader */

/* Checkout Right Sidebar */
.guest_right_sidebar{position: fixed;right: 0;top: 0;width: 100%;background: rgb(0, 0, 0, .5);    height: 100%;display: none;z-index: 9999;}
.guest_right_sidebar.active{display: block;}
.guest_right_sidebar .grs_wrap{    width: 305px;
    background: #fff;
    max-width: 100%;
    height: 100%;
    float: right;
    padding: 10px;}
.guest_right_sidebar .grs_wrap .header{}
.guest_right_sidebar .grs_wrap .header button{border: none;background: none;float: right;}
.guest_right_sidebar .grs_wrap .header button:focus{outline: none;}
.guest_right_sidebar .grs_wrap .header h3{}
.guest_right_sidebar .grs_wrap .body{}
/* End Checkout Right Sidebar */


/* Fixed Mobile Menu */
.fixed_mobile_menu{position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #fff;
    box-shadow: 3px 4px 7px #000;    z-index: 9;}
.fixed_mobile_menu ul{}
.fixed_mobile_menu ul li{}
.fixed_mobile_menu ul li a{    display: block;
    padding: 5px 0;
    color: var(--primary_color);
    font-size: 25px;}
.fixed_mobile_menu ul li a i{}
.fixed_mobile_menu ul li a:hover{}
.fixed_mobile_menu ul li a.cart_count{position: relative;}
.fixed_mobile_menu ul li a.cart_count span{    position: absolute;
    top: 2px;
    left: 58%;
    background: #FAE68B;
    width: 18px;
    height: 18px;
    text-align: center;
    border-radius: 50%;
    font-size: 11px;
    line-height: 20px;}
/* End Fixed Mobile Menu */

/* Mobile left menu */
#collapseLeftMenu{padding: 0 15px;}
#collapseLeftMenu ul{}
#collapseLeftMenu ul li{position: relative;}
#collapseLeftMenu ul li button{    border: none;
    background: none;
    position: absolute;
    top: 4px;
    right: 0;}
#collapseLeftMenu ul li button:focus{outline: none;}
#collapseLeftMenu ul li a{color: #000;
    border-bottom: 1px solid #ddd;
    display: block;
    padding: 6px 4px;
    font-size: 14px;}
#collapseLeftMenu ul li a:hover{text-decoration: none;}


#collapseLeftMenu ul li ul{
    padding-left: 15px;
}
/* End Mobile left menu */

/* Left Menu */
.left_all_category{    position: fixed;
    left: 0;
    top: 0;
    background: rgb(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    z-index: 999;
    padding-left: 0;
    opacity: 0;visibility: hidden;
    transition: .3s;
}
.left_all_category.active{visibility: visible;opacity: 1;}
.lac_container{    width: 360px;
    overflow: auto;
    background: #fff;
    height: 100%;margin-left: -360px; transition: .3s;}

.left_all_category.active .lac_container{margin-left: 0;}

.lac_header{    background: #232F3E;}
.lac_header a{    color: #fff;
    padding: 7px 6px;
    display: inline-block;
    font-size: 18px;}
.lac_header a:hover{}

.lac_items{}

.lac_close{    color: #fff;
    float: right;
    margin-top: 10px;
    margin-right: 10px;
    font-size: 19px;}
.lac_close:hover{cursor: pointer;}
/* End Left Menu */
.color_primary{
    color: #333333 !important;
}
.custom_color2{
    color: #aa7e71 !important;
}

/*----------------------------------------------------*/
.reviews-area{
    /* background-color: #adad4f17; */
}
.review-star {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
.single-review-area {
    margin: 20px;
    padding: 20px;
    background: #fff;
    box-shadow: 0 0 6px 2px #ddd;
}
.review-star .name a {
    font-size: 18px;
    font-weight: bold;
    color: #000;
}
.review-star .star .review {
    color: #ddd;
}
.star span {
    margin-left: 15px;
    color: #6c757d;
}
span.date {
    color: #6c757d;
    font-size: 14px;
    font-weight: bold;
}
.review-content span {
    font-size: 16px;
    color: #000;
    font-weight: bold;
}

.start_active{
    color: rgb(254, 207, 10);
}

.custom_button:hover{
    background-color: #b78b7b !important;
    color: white !important;
}
.custom_button2{
    background-color: #b78b7b !important;
    color: white !important;
    border: none;
}
.custom_button2:hover{
    background-color: #c08e7f !important;
    color: white !important;
    border: none;
}
.top_cart span {
    position: absolute;
    /* top: -3px; */
    right: -3px;
    background: #FAE68B;
    width: 18px;
    height: 18px;
    text-align: center;
    border-radius: 50%;
    font-size: 11px;
    line-height: 18px;
    color: black;
}
.custom_color3{
    color: #a14e30;
}
.custom_shadow{
    box-shadow: 0px 0px 6px 4px #ddd
}

.fa_custom {
    width: 32px !important;
    border-radius: 16px !important;
}

/*social icon design*/

.social_ul {
    display: flex;
    position: absolute;
    transform: translate(-50%, -50%);
    margin-left: 60px;
}

.social_ul .social_li {
    list-style: none;
}
.social_ul .social_li .social_a {
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    font-size: 15px;
    margin: 0px 2px;
    display: block;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    border: 1px solid #7c7474;
    z-index: 1;
}

.social_ul .social_li .social_a .icon {
    position: relative;
    transition: .5s;
    z-index: 3;
}

.social_ul .social_li .social_a:hover .icon {
    color: #fff;
    transform: rotateY(360deg);
}

.social_ul .social_li .social_a:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0077b5;
    transition: .5s;
    z-index: 2;
}

.social_ul .social_li .social_a:hover:before {
    top: 0;
}
@media (min-width: 992px) {
    .col-md-1-5 { width: 20%; }
    .col-md-2-5 { width: 40%; }
    .col-md-3-5 { width: 60%; }
    .col-md-4-5 { width: 80%; }
    .col-md-5-5 { width: 100%; }
}

@media (min-width: 1200px) {
    .col-lg-1-5 { width: 20%; }
    .col-lg-2-5 { width: 40%; }
    .col-lg-3-5 { width: 60%; }
    .col-lg-4-5 { width: 80%; }
    .col-lg-5-5 { width: 100%; }
}