/*****************************************************
Theme Name: Shampoo
Theme Version: 1.1.0
Design and Development: EOMSBD(https://eomsbd.com)
Technical Support: MD Satu
*****************************************************/


/*My Custom CSS*/

body {
    background: var(--background_color);
    font-family: 'Josefin Sans', sans-serif;
}

.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;
}

.btn-primary {
    background: var(--primary_color);
    border: 1px solid var(--primary_color);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background: var(--secondary_color) !important;
    border: 1px solid var(--secondary_color) !important;
    outline: 0 !important;
    box-shadow: none !important;
}


/* 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 */


/* Mobile Top Bar */

.section_for_mobile {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    width: 100%;
    padding-top: 5px;
    background: var(--primary_color);
}

.mobile_top_bar {}

.ber_items {
    background: var(--primary_color);
    height: 30px;
}

.ber_items i {}

.left_meun {
    float: left;
    color: #fff;
    padding: 3px 15px;
}

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

.right_meun {
    float: right;
    color: #fff;
    padding: 3px 15px;
}

.right_meun i {
    margin-left: 5px;
}


/* End Mobile Top Bar */


/* Top Bar */

.topber_section {
    border-bottom: solid 1px rgba(0, 0, 0, 0.05);
}

.top_items {
    height: 50px;
}

.top_items ul {}

.top_items ul li {
    float: left;
}

.top_items ul li a {
    font-weight: 300;
    color: #000;
    padding: 13px 15px;
    display: block;
}

.top_items ul li a:hover {
    text-decoration: none;
    color: #8A8A8A;
}

.top_items ul li a i {
    margin-right: 10px;
}

.top_items ul li.switch {
    float: right;
    position: relative;
}

.top_items ul li.switch:hover {
    cursor: pointer;
}

.top_items ul li.switch a img {
    width: 16px;
    margin-right: 5px;
}

.top_items ul li.switch ul {
    position: absolute;
    right: 0;
    border: solid 1px;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    z-index: 999;
    width: 350px;
    transition: .3s;
    padding: 12px 25px;
    top: 70px;
}

.top_items ul li.switch:hover ul {
    top: 50px;
    opacity: 1;
    visibility: visible;
}

.top_items ul li.switch ul li {
    width: 49%;
}

.top_items ul li.switch ul li a {
    padding: 0;
}


/* End Top Bar */


/* Top Ticke */

.ticker_section {}

.ticker_section marquee {
    color: var(--primary_color);
    font-size: 20px;
    font-weight: bolder;
    margin: 5px 0;
}


/* End Top Ticke */


/*Header Section*/

.header_section {
    padding: 25px 0;
    background: #fff;
    padding-bottom: 0;
}

.logo {
    margin-top: -17px;
}

.logo a {}

.logo a img {
    height: 50px;
    margin-top: 15px;
}

.top_search {}

.top_search form {
    border: 1px solid var(--primary_color);
    text-align: right;
}

.search_name {
    height: 42px;
    width: 59%;
    padding: 0 10px;
    border: 0;
}

.search_name:focus,
.search_option:focus {
    outline: none;
}

.search_option {
    height: 42px;
    width: 30%;
    color: #444;
    padding-left: 10px;
    font-size: 14px;
    font-family: 'Arial', sans-serif;
    border: 0;
    background: #fff;
    border-left: 1px solid #EEEEEE;
}

.search_option option {}

.search_submit {
    background: var(--primary_color);
    color: #fff;
    border: 0;
    padding: 10px 15px;
}

.search_submit i {}

.top_right_btn {}

.top_right_btn a {
    display: inline-block;
    width: 160px;
    border: 1px solid #eee;
    height: 44px;
    padding: 7px 10px;
    color: #333;
    position: relative;
    line-height: 28px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
}

.top_right_btn a:hover {
    text-decoration: none;
}

.top_right_btn a img {
    margin-right: 5px;
    margin-top: -5px;
}

.cart_count {
    position: absolute;
    top: -18px;
    left: 5px;
    background: var(--primary_color);
    color: #fff;
    display: block;
    width: 36px;
    height: 20px;
    text-align: center;
    line-height: 19px;
}

.shape {
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 9px solid var(--primary_color);
    position: absolute;
    left: 17px;
    top: 2px;
}


/*End Header Section*/


/* Main Menu Section */


/* Menu Style A */

.main_menu {
    background: #fff;
    border-top: 1px solid #E5E5E5;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
    /* margin-bottom: 15px; */
    border-bottom: 1px solid #E5E5E5;
}

.menu_syule_a {
    height: 45px;
}

.menu_syule_a ul {
    position: relative;
}

.menu_syule_a ul li {
    float: left;
}

.menu_syule_a ul li a {
    color: #333;
    font-size: 15px;
    line-height: 21px;
    font-weight: 600;
    display: block;
    text-decoration: none;
    padding: 12px 18px;
    padding-right: 20px;
    border-radius: 4px 4px 0 0;
}

.menu_syule_a ul li:hover {
    color: #fff;
}

.menu_syule_a ul li:hover a {
    background: #333333;
    color: #fff;
}

.menu_syule_a ul li a i {}

.menu_syule_a ul li:hover a i {
    color: #fff;
}


/* Mega Menu */

.menu_syule_a ul li ul {
    width: 1110px;
    position: absolute;
    display: none;
    z-index: 999;
    left: 0;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .4);
    background: #fff;
    padding: 25px 0;
    border-top: 4px solid #343434;
}

.menu_syule_a ul li:hover ul {
    display: block;
}

.menu_syule_a ul li ul li {
    float: left;
    width: 25%;
    display: inline-block;
    border-right: 1px solid #DEDDDD;
    padding: 10px 0;
}

.menu_syule_a ul li:hover ul li a {
    background: #fff;
    color: #000;
    font-size: 16px;
    padding: 5px 19px;
}

.menu_syule_a ul li ul li a:hover {}


/* Mega Menu Sub Items */

.menu_syule_a ul li ul li ul {
    position: unset;
    border: 0;
    width: 100%;
    box-shadow: none;
    padding: 0;
}

.menu_syule_a ul li ul li ul li {
    display: block;
    border: 0;
    padding: 0;
    width: 100%;
}

.menu_syule_a ul li:hover ul li ul li a {
    padding: 3px 18px;
    color: #696763;
    font-size: 15px;
    font-weight: 400;
}

.menu_syule_a ul li:hover ul li:hover ul li:hover a {
    color: #414141;
}


/* End Mega Menu Sub Items */


/* End Mega Menu */


/* End Main Menu Section */


/*mobile Menu*/

.slicknav_menu {
    background: none;
    position: absolute;
    right: 8px;
    top: 331px;
    width: 100%;
    z-index: 9;
    padding-left: 23px;
}

.mobile_cat_men {
    position: absolute;
    left: 6px !important;
    z-index: 10;
    width: 70%;
    right: inherit;
    padding-left: 0;
}

.mobile_cat_men .slicknav_btn {
    float: left;
}

.mobile_cat_men .slicknav_nav {
    margin-left: 8px;
}

.slicknav_nav .slicknav_row,
.slicknav_nav a {
    border-bottom: solid 1px rgba(255, 255, 255, 0.1);
}

.slicknav_nav {
    background: #ff3366;
}

.slicknav_btn {
    background: none;
}


/*vertical menu*/

.vertical_menu {
    margin-bottom: 10px;
}

.v_menu_title {
    background: var(--primary_color);
    color: #fff;
    font-size: 19px;
    padding: 3px 16px;
    height: 35px;
}

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

.v_menu_list {
    margin: 0;
    padding: 0;
    background: #fff;
    box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.1);
}

.v_menu_list li {
    list-style: none;
    position: relative;
}

.v_menu_list li a {
    padding: 12px 25px;
    display: block;
    font-size: 16px;
    color: #000;
    border-bottom: 1px solid #f2f2f2;
}

.v_menu_list li:hover a {
    text-decoration: none;
    color: var(--primary_color);
}

.v_menu_list li i {
    position: absolute;
    right: 29px;
    top: 20px;
    font-size: 12px;
}

.horizontal_menu {
    height: 60px;
}


/*vertical sub menu*/

.v_menu_list li ul {
    position: absolute;
    left: 100%;
    z-index: 99;
    background: #fff;
    width: 115%;
    top: 0;
    padding-left: 0;
    top: 105%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.v_menu_list li:hover ul {
    top: 0;
    visibility: visible;
    opacity: 1;
}

.v_menu_list li ul li {}

.v_menu_list li:hover ul li a {
    color: #000;
}

.v_menu_list li:hover ul li:hover a {
    color: var(--primary_color);
}


/* vertical sub sub menu */

.v_menu_list li:hover ul li ul {
    position: absolute;
    left: 100%;
    top: 0;
    visibility: hidden;
    opacity: 0;
}

.v_menu_list li:hover ul li:hover ul {
    opacity: 1;
    visibility: visible;
}

.v_menu_list li ul li ul li {}

.v_menu_list li:hover ul li:hover ul li a {
    color: #000;
}

.v_menu_list li:hover ul li:hover ul li:hover a {
    color: var(--primary_color);
}


/* Ens vertical menu */


/*menu_for_mobile*/

.menu_for_mobile {
    background: #fff;
    box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.1)
}

.menu_for_mobile ul {
    margin: 0;
    padding: 0;
}

.menu_for_mobile ul li {
    list-style: none;
    position: relative;
}

.menu_for_mobile ul li button {
    position: absolute;
    top: 6px;
    right: 7px;
    background: 0;
    border: 0;
}

.menu_for_mobile ul li a {
    padding: 12px 25px;
    display: block;
    font-size: 16px;
    color: #000;
    border-bottom: 1px solid #f2f2f2;
}

.menu_for_mobile ul li a:hover {
    text-decoration: none;
    color: #0E8CE4;
}

.menu_for_mobile ul li ul {
    padding-left: 20px;
}

.menu_for_mobile ul li ul li {}

.menu_for_mobile ul li ul li a {
    font-size: 14px;
}


/*End menu for mobile*/

/* Shop by Brand Section */
.sbb{}
.sbb_list{}
.sbbl_box{    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.05);
    box-shadow: 0 0 5px 0 rgba(0,0,0,.05);
    background: #fff;
    padding: 18px 20px;text-align: center;
    margin-bottom: 20px;
    border-radius: 5px;
    padding-bottom: 1px;}
.sbbl_box a{color: rgb(50, 62, 70);text-decoration: none;}
.sbbl_box a:hover{}
.sbbl_box a img{width: 100%;height: 85px;}
.sbbl_box a h3{font-size: 15px;
    margin-top: 5px;
    min-height: 40px;
    max-height: 40px;}
/* End Shop by Brand Section */

/* Characteristics Section*/

.characteristics {
    margin-top: 25px;
}

.char_box {
    height: 100px;
    border: solid 1px #e8e8e8;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
}

.c_left_icon {
    float: left;
    width: 80px;
    height: 100%;
}

.c_left_icon i {
    color: var(--primary_color);
    font-size: 30px;
    padding: 34px 24px;
}

.c_right_contenr {
    padding: 28px 0px;
}

.characteristics_name {
    font-size: 15px;
    font-weight: 500;
    color: #000000;
}

.characteristics_subtitle {
    font-size: 12px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.5);
    margin-top: 3px;
}


/* End Characteristics Section*/


/* Home Product Start */


/* Product List Style 5 */

.home_product_list_e {}


/* Block head */

.hp_e_block_head {
    height: 40px;
    border-bottom: 1px solid #dadada;
    margin-bottom: 15px;
    margin-top: 20px;
}

.hp_main_category_name {
    float: left;
}

.hp_main_category_name a {
    font-size: 24px;
}

.hp_main_category_name a:hover {
    text-decoration: none;
}

.hp_e_block_subcat {
    float: right;
}

.hp_e_block_subcat ul {}

.hp_e_block_subcat ul li {
    float: left;
}

.hp_e_block_subcat ul li a {
    color: #7F7F7F;
    font-size: 18px;
    padding: 6px 20px;
}

.hp_e_block_subcat ul li a:hover,
.hp_e_block_subcat ul li a.active {
    text-decoration: none;
    color: #333333;
}


/* End Block head */

.hp_e_list {}

.hp_e_single_box {
    margin-bottom: 25px;
}

.hp_e_thumb {
    height: 150px;
    overflow: hidden;
    position: relative;
    margin-bottom: 10px;
}

.hp_e_thumb img {}

.hp_e_fev a {
    position: absolute;
    top: 15px;
    right: 0;
    height: 30px;
    width: 30px;
    border: 1px solid #CCCCCC;
    text-align: center;
    font-size: 16px;
    opacity: 0;
    visibility: hidden;
    border-radius: 50%;
    line-height: 29px;
    transition: .3s;
    background: #FFFFFF;
    color: #CCCCCC;
}

.hp_e_thumb:hover .hp_e_fev a {
    top: 0;
    opacity: 1;
    visibility: visible;
}

.hp_e_fev a:hover,
.hp_e_fev a.active {
    color: #E31C1E !important;
    cursor: pointer !important;
}

.hp_e_fev i {}

.hp_e_cintent {
    text-align: center;
}

.hp_e_price {
    font-size: 16px;
    font-weight: 500;
    color: #ff0000
}

.hp_e_title {
    font-size: 17px;
    font-weight: 400;
    color: #000000;
    line-height: 20px;
    height: 45px;
}

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

.hp_e_bottom_contenr {
    height: 25px;
    padding: 0 10px;
}

.hp_e_discount_price {
    float: left;
    color: #8c8c8c;
    font-size: 1rem;
    text-decoration: line-through;
}

.hp_e_rattimg {
    float: right;
}

.hp_e_rattimg span {
    color: #f90;
    font-size: 11px;
}


/* End Product List Style 5 */


/* End Home Product */


/*footer*/

footer {}

.top_footer {
    background: #2E2E54;
    padding-top: 25px;
}

.lm_title {
    color: #fff;
}

.footer_l_menu {}

.footer_l_menu h3 {
    font-size: 18px;
    font-weight: 300;
    line-height: 18px;
    margin: 28px 0 9px;
    margin-top: 0;
}

.footer_l_menu ul {
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
}

.footer_l_menu ul li {
    list-style: none;
    line-height: 17px;
}

.footer_l_menu ul li a {
    color: #fff;
    font-size: 12px;
    font-weight: 200;
}

.foo_sub_head {}

.foo_sub_head h3 {
    font-size: 18px;
    font-weight: 300;
    line-height: 18px;
    margin: 0;
    color: #fff;
    margin-bottom: 5px;
}

.footer_subscribe {}

.fs_form {
    margin-top: 5px;
    overflow: hidden;
}

#fs_email {
    margin-bottom: 10px;
    width: 274px;
    float: left;
    border-radius: 5px 0 0 5px;
}

.fs_radio {
    float: left;
    padding-left: 10px;
    margin-bottom: 10px;
}

.f_submit_btn {
    border-radius: 0 5px 5px 0;
    background: var(--primary_color);
    border: 1px solid var(--primary_color);
    color: #fff;
}

.footer_app_link {}

.footer_app_link ul {
    margin: 0;
    padding: 0;
}

.footer_app_link ul li {
    list-style: none;
    float: left;
}

.footer_app_link ul li a {
    margin-right: 10px;
    margin-right: 10px;
    display: block;
    margin-bottom: 10px;
}

.footer_app_link ul li a img {
    height: 40px;
    width: 120px;
    border-radius: 8px;
}

.copyright_footer {
    background: #fff;
    padding-top: 25px;
}

.payment_logo {}

.payment_logo h3,
.social_links h3 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    line-height: 18px;
    color: #333;
    margin-bottom: 8px;
}

.payment_logo ul {
    margin: 0;
    padding: 0;
    display: inline-block;
}

.payment_logo ul li {
    list-style: none;
    float: left;
    margin-right: 10px;
}

.payment_logo ul li img {
    height: 30px;
    margin-bottom: 20px;
}

.social_links {}

.social_links h3 {}

.social_links ul {
    margin: 0;
    padding: 0;
    display: inline-block;
}

.social_links ul li {
    list-style: none;
    float: left;
    margin-right: 10px;
}

.social_links ul li a {
    display: block;
    height: 35px;
    width: 35px;
    border: 1px solid;
    text-align: center;
    line-height: 32px;
    font-size: 20px;
    border-radius: 50%;
}

.social_links ul li a i {}

.copyright {}

.copyright p {
    padding: 10px 0;
}


/* End Footer */


/* 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 Homeppage Product Style C */


/* Product List Style 3 */

.home_pro_section_c {
    padding: 25px 0px;
}

.hpp_c_all_post_container {
    background: #fff;
    margin-top: 10px;
}

.hpp_c_list {
    padding: 0 15px;
}

.hpp_c_single_pro {
    border: 1px solid #eaeaea;
    margin-bottom: 15px;
}

.hpp_c_single_pro:hover {
    border: 1px solid #999999;
}

.no_padding {
    padding: 0;
}

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

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

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

.hpp_c_favorite:hover {
    background: red;
    color: #fff;
}

.hpp_c_favorite {
    top: 3px;
    right: 3px;
}

.hpps_c_info {
    padding: 0 8px;
    padding-bottom: 12px;
}

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

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

.hpps_c_tags {
    position: relative;
}

.hpps_c_info .price {
    color: #ff3366;
    line-height: 15px;
    font-size: 18px;
    width: 100%;
    display: block;
    float: left;
}

.hpps_c_info .d_price {
    font-size: 16px;
    color: #BBB8B5;
    text-decoration: line-through;
}

.hpps_c_info .percent {
    font-weight: bold;
    font-size: 14px;
    color: red;
    margin-left: 7px;
}

.hp_c_ratting {
    position: absolute;
    top: -10px;
    right: 0;
}

.hp_c_ratting span {
    color: #f90;
    font-size: 10px;
}
.c_home_pro_section .owl-carousel .owl-dots, .c_home_pro_section .owl-carousel .owl-nav{    display: block;
    position: absolute;
    right: 0;
    top: -50px;}
.c_home_pro_section .owl-carousel .owl-nav button.owl-prev, .c_home_pro_section .owl-carousel .owl-nav button.owl-next{    top: 0;
    right: 6px;
    margin: 0 3px;
    background: #fff !important;
    display: inline-block;
    font-size: 30px !important;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    line-height: 25px;
    position: unset;font-weight: normal !important;}
.c_home_pro_section .owl-carousel .owl-nav button.owl-prev span, .c_home_pro_section .owl-carousel .owl-nav button.owl-next span{margin-top: 0;}
.c_home_pro_section .owl-carousel .owl-nav button.owl-prev:hover, .c_home_pro_section .owl-carousel .owl-nav button.owl-next:hover{background: var(--primary_color) !important;color: #fff !important;}
/* .c_home_pro_section .owl-carousel .owl-nav.disabled button.owl-prev:hover, .c_home_pro_section .owl-carousel .owl-nav.disabled button.owl-next:hover{background: #fff !important;color: #000 !important; cursor: not-allowed;} */
.c_home_pro_section .owl-carousel .owl-nav button.owl-prev:focus, .c_home_pro_section .owl-carousel .owl-nav button.owl-next:focus{outline: none;}
.c_home_pro_section .owl-carousel .owl-nav button.owl-prev{}
.c_home_pro_section .owl-carousel .owl-nav button.owl-next{}

/* End Product List Style 3 */


/* Product List Style 1 */

.a_product_section {}

.a_product_section .row {
    margin: 0;
}

.a_single_pro_cat {
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
    background: #fff;
    margin-top: 30px;
    overflow: hidden;
}

.a_single_pro_cat .hps_a_cat_cont {
    padding-right: 0;
}

.a_single_pro_cat .hps_a_cat_cont {
    padding-left: 0;
}

.a_cat_title {}

.a_cat_title a {
    background: var(--primary_color);
    display: block;
    padding: 15px 0;
    color: #fff;
    transition: .3s;
}

.a_cat_title a:hover {
    text-decoration: none;
    padding-left: 10px;
    color: #FFFFA8;
    transition: .3s;
}

.a_cat_title a h3 {
    font-size: 15px;
    padding-left: 15px;
}

.hp_a_subcat {}

.hp_a_subcat ul {
    padding: 0;
}

.hp_a_subcat ul li {
    list-style: none;
}

.hp_a_subcat ul li a {
    color: #222;
    display: block;
    padding: 5px 0;
    padding-left: 25px;
}

.hp_a_subcat ul li a:hover {
    text-decoration: none;
    color: var(--primary_color);
}

.hp_a_slider {}

.hp_a_slider img {
    width: 100%;
}

.hp_a_pro_list {
    margin-right: -15px;
}

.hp_a_pro_list .hpsss_a_cont {
    padding: 0;
}

.hops_a_box {
    border: 1px solid #F2F2F2;
}

.hops_a_box:hover {
    box-shadow: 0px 0px 20px #DDD;
    transition: background-color .3s, color .15s, box-shadow .3s, opacity 0.3s;
}

.hps_a_pro {}

.hpp_a_thumb {}

.hpp_a_thumb a {}

.hpp_a_thumb a img {
    width: 100%;
    height: auto;
}

.hpp_a_name {
    padding: 0px 4px;
}

.hpp_a_name a {
    color: #333;
    text-align: center;
    height: 20px;
    overflow: hidden;
    display: block;
}

.hpp_a_name a:hover {
    text-decoration: none;
    color: #337AB7;
}

.hpp_a_name a h3 {
    font-size: 13px;
}

.hpp_a_price {
    text-align: center;
    padding-bottom: 15px;
}

.hpp_a_price span.m_price {
    color: var(--primary_color);
    font-size: 16px;
}

span.a_oof_price {
    text-decoration: line-through;
    margin-right: 5px;
    color: #9e9e9e;
    font-size: 12px;
}

span.a_discount {
    color: #9e9e9e;
    font-size: 12px;
}


/* End Product List Style 1 */


/* Product List Style 4 */

.d_home_product_section {
    margin-top: 20px;
}

.product_block_syle_four {
    background: #fff;
    margin-bottom: 20px;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
}


/* Product Left Category Menu */

.hp_d_left_menu {}

.hplm_d_title {
    background: var(--primary_color);
    line-height: 32px;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    padding: 10px 12px;
    text-align: center;
    height: 50px;
    display: block;
}

.hplm_d_title:hover {
    text-decoration: none;
    color: #fff;
}

.hplm_d_title i {
    font-size: 15px;
    margin-left: 4px;
}

.d_hplm_items {
    margin-top: 15px !important;
    padding-left: 15px !important;
}

.d_hplm_items li {}

.d_hplm_items li a {
    display: block;
    font-size: 15px;
    padding: 6px 16px;
    color: #696763;
}

.d_hplm_items li a:hover {
    text-decoration: none;
    color: #787878;
}


/* End Product Left Category Menu */


/* Product Listing */

.hp_list_style_four {}

.np_padding {
    padding: 0;
}

.padding_right {
    padding-right: 30px;
}

.hp_d_single_product {
    position: relative;
    padding: 10px 0;
    overflow: hidden;
    width: 25%;
    height: 350px;
    display: inline-block;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #ddd;
    padding-top: 0;
    margin-bottom: 15px;
}

.hp_d_single_product:hover {
    /* border: 1px solid #AAAAAA; */
}

.hp_d_thumb {
    width: 100%;
    height: 235px;
    overflow: hidden;
    margin-bottom: 15px;
}

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

.hp_d_thumb:hover img {
    transform: scale(1.1, 1.1);
    transform-origin: top center;
}

.hp_d_content {}

.hps_d_title {}

.hps_d_title a {
    font-family: 'Josefin Sans', sans-serif;
    line-height: 18px;
    display: block;
    color: #696763;
    font-size: 14px;
    padding: 0 5px;
    height: 18px;
    overflow: hidden;
}

.hps_d_title a:hover {
    text-decoration: none;
    color: #414141;
}

.hps_d_price {
    font-family: inherit;
    font-weight: 500;
    color: var(--primary_color);
    font-size: 14px;
}

.d_discount_price {
    color: #8c8c8c;
    font-size: 14px;
    text-decoration: line-through;
}

.d_save_money {
    font-family: inherit;
    font-weight: 500;
    color: #BE3036;
    font-size: 14px;
}

.hps_d_short_info {
    font-size: 13.5px;
    min-height: 20px;
    color: #292421;
    font-weight: 700;
    height: 23px;
    overflow: hidden;
}

.hp_d_detail_link {
    position: absolute;
    top: 8px;
    transition: .3s;
    left: -72px;
    background: var(--primary_color);
    color: #fff;
    font-size: 14px;
    border-radius: 2px;
    padding: 5px 10px;
}

.hp_d_detail_link:hover {
    text-decoration: none;
    color: #fff;
    background: var(--secondary_color);
}

.hp_d_buy_link {
    position: absolute;
    transition: .3s;
    top: 8px;
    right: -90px;
    background: var(--primary_color);
    color: #fff !important;
    border-radius: 2px;
    font-size: 14px;
    padding: 5px 10px;
}

.hp_d_buy_link:hover {
    text-decoration: none;
    color: #fff;
    background: var(--secondary_color);
    cursor: pointer;
}

.hp_d_buy_link i {
    font-size: 12px;
    margin-right: 4px;
}

.hp_d_single_product:hover .hp_d_detail_link {
    left: 5px;
}

.hp_d_single_product:hover .hp_d_buy_link {
    right: 5px;
}

.d_pro_status {
    position: absolute;
    top: 55px;
    right: 10px;
}


/* End Product List Style 4 */


/* Product List Style 2 */

.b_home_pro_section {
    padding: 25px 0px;
}

.b_hpp_top_menu {
    height: 50px;
    background: #fff;
    border-bottom: 3px solid var(--primary_color);
    overflow: hidden;
}

.b_hpp_top_menu ul {
    position: relative;
}

.b_hpp_top_menu ul li {
    float: left
}

.b_hpp_top_menu ul li a {
    color: #333;
    line-height: 20px;
    font-size: 14px;
    padding: 14px 20px;
    display: block;
    background: url(../img/kak.png) no-repeat right center;
}

.b_hpp_top_menu ul li a.b_hpp_main_cat_name {
    background: var(--primary_color);
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 17px;
    padding-right: 80px;
}

.b_hpp_top_menu ul li a.b_hpp_main_cat_name img {
    width: 26px;
    height: auto;
    margin-right: 20px;
}

.b_hpp_top_menu ul li a.active,
.b_hpp_top_menu ul li a:hover {
    text-decoration: none;
    background: var(--primary_color);
    color: #fff;
}

.b_hp_sec_nav {
    float: right;
}

.b_hp_sec_nav ul {
    margin-right: 10px;
}

.b_hp_sec_nav ul li {}

.b_hp_sec_nav ul li i {
    font-size: 22px;
    font-weight: bold;
}

.b_hp_sec_nav ul li i:hover {
    color: #CCCCCC;
    cursor: pointer;
}

.b_hp_banner {}

.b_hpp_all_post_container {
    background: #fff;
    margin-top: 10px;
}

.b_hpp_featured_post {}

.b_hfp_thumb {
    position: relative;
}

.b_hfp_thumb a {
    position: relative;
    display: block;
    width: 100%;
    height: 350px;
}

.b_hfp_thumb a:after {
    content: "";
    height: 320px;
    width: 1px;
    display: block;
    background: rgba(255, 255, 255, 0.8);
    z-index: 9999;
    position: absolute;
    left: 15px;
    transition: .5s;
    top: 15px;
    transform: scale(0);
}

.b_hfp_thumb a:before {
    content: "";
    height: 320px;
    width: 1px;
    display: block;
    background: rgba(255, 255, 255, 0.8);
    z-index: 9999;
    position: absolute;
    right: 15px;
    transition: .5s;
    top: 15px;
    transform: scale(0);
}

.b_hfp_thumb a .top_border {
    height: 1px;
    width: 225px;
    display: block;
    background: rgba(255, 255, 255, 0.8);
    z-index: 9999;
    position: absolute;
    top: 15px;
    transition: .5s;
    transform: scale(0);
    left: 15px;
}

.b_hfp_thumb a .bottom_border {
    height: 1px;
    width: 225px;
    display: block;
    background: rgba(255, 255, 255, 0.8);
    z-index: 9999;
    position: absolute;
    bottom: 15px;
    transition: .5s;
    transform: scale(0);
    left: 15px;
}

.b_hfp_thumb:hover a:after,
.b_hfp_thumb:hover a:before,
.b_hfp_thumb:hover a .top_border,
.b_hfp_thumb:hover a .bottom_border {
    transform: scale(1);
}

.b_hfp_thumb img {
    width: 100%;
    float: left;
    height: 350px;
}

.b_hfp_thumb .b_featured_img {
    position: absolute;
    top: -5px;
    z-index: 99999;
    right: -5px;
}

.b_hfp_thumb .b_featured_img img {
    width: auto;
    height: auto;
}

.b_hpp_list {}

.b_hpp_single_pro {
    border-right: 1px solid #eaeaea;
}

.b_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;
}

.b_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;
}

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

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

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

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

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

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

.b_hpps_thumb {
    height: 210px;
    overflow: hidden;
    position: relative;
}

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

.b_hpp_single_pro:hover .b_hpps_thumb img {
    transform: scale(1.2);
}

.b_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%;
}

.b_hpp_single_pro:hover .b_hp_add_cart {
    cursor: pointer;
    bottom: 0;
}

.b_hp_add_cart:hover {
    text-decoration: none;
    color: #fff;
}

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

.b_hpp_favorite,
.b_hpp_compare,
.b_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;
}

.b_hpp_favorite:hover,
.b_hpp_compare:hover {
    color: #fff;
    background: #28AEE4;
}

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

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

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

.hpp_single_pro:hover .b_hpp_favorite {
    right: 20px
}

.hpp_single_pro:hover .b_hpp_compare {
    right: 20px
}

.hpp_single_pro:hover .b_hpp_zoom {
    right: 20px
}

.b_hpps_info {
    padding: 0 8px;
}

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

.b_hpps_info .name:hover {
    color: #FF799A;
    text-decoration: none;
}

.b_hpps_tags {
    height: 28px;
}

.b_hpps_info .price {
    color: var(--primary_color);
    line-height: 15px;
    font-size: 18px;
    display: block;
    margin-right: 5px;
}

.b_hp_discount_price {
    text-decoration: line-through;
    float: left;
    margin-top: -3px;
    font-weight: 600;
    color: var(--primary_color);
}

.b_hp_ratting {
    float: left;
}

.b_hp_ratting span {
    color: #f90;
    font-size: 13px;
}


/* End Product List Style 2 */


/* Single Product Section */

.preview_window {
    z-index: 99;
}

.single_product_page {
    margin-top: 15px;
}

.spb_related_post_section .hp_single_product {
    border: 1px solid #dee2e6;
}

/* .small-img {
    width: 100%;
    height: 70px;
    margin-top: 10px;
    position: relative;
    left: 0;
    overflow: hidden;
}

.small-img .icon-left {
    z-index: 9;
} */

/* .single_thumb {
    margin-bottom: 20px;
    position: relative;
}

.sp_share {
    position: absolute;
    top: 163px;
    left: 27%;
    background: #92CBDD;
    font-weight: bold;
    font-style: italic;
    font-size: 30px;
    display: none;
    padding: 3px 18px;
    border-radius: 36px;
    color: #3B3B3B;
}

.sp_share:hover {
    text-decoration: none;
}

.single_thumb:hover .sp_share {
    display: block;
} */

.sp_share i {}


/* Single Product Page Left Sideber */

.sp_relatred_product {
    position: relative;
}

.sp_left_sideber {
    background: #fff;
    padding-bottom: 30px;
    border: 1px solid #CCCCC6;
}

.spr_single_product {
    position: relative;
    overflow: hidden;
    margin-bottom: 25px;
    padding: 0 11px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
}

.spr_single_product:hover .hp_d_detail_link {
    left: 20px;
}

.spr_single_product:hover .hp_d_buy_link {
    right: 20px;
}

.sideber_title {
    text-align: center;
    padding-top: 10px;
}

.sideber_title h5 {
    background: #EEEEEE;
    margin: 0 11px;
    font-size: 16px;
    padding: 11px 4px;
}

.spr_nav {}

.spr_left_icon {}

.spr_left_icon i {
    left: 10px;
}

.spr_right_icon {}

.spr_right_icon i {
    right: 10px;
}

.spr_nav i {
    position: absolute;
    background: #414141;
    color: #fff;
    height: 30px;
    width: 30px;
    text-align: center;
    font-size: 17px;
    bottom: -40px;
    line-height: 30px;
}

.spr_nav i:hover {
    background: #CCCCC6;
}


/* End Single Product Page Left Sideber */

.info_table{}
.info_table .it_separator{    padding: 0 15px;}

.single_product {
    background: #fff;
    padding: 10px;
}

.sp_short_details {}

.sp_name {
    color: #333;
    font-size: 24px;
    line-height: 26px;
    font-weight: 400;
    text-transform: capitalize;
}

.sp_rattiings {}

.sp_rattiings .sp_ratting {
    position: relative;
    padding-left: 10px;
}

.singleFavorite {
    font-size: 25px;
}

.singleFavorite:hover,
.singleFavorite.active {
    cursor: pointer;
    color: var(--primary_color);
}

.sp_ratting {
    top: 5px;
    color: #FEBF2B;
    right: 10px;
}


.tag_items a {
    color: #999999;
}

.sp_buy {
    margin-top: 15px;
}

/* Single Product Price */
.sp_price{    color: var(--primary_color);font-weight: 500;}
.sp_selling_price{
    font-size: 32px;
    font-weight: 500;
    padding: 10px 0;
    line-height: 15px;  }
.sp_price .sp_discount_p{font-size: 17px;}
.sp_price .sp_per{color: #A8A8A8;
    font-size: 16px;
    margin-left: 7px;
    text-decoration: line-through;}
.sp_selling_price .price_amount{    color: #828282;}
/* End Single Product Price */

/* Single Product Buttons */
.cartForm{    display: block;
    overflow: hidden;}
.product_quantity{margin-top: 10px;}
.product_quantity .minus{}
.product_quantity .plus{}
.product_quantity button{    border: 0;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    font-size: 13px;
    line-height: 26px;}
.product_quantity button:focus{outline: none;}
.product_quantity button:hover{background: var(--primary_color);color: #fff;}
.product_quantity button i{}
.product_quantity .quantity{    border: 0;
    width: 35px;
    text-align: center;}
.product_quantity .quantity:focus{border: 0;outline: none;}

.sp_cart_btn{margin-left: 15px;}
.sp_cart_btn .sp_atc{background: var(--primary_color);color: #fff;    position: relative;
    overflow: hidden;}
.sp_cart_btn .sp_atc:hover{background: #fff;color: #000;}
.sp_cart_btn .sp_atc:after{
content: "";
position: absolute;
z-index: 1;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 150%;
height: calc(100% + 2px);
background-color: #fff;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: rotate3d(0, 0, 1, 10deg) translate3d(-1.2em, 110%, 0);
transform: rotate3d(0, 0, 1, 10deg) translate3d(-1.2em, 110%, 0);
-webkit-transform-origin: 0% 100%;
transform-origin: 0% 100%;
transition: transform 0.5s cubic-bezier(0.59, 0.03, 0.2, 1);}

.sp_cart_btn .sp_atc:hover:after{-webkit-transform: rotate3d(0, 0, 1, 0deg) translate3d(0, 0, 0);
transform: rotate3d(0, 0, 1, 0deg) translate3d(0, 0, 0);    top: -35px;}
.sp_cart_btn .sp_buy_now{background: #fff;}
.sp_cart_btn button{    margin-right: -5px;
    padding: 10px 20px;
    text-transform: uppercase;border: 2px solid var(--primary_color);}
.sp_cart_btn button:focus{outline: none;}
/* End Single Product Buttons */



.ss_title {
    color: var(--primary_color);
    margin-bottom: 20px;
    text-transform: uppercase
}

.ss_buttons ul li {
    display: inline-block;
    margin-bottom: 5px;
}

.ss_buttons ul li a {
    padding: 7px 6px;
    display: block;
    border: 1px solid var(--primary_color);
    color: var(--primary_color);
    line-height: 10px;
    font-size: 14px;
    margin-right: 5px
}

.ss_buttons ul li a:hover {
    text-decoration: none;
    background: var(--primary_color);
    color: #fff
}

/* .sp_buy form {}

.sp_buy form span {
    font-weight: bold;
}

.sp_buy form input {
    width: 45px;
    height: 40px;
    margin-left: 5px;
    text-align: center;
}

.sp_buy form button {
    margin-top: -5px;
    padding: 7px 25px;
    margin-left: 10px;
} */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0;
    /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
    -moz-appearance: textfield;
    /* Firefox */
}



.sp_phone_numbers {
    height: auto;
    overflow: hidden;
}

.sp_phone_numbers .icon {
    padding-right: 5px;
    color: #828282;
    padding-top: 1px;
    font-size: 33px;
}
.sp_phone_numbers .icon:hover{
color: var(--primary_color);
}

.sp_phone_numbers .sp_nmber_list {
    display: inline-block;
    text-align: left;
}

.sp_nmber_list {}

.sp_buttons {
    margin-bottom: 20px;
}

.sp_buttons button {}

.sp_full_details {}

.section_name {
    border-bottom: 2px solid #EEEEEE;
    margin-bottom: 20px;
}

.section_name h5 {
    background: #EEEEEE;
    display: inline-block;
    padding: 9px 15px;
    font-weight: bold;
    margin: 0;
}

.sp_details_bosy {
    padding: 25px 0;
}

.sp_details_bosy b {
    color: #878787;
}

.sp_details_bosy p {
    color: #878787;
}


/* Single Product Page Related Post */

.spb_related_post_section {
    background: #fff;
    width: 100%;
    padding: 10px;
    margin: 0 15px;
    margin-top: 35px;
}


/* End Single Product Page Related Post */


/* End Single Product Section */


/* Page Navigation */

.page_nav {
    margin: 15px 0;
}

.page_nav a i {
    padding-right: 10px;
    color: #000;
}

.pm_home {
    font-family: 'Saira Condensed', sans-serif;
    color: var(--primary_color);
    font-size: 15px;
}

.pm_cat {
    font-family: 'Saira Condensed', sans-serif;
    color: var(--primary_color);
    font-size: 15px;
}


/* Page Navigation */


/* Category Page */

.cat_page_header{background-color: #F8F3E8;overflow-x: hidden;}
.ch_image{height: 100%;object-fit: cover;}


/* Category Left Sideber */

.category_left_sideber {
    background: #fff;
    padding: 20px;
    border-radius: 2px;
    border: 1px solid #e2dede;
}

.single_filter_box {}

.filter_title {
    color: #00aeef;
    font-size: 16px;
    margin-bottom: 20px;
    position: relative;
    font-weight: normal;
}

.filter_title i {
    position: absolute;
    right: 0;
    top: 6px;
    font-size: 12px;
}

.filter_items_list {}

.filter_items_list ul {}

.filter_items_list ul li {
    height: 30px;
}

.filter_items_list ul li input {
    float: left;
}

.filter_items_list ul li a {
    color: #696763;
    font-size: 12px;
    font-family: Arial;
    display: block;
    float: left;
    margin-top: -3px;
    margin-left: 8px;
}

.filter_items_list ul li a:hover {
    color: #414141;
}

.filter_for_mobile button {
    width: 100%;
}

.m_filter_body {
    margin-top: 15px;
}


/* End Category Left Sideber */

.category_product_list {
    /* background: #fff;
    width: 100%;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1); */
}


/* Section Head */

.cat_section_head {
    height: 50px;
}

.left_had {
    padding: 5px 10px;
}

.category_name {
    font-size: 30px;
    /* margin: 7px 10px; */
}

.right_head {
    padding: 10px;
}

.right_head span {
    float: left;
    font-size: 13px;
    line-height: 30px;
    color: #000;
    margin-right: 30px;
}

.head_filter {
    float: left;
    border: 1px solid #e5e5e5;
    height: 32px;
    width: 150px;
}

.head_filter select {
    height: 100%;
    border: 0;
    color: #696763;
    font-size: 15px;
}

.head_filter select:focus {
    outline: none;
}


/* End Section Head */


/* End Category Page */


/*BRAND SHOWCASE SECTION*/

.brand_showcase_section {
    margin: 30px 0;
}

.bs_meu ul li a:hover,
.bs_meu ul li a.active {
    text-decoration: none;
    background: #fff;
}

.sp_widgets {
    border-left: 1px solid #EAEAEA;
    border-right: 1px solid #EAEAEA;
    padding: 40px 20px;
    padding-bottom: 0;
}

.brand_showcase_title {
    border-bottom: 3px solid #f36;
    padding: 7px 5px;
}

.brand_showcase_title h3 {
    color: #333;
    font-size: 16px;
    font-weight: bold;
}

.bs_meu {}

.bs_meu ul {
    height: 50px;
    overflow: hidden;
}

.bs_meu ul li {
    float: left;
}

.bs_meu ul li a {
    display: block;
    background: #EAEAEA;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 500;
    color: #333;
    padding: 11px 14px;
    border-right: 1px solid #fff;
}

.bs_meu ul li a:hover {
    text-decoration: none;
    background: #fff;
}

.bs_meu ul li a:hover {}

.sps_widget {}

.spsw_thumb {
    border-bottom: 1px dotted #999;
}

.spsw_thumb img {}

.spsw_content {
    border-bottom: 1px dotted #999;
    padding: 10px 0;
}

.spsw_btn {
    line-height: 30px;
    text-transform: uppercase;
    border: 1px solid #999;
    margin-top: 20px;
    color: #666;
    font-size: 15px;
    padding: 0px 15px;
    display: inline-block;
}

.spsw_btn:hover {
    text-decoration: none;
    color: #FF3366;
}

.spsw_btn i {
    margin-left: 5px
}

.sw_pro_list {}

.sw_single_pro {}

.swp_content {}

.pro_name {
    font-size: 14px;
    color: #666;
    margin-bottom: 10px;
    display: block;
}

.pro_name:hover {
    color: #FF3366;
    text-decoration: none;
}

.swp_price {
    font-size: 18px;
    color: #F36;
    margin-bottom: 10px;
}

.swp_reating {}

.swp_reating span {
    color: #f90;
    font-size: 13px;
}

.swp_btn {
    height: 30px;
    text-align: center;
    line-height: 28px;
    padding: 0 15px;
    display: inline-block;
    border: 1px solid #eaeaea;
    margin-top: 7px;
}

.swp_btn:hover {
    background: #FF3366;
    text-decoration: none;
    color: #fff;
}


/* END BRAND SHOWCASE SECTION*/


/* User Profile Page */

.profail_section {
    background: #E8EAEB;
    padding: 30px 0;
}

.profile_top {}

.profile_pic {}

.profile_pic img {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    object-fit: cover;
}

.p_user_info {}

.p_user_info h2 {
    font-size: 19px;
    font-weight: 300;
    color: #444546;
    margin: 0;
}

.p_user_info h1 {
    font-size: 16px;
    font-weight: 300;
    color: #444546;
    margin: 0;
    margin-top: 5px;
}

.p_user_info h1 a {
    color: #444546;
}

.p_user_info p {
    font-size: 13px;
    color: #888;
}

.p_top_banner {}

.p_top_banner img {
    width: 100%;
    height: auto;
}

.p_middle_content {}

.left_side_menu {
    background: #fff;
    border: 1px solid #ccc;
    margin-top: 30px;
}

.left_side_menu a {
    font-size: 16px;
    font-weight: 400;
    line-height: 40px;
    color: #8f9495;
    border-bottom: 1px solid #edeeef;
}

.left_side_menu a i {
    margin-right: 10px;
    font-size: 22px;
    width: 21px;
}

.p_middle_content {}

.pf_single_sec {
    background: #fff;
    padding: 35px 25px;
    border: 1px solid #ccc;
    margin-top: 30px;
}

.pf_order_sec {}

.pf_sec_top {
    position: relative;
}

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

.profile_status_btn:hover {
    background: var(--primary_color) !important;
    border-color: var(--primary_color) !important;
}

.pf_sec_name {
    font-size: 25px;
    font-weight: 400;
    color: #444546;
    margin: 0;
    line-height: 1;
}

.pf_count {
    color: #8f9495;
    width: 100%;
    border-bottom: 1px solid #edeeef;
    line-height: 45px;
    font-size: 14px;
}

.p_middle_content .nav-pills .nav-link.active,
.left_side_menu a:hover {
    color: #444546;
    background: #f6f7f8 url(../img/userMenuActive.png) no-repeat 90% center;
}

.p_middle_content .btn {
    margin-bottom: 10px;
}


/* End User Profile Page */


/* Payment Option Page */

.payment_option_page {
    padding: 25px 0;
}

.page_head {
    text-align: center;
}

.page_head h2 {}

.payment_options {
    width: 100%;
    text-align: center;
}

.option_box {
    display: inline-block;
    background: #fff;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    margin: 10px 10px;
    padding: 0;
}

.option_box label {
    display: block;
    height: 100px;
    padding-top: 30px;
}

.option_box input {
    margin-top: 20px;
}

.payment_options form button {
    margin-top: 25px;
}


/* End Payment Option Page */


/* Category Top Filter Menu */

.cb_menu_sec {
    background: #fff;
    margin-bottom: 7px;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
}

.cb_horizontal_menu {
    height: auto;
}

.cb_h_menu_list {
    margin: 0;
    padding: 0;
}

.cb_h_menu_list li {
    list-style: none;
    margin-right: 35px;
    position: relative;
    display: inline-block;
}

.cb_h_menu_list li a {
    font-size: 18px;
    font-weight: 400;
    color: #a19a9a;
    line-height: 60px;
    display: block;
}

.cb_h_menu_list li:hover a {
    color: #BE3036;
    text-decoration: none;
}

.cb_h_menu_list li a i {
    margin-left: 5px;
    font-size: 12px;
}


/*Sub Top Menu*/

.cb_h_menu_list li ul {
    position: absolute;
    background: #fff;
    z-index: 9;
    width: 240px;
    left: 0;
    box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.1);
    padding: 0 12px;
    top: 120%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.cb_h_menu_list li:hover>ul {
    top: 100%;
    visibility: visible;
    opacity: 1;
}

.cb_h_menu_list li ul li {
    border-bottom: solid 1px #f2f2f2;
    margin-right: 0;
    width: 100%;
    position: relative;
}

.cb_h_menu_list li:hover>ul li a {
    font-weight: 400;
    color: #a19a9a;
    color: #a19a9a;
    line-height: 60px;
    font-size: 16px;
}

.cb_h_menu_list li ul li:hover a {
    color: #0E9AEA;
}


/*Top Sub Sub Menu*/

.cb_h_menu_list li ul li ul {
    position: absolute;
    left: 100%;
    top: 0;
}

.cb_h_menu_list li ul li:hover ul {
    left: 100%;
    top: 0;
}

.cb_h_menu_list li ul li ul li {}

.cb_h_menu_list li ul li:hover ul li a {
    color: #a19a9a;
}

.cb_h_menu_list li ul li ul li:hover a {
    color: #0E9AEA;
}


/* End Category Top FIlter Menu */

.cb_cat_section_head {
    margin-bottom: 25px;
}


/* End Category Page Style 2 */


/* Bottom Fixed Menu For Mobile */

/* .bottom_fixed_menu {
    position: fixed;
    bottom: 48px;
    background: #FFFFFF;
    z-index: 9;
    box-shadow: 0 -7px 15px #ccc;
    width: 100%;
    text-align: center;
}

.bottom_fixed_menu ul {
    display: inline-block;
    width: 100%
}

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

.bottom_fixed_menu ul li a {
    text-decoration: none;
    color: #2D2D2D;
    padding: 0 5px;
    display: block;
    text-align: center;
    padding-top: 10px;
}

.bottom_fixed_menu ul li a span {
    display: block;
    color: #7E7E7E;
    font-size: 15px;
}

.bottom_fixed_menu ul li a i {
    font-size: 25px
} */


/* End Bottom Fixed Menu For Mobile */


/* Top Fixed Menu For Mobile */

.top_fixed_menu_sb {
    background: var(--primary_color);
    transition: top 0.2s ease-in-out;
    position: fixed;
    top: -40px;
    width: 100%;
    z-index: 9;
}

.nav-up {
    top: -40px;
}

.nav-down {
    top: 0px;
}

.tfm_sb_rap {
    overflow: auto;
}

.top_fixed_menu_sb ul {
    height: 40px;
    width: max-content;
}

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

.top_fixed_menu_sb ul li a {
    text-decoration: none;
    display: block;
    color: #fff;
    padding: 8px 9px;
}

.top_fixed_menu_sb ul li a.active {
    font-weight: 700;
}


/* End Top Fixed Menu For Mobile */


/* Video Page */

.video_page {
    margin-top: 30px;
}

.video_box {
    margin-bottom: 15px;
}

.video_thumb {
    position: relative;
}

.video_thumb img {}

.play_icon {
    position: absolute;
    top: 32%;
    left: 43%;
    font-size: 35px;
    color: #fff;
}

.play_icon i {}

.video_title {
    color: #161616;
    font-size: 17px;
    font-weight: 700;
}


/* End Video Page */


/* Live Search result */

.live_status {}

.live_status center.err {
    position: absolute;
    margin: 0 auto;
    color: red;
    width: 100%;
    bottom: -15px;
}

.live_status ul {
    position: absolute;
    left: 16px;
    z-index: 99;
    top: 53px;
    background: #fff;
    border-radius: 0 0 3px 3px;
    width: 95%;
    padding: 0;
    max-height: 60vh;
    overflow: auto;
    box-shadow: 2px 3px 5px -1px rgba(0, 0, 0, .5);
    background-color: white;
}

.live_status ul li {
    list-style: none;
}

.live_status ul li a {
    display: block;
    color: #333;
    padding: 5px 10px;
    height: 70px;
    padding-right: 0;
    transition: .2s;
}

.live_status ul li a:hover {
    text-decoration: none;
    color: #BE3036;
    background: #D9D9D9;
    transition: .2s;
}

.live_status ul li a img {
    width: 5%;
    float: left;
    height: 45px;
    margin-right: 10px;
}

.ls_info {
    width: 70%;
    float: left;
}

.ls_info h3 {
    font-size: 17px;
    margin: 0;
}

.ls_info span {
    font-size: 14px;
    color: #848484;
}

.ls_prose_a {}

.ls_prose_a .ls_off {
    font-size: 12px;
    color: red;
    margin-right: 7px;
    text-decoration: line-through;
}

.ls_prose_a .ls_prose {}


/* End Live Search result */


/* Cart Page */

.cart_section {
    background: #F1F2F4;
    padding-bottom: 20px;
}

.cart_sec_head {
    margin-top: 20px;
    background: #fff;
    box-shadow: 0 4px 6px -3px #9c9c9c;
    border-radius: 3px;
    margin-bottom: 20px;
    padding: 20px;
}

.cart_sec_head h1 {
    font-size: 25px;
    margin-bottom: 0;
    word-spacing: 3px;
    color: #333;
}

.cart_sec_head h2 {
    font-size: 23px;
    margin-bottom: 0;
    word-spacing: 3px;
    width: 100%;
    text-align: right;
}

.listed_produtcs {
    background: #fff;
    padding: 0px 10px;
    color: #333;
}

.cp_image {}

.cp_image img {
    width: 100%;
    height: 130px;
}

.cp_details {}

.cp_details h5 {
    margin-top: 5px;
    font-size: 103%;
    color: #666;
}

.cp_name {
    font-size: 120%;
    margin-bottom: 0;
    font-weight: 400;
    color: #333;
}

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

.cp_delete {}

.cp_delete i {
    font-size: 22px;
    margin-top: 5px;
    color: #666;
}

.cp_delete:hover i {
    color: #0056B3;
}

.cp_delete i {}

.cp_whilelist {}

.cp_whilelist a {
    color: #666;
    font-size: 22px;
}

.cp_whilelist a:hover {
    color: var(--primary_color);
}

.cp_whilelist a i {
    margin-right: 10px;
}

.sp_quantity {}

.c_sp_price {
    font-size: 17px;
    border: 0;
    font-weight: 600;
}

.cart_bottom {
    padding-right: 20px;
    box-shadow: 0 4px 6px -3px #9c9c9c;
    border-radius: 0 0 3px 3px;
    background: #fff;
    padding: 20px 0;
}

.cart_rs_list {
    margin-top: 20px;
    background: #fff;
    box-shadow: 0 4px 6px -3px #9c9c9c;
    border-radius: 3px;
    padding: 20px;
}

.single_cp {
    border-bottom: 1px solid #b3b3b3;
    padding: 13px 8px;
    height: 157px;
}

.sp_title_st {
    height: 95px;
}

.cp_whilelist a:hover {
    color: #007BFF;
}

.decrease_btn {
    background: 0 0;
    border-radius: 50%;
    border-color: #ccc;
    width: 28px;
    height: 28px;
    padding: 0 6px;
    align-self: center;
    margin-right: 2px;
    border: 1px solid;
    display: inline-block;
    line-height: 18px;
    float: left;
    font-size: 32px;
}

.decrease_btn:hover,
.increase_btn:hover {
    cursor: pointer;
    border: 1px solid #2F8CFD;
}

.cart_input {
    width: 35px;
    padding-left: 10px;
    margin-left: 5px;
    float: left;
}

.decrease_btn:focus {
    border: 1px solid #2F8CFD;
    border-radius: 50%;
}

.increase_btn {
    background: 0 0;
    border-radius: 50%;
    border-color: #ccc;
    width: 28px;
    height: 28px;
    padding: 0 5px;
    align-self: center;
    margin-left: 5px;
    border: 1px solid;
    display: inline-block;
    line-height: 19px;
    font-size: 25px;
}

input.cart_input[type=number]::-webkit-inner-spin-button,
input.cart_input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.cart_rs {}

.cart_rs h3.rs_title {
    margin: 0;
    font-size: 20px;
    color: #333;
    border-bottom: 1px solid #b3b3b3;
    padding-bottom: 12px;
    padding-left: 5px
}

.total_payment {
    color: #666;
    padding: 2px 3px;
    font-size: 17px;
    font-weight: 400;
}

.rs_body ul {
    margin: 10px 0px;
    padding: 0;
    list-style: none;
}

.rs_body ul li {
    color: #666;
    font-size: 16px;
    font-family: lato, sans-serif, siyamrupali, sans-serif;
    border-bottom: 1px solid #DADADA;
    padding: 7px 4px;
    height: 40px;
    font-weight: 400;
}

.rs_body ul li .left {
    float: left;
}

.rs_body ul li .right {
    float: right;
}

.left_side_menu a {
    color: #444546;
    display: block;
}

.left_side_menu a:hover {
    text-decoration: none;
    color: #444546;
}

.user_left_side_menu a {
    text-align: left;
    padding: 12px 10px;
}

.user_left_side_menu a i {
    margin-right: 10px;
    font-size: 22px;
    width: 21px;
}

.s_add_card {
    background: var(--primary_color);
    color: #fff;
    display: inline-block;
    font-size: 108%;
    box-shadow: 0 3px 6px -4px #a2a2a2;
    font-weight: 700;
    border-radius: 3px;
    transition: background .8s;
    padding: 12px 25px;
    margin-left: 10px;
}

.s_add_card:hover {
    background: var(--secondary_color);
    color: #fff;
    text-decoration: none;
}


/* End Cart Page */


/* Chatting Page */

.chat_section {}

.chat_list {}

.chat_list ul {
    border: 1px solid #D5E1E6;
    padding: 7px 0;
    height: 675px;
    overflow: auto;
}

.chat_list ul li {
    height: 95px;
    border-bottom: 1px solid #D5E1E6;
    overflow: hidden;
    padding: 0 13px;
}

.chat_list ul li:hover {
    cursor: pointer;
}

.chat_list ul li:last-child {
    border: 0;
}

.chat_thumb {
    float: left;
    margin-top: 10px;
}

.chat_thumb img {
    width: 75%;
    border-radius: 50px;
    height: auto;
}

.chat_info {
    float: left;
}

.chat_user_name {
    font-weight: 700;
    color: #2f3432;
    font-size: 1.1429rem;
    height: 27px;
    overflow: hidden;
}

.chat_ref_product {
    color: #707676;
    line-height: 1.42;
    font-size: 14px;
    height: 19px;
    overflow: hidden;
}

.chat_last_sms {
    color: #afb7ad;
    line-height: 1.42;
    font-size: 14px;
    height: 20px;
    overflow: hidden;
}

.chat_last_sms_time {
    color: #afb7ad;
    line-height: 1.42;
    font-size: 14px;
    height: 20px;
    overflow: hidden;
}

.massage_box {
    border: 1px solid #D5E1E6;
    position: relative;
    padding-bottom: 52px;
}

.massage_head {
    padding: 6px 6px;
    border-bottom: 1px solid #D5E1E6;
}

.chat_h_user_name {
    font-weight: 700;
    color: #2f3432;
    font-size: 1.1429rem;
    height: 27px;
    overflow: hidden;
}

.mh_buttons {}

.mh_buttons a.btn,
.mh_buttons button.btn {
    color: #424E4E;
    font-weight: 700;
    font-size: 13px;
    -webkit-box-shadow: 0 2px 0 #e7edee;
    box-shadow: 0 2px 0 #e7edee;
    text-shadow: 0 1px 0 #fff;
    border: 1px solid #d4ded9;
}

.mh_buttons a.btn:hover,
.mh_buttons button.btn:hover {
    background: #E2E9E7;
}

.ref_product {
    padding: 6px;
    border-bottom: 3px solid #D5E1E6;
}

.rfp_thumb {}

.rfp_thumb img {
    border: 1px solid rgba(47, 52, 50, .1);
}

.rfp_info {}

.rfp_name {
    color: #0074ba;
    line-height: 24px;
    font-weight: 700;
    font-size: 1.1429rem;
    height: 24px;
    overflow: hidden;
    display: block;
}

.rfp_name:hover {
    color: #187CC1;
    text-decoration: none;
}

.rfp_address {
    color: #707676;
    line-height: 19px;
    font-size: .9em;
    overflow: hidden;
    height: 21px;
}

.rfp_price {
    color: #2f3432;
    font-weight: 700;
    line-height: 16px;
    font-size: .9em;
}

.massage_view_box {
    background: #E7EDEE;
    padding: 10px;
    height: 485px;
    padding-bottom: 20px;
    overflow: auto;
    display: flex;
    flex-direction: column-reverse;
}

.user_massage {
    margin-bottom: 10px;
}

.u_massage_text {
    color: #2f3432;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 0 0 #d5e1e6;
    box-shadow: 0 3px 0 0 #d5e1e6;
    padding: 4px 10px;
    position: relative;
    display: inline-block;
    max-width: 275px;
}

.u_massage_text:after {
    right: 100%;
    border-bottom: 5px solid #fff;
    border-left: 4px solid transparent;
    content: "";
    position: absolute;
    bottom: 0;
    width: 0;
    height: 0;
}

.massage_date {
    margin: 0;
    padding-right: 5px;
    font-size: .8572rem;
    line-height: 1.5;
}

.admin_massage {
    text-align: right;
    margin-bottom: 10px;
}

.a_massage_text {
    color: #fff;
    background-color: #009877;
    -webkit-box-shadow: 0 3px 0 0 #007168;
    box-shadow: 0 3px 0 0 #007168;
    text-align: left;
    padding: 4px 10px;
    position: relative;
    display: inline-block;
    max-width: 275px;
}

.a_massage_text:after {
    left: 100%;
    border-bottom: 5px solid #009877;
    border-right: 4px solid transparent;
    content: "";
    position: absolute;
    bottom: 0;
    width: 0;
    height: 0;
}

.a_massage_text:before {
    background-color: #007168;
    border-bottom-right-radius: 2px;
    content: "";
    position: absolute;
    top: 100%;
    width: 4px;
    height: 3px;
    left: 100%;
}

.a_massage_text {}

.type_massage {
    padding: 10px;
    position: absolute;
    background: #fff;
    bottom: 0;
    left: 0;
    width: 100%;
    box-shadow: 0 -6px 11px -5px #333;
}

.type_massage form {}

.type_massage .sms_input {
    min-height: 40px;
    max-height: 85px;
    margin-right: 10px;
    float: left;
    overflow: auto !important;
    height: auto;
    padding: 0;
    resize: none;
    padding-left: 10px;
    line-height: 27px;
}

.type_massage .sms_submit {
    color: #009877;
    font-weight: 700;
    border: 1px solid;
}

.type_massage .sms_submit:hover {
    color: #007168;
}

.ls_active {
    font-weight: bold;
    color: #000;
}

.lt_active {
    color: #000;
}


/* End Chatting Page */


/* Checkout Page */

.checkout_page .custom-radio label {
    display: block;
}


/* End Checkout Page */


/* All Category Page */

.all_cat_page {}

.all_cat_list {
    padding: 40px 0;
}

.all_single_cat {
    width: 19.6%;
    display: inline-block;
    padding: 0 5px;
}

.all_single_cat:hover {
    text-decoration: none;
}

.all_thumb {}

.all_thumb img {}

.all_name {
    background: #2E2E54;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 2px 10px;
}

.all_single_cat:hover .all_name {
    background: #3b5998;
}


/* End All Category Page */


/* Produc Revire Section */

.reviews_title {}

.reviews_title h3 {
    font-size: 20px;
}

.review_list {}

.review_list ul {}

.review_list ul li {
    margin-bottom: 15px;
}

.comment_container {}

.comment_thumb {}

.comment_thumb img {
    float: left;
    left: 0;
    padding: 3px;
    width: 60px;
    height: auto;
    background: #ebe9eb;
    border: 1px solid #e4e1e3;
    margin-right: 15px;
    box-shadow: none;
}

.comment_text {
    border: 1px solid #e4e1e3;
    margin-left: 75px;
    padding: 5px 10px;
    position: relative;
}

.comment_text .meta {
    color: #777;
    font-size: .83em;
}

.comment {}

.comment p {
    color: #333;
    line-height: 1.42857143;
}

.sp_ratting {
    position: absolute;
    top: 5px;
    color: #FEBF2B;
    right: 10px;
}

.sp_ratting span {
    font-size: 14px;
}

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

.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: 16px;
    font-family: "Font Awesome 5 Free";
    display: inline-block;
    content: "\f005";
}

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

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


/***** CSS Magic to Highlight Stars on Hover *****/

.rating>input:checked~label,

/* show gold star when clicked */

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

/* hover current star */

.rating:not(:checked)>label:hover~label {
    color: #FFD700;
}


/* 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: #FFED85;
}


/* End Produc Revire Section */


/* Sitemap Page */

.sitepam_page {
    padding: 35px 0;
}

.sm_box {}

.sm_title {
    font-size: 25px;
}

.sm_box ul {}

.sm_box ul li {}

.sm_box ul li a {
    color: #000;
    font-size: 16px;
    padding: 4px 0;
    display: block;
}

.sm_box ul li a:hover {
    text-decoration: none;
    color: #BE3036;
}


/* End Sitemap Page */


/* Downline Page */

.downline_page {
    background: #fff;
}

.downline_page .container {
    box-shadow: 0 0 4px #d1d1d1;
    margin-top: 40px;
    margin-bottom: 40px;
    padding-bottom: 20px;
}

.page_head {
    margin-bottom: 25px;
}

.page_title {
    color: #373737;
    font-size: 28px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    padding: 10px 0 0;
}

.page_subtitle {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    margin: 5px 0 0;
    color: #414141
}


/* Data Table Section */

.data_table_section {
    width: 100%;
    overflow: auto;
}

.data_search_btn {
    height: 40px;
    width: 120px;
    line-height: 38px;
    font-size: 15px;
    font-weight: 400;
    display: inline-block;
    background: #ccc;
    text-transform: uppercase;
    transition: all .4s ease .2s;
    text-align: center;
    border: none;
    overflow: hidden;
    position: relative;
    cursor: pointer
}

.data_table_section table {
    width: 100%;
}

.radio_label,
.data_search {
    margin-left: 5px;
}

.data_table_section table thead {}

.data_table_section table thead th {
    text-transform: uppercase;
    color: #414141;
    padding: 12px 10px;
    text-align: left;
    font-weight: 700;
    border: 1px solid #ccc;
    font-size: 12px;
}

.data_table_section table tbody {}

.data_table_section table tbody td {
    color: #414141;
    padding: 10px;
    font-weight: 400;
    border: 1px solid #ccc;
    font-size: 14px;
    text-align: left;
}

.tablelinks {
    padding: 0 10px;
}

.bottom_data_buttons {
    margin-top: 20px;
    text-align: right;
}


/* End Data Table Section */


/* End Downline Page */


/* Dashboard Page */

.dashboard_page {}

.dashboard_page .container {
    box-shadow: 0 0 4px #d1d1d1;
    margin-top: 40px;
    margin-bottom: 40px;
    padding-bottom: 20px;
}

.page_head {
    margin-bottom: 25px;
}

.page_head {}

.page_title {}

.page_subtitle {}

.dashboard_data {}

.dashboard_items {}

.profile_img {}

.profile_img img {}

.user_name {
    font-size: 24px;
    font-weight: 600;
    margin: 0 0 5px;
}

.dashboard_items i {
    color: #0F62AC;
    font-size: 40px;
    margin: 20px 0;
}

.di_title {
    text-align: center;
}

.di_title h2 {
    color: #414141;
    font-size: 22px;
    font-weight: 600;
    margin: 15px 0 20px;
}

.das_info {
    text-align: center;
}

.das_info ul {}

.das_info ul li {
    font-size: 16px;
    color: #858585;
    margin: 0 0 20px;
    position: relative;
}

.das_info ul li span {
    margin-left: 15px;
}


/* End Dashboard Page */


/* Point Page */

.point_page {
    background: #fff;
}

.point_page .container {
    box-shadow: 0 0 4px #d1d1d1;
    margin-top: 40px;
    margin-bottom: 40px;
    padding-bottom: 25px;
    padding-top: 20px;
}

.month_box {}

.box_title {
    color: #373737;
    font-size: 25px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    padding: 10px 0 0;
    margin-bottom: 15px;
}

.month_box table {
    width: 100%;
}

.month_box table thead {}

.month_box table thead th {
    text-transform: uppercase;
    color: #414141;
    padding: 12px 10px;
    text-align: left;
    font-weight: 800;
    border: 1px solid #ccc;
    font-size: 12px;
}

.month_box table tbody {}

.month_box table tbody td {
    color: #414141;
    padding: 10px;
    font-weight: 600;
    border: 1px solid #ccc;
    font-size: 14px;
    text-align: left;
}

.month_box table tfoot {
    background: #0F62AC;
}

.month_box table tfoot td {
    padding: 20px 10px;
    color: #fff;
    border: 1px solid #3c7eb7;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
}

.current_time {
    color: #2F2FFF;
}


/* End Point Page */


/* Branch Page */

.branch_page {}

.branch_search_filter {
    padding: 20px 0;
    border-bottom: 1px dotted #CCC;
}

.branch_search_filter form {}

.branch_search_filter select {}

.branch_button {
    margin-top: 10px;
}

.branch_details {
    padding: 20px 0;
    margin-bottom: 30px;
}

.b_page_title {
    color: #333;
    font-size: 28px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    padding: 35px 0 0;
    margin-bottom: 30px;
}

.branch_table {
    width: 100%;
    overflow: auto;
}

.branch_table table {
    width: 100%;
}

.branch_table thead {}

.branch_table thead th {
    padding: 12px 10px;
    color: #444;
    text-transform: uppercase;
    border: 1px solid #ccc;
}

.branch_table tbody {}

.branch_table tbody td {
    padding: 12px 10px;
    color: #444;
    text-transform: uppercase;
    border: 1px solid #ccc;
}


/* End Branch Page */


/* Bonus Report Page */

.bonus_report_page {
    background: #FFFFFF;
}

.bonus_report_page .container {
    box-shadow: 0 0 4px #d1d1d1;
    margin-bottom: 25px;
    margin-top: 25px
}

.bonus_report_head {}

.bonus_report_head form {
    text-align: center;
}

.bonus_report_head form ul {
    display: inline-block;
    padding: 25px 0;
}

.bonus_report_head form ul li {
    float: left;
    padding: 0 7px;
}

.bonus_report_head form ul li label {
    margin-top: 7px;
}

.br_buttons {
    margin-top: 30px;
}

.bp_select_year {
    width: 200px;
}

.bonus_report {
    padding-bottom: 20px;
    position: relative;
}

.bt_print {}

.bt_print a {
    display: block;
    padding: 6px 10px;
}

.bt_print a i {}


/* End Bonus Report Page */


/* Activity Section */

.activity_section {
    padding: 30px 0;
}

.activity_section ul {}

.activity_section ul li {
    float: left;
    border-left: 1px solid #D4DED9;
    padding: 5px 44px;
}

.activity_section ul li:first-child {
    border: 0;
}

.a_count {
    color: #009877;
    font-weight: 700;
}

.a_title {}


/* End Activity Section */


/* Home Video */

.hc_video {
    margin: 20px 0;
    background: #FFFFFF;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
    padding: 20px;
}

.hcv_box {
    position: relative;
}

.hcv_box:hover {
    cursor: pointer;
}

.hvc_thumb {}

.hvc_thumb img {}

.hvc_icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgb(0, 0, 0, .2);
    color: #fff;
    padding-top: 15%;
    font-size: 50px
}

.hcv_box:hover .hvc_icon {
    color: #B3313B;
}

.hvc_name {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 9;
    width: 100%;
    background: #B3313B;
    color: #fff;
    padding: 6px 10px;
    height: 35px;
}

.featured_video_section {}

.video_list {
    margin: 0 -7.5px;
}

.video_list .hcv_box {
    width: 23.3%;
    display: inline-block;
    margin: 0 7.5px;
    height: 205px;
    overflow: hidden;
}


/* End Home Video */


/* Popup Login */

.login_modal .modal-content {
    border-radius: 0;
}

.lm_content {
    width: 100%;
    text-align: center;
    padding: 120px 30px;
    background-size: cover;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .7);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .7);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .7);
    position: relative
}

.login_modal .lm_title {
    text-transform: uppercase;
    font-size: 36px;
    margin: 0;
    color: #000;
}

.lm_sub_title {
    font-size: 18px
}

.lm_form {
    margin-top: 50px
}

.open-form-toggle {
    border-radius: 25px 25px 0 0;
    -webkit-border-radius: 25px 25px 0 0;
    -moz-border-radius: 25px 25px 0 0;
    position: absolute;
    right: -89px;
    top: 70px;
    padding: 5px 20px;
    background: #B3313B;
    color: #fff;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.open-form-toggle:hover {
    cursor: pointer
}

.modal-content .disable {
    opacity: .5
}

.modal-content .disable:hover {
    cursor: not-allowed
}

.login_toggle {
    right: -92px
}

.register_label {
    top: 235px
}

.lm_form input {
    width: 100%;
    border: 1px solid #B3313B;
    margin: 5px 0;
    padding: 7px 10px
}

.lm_form textarea {
    width: 100%;
    border: 1px solid #B3313B;
    margin: 5px 0;
    padding: 7px 10px
}

.lm_form .c_form-check input {
    width: auto
}

.lm_form .c_form-check label {
    margin-left: 25px
}

.lm_form input.lm_submit {
    color: #fff;
    text-transform: uppercase;
    background: #B3313B;
    font-size: 17px;
    margin-top: 20px;
    margin-bottom: 15px
}

.lm_form input.place_order {
    margin-bottom: 0;
    margin-top: 0
}

.lm_form input.lm_submit:hover {
    background: gray
}


/* Popup Login */


/* Login Page */

.login_form_container {
    background: #fff;
    padding: 40px 35px;
}


/* Login Page */


/* Custom Language System */

.label_container {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


/* Hide the browser's default checkbox */

.label_container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}


/* Create a custom checkbox */

.ccheckmark {
    position: absolute;
    top: 3px;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #eee;
    border-radius: 50%;
}


/* On mouse-over, add a grey background color */

.label_container:hover input~.ccheckmark {
    background-color: #ccc;
}


/* When the checkbox is checked, add a blue background */

.label_container input:checked~.ccheckmark {
    background-color: #144733;
}


/* Create the checkmark/indicator (hidden when not checked) */

.ccheckmark:after {
    content: "";
    position: absolute;
    display: none;
}


/* Show the checkmark when checked */

.label_container input:checked~.ccheckmark:after {
    display: block;
}


/* Style the checkmark/indicator */

.label_container .ccheckmark:after {
    left: 7px;
    top: 4px;
    width: 5px;
    height: 9px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


/* Custom Language System */


/* Filter Section */
.filter_section{}
.filter{background: #fff;
    padding: 5px 10px;
    margin-bottom: 21px;
    box-shadow: 0px 1px 8px -6px #000;
    border-radius: 3px;}
.filter select.select_category{
    color: #fff;
    background: var(--primary_color);}
.filter select.sort_by{background: #F8F3E8;}
.filter select{min-width: 170px;width: auto;max-width: 100%;}
/* End Filter Section */