br {
    font-size: 0
}

.font-display {
    font-size: 100px;
    line-height: 1.2
}

@media screen and (min-width: 769px) and (max-width:1599px) {
    .font-display {
        font-size:60px
    }
}

@media screen and (max-width: 768px) {
    .font-display {
        font-size:52px
    }
}

.font-headline-4 {
    font-size: 60px;
    line-height: 1.2
}

@media screen and (min-width: 769px) and (max-width:1599px) {
    .font-headline-4 {
        font-size:36px
    }
}

@media screen and (max-width: 768px) {
    .font-headline-4 {
        font-size:32px
    }
}

.font-headline-3 {
    font-size: 48px;
    line-height: 1.2
}

@media screen and (min-width: 769px) and (max-width:1599px) {
    .font-headline-3 {
        font-size:34px
    }
}

@media screen and (max-width: 768px) {
    .font-headline-3 {
        font-size:28px
    }
}

.font-headline-2 {
    font-size: 40px;
    line-height: 1.2
}

@media screen and (min-width: 769px) and (max-width:1599px) {
    .font-headline-2 {
        font-size:32px
    }
}

@media screen and (max-width: 768px) {
    .font-headline-2 {
        font-size:28px
    }
}

.font-headline-1 {
    font-size: 30px;
    line-height: 1.2
}

@media screen and (min-width: 769px) and (max-width:1599px) {
    .font-headline-1 {
        font-size:24px;
        line-height: 1.5
    }
}

@media screen and (max-width: 768px) {
    .font-headline-1 {
        font-size:20px;
        line-height: 1.5
    }
}

.font-title {
    font-size: 24px;
    line-height: 1.5
}

@media screen and (min-width: 769px) and (max-width:1599px) {
    .font-title {
        font-size:20px
    }
}

@media screen and (max-width: 768px) {
    .font-title {
        font-size:20px
    }
}

.font-subheading {
    font-size: 20px;
    line-height: 1.5
}

@media screen and (min-width: 769px) and (max-width:1599px) {
    .font-subheading {
        font-size:18px
    }
}

@media screen and (max-width: 768px) {
    .font-subheading {
        font-size:18px
    }
}

.font-subtitle {
    font-size: 18px;
    line-height: 1.5
}

@media screen and (min-width: 769px) and (max-width:1599px) {
    .font-subtitle {
        font-size:16px
    }
}

@media screen and (max-width: 768px) {
    .font-subtitle {
        font-size:16px
    }
}

.font-body-2 {
    line-height: 1.5;
    font-size: 16px
}

.font-body-1 {
    font-size: 14px;
    line-height: 1.7
}

.font-descriptions {
    font-size: 12px;
    line-height: 1.7
}

.font-body-1,.font-body-2,.font-descriptions,.font-display,.font-headline-1,.font-headline-2,.font-headline-3,.font-headline-4,.font-subheading,.font-subtitle,.font-title {
    line-height: 1.2
}

.font-light {
    font-weight: 400
}

.font-blod {
    font-weight: 400
}

html {
    overflow-x: hidden;
}
.hidden {
    display: none
}

@media screen and (max-width: 735px) {
    .hidden-xs {
        display:none
    }
}

@media screen and (min-width: 736px) {
    .hidden-not-xs {
        display:none
    }
}

.one-video-container {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 15000;
    left: 0;
    top: 0;
    background-color: #000
}

.one-video-container.embedded {
    position: relative;
    z-index: 3
}

.one-video-container.mobile {
    position: fixed;
    z-index: 15000
}

.one-video-container .close-btn {
    position: absolute;
    z-index: 110;
    cursor: pointer;
    width: 40px;
    height: 40px;
    top: 10px;
    right: 10px
}

.one-video-container .close-btn:after,.one-video-container .close-btn:before {
    content: "";
    display: block;
    background-color: #fff
}

.one-video-container .close-btn:hover:after,.one-video-container .close-btn:hover:before {
    background-color: #fff;
    border-color: #ccc
}

.one-video-container .close-btn:before {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    height: 0;
    width: 24px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -1px;
    margin-left: -12px
}

.one-video-container .close-btn:after {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    height: 24px;
    width: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -1px;
    margin-top: -12px
}

.one-video-container .close-btn:after,.one-video-container .close-btn:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.one-video-container .video-areas {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-color: #000
}

.one-video-container .video-areas>div,.one-video-container .video-areas>iframe {
    width: 100%;
    height: 100%
}

@media screen and (max-width: 1067px) {
    .hidden-sm {
        display:none!important
    }
}

@media screen and (min-width: 1068px) {
    .hidden-not-sm {
        display:none!important
    }
}

@media screen and (min-width: 736px) {
    .text-center-not-xs {
        text-align:center
    }
}

@media screen and (max-width: 735px) {
    .text-center-xs {
        text-align:center
    }
}

.flex {
    display: -webkit-box;
    display: flex
}

@media screen and (max-width: 735px) {
    .flex-xs {
        display:-webkit-box;
        display: flex
    }
}

@media screen and (max-width: 1067px) {
    .flex-sm {
        display:-webkit-box;
        display: flex
    }
}

@media screen and (min-width: 736px) {
    .flex-not-xs {
        display:-webkit-box;
        display: flex
    }
}

@media screen and (min-width: 1068px) {
    .flex-not-sm {
        display:-webkit-box;
        display: flex
    }
}

.inline-flex {
    display: -webkit-inline-box;
    display: inline-flex
}

@media screen and (max-width: 735px) {
    .inline-flex-xs {
        display:-webkit-inline-box;
        display: inline-flex
    }
}

@media screen and (min-width: 736px) {
    .inline-flex-not-xs {
        display:-webkit-inline-box;
        display: inline-flex
    }
}

.flex-v {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.col-1 {
    -webkit-box-flex: 1;
    flex: 1
}

.col-2 {
    -webkit-box-flex: 2;
    flex: 2
}

.col-3 {
    -webkit-box-flex: 3;
    flex: 3
}

.no-shrink,.no-strink {
    flex-shrink: 0
}

.flex-nowarp {
    flex-wrap: nowrap
}

.flex-wrap {
    flex-wrap: wrap
}

.flex-order-1 {
    -webkit-box-ordinal-group: 2;
    order: 1
}

.flex-order-2 {
    -webkit-box-ordinal-group: 3;
    order: 2
}

.flex-align-center {
    -webkit-box-align: center;
    align-items: center
}

.flex-content-center {
    -webkit-box-pack: center;
    justify-content: center
}

.flex-auto {
    -webkit-box-flex: 1;
    flex: auto
}

.flex-basis-25 {
    -webkit-box-flex: 1;
    flex: 1 0 25%
}

.flex-basis-40 {
    -webkit-box-flex: 1;
    flex: 1 0 40%
}

.flex-basis-50 {
    -webkit-box-flex: 1;
    flex: 1 0 50%
}

.flex-0-50 {
    -webkit-box-flex: 0;
    flex: 0 0 50%
}

.flex-basis-55 {
    -webkit-box-flex: 1;
    flex: 1 0 55%
}

.flex-basis-60 {
    -webkit-box-flex: 1;
    flex: 1 0 60%
}

.flex-basis-100 {
    -webkit-box-flex: 1;
    flex: 1 0 100%
}

.center-vh,.flex-center {
    -webkit-box-align: center;
    align-items: center
}

.center-vb,.center-vh,.flex-center {
    -webkit-box-pack: center;
    justify-content: center
}

.center-vb {
    -webkit-box-align: end;
    align-items: flex-end
}

.center-hb {
    -webkit-box-align: center;
    align-items: center
}

.center-hb,.flex-content-end {
    -webkit-box-pack: end;
    justify-content: flex-end
}

.flex-align-end,.flex-items-end {
    -webkit-box-align: end;
    align-items: flex-end
}

.flex-content-between {
    -webkit-box-pack: justify;
    justify-content: space-between
}

.flex-align-between,.flex-items-between {
    -webkit-box-align: space-between;
    align-items: space-between
}

.m-t {
    margin-top: 20px
}

.m-t-sm {
    margin-top: 10px
}

.m-t-xs {
    margin-top: 5px
}

.m-r {
    margin-right: 20px
}

.m-r-sm {
    margin-right: 10px
}

.m-r-xs {
    margin-right: 5px
}

.m-b {
    margin-bottom: 20px
}

.m-b-sm {
    margin-bottom: 10px
}

.m-b-xs {
    margin-bottom: 5px
}

.m-l {
    margin-left: 20px
}

.m-l-sm {
    margin-left: 10px
}

.m-l-xs {
    margin-left: 5px
}

.p-t-lg {
    padding-top: 50px
}

.p-t {
    padding-top: 20px
}

.p-t-sm {
    padding-top: 10px
}

.p-t-xs {
    padding-top: 5px
}

.p-r {
    padding-right: 20px
}

.p-r-sm {
    padding-right: 10px
}

.p-r-xs {
    padding-right: 5px
}

.p-b-lg {
    padding-bottom: 50px
}

.p-b {
    padding-bottom: 20px
}

.p-b-sm {
    padding-bottom: 10px
}

.p-b-xs {
    padding-bottom: 5px
}

.p-l {
    padding-left: 20px
}

.p-l-sm {
    padding-left: 10px
}

.p-l-xs {
    padding-left: 5px
}

body {
    position: relative;
    left: 0
}

body.page-switch-start,body.page-switch-start #op-nav-container .local-nav.sticking {
    left: -200px;
    -webkit-transition: left .6s cubic-bezier(.895,.03,.685,.22);
    transition: left .6s cubic-bezier(.895,.03,.685,.22)
}

.page-switch #page-switch-before {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1031;
    background-color: rgba(0,0,0,.6);
    visibility: visible
}

.page-switch #page-switch-before .page-switch-left-cover {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff;
    -webkit-transition: width .6s cubic-bezier(.165,.84,.44,1),background-color .4s cubic-bezier(.645,.045,.355,1);
    transition: width .6s cubic-bezier(.165,.84,.44,1),background-color .4s cubic-bezier(.645,.045,.355,1);
    overflow: hidden;
    z-index: 1031;
    will-change: width,background-color;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.page-switch #page-switch-before.page-switch-show .page-switch-left-cover {
    background-color: #d2dada
}

.page-switch #page-switch-before.page-switch-hide {
    -webkit-animation: pageSwitchBeforeAni .6s cubic-bezier(.165,.84,.44,1) forwards;
    animation: pageSwitchBeforeAni .6s cubic-bezier(.165,.84,.44,1) forwards
}

.page-switch #page-switch-before.page-switch-hide .page-switch-left-cover {
    width: 0
}

.page-switch #page-switch-before .page-switch-container {
    z-index: 1000;
    left: 0;
    position: absolute;
    width: 100vw;
    height: 100%;
    top: 0
}

.page-switch #page-switch-after .page-switch-left-cover,.page-switch #page-switch-after .page-switch-right-cover {
    position: fixed;
    height: 100%;
    top: 0
}

.page-switch #page-switch-after .page-switch-left-cover {
    width: 100%;
    left: 100%;
    background-color: hsla(0,0%,100%,0);
    -webkit-transition: background-color .6s cubic-bezier(.895,.03,.685,.22);
    transition: background-color .6s cubic-bezier(.895,.03,.685,.22);
    z-index: -1
}

.page-switch #page-switch-after .page-switch-right-cover {
    width: 0;
    right: 0;
    background-color: #fff;
    -webkit-transition: width .6s cubic-bezier(.895,.03,.685,.22);
    transition: width .6s cubic-bezier(.895,.03,.685,.22);
    z-index: 200
}

.page-switch #page-switch-after.page-switch-show {
    width: 100%
}

.page-switch #page-switch-after.page-switch-show .page-switch-left-cover {
    background-color: rgba(0,0,0,.6);
    left: 0;
    z-index: 100
}

.page-switch #page-switch-after.page-switch-show .page-switch-right-cover {
    width: 100%
}

@-webkit-keyframes pageSwitchBeforeAni {
    to {
        background-color: hsla(0,0%,100%,0);
        visibility: hidden
    }
}

@keyframes pageSwitchBeforeAni {
    to {
        background-color: hsla(0,0%,100%,0);
        visibility: hidden
    }
}

.main-content {
    overflow-x: initial;
}

.section-more-images {
    max-width: initial;
    min-width: initial;
}
.section-more-images .product-gallery-box {
    padding-bottom: initial;
}

.section-more-images .product-gallery-box .product-gallery-swiper {
    height: auto
}

@media screen and (max-width: 1023px) {
    .section-more-images .product-gallery-box {
        padding-bottom: initial
    }
    .section-more-images .product-gallery-box .product-gallery-swiper-button {
        display: block
    }
}