/*********************
	hover-effect
*********************/
.hover-up:hover img{
    transform: translate(0px, -10px);
    filter: drop-shadow(2px 4px 6px #ff8700);
}
.hover-up img{
    transition: 0.3s ease; 
}


/*arrow*/
/*********************
	hover-effect
*********************/
.hover-up:hover img{
    transform: translate(0px, -10px);
    filter: drop-shadow(2px 4px 6px #ff8700);
}
.hover-up img{
    transition: 0.3s ease; 
}


/*arrow*/
.owl-prev img {transform: scale(0.1);transform-origin: left center;left: -80px;position: relative;filter: invert(1);}
.owl-next img {transform: scale(0.1);transform-origin: right center;right: -80px;position: relative;filter: invert(1);}

@media (max-width: 767px){
.owl-prev img {transform: scale(0.08);transform-origin: left;left: 0px;}
.owl-next img {transform: scale(0.08);transform-origin: right;right: 0px;}}


/*how it work*/
.how-it-work .sppb-text-center{
    position: relative; padding: 0 30px;
}

.how-it-work:after {
    position: absolute;
    content: url(/images/0-project/images/btnarrow04.png);
    filter: invert(1);
    opacity:0.5;
    right: -40px;
    top: 40%;
    bottom: 0;
    margin: auto;
}

.how-it-work.remove-arrow:after {display:none}

@media (max-width: 767px){
.how-it-work .sppb-text-center{
    position: relative;
    padding-bottom: 120px;}

.how-it-work:after {
    position: absolute;
    content: url(/images/0-project/images/btnarrow04.png);
    right: 0;
    left: -10px;
    margin: auto;
    bottom: 40px;
    top: unset;
    width: fit-content;
    transform: rotate(90deg);}

.how-it-work.remove-arrow .sppb-text-center{padding-bottom:0px!important;}}


/*how it work fb*/
@media only screen and (min-width: 992px) {
.how-it-work-fb {
    transform: scale(0.85);
    transform-origin: left top;
}}



/*store*/
@media (min-width: 1024px){
.com-hikashop.layout-listing #sp-main-body .container, .com-hikashop.layout-listing #sp-filter .container {
    width: 100%;
    padding: 0 5%;
    padding-top: 15px;
    padding-bottom: 10px;
}}

dt.hikashop_product_custom_name label {
    color: #e2e2e27a;
    text-align: center;
    font-weight:300;
    display: block;
    font-size: 14px;
    display: none;
}

dd.hikashop_product_custom_value {
    color: #e2e2e280;
    text-align: center;
    font-weight: 300;
     font-size: 14px;
}

.hikashop_product_image_subdiv a img {
    transition: 0.5s ease;
}

.hikashop_product_image_subdiv a:hover img {
    opacity: 0.5;
    transition: 0.5s ease;
    transform: translate(0px, -8px);
}


/*gallery*/
.view-album .page-header {
    display: none;
}


/*career*/
.career-list .pull-left img {
    display: none;
}

a.career-detail-btn {
    border: 1px solid #ffffff80!important;
}


/*XHS*/
.fa-xing-square:before {
    content: url(/images/0-project/icons/xhs25.png)!important;
}

i.fab.fa-xing-square {
    transform: scale(0.8);
    transform-origin: left bottom;
    position: relative;
    top: 2px;
}


/*MAPS*/
.leaflet-tile-container {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(99%); /* Chrome 19+ & Safari 6+ */
-webkit-backface-visibility: hidden;  /* Fix for transition flickering */
}

.leaflet-popup-content {margin: 15px 15px 35px 19px;line-height: 1.4;}
.leaflet-popup-content>p:first-child {margin-bottom: 28px;}
.leaflet-popup-content strong {font-size: 15px;letter-spacing: 0;}

.leaflet-popup-content-wrapper a {
    padding: 10px;
    background: #000;
    color: #fff;
}


/*logo*/
@media (max-width: 568px) {
    .sppb-carousel-extended-nav-control .nav-control.next-control {
        float:right;
        margin-right: -15px;
    }

    .sppb-carousel-extended-nav-control .nav-control.prev-control {
        float: left;
        margin-left: -15px
    }
}

/*float cart*/
@media (max-width: 992px) {
    .floating-button {
        bottom: 45px!important;
    }
}

.fa-shopping-cart:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 14px;
}

/*login*/
.com-users .reg-login-form-wrap .reg-login-title h3 {
  color: #fff;
}
.com-users .reg-login-form-wrap {
  background: #000;
}

/*cart*/
#sp-cart-position .container {
    padding: 0px;
}