/*main body*/
#sp-main-body {
    padding: 50px 0;
}

/*top login register*/
#sp-top-bar .sp-module .toplogin{
    margin: 0;
}
div#sp-login {
    text-align: right;
}
.sp-module.toplogin .custom p{
    display: inline-flex;
    margin: 0;
}
.toplogin img {
    width: auto;
    height: 20px;
    margin-right: 10px;
    filter: invert(1);
    float: left;
}
/*logo*/
div#sp-logo {
    display: flex;
    align-items: center;
}

/*topcart*/
span.hikashop_small_cart_total_title.mcart-mobile {
    display: flex;
}

div#sp-cart {
    display: flex;
    align-content: space-around;
    
}
i.fa.fa-shopping-cart {
    margin: 0px
}
/*topsearch*/
div#sp-search {
    align-content: center;
}

.hikashop_filter_Keyword_1 {
    position: relative;
    top: 0px;
}

input#filter_text_Keyword_1 {
    border-radius: 0px;
    height: 45px;
}

/*menu*/
section#sp-pc {
    box-shadow: 0 0 10px 0 #00000015;
}
@media screen and (max-width:992px){
div#sp-menu {
    order: 2;
}

body.ltr #offcanvas-toggler.offcanvas-toggler-right {
    margin-left: 0px;
}}

/*pagetitle*/
.sp-page-title {
    background: #ffffff;
}

.sp-page-title {
    padding:120px 0;
    border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;
      background-position: 50% 50% !important;
}
.sp-page-title .sp-page-title-heading{
    font-size: 36px;
    font-weight: 900;
    letter-spacing: 1px;
    position: relative;
    text-transform: uppercase;
    color: #1B617D;
    text-align: left;
}
}


/*breadcrumb*/
.sp-page-title .breadcrumb {
    margin-top: 8px;
}
.sp-page-title .breadcrumb >.active {
    color: rgb(0 0 0 / 80%);
}
.sp-page-title .breadcrumb >span, .sp-page-title .breadcrumb >li, .sp-page-title .breadcrumb >li+li:before, .sp-page-title .breadcrumb >li>a {
    color: #000; font-size:12px;
}

div#sp-title .fa-map-marker-alt:before {
    color:#474747; margin-right:10px;
}

/*bottom title*/
#sp-bottom .sp-module .sp-module-title {
    font-weight: 700;
    font-size: 18px;
    margin: 0 0 30px;
    color: #1B617D;
    text-transform: uppercase;
    font-family: 'Roboto';
}

/*footer*/
footer#sp-footer {
    background: #1B617D;
    border-top: 1px solid #ccc;
    padding: 0px;
}

#sp-footer .container-inner {
    padding: 0px 0px 0px 0px;
}
span.sp-copyright {
    line-height: 3;
}

/*socials*/
.projectsocial li {
  padding: 0px;
  background: #ED8E8E;
  border-radius: 100px;
  width: 40px;
  height: 40px;
  line-height: 32px;
  margin: 0 5px;
}
.projectsocial li:hover {
  background: #F4D1C7;
}
.projectsocial li:hover a {
  background: transparent;
  opacity: 1;
  color: #fff !important;
}
.projectsocial a:hover  {
  color: #fff !important;
}
.projectsocial li:nth-child(2)  {
  top: -5px;
  position: relative;
}
.fa-question:before {
  content: url(/images/0_project/icons/xhs200.png)!important;
}

[aria-label*="xhs"] {
  position: relative;
}

i.fas.fa-question {transform: scale(0.16);transform-origin: left top;top: -13px;left: -16px;position: absolute;}

.projectsocial {
    transform: scale(0.8);
    transform-origin: left top;
}

/*Floating button*/
.fabchat {
    bottom: 30px !important;
    right: 0px !important;
}
.fab-options {
    bottom: 100px;
    right: -10px;
}

/*scroll up*/
a.sp-scroll-up {
    right: 90px;
}


/*bottom-menu*/
div#sp-bottom-menu{position: fixed;bottom: 0;left: 0;width: 100% !important;background: #fff;z-index: 9999 !important;border-top: 1px solid #d8d8d8;margin-bottom: -10px;}
div#sp-bottom-menu .sppb-col-xs-3 {-ms-flex: 0 0 20% !IMPORTANT;flex: 0 0 20% !IMPORTANT;max-width: 20% !IMPORTANT;}
div#sp-bottom-menu .sppb-addon-title.sppb-feature-box-title {line-height: 20px;}
div#hikashop_cart_module {text-align: center;}
span.hikashop_small_cart_total_title {font-size: 18px;}
div#sp-bottom-menu img{filter: invert(31%) sepia(37%) saturate(864%) hue-rotate(152deg) brightness(96%) contrast(93%);}
@media(min-width:992px){section#sp-bottom-bar {display: none;}}


.sppb-carousel-extended-dots ul {
    margin-top: -10px;
    padding: 0;
    list-style: none;
    text-align: center;
}
.offcanvas-menu .offcanvas-inner ul.menu>li a, .offcanvas-menu .offcanvas-inner ul.menu>li span {
    color: #1b617d !important;
}
.notifyjs-metro-base .title, .notifyjs-metro-lite-base .title {
    font-size: 21px !important;
}
.bfQuickMode .bfbs5-btn, .bfQuickMode .btn {
    border-radius: 0px !important;
    padding: 6px 30px;
}