/*body*/
.body-wrapper {
    overflow: hidden;
}


/*page title*/

.sp-page-title {
    background: #fff;
    text-align: center;
    padding: 40px 0;
    border-bottom: 1px solid #e5e5e5;
}

.sp-page-title .sp-page-title-heading {
    line-height: 1.1;
    font-size: 42px;
    letter-spacing: 0.5px;
    color: #152c43;
}

.sp-page-title .breadcrumb {
    justify-content: center;
    FONT-SIZE: 14px;
    letter-spacing: 0.3px;
}

.sp-page-title .breadcrumb>span,
.sp-page-title .breadcrumb>li,
.sp-page-title .breadcrumb>li+li:before,
.sp-page-title .breadcrumb>li>a {
    color: #6a6a6a !important;
}

@media (max-width: 991px) {
    .sp-page-title .sp-page-title-heading { font-size: 32px; }
}

@media (max-width: 767px) {
    .sp-page-title .sp-page-title-heading { font-size: 24px; }
    .sp-page-title .breadcrumb { font-size: 12px; }
}

/*header*/

#sp-header .logo {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    justify-content: center;
}

#sp-header .sp-module {
  z-index: 1;
}

a#offcanvas-toggler {
    z-index: 1;
    position: relative;
}

.burger-icon>span {
    background-color: #fff;
    height: 1px;
}

#sp-header .sp-module a {
    color: #fff;
    font-size: 16px; 
}



@media (max-width: 991px) {
    #sp-header {height: 60px !important;}
    #offcanvas-toggler { height: 60px; line-height: 60px; }
    #sp-header .logo {height: 60px; }
}


.offcanvas-menu {
    background: #152c43;
    color: #fff;
}

.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 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 {
    color: #fff;
}

.offcanvas-menu .offcanvas-inner ul.menu>li.active>a {
    color: #fff;
    opacity: 1;
}

.offcanvas-menu .offcanvas-inner ul.menu>li>a,
.offcanvas-menu .offcanvas-inner ul.menu>li>span {
    font-size: 18px;
    padding: 15px 0;
    line-height: 1.2;
    text-align: center;
    font-weight: 200;
    letter-spacing: 0.5px;
}

.offcanvas-menu .d-flex.pt-4 {
    padding-top: 60px !important;
    border-bottom: 1px solid rgb(255 255 255 / 20%);
    justify-content: center;
}

.offcanvas-menu .d-flex.pt-4 .logo-image {
    height: 40px;
}

.offcanvas-menu .offcanvas-inner .header-modules {
    margin: 0 !important;
}

.offcanvas-active .burger-icon>span,
#modal-menu-toggler.active .burger-icon>span {
    background-color: #fff;
}

.close-offcanvas {
    top: 15px;
}

.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>a>.menu-toggler,
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.menu-separator>.menu-toggler {
    color: #fff;
}

.offcanvas-menu .offcanvas-inner ul.menu>li li a {
    color: #fff !important;;
    opacity: 0.6;
    font-weight: 200 !important;
    display: block;
    text-align: center;
    padding: 5px 0 10px !important;
    letter-spacing: 0.5px;
    transition: 0.5s;
}

.offcanvas-menu .offcanvas-inner ul.menu>li li.active a {
    opacity: 1;
}

.offcanvas-menu .offcanvas-inner ul.menu>li li a:hover,
.offcanvas-menu .offcanvas-inner ul.menu>li li a:focus {
    opacity: 1;
}

#sp-section-1 {
    background: #243445;
}

div#sp-top3 {
    text-align: center;
    font-size: 15px;
    padding: 8px;
    color: #fff; 
}

div#sp-top3 p {
    margin: 0;
    line-height: 1.3;
}

div#sp-top3 a { color: #fff; }




/*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-bottom2 .menu-parent a {
    margin-bottom: 15px;
}

#sp-bottom { padding-top: 70px; }

#sp-bottom .sp-module .sp-module-title {
    /* color: #000; */
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.5px;
    margin-bottom: 25px;
}

#sp-bottom .sp-module {
    margin-bottom: 40px;
}

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

footer#sp-footer {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

#sp-footer>div>.container-inner{
    border-top: 0;
    text-align: center;
    padding: 25px 0;
}

@media screen and (max-width:991px){
#sp-footer #sp-footer2{
    text-align: center;
}

footer#sp-footer {
    padding-bottom: 50px;
}}

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

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

/*scroll up*/
a.sp-scroll-up {right: 70px;bottom: 20px;}
@media screen and (max-width:991px){a.sp-scroll-up {/* right: 100px; */bottom: 20px;}}

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


.help-you-btn img {
    transform: scale(1) !important;
    filter: invert(1) !important;
    left: 0 !important;
    top: 0 !important;
}

.is-bottom_right.whatsappchat .popup-section .help-you-btn {
    width: 50px !important;
    background: #64f39a !important;
    border-radius: 5px 0 0 5px !important;
    padding: 10px !important;
}

.is-bottom_right {
    right: 0 !important;
}


/*.cls-myprofile-wrapper div#cls-myprofile:nth-child(2) {
    display: none;
}*/