@font-face {
    font-family: H-Light;
    src: url(../../../files/HelveticaNowDisplay-Light%EF%B9%96v=1704794745.ttf)
}

@font-face {
    font-family: H-Bold;
    src: url(../../../files/HelveticaNowDisplay-Bold%EF%B9%96v=17047947393.ttf)
}

@font-face {
    font-family: H-Regular;
    src: url(../../../files/HelveticaNowDisplay-Regular%EF%B9%96v=1704794760.ttf)
}

@font-face {
    font-family: H-ExtBdIta;
    src: url(../../../files/HelveticaNowDisplay-ExtBdIta%EF%B9%96v=1704794810.ttf)
}

@font-face {
    font-family: H-ExtLtIta;
    src: url(../../../files/HelveticaNowDisplay-ExtLtIta%EF%B9%96v=1704794829.ttf)
}

@font-face {
    font-family: H-ExtLt;
    src: url(../../../files/HelveticaNowDisplay-ExtLt%EF%B9%96v=1704937481.ttf)
}

@font-face {
    font-family: H-BoldIta;
    src: url(../../../files/HelveticaNowDisplay-BoldIta%EF%B9%96v=1704883276.ttf)
}

@font-face {
    font-family: H-Medium;
    src: url(../../../files/HelveticaNowDisplay-Medium%EF%B9%96v=1705894694.ttf)
}

@font-face {
    font-family: H-Thin;
    src: url(../../../files/HelveticaNowDisplay-Thin%EF%B9%96v=1715307529.ttf)
}

@font-face {
    font-family: Montserrat-Bold;
    src: url(https://cdn.shopify.com/s/files/1/0502/8033/3505/files/Montserrat-Bold.ttf?v=1670900673)
}

@font-face {
    font-family: Montserrat-Black;
    src: url(https://cdn.shopify.com/s/files/1/0502/8033/3505/files/Montserrat-Black.ttf?v=1670900673)
}

@font-face {
    font-family: Montserrat-Medium;
    src: url(../../../files/Montserrat-Medium-7%EF%B9%96v=1679593957.otf)
}

@font-face {
    font-family: Montserrat-Regular;
    src: url(https://cdn.shopify.com/s/files/1/0502/8033/3505/files/Montserrat-Regular.ttf?v=1670900673)
}

@font-face {
    font-family: Montserrat-Light;
    src: url(https://cdn.shopify.com/s/files/1/0502/8033/3505/files/Montserrat-Light-6.otf?v=1659876476)
}

@font-face {
    font-family: Montserrat-ExtraLight;
    src: url(https://cdn.shopify.com/s/files/1/0502/8033/3505/files/Montserrat-ExtraLight-5.otf?v=1679588872)
}

@font-face {
    font-family: Montserrat-Thin;
    src: url(https://cdn.shopifycdn.net/s/files/1/0502/8033/3505/files/Montserrat-Thin.ttf?v=1686297150)
}

@font-face {
    font-family: Montserrat-ThinItalic;
    src: url(https://cdn.shopifycdn.net/s/files/1/0502/8033/3505/files/Montserrat-ThinItalic.ttf?v=1686297224)
}

@font-face {
    font-family: Montserrat-ExtraBold;
    src: url(https://cdn.shopify.com/s/files/1/0502/8033/3505/files/Montserrat-ExtraBold-4.otf?v=1666703039)
}

@font-face {
    font-family: Seven-S;
    src: url(https://cdn.shopifycdn.net/s/files/1/0584/6709/0582/files/Seven_Segment.ttf?v=1691476336)
}

html {
    font-size: calc(16/1920*100vw);
    letter-spacing: .05rem
}

.desktop-only {
    display: block
}

.mobile-only {
    display: none
}

img {
    width: 100%;
    display: block
}

a {
    text-decoration: none;
    color: inherit
}

video {
    display: block
}

html,
body,
ul,
li,
p {
    margin: 0;
    padding: 0
}

input,
textarea,
select {
    color: inherit;
    outline: none;
    font-family: inherit
}

div,
input,
textarea {
    box-sizing: border-box
}

.wrapper {
    overflow: hidden;
    margin-top: 5.5rem
}

.pr {
    position: relative
}

.pa {
    position: absolute
}

.swiper-button-prev:after,
.swiper-button-next:after {
    content: "" !important
}

.message_container {
    position: fixed;
    top: -3rem;
    left: 0;
    z-index: 999999;
    transition: all .7s;
    font-size: .875rem;
    text-align: center;
    width: 100%;
    margin: 0 auto
}

.message_border {
    display: flex;
    align-items: center;
    font-family: Montserrat-Regular;
    padding: 0 4rem 0 1rem;
    background: #f0f9ec;
    color: #67c23a;
    height: 2.8rem;
    line-height: 2.8rem;
    border-radius: .3rem;
    margin: 0 auto;
    width: fit-content;
    font-size: 1rem
}

.message_container img {
    width: 1rem;
    margin-right: .5rem
}

.message_success,
.message_error {
    display: none
}

.message_error .message_border {
    background: #fef0f0;
    color: #f56c6c
}

.age_verify {
    background: #000000e6;
    z-index: 9999999999;
    position: fixed;
    height: 100vh;
    top: 0;
    width: 100vw;
    display: flex;
    align-items: center;
    justify-content: center
}

.age_content {
    width: 30%;
    text-align: center;
    color: #fff
}

.age_title {
    font-family: H-Bold;
    font-size: 2rem;
    line-height: 1
}

.age_title div {
    font-family: H-Regular;
    font-size: 1rem;
    line-height: 1.5;
    margin-top: .5rem
}

.age_btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 45%;
    color: #fff;
    font-family: H-Bold;
    font-size: .875rem;
    line-height: 1;
    margin: 2rem auto 0
}

.age_btnC {
    height: 2.2rem;
    line-height: 2.2rem;
    text-align: center;
    border: 1px solid white;
    border-radius: 3rem;
    width: 46%;
    cursor: pointer;
    transition: all .3s
}

.age_active {
    background: #e60012;
    color: #000;
    border: 1px solid #e60012
}

.age_tips {
    font-family: H-Medium;
    font-size: .75rem;
    margin: 2rem auto;
    line-height: 1.5;
    color: #666;
    text-align: center;
    width: 85%
}

.age_logo {
    width: 8%;
    margin: 0 auto 2rem;
    animation: age_logo 10s linear infinite forwards
}

@keyframes age_logo {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.age_animation {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9
}

.age_oxbar {
    position: absolute;
    display: none
}

.age_oxbar1 {
    display: block
}

.To_top {
    position: fixed;
    width: 42px;
    right: 15px;
    bottom: 90px;
    z-index: 222;
    cursor: pointer;
    background: #e60012;
    height: 42px;
    border-radius: 50%;
    transition: all .5s;
    display: none
}

.top_img {
    width: 45%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.To_top:hover {
    background: #000;
    transform: translateY(-5px)
}

.submitPopup,
.sharePopup {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background: #000000e6;
    z-index: 9999;
    display: none
}

.sp_content {
    width: 40%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    padding: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: H-REGULAR
}

.sc_move1 {
    position: absolute;
    width: 3rem;
    bottom: 36%;
    left: 51%;
    animation: sc_move 1.6s ease-in-out infinite forwards
}

.sc_move2 {
    position: absolute;
    width: 4rem;
    top: 6%;
    right: 9%;
    animation: sc_move 1.8s ease-in-out infinite forwards
}

.sc_close {
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    z-index: 2;
    top: 1.2rem;
    cursor: pointer;
    right: 1.3rem
}

@keyframes sc_move {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(1rem)
    }

    to {
        transform: translateY(0)
    }
}

.sp_left {
    width: 46%;
    color: #000;
    padding-left: 1.5rem
}

.spl_title {
    font-family: H-Bold;
    font-size: 1.8rem;
    margin-bottom: 2rem
}

.spl_title div {
    font-family: H-REGULAR;
    font-size: .75rem;
    line-height: 1.3;
    width: 80%;
    margin-top: .5rem
}

.spl_title div span {
    color: #e60012;
    font-size: 1rem;
    font-family: H-Bold
}

.sp_right {
    width: 48%;
    position: relative
}

.spr_img {
    position: absolute;
    width: 3.5rem;
    top: 30%;
    left: -8%;
    animation: mp_close 2s linear infinite forwards
}

@keyframes mp_close {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(1rem)
    }

    to {
        transform: translateY(0)
    }
}

.sp_close {
    position: absolute;
    top: 1.4rem;
    right: 1.4rem;
    width: 1.5rem;
    height: 1.5rem;
    cursor: pointer
}

.spl_email {
    width: 96%;
    padding: 0 1rem 0 1.5rem;
    font-size: .875rem;
    background: transparent;
    height: 2.2rem;
    line-height: 2.2rem;
    border: 1px solid black;
    border-radius: .25rem
}

.spl_email::placeholder {
    color: #000
}

.spl_select {
    width: 96%;
    position: relative;
    margin-top: 1rem
}

.spl_item {
    width: 100%;
    padding: 0 1rem 0 1.5rem;
    font-size: .875rem;
    background: transparent;
    height: 2.2rem;
    line-height: 2.2rem;
    border: 1px solid black;
    border-radius: .25rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer
}

.spl_popup {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #fff;
    border: 1px solid black;
    border-radius: .25rem;
    border-top: 0;
    z-index: 2;
    display: none
}

.spl_popup div {
    padding: 0 1rem 0 1.5rem;
    font-size: .875rem;
    height: 2.2rem;
    line-height: 2.2rem;
    cursor: pointer
}

.spl_btn {
    margin-top: 2rem;
    height: 2.2rem;
    line-height: 2.2rem;
    text-align: center;
    font-size: .875rem;
    border: 1px solid black;
    width: 8rem;
    font-family: H-Bold;
    border-radius: .25rem;
    cursor: pointer
}

.spl_btn:hover {
    background: #e60012;
    color: #fff;
    border: 1px solid #e60012
}

.spl_popup div:hover {
    background: #f7f8fa
}

.spl_country_option {
    height: 15rem;
    overflow-y: scroll
}

.spl_item img {
    width: 1rem
}

.newsform {
    position: absolute;
    bottom: 19%;
    left: 15%;
    font-family: Montserrat-Light
}

.spemail {
    background: transparent;
    border: 1px solid black;
    height: 2rem;
    border-radius: 2rem;
    color: #000;
    padding: 0 1rem;
    width: 12rem;
    margin-right: 1rem;
    font-size: .875rem
}

.spemail::placeholder {
    color: inherit
}

#countryInfo {
    -webkit-appearance: none;
    appearance: none
}

.spregister {
    width: 10rem;
    background: #000;
    color: #fff;
    height: 2rem;
    text-align: center;
    line-height: 2rem;
    border-radius: 2rem;
    cursor: pointer
}

.sp_tip {
    margin: .5rem 0;
    font-size: .875rem;
    opacity: 0
}

::-webkit-scrollbar {
    height: 1rem;
    width: .5rem
}

::-webkit-scrollbar-thumb {
    background: #d9d9e3cc;
    border: 1px solid white;
    border-radius: 2rem
}

::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 5rem
}

.homePopup {
    position: fixed;
    right: 1%;
    z-index: 99;
    cursor: pointer
}

.minPopup {
    bottom: 30%
}

.minPopup2 {
    bottom: 17%
}

.activePopup {
    bottom: 44%
}

.homePopup img {
    width: 6rem
}

.subimg {
    position: absolute;
    top: 0;
    left: 0
}

.subimg2,
.subimg2_1,
.subimg1,
.subimg1_1 {
    transform: rotate3d(1, 100, 1, -90deg)
}

.mp_close {
    position: absolute;
    top: .2rem;
    right: -.8rem;
    width: 1.2rem;
    height: 1.2rem;
    cursor: pointer
}

.mp_close img {
    width: 100%
}

.youtube_video iframe {
    width: 100%;
    height: 56.25vw
}

.CZ_version {
    display: none
}

.czbox4 {
    background: #f7f8fa;
    padding: 4rem 0
}

.czbox4_title {
    font-family: H-Bold;
    font-size: 5rem;
    color: #000;
    width: 100%;
    text-align: center;
    margin-bottom: 4rem
}

.czbox4_item {
    width: 99%;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 2rem;
    position: relative
}

.czbox4_item div {
    font-size: 1.5rem;
    color: #fff;
    font-family: H-Regular;
    position: absolute;
    bottom: 6%;
    left: 5%
}

.czbox4_item div span {
    font-family: H-Bold;
    font-size: 2.5rem;
    display: block
}

.czbox4_title img {
    position: absolute;
    width: 13rem;
    top: -2rem;
    right: 8%;
    z-index: 2
}

.czbox4Swiper-pagination {
    text-align: center;
    margin-top: 1rem
}

.czbox4Swiper .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 .5rem
}

.czbox4Swiper .swiper-pagination-bullet {
    background: #000;
    opacity: 1
}

.czbox4Swiper .swiper-pagination-bullet-active {
    background: #e60012
}

@media (max-width:750px) {
    html {
        font-size: calc(16/390*100vw)
    }

    .desktop-only {
        display: none !important
    }

    .mobile-only {
        display: block
    }

    .wrapper {
        /*margin-top: 6.5rem*/
    }

    ::-webkit-scrollbar {
        display: none
    }

    .age_content {
        width: 96%
    }

    .age_title div {
        font-size: .75rem
    }

    .age_logo {
        width: 12%;
        margin: 0 auto 1rem
    }

    .age_btn {
        font-size: .75rem;
        width: 62%
    }

    .age_btnC {
        height: 2rem;
        line-height: 2rem
    }

    .age_tips {
        width: 100%
    }

    .age_oxbar {
        height: 100vh;
        width: auto;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }

    .message_border {
        font-size: .875rem;
        line-height: 1
    }

    .homePopup {
        left: auto;
        right: 6%
    }

    .minPopup {
        bottom: 22%
    }

    .minPopup2 {
        bottom: 10%
    }

    .activePopup {
        bottom: 35%
    }

    .homePopup img {
        width: 4.5rem
    }

    .mp_close {
        top: -.8rem;
        right: -1rem
    }

    .mp_close img {
        width: 100%
    }

    .sp_content {
        width: 92%;
        padding: .5rem;
        flex-direction: column-reverse
    }

    .sp_left {
        width: 100%;
        padding-left: 0;
        padding-top: 1rem
    }

    .spl_title div {
        margin-top: 0
    }

    .spl_title {
        margin-bottom: 1rem
    }

    .spl_email {
        width: 90%
    }

    .spl_select {
        width: 90%;
        margin-top: .5rem
    }

    .spl_country_option {
        height: 9rem
    }

    .spl_btn {
        margin: 1.5rem 0
    }

    .sp_close {
        top: .8rem;
        right: .8rem
    }

    .Mstyle_subscribe {
        transform: translateY(-30%)
    }

    .spr_img {
        width: 2.5rem;
        top: 3%;
        left: 0%
    }

    .sp_right {
        width: 100%;
        height: 13rem;
        overflow: hidden
    }

    .To_top {
        bottom: 4%
    }

    .sc_move1 {
        width: 3rem;
        bottom: 62%;
        left: 3%;
        display: none
    }

    .sc_move2 {
        width: 3.5rem;
        top: 5%;
        right: 18%;
        display: none
    }

    .sc_close {
        top: 1.5rem;
        right: 1.5rem;
        width: 2rem;
        height: 2rem
    }

    .czbox4Swiper-pagination {
        margin-top: .5rem
    }

    .czbox4_title img {
        width: 7rem;
        top: -5.5rem;
        right: 4%
    }

    .czbox4_title {
        font-size: 3rem;
        margin-bottom: 2rem
    }

    .czbox4_item {
        width: 92%;
        border-radius: 1rem
    }

    .czbox4_item div {
        font-size: 1rem
    }

    .czbox4_item div span {
        font-size: 1.5rem
    }
}

/*# sourceMappingURL=/cdn/shop/t/7/assets/index.css.map?v=78654599699230599691741661878 */