/*body*/

body {
  /*letter-spacing: 0.5px;*/
  /*background: #1a1f23;*/
}

.body-wrapper {
    overflow: hidden;
}

a {
    color: #1a1f23;
}

a:hover,a:focus,a:active {
    color: #203864
}


/*page title*/
.sp-page-title {
    background-image: linear-gradient(45deg, #0d1f3f, #203864, #11377e);
    padding: 120px 0 60px;
    text-align: center;
}

.sp-page-title .sp-page-title-heading {
    line-height: 1.2;
    font-size: 56px;
}

@media (max-width: 991px) {
    .sp-page-title { padding: 120px 0 50px; }
    .sp-page-title .sp-page-title-heading { font-size: 36px; }
    .sp-page-title .breadcrumb { font-size: 14px; }
}

/*header*/

#sp-header {
    position: fixed;
    background: transparent;
    box-shadow: none;
}

/*#sp-header:not(.header-sticky) .sp-megamenu-parent>li>a, #sp-header:not(.header-sticky) .sp-megamenu-parent>li>span {
    line-height: 1;
    margin-top: 30px;
}*/

#sp-header .container-fluid {
    padding: 0;
}

/*#sp-header.header-sticky {
    background: hsl(206.67deg 14.75% 11.96% / 90%);
    backdrop-filter: blur(5px);
}*/

.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {
    font-size: 15px;
    font-weight: 200;
    letter-spacing: 0.5px;
    padding: 0 30px 0 0;
    color: #f0f0f0;
    line-height: 40px;
    /* margin-top: 30px; */
}

.sp-megamenu-parent>li:last-child>a { padding: 0; }

@media (max-width: 1399px) {
    .sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span { font-size: 14px; padding-right: 20px; }
    #sp-header .sppb-btn-secondary {padding: 12px 15px !important;font-size: 12px !important;font-weight: 300 !important;}
    
}

@media (max-width: 1199px) {
    .sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {font-size: 13px;padding-right:  15px;}
    #sp-logo {padding-right: 20px !important;}
    img.logo-image {height: 45px;}
    #sp-header .sppb-btn-secondary i {margin-right: 2px !important;!i;!;}
}

.sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li.active:hover>a, .sp-megamenu-parent>li:hover>a {
    color: #fff;
}

.offcanvas-menu .d-flex.align-items-center.p-3.pt-4 {
    background: #021e4e;
}

.burger-icon>span {
    background: rgb(255 255 255 / 70%) !important;!i;!;
}


@media (max-width: 991px) {
    #sp-header { height: 80px !important; }
    #offcanvas-toggler {height: 80px;line-height: 80px;margin: 0 !important;z-index: 1;}
    #sp-header .logo { height: 80px; }
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    background: rgb(0 0 0 / 70%);
    color: rgb(255 255 255 / 80%);
    backdrop-filter: blur(5px);
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner .sp-dropdown-inner{
    background: rgb(0 0 0 / 90%);
    color: rgb(255 255 255 / 80%);
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a {
    color: rgb(255 255 255 / 80%);
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:focus,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a {
    color: #fff;
}

body.ltr .sp-megamenu-parent .sp-dropdown .sp-dropdown-items .sp-has-child>span:after {
    font-family: "Font Awesome 5 Free";
    content: "ï„…";
    float: right;
    margin-left: 7px;
    font-weight: 900
}

/*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: #ffffff;
    color: #1a1f23;
    border-top: 1px solid #eee;
}

#sp-bottom .sp-module .sp-module-title {
    color: #ffffff;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 20px;
}

#sp-bottom p {
    margin: 0;
}

#sp-footer a, #sp-bottom a {
    color: #1a1f23;
}

#sp-bottom a:hover, #sp-bottom a:active, #sp-bottom a:focus {
    color: #203864;
}

#sp-bottom .xhs-icon a {
    line-height: 1 !important;
    font-size: 24px !important;
}


#sp-bottom .xhs-icon .fa-reddit-alien:before {
    width: 30px;
    height: 30px;
}


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

#sp-footer { border-top: 0; background: #203864; }

#sp-footer>div>.container-inner{
    border-top: 0;
    text-align: center;
    font-size: 15px;
    padding: 15px 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: 130px;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;}