/*body*/
.body-wrapper {
    overflow: clip;
}
body, .sp-pre-loader {
    background-color: #000;
    color: #fff;
}
.p-no-margin p{
  margin-bottom:0;
}
.row {
    /* --bs-gutter-x: 0; */
}

/*page title*/
.sp-page-title {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 150px 0 100px 0;
    background-repeat: no-repeat;
    background-size: cover;
    position:relative;
    z-index:1;
}
@media (max-width:767px){
    .sp-page-title{
        background-position:center;
        padding: 75px 0 75px 0;
    }
}
.sp-page-title:before{
    content:'';
    background:rgb(0 0 0 / 70%);
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:-1;
}
#sp-page-title .product-page-title img {
    object-fit: cover;
    border-radius: 0 !important;
}
.product-page-title .sppb-image-carousel-layout1 .sppb-carousel-extended-content-wrap{
    border-radius:0 !important;
}
.product-page-title{
    position:relative;
    z-index:1;
}
.view-product.layout-show #sp-page-title{
    display:none;
}
/*@media (min-width:992px){
.product-page-title:before{
    content:'';
    position:absolute;
    background: linear-gradient(180deg, rgb(0 0 0 / 90%), transparent);
    width: 100%;
    height: 40%;
    top: 0;
    left: 0;
    z-index: 4;
    pointer-events: none;
}}*/

/*header*/
#sp-header .sp-module {
    margin-left: 20px;
}
#sp-menu .social-wrap {
    display: none !important;
}
#sp-top1 img {
    width: 90px;
    padding:15px 0;
}
#sp-header-bottombar{
    background-image: linear-gradient(180deg, #000000,transparent, transparent) !important;
    height: 55px;
    margin-bottom: -55px;
    z-index: 99;
    position: relative;
}
#sp-header-desktop {
    display: flex;
    justify-content: center;
    align-items: center;
    height:55px;

}
#sp-header-desktop .navbar{
    padding:15px 0;
}
#sp-header-desktop .navbar ul li {
    padding: 0 23px;
}
#sp-header-desktop .navbar ul li a{
    color:#fff;
    font-size: 16px;
}
#sp-header-desktop .navbar ul li a:hover,
#sp-header-desktop .navbar ul li a:focus,
#sp-header-desktop .navbar ul li.active a{
    color:#C7B285;
}
#sp-header-topbar .container-inner{
    border-bottom:1px solid #C7B285;
}
.sticky-header-placeholder {
    display: none;
}
.sp-module.login-desktop {
    position: absolute;
    right: 30px;
    height: 100%;
    width: auto;
    top: 0;
    display: flex;
    align-items: center;
    z-index: 2;
    margin: 0;
    padding: 0;
}
@media (max-width:991){
    .sp-module.login-desktop {
        display:none;
    }
}
#sp-header-topbar .login-desktop a {
    color: #c7b285;
}
#sp-header-topbar .login-desktop a:hover,
#sp-header-topbar .login-desktop a:focus{
    color: rgb(199 178 133 / 50%);
}
#sp-top1 {
    position: relative;
}

#sp-menu .sp-module a:hover,
#sp-menu .sp-module a:focus{
    color: rgb(199 178 133 / 50%);
}
#sp-menu .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner{
    padding:0px 20px 10px 20px;
}
.burger-icon span:first-child {
    width: 22px;
    transition:0.3s;
}
.burger-icon span:nth-child(2) {
    width: 18px;
    transition:0.3s;
}
.burger-icon:hover span:first-child {
    width: 25px;
}
.burger-icon:hover span:nth-child(2) {
    width: 25px;
}
.close-offcanvas .burger-icon span:first-child{
    width: 25px;
}
.offcanvas-menu .offcanvas-inner ul.menu>li a, .offcanvas-menu .offcanvas-inner ul.menu>li span {
    color: #fff;
}
.offcanvas-menu .offcanvas-inner ul.menu>li li{
  	padding:5px 0;
}
.offcanvas-menu .offcanvas-inner ul.menu>li li a {
    color: rgb(255 255 255 / 80%) !important;
}
.offcanvas-menu .offcanvas-inner ul.menu>li a:hover, .offcanvas-menu .offcanvas-inner ul.menu>li a:focus, .offcanvas-menu .offcanvas-inner ul.menu>li span:hover, .offcanvas-menu .offcanvas-inner ul.menu>li span:focus,
.offcanvas-menu .offcanvas-inner ul.menu>li li.active a{
    color:#c7b285 !important;
}
@media (max-width: 991px) {
    #sp-header {height: 80px !important;}
    #offcanvas-toggler { height: 80px; line-height: 80px; }
    #sp-header .logo { height: 80px; }
}
@media (min-width:992px){
#sp-header {
    display: none;
}
#sp-header.header-sticky{
    display: inline-block !important;
}}


/*top2*/
#sp-top2>div {
    text-align: right !important;
}

/*searchbartop*/
.hikashop_filter_module.top-search-bar {
    margin-left: 10px;
}
.top-search-bar input#filter_text_Keyword_1 {
    background: url("/images/0_project/icons/search.png");
    background-size: 15px;
    background-position: 90% 50%;
    background-repeat: no-repeat;
}

@media (max-width: 991px) {
#sp-header .sp-module {margin: 0px;}
.hikashop_filter_module.top-search-bar {margin-left: 0px;}
#sp-header>div>div>.row {flex-wrap: nowrap;}
div#sp-menu {padding-left: 0px;}
}



/*bottom*/
#sp-bottom {
    background-color: #000 !important;
    color: #fff !important;
}
#sp-bottom .sp-module .sp-module-title {
    color: #C7B285;
    font-size: 16px;
}
#sp-bottom a{
    color:#fff !important;
}
#sp-bottom a:hover,
#sp-bottom a:focus{
    color: rgb(255 255 255 / 50%) !important;
}
#sp-bottom1 {
    text-align: center;
}
#sp-bottom1 img {
    width: 150px;
    margin-bottom: 20px;
}
#sp-bottom5 p {
    margin-bottom: 6px;
}

#sp-bottom5 .sppb-media {
    margin-bottom: 10px;
}

@media screen and (min-width:1199px){
section#sp-bottom>div>div>div {
    display: flex;
    justify-content: center;
}}

#sp-footer>div>.container-inner{
    border-top: 1px solid #C7B285;
    text-align: center;
    padding: 30px 0 75px 0;
}

@media screen and (max-width:991px){
#sp-footer #sp-footer2{
    text-align: center;
}
#sp-footer1 .sp-column{
    text-align:center;
}
#sp-footer1{
    margin-bottom:30px;
}
footer#sp-footer {
    padding-bottom: 30px;
}}

@media (max-width:991px){
    #sp-bottom1{
        margin-bottom:50px;
    }
     #sp-bottom2, #sp-bottom3, #sp-bottom4{
        margin-bottom:30px;
    }
    #sp-bottom2, #sp-bottom3, #sp-bottom4{
        width:33%;
    }
}


/*footer*/
#sp-footer{
    background-color: #000 !important;
    color: #ffffff;
}
#sp-footer1 {
    text-align: left;
}
#sp-footer a, #sp-footer span{
    color:rgb(255 255 255 / 50%) !important;
}
#sp-footer ul.menu{
    margin:0;
}
#sp-footer ul.menu li {
    border-right: 1px solid rgb(255 255 255 / 50%);
    padding: 0 5px;
    margin: 0;
}
#sp-footer ul.menu li:last-child{
    border-right:0;
    padding-right: 0;
}
#sp-footer2 a:hover, #sp-footer2 a:focus{
    color: #ffffff !important;
}
body>nav.navbar.navbar-expand-md {
    display: none;
}

/*payment method footer*/
div#sp-bottom5 .sp-module {margin: 0;}

/*xiaohongshu*/
i.fas.fa-book-medical{
    content:url(/images/0_project/icons/XiaohongshuLOGO-2.png);
    width: 20px;
    top: 4px;
    position: relative;
    filter: invert(1) brightness(0);
}

/*scroll up*/
a.sp-scroll-up {right: 120px;bottom: 20px;}
.whatsappchat .popup-section .help-you-btn {
    width: 50px !important;
}
.whatsappchat .help-you-btn img{
    width: 50px !important;
    height: 50px !important;
    left: -1px !important;
}
.whatsappchat.is-bottom_right {
    right: 30px !important;
}
@media screen and (max-width:991px){
    a.sp-scroll-up {right: 100px;bottom: 20px;}
    .whatsappchat.is-bottom_right {right: 15px !important;}
}

/*popup*/
button.close {background: transparent;border: 0px;font-family: 'Roboto';color: #fff;}.modal-content {position: relative;}.modal-dialog {top: 200px;}.modal-header {position: absolute;right: 0;z-index: 11;}.modal-body {padding: 0px;}.modal-content p {margin: 0;}
div#tracking_contact_form .modal-content{
    background:#1d1d1d !important;
    z-index: 999;
}
.modal_tracking_contact_form{
    z-index: 999 !important;
}
button#btn_close_tracking {
    text-transform: uppercase;
    color: #838383 !important;
    padding: 5px 15px;
    background: #3a3a3a;
    border: 0;
    margin-left: 10px;
    font-weight: 900;
}
button#btn_submit_tracking {
    padding: 5px 15px;
    border: 0;
    background: #c7b285;
    font-weight: 900;
    color: #262626;
}

#tracking_contact_form input#tracking_name, #tracking_contact_form input#tracking_contact_number, #tracking_contact_form input#tracking_email {
    color: #000;
}

/*feedactivity*/
.feedactivity {
    position: absolute;
    bottom: 0;
    z-index: 99;
    margin-left: 20px;
    margin-bottom: 30px;

}

.promotion-msg-card {
    max-width: 400px!important;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px!important;
    padding: 10px 10px!important;
}

.promotion-msg-card .close-button {
    text-align: right;
    margin-right: 3px;
    top: -3px;
    position: relative;
}

.promotion-msg-card td {
    vertical-align: top;
    font-size: 14px; line-height:1.3;
}

.promotion-msg-card img.hikashop_product_image {
    padding-top: 5px;
}

.promotion-msg-card .msg-content {
    margin: 0;
}

.promotion-msg-card p {
    margin: 0;
}

i.fa-solid.fa-circle-xmark {
position:relative;
}

i.fa-solid.fa-circle-xmark:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f057';
    font-style: normal;
    margin: 20px;
}






/*EO OVERALL*/