:root {

    --text-color:#3b3b3b;
    --heading-color:rgba(238,238,238,1);
    --bs-info: #00f8ef;
    --bs-info-rgb: 0, 248, 239;
    --white-color:#ffffff;
    --light-gray:#e5e5e5;
    --gray:#a5a5a5;
    --dark-gray:#202029;
    --dark-gray-2:#8c8c8c;
    --dark-gray-3:#313034;
    --black-color:#000000;
    --deep-black:#161616;
    --background-color:#282828;
    --bs-body-font-weight: 400;
    --grid-desktop-vertical-spacing: 36px;
    --grid-desktop-horizontal-spacing: 36px;
    --grid-mobile-vertical-spacing: 18px;
    --grid-mobile-horizontal-spacing: 18px;
}



.btn-outline-info {
    color: var(--bs-info);
    border-color: var(--bs-info)
}

.btn-outline-info:hover {

    background-color: var(--bs-info);
    border-color: var(--bs-info)
}


.btn-check:active + .btn-outline-info, .btn-check:checked + .btn-outline-info, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show, .btn-outline-info:active {

    background-color: var(--bs-info);
    border-color: var(--bs-info)
}


.btn-outline-info.disabled, .btn-outline-info:disabled {
    color: var(--bs-info);
}

.text-info {
    color: rgba(var(--bs-info-rgb), 1) !important
}
.bg-info {
    background-color: rgba(var(--bs-info-rgb), 1) !important
}



.black-bg
{
    background: var(--background-color);
}
.deep-black-bg
{
    background: var(--deep-black);
}

/* Responsive css start */
@media (max-width: 2199px) {
    body {


        font-size: 16px;

    }
}
@media (min-width: 2200px) {
    body {


        font-size: 20px!important;



    }



}






.announcement-bar {
    background: #f8f8f8;
    color:#232323;
}

.announcement-bar a {
    color: #e73e45;
}
.announcement-bar .message{
    font-size: 1.15rem;
}
.header-page {
    background: #ffffff;
}

.header-page .container {
    position: initial;
}

.header-page .menu-dropdown {
    border-top: 1px solid #efefef;
    padding: 28px 0 17px;
}

.header-page .header-wrapper {
    display: none;
}

.header-page .header__logo {
    position: relative;
    top: -1px;
}

.header-page .header__logo img {
    /*max-width: 72px;*/
    max-width: 200px;
}

.header-page .header-center .menu-lv-item .menu-lv-1__action {
    font-size: 1.1rem;
    font-weight: 400;
    letter-spacing: .02em;
    color: #232323;
    text-transform: capitalize;
    /*padding: 33px 18px 27px;*/
    padding: 33px 18px 23px;
}

.header-page .header-center .menu-lv-item .menu-lv-1__action .label {
    right: -4px;
    top: 18px;
}

.header-page .header-right {
    /*padding-bottom: 6px;*/
}

.header-page .header-right .header__iconItem .header__icon {
    width: 22px;
    height: 22px;
    margin: 0px 13px;
}

.header-page .header-right .header__iconItem .header__icon svg {
    width: 100%;
    height: 100%;
    fill: #232323;
}

.header-page .header-right .header__iconItem .header__icon.header__icon--cart {
    width: 25px;
    height: 25px;
}

.header-page .header-right .header__iconItem .header__icon.hamburger-icon {
    width: 24px;
    height: 24px;
    position: relative;
    margin-right: 0;
    margin-left: 7px;
}

.header-page .header-right .header__iconItem .header__icon.hamburger-icon .icon-line {
    background-color: #232323;
    width: 24px;
    height: 2px;
    margin: 3px 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}

.header-page .header-right .header__iconItem .header__icon.hamburger-icon .icon-line::before, .header-page .header-right .header__iconItem .header__icon.hamburger-icon .icon-line::after {
    background-color: #232323;
    width: 24px;
    height: 2px;
    margin: 3px 0;
    position: absolute;
    left: 0;
    right: 0;
    content: "";
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.header-page .header-right .header__iconItem .header__icon.hamburger-icon .icon-line::before {
    top: 5px;
}

.header-page .header-right .header__iconItem .header__icon.hamburger-icon .icon-line::after {
    top: 12px;
}

.header-page .header-right .header__iconItem .header__icon.hamburger-icon:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.header-page .header-right .header__iconItem .header__icon .cart-count-bubble {
    position: absolute;
    right: -9px;
    top: -10px;
    background: #232323;
}

/*
.header-page .header-right .header__iconItem .header__icon .cart-count-bubble .text-count {
    color: #ffffff;
    font-size: 14px;
    letter-spacing: 0;
    top: 0px;
}
*/

.halo-search-popup .halo-popup-wrapper .halo-popup-content .input-group-field {
    font-size: 12px;
}

.halo-search-popup .halo-popup-wrapper .quickSearchResultsWrap .search-block-title .text {
    font-size: 14px;
    letter-spacing: .02em;
    color: #232323;
    font-style: normal;
    font-weight: 700;
}

.halo-search-popup .halo-popup-wrapper .quickSearchResultsWrap .list-item .link {
    padding: 9px 20px 8px 12px;
    color: #232323;
    font-size: 12px;
    background: #f2f2f2;
    border-radius: 4px;
}



@media (min-width: 1025px) {
    .header-page .header-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0;
    }
}

@media (min-width: 1200px) {
    .header-page .header-left {
        width: 140px;
    }
}




/*from demo1.css*/
.halo-block-fullwidth-banner {
    /*margin-bottom: 30px*/
}

.halo-block-fullwidth-banner .content-box .sub-title {
    /*font-size: 28px;*/
    font-size: 2.6em;
    /*line-height: 36px;*/
    padding-bottom: 1em;
  /*  letter-spacing: 0;
    font-weight: 400;
    text-underline-offset: 0.2rem;*/
}

.halo-block-fullwidth-banner .banner-item .banner-title {
    letter-spacing: .05em;
    font-weight: 700;
    /*text-transform: uppercase;*/
    position: relative;
    padding-bottom: 17px;
    /*font-size: 40px;*/
    font-size: 4.7em;
    margin-bottom: 18px
}


.halo-block-fullwidth-banner .banner-item .banner-title .line {
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    height: 2px;
    width: 40px;
    background: #232323;
    display: inline-block
}

.halo-block-fullwidth-banner .banner-item .banner-text {
    margin-bottom: 33px;
    max-width: 825px;
    margin-left: auto;
    margin-right: auto;
    /*font-size: 16px;*/
    font-size: 1.75em;
    color: #232323;
    line-height: 26px
}

.halo-block-fullwidth-banner .button {
    min-width: 195px
}

.halo-block-fullwidth-banner .content-box--left {
    left: calc((100% - 1200px) / 2);
    /*left: calc((100% - 1400px) / 2);*/
    padding: 0 25px 30px;
    width: 675px;
    text-align: left!important;
}

.halo-block-fullwidth-banner .content-box--left .banner-text{
    margin-left: 0;
}


.halo-block-fullwidth-banner .content-box--right {
    right: calc((100% - 1200px) / 2);
    /*right: calc((100% - 1400px) / 2);*/
    padding: 0 25px 30px;
    width: 675px
}

.halo-block-sub-banner .banner-title {
    margin: 0
}

.halo-block-sub-banner .banner-title a {
    color: #fff;
    font-size: 16px;
    letter-spacing: .05em
}

.halo-block-spotlight {
    padding-top: 24px
}

.halo-block-spotlight .content {
    padding-top: 28px
}

.halo-block-spotlight .content .title {
    margin-bottom: 18px;
    font-size: 20px;
    letter-spacing: .05em
}

.halo-block-spotlight .content .des {
    font-size: 12px;
    line-height: 22px;
    letter-spacing: .02em;
    min-width: 350px
}

.halo-block-spotlight .content .spotlight-button {
    margin-top: 30px
}

.halo-block-brands {
    border-top: 1px solid #ebebeb;
    padding: 15px 0;
    margin-top: 65px
}

.halo-block-brands .halo-row-item {
    padding: 0 15px;
    display: none
}

.halo-block-brands .halo-row-item a, .halo-block-instagram .halo-block-content .row.slick-initialized .halo-row-item {
    display: block
}

.halo-block-brands .halo-row-item a img {
    padding: 10px
}

.halo-block-brands .slick-initialized .halo-row-item {
    display: block;
    padding-top: 5px
}

.halo-block-instagram {
  /*  background-color: #fafafa;
    padding: 35px 0 40px*/
}

.halo-block-instagram .halo-block-header {
    margin-bottom: 13px
}

.halo-block-instagram .halo-block-header .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 3rem auto;
    font-size: 2.25em;
}

.halo-block-instagram .halo-block-header .title::before {
    display: none
}

.halo-block-instagram .halo-block-header .title svg {
    width: 22px;
    height: 22px;
    margin-right: 13px
}

.halo-block-instagram .halo-block-header .desc {
    padding-bottom: 22px
}

.halo-block-instagram .halo-block-content .row {
    margin-left: -2.5px;
    margin-right: -2.5px
}

.halo-block-instagram .halo-block-content .row .halo-row-item {
    padding: 0 2.5px;
    display: none
}

.halo-block-instagram .halo-block-content .row > * {
    padding: 0
}

.halo-block-instagram .instagram-button {
    margin-top: 26px
}

.halo-block-instagram .instagram-button .button {
    min-width: 230px
}

@media (max-width: 1024px) {
    .halo-block-content .content-box .banner-title,.promotion-content .content-box .banner-title {
        /*font-size: 30px!important;*/
        font-size: 3em!important;
        margin-bottom: 15px
    }

    .halo-block-spotlight .content .des {
        min-width: 300px
    }
}

@media (max-width: 767px) {
    .halo-block-content .content-box .banner-title {
        font-style: normal !important;
        padding-bottom: 10px;
        margin-bottom: 10px;
        padding-top: 15px;
        font-size: 1em!important;

    }

    .content-box--left, .content-box--right {
        padding-top: 0;
        width: 475px;
        padding-bottom: 30px
    }

    .halo-block-fullwidth-banner {
        margin-bottom: 0px
    }

    .halo-block-content .content-box--left {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 8;
        padding: 25px 25px 30px;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        max-width: 100%
    }

    .halo-block-content .content-box .banner-title,.halo-block-content .content-box .sub-title {
        color: #fff
    }
    .halo-block-content .content-box .sub-title{
        font-size: 1em !important;
        padding-bottom: 0!important;
    }
    .halo-block-content .content-box .banner-title .line {
        background-color: #fff
    }

    .halo-block-content .content-box .banner-text {
        color: #fff;
        /*font-size: 12px !important;*/
        font-size: 0.875em !important;
        line-height: 22px
    }

    .halo-block-sub-banner .halo-row-item {
        width: 100%
    }

    .halo-block-sub-banner .halo-row-item + .halo-row-item {
        margin-top: 15px
    }
    .halo-block-content .content-box--right {
        position: absolute;
        top: 50%;
        left: auto;
        right: 50%;
        padding: 25px 25px 30px;
        -webkit-transform: translate(50%, -50%);
        transform: translate(50%, -50%);
        max-width: 100%
    }

    .halo-block-content .content-box--right .banner-text {
        font-size: 12px !important;
        line-height: 22px
    }

    .btn{
        font-size: 1em!important;
        padding: .5rem 1rem!important;
        border-radius: 3px!important;
        font-weight: 400!important;
        line-height: 1!important;
        border-width: 2px!important;
        border-radius: 10px!important;
    }
}

@media (min-width: 768px) {
    .halo-block-brands .halo-row-item a img {
        padding: 25px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .halo-block-content .content-box--left {
        left: calc((100% - 730px) / 2);
        width: 475px;
        padding-top: 25px;
        padding-bottom: 30px
    }

    .halo-block-content .content-box--right {
        right: calc((100% - 730px) / 2);
        width: 475px;
        padding-top: 25px;
        padding-bottom: 30px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .halo-block-content .content-box--left {
        left: calc((100% - 950px) / 2)
    }
}

@media (min-Width: 1200px) {
    .halo-block-sub-banner .halo-row-item .banner-title {
        font-size: 26px
    }

    .halo-block-instagram {
        /*padding-bottom: 70px*/
    }

    .halo-block-fullwidth-banner .button {
        min-width: 237px
    }
}

@media (min-width: 1600px) {
    .image-card-block .slick-arrow.slick-next {
        /*right: -15px*/
        right: 50px
    }

    .image-card-block .slick-arrow.slick-prev {
        /*left: -15px*/
        left: 50px
    }
    .halo-block-instagram .halo-block-content .slick-arrow.slick-prev{
        left: 170px
    }

    .halo-block-instagram .halo-block-content .slick-arrow.slick-next{
        right: 170px
    }
}

/*style1 end*/


.header-language_currency .dropdown-language_currency .currency-item.active, .header-language_currency .dropdown-language_currency .currency-item:hover, .header-language_currency .dropdown-language_currency .disclosure__link.disclosure__link--active, .header-language_currency .dropdown-language_currency .disclosure__link:hover {
    text-decoration: underline;
    text-underline-offset: 2px
}



.header-language_currency {
    display: inline-block;
    position: relative;
    text-align: right;
    padding: 0
}

.header-language_currency .halo-language_currency .disclosure__button {
    padding: 0;
    display: inline-block;
}



.header-language_currency .halo-language_currency .disclosure__button .icon {
    width: 22px;
    height: 22px;
    position: relative;
    top: 0px
}

.header-language_currency .halo-language_currency .disclosure__button .icon svg {
    width: 22px;
    height: 22px;
    vertical-align: middle;

}

.header-language_currency .halo-language .disclosure__button .text {
    font-size: 16px;
    font-weight: 500;
    /*color: #fff;*/
    margin-left: 10px;
    margin-right: 10px;
    vertical-align: middle;
}

.header-language_currency .halo-language .disclosure__button .text + svg {

    position: relative;
    width: 18px;
    height: 18px;
    fill: #3c3c3c;
}



.header-language_currency .halo-language .disclosure__button .text.text-language {
    position: relative
}

.header-language_currency .halo-language .disclosure__button .text.text-language::after {
/*    position: absolute;
    content: "/";
    top: 0;
    right: -14px;
    color: #fff*/
}


/*.dropdown-item:focus, .dropdown-item:hover {
    color: #1e2125;
    background-color: #e9ecef;
}*/

.halo-block-slideshow .halo-row-carousel .slick-dots {
    position: absolute;
    bottom: 14px;
    width: 100%;
}


.halo-block-sub-banner .sub-title {
    font-size: 18px;
    letter-spacing: 0;
    font-weight: 500;
    color: #202020
}

.halo-block-sub-banner .banner-title {

    font-weight: 600;
    letter-spacing: 0;
    line-height: 50px;
    color: #202020;
    margin-top: 10px;
    margin-bottom: 30px
}

.btn {
   /* padding: 0.5rem 1.25rem;
    font-size: 1rem;
    border-radius: 4px;
    border: 2px solid;*/
    padding: .75rem 1.5rem;
    border-radius: 3px;
    font-weight: 500;
    line-height: 1.4;
    border-width: 3px;
    border-radius: 15px;
}


.breadcrumb a, .desc, .link, label {
    font-size: 1em;
    /*font-size: 14px;*/
    color: #232323;
}

.halo-block-fullwidth-banner .banner-item{
    /*min-height: 250px;*/
    min-height: 150px;
}



@media (min-width: 768px) {


    .halo-block-product-width-banner .col-product {
        padding: 70px 30px 58px
    }

    .halo-block-product-width-banner.style-2 .row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        position: relative
    }

    .halo-block-product-width-banner.style-2 .row::after {
        width: calc(100% + 100%)
    }
}



@media (min-width: 1200px) {


    .halo-block-product-width-banner .col-product {
        padding-left: 3%
    }

    .halo-block-product-width-banner.style-1 .col-product {
        /*padding-right: calc((100% - 1170px) / 2)*/
    }

    .halo-block-product-width-banner.style-2 .col-product {
        /*padding-left: calc((100% - 1170px) / 2)*/
    }
}

@media (min-width: 1600px) {

    .halo-block-product-width-banner.style-1 .col-banner {
        padding-right: 50px
    }

    .halo-block-product-width-banner.style-2 .col-banner {
        padding-left: 50px
    }
}

.halo-block-product-width-banner .col-banner .content-box .desc {
    font-size: 16px;
    letter-spacing: 0;
    color: #fff;
    line-height: 18px;
    margin-bottom: 37px
}


.halo-block-product-width-banner .col-banner .image img {
    -o-object-fit: inherit;
    object-fit: inherit;
}

.halo-block-product-width-banner .col-banner .halo-block-item, .halo-block-product-width-banner .col-banner .image, .halo-block-product-width-banner .col-banner .img-box {
    height: 100%;
}

.content-box .video_icon {
    right: 5px;
    bottom: 5px;
}

.image-card-block .image-adapt{
    padding-top: 100%;
}

.product-tall-card-media .image-adapt{
    padding-bottom: 133.33333333333334%
}
.product-card-media .image-adapt{
    padding-bottom: 100%;
}

.halo-block-sub-banner {
    padding: 50px 0 50px;
    /*background: #f8f8f8;*/
}

.header-language_currency .img-icon {
    width: 37px;
    height: 22px;
}

.header-language_currency .img-icon img {
   /* width: 20px;
    height: 12px;*/
    stroke: initial;
    vertical-align: middle;
}

.header-language_currency .halo-language .div .disclosure__link .img-icon {
    width: 22px;
    height: 16px;
    margin-right: 6px;
}

.header-language_currency .halo-language .div .disclosure__link .img-icon img {
    width: 22px;
    height: 14px;
    vertical-align: middle;
}
.header-language_currency .text{
    font-size: 1rem;
}

.site-nav-mobile .img-icon img{
    max-width: fit-content;
}

.banner-image-block .image{
    padding-top: 56.25% !important;
}
.banner-image-block .image-mobile{
    padding-top: 56.25%!important;
}


.count-down-01 {
    display: flex;
    flex-wrap: wrap; }
.count-down-01 > div {
    display: flex;
    margin-right: 15px;
    flex-direction: column; }
.count-down-01 .count {
    font-size: 24px;
    color: #ff6f61;
    font-weight: 600; }
.count-down-01 .title {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px; }

.count-down-02 {
    display: flex;
    flex-wrap: wrap; }
.count-down-02 > div {
    text-align: center;
    background: #f6f9fc;
    line-height: 1;
    padding: 10px 0;
    margin: 3px 7px 3px 0px; }
.count-down-02 .count {
    font-size: 18px;
    color: #02010a;
    display: inline-block;
    vertical-align: top;
    font-weight: 600;
    width: 100%; }
.count-down-02 .title {
    font-size: 12px; }

.content-box{
    z-index: 8;
}



.halo-block-blog-post {
    padding: 25px 0 9px
}

.halo-block-blog-post .article-details {
    padding: 16px 28px 25px;
    border: 1px solid #dbdbdb;
    /*border-top: none*/
}

.halo-block-blog-post .article-details .article-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 2px;
    overflow: hidden;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}

.halo-block-blog-post .article-details .blog-info {
    margin-bottom: 14px
}

.halo-block-blog-post .article-details .blog-info .blog-date {
    line-height: 22px;
    font-size: 14px;
    color: #999
}

.halo-block-blog-post .article-details .desc {
    color: #3c3c3c;
    margin-bottom: 9px;
    line-height: 1.8;
    font-size: 14px;

}

.halo-block-blog-post .article-details .actions .link {
    color: #3c3c3c;
    font-weight: 500
}

.halo-block-blog-post .halo-row-item:hover .article-details {
    -webkit-box-shadow: 0 3px 7px #e1e1e1;
    box-shadow: 0 3px 7px #e1e1e1
}

.halo-block-blog-post .halo-row-item:hover .article-title a .text {
    text-underline-offset: 0.3rem
}



.halo-block-customer-review {
   /* padding-top: 25px;
    margin-bottom: 56px;
    padding-bottom: 30px;*/

    /*padding-top: 25px;*/
    /*margin-bottom: 26px;*/
    /*padding-bottom: 60px;*/
    border-bottom: 5px solid ;
    border:#ffffff solid;
    border-radius: 45px;
    margin:25px auto;

    padding: 0 15px 0;
}

.halo-block-customer-review .halo-block-header .title {
    margin-bottom: 13px
}

.halo-block-blog-post .halo-block-header .title::before,.halo-block-customer-review .halo-block-header .title::before {
    display: none
}

.halo-block-customer-review .slick-dots {
    margin: 10px 0 ;
}
.halo-block-blog-post .slick-dots {
    bottom: -40px !important;
    position: absolute;
}

.halo-block-customer-review .img-box {
    margin-bottom: 44px
}

.halo-block-customer-review .content-box {
    max-width: 630px;
    margin: 0 auto;
    padding: 0 15px
}

.halo-block-customer-review .content-box .review-rating {
    margin-bottom: 12px
}

.halo-block-customer-review .content-box .review-rating .spr-icon.spr-icon-star::before {
    color: #f8c646
}

.halo-block-customer-review .content-box .review-rating .spr-icon ::after, .halo-block-customer-review .content-box .review-rating .spr-icon::before {
    font-size: 32px
}

.halo-block-customer-review .content-box .desc {
    color: #000;
    line-height: 24px;
    font-size: 14px;
}

.halo-block-customer-review .content-box .name {
    margin-top: 56px;
    font-size: 22px;
    font-weight: 500;
    color: #787878
}
.halo-block-customer-review .content-box .review-option {
    margin-top: 16px;
    font-size: 15px;
    font-weight: 600;
    color: #787878
}

.halo-block-brands .halo-block-content .img-box img, .halo-block-customer-review .img-box img, .halo-block-icon-with-text.style-2 .wrapper-item .icon img {
    margin: 0 auto
}

.halo-block-navigation {
    width: 100%;
/*    padding-top: 48px;
    padding-bottom: 55px;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    place-items: center;
}

.halo-block-navigation .nav {
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    margin: 0 auto;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}

.halo-block-navigation .nav .nav-item {
    position: relative;
    padding: 5px 15px 5px;
    background: #f5f5f5;
    margin: 0 5px;
    border-radius: 30px;
}

.halo-block-navigation .nav .nav-item a {
    /*color: #202020;*/
    font-weight: 400;
    -webkit-transition: color .35s ease-in-out;
    transition: color .35s ease-in-out;
    font-size: 14px;
}

/*product/product-template-default.css start*/

.product-layout-default {
    padding: 0px 0px 50px;
}

.product-layout-default .breadcrumb {
    padding: 18px 0px 30px;
}

.product-layout-default .halo-productView-right .productView-title {
    margin: 0;
    font-size: 2.25em!important;
}
.product-layout-default .halo-productView-right .sub-title{
    margin-bottom: 10px!important;
    font-size: 1.875em;

}
.productView-short-desc p{
    font-size: 1.25em!important;
    font-weight: 400;
}
.productView-information .card-price .money, .productView-rating .spr-badge-starrating, .review-rating .spr-badge-starrating{
    font-size: 2em!important;
}

.product-layout-default .halo-productView-right .productView-rating .spr-badge-starrating {
    position: relative;
    top: 1px;
}

.product-layout-default .halo-product-block {
    clear: both;
}

.product-layout-default .halo-product-block .product-header {
    border-top: 1px solid #e6e6e6;
    padding: 30px 0px 12px;
}

.product-layout-default .halo-product-block .product-header .title {
    font-size: 18px;
    letter-spacing: .02em;
    font-weight: 600;
    color: #232323;
}
.product-layout-default .productView-information .halo-productView-left .productView-image img {
    width: 100%;
}
@media (min-width: 1025px) {
    .product-layout-default .productView-information .halo-productView-right {
        width: 500px;
        padding-left: 60px;
        padding-top: 15px;
    }
    .product-layout-default .productView-information .halo-productView-left {
        width: calc(100% - 500px);
    }
  /*  .product-layout-default .productView-information .halo-productView-left .productView-image img {
        width: 100%;
    }*/
    .product-layout-default .halo-product-block {
        margin-top: 50px;
    }
}

/*product/product-template-default.css end*/

/* base/product/component-product.css start*/
.productView{
    position: relative;
    width: 100%;
    margin: 0 auto;
    /* padding-top: 30px;
     padding-bottom: 45px;*/
}



.halo-productView-left,
.halo-productView-right{
    letter-spacing: 0;
    margin: 0 auto;
    position: relative;
}

.halo-productView-left{
    margin: 0 auto 30px auto;
}

.template-product #halo-product-bundle {
    padding-top: 52px;
}

.product-default .productView {
    padding-top: 0px;
}



/* END: Sidebar with Breadcrumb */

.productView-image-wrapper{
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 100%;
}


.productView-image{
    display: inline-block;
    vertical-align: top;
    width: 100%;
}



.productView-image-wrapper .productView-nav:not(.slick-initialized){
    display: block;
    overflow: hidden;
    font-size: 0;
    letter-spacing: 0;
    white-space: nowrap;
}









.productView-thumbnail{
    display: block;
    width: 100%;
    padding: 0 10px;
    position: relative;
}

.productView-thumbnail .productView-thumbnail-link{
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    cursor: pointer;
}

.productView-thumbnail .productView-thumbnail-link:after{
    content: '';
    display: block;
    width: 100%;
    padding-bottom: 100%;
}

.productView-thumbnail .productView-thumbnail-link img{
    position: absolute;
    top: 50%;
    left: 50%;
    height: 100%;
    width: 100%;
    max-width: none;
    display: inline-block;
    vertical-align: top;
    transform: translate(-50%,-50%);
    transition: all ease .3s;
    object-fit: contain;
    border: 1px solid #e6e6e6
}

.productView-thumbnail-wrapper .slick-current .productView-thumbnail-link img{
    opacity: .8!important;
    border: 2px solid #ef6454;
}





.productView-thumbnail-wrapper .slick-prev {
    left: -9px !important;
}

.productView-thumbnail-wrapper .slick-next {
    right: -9px !important;
}

.productView-thumbnail-wrapper .slick-arrow svg {
    width: 100%;
    height: 100%;
}

.productView-thumbnail-wrapper .productView-for:not(.slick-initialized){
    white-space: nowrap;
    overflow: hidden;
}

.productView-thumbnail-wrapper .productView-for:not(.slick-initialized) > div{
    display: inline-block;
    vertical-align: top;
    width: 20%;
}

.productView-thumbnail-wrapper .productView-for:not(.slick-initialized) > div:nth-child(6){
    display: none;
}



/*--------------------------------------------------------------------------------------------------------------------------------------*/




.productView-securityImage ul{
    font-size: 0;
    letter-spacing: 0;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}

.productView-securityImage ul li{
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    margin-bottom: 5px;
}

.productView-securityImage img{
    max-height: 100px;
}



/* base/product/component-product.css end*/


/*blog component start*/
/*

.blog-template .halo-blog-content .page-content {
    padding-bottom: 77px
}

.blog-template .halo-blog-content .article-title {
    font-size: 18px;
    line-height: 28px;
    color: #232323;
    font-weight: 600;
    margin-bottom: 6px
}

.blog-template .halo-blog-content .article-title span {
    text-underline-offset: 0.4rem
}

.blog-template .halo-blog-content .blog-info {
    color: #999;
    font-size: 12px;
    font-weight: 400;
    text-transform: capitalize;
    font-style: normal;
    margin-bottom: 30px
}

.blog-template .halo-blog-content .blog-info .blog-author, .blog-template .halo-blog-content .blog-info .blog-comment {
    margin-left: 10px
}

.blog-template .halo-blog-content .article-details .article-img, .blog-template.blog-template-full-width .list-article .article-details .desc, .blog-template.blog-template-masory .list-article .desc {
    margin-bottom: 30px
}

.blog-template .halo-blog-content .article-details .desc {
    margin-bottom: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    color: #3c3c3c;
    line-height: 24px
}

.blog-template .halo-blog-content .article-details .actions .button {
    width: 100%;
    max-width: 168px
}

.blog-template .halo-blog-content .list-article {
    position: relative;
    top: -4px
}

.blog-template .halo-blog-content .list-article .article-item {
    margin-bottom: 45px
}

.blog-template .halo-blog-content .list-article .article-item + .article-item {
    border-top: 1px solid #e6e6e5;
    padding-top: 40px
}

.blog-template .halo-blog-content .list-article .article-item:last-child {
    margin-bottom: 40px
}

.blog-template .halo-blog-content .pagination {
    border-top: 1px solid #e6e6e6;
    padding-top: 35px
}



.blog-template.blog-template-masory .list-article .article-item.article-item {
    padding-top: 0;
    border: none;
    padding-bottom: 10px
}

.blog-template.blog-template-masory .list-article .article-img {
    margin-bottom: 22px
}

.blog-template.blog-template-masory .list-article .blog-info {
    margin-bottom: 19px
}

*/



/*blog component end*/



/*blog account start*/

.account-layout .collection-header .collection-title{
    margin-top: 0!important;
}
.blog-layout-default .page-header,.account-layout .page-header {
    padding-bottom: 0;
}

.blog-block-item {
    margin: 0 -10px;
}

.blog-block-item .item {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding: 0 10px;
}

.blog-block-item .blog-content {
    padding: 30px 0 15px;
}

.blog-block-item .item-content {
    width: 100%;
    max-width: 600px;
    padding: 30px;
    margin: 0 auto;
}

.blog-block-item .blog-image {
    width: 100%;
    overflow: hidden;
}

.blog-block-item .blog-title {
    line-height: 1.2;
    margin: 0 0 8px 0;
    font-weight: 600;
}

.blog-layout-default .blog-block-item .blog-title {
    margin: 0 0 23px 0;
}

.blog-block-item .blog-info {
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.24px;
    margin-bottom: 18px;
    font-style: italic;
}

.blog-block-item .blog-summary {
    margin-bottom: 25px;
}

.blog-block-item + .blog-block-item {
    margin-top: 40px;
}

.blog-block-item.column-1 .item {
    flex: 0 0 100%;
    width: 100%;
}

.blog-block-item .image-adapt{
    padding-bottom: 57.47126436781609%;
}

.main-blog-block .blog-info span + span {
    margin-left: 10px;
}



.blog-layout-default .blog-info span + .blog-comment {
    padding-left: 10px;
    position: relative;
}

.blog-layout-default .blog-info span + .blog-comment:before {
    content: '/';
    display: inline-block;
    color: inherit;
    font-size: inherit;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(-50%, -50%);
}

.main-blog-block .blog-btn {
    width: auto;
    min-width: 170px;
    font-weight: 400;
}

.blog-layout-default .item--first .blog-btn {
    margin-bottom: 35px;
}

.main-blog-block .blog-info {
    margin-top: 0;
    margin-bottom: 25px;
    color: #999999;
}

.main-blog-block .article-item.not-read-more .blog-info {
    margin-bottom: 0;
}

.blog-layout-default .article-item {
    margin-bottom: 70px;
}

.blog-title .has-label {
    display: flex;
    align-items: center;
}

.article-label {
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    color: #ba7a2d;
    border: 1px solid #ba7a2d;
    border-radius: 4px;
    padding: 6px 11px;
    margin-right: 15px;
}

.blog-content .blog-btn {
    margin-top: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    min-width: 161px;
}

@media (max-width: 767px) {

    .blog-layout-default .item .article-item {
        margin-bottom: 30px;
    }

}

@media (max-width: 360px) {
    .blog-layout-default .blog-info .blog-comment {
        display: block;
    }
}

@media (min-width: 551px) {
    .blog-block-item .item,
    .blog-block-item.column-2 .item,
    .blog-block-item.column-3 .item,
    .blog-block-item.column-4 .item,
    .blog-block-item.column-5 .item,
    .blog-block-item .item.item-left,
    .blog-block-item .item.item-right {
        flex: 0 0 50%;
        width: 50%;
    }
}

@media (min-width: 768px) {

    .blog-layout-default .blog-block-item .blog-content {
        padding: 0;
    }

    .blog-layout-default .blog-block-item .item:first-child .article-item:not(.not-placeholder) {
        display: flex;
        flex-direction: column-reverse;
        margin-bottom: 80px;
    }

    .blog-layout-default .blog-block-item .item:first-child .article-item.not-read-more .blog-info {
        margin-bottom: 10px;
    }

    .blog-layout-default .blog-block-item .item:nth-child(n+2) .article-item:not(.not-placeholder) {
        display: flex;
        align-items: flex-start;
    }

    .blog-layout-default .blog-block-item .item:nth-child(n+2) .article-item:not(.not-placeholder) .blog-image {
        width: 42.5%;
    }

    .blog-layout-default .blog-block-item .item:nth-child(n+2) .article-item:not(.not-placeholder) .blog-content {
        width: 57.5%;
        padding-left: 30px;
        margin-top: -4px;
    }

}

@media (min-width: 992px) {
    .blog-block-item .item.item-left,
    .blog-block-item .item.item-right {
        flex: 0 0 66.66666667%;
        width: 66.66666667%;
    }

    .blog-block-item .item,
    .blog-block-item.column-3 .item,
    .blog-block-item.column-4 .item,
    .blog-block-item.column-5 .item {
        flex: 0 0 33.3333333%;
        width: 33.3333333%;
    }
}

@media (min-width: 1025px) {

    .blog-block-item.column-3 .item {
        flex: 0 0 33.3333333%;
        width: 33.3333333%;
    }

    .blog-block-item.column-4 .item {
        flex: 0 0 25%;
        width: 25%;
    }

    .blog-block-item.column-5 .item {
        flex: 0 0 20%;
        width: 20%;
    }

    .blog-layout-default .blog-block-item .item:nth-child(n+2) .blog-summary {
        margin-bottom: 18px;
    }

    .blog-layout-default .blog-block-item .item:nth-child(n+2) .article-item:not(.not-placeholder) .blog-content {
        padding-left: 40px;
    }

}

@media (max-width: 1024px) {
    .header-with-sidebar {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .header-with-sidebar .page-title {
        padding: 15px 0 !important;
        margin-bottom: 0;
    }

    .sidebar-toogle {
        padding: 9px;
        background-color: #ffffff;
        margin: 0;
    }


}


.blog-layout-list .article-item {
    padding: 30px 0;
    border-bottom: 1px solid #E8E8E8;
}

.blog-layout-list .item:first-child .article-item {
    padding-top: 0;
}

.blog-layout-list .article-item .blog-content {
    padding: 18px 0 0 0;
}

.blog-layout-list .blog-info {
    margin-bottom: 15px;
}

.blog-layout-list .blog-btn {
    padding-top: 5px;
    padding-bottom: 5px;
    min-width: 161px;
}

.blog-layout-list .pagination-wrapper {
    margin-top: 3rem;
    margin-bottom: 8rem;
}
@media (min-width: 768px){
    .blog-layout-list .article-item {
        display: flex;
        align-items: center;
        padding: 40px 0;
    }

    .blog-layout-list .article-item .blog-image {
        width: 39.8%;
    }

    .blog-layout-list .article-item .blog-content {
        width: 60.2%;
        padding: 0 0 0 30px;
    }
}

.article-title{
    font-size: 1.5em;
    font-weight: 600;
    text-transform: capitalize;
    margin-top: 0;
    margin-bottom: 1em;
}



.account-sidebar .menu-icon{
    width: 16px;
    height: 16px;
    margin-right: 10px;
}

.account-sidebar .sidebarBlock-content .nav li a:hover,.account-sidebar .sidebarBlock-content .nav li.active a{
    color: #e95144;
}
.account-desc {
    font-size: 14px;
    font-weight: 400;
    color: #202020;
    letter-spacing: .02em;
    line-height: 22px;
    background: #fff2dd;
    padding: 13px 15px;
    text-align: center;
}

.account-layout .nav-item {
    margin-bottom: 0;
}
/*blog end*/



.wrapper-countDown .countdown-progress {
    background: #f8f8f8;
    width: 100%;
    max-width: 300px;
    margin: 7px 0px 15px;
}

.wrapper-countDown .countdown-progress .progress-meter {
    background: #69c69c;
    height: 5px;
    -webkit-animation: 2s linear 0s infinite progress-bar-stripes;
    animation: 2s linear 0s infinite progress-bar-stripes;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 40px 40px;
    -webkit-transition: .9s linear;
    transition: .9s linear;
    -webkit-transition-property: width, background-color;
    transition-property: width, background-color;
}





.statistic-info {
    justify-content: space-around;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: 0;
    padding-top: 1rem !important;
}

.statistic-info li {
    margin-bottom: 1rem;
    width: 50%;
    padding-top: 50px;
}

.statistic-info .sub-text {
    font-size: 1.2em;
}

span.timer.counter {
    font-size: 40px;
    font-weight: 400;
    color: #FFB400;
}

span.header {
    font-size: 1.25rem;
    font-weight: 400;
    color: #FFB400;
}

.section-statistics h5 {
    font-size: 1.5em;
    margin-bottom: 0.3em;
}

.section-statistics h5 .count-title {
    font-size: 2em;
}

.section-statistics h5 em {
    font-size: 1.2rem;
    font-weight: normal;
    font-style: normal;
    padding-left: 0.2rem;
    color: #FFB400;
}

.section-statistics h5,
.section-statistics,
.section-statistics a {
    color: #111111;
}




@media (max-width: 768px) {




    .section-statistics h5 em {
        font-size: 16px;
        font-weight: normal;
        font-style: normal;
        padding-left: 0.2rem;
    }


    span.timer.counter {
        font-size: 18px;
    }
    span.header {
        font-size: .9rem;
    }

    ul.flex.statistic-info.data .item:nth-child(2) {
        padding-left: 10%;
    }

    ul.flex.statistic-info.data .item:nth-child(4) {
        padding-left: 10%;
    }

    .statistic-info .sub-text {
        font-size: 0.9rem;
        font-weight: 400;
    }

    .statistic-info {
        padding-top: 0px !important;
    }


    .statistic-info li {
        width: 50%!important;
        padding: 10px 5px 0;
        display: flex;
        align-items: center;
    }
    .statistic-info li p{
       font-size: .85rem;
        line-height: 1.25;
    }


    .statistic-info .item .ad {
        max-width: 55px;
        max-height: 55px;
        margin: 0 12px 0 0;
    }

    .section-statistics .h3:after,
    .section-statistics .h3:before {
        width: 20px;
    }

}


@media (min-width: 1200px) {


    .section-statistics h5 em {
        font-size: 18px;
        font-weight: normal;
        font-style: normal;
        padding-left: 0.2rem;
    }


    .statistic-info .sub-text {
        font-size: 16px;
        font-weight: 400;
    }


    span.timer.counter {
        font-weight: 600;
        font-size: 30px;
    }


    .statistic-info li {
        margin-bottom: 1rem;
        width: 50% !important;
        padding: 20px 5px 0;
    }

}


/*--------------------------------*/


.product-size .spec_left {
    width: 45%;
}

.product-size .spec_right {
    width: 48%;

}

li.ingst {

    border-top: 1px solid #eee;
}

.detail_list li:nth-child(odd) {
    background: #ffffff;
}

.detail_list li:nth-child(even) {
    background: #f9f9f9;
}

/* size */
.detail_lists li {
    display: flex;

    height: 100px !important;
}

.sec-ttl.size.text-center h2 {
    text-align: initial;
}

li.ingst p {
    padding: 10px;
}

li.ingst b {
    padding: 10px;
}

.detail_list li span {
    display: block;
    width: 30%;
}

.detail_list li span:first-child {
    width: 70%;
}

span.d_right {
    text-align: end;
}


li.b-size_left,
li.b-size_right {
    padding-top: 50px !important;
    justify-content: space-between;
    border-bottom: 2px solid #fbb20f;
    width: 45%;
}

ul.size-left {
    width: 100%;
    display: flex;

    flex-wrap: wrap;
    justify-content: space-between;
}

.detail_list-size {
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding-top: 30px;
}

.detail_list.product-size {
    max-width: 1720px;
    margin: 0 auto;
    padding: 0 20px;
}




@media (max-width: 768px) {

    .product-size .spec_right {
        width: 100%;
        padding-left: 0;
        margin-top: 20px
    }

    .product-size .spec_left {
        width: 100%;
        box-shadow: 0px 2px 13px 6px rgb(231 231 231 / 50%);
        border-radius: 15px;

    }


    p.nt {
        padding-left: 1%;
        padding-top: 0%;
    }

    .detail_list .tab_title .tu {
        float: right;
        font-weight: 100;
    }

    .detail_list li {

        font-size: 16px;
        width: 50%;
        text-align: center;
        margin-left: 0px;

    }

    .tab_title h4 {
        font-size: 30px !important;
        font-weight: 600;

        line-height: inherit;
    }

    ul.singst {
        display: flex;
        margin: 0;

        width: 100%;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .detail_list {
        margin-left: 0px;
    }
}

@media (min-width: 770px) {
    ul.detailingcc {
        display: flex;
        width: 100%;
        flex-flow: row;

    }

    li.ingst {
        display: flex;
        flex-flow: column;
        justify-content: center;
        width: 25%;
    }

    ul.singst {
        display: flex;
        margin: 0;
    }
}
@media (min-width: 770px) and (max-width: 1023px) {


    .tab_title h4 {
        font-size: 18px;
        font-weight: 600;

        line-height: inherit;
    }



}


@media screen and (min-width: 1024px) {

    .tab_title h4 {
        font-size: 24px;
        font-weight: 600;

        line-height: inherit;
    }


}

.detail_list li {
    height: auto !important;
    padding: 15px 0px;
    text-align: center;
    margin-bottom: 0;
}

.tab_title h4 {
    font-size: 48px;
    font-weight: 600;

    line-height: inherit;
}

p.zimu {
    background: #FBB20F;
    width: 25px;
    text-align: center;
    color: #fff;
}

p.nt {
    padding-left: 2%;

    padding-top: 1%;
}

span.d_left {
    display: flex;
    width: 100%;
}

.tab_ccontent.spec {
    padding-bottom: 100px;
}



@media (max-width: 768px){
    .detail_list .tab_title .tu{
        float: right;
        font-weight: 100;
    }
    ul.size-left,
    ul.size-right {
        width: 100%;
    }
    .detail_list-size{
        flex-direction: column;
    }
    li.b-size_left, li.b-size_right {
        padding-top: 30px !important;
        justify-content: space-between;
        border-bottom: 2px solid #fbb20f;
        width: 100%;
    }
    .detail_lists li {
        display: flex;
        height: 80px!important;
    }
}
@media (min-width: 788px) and (max-width: 1024px) {
    .spec_left.brawn {
        box-shadow: 0 2px 13px 6px rgba(231, 231, 231, 0.5);
        border-radius: 15px;
        text-align: center;
        width: 100%;
    }
    .product-size .spec_right {
        width: 100%;
    }
    .tab_content.size {
        display: flex;
        flex-direction: column;
    }
}

@media screen and (min-width: 1025px){
    .spec_left.brawn {
        box-shadow: 0 2px 13px 6px rgba(231, 231, 231, 0.5);
        border-radius: 15px;
        text-align: center;
        width: 45%;
    }
    .product-size .spec_right {
        width: 48%;
    }
    .tab_content.size {
        display: flex;
        width: 100%;
        justify-content: space-between;
    }
}



.medium-up--text-center {
    text-align: center;
}
.mainfeatured-tube-image{
    display: inline!important;
    width: 40px;
}
.mainfeatured-tube-text h5 {
    height: 17px;
    font-size: 22px;
    font-weight: 600;
    color: #10151B;
    line-height: 65px;
}
.mainfeatured-tube-text .sub-text {
    height: 12px;
    font-size: 14px;
    font-weight: 500;
    color: #999999;
    line-height: 65px;
}


.card-price .price-item .money, .facets__list .facets__item:hover,.facets__list .facets__item.active,.facets__list .facets__item a:hover,.facets__list .facets__item.active label{
    color: #e95144
}


/*.products-list .product-card .product-card-bottom .product-card-information .card-price, .toolbar .toolbar-wrapper.toolbar-mobile {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}*/
.products-list .card-price .price-item .money {
    display: inline-block;
    vertical-align: middle;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    color: #e95144;
}
.products-list .card-price .price-item .list-price{
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    margin-right: 16px;
}

.card__badge .badge {
    /*font-size: 12px;*/
    letter-spacing: 0;
    font-weight: 500;
    border-radius: 2px;
}

.new-arrival-layout .product-card .card-product__group{
    top:25px;
}

.new-arrival-layout .page-header .content-box .breadcrumb a {
    color: #232323!important;
}


/*promotion-content start*/
/*.promotion-content .main-image{
    padding-top: 470px;
    position: relative;
    background-size: cover;
    background: repeat-x fixed center center;
}*/

.promotion-content .main-image {
    padding-top: 470px;
    position: relative;
    background-size: cover;
    background-repeat: repeat-x;
    background-position: center top;
    /*background-attachment: fixed;*/
}
.banner-promo-content .main-image{
    /*padding-top: 800px!important;*/
}

.promotion-content .image-mobile{
    padding-top: 80%;
}

.promotion-content .content-box .sub-title {
    font-size: 16px;
    letter-spacing: .05em;
    font-weight: 400;
    color: #fff;
    margin-bottom: 15px
}

.promotion-content .content-box .sub-title span {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(97%, transparent), color-stop(3%, #fff));
    background-image: linear-gradient(transparent 97%, #fff 3%);
    background-repeat: repeat-x;
    background-position-y: 0px
}

.promotion-content .content-box .banner-title {
    font-size: 40px;
    letter-spacing: .05em;
    color: #fff;
    /*font-weight: 800;*/
    margin-bottom: 12px
}

.promotion-content .content-box .countdownText {
    color: #fff;
    text-align: center;
    margin-bottom: 28px;
    letter-spacing: .02em
}

.promotion-content .num{
    background-color: #fff!important;
    font-size: 30px;
    min-width: 69px;
    margin-right: 10px;
    opacity: 0.8;
}

.promotion-content .num span{
    font-size: 1rem;

}

@media (max-width: 600px){
    .promotion-content .num {
        font-size: 20px!important;
        min-width: 50px!important;
    }
}

@media (max-width: 1024px) {
    .promotion-content .img-box .image {
        min-height: 400px !important
    }
}
/*promotion-content end*/









.image-adapt img, .image-adapt .not_img{
    /*height:auto!important;*/
}

.slick-arrow {
    width: 50px;
    height: 50px;
}

.slick-arrow:hover,.dark-mode .slick-arrow:hover {
    background-color: #323232;
    color: #fff;
    border-color: #232323
}

.slick-arrow:hover svg {
    fill: #ffffff;
    color: #fff
}

.slick-arrow svg {
    width: 100%;
    height: 100%;
    color: #323232;
    fill: #323232;
    stroke: transparent;
    top: auto!important;
}

.disc-list{
   padding-left:  1.75rem;
    text-align: left;
}
.disc-list li{
    text-transform: none;
    list-style-type: disc
}




.custom-video-block div,.flex-adapt-box div{
    width: auto!important;
}

.flex-adapt-box  .content-box{
    max-width: 100%!important;
    padding: 0!important;
}
.flex-adapt-box .content-box .desc{
    margin-bottom: 0!important;
}

.custom-video-block .banner-item,.custom-video-block .content-box img{
    border-radius: 40px;
}


.custom-video-block.video-open-popup .play-icon {
    width: 80px!important;
    height: 80px!important;
}
.custom-video-block.video-open-popup a {

    background: transparent!important;
}

.newsletter-form .newsletter-form__field-wrapper .field__input{
    line-height: 2em;
    font-size: 1.1em;
}
.main-product-item .product-card{
    /*margin: 40px;*/
    padding-bottom: 20px;
}

.main-product-item .product-card a{
    text-decoration:underline;
}

.main-product-item .product-card-media .image-adapt{
    padding-bottom: 75%!important;
}


.main-product-item .product-card,.main-product-item .product-card-media, .main-product-item .productView-image .media{
    background-color: #5c5b60;
    border-radius: 40px;
}
.main-product-item .product-card-media, .main-product-item .productView-image .media{
    /*background-color: #5c5b60;
    border-radius: 40px;*/
    padding-top: 10px;
}





.dark-mode{
    color: var(--white-color);
    background: var(--background-color);
}

.dark-mode a
{
    text-decoration: none;
    /*color: var(--light-gray);*/
    color: var(--white-color);
}

.dark-mode a:hover, .dark-mode a:focus
{
    color: var(--white-color);
}

.dark-mode .announcement-bar {
    background: rgba(16, 12, 13, 0.8);
    /*opacity: 0.8;*/
    color:#fff;
    line-height: 5em;
    display: block;
    position: absolute;
    z-index: 9;
    width: 100%;
}



.dark-mode .announcement-bar .message,.announcement-bar .message {
    /*font-size: 1.25em;*/
    padding: 7px 15px;
    position: relative;
    font-weight: 400;
    letter-spacing: .05em;
    line-height: 1.875em;
    margin: 0;
}

.dark-mode.has-stickyHeader .announcement-bar{
    display: none;
}

.dark-mode .header-page {
    background: transparent;
    position: absolute;
    z-index: 9;
    width: 100%;
    top: 48px;
}

.dark-mode .header-page .header-mobile {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.dark-mode.has-stickyHeader .header-page {

    animation: slide-down 0.7s;
    -webkit-animation: slide-down 0.7s;
    animation: slide-down 0.7s;

    background: rgba(44, 44, 57, 0.8);
    box-shadow: 0 10px 65px -5px rgba(0, 0, 0, 0.5);

    -webkit-transition: none;
    transition: none;
    top: 0;

}

.dark-mode.has-stickyHeader .header-page .header-mobile {
    background: transparent;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}




.dark-mode .header-page .header-center .menu-lv-item .menu-lv-1__action {

    color: #fff;
}

.dark-mode .header-page .header-right .header__iconItem .header__icon{
    color: #ffffff !important;
}

.dark-mode .header-mobile .header-mobile--icon svg {
    fill: #fff!important;
}
.dark-mode .header-mobile .header-mobile--icon .mobileMenu-toggle .mobileMenu-toggle__Icon,.dark-mode .header-mobile .header-mobile--icon .mobileMenu-toggle .mobileMenu-toggle__Icon::after,.dark-mode .header-mobile .header-mobile--icon .mobileMenu-toggle .mobileMenu-toggle__Icon::before{

    background-color: #fff;
}

.dark-mode .halo-toolbar-bottom-mobile .halo-toolbar-wrapper .halo-toolbar-item .link svg{
    fill: #fff!important;
}
.dark-mode .halo-toolbar-bottom-mobile{
    background: rgba(44, 44, 57,1) !important;
}

.dark-mode .header-language_currency .halo-language .disclosure__button .text{
    color: #ffffff;
}
.dark-mode .header-language_currency .halo-language .disclosure__button .text + svg{
    fill: #ffffff;
}


.halo-toolbar-bottom-mobile .link{
   font-size: 0.875em!important;
}

.static-image-banner .img-box img{
    width: 100%;
}

.product-card-information .title1{
    font-size: 1.6em;
    font-weight: 500;
}
.product-card-information .title2{
    font-size: 1.1em;
}
.product-card-information .get-more{
    font-size: 1.1em;
    font-weight: 300;
    color:#999999
}


.breadcrumb a, .desc, .field__input, .form-input, label {
    letter-spacing: normal;
}

.review-block{
    background-color: var(--deep-black);
    border-top-left-radius: 45px;border-bottom-left-radius: 45px;
}


.btn{
    font-size: 1.1em;
}

.footer-block-newsletter .footer-block__heading{
    /*margin-top: 3em;*/
    font-size: 2.15em!important;
}
.footer-block-newsletter .desc, .footer-block-newsletter .footer-link, .store-footer-info{
    font-size: 1.4em!important;
    font-weight: 300!important;
    margin: 1em auto!important;
}

.footer .footer-block__heading{
    font-size: 1.25em;
}
.footer .footer-link{
    font-size: 0.875em!important;
}



.content-box--absolute{
    width: 100%!important;
}

.halo-block-header .title:before{display:none}

.desc {
    line-height: 1.4;
}


.btn-info {
    color: #fff!important;
    background-color: #00f8ef;
    border-color: #00f8ef
}

.btn-info:hover {
    background-color: #31d2f2;
    border-color: #25cff2
}


.info-cart-margin{
    margin-top: -123px!important;
}
.info-card-list {
    width: 100%;
    text-align: center;

    position: relative;
    z-index: 10;

    max-width: 100%;
    margin: 0 auto;
    /*padding: 0 2rem;*/
    padding: 0;
}




.info-card-list .grid {
    display: grid;

    grid-gap: 0;
    /*background: #ddd;*/
    background: var(--bs-gray-300);
    margin: 0;
    padding: 10px 0;
    border-radius: 30px;
}
.info-card-list .grid-col-3{
    grid-template-columns: repeat(3,1fr);
}

.info-card-list .info-card-title {
    /*font-size: 24px;*/
    font-size: 1.65em;
    line-height: 2.2rem;
    /*color: #47d7ac;*/
    color: #424242!important;
    font-weight: 400;
    margin-top: 1rem;
}
.info-card-list .note {
    font-size: 1em;
    line-height: 1.5rem;
    max-width: 364px;
    margin: 6px auto 0;
    color: #7f7f7f!important;
}



.info-card-list .grid svg,.info-card-list .grid img{
    display: block;
    margin: 0 auto;
    min-width: 80px;
    height: 80px;
}
.info-card-list .grid-col-3 .info-card-item:nth-child(2){
    /* border-left: 1px solid #E7E7E7;
     border-right: 1px solid #E7E7E7;*/
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
}

.info-card-list .info-card-item {
    margin: 15px 0;
}




@media screen and (min-width: 990px){
    .info-card-list {
        /*padding: 0 5rem;*/
    }
}
@media screen and (min-width: 1920px){
    .info-card-list {
        padding: 0!important;
    }
}
@media screen and (max-width: 990px){

    .info-cart-margin{
        margin-top: -80px!important;
    }

    .info-card-list .grid {
        display: block;
        padding: 12px 24px;
        border-radius: 45px;
    }
    .info-card-list .info-card-item {
        display: flex;
        align-items: center;
        padding: 17px 0;
    }


    .info-card-item .media {
        padding-right: 20px;
    }

    .info-card-list .grid svg,.info-card-list .grid img {
        min-width: 36px!important;
        height: 36px;
        /*height: auto;*/

    }
    .info-card-list .info-card-title {
        margin: 0;
        font-size: 1.15em;
        line-height: 1.25rem;
        text-align: left;
    }
    .info-card-list .note {
        margin: 8px auto 0;
        font-size: 1em;
        line-height: 1rem;
        text-align: left;
    }
    .info-card-list .grid-col-3 .info-card-item:nth-child(2) {
        border-left: none;
        border-right: none;
        border-top: 2px solid #fff;
        border-bottom: 2px solid #fff;
    }
}


.dark-mode .slick-arrow {

    background-color: rgba(16, 12, 13, 0.4);
    border: 0;
    color: #323232;

}



.dark-mode .slick-arrow svg {

    color: #fff;
    fill: #fff;
}





.image-gallery-block .slick-list{
    padding: 0 50px!important;
}



.review-desc{
    margin: 50px 10px 50px 50px!important;
    text-align: left!important;
    line-height: 1.3;
}

.review-desc .review-button{
    border-width: 2px;
    font-size: 28px;
    line-height: 36px;
    padding: 0.35rem 3.5rem 0.65rem;
    border-radius: 20px;
}
.review-desc .title{
    font-size: 38px!important;
}

.custom-review.desc{
    padding-top: 30px;
    font-size: 22px!important;
    font-weight: 300;
    line-height: 1.5!important;
}
/*----------------------*/

@media (max-width: 768px) {
    .review-block{
        border-radius: 45px;
    }
    .halo-block-customer-review{
        padding: 5px;
    }




}

@media screen and (min-width: 1025px){
    .image-gallery-block .slick-list{
        padding: 0 150px!important;
    }

}

@media screen and (max-width: 1024px){
    .dark-mode .announcement-bar{
        position: relative!important;
    }

}



@media (min-width: 1920px) {
    .halo-block-fullwidth-banner .content-box--left {
        left: 338px;

    }

    .container-full .slick-arrow.slick-prev{
        left: 338px!important;
    }
    .container-full  .slick-arrow.slick-next{
        right: 338px!important;
    }

    .image-gallery-block .slick-list{
        padding: 0 338px!important;
    }
    .container-px-450 .product-info-block{
        padding-right: 389px!important;;
    }

    .review-desc{
        margin: 50px 30px!important;
    }
}
@media screen and (min-width: 2200px){

    .halo-block-fullwidth-banner .content-box--left {
        left: 425px;
    }
    .container-full .slick-arrow.slick-prev{
        left: 450px!important;
    }
    .container-full .slick-arrow.slick-next{
        right: 450px!important;
    }

    .image-gallery-block .slick-list{
        padding: 0 450px!important;
    }

    .container-px-450 .product-info-block{
        padding-right: 519px!important;
    }


    .review-desc{
        margin: 80px 50px!important;
    }

    .about-us-content{
        margin-top: 50px;
    }
}





/*support*/



/* component-grid */
.grid {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 2rem;
    padding: 0;
    list-style: none;
    column-gap: var(--grid-mobile-horizontal-spacing);
    row-gap: var(--grid-mobile-vertical-spacing);
}

@media screen and (min-width: 750px) {
    .grid {
        column-gap: var(--grid-desktop-horizontal-spacing);
        row-gap: var(--grid-desktop-vertical-spacing);
    }
}

.grid:last-child {
    margin-bottom: 0;
}

.grid__item {
    width: calc(25% - var(--grid-mobile-horizontal-spacing) * 3 / 4);
    max-width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2);
    flex-grow: 1;
    flex-shrink: 0;
}

@media screen and (min-width: 750px) {
    .grid__item {
        width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
        max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
    }
}



.grid--1-col .grid__item {
    max-width: 100%;
    width: 100%;
}

.grid--3-col .grid__item {
    width: calc(33.33% - var(--grid-mobile-horizontal-spacing) * 2 / 3);
}

@media screen and (min-width: 750px) {
    .grid--3-col .grid__item {
        width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
    }
}

.grid--2-col .grid__item {
    width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2);
}

@media screen and (min-width: 750px) {
    .grid--2-col .grid__item {
        width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
    }

    .grid--4-col-tablet .grid__item {
        width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
    }

    .grid--3-col-tablet .grid__item {
        width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
    }

    .grid--2-col-tablet .grid__item {
        width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
    }
}








.blog_all ul {
    background: #FFFFFF;
    border-radius: 16px;
}
.faq_item .blog-h1 {
    position: relative;
}
.faq_item .blog-h1 {
    font-size: 24px;
    line-height: 29px;
    color: #000;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 0;
    text-transform: capitalize;
}
.blog_all .blog-div {
    /*min-height: 256px;*/
    min-height: 206px;
}
.blog-icon {
    display: none;
}
.blog-icon svg {
    display: block;
    width: 10px;
    height: 10px;
}
.blog-icon svg path{
    stroke: #000;
}
.blog_all .faq-a {
    justify-content: flex-end;
    text-align: right;
    display: flex;
    margin-top: 20px;
}
.blog_all .faq-a a {
    /*color: #2f80ed;*/
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-decoration: none;
}
.article_title {
    transition: .3s cubic-bezier(.49,.025,.49,1);
    color: #0009!important;
}
.blog_all ul li a {
    display: inline-block;
    font-weight: 400;
    text-decoration: none;
    font-size: 16px;
    line-height: 24px;
}
.blog_all ul {
    background: #FFFFFF;
    border-radius: 16px;
    margin: 0;
    padding: 40px 17px 30px 40px;
    height: 100%;
}

.blog_all svg{
    fill: none;
}





@media screen and (max-width: 990px){


    .blog_all .all-faq.grid {
        position: relative;
        margin-left: 0;
        background: #fff;
        border-radius: 12px;
        padding: 20px 0;
        row-gap: inherit;
    }
    .blog_all ul {
        background: transparent;
        border-bottom: 1px solid #F4F8FC;
        padding: 20px 0;
        margin: 0 20px;
    }
    .faq_item .blog-h1 {
        font-size: 16px;
        line-height: 20px;
    }
    .support .blog-icon {
        display: block;
    }
    .blog_all .blog-div, .blog_all .faq-a {
        display: none;
    }
    .blog_all ul li {
        border-bottom: 0.9px solid #F4F8FC;
    }
    .blog_all ul li h2 {
        padding-top: 16px;
    }
    .blog_all ul li a {
        font-size: 14px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 90%;
    }
    .blog_all .faq_item.active .blog-div, .blog_all .faq_item.active .faq-a {
        display: block;
    }
    .blog_all .faq_item.active .blog-icon {
        transform: rotate(180deg);
        transition: all .3s ease-in-out;
    }
    .blog-icon {
        position: absolute;
        right: 0;
        top: 0;
    }
    .blog_all ul li h2 {
        padding-top: 16px;
    }
    .blog_all .faq-a {
        text-align: left;
        padding-top: 15px;
    }
    .blog_all .faq-a {
        padding-top: 0;
    }
    .blog_all .grid__item:last-child ul,
    .blog_all ul li:last-child {
        border-bottom: none;
    }

    .blog_all .blog-div {
        min-height: auto;
        margin-top: 10px;
    }
    .blog_all .faq-a svg {
        position: relative;
        top: 3px;
    }


}





.multicolumn-review .review-icon {
    padding-top: 30px;
}
.multicolumn-review .review-icon svg{
    width: 40px;
    height: 40px;
    fill: none;
    stroke: none;
}
.multicolumn-review .card{
    border-radius: 12px;
    border: 1px solid #D4D4D4;

    padding: 22px 26px 21px 21px;
    text-align: left;
    color: #000;
    margin-bottom: 28px;
    position: relative;
    box-sizing: border-box;
    text-align: left;
}

.multicolumn-review .card-body{
    min-height: 420px;
}
.multicolumn-review .card-body .desc{
    margin-bottom: 60px;
    min-height: 135px;
}
.multicolumn-review .card-body .link{
    min-width: 1px;
    min-height: 26px;
}

.multicolumn-review .card-body a{
    font-weight: 600;
}

.footer{
    color:var(--white-color);
}

.style3-full-category .breadcrumb{
    justify-content: center!important;
}


.collection-template .product-card,.collection-template .product-card-media, .collection-template .productView-image .media{
    /*background-color: #5c5b60;*/
    border-radius: 20px;
}

.flex-adapt-box {
    justify-content: normal!important;
}

.flex-w-60 .banner-item{
    width: 55%!important;
}

.info-card-banner .content-box{
    top:78%;
    padding-left: 200px;

}

.tran-banner {
    margin-top: -14rem!important;
}
.tran-text-banner{
    background-color: rgba(16, 12, 13, 0.8);
    margin-top: -72px!important;
}

.halo-article-content .image img{
    width: 100%!important;
}
.review-post-list{
    width: 100%;
    padding: 10px 65px!important;
    border-radius: 25px;
    max-height: 360px;
}
.review-post-list .article-details{
    border-bottom-left-radius: 25px;
    border-top-left-radius: 25px;
}
.review-post-list .article-img img{
    border-bottom-right-radius: 25px;
    border-top-right-radius: 25px;
}

/*img, a ,.slick-slide{border:none;outline: none;}*/

.video_icon svg{
    width: 60px;
    height: 60px;
}
.list-item-button{
    border-radius: 8px!important;

}

.halo-product-block .product-item:nth-child(n+5){
    margin-top: 0!important;
}

.info-table-block {
    border-radius: 25px;
}

.info-table-block, .info-table-block .table {
    background-color: #eaeaea;
    padding: 20px;
    border: 0;
    color: #717171;
}

.info-table-block .table-header {
    display: flex;
    justify-items: center;
    padding: 5px 10px;
    line-height: 24px;
    font-size: 1.25rem;
    font-weight: 600;
}

.info-table-block .block-content {
    padding: 0 60px;
}

.info-table-block .table {

    margin-bottom: 0;

}

.info-table-block .table-header, .info-table-block .table > :not(caption) > * > * {
    border-bottom: 2px solid #fff;
    padding: 10px;
}

.info-table-block .table > tbody > :last-child > * {
    border-bottom: 0;
}

.info-table-block .table tr > :not(:last-child) {

    border-right: 2px #fff solid;
}

.info-table-block .info-icon {
    width: 1.25rem;
    height: 1.25rem;
    /*color:#232323;*/
    fill: none;
    /*stroke: none;*/
}

.info-table-block .info-icon {

}

@media (max-width: 1200px){
    .slick-arrow.slick-prev {
        left: 60px;
    }
    .slick-arrow.slick-next {
        right: 60px;
    }
    .halo-block-customer-review .slick-arrow.slick-prev{
        left: 45px;
    }
    .halo-block-customer-review .slick-arrow.slick-next{
        right: 45px;
    }
}
@media (min-width: 1201px){
    .slick-arrow.slick-prev {
        /*left: 165px;*/
    }
    .slick-arrow.slick-next {
        /*right: 165px;*/
    }

    .halo-block-customer-review .slick-arrow.slick-prev{
        left: 75px;
    }
    .halo-block-customer-review .slick-arrow.slick-next{
        right: 75px;
    }

}




.power-block .sub-title{
    padding-bottom: 0.5em!important;
}

.slick-dots{
    margin:10px 0 15px;
}


@media (max-width: 767px) {


    .tran-text-banner{
        margin-top:0!important;
    }

    .tran-banner {
        margin-top: -4rem!important;
    }
    .flex-w-60 .banner-item{
        width: 100%!important;
    }

    .slick-arrow.slick-prev {
        left: 10px !important;
    }
    .slick-arrow.slick-next {
        right: 10px!important;
    }
    .info-cart-margin {
        margin-top: 15px!important;
    }

    .about-us-content .banner-text{
        margin-bottom: 100px!important;

    }
    .about-us-content .banner-text p{
        font-size: 1.15em!important;
    }
    .halo-block-instagram .halo-block-header .title{
        font-size: 1.25em!important;
    }
    .review-post-list {
        padding: 10px 5px!important;

    }

}