#main-wrapper .btn {
    /* display: inherit; */
    font-weight: inherit;
    color: inherit;
    text-align: inherit;
    vertical-align: inherit;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: inherit;
    border: inherit;
    padding: inherit;
    font-size: inherit;
    line-height: inherit;
    border-radius: inherit;
    transition: inherit
}
.zn--wrapper .container {
    max-width: initial;
}
.zn--wrapper .close {
    float: initial;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    text-shadow: none;
    opacity: inherit;
}
.zn--wrapper .progress {
    display: inherit;
    display: inherit;
    height: inherit;
    overflow: inherit;
    line-height: inherit;
    font-size: inherit;
    background-color: inherit;
    border-radius: inherit;
}

.product-nav,
.product-nav-tab,
.product-nav-actions,
.product-nav.fixed {
    background-color: #000;
}
.product-nav {
    border-bottom: 1px solid rgba(255,255,255,.3);
}
.product-nav-link,
.product-nav-tab .active a,
.product-nav-tab li a {
    color: #fff;
}
.product-nav-tab li a:hover,
.product-nav-link:hover {
    color: rgba(255,255,255,.6) !important;
}
.product-nav-tab .active a:after {
    border-bottom-color: #fff;
}


.slick-slider {
    box-sizing: border-box;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list,.slick-slider {
    position: relative;
    display: block
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,.slick-slider .slick-track {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after,.slick-track:before {
    display: table;
    content: ""
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.container-1920 {
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
}
.container-text {
    max-width: 1200px;
    min-width: 300px;
    display: block;
    margin: auto;
    width: 100%
}
.page-content {
    position: relative;
    z-index: inherit;
}
.product-nav.fixed {
    z-index: 15;
}
.main-content {
    overflow-x: initial;
}

.g--container,.g--container-ls,.g--container-pt,.g--wrapper {
    margin: 0 auto
}

@media (min-width: 1800px) {
    .g--container,.g--container-ls {
        width:1600px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--container,.g--container-ls {
        width:1341px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--container,.g--container-ls {
        width:1093px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .g--container,.g--container-pt {
        width:320px
    }
}

@media (max-width: 360px) {
    .g--container,.g--container-pt {
        width:284px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .g--container,.g--container-pt {
        width:356px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .g--container,.g--container-pt {
        width:640px
    }
}

@media (min-width: 1800px) {
    .g--gap-top-large {
        margin-top:182px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--gap-top-large {
        margin-top:153px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--gap-top-large {
        margin-top:124px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .g--gap-top-large {
        margin-top:80px
    }
}

@media (max-width: 360px) {
    .g--gap-top-large {
        margin-top:71px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .g--gap-top-large {
        margin-top:89px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .g--gap-top-large {
        margin-top:160px
    }
}

@media (min-width: 1800px) {
    .g--gap-bottom-large {
        margin-bottom:182px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--gap-bottom-large {
        margin-bottom:153px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--gap-bottom-large {
        margin-bottom:124px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .g--gap-bottom-large {
        margin-bottom:80px
    }
}

@media (max-width: 360px) {
    .g--gap-bottom-large {
        margin-bottom:71px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .g--gap-bottom-large {
        margin-bottom:89px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .g--gap-bottom-large {
        margin-bottom:160px
    }
}

@media (min-width: 1800px) {
    .g--gap-top-medium {
        margin-top:128px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--gap-top-medium {
        margin-top:107px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--gap-top-medium {
        margin-top:87px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .g--gap-top-medium {
        margin-top:45px
    }
}

@media (max-width: 360px) {
    .g--gap-top-medium {
        margin-top:40px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .g--gap-top-medium {
        margin-top:50px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .g--gap-top-medium {
        margin-top:90px
    }
}

@media (min-width: 1800px) {
    .g--gap-bottom-medium {
        margin-bottom:128px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--gap-bottom-medium {
        margin-bottom:107px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--gap-bottom-medium {
        margin-bottom:87px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .g--gap-bottom-medium {
        margin-bottom:45px
    }
}

@media (max-width: 360px) {
    .g--gap-bottom-medium {
        margin-bottom:40px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .g--gap-bottom-medium {
        margin-bottom:50px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .g--gap-bottom-medium {
        margin-bottom:90px
    }
}

@media (min-width: 1800px) {
    .g--gap-top-small {
        margin-top:90px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--gap-top-small {
        margin-top:75px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--gap-top-small {
        margin-top:61px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .g--gap-top-small {
        margin-top:45px
    }
}

@media (max-width: 360px) {
    .g--gap-top-small {
        margin-top:40px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .g--gap-top-small {
        margin-top:50px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .g--gap-top-small {
        margin-top:90px
    }
}

@media (min-width: 1800px) {
    .g--gap-bottom-small {
        margin-bottom:90px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--gap-bottom-small {
        margin-bottom:75px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--gap-bottom-small {
        margin-bottom:61px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .g--gap-bottom-small {
        margin-bottom:45px
    }
}

@media (max-width: 360px) {
    .g--gap-bottom-small {
        margin-bottom:40px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .g--gap-bottom-small {
        margin-bottom:50px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .g--gap-bottom-small {
        margin-bottom:90px
    }
}

@media (min-width: 1024px) {
    .g--wrapper {
        width:calc(100% - 64px)
    }
}

@media (max-width: 1023px) {
    .g--pt-hidden {
        display:none!important
    }
}

@media (min-width: 1024px) {
    .g--ls-hidden {
        display:none!important
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .g--mb-hidden {
        display:none!important
    }
}

@media not screen and (min-width: 360px) and (max-width:399px) {
    .g--mb-show {
        display:none!important
    }
}

#main-wrapper,.zn--navbar,.zn--wrapper {
    font-size: 16px
}

#main-wrapper *,.zn--navbar *,.zn--wrapper * {
    box-sizing: border-box
}

#main-wrapper a,.zn--navbar a,.zn--wrapper a {
    text-decoration: none
}

#main-wrapper img,.zn--navbar img,.zn--wrapper img {
    display: block;
    max-width: none
}

#main-wrapper canvas img,.zn--navbar canvas img,.zn--wrapper canvas img {
    display: none
}

#main-wrapper video,.zn--navbar video,.zn--wrapper video {
    display: block;
    max-width: none
}

#main-wrapper br,.zn--navbar br,.zn--wrapper br {
    font-family: Open Sans,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Roboto,Arial,PingFang SC,Hiragino Sans GB,Microsoft Yahei,Microsoft Jhenghei,"sans-serif"
}

#main-wrapper sup,.zn--navbar sup,.zn--wrapper sup {
    top: -1.2em;
    font-size: 35%
}

#main-wrapper h1,.zn--navbar h1,.zn--wrapper h1 {
    position: absolute;
    overflow: hidden;
    width: 1px;
    height: 1px;
    border: none;
    margin: 0;
    padding: 0;
    clip: rect(1px,1px,1px,1px);
    -webkit-clip-path: inset(0 0 99.9%);
    clip-path: inset(0 0 99.9%)
}


.zn--wrapper {
    color: #fff
}

.zn--wrapper .g--popup-user {
    display: none
}

.zn--wrapper .text {
    font-family: Roman-55,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 24px;
    letter-spacing: 0;
    line-height: 1.2
}

@media (min-width: 1400px) and (max-width:1799px) {
    .zn--wrapper .text {
        font-size:20.1216px;
        letter-spacing: 0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .zn--wrapper .text {
        font-size:16.389599999999998px;
        letter-spacing: 0
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .zn--wrapper .text {
        letter-spacing:0;
        font-size: 32px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .zn--wrapper .text {
        letter-spacing:0;
        font-size: 17.776px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .zn--wrapper .text {
        letter-spacing:0;
        font-size: 16px
    }
}

@media (max-width: 360px) {
    .zn--wrapper .text {
        letter-spacing:0;
        font-size: 14.219999999999999px
    }
}

.zn--wrapper .title {
    font-family: Roman-55,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 60px;
    letter-spacing: 0;
    line-height: 1
}

@media (min-width: 1400px) and (max-width:1799px) {
    .zn--wrapper .title {
        font-size:50.304px;
        letter-spacing: 0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .zn--wrapper .title {
        font-size:40.974px;
        letter-spacing: 0
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .zn--wrapper .title {
        letter-spacing:0;
        font-size: 60px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .zn--wrapper .title {
        letter-spacing:0;
        font-size: 33.33px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .zn--wrapper .title {
        letter-spacing:0;
        font-size: 30px
    }
}

@media (max-width: 360px) {
    .zn--wrapper .title {
        letter-spacing:0;
        font-size: 26.662499999999998px
    }
}

.zn--wrapper .big-title {
    font-family: Roman-55,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 80px;
    letter-spacing: 0;
    line-height: 1
}

@media (min-width: 1400px) and (max-width:1799px) {
    .zn--wrapper .big-title {
        font-size:67.072px;
        letter-spacing: 0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .zn--wrapper .big-title {
        font-size:54.632px;
        letter-spacing: 0
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .zn--wrapper .big-title {
        letter-spacing:0;
        font-size: 72px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .zn--wrapper .big-title {
        letter-spacing:0;
        font-size: 39.996px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .zn--wrapper .big-title {
        letter-spacing:0;
        font-size: 36px
    }
}

@media (max-width: 360px) {
    .zn--wrapper .big-title {
        letter-spacing:0;
        font-size: 31.994999999999997px
    }
}

.zn--wrapper .subtitle {
    font-family: Roman-55,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 30px;
    letter-spacing: 0;
    line-height: 1
}

@media (min-width: 1400px) and (max-width:1799px) {
    .zn--wrapper .subtitle {
        font-size:25.152px;
        letter-spacing: 0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .zn--wrapper .subtitle {
        font-size:20.487px;
        letter-spacing: 0
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .zn--wrapper .subtitle {
        letter-spacing:0;
        font-size: 36px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .zn--wrapper .subtitle {
        letter-spacing:0;
        font-size: 19.998px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .zn--wrapper .subtitle {
        letter-spacing:0;
        font-size: 18px
    }
}

@media (max-width: 360px) {
    .zn--wrapper .subtitle {
        letter-spacing:0;
        font-size: 15.997499999999999px
    }
}

.zn--wrapper .text-2 {
    font-family: Roman-55,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 16px;
    line-height: 1.75;
    letter-spacing: 0;
    line-height: 2
}

@media (min-width: 1400px) and (max-width:1799px) {
    .zn--wrapper .text-2 {
        font-size:13.4144px;
        letter-spacing: 0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .zn--wrapper .text-2 {
        font-size:10.9264px;
        letter-spacing: 0
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .zn--wrapper .text-2 {
        letter-spacing:0;
        font-size: 24px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .zn--wrapper .text-2 {
        letter-spacing:0;
        font-size: 13.332px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .zn--wrapper .text-2 {
        letter-spacing:0;
        font-size: 12px
    }
}

@media (max-width: 360px) {
    .zn--wrapper .text-2 {
        letter-spacing:0;
        font-size: 10.665px
    }
}

.zn--wrapper .text-3 {
    font-family: Roman-55,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 30px;
    letter-spacing: 0;
    line-height: 1
}

@media (min-width: 1400px) and (max-width:1799px) {
    .zn--wrapper .text-3 {
        font-size:25.152px;
        letter-spacing: 0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .zn--wrapper .text-3 {
        font-size:20.487px;
        letter-spacing: 0
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .zn--wrapper .text-3 {
        letter-spacing:0;
        font-size: 36px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .zn--wrapper .text-3 {
        letter-spacing:0;
        font-size: 19.998px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .zn--wrapper .text-3 {
        letter-spacing:0;
        font-size: 18px
    }
}

@media (max-width: 360px) {
    .zn--wrapper .text-3 {
        letter-spacing:0;
        font-size: 15.997499999999999px
    }
}

.zn--wrapper .center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    align-self: center
}

.zn--wrapper .center-content {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center
}

.zn--wrapper .abs.center-hor {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.zn--wrapper .abs.center-ver {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

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

.zn--wrapper .flex.center-ver>.wrapper {
    width: 100%
}

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

.zn--wrapper .flex.center-hor>.wrapper {
    height: 100%
}

.zn--wrapper .g--sticky-container,.zn--wrapper .sticky-container {
    position: relative
}

.zn--wrapper .g--sticky-item,.zn--wrapper .sticky,.zn--wrapper .sticky-item {
    position: -webkit-sticky;
    position: sticky;
    top: 0
}

.zn--wrapper .black {
    color: #000
}

.zn--wrapper .white {
    color: #fff
}

.zn--wrapper .grey {
    color: #b3b3b3
}

.zn--wrapper .grey-light {
    color: hsla(0,0%,100%,.3)
}

.zn--wrapper .bg-black {
    background-color: #000
}

.zn--wrapper .bg-white {
    background-color: #fff
}

.zn--wrapper .full {
    width: 100%;
    height: 100%
}

.zn--wrapper .full-w {
    width: 100%
}

.zn--wrapper .full-h {
    height: 100%
}

.zn--wrapper .full-screen {
    height: 100vh;
    height: calc(100*var(--vh, 1vh))
}

.zn--wrapper .full-screen-nav {
    height: calc(100vh - 121px);
    height: calc(100*var(--vh, 1vh) - 121px)
}

@media (min-width: 1024px) and (max-width:1399px) {
    .zn--wrapper .full-screen-nav {
        height:calc(100vh - 121px);
        height: calc(100*var(--vh, 1vh) - 121px)
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .zn--wrapper .full-screen-nav {
        height:calc(100vh - 101px);
        height: calc(100*var(--vh, 1vh) - 101px)
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .zn--wrapper .full-screen-nav {
        height:calc(100vh - 101px);
        height: calc(100*var(--vh, 1vh) - 101px)
    }
}

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

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

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

.zn--wrapper .rel {
    position: relative
}

.zn--wrapper .abs {
    position: absolute
}

.zn--wrapper .abs.clip {
    top: 0;
    left: 0
}

.zn--wrapper .fixed {
    position: fixed
}

.zn--wrapper .fixed.clip {
    top: 0;
    left: 0
}

.zn--wrapper .g--pointer {
    cursor: pointer
}

.zn--wrapper .g--cover {
    -o-object-fit: cover;
    object-fit: cover
}

.zn--wrapper .btn {
    cursor: pointer
}

@media (min-width: 360px) and (max-width:399px) {
    .zn--wrapper .btn img {
        width:24px;
        height: 24px;
        margin-left: 10px
    }
}

@media (max-width: 360px) {
    .zn--wrapper .btn img {
        width:21px;
        height: 21px;
        margin-left: 9px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .zn--wrapper .btn img {
        width:27px;
        height: 27px;
        margin-left: 11px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .zn--wrapper .btn img {
        width:48px;
        height: 48px;
        margin-left: 20px
    }
}

@media (min-width: 1800px) {
    .zn--wrapper .btn img {
        width:48px;
        height: 48px;
        margin-left: 15px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .zn--wrapper .btn img {
        width:40px;
        height: 40px;
        margin-left: 13px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .zn--wrapper .btn img {
        width:33px;
        height: 33px;
        margin-left: 10px
    }
}

#main-wrapper {
    position: relative
}


.g--popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    height: calc(100*var(--vh, 1vh));
    z-index: 11;
    -webkit-transform: translateY(100vh);
    transform: translateY(100vh);
    -webkit-transform: translateY(calc(100*var(--vh, 1vh)));
    transform: translateY(calc(100*var(--vh, 1vh)))
}

.g--popup.show {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.g--popup.disappear,.g--popup.show {
    transition: -webkit-transform .5s;
    -webkit-transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s,-webkit-transform .5s
}

.g--popup .g--popup-container {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    width: 100%;
    height: 100%
}

@media (max-width: 1023px) {
    .g--popup .g--popup-container {
        padding:0
    }
}

.g--popup .g--video-wrapper {
    position: relative;
    margin-top: -12px;
    width: 75%;
    height: auto
}

@media (min-width: 2260px) {
    .g--popup .g--video-wrapper {
        margin-top:-24px
    }
}

@media (max-width: 1023px) {
    .g--popup .g--video-wrapper {
        width:100vw
    }
}

.g--popup .g--video-wrapper video {
    width: 100%;
    height: 100%;
    outline: none
}

.g--popup .g--video-wrapper video[src=""] {
    display: none
}

.g--popup .g--popup-close {
    top: -32px;
    right: 0;
    width: 12px;
    height: 12px;
    position: absolute;
    margin-left: auto;
    cursor: pointer;
    z-index: 2
}

@media (max-width: 1023px) {
    .g--popup .g--popup-close {
        width:24px;
        height: 24px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .g--popup .g--popup-close {
        right:16px
    }
}

@media (max-width: 360px) {
    .g--popup .g--popup-close {
        right:14px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .g--popup .g--popup-close {
        right:18px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .g--popup .g--popup-close {
        right:32px
    }
}

.g--popup-container {
    background: #000
}

.g--popup-close polygon {
    fill: #fff
}

[data-theme=white] .g--popup-container {
    background: #fff
}

[data-theme=white] .g--popup-close polygon {
    fill: #000
}

.g--video-converter .wrapper {
    height: 100%;
    position: relative
}

.g--video-converter .wrapper .video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.g--pop-page-container {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    height: calc(100*var(--vh, 1vh));
    overflow: auto; /*scroll;*/
    -webkit-overflow-scrolling: touch;
    background-color: #000;
    z-index: 99
}

.g--pop-page-container .close {
    position: absolute;
    cursor: pointer;
    z-index: 1
}

@media (min-width: 360px) and (max-width:399px) {
    .g--pop-page-container .close {
        width:80px;
        height: 40px;
        right: 0;
        top: 0
    }
}

@media (max-width: 360px) {
    .g--pop-page-container .close {
        width:71px;
        height: 36px;
        right: 0;
        top: 0
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .g--pop-page-container .close {
        width:89px;
        height: 44px;
        right: 0;
        top: 0
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .g--pop-page-container .close {
        width:160px;
        height: 80px;
        right: 0;
        top: 0
    }
}

@media (min-width: 1800px) {
    .g--pop-page-container .close {
        width:180px;
        height: 80px;
        right: 40px;
        top: 40px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page-container .close {
        width:151px;
        height: 67px;
        right: 34px;
        top: 34px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page-container .close {
        width:123px;
        height: 55px;
        right: 27px;
        top: 27px
    }
}

.g--pop-page-container .g--pop-page {
    display: block;
    opacity: 0;
    -webkit-transition: opacity .4s linear;
    transition: opacity .4s linear
}

.g--pop-page {
    display: none
}

.g--pop-page-container .g--pop-page-mode1,.g--pop-page-container .g--pop-page-mode2,.g--pop-page-container .g--pop-page-mode3 {
    background-color: #000;
    height: 100vh;
    height: calc(100*var(--vh, 1vh));
    -webkit-transition: none;
    transition: none;
    opacity: 1
}

@media (min-width: 1800px) {
    .g--pop-page-container .g--pop-page-mode1,.g--pop-page-container .g--pop-page-mode2,.g--pop-page-container .g--pop-page-mode3 {
        padding-top:120px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page-container .g--pop-page-mode1,.g--pop-page-container .g--pop-page-mode2,.g--pop-page-container .g--pop-page-mode3 {
        padding-top:101px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page-container .g--pop-page-mode1,.g--pop-page-container .g--pop-page-mode2,.g--pop-page-container .g--pop-page-mode3 {
        padding-top:82px
    }
}

@media (min-width: 2400px) {
    .g--pop-page-container .g--pop-page-mode1,.g--pop-page-container .g--pop-page-mode2,.g--pop-page-container .g--pop-page-mode3 {
        padding-top:160px
    }
}

.g--pop-page-container .g--pop-page-mode1 .borders .border,.g--pop-page-container .g--pop-page-mode2 .borders .border,.g--pop-page-container .g--pop-page-mode3 .borders .border {
    transition: -webkit-transform .5s ease;
    -webkit-transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease,-webkit-transform .5s ease;
    background-color: #151516
}

.g--pop-page-container .g--pop-page-mode1 .borders .border-top,.g--pop-page-container .g--pop-page-mode2 .borders .border-top,.g--pop-page-container .g--pop-page-mode3 .borders .border-top {
    top: 0;
    left: 0;
    right: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0
}

@media (min-width: 1800px) {
    .g--pop-page-container .g--pop-page-mode1 .borders .border-top,.g--pop-page-container .g--pop-page-mode2 .borders .border-top,.g--pop-page-container .g--pop-page-mode3 .borders .border-top {
        height:120px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page-container .g--pop-page-mode1 .borders .border-top,.g--pop-page-container .g--pop-page-mode2 .borders .border-top,.g--pop-page-container .g--pop-page-mode3 .borders .border-top {
        height:101px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page-container .g--pop-page-mode1 .borders .border-top,.g--pop-page-container .g--pop-page-mode2 .borders .border-top,.g--pop-page-container .g--pop-page-mode3 .borders .border-top {
        height:82px
    }
}

@media (min-width: 2400px) {
    .g--pop-page-container .g--pop-page-mode1 .borders .border-top,.g--pop-page-container .g--pop-page-mode2 .borders .border-top,.g--pop-page-container .g--pop-page-mode3 .borders .border-top {
        padding-top:160px
    }
}

.g--pop-page-container .g--pop-page-mode1 .borders .border-top.show,.g--pop-page-container .g--pop-page-mode2 .borders .border-top.show,.g--pop-page-container .g--pop-page-mode3 .borders .border-top.show {
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

.g--pop-page-container .g--pop-page-mode1 .borders .border-left,.g--pop-page-container .g--pop-page-mode2 .borders .border-left,.g--pop-page-container .g--pop-page-mode3 .borders .border-left {
    top: 0;
    left: 0;
    bottom: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%
}

@media (min-width: 1800px) {
    .g--pop-page-container .g--pop-page-mode1 .borders .border-left,.g--pop-page-container .g--pop-page-mode2 .borders .border-left,.g--pop-page-container .g--pop-page-mode3 .borders .border-left {
        width:calc(50vw - 800px)
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page-container .g--pop-page-mode1 .borders .border-left,.g--pop-page-container .g--pop-page-mode2 .borders .border-left,.g--pop-page-container .g--pop-page-mode3 .borders .border-left {
        width:calc(50vw - 671px)
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page-container .g--pop-page-mode1 .borders .border-left,.g--pop-page-container .g--pop-page-mode2 .borders .border-left,.g--pop-page-container .g--pop-page-mode3 .borders .border-left {
        width:calc(50vw - 546px)
    }
}

@media (min-width: 2400px) {
    .g--pop-page-container .g--pop-page-mode1 .borders .border-left,.g--pop-page-container .g--pop-page-mode2 .borders .border-left,.g--pop-page-container .g--pop-page-mode3 .borders .border-left {
        width:calc(50vw - 1067px)
    }
}

.g--pop-page-container .g--pop-page-mode1 .borders .border-left.show,.g--pop-page-container .g--pop-page-mode2 .borders .border-left.show,.g--pop-page-container .g--pop-page-mode3 .borders .border-left.show {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.g--pop-page-container .g--pop-page-mode1 .borders .border-right,.g--pop-page-container .g--pop-page-mode2 .borders .border-right,.g--pop-page-container .g--pop-page-mode3 .borders .border-right {
    top: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

@media (min-width: 1800px) {
    .g--pop-page-container .g--pop-page-mode1 .borders .border-right,.g--pop-page-container .g--pop-page-mode2 .borders .border-right,.g--pop-page-container .g--pop-page-mode3 .borders .border-right {
        width:calc(50vw - 800px)
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page-container .g--pop-page-mode1 .borders .border-right,.g--pop-page-container .g--pop-page-mode2 .borders .border-right,.g--pop-page-container .g--pop-page-mode3 .borders .border-right {
        width:calc(50vw - 671px)
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page-container .g--pop-page-mode1 .borders .border-right,.g--pop-page-container .g--pop-page-mode2 .borders .border-right,.g--pop-page-container .g--pop-page-mode3 .borders .border-right {
        width:calc(50vw - 546px)
    }
}

@media (min-width: 2400px) {
    .g--pop-page-container .g--pop-page-mode1 .borders .border-right,.g--pop-page-container .g--pop-page-mode2 .borders .border-right,.g--pop-page-container .g--pop-page-mode3 .borders .border-right {
        width:calc(50vw - 1067px)
    }
}

.g--pop-page-container .g--pop-page-mode1 .borders .border-right.show,.g--pop-page-container .g--pop-page-mode2 .borders .border-right.show,.g--pop-page-container .g--pop-page-mode3 .borders .border-right.show {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.g--pop-page-container .g--pop-page-mode1 .inner-page,.g--pop-page-container .g--pop-page-mode2 .inner-page,.g--pop-page-container .g--pop-page-mode3 .inner-page {
    background-color: #000;
    overflow: hidden;
    -webkit-transition: opacity .5s linear;
    transition: opacity .5s linear;
    opacity: 0
}

@media (min-width: 1800px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page,.g--pop-page-container .g--pop-page-mode2 .inner-page,.g--pop-page-container .g--pop-page-mode3 .inner-page {
        width:1600px;
        height: calc(100vh - 120px);
        height: calc(100*var(--vh, 1vh) - 120px);
        margin-left: calc((100vw - 1600px)/2)
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page,.g--pop-page-container .g--pop-page-mode2 .inner-page,.g--pop-page-container .g--pop-page-mode3 .inner-page {
        width:1341px;
        height: calc(100vh - 101px);
        height: calc(100*var(--vh, 1vh) - 101px);
        margin-left: calc((100vw - 1341px)/2)
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page,.g--pop-page-container .g--pop-page-mode2 .inner-page,.g--pop-page-container .g--pop-page-mode3 .inner-page {
        width:1093px;
        height: calc(100vh - 82px);
        height: calc(100*var(--vh, 1vh) - 82px);
        margin-left: calc((100vw - 1093px)/2)
    }
}

@media (min-width: 2400px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page,.g--pop-page-container .g--pop-page-mode2 .inner-page,.g--pop-page-container .g--pop-page-mode3 .inner-page {
        width:2133px;
        margin-left: calc((100vw - 2133px)/2);
        height: calc(100vh - 160px);
        height: calc(100*var(--vh, 1vh) - 160px)
    }
}

@media (max-width: 1023px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page,.g--pop-page-container .g--pop-page-mode2 .inner-page,.g--pop-page-container .g--pop-page-mode3 .inner-page {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }
}

.g--pop-page-container .g--pop-page-mode1 .inner-page .flex-left,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-left,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-left {
    background: #000
}

@media (max-width: 1023px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-left,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-left,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-left {
        height:54.134vw;
        width: 100%
    }
}

.g--pop-page-container .g--pop-page-mode1 .inner-page .flex-left .background,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-left .background,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-left .background {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top
}

@media (min-width: 1800px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-left .background,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-left .background,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-left .background {
        width:640px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-left .background,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-left .background,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-left .background {
        width:537px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-left .background,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-left .background,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-left .background {
        width:437px
    }
}

@media (min-width: 2400px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-left .background,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-left .background,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-left .background {
        width:853px
    }
}

@media (max-width: 1023px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-left .background,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-left .background,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-left .background {
        position:fixed;
        top: 0;
        width: 100vw;
        height: 54.134vw;
        z-index: 2
    }
}

.g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

@media (min-width: 1800px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right {
        width:960px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right {
        width:805px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right {
        width:656px
    }
}

@media (min-width: 2400px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right {
        width:1280px
    }
}

.g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .nav-bar,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .nav-bar,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .nav-bar {
    z-index: 1
}

@media (min-width: 1800px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .nav-bar,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .nav-bar,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .nav-bar {
        margin-top:40px;
        margin-left: 80px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .nav-bar,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .nav-bar,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .nav-bar {
        margin-top:34px;
        margin-left: 67px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .nav-bar,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .nav-bar,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .nav-bar {
        margin-top:27px;
        margin-left: 55px
    }
}

@media (min-width: 2400px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .nav-bar,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .nav-bar,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .nav-bar {
        margin-left:133.5px
    }
}

@media (max-width: 1023px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .nav-bar,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .nav-bar,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .nav-bar {
        width:100%;
        overflow-x: scroll;
        flex-wrap: nowrap;
        scrollbar-width: none
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .nav-bar,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .nav-bar,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .nav-bar {
        padding-left:12px;
        margin-top: 20px
    }
}

@media (max-width: 360px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .nav-bar,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .nav-bar,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .nav-bar {
        padding-left:11px;
        margin-top: 18px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .nav-bar,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .nav-bar,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .nav-bar {
        padding-left:13px;
        margin-top: 22px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .nav-bar,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .nav-bar,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .nav-bar {
        padding-left:24px;
        margin-top: 40px
    }
}

.g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .nav-bar:after,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .nav-bar:after,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .nav-bar:after {
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    content: ""
}

@media (min-width: 360px) and (max-width:399px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .nav-bar:after,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .nav-bar:after,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .nav-bar:after {
        width:48px;
        height: 27px
    }
}

@media (max-width: 360px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .nav-bar:after,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .nav-bar:after,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .nav-bar:after {
        width:43px;
        height: 24px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .nav-bar:after,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .nav-bar:after,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .nav-bar:after {
        width:53px;
        height: 30px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .nav-bar:after,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .nav-bar:after,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .nav-bar:after {
        width:96px;
        height: 54px
    }
}

.g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .nav-bar::-webkit-scrollbar,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .nav-bar::-webkit-scrollbar,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .nav-bar::-webkit-scrollbar {
    display: none
}

.g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .nav-bar .nav-text,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .nav-bar .nav-text,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .nav-bar .nav-text {
    font-family: Roman-55,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 30px;
    line-height: 1.2;
    letter-spacing: 0;
    color: #fff;
    opacity: 1;
    -webkit-transition: color .2s linear,border-bottom .2s linear,opacity .2s linear;
    transition: color .2s linear,border-bottom .2s linear,opacity .2s linear;
    cursor: pointer
}

@media (min-width: 360px) and (max-width:399px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .nav-bar .nav-text,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .nav-bar .nav-text,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .nav-bar .nav-text {
        padding-bottom:5px;
        border-bottom: 1px solid #fff
    }
}

@media (max-width: 360px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .nav-bar .nav-text,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .nav-bar .nav-text,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .nav-bar .nav-text {
        padding-bottom:4px;
        border-bottom: 1px solid #fff
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .nav-bar .nav-text,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .nav-bar .nav-text,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .nav-bar .nav-text {
        padding-bottom:6px;
        border-bottom: 1px solid #fff
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .nav-bar .nav-text,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .nav-bar .nav-text,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .nav-bar .nav-text {
        padding-bottom:10px;
        border-bottom: 2px solid #fff
    }
}

@media (min-width: 1800px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .nav-bar .nav-text,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .nav-bar .nav-text,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .nav-bar .nav-text {
        margin-left:80px;
        padding-bottom: 5px;
        border-bottom: 2px solid #fff
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .nav-bar .nav-text,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .nav-bar .nav-text,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .nav-bar .nav-text {
        margin-left:67px;
        padding-bottom: 4px;
        border-bottom: 2px solid #fff
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .nav-bar .nav-text,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .nav-bar .nav-text,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .nav-bar .nav-text {
        margin-left:55px;
        padding-bottom: 3px;
        border-bottom: 1px solid #fff
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .nav-bar .nav-text,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .nav-bar .nav-text,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .nav-bar .nav-text {
        font-size:25.152px;
        letter-spacing: 0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .nav-bar .nav-text,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .nav-bar .nav-text,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .nav-bar .nav-text {
        font-size:20.487px;
        letter-spacing: 0
    }
}

@media (max-width: 1023px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .nav-bar .nav-text,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .nav-bar .nav-text,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .nav-bar .nav-text {
        font-size:18px;
        line-height: 1.2;
        letter-spacing: 0;
        width: auto;
        white-space: nowrap;
        display: -webkit-inline-box;
        display: inline-flex
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .nav-bar .nav-text,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .nav-bar .nav-text,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .nav-bar .nav-text {
        margin-left:36px
    }
}

@media (max-width: 360px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .nav-bar .nav-text,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .nav-bar .nav-text,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .nav-bar .nav-text {
        margin-left:32px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .nav-bar .nav-text,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .nav-bar .nav-text,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .nav-bar .nav-text {
        margin-left:40px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .nav-bar .nav-text,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .nav-bar .nav-text,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .nav-bar .nav-text {
        margin-left:72px
    }
}

.g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .nav-bar .nav-text.hide,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .nav-bar .nav-text.hide,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .nav-bar .nav-text.hide {
    color: #fff;
    opacity: .6;
    -webkit-transition: color .2s linear,border-bottom .2s linear,opacity .2s linear;
    transition: color .2s linear,border-bottom .2s linear,opacity .2s linear
}

@media (min-width: 360px) and (max-width:399px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .nav-bar .nav-text.hide,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .nav-bar .nav-text.hide,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .nav-bar .nav-text.hide {
        border-bottom:1px solid transparent
    }
}

@media (max-width: 360px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .nav-bar .nav-text.hide,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .nav-bar .nav-text.hide,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .nav-bar .nav-text.hide {
        border-bottom:1px solid transparent
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .nav-bar .nav-text.hide,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .nav-bar .nav-text.hide,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .nav-bar .nav-text.hide {
        border-bottom:1px solid transparent
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .nav-bar .nav-text.hide,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .nav-bar .nav-text.hide,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .nav-bar .nav-text.hide {
        border-bottom:2px solid transparent
    }
}

@media (min-width: 1800px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .nav-bar .nav-text.hide,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .nav-bar .nav-text.hide,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .nav-bar .nav-text.hide {
        border-bottom:2px solid transparent
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .nav-bar .nav-text.hide,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .nav-bar .nav-text.hide,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .nav-bar .nav-text.hide {
        border-bottom:2px solid transparent
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .nav-bar .nav-text.hide,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .nav-bar .nav-text.hide,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .nav-bar .nav-text.hide {
        border-bottom:1px solid transparent
    }
}

@media (max-width: 1023px) and (min-width:1400px) and (max-width:1799px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .nav-bar .nav-text,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .nav-bar .nav-text,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .nav-bar .nav-text {
        font-size:15.0912px;
        letter-spacing: 0
    }
}

@media (max-width: 1023px) and (min-width:1024px) and (max-width:1399px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .nav-bar .nav-text,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .nav-bar .nav-text,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .nav-bar .nav-text {
        font-size:12.2922px;
        letter-spacing: 0
    }
}

.g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .text-box,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-box,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-box {
    width: 100%;
    margin: 0 auto;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    -webkit-box-flex: 1;
    flex: 1
}

@media (min-width: 1800px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .text-box,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-box,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-box {
        padding:120px 0 170px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .text-box,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-box,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-box {
        padding:101px 0 143px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .text-box,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-box,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-box {
        padding:82px 0 116px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .text-box,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-box,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-box {
        width:280px;
        height: calc(100vh - 248px);
        height: calc(100*var(--vh, 1vh) - 248px);
        padding-top: 40px;
        padding-bottom: 80px
    }
}

@media (max-width: 360px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .text-box,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-box,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-box {
        width:249px;
        height: calc(100vh - 220px);
        height: calc(100*var(--vh, 1vh) - 220px);
        padding-top: 36px;
        padding-bottom: 71px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .text-box,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-box,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-box {
        width:311px;
        height: calc(100vh - 276px);
        height: calc(100*var(--vh, 1vh) - 276px);
        padding-top: 44px;
        padding-bottom: 89px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .text-box,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-box,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-box {
        width:560px;
        height: calc(100vh - 496px);
        height: calc(100*var(--vh, 1vh) - 496px);
        padding-top: 80px;
        padding-bottom: 160px
    }
}

.g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .text-box::-webkit-scrollbar,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-box::-webkit-scrollbar,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-box::-webkit-scrollbar {
    display: none
}

@media (min-width: 1800px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .text-box .text-con,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-box .text-con,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-box .text-con {
        width:640px;
        margin-left: calc((100% - 640px)/2)
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .text-box .text-con,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-box .text-con,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-box .text-con {
        width:537px;
        margin-left: calc((100% - 537px)/2)
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .text-box .text-con,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-box .text-con,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-box .text-con {
        width:437px;
        margin-left: calc((100% - 437px)/2)
    }
}

@media (min-width: 2400px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .text-box .text-con,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-box .text-con,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-box .text-con {
        width:853px;
        margin-left: calc((100% - 853px)/2)
    }
}

.g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .text-box .pop-pre,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-box .pop-pre,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-box .pop-pre {
    font-size: 18px;
    line-height: 1.2;
    letter-spacing: 0
}

@media (min-width: 1800px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .text-box .pop-pre,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-box .pop-pre,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-box .pop-pre {
        margin-bottom:4px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .text-box .pop-pre,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-box .pop-pre,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-box .pop-pre {
        margin-bottom:3px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .text-box .pop-pre,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-box .pop-pre,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-box .pop-pre {
        margin-bottom:3px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .text-box .pop-pre,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-box .pop-pre,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-box .pop-pre {
        font-size:15.0912px;
        letter-spacing: 0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .text-box .pop-pre,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-box .pop-pre,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-box .pop-pre {
        font-size:12.2922px;
        letter-spacing: 0
    }
}

@media (max-width: 1023px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .text-box .pop-pre,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-box .pop-pre,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-box .pop-pre {
        font-size:14px;
        line-height: 1.2;
        letter-spacing: 0
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .text-box .pop-pre,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-box .pop-pre,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-box .pop-pre {
        margin-bottom:5px
    }
}

@media (max-width: 360px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .text-box .pop-pre,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-box .pop-pre,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-box .pop-pre {
        margin-bottom:4px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .text-box .pop-pre,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-box .pop-pre,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-box .pop-pre {
        margin-bottom:6px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .text-box .pop-pre,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-box .pop-pre,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-box .pop-pre {
        margin-bottom:10px
    }
}

@media (max-width: 1023px) and (min-width:1400px) and (max-width:1799px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .text-box .pop-pre,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-box .pop-pre,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-box .pop-pre {
        font-size:11.7376px;
        letter-spacing: 0
    }
}

@media (max-width: 1023px) and (min-width:1024px) and (max-width:1399px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .text-box .pop-pre,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-box .pop-pre,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-box .pop-pre {
        font-size:9.560599999999999px;
        letter-spacing: 0
    }
}

.g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .text-box .pop-title,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-box .pop-title,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-box .pop-title {
    font-family: Roman-55,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 40px;
    line-height: 1;
    letter-spacing: 0
}

@media (min-width: 1800px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .text-box .pop-title,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-box .pop-title,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-box .pop-title {
        margin-bottom:20px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .text-box .pop-title,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-box .pop-title,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-box .pop-title {
        margin-bottom:17px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .text-box .pop-title,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-box .pop-title,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-box .pop-title {
        margin-bottom:14px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .text-box .pop-title,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-box .pop-title,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-box .pop-title {
        font-size:33.536px;
        letter-spacing: 0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .text-box .pop-title,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-box .pop-title,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-box .pop-title {
        font-size:27.316px;
        letter-spacing: 0
    }
}

@media (max-width: 1023px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .text-box .pop-title,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-box .pop-title,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-box .pop-title {
        font-size:24px;
        line-height: 1.2;
        letter-spacing: 0
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .text-box .pop-title,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-box .pop-title,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-box .pop-title {
        padding-bottom:20px
    }
}

@media (max-width: 360px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .text-box .pop-title,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-box .pop-title,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-box .pop-title {
        padding-bottom:18px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .text-box .pop-title,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-box .pop-title,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-box .pop-title {
        padding-bottom:22px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .text-box .pop-title,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-box .pop-title,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-box .pop-title {
        padding-bottom:40px
    }
}

@media (max-width: 1023px) and (min-width:1400px) and (max-width:1799px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .text-box .pop-title,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-box .pop-title,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-box .pop-title {
        font-size:20.1216px;
        letter-spacing: 0
    }
}

@media (max-width: 1023px) and (min-width:1024px) and (max-width:1399px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .text-box .pop-title,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-box .pop-title,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-box .pop-title {
        font-size:16.389599999999998px;
        letter-spacing: 0
    }
}

.g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .text-box .pop-text,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-box .pop-text,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-box .pop-text {
    font-family: Roman-55,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 18px;
    line-height: 1.2;
    letter-spacing: 0;
    color: #b3b3b3
}

@media (min-width: 1800px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .text-box .pop-text,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-box .pop-text,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-box .pop-text {
        width:480px;
        margin-bottom: 80px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .text-box .pop-text,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-box .pop-text,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-box .pop-text {
        width:402px;
        margin-bottom: 67px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .text-box .pop-text,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-box .pop-text,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-box .pop-text {
        width:328px;
        margin-bottom: 55px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .text-box .pop-text,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-box .pop-text,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-box .pop-text {
        font-size:15.0912px;
        letter-spacing: 0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .text-box .pop-text,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-box .pop-text,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-box .pop-text {
        font-size:12.2922px;
        letter-spacing: 0
    }
}

@media (min-width: 2400px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .text-box .pop-text,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-box .pop-text,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-box .pop-text {
        width:640px
    }
}

@media (max-width: 1023px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .text-box .pop-text,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-box .pop-text,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-box .pop-text {
        font-size:14px;
        line-height: 1.2;
        letter-spacing: 0
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .text-box .pop-text,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-box .pop-text,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-box .pop-text {
        padding-bottom:60px
    }
}

@media (max-width: 360px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .text-box .pop-text,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-box .pop-text,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-box .pop-text {
        padding-bottom:53px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .text-box .pop-text,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-box .pop-text,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-box .pop-text {
        padding-bottom:67px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .text-box .pop-text,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-box .pop-text,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-box .pop-text {
        padding-bottom:120px
    }
}

@media (max-width: 1023px) and (min-width:1400px) and (max-width:1799px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .text-box .pop-text,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-box .pop-text,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-box .pop-text {
        font-size:11.7376px;
        letter-spacing: 0
    }
}

@media (max-width: 1023px) and (min-width:1024px) and (max-width:1399px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .text-box .pop-text,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-box .pop-text,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-box .pop-text {
        font-size:9.560599999999999px;
        letter-spacing: 0
    }
}

.g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .text-box .page,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-box .page,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-box .page {
    opacity: 1;
    -webkit-transition: opacity .4s linear;
    transition: opacity .4s linear
}

.g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .text-box .page.hide,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-box .page.hide,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-box .page.hide {
    opacity: 0
}

.g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .text-mask,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-mask,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-mask {
    pointer-events: none
}

@media (min-width: 1800px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .text-mask,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-mask,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-mask {
        background:linear-gradient(180deg,#000 0,transparent 120px,transparent 80%,#000)
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .text-mask,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-mask,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-mask {
        background:linear-gradient(180deg,#000 0,transparent 101px,transparent 80%,#000)
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .text-mask,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-mask,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-mask {
        background:linear-gradient(180deg,#000 0,transparent 82px,transparent 80%,#000)
    }
}

@media (max-width: 1023px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .text-mask,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-mask,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-mask {
        position:fixed;
        top: 54.134vw;
        background: -webkit-gradient(linear,left top,left bottom,color-stop(30%,#000),to(transparent));
        background: linear-gradient(180deg,#000 30%,transparent)
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .text-mask,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-mask,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-mask {
        height:40px
    }
}

@media (max-width: 360px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .text-mask,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-mask,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-mask {
        height:36px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .text-mask,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-mask,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-mask {
        height:44px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .text-mask,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-mask,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-mask {
        height:80px
    }
}

@media (min-width: 1800px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .progress1,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .progress1,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .progress1 {
        width:33px;
        height: 36px;
        top: 38px;
        right: 47px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .progress1,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .progress1,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .progress1 {
        width:28px;
        height: 30px;
        top: 32px;
        right: 39px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .progress1,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .progress1,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .progress1 {
        width:23px;
        height: 25px;
        top: 26px;
        right: 32px
    }
}

.g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .progress1:before,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .progress1:before,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .progress1:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 144%;
    height: 144%;
    border-bottom: solid #666;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

.g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .progress1 .current,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .progress1 .current,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .progress1 .current {
    color: #fff;
    top: 0;
    left: 0;
    font-family: Roman-55,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 18px;
    line-height: 1;
    letter-spacing: 0
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .progress1 .current,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .progress1 .current,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .progress1 .current {
        font-size:15.0912px;
        letter-spacing: 0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .progress1 .current,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .progress1 .current,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .progress1 .current {
        font-size:12.2922px;
        letter-spacing: 0
    }
}

.g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .progress1 .total,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .progress1 .total,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .progress1 .total {
    color: #666;
    right: 0;
    bottom: 0;
    font-family: Roman-55,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 18px;
    line-height: 1;
    letter-spacing: 0
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .progress1 .total,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .progress1 .total,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .progress1 .total {
        font-size:15.0912px;
        letter-spacing: 0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .progress1 .total,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .progress1 .total,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .progress1 .total {
        font-size:12.2922px;
        letter-spacing: 0
    }
}

.g--pop-page-container .g--pop-page-mode1 .inner-page .back,.g--pop-page-container .g--pop-page-mode2 .inner-page .back,.g--pop-page-container .g--pop-page-mode3 .inner-page .back {
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center
}

@media (min-width: 1800px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .back,.g--pop-page-container .g--pop-page-mode2 .inner-page .back,.g--pop-page-container .g--pop-page-mode3 .inner-page .back {
        top:40px;
        left: 40px;
        max-width: 100px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .back,.g--pop-page-container .g--pop-page-mode2 .inner-page .back,.g--pop-page-container .g--pop-page-mode3 .inner-page .back {
        top:34px;
        left: 34px;
        max-width: 84px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .back,.g--pop-page-container .g--pop-page-mode2 .inner-page .back,.g--pop-page-container .g--pop-page-mode3 .inner-page .back {
        top:27px;
        left: 27px;
        max-width: 68px
    }
}

@media (max-width: 1023px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .back,.g--pop-page-container .g--pop-page-mode2 .inner-page .back,.g--pop-page-container .g--pop-page-mode3 .inner-page .back {
        position:fixed;
        z-index: 3
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .back,.g--pop-page-container .g--pop-page-mode2 .inner-page .back,.g--pop-page-container .g--pop-page-mode3 .inner-page .back {
        top:20px;
        left: 20px
    }
}

@media (max-width: 360px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .back,.g--pop-page-container .g--pop-page-mode2 .inner-page .back,.g--pop-page-container .g--pop-page-mode3 .inner-page .back {
        top:18px;
        left: 18px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .back,.g--pop-page-container .g--pop-page-mode2 .inner-page .back,.g--pop-page-container .g--pop-page-mode3 .inner-page .back {
        top:22px;
        left: 22px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .back,.g--pop-page-container .g--pop-page-mode2 .inner-page .back,.g--pop-page-container .g--pop-page-mode3 .inner-page .back {
        top:40px;
        left: 40px
    }
}

@media (min-width: 1800px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .back .back-left,.g--pop-page-container .g--pop-page-mode2 .inner-page .back .back-left,.g--pop-page-container .g--pop-page-mode3 .inner-page .back .back-left {
        width:20px;
        height: 20px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .back .back-left,.g--pop-page-container .g--pop-page-mode2 .inner-page .back .back-left,.g--pop-page-container .g--pop-page-mode3 .inner-page .back .back-left {
        width:17px;
        height: 17px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .back .back-left,.g--pop-page-container .g--pop-page-mode2 .inner-page .back .back-left,.g--pop-page-container .g--pop-page-mode3 .inner-page .back .back-left {
        width:14px;
        height: 14px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .back .back-left,.g--pop-page-container .g--pop-page-mode2 .inner-page .back .back-left,.g--pop-page-container .g--pop-page-mode3 .inner-page .back .back-left {
        width:16px;
        height: 16px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .back .back-left,.g--pop-page-container .g--pop-page-mode2 .inner-page .back .back-left,.g--pop-page-container .g--pop-page-mode3 .inner-page .back .back-left {
        width:12px;
        height: 12px
    }
}

@media (max-width: 360px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .back .back-left,.g--pop-page-container .g--pop-page-mode2 .inner-page .back .back-left,.g--pop-page-container .g--pop-page-mode3 .inner-page .back .back-left {
        width:11px;
        height: 11px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .back .back-left,.g--pop-page-container .g--pop-page-mode2 .inner-page .back .back-left,.g--pop-page-container .g--pop-page-mode3 .inner-page .back .back-left {
        width:13px;
        height: 13px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .back .back-left,.g--pop-page-container .g--pop-page-mode2 .inner-page .back .back-left,.g--pop-page-container .g--pop-page-mode3 .inner-page .back .back-left {
        width:24px;
        height: 24px
    }
}

.g--pop-page-container .g--pop-page-mode1 .inner-page .back .back-right,.g--pop-page-container .g--pop-page-mode2 .inner-page .back .back-right,.g--pop-page-container .g--pop-page-mode3 .inner-page .back .back-right {
    font-family: Roman-55,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 18px;
    line-height: 1;
    letter-spacing: 0
}

@media (min-width: 1800px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .back .back-right,.g--pop-page-container .g--pop-page-mode2 .inner-page .back .back-right,.g--pop-page-container .g--pop-page-mode3 .inner-page .back .back-right {
        margin-left:20px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .back .back-right,.g--pop-page-container .g--pop-page-mode2 .inner-page .back .back-right,.g--pop-page-container .g--pop-page-mode3 .inner-page .back .back-right {
        margin-left:17px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .back .back-right,.g--pop-page-container .g--pop-page-mode2 .inner-page .back .back-right,.g--pop-page-container .g--pop-page-mode3 .inner-page .back .back-right {
        margin-left:14px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .back .back-right,.g--pop-page-container .g--pop-page-mode2 .inner-page .back .back-right,.g--pop-page-container .g--pop-page-mode3 .inner-page .back .back-right {
        font-size:15.0912px;
        letter-spacing: 0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .back .back-right,.g--pop-page-container .g--pop-page-mode2 .inner-page .back .back-right,.g--pop-page-container .g--pop-page-mode3 .inner-page .back .back-right {
        font-size:12.2922px;
        letter-spacing: 0
    }
}

@media (max-width: 1023px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .back .back-right,.g--pop-page-container .g--pop-page-mode2 .inner-page .back .back-right,.g--pop-page-container .g--pop-page-mode3 .inner-page .back .back-right {
        font-size:16px;
        line-height: 1;
        letter-spacing: 0
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .back .back-right,.g--pop-page-container .g--pop-page-mode2 .inner-page .back .back-right,.g--pop-page-container .g--pop-page-mode3 .inner-page .back .back-right {
        margin-left:16px
    }
}

@media (max-width: 360px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .back .back-right,.g--pop-page-container .g--pop-page-mode2 .inner-page .back .back-right,.g--pop-page-container .g--pop-page-mode3 .inner-page .back .back-right {
        margin-left:14px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .back .back-right,.g--pop-page-container .g--pop-page-mode2 .inner-page .back .back-right,.g--pop-page-container .g--pop-page-mode3 .inner-page .back .back-right {
        margin-left:18px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .back .back-right,.g--pop-page-container .g--pop-page-mode2 .inner-page .back .back-right,.g--pop-page-container .g--pop-page-mode3 .inner-page .back .back-right {
        margin-left:32px
    }
}

@media (max-width: 1023px) and (min-width:1400px) and (max-width:1799px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .back .back-right,.g--pop-page-container .g--pop-page-mode2 .inner-page .back .back-right,.g--pop-page-container .g--pop-page-mode3 .inner-page .back .back-right {
        font-size:13.4144px;
        letter-spacing: 0
    }
}

@media (max-width: 1023px) and (min-width:1024px) and (max-width:1399px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .back .back-right,.g--pop-page-container .g--pop-page-mode2 .inner-page .back .back-right,.g--pop-page-container .g--pop-page-mode3 .inner-page .back .back-right {
        font-size:10.9264px;
        letter-spacing: 0
    }
}

.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-left {
    height: 100%
}

@media (min-width: 1800px) {
    .g--pop-page-container .g--pop-page-mode2 .inner-page .flex-left {
        width:640px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page-container .g--pop-page-mode2 .inner-page .flex-left {
        width:537px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page-container .g--pop-page-mode2 .inner-page .flex-left {
        width:437px
    }
}

@media (max-width: 1023px) {
    .g--pop-page-container .g--pop-page-mode2 .inner-page .flex-left {
        width:100%;
        height: 54.134vw
    }
}

@media (min-width: 2400px) {
    .g--pop-page-container .g--pop-page-mode2 .inner-page .flex-left {
        width:853px
    }
}

.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-left .background {
    top: -1px;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear;
    opacity: 1
}

.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-left .background.hide {
    opacity: 0
}

@media (min-width: 1800px) {
    .g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-box {
        padding-top:75px!important
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-box {
        padding-top:63px!important
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-box {
        padding-top:51px!important
    }
}

@media (max-width: 1023px) {
    .g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-box {
        display:-webkit-box!important;
        display: flex!important
    }
}

@media (min-width: 1800px) {
    .g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-box .text-con {
        padding-bottom:170px!important
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-box .text-con {
        padding-bottom:143px!important
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-box .text-con {
        padding-bottom:116px!important
    }
}

@media (min-width: 1800px) {
    .g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-mask {
        background:linear-gradient(180deg,#000 50px,transparent 20%,transparent 80%,#000)!important
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-mask {
        background:linear-gradient(180deg,#000 42px,transparent 20%,transparent 80%,#000)!important
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-mask {
        background:linear-gradient(180deg,#000 34px,transparent 20%,transparent 80%,#000)!important
    }
}

@media (min-width: 2400px) {
    .g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-mask {
        background:linear-gradient(180deg,#000 100px,transparent 15%,transparent 80%,#000)!important
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-mask {
        height:80px;
        background: linear-gradient(180deg,#000 60px,transparent)!important
    }
}

@media (max-width: 360px) {
    .g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-mask {
        height:71px;
        background: linear-gradient(180deg,#000 53px,transparent)!important
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-mask {
        height:89px;
        background: linear-gradient(180deg,#000 67px,transparent)!important
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-mask {
        height:160px;
        background: linear-gradient(180deg,#000 120px,transparent)!important
    }
}

@media (max-width: 1023px) {
    .g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .page {
        position:relative!important
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .page {
        width:280px!important
    }
}

@media (max-width: 360px) {
    .g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .page {
        width:249px!important
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .page {
        width:311px!important
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .page {
        width:560px!important
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-box1 {
        margin-left:-280px!important
    }
}

@media (max-width: 360px) {
    .g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-box1 {
        margin-left:-249px!important
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-box1 {
        margin-left:-311px!important
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-box1 {
        margin-left:-560px!important
    }
}

.g--pop-page-container .g--pop-page-mode3 .inner-page {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center
}

@media (min-width: 1440px) and (max-height:899px) {
    .g--pop-page-container .g--pop-page-mode3 .inner-page {
        overflow-y:scroll!important
    }
}

@media (max-width: 1023px) {
    .g--pop-page-container .g--pop-page-mode3 .inner-page {
        min-height:100vh;
        min-height: calc(100*var(--vh, 1vh))
    }
}

@media (min-width: 1800px) {
    .g--pop-page-container .g--pop-page-mode3 .inner-page .flex-left {
        width:1600px!important;
        height: 700px!important
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page-container .g--pop-page-mode3 .inner-page .flex-left {
        width:1341px!important;
        height: 587px!important
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page-container .g--pop-page-mode3 .inner-page .flex-left {
        width:1093px!important;
        height: 478px!important
    }
}

@media (min-width: 2400px) {
    .g--pop-page-container .g--pop-page-mode3 .inner-page .flex-left {
        width:2133px!important
    }
}

@media (min-width: 1800px) {
    .g--pop-page-container .g--pop-page-mode3 .inner-page .flex-left .background {
        width:1600px!important;
        height: 700px!important
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page-container .g--pop-page-mode3 .inner-page .flex-left .background {
        width:1341px!important;
        height: 587px!important
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page-container .g--pop-page-mode3 .inner-page .flex-left .background {
        width:1093px!important;
        height: 478px!important
    }
}

@media (min-width: 2400px) {
    .g--pop-page-container .g--pop-page-mode3 .inner-page .flex-left .background {
        width:2133px!important
    }
}

.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right {
    width: 100%!important;
    height: auto!important
}

@media (min-width: 1800px) {
    .g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right {
        margin-top:-180px!important
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right {
        margin-top:-151px!important
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right {
        margin-top:-123px!important
    }
}

@media (min-width: 1800px) {
    .g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-box {
        width:640px!important
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-box {
        width:537px!important
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-box {
        width:437px!important
    }
}

@media (min-width: 1024px) {
    .g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-box .pop-text,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-box .pop-title {
        text-align:center
    }
}

@media (min-width: 1800px) {
    .g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-box .pop-text {
        width:640px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-box .pop-text {
        width:537px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-box .pop-text {
        width:437px
    }
}

@media (min-width: 1800px) {
    .g--banner-mode-1 .pagination {
        width:1440px;
        padding-left: 80px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--banner-mode-1 .pagination {
        width:1207px;
        padding-left: 67px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--banner-mode-1 .pagination {
        width:983px;
        padding-left: 55px
    }
}

.g--banner-mode-1 .pagination::-webkit-scrollbar {
    display: none
}

@media (max-width: 1023px) {
    .g--banner-mode-1 .pagination {
        width:100%;
        position: relative;
        flex-wrap: nowrap;
        -webkit-box-pack: start;
        justify-content: flex-start;
        overflow-x: scroll;
        scrollbar-width: none
    }

    .g--banner-mode-1 .pagination:after {
        content: "";
        -webkit-box-flex: 0;
        flex: 0 0 auto
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .g--banner-mode-1 .pagination:after {
        width:47px;
        height: 28px
    }
}

@media (max-width: 360px) {
    .g--banner-mode-1 .pagination:after {
        width:42px;
        height: 25px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .g--banner-mode-1 .pagination:after {
        width:52px;
        height: 31px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .g--banner-mode-1 .pagination:after {
        width:94px;
        height: 56px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .g--banner-mode-1 .pagination {
        padding:0 47px
    }
}

@media (max-width: 360px) {
    .g--banner-mode-1 .pagination {
        padding:0 42px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .g--banner-mode-1 .pagination {
        padding:0 52px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .g--banner-mode-1 .pagination {
        padding:0 94px
    }
}

.g--banner-mode-1 .pagination .name {
    cursor: pointer;
    color: #666
}

@media (min-width: 360px) and (max-width:399px) {
    .g--banner-mode-1 .pagination .name {
        margin-right:36px;
        padding-bottom: 8px
    }
}

@media (max-width: 360px) {
    .g--banner-mode-1 .pagination .name {
        margin-right:32px;
        padding-bottom: 7px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .g--banner-mode-1 .pagination .name {
        margin-right:40px;
        padding-bottom: 9px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .g--banner-mode-1 .pagination .name {
        margin-right:72px;
        padding-bottom: 16px
    }
}

@media (min-width: 1800px) {
    .g--banner-mode-1 .pagination .name {
        margin-right:60px;
        padding-bottom: 10px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--banner-mode-1 .pagination .name {
        margin-right:50px;
        padding-bottom: 8px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--banner-mode-1 .pagination .name {
        margin-right:41px;
        padding-bottom: 7px
    }
}

@media (max-width: 1023px) {
    .g--banner-mode-1 .pagination .name {
        white-space:nowrap;
        -webkit-box-flex: 0;
        flex: 0 0 auto
    }
}

.g--banner-mode-1 .pagination .name.active {
    color: #fff;
    border-bottom: 2px solid #fff
}

.g--banner-mode-1 .img-wrapper {
    position: relative
}

@media (min-width: 360px) and (max-width:399px) {
    .g--banner-mode-1 .img-wrapper {
        margin-top:60px
    }
}

@media (max-width: 360px) {
    .g--banner-mode-1 .img-wrapper {
        margin-top:53px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .g--banner-mode-1 .img-wrapper {
        margin-top:67px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .g--banner-mode-1 .img-wrapper {
        margin-top:120px
    }
}

@media (min-width: 1800px) {
    .g--banner-mode-1 .img-wrapper {
        margin-top:40px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--banner-mode-1 .img-wrapper {
        margin-top:34px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--banner-mode-1 .img-wrapper {
        margin-top:27px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .g--banner-mode-1 .slick-container .image-container .center {
        width:335px;
        height: calc(100vh - 315px);
        height: calc(100*var(--vh, 1vh) - 315px)
    }
}

@media (max-width: 360px) {
    .g--banner-mode-1 .slick-container .image-container .center {
        width:298px;
        height: calc(100vh - 280px);
        height: calc(100*var(--vh, 1vh) - 280px)
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .g--banner-mode-1 .slick-container .image-container .center {
        width:372px;
        height: calc(100vh - 350px);
        height: calc(100*var(--vh, 1vh) - 350px)
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .g--banner-mode-1 .slick-container .image-container .center {
        width:670px;
        height: calc(100vh - 630px);
        height: calc(100*var(--vh, 1vh) - 630px)
    }
}

@media (min-width: 1800px) {
    .g--banner-mode-1 .slick-container .image-container .center {
        width:1440px;
        height: 810px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--banner-mode-1 .slick-container .image-container .center {
        width:1207px;
        height: 679px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--banner-mode-1 .slick-container .image-container .center {
        width:983px;
        height: 553px
    }
}

.g--banner-mode-1 .slick-container .image-container .center img {
    -webkit-transition: opacity .4s linear;
    transition: opacity .4s linear;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 40%;
    object-position: 50% 40%
}

@media (min-width: 360px) and (max-width:399px) {
    .g--banner-mode-1 .progress {
        width:26px;
        height: 26px
    }
}

@media (max-width: 360px) {
    .g--banner-mode-1 .progress {
        width:23px;
        height: 23px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .g--banner-mode-1 .progress {
        width:29px;
        height: 29px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .g--banner-mode-1 .progress {
        width:52px;
        height: 52px
    }
}

@media (min-width: 1800px) {
    .g--banner-mode-1 .progress {
        right:80px;
        top: 4px;
        width: 33px;
        height: 36px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--banner-mode-1 .progress {
        right:67px;
        top: 3px;
        width: 28px;
        height: 30px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--banner-mode-1 .progress {
        right:55px;
        top: 3px;
        width: 23px;
        height: 25px
    }
}

@media (max-width: 1023px) {
    .g--banner-mode-1 .progress {
        right:auto;
        top: auto
    }
}

.g--banner-mode-1 .progress:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 144%;
    height: 144%;
    border-bottom: 1.6px solid #666;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

.g--banner-mode-1 .progress .current,.g--banner-mode-1 .progress .total {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 1
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--banner-mode-1 .progress .current,.g--banner-mode-1 .progress .total {
        font-size:15.0912px;
        letter-spacing: 0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--banner-mode-1 .progress .current,.g--banner-mode-1 .progress .total {
        font-size:12.2922px;
        letter-spacing: 0
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .g--banner-mode-1 .progress .current,.g--banner-mode-1 .progress .total {
        letter-spacing:0;
        font-size: 28px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .g--banner-mode-1 .progress .current,.g--banner-mode-1 .progress .total {
        letter-spacing:0;
        font-size: 15.554px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .g--banner-mode-1 .progress .current,.g--banner-mode-1 .progress .total {
        letter-spacing:0;
        font-size: 14px
    }
}

@media (max-width: 360px) {
    .g--banner-mode-1 .progress .current,.g--banner-mode-1 .progress .total {
        letter-spacing:0;
        font-size: 12.442499999999999px
    }
}

.g--banner-mode-1 .progress .current {
    left: 0;
    top: 0;
    color: #fff
}

.g--banner-mode-1 .progress .total {
    right: 0;
    bottom: 0;
    color: #666
}

.g--banner-mode-1 .bottom {
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between
}

@media (min-width: 360px) and (max-width:399px) {
    .g--banner-mode-1 .bottom {
        margin-top:60px;
        width: 281px
    }
}

@media (max-width: 360px) {
    .g--banner-mode-1 .bottom {
        margin-top:53px;
        width: 250px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .g--banner-mode-1 .bottom {
        margin-top:67px;
        width: 312px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .g--banner-mode-1 .bottom {
        margin-top:120px;
        width: 562px
    }
}

.g--banner-mode-1 .next,.g--banner-mode-1 .prev {
    cursor: pointer;
    border-radius: 40px;
    -webkit-transition: border .3s linear;
    transition: border .3s linear
}

@media (min-width: 360px) and (max-width:399px) {
    .g--banner-mode-1 .next,.g--banner-mode-1 .prev {
        width:66px;
        height: 36px
    }
}

@media (max-width: 360px) {
    .g--banner-mode-1 .next,.g--banner-mode-1 .prev {
        width:59px;
        height: 32px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .g--banner-mode-1 .next,.g--banner-mode-1 .prev {
        width:73px;
        height: 40px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .g--banner-mode-1 .next,.g--banner-mode-1 .prev {
        width:132px;
        height: 72px
    }
}

@media (min-width: 1800px) {
    .g--banner-mode-1 .next,.g--banner-mode-1 .prev {
        width:110px;
        height: 60px;
        border: 2px solid transparent
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--banner-mode-1 .next,.g--banner-mode-1 .prev {
        width:92px;
        height: 50px;
        border: 2px solid transparent
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--banner-mode-1 .next,.g--banner-mode-1 .prev {
        width:75px;
        height: 41px;
        border: 1px solid transparent
    }
}

@media (min-width: 1800px) {
    .g--banner-mode-1 .next:hover,.g--banner-mode-1 .prev:hover {
        border:2px solid #fff
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--banner-mode-1 .next:hover,.g--banner-mode-1 .prev:hover {
        border:2px solid #fff
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--banner-mode-1 .next:hover,.g--banner-mode-1 .prev:hover {
        border:1px solid #fff
    }
}

.g--banner-mode-1 .next img,.g--banner-mode-1 .prev img {
    pointer-events: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@media (min-width: 1800px) {
    .g--banner-mode-1 .prev {
        left:calc(50vw - 775px)
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--banner-mode-1 .prev {
        left:calc(50vw - 650px)
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--banner-mode-1 .prev {
        left:calc(50vw - 529px)
    }
}

@media (min-width: 1800px) {
    .g--banner-mode-1 .next {
        right:calc(50vw - 775px)
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--banner-mode-1 .next {
        right:calc(50vw - 650px)
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--banner-mode-1 .next {
        right:calc(50vw - 529px)
    }
}

#section-kv {
    height: 120vh;
    height: calc(120*var(--vh, 1vh));
    margin-top: -60px
}

@media (min-width: 360px) and (max-width:399px) {
    #section-kv {
        margin-top:-51px
    }
}

@media (max-width: 360px) {
    #section-kv {
        margin-top:-45px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-kv {
        margin-top:-57px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-kv {
        margin-top:-102px
    }
}

#section-kv .content {
    opacity: 0
}

@media (min-width: 360px) and (max-width:399px) {
    #section-kv .content {
        width:271px
    }
}

@media (max-width: 360px) {
    #section-kv .content {
        width:241px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-kv .content {
        width:301px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-kv .content {
        width:542px
    }
}

@media (min-width: 1800px) {
    #section-kv .content {
        width:684px;
        margin-left: 160px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-kv .content {
        width:573px;
        margin-left: 134px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-kv .content {
        width:467px;
        margin-left: 109px
    }
}

@media (max-width: 1023px) {
    #section-kv .content {
        margin:auto;
        text-align: center;
        -webkit-box-align: initial;
        align-items: normal
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-kv .content {
        padding-top:74px
    }
}

@media (max-width: 360px) {
    #section-kv .content {
        padding-top:66px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-kv .content {
        padding-top:82px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-kv .content {
        padding-top:148px
    }
}

#section-kv .big-title {
    white-space: nowrap
}

#section-kv .big-title .small {
    font-family: Roman-55,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 40px;
    letter-spacing: 0;
    line-height: 1;
    vertical-align: top
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-kv .big-title .small {
        font-size:33.536px;
        letter-spacing: 0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-kv .big-title .small {
        font-size:27.316px;
        letter-spacing: 0
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-kv .big-title .small {
        letter-spacing:0;
        font-size: 36px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-kv .big-title .small {
        letter-spacing:0;
        font-size: 19.998px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-kv .big-title .small {
        letter-spacing:0;
        font-size: 18px
    }
}

@media (max-width: 360px) {
    #section-kv .big-title .small {
        letter-spacing:0;
        font-size: 15.997499999999999px
    }
}

#section-kv .big-title .middle {
    font-size: 60px;
    line-height: 1;
    letter-spacing: 0;
    line-height: 1.2
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-kv .big-title .middle {
        font-size:50.304px;
        letter-spacing: 0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-kv .big-title .middle {
        font-size:40.974px;
        letter-spacing: 0
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-kv .big-title .middle {
        letter-spacing:0;
        font-size: 60px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-kv .big-title .middle {
        letter-spacing:0;
        font-size: 33.33px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-kv .big-title .middle {
        letter-spacing:0;
        font-size: 30px
    }
}

@media (max-width: 360px) {
    #section-kv .big-title .middle {
        letter-spacing:0;
        font-size: 26.662499999999998px
    }
}

#section-kv .big-title .bottom {
    font-size: 30px;
    letter-spacing: 0;
    line-height: 1
}

@media (min-width: 360px) and (max-width:399px) {
    #section-kv .big-title .bottom {
        margin-top:10px
    }
}

@media (max-width: 360px) {
    #section-kv .big-title .bottom {
        margin-top:9px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-kv .big-title .bottom {
        margin-top:11px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-kv .big-title .bottom {
        margin-top:20px
    }
}

@media (min-width: 1800px) {
    #section-kv .big-title .bottom {
        margin-top:20px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-kv .big-title .bottom {
        margin-top:17px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-kv .big-title .bottom {
        margin-top:14px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-kv .big-title .bottom {
        font-size:25.152px;
        letter-spacing: 0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-kv .big-title .bottom {
        font-size:20.487px;
        letter-spacing: 0
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-kv .big-title .bottom {
        letter-spacing:0;
        font-size: 32px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-kv .big-title .bottom {
        letter-spacing:0;
        font-size: 17.776px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-kv .big-title .bottom {
        letter-spacing:0;
        font-size: 16px
    }
}

@media (max-width: 360px) {
    #section-kv .big-title .bottom {
        letter-spacing:0;
        font-size: 14.219999999999999px
    }
}

@media (min-width: 1800px) {
    #section-kv .big-title .bottom-img {
        width:306px;
        height: 32px;
        margin-top: 24px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-kv .big-title .bottom-img {
        width:257px;
        height: 27px;
        margin-top: 20px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-kv .big-title .bottom-img {
        width:209px;
        height: 22px;
        margin-top: 16px
    }
}

@media (max-width: 1023px) {
    #section-kv .big-title .bottom-img {
        margin-left:auto;
        margin-right: auto
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-kv .big-title .bottom-img {
        width:191px;
        height: 20px;
        margin-top: 12px
    }
}

@media (max-width: 360px) {
    #section-kv .big-title .bottom-img {
        width:169px;
        height: 18px;
        margin-top: 10px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-kv .big-title .bottom-img {
        width:212px;
        height: 22px;
        margin-top: 13px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-kv .big-title .bottom-img {
        width:381px;
        height: 40px;
        margin-top: 23px
    }
}

#section-kv .container-mask {
    background: -webkit-gradient(linear,left bottom,left top,from(#000),to(transparent));
    background: linear-gradient(0deg,#000 0,transparent);
    top: 0;
    left: 0;
    pointer-events: none
}

#section-kv .text1 {
    font-family: Roman-55,Helvetica Neue,Helvetica,Arial,sans-serif
}

@media (min-width: 360px) and (max-width:399px) {
    #section-kv .text1 {
        margin-top:20px
    }
}

@media (max-width: 360px) {
    #section-kv .text1 {
        margin-top:18px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-kv .text1 {
        margin-top:22px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-kv .text1 {
        margin-top:40px
    }
}

@media (min-width: 1800px) {
    #section-kv .text1 {
        margin-top:40px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-kv .text1 {
        margin-top:34px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-kv .text1 {
        margin-top:27px
    }
}

#section-kv .price {
    font-family: Roman-55,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 40px;
    letter-spacing: 0;
    line-height: 1
}

@media (min-width: 360px) and (max-width:399px) {
    #section-kv .price {
        margin-top:10px
    }
}

@media (max-width: 360px) {
    #section-kv .price {
        margin-top:9px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-kv .price {
        margin-top:11px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-kv .price {
        margin-top:20px
    }
}

@media (min-width: 1800px) {
    #section-kv .price {
        margin-top:20px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-kv .price {
        margin-top:17px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-kv .price {
        margin-top:14px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-kv .price {
        font-size:33.536px;
        letter-spacing: 0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-kv .price {
        font-size:27.316px;
        letter-spacing: 0
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-kv .price {
        letter-spacing:0;
        font-size: 48px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-kv .price {
        letter-spacing:0;
        font-size: 26.664px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-kv .price {
        letter-spacing:0;
        font-size: 24px
    }
}

@media (max-width: 360px) {
    #section-kv .price {
        letter-spacing:0;
        font-size: 21.33px
    }
}

#section-kv .last {
    opacity: 0;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear
}

@media (min-width: 1800px) {
    #section-kv .developed {
        width:255px;
        height: 60px;
        margin-top: 222px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-kv .developed {
        width:214px;
        height: 50px;
        margin-top: 186px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-kv .developed {
        width:174px;
        height: 41px;
        margin-top: 152px
    }
}

@media (max-width: 1023px) {
    #section-kv .developed {
        width:100vw;
        height: 22.67vw;
        opacity: 0;
        -webkit-transition: opacity 1.5s linear;
        transition: opacity 1.5s linear;
        z-index: 1
    }

    #section-kv .developed.show {
        opacity: 1
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-kv .developed {
        left:0;
        bottom: 0
    }
}

@media (max-width: 360px) {
    #section-kv .developed {
        left:0;
        bottom: 0
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-kv .developed {
        left:0;
        bottom: 0
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-kv .developed {
        left:0;
        bottom: 0
    }
}

@media (min-width: 1800px) {
    #section-kv .developed img {
        width:255px;
        height: 60px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-kv .developed img {
        width:214px;
        height: 50px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-kv .developed img {
        width:174px;
        height: 41px
    }
}

@media (max-width: 1023px) {
    #section-kv .developed img {
        width:100%;
        height: auto
    }
}

#section-kv .developed .develop-mask {
    top: 0;
    background: -webkit-gradient(linear,left top,right top,color-stop(33%,#000),color-stop(67%,transparent));
    background: linear-gradient(90deg,#000 33%,transparent 67%);
    background-size: 300%;
    background-position: 0;
    -webkit-transition: background-position 1.5s linear;
    transition: background-position 1.5s linear;
    opacity: 0
}

#section-kv .developed .develop-mask.show {
    background-position: 100%
}

@media (min-width: 1800px) {
    #section-kv .wrapper {
        width:580px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-kv .wrapper {
        width:486px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-kv .wrapper {
        width:396px
    }
}

@media (max-width: 1023px) {
    #section-kv .wrapper {
        height:auto
    }
}

#section-kv .wrapper-mask {
    top: 0;
    background: -webkit-gradient(linear,left top,right bottom,color-stop(40%,transparent),color-stop(50%),color-stop(60%,#000));
    background: linear-gradient(to right bottom,transparent 40%,50%,#000 60%);
    background-size: 300% 300%;
    background-position: 100% 100%;
    -webkit-transition: background-position 1.5s ease;
    transition: background-position 1.5s ease
}

@media (max-width: 1023px) {
    #section-kv .wrapper-mask {
        background:radial-gradient(circle at 50% 0,transparent 25%,40%,#000 55%);
        -webkit-transition: background-position 1s ease;
        transition: background-position 1s ease;
        background-position: 50% 100%;
        background-size: 400% 400%
    }
}

#section-kv .wrapper-mask.show {
    background-position: 0 0
}

@media (max-width: 1023px) {
    #section-kv .wrapper-mask.show {
        background-position:50% 0
    }
}

#section-kv .g--container {
    display: -webkit-box;
    display: flex
}

@media (min-width: 1800px) {
    #section-kv .g--container {
        width:1920px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-kv .g--container {
        width:1610px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-kv .g--container {
        width:1311px
    }
}

@media (max-width: 1023px) {
    #section-kv .g--container {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        height: auto
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-kv .video-box {
        margin-top:24px;
        margin-left: 65px;
        width: 400px
    }
}

@media (max-width: 360px) {
    #section-kv .video-box {
        margin-top:21px;
        margin-left: 57px;
        width: 356px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-kv .video-box {
        margin-top:27px;
        margin-left: 72px;
        width: 444px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-kv .video-box {
        margin-top:48px;
        margin-left: 129px;
        width: 800px
    }
}

@media (min-width: 1800px) {
    #section-kv .video-box {
        margin-top:80px;
        width: 1040px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-kv .video-box {
        margin-top:67px;
        width: 872px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-kv .video-box {
        margin-top:55px;
        width: 710px
    }
}

#section-kv .open-pc {
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top
}

#section-ksp .industry-module {
    height: 120vh;
    height: calc(120*var(--vh, 1vh))
}

@media (min-width: 360px) and (max-width:399px) {
    #section-ksp .industry-module .sticky {
        padding-top:77px
    }
}

@media (max-width: 360px) {
    #section-ksp .industry-module .sticky {
        padding-top:68px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-ksp .industry-module .sticky {
        padding-top:86px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-ksp .industry-module .sticky {
        padding-top:154px
    }
}

@media (min-width: 1800px) {
    #section-ksp .industry-module .sticky {
        padding-top:160px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-ksp .industry-module .sticky {
        padding-top:134px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-ksp .industry-module .sticky {
        padding-top:109px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-ksp .industry-module .title {
        margin-bottom:30px
    }
}

@media (max-width: 360px) {
    #section-ksp .industry-module .title {
        margin-bottom:27px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-ksp .industry-module .title {
        margin-bottom:33px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-ksp .industry-module .title {
        margin-bottom:60px
    }
}

@media (min-width: 1800px) {
    #section-ksp .industry-module .title {
        margin-bottom:30px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-ksp .industry-module .title {
        margin-bottom:25px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-ksp .industry-module .title {
        margin-bottom:20px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-ksp .industry-module .btn-groups {
        margin-top:60px
    }
}

@media (max-width: 360px) {
    #section-ksp .industry-module .btn-groups {
        margin-top:53px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-ksp .industry-module .btn-groups {
        margin-top:67px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-ksp .industry-module .btn-groups {
        margin-top:120px
    }
}

@media (min-width: 1800px) {
    #section-ksp .industry-module .btn-groups {
        margin-top:80px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-ksp .industry-module .btn-groups {
        margin-top:67px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-ksp .industry-module .btn-groups {
        margin-top:55px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-ksp .industry-module .btn-groups .flex {
        margin-right:30px
    }
}

@media (max-width: 360px) {
    #section-ksp .industry-module .btn-groups .flex {
        margin-right:27px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-ksp .industry-module .btn-groups .flex {
        margin-right:33px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-ksp .industry-module .btn-groups .flex {
        margin-right:60px
    }
}

@media (min-width: 1800px) {
    #section-ksp .industry-module .btn-groups .flex {
        margin-right:60px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-ksp .industry-module .btn-groups .flex {
        margin-right:50px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-ksp .industry-module .btn-groups .flex {
        margin-right:41px
    }
}

#section-ksp .industry-module .industry-mask {
    top: 0;
    left: 0;
    pointer-events: none;
    height: calc(100vh + 2px);
    height: calc(100*var(--vh, 1vh) + 2px);
    top: -1px
}

#section-ksp .flagship-module {
    height: 140vh;
    height: calc(140*var(--vh, 1vh))
}

#section-ksp .flagship-module .g--container {
    overflow: hidden;
    height: 100vh;
    height: calc(100*var(--vh, 1vh))
}

@media (min-width: 1800px) {
    #section-ksp .flagship-module .g--container {
        width:1326px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-ksp .flagship-module .g--container {
        width:1112px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-ksp .flagship-module .g--container {
        width:906px
    }
}

#section-ksp .flagship-module .g--container>.img {
    left: 0;
    height: auto
}

@media (min-width: 1800px) {
    #section-ksp .flagship-module .g--container>.img {
        top:135px;
        width: 760px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-ksp .flagship-module .g--container>.img {
        top:113px;
        width: 637px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-ksp .flagship-module .g--container>.img {
        top:92px;
        width: 519px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-ksp .flagship-module .g--container>.img {
        width:274px;
        left: 36px
    }
}

@media (max-width: 360px) {
    #section-ksp .flagship-module .g--container>.img {
        width:244px;
        left: 32px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-ksp .flagship-module .g--container>.img {
        width:304px;
        left: 40px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-ksp .flagship-module .g--container>.img {
        width:548px;
        left: 72px
    }
}

#section-ksp .flagship-module .g--container .img-mask {
    background: -webkit-gradient(linear,left top,right top,from(#000),color-stop(15.3194%),color-stop(30%,transparent),color-stop(58.588%),to(#000));
    background: linear-gradient(90deg,#000 0,15.3194%,transparent 30%,58.588%,#000)
}

@media (min-width: 360px) and (max-width:399px) {
    #section-ksp .flagship-module .g--container .content {
        padding-top:50px
    }
}

@media (max-width: 360px) {
    #section-ksp .flagship-module .g--container .content {
        padding-top:44px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-ksp .flagship-module .g--container .content {
        padding-top:56px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-ksp .flagship-module .g--container .content {
        padding-top:100px
    }
}

@media (min-width: 1800px) {
    #section-ksp .flagship-module .g--container .content {
        margin-left:663px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-ksp .flagship-module .g--container .content {
        margin-left:556px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-ksp .flagship-module .g--container .content {
        margin-left:453px
    }
}

@media (max-width: 1023px) {
    #section-ksp .flagship-module .g--container .content {
        height:auto
    }
}

#section-ksp .flagship-module .g--container .content .wrapper {
    z-index: 9
}

@media (min-width: 360px) and (max-width:399px) {
    #section-ksp .flagship-module .g--container .content>.wrapper>.text {
        margin-top:20px
    }
}

@media (max-width: 360px) {
    #section-ksp .flagship-module .g--container .content>.wrapper>.text {
        margin-top:18px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-ksp .flagship-module .g--container .content>.wrapper>.text {
        margin-top:22px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-ksp .flagship-module .g--container .content>.wrapper>.text {
        margin-top:40px
    }
}

@media (min-width: 1800px) {
    #section-ksp .flagship-module .g--container .content>.wrapper>.text {
        margin-top:40px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-ksp .flagship-module .g--container .content>.wrapper>.text {
        margin-top:34px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-ksp .flagship-module .g--container .content>.wrapper>.text {
        margin-top:27px
    }
}

#section-ksp .flagship-module .g--container .content>.wrapper>.title {
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    background-image: radial-gradient(ellipse at 60% 0,#fff 0,30%,hsla(0,0%,100%,0) 100%)
}

@media (min-width: 360px) and (max-width:399px) {
    #section-ksp .flagship-module .g--container .content .btn-groups {
        margin-top:20px
    }
}

@media (max-width: 360px) {
    #section-ksp .flagship-module .g--container .content .btn-groups {
        margin-top:18px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-ksp .flagship-module .g--container .content .btn-groups {
        margin-top:22px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-ksp .flagship-module .g--container .content .btn-groups {
        margin-top:40px
    }
}

@media (min-width: 1800px) {
    #section-ksp .flagship-module .g--container .content .btn-groups {
        margin-top:40px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-ksp .flagship-module .g--container .content .btn-groups {
        margin-top:34px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-ksp .flagship-module .g--container .content .btn-groups {
        margin-top:27px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-ksp .flagship-module .g--container .content .btn-groups .btn {
        margin-bottom:15px
    }
}

@media (max-width: 360px) {
    #section-ksp .flagship-module .g--container .content .btn-groups .btn {
        margin-bottom:13px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-ksp .flagship-module .g--container .content .btn-groups .btn {
        margin-bottom:17px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-ksp .flagship-module .g--container .content .btn-groups .btn {
        margin-bottom:30px
    }
}

@media (min-width: 1800px) {
    #section-ksp .flagship-module .g--container .content .btn-groups .btn {
        margin-top:20px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-ksp .flagship-module .g--container .content .btn-groups .btn {
        margin-top:17px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-ksp .flagship-module .g--container .content .btn-groups .btn {
        margin-top:14px
    }
}

#section-ksp .flagship-module .g--container .phone-mask {
    bottom: 0;
    background: linear-gradient(115deg,#000,13%,transparent 20%,transparent 35%,55%,#000 80%)
}

@media (min-width: 360px) and (max-width:399px) {
    #section-ksp .flagship-module .g--container .phone-mask {
        height:calc(100vh - 330px);
        height: calc(100*var(--vh, 1vh) - 330px);
        width: 320px
    }
}

@media (max-width: 360px) {
    #section-ksp .flagship-module .g--container .phone-mask {
        height:calc(100vh - 293px);
        height: calc(100*var(--vh, 1vh) - 293px);
        width: 284px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-ksp .flagship-module .g--container .phone-mask {
        height:calc(100vh - 367px);
        height: calc(100*var(--vh, 1vh) - 367px);
        width: 356px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-ksp .flagship-module .g--container .phone-mask {
        height:calc(100vh - 660px);
        height: calc(100*var(--vh, 1vh) - 660px);
        width: 640px
    }
}

#section-ksp .flagship-module .flagship-mask {
    z-index: 10;
    top: 0;
    left: 0;
    pointer-events: none;
    background: -webkit-gradient(linear,left bottom,left top,from(#000),to(transparent));
    background: linear-gradient(0deg,#000 0,transparent)
}

.g--pop-page.ambassador-page .header .header-bg {
    width: 100%
}

.g--pop-page.ambassador-page .header .header-text {
    background: rgba(0,0,0,.6);
    width: 100;
    top: 0;
    left: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center
}

@media (min-width: 1800px) {
    .g--pop-page.ambassador-page .header .header-text {
        margin-top:100px;
        margin-bottom: 80px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page.ambassador-page .header .header-text {
        margin-top:84px;
        margin-bottom: 67px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page.ambassador-page .header .header-text {
        margin-top:68px;
        margin-bottom: 55px
    }
}

@media (max-width: 1023px) {
    .g--pop-page.ambassador-page .header .header-text {
        -webkit-box-pack:start;
        justify-content: flex-start;
        height: auto
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .g--pop-page.ambassador-page .header .header-text {
        padding-top:80px;
        padding-bottom: 40px
    }
}

@media (max-width: 360px) {
    .g--pop-page.ambassador-page .header .header-text {
        padding-top:71px;
        padding-bottom: 36px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .g--pop-page.ambassador-page .header .header-text {
        padding-top:89px;
        padding-bottom: 44px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .g--pop-page.ambassador-page .header .header-text {
        padding-top:160px;
        padding-bottom: 80px
    }
}

.g--pop-page.ambassador-page .header .header-text .title {
    text-align: center;
    opacity: 0;
    -webkit-transition: none;
    transition: none;
    -webkit-transform: translateY(50px);
    transform: translateY(50px)
}

@media (min-width: 1800px) {
    .g--pop-page.ambassador-page .header .header-text .title {
        width:800px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page.ambassador-page .header .header-text .title {
        width:671px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page.ambassador-page .header .header-text .title {
        width:546px
    }
}

.g--pop-page.ambassador-page .header .header-text .title.show {
    opacity: 1;
    transition: opacity .6s ease-in,-webkit-transform .6s ease-in;
    -webkit-transition: opacity .6s ease-in,-webkit-transform .6s ease-in;
    transition: opacity .6s ease-in,transform .6s ease-in;
    transition: opacity .6s ease-in,transform .6s ease-in,-webkit-transform .6s ease-in;
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
    -webkit-transform: translate(0);
    transform: translate(0)
}

.g--pop-page.ambassador-page .header .header-text .flex {
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    opacity: 0;
    -webkit-transition: none;
    transition: none;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    cursor: pointer
}

@media (min-width: 1800px) {
    .g--pop-page.ambassador-page .header .header-text .flex {
        margin-top:40px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page.ambassador-page .header .header-text .flex {
        margin-top:34px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page.ambassador-page .header .header-text .flex {
        margin-top:27px
    }
}

.g--pop-page.ambassador-page .header .header-text .flex.show {
    opacity: 1;
    transition: opacity .6s ease-in,-webkit-transform .6s ease-in;
    -webkit-transition: opacity .6s ease-in,-webkit-transform .6s ease-in;
    transition: opacity .6s ease-in,transform .6s ease-in;
    transition: opacity .6s ease-in,transform .6s ease-in,-webkit-transform .6s ease-in;
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
    -webkit-transform: translate(0);
    transform: translate(0)
}

@media (min-width: 360px) and (max-width:399px) {
    .g--pop-page.ambassador-page .header .header-text .flex {
        margin-top:20px
    }
}

@media (max-width: 360px) {
    .g--pop-page.ambassador-page .header .header-text .flex {
        margin-top:18px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .g--pop-page.ambassador-page .header .header-text .flex {
        margin-top:22px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .g--pop-page.ambassador-page .header .header-text .flex {
        margin-top:40px
    }
}

.g--pop-page.ambassador-page .header .header-text .flex .flex-left {
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: 0
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page.ambassador-page .header .header-text .flex .flex-left {
        font-size:20.1216px;
        letter-spacing: 0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page.ambassador-page .header .header-text .flex .flex-left {
        font-size:16.389599999999998px;
        letter-spacing: 0
    }
}

@media (max-width: 1023px) {
    .g--pop-page.ambassador-page .header .header-text .flex .flex-left {
        font-size:16px;
        line-height: 1.2;
        letter-spacing: 0
    }
}

@media (max-width: 1023px) and (min-width:1400px) and (max-width:1799px) {
    .g--pop-page.ambassador-page .header .header-text .flex .flex-left {
        font-size:13.4144px;
        letter-spacing: 0
    }
}

@media (max-width: 1023px) and (min-width:1024px) and (max-width:1399px) {
    .g--pop-page.ambassador-page .header .header-text .flex .flex-left {
        font-size:10.9264px;
        letter-spacing: 0
    }
}

@media (min-width: 1800px) {
    .g--pop-page.ambassador-page .header .header-text .flex img {
        width:48px;
        height: 48px;
        margin-left: 15px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page.ambassador-page .header .header-text .flex img {
        width:40px;
        height: 40px;
        margin-left: 13px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page.ambassador-page .header .header-text .flex img {
        width:33px;
        height: 33px;
        margin-left: 10px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .g--pop-page.ambassador-page .header .header-text .flex img {
        width:24px;
        height: 24px;
        margin-left: 9px
    }
}

@media (max-width: 360px) {
    .g--pop-page.ambassador-page .header .header-text .flex img {
        width:21px;
        height: 21px;
        margin-left: 8px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .g--pop-page.ambassador-page .header .header-text .flex img {
        width:27px;
        height: 27px;
        margin-left: 10px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .g--pop-page.ambassador-page .header .header-text .flex img {
        width:48px;
        height: 48px;
        margin-left: 18px
    }
}

.g--pop-page.ambassador-page .header .header-mask {
    top: 0;
    left: 0;
    background: radial-gradient(at 50% 50%,transparent 0,30%,#000 50%);
    background-size: 100% 500%;
    -webkit-transition: none;
    transition: none;
    background-position: 0 100%;
    pointer-events: none
}

.g--pop-page.ambassador-page .header .header-mask.show {
    opacity: 0;
    background-position: 0 50%;
    -webkit-transition: background-position .6s linear,opacity .3s linear .3s;
    transition: background-position .6s linear,opacity .3s linear .3s
}

.g--pop-page.ambassador-page .middle {
    background: #000 !important;
    overflow: hidden;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 1800px) {
    .g--pop-page.ambassador-page .middle {
        height:2721px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page.ambassador-page .middle {
        height:2281px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page.ambassador-page .middle {
        height:1858px
    }
}

@media (max-width: 1023px) {
    .g--pop-page.ambassador-page .middle {
        height:757.13vw
    }
}

.g--pop-page.ambassador-page .middle .arts {
    opacity: 0;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    -webkit-transition: none;
    transition: none
}

.g--pop-page.ambassador-page .middle .arts.show {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: opacity .6s linear,-webkit-transform .6s linear;
    -webkit-transition: opacity .6s linear,-webkit-transform .6s linear;
    transition: opacity .6s linear,transform .6s linear;
    transition: opacity .6s linear,transform .6s linear,-webkit-transform .6s linear;
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.g--pop-page.ambassador-page .middle .img-box {
    overflow: hidden
}

@media (min-width: 1800px) {
    .g--pop-page.ambassador-page .middle .img1 {
        width:480px;
        height: 400px;
        top: 80px;
        left: -80px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page.ambassador-page .middle .img1 {
        width:402px;
        height: 335px;
        top: 67px;
        left: -67px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page.ambassador-page .middle .img1 {
        width:328px;
        height: 273px;
        top: 55px;
        left: -55px
    }
}

@media (max-width: 1023px) {
    .g--pop-page.ambassador-page .middle .img1 {
        width:87.2vw;
        top: 101.33vw;
        right: -12vw;
        z-index: 1
    }
}

@media (min-width: 1800px) {
    .g--pop-page.ambassador-page .middle .img2 {
        width:960px;
        height: 600px;
        top: 0;
        left: 480px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page.ambassador-page .middle .img2 {
        width:805px;
        height: 503px;
        top: 0;
        left: 402.5px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page.ambassador-page .middle .img2 {
        width:656px;
        height: 410px;
        top: 0;
        left: 327.5px
    }
}

@media (max-width: 1023px) {
    .g--pop-page.ambassador-page .middle .img2 {
        width:100vw;
        height: 106.67vw;
        top: 0;
        left: 0;
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

.g--pop-page.ambassador-page .middle .img3 {
    right: 0
}

@media (min-width: 1800px) {
    .g--pop-page.ambassador-page .middle .img3 {
        width:640px;
        height: 400px;
        top: 520px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page.ambassador-page .middle .img3 {
        width:537px;
        height: 335px;
        top: 436px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page.ambassador-page .middle .img3 {
        width:437px;
        height: 273px;
        top: 355px
    }
}

@media (max-width: 1023px) {
    .g--pop-page.ambassador-page .middle .img3 {
        width:87.2vw;
        top: 160vw;
        left: -12.53vw
    }
}

@media (min-width: 1800px) {
    .g--pop-page.ambassador-page .middle .img4 {
        width:800px;
        height: 600px;
        top: 760px;
        left: 76px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page.ambassador-page .middle .img4 {
        width:671px;
        height: 503px;
        top: 637px;
        left: 64px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page.ambassador-page .middle .img4 {
        width:546px;
        height: 410px;
        top: 519px;
        left: 52px
    }
}

@media (max-width: 1023px) {
    .g--pop-page.ambassador-page .middle .img4 {
        width:160vw;
        height: 96vw;
        top: 245.3vw;
        left: -30vw
    }
}

.g--pop-page.ambassador-page .middle .img5 {
    left: -84prx
}

@media (min-width: 1800px) {
    .g--pop-page.ambassador-page .middle .img5 {
        width:640px;
        height: 400px;
        top: 1280px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page.ambassador-page .middle .img5 {
        width:537px;
        height: 335px;
        top: 1073px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page.ambassador-page .middle .img5 {
        width:437px;
        height: 273px;
        top: 874px
    }
}

@media (max-width: 1023px) {
    .g--pop-page.ambassador-page .middle .img5 {
        width:85.3vw;
        height: 53.3vw;
        top: 336.03vw;
        left: -10.67vw
    }
}

@media (min-width: 1800px) {
    .g--pop-page.ambassador-page .middle .img6 {
        width:640px;
        height: 400px;
        top: 1720px;
        left: 160px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page.ambassador-page .middle .img6 {
        width:537px;
        height: 335px;
        top: 1442px;
        left: 134px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page.ambassador-page .middle .img6 {
        width:437px;
        height: 273px;
        top: 1175px;
        left: 109px
    }
}

@media (max-width: 1023px) {
    .g--pop-page.ambassador-page .middle .img6 {
        width:120.8vw;
        height: 53.3vw;
        top: 396.63vw;
        right: -33.6vw
    }
}

@media (max-width: 1023px) {
    .g--pop-page.ambassador-page .middle .img6 .arts {
        margin-left:-6.4vw
    }
}

@media (min-width: 1800px) {
    .g--pop-page.ambassador-page .middle .img7 {
        width:840px;
        height: 600px;
        top: 1080px;
        right: 80px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page.ambassador-page .middle .img7 {
        width:704px;
        height: 503px;
        top: 905px;
        right: 67px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page.ambassador-page .middle .img7 {
        width:574px;
        height: 410px;
        top: 738px;
        right: 55px
    }
}

@media (max-width: 1023px) {
    .g--pop-page.ambassador-page .middle .img7 {
        width:217.33vw;
        height: 106.67vw;
        top: 469.33vw;
        left: -55.73vw
    }
}

@media (min-width: 1800px) {
    .g--pop-page.ambassador-page .middle .img8 {
        width:480px;
        height: 640px;
        top: 1602px;
        right: -160px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page.ambassador-page .middle .img8 {
        width:402px;
        height: 537px;
        top: 1343px;
        right: -134px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page.ambassador-page .middle .img8 {
        width:328px;
        height: 437px;
        top: 1094px;
        right: -109px
    }
}

@media (max-width: 1023px) {
    .g--pop-page.ambassador-page .middle .img8 {
        width:62.4vw;
        top: 574.33vw;
        right: 0
    }
}

@media (min-width: 1800px) {
    .g--pop-page.ambassador-page .middle .img9 {
        width:480px;
        height: 640px;
        top: 1841px;
        right: 360px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page.ambassador-page .middle .img9 {
        width:402px;
        height: 537px;
        top: 1543px;
        right: 302px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page.ambassador-page .middle .img9 {
        width:328px;
        height: 437px;
        top: 1257px;
        right: 246px
    }
}

@media (max-width: 1023px) {
    .g--pop-page.ambassador-page .middle .img9 {
        width:62.4vw;
        top: 651.46vw;
        left: 0
    }
}

.g--pop-page.ambassador-page .middle .img-mask {
    top: 0;
    left: 0;
    background: radial-gradient(transparent 40%,60%,#000 80%);
    opacity: 1;
    -webkit-transition: opacity .6s linear;
    transition: opacity .6s linear
}

.g--pop-page.ambassador-page .middle .img-mask.show {
    opacity: 0;
    -webkit-transition: opacity .6s linear;
    transition: opacity .6s linear
}

.g--pop-page.ambassador-page .middle .author-box {
    opacity: 0;
    -webkit-transition: none;
    transition: none;
    -webkit-transform: translateY(50px);
    transform: translateY(50px)
}

@media (min-width: 1800px) {
    .g--pop-page.ambassador-page .middle .author-box {
        width:560px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page.ambassador-page .middle .author-box {
        width:470px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page.ambassador-page .middle .author-box {
        width:382px
    }
}

.g--pop-page.ambassador-page .middle .author-box.show {
    opacity: 1;
    transition: opacity .6s ease-in,-webkit-transform .6s ease-in;
    -webkit-transition: opacity .6s ease-in,-webkit-transform .6s ease-in;
    transition: opacity .6s ease-in,transform .6s ease-in;
    transition: opacity .6s ease-in,transform .6s ease-in,-webkit-transform .6s ease-in;
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
    -webkit-transform: translate(0);
    transform: translate(0)
}

@media (max-width: 1023px) {
    .g--pop-page.ambassador-page .middle .author-box {
        width:87.2vw;
        left: 6.4vw
    }
}

.g--pop-page.ambassador-page .middle .author-box .title {
    text-align: left;
    font-size: 40px;
    line-height: 1;
    letter-spacing: 0
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page.ambassador-page .middle .author-box .title {
        font-size:33.536px;
        letter-spacing: 0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page.ambassador-page .middle .author-box .title {
        font-size:27.316px;
        letter-spacing: 0
    }
}

@media (max-width: 1023px) {
    .g--pop-page.ambassador-page .middle .author-box .title {
        font-size:24px;
        line-height: 1;
        letter-spacing: 0
    }
}

@media (max-width: 1023px) and (min-width:1400px) and (max-width:1799px) {
    .g--pop-page.ambassador-page .middle .author-box .title {
        font-size:20.1216px;
        letter-spacing: 0
    }
}

@media (max-width: 1023px) and (min-width:1024px) and (max-width:1399px) {
    .g--pop-page.ambassador-page .middle .author-box .title {
        font-size:16.389599999999998px;
        letter-spacing: 0
    }
}

.g--pop-page.ambassador-page .middle .author-box .description {
    text-align: left;
    font-size: 18px;
    line-height: 1;
    letter-spacing: 0;
    color: #b3b3b3
}

@media (min-width: 1800px) {
    .g--pop-page.ambassador-page .middle .author-box .description {
        margin-top:20px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page.ambassador-page .middle .author-box .description {
        margin-top:17px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page.ambassador-page .middle .author-box .description {
        margin-top:14px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page.ambassador-page .middle .author-box .description {
        font-size:15.0912px;
        letter-spacing: 0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page.ambassador-page .middle .author-box .description {
        font-size:12.2922px;
        letter-spacing: 0
    }
}

@media (max-width: 1023px) {
    .g--pop-page.ambassador-page .middle .author-box .description {
        font-size:14px;
        line-height: 1;
        letter-spacing: 0
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .g--pop-page.ambassador-page .middle .author-box .description {
        margin-top:10px
    }
}

@media (max-width: 360px) {
    .g--pop-page.ambassador-page .middle .author-box .description {
        margin-top:9px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .g--pop-page.ambassador-page .middle .author-box .description {
        margin-top:11px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .g--pop-page.ambassador-page .middle .author-box .description {
        margin-top:20px
    }
}

@media (max-width: 1023px) and (min-width:1400px) and (max-width:1799px) {
    .g--pop-page.ambassador-page .middle .author-box .description {
        font-size:11.7376px;
        letter-spacing: 0
    }
}

@media (max-width: 1023px) and (min-width:1024px) and (max-width:1399px) {
    .g--pop-page.ambassador-page .middle .author-box .description {
        font-size:9.560599999999999px;
        letter-spacing: 0
    }
}

.g--pop-page.ambassador-page .middle .author-box .flex {
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer
}

@media (min-width: 1800px) {
    .g--pop-page.ambassador-page .middle .author-box .flex {
        margin-top:20px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page.ambassador-page .middle .author-box .flex {
        margin-top:17px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page.ambassador-page .middle .author-box .flex {
        margin-top:14px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .g--pop-page.ambassador-page .middle .author-box .flex {
        margin-top:20px
    }
}

@media (max-width: 360px) {
    .g--pop-page.ambassador-page .middle .author-box .flex {
        margin-top:18px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .g--pop-page.ambassador-page .middle .author-box .flex {
        margin-top:22px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .g--pop-page.ambassador-page .middle .author-box .flex {
        margin-top:40px
    }
}

.g--pop-page.ambassador-page .middle .author-box .flex .text {
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: 0
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page.ambassador-page .middle .author-box .flex .text {
        font-size:20.1216px;
        letter-spacing: 0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page.ambassador-page .middle .author-box .flex .text {
        font-size:16.389599999999998px;
        letter-spacing: 0
    }
}

@media (max-width: 1023px) {
    .g--pop-page.ambassador-page .middle .author-box .flex .text {
        font-size:16px;
        line-height: 1.2;
        letter-spacing: 0
    }
}

@media (max-width: 1023px) and (min-width:1400px) and (max-width:1799px) {
    .g--pop-page.ambassador-page .middle .author-box .flex .text {
        font-size:13.4144px;
        letter-spacing: 0
    }
}

@media (max-width: 1023px) and (min-width:1024px) and (max-width:1399px) {
    .g--pop-page.ambassador-page .middle .author-box .flex .text {
        font-size:10.9264px;
        letter-spacing: 0
    }
}

@media (min-width: 1800px) {
    .g--pop-page.ambassador-page .middle .author-box .flex img {
        width:48px;
        height: 48px;
        margin-left: 15px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page.ambassador-page .middle .author-box .flex img {
        width:40px;
        height: 40px;
        margin-left: 13px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page.ambassador-page .middle .author-box .flex img {
        width:33px;
        height: 33px;
        margin-left: 10px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .g--pop-page.ambassador-page .middle .author-box .flex img {
        width:24px;
        height: 24px;
        margin-left: 5px
    }
}

@media (max-width: 360px) {
    .g--pop-page.ambassador-page .middle .author-box .flex img {
        width:21px;
        height: 21px;
        margin-left: 4px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .g--pop-page.ambassador-page .middle .author-box .flex img {
        width:27px;
        height: 27px;
        margin-left: 6px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .g--pop-page.ambassador-page .middle .author-box .flex img {
        width:48px;
        height: 48px;
        margin-left: 10px
    }
}

@media (min-width: 1800px) {
    .g--pop-page.ambassador-page .middle .author1 {
        top:338px;
        left: 560px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page.ambassador-page .middle .author1 {
        top:283px;
        left: 469.5px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page.ambassador-page .middle .author1 {
        top:231px;
        left: 382.5px
    }
}

@media (max-width: 1023px) {
    .g--pop-page.ambassador-page .middle .author1 {
        top:60.26vw;
        left: 6.4vw
    }
}

@media (min-width: 1800px) {
    .g--pop-page.ambassador-page .middle .author2 {
        top:1018px;
        left: 156px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page.ambassador-page .middle .author2 {
        top:853px;
        left: 131px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page.ambassador-page .middle .author2 {
        top:695px;
        left: 107px
    }
}

@media (max-width: 1023px) {
    .g--pop-page.ambassador-page .middle .author2 {
        top:287.46vw;
        left: 6.4vw
    }
}

@media (min-width: 1800px) {
    .g--pop-page.ambassador-page .middle .author3 {
        top:1429px;
        right: 240px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page.ambassador-page .middle .author3 {
        top:1198px;
        right: 201px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page.ambassador-page .middle .author3 {
        top:976px;
        right: 164px
    }
}

@media (max-width: 1023px) {
    .g--pop-page.ambassador-page .middle .author3 {
        top:526.66vw;
        left: 6.4vw
    }
}

.g--pop-page.ambassador-page .footer1 .footer-bg {
    width: 100%
}

.g--pop-page.ambassador-page .footer1 .footer1-text {
    width: 100%;
    top: 0;
    left: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center
}

.g--pop-page.ambassador-page .footer1 .footer1-text .title {
    text-align: center
}

@media (min-width: 1800px) {
    .g--pop-page.ambassador-page .footer1 .footer1-text .title {
        width:800px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page.ambassador-page .footer1 .footer1-text .title {
        width:671px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page.ambassador-page .footer1 .footer1-text .title {
        width:546px
    }
}

@media (max-width: 1023px) {
    .g--pop-page.ambassador-page .footer1 .footer1-text .title {
        text-align:left
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .g--pop-page.ambassador-page .footer1 .footer1-text .title {
        width:327px
    }
}

@media (max-width: 360px) {
    .g--pop-page.ambassador-page .footer1 .footer1-text .title {
        width:291px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .g--pop-page.ambassador-page .footer1 .footer1-text .title {
        width:363px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .g--pop-page.ambassador-page .footer1 .footer1-text .title {
        width:654px
    }
}

.g--pop-page.ambassador-page .footer1 .footer1-text .text {
    color: #b3b3b3;
    text-align: center
}

@media (min-width: 1800px) {
    .g--pop-page.ambassador-page .footer1 .footer1-text .text {
        width:960px;
        margin-top: 40px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page.ambassador-page .footer1 .footer1-text .text {
        width:805px;
        margin-top: 34px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page.ambassador-page .footer1 .footer1-text .text {
        width:656px;
        margin-top: 27px
    }
}

@media (max-width: 1023px) {
    .g--pop-page.ambassador-page .footer1 .footer1-text .text {
        text-align:left
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .g--pop-page.ambassador-page .footer1 .footer1-text .text {
        width:327px;
        margin-top: 20px
    }
}

@media (max-width: 360px) {
    .g--pop-page.ambassador-page .footer1 .footer1-text .text {
        width:291px;
        margin-top: 18px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .g--pop-page.ambassador-page .footer1 .footer1-text .text {
        width:363px;
        margin-top: 22px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .g--pop-page.ambassador-page .footer1 .footer1-text .text {
        width:654px;
        margin-top: 40px
    }
}

.g--pop-page.ambassador-page .footer1 .footer1-text .btn {
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer
}

@media (min-width: 1800px) {
    .g--pop-page.ambassador-page .footer1 .footer1-text .btn {
        margin-top:40px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page.ambassador-page .footer1 .footer1-text .btn {
        margin-top:34px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page.ambassador-page .footer1 .footer1-text .btn {
        margin-top:27px
    }
}

@media (max-width: 1023px) {
    .g--pop-page.ambassador-page .footer1 .footer1-text .btn {
        -webkit-box-pack:start;
        justify-content: flex-start
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .g--pop-page.ambassador-page .footer1 .footer1-text .btn {
        margin-top:20px;
        width: 327px
    }
}

@media (max-width: 360px) {
    .g--pop-page.ambassador-page .footer1 .footer1-text .btn {
        margin-top:18px;
        width: 291px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .g--pop-page.ambassador-page .footer1 .footer1-text .btn {
        margin-top:22px;
        width: 363px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .g--pop-page.ambassador-page .footer1 .footer1-text .btn {
        margin-top:40px;
        width: 654px
    }
}

.g--pop-page.ambassador-page .footer1 .footer1-text .btn .flex-left {
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: 0
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page.ambassador-page .footer1 .footer1-text .btn .flex-left {
        font-size:20.1216px;
        letter-spacing: 0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page.ambassador-page .footer1 .footer1-text .btn .flex-left {
        font-size:16.389599999999998px;
        letter-spacing: 0
    }
}

@media (max-width: 1023px) {
    .g--pop-page.ambassador-page .footer1 .footer1-text .btn .flex-left {
        font-size:16px;
        line-height: 1.2;
        letter-spacing: 0
    }
}

@media (max-width: 1023px) and (min-width:1400px) and (max-width:1799px) {
    .g--pop-page.ambassador-page .footer1 .footer1-text .btn .flex-left {
        font-size:13.4144px;
        letter-spacing: 0
    }
}

@media (max-width: 1023px) and (min-width:1024px) and (max-width:1399px) {
    .g--pop-page.ambassador-page .footer1 .footer1-text .btn .flex-left {
        font-size:10.9264px;
        letter-spacing: 0
    }
}

@media (min-width: 1800px) {
    .g--pop-page.ambassador-page .footer1 .footer1-text .btn img {
        width:48px;
        height: 48px;
        margin-left: 15px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page.ambassador-page .footer1 .footer1-text .btn img {
        width:40px;
        height: 40px;
        margin-left: 13px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page.ambassador-page .footer1 .footer1-text .btn img {
        width:33px;
        height: 33px;
        margin-left: 10px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .g--pop-page.ambassador-page .footer1 .footer1-text .btn img {
        width:24px;
        height: 24px;
        margin-left: 9px
    }
}

@media (max-width: 360px) {
    .g--pop-page.ambassador-page .footer1 .footer1-text .btn img {
        width:21px;
        height: 21px;
        margin-left: 8px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .g--pop-page.ambassador-page .footer1 .footer1-text .btn img {
        width:27px;
        height: 27px;
        margin-left: 10px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .g--pop-page.ambassador-page .footer1 .footer1-text .btn img {
        width:48px;
        height: 48px;
        margin-left: 18px
    }
}

.g--pop-page.ambassador-page .footer1 .footer-mask {
    top: 0;
    left: 0;
    background: transparent;
    background-size: 100% 500%;
    -webkit-transition: opacity 1;
    transition: opacity 1;
    -webkit-transition: background-position .6s linear,opacity .3s linear .3s;
    transition: background-position .6s linear,opacity .3s linear .3s;
    background-position: 0 0;
    pointer-events: none
}

.g--pop-page.ambassador-page .footer1 .footer-mask.show {
    opacity: 0;
    background-position: 0 50%
}

.g--pop-page.ambassador-page .scroll-mask {
    position: fixed;
    width: 100vw;
    height: 57.07vw;
    top: 0;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(43.92%,#000),to(transparent));
    background: linear-gradient(180deg,#000 43.92%,transparent);
    pointer-events: none;
    opacity: 0;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear
}

.g--pop-page.ambassador-page .close {
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center
}

@media (min-width: 1800px) {
    .g--pop-page.ambassador-page .close {
        top:128px;
        left: 210px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page.ambassador-page .close {
        top:107px;
        left: 176px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page.ambassador-page .close {
        top:87px;
        left: 143px
    }
}

@media (max-width: 1023px) {
    .g--pop-page.ambassador-page .close {
        position:fixed;
        height: auto
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .g--pop-page.ambassador-page .close {
        top:24px;
        left: 24px
    }
}

@media (max-width: 360px) {
    .g--pop-page.ambassador-page .close {
        top:21px;
        left: 21px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .g--pop-page.ambassador-page .close {
        top:27px;
        left: 27px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .g--pop-page.ambassador-page .close {
        top:48px;
        left: 48px
    }
}

@media (min-width: 1800px) {
    .g--pop-page.ambassador-page .close .back-left {
        width:20px;
        height: 20px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page.ambassador-page .close .back-left {
        width:17px;
        height: 17px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page.ambassador-page .close .back-left {
        width:14px;
        height: 14px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page.ambassador-page .close .back-left {
        width:16px;
        height: 16px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .g--pop-page.ambassador-page .close .back-left {
        width:12px;
        height: 12px
    }
}

@media (max-width: 360px) {
    .g--pop-page.ambassador-page .close .back-left {
        width:11px;
        height: 11px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .g--pop-page.ambassador-page .close .back-left {
        width:13px;
        height: 13px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .g--pop-page.ambassador-page .close .back-left {
        width:24px;
        height: 24px
    }
}

.g--pop-page.ambassador-page .close .back-right {
    font-size: 18px;
    line-height: 1;
    letter-spacing: 0
}

@media (min-width: 1800px) {
    .g--pop-page.ambassador-page .close .back-right {
        margin-left:20px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page.ambassador-page .close .back-right {
        margin-left:17px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page.ambassador-page .close .back-right {
        margin-left:14px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page.ambassador-page .close .back-right {
        font-size:15.0912px;
        letter-spacing: 0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page.ambassador-page .close .back-right {
        font-size:12.2922px;
        letter-spacing: 0
    }
}

@media (max-width: 1023px) {
    .g--pop-page.ambassador-page .close .back-right {
        font-size:16px;
        line-height: 1;
        letter-spacing: 0
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .g--pop-page.ambassador-page .close .back-right {
        margin-left:16px
    }
}

@media (max-width: 360px) {
    .g--pop-page.ambassador-page .close .back-right {
        margin-left:14px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .g--pop-page.ambassador-page .close .back-right {
        margin-left:18px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .g--pop-page.ambassador-page .close .back-right {
        margin-left:32px
    }
}

@media (max-width: 1023px) and (min-width:1400px) and (max-width:1799px) {
    .g--pop-page.ambassador-page .close .back-right {
        font-size:13.4144px;
        letter-spacing: 0
    }
}

@media (max-width: 1023px) and (min-width:1024px) and (max-width:1399px) {
    .g--pop-page.ambassador-page .close .back-right {
        font-size:10.9264px;
        letter-spacing: 0
    }
}

.g--pop-page.gallery {
    height: 100vh;
    height: calc(100*var(--vh, 1vh))
}

.g--pop-page.gallery .rel {
    z-index: 0
}

#section-color {
    z-index: 2
}

#section-color .sticky-container {
    height: 200vh;
    height: calc(200*var(--vh, 1vh))
}

@media (max-width: 1023px) {
    #section-color .sticky-container {
        height:300vh;
        height: calc(300*var(--vh, 1vh))
    }
}

#section-color .sticky-container .sticky {
    overflow: hidden
}

@media (max-width: 1023px) {
    #section-color .sticky-container .sticky {
        height:auto
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-color .sticky-container .sticky {
        padding-top:50px
    }
}

@media (max-width: 360px) {
    #section-color .sticky-container .sticky {
        padding-top:44px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-color .sticky-container .sticky {
        padding-top:56px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-color .sticky-container .sticky {
        padding-top:100px
    }
}

@media (min-width: 1800px) {
    #section-color .sticky-container .g--container {
        width:1280px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-color .sticky-container .g--container {
        width:1073px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-color .sticky-container .g--container {
        width:874px
    }
}

@media (max-width: 1023px) {
    #section-color .sticky-container .g--container {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        height: auto
    }

    #section-color .sticky-container .g--container .center-ver {
        height: auto
    }

    #section-color .sticky-container .g--container .trans {
        margin: auto
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-color .sticky-container .g--container .trans {
        margin-top:24px
    }
}

@media (max-width: 360px) {
    #section-color .sticky-container .g--container .trans {
        margin-top:21px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-color .sticky-container .g--container .trans {
        margin-top:27px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-color .sticky-container .g--container .trans {
        margin-top:48px
    }
}

#section-color .sticky-container .frame {
    top: 0
}

#section-color .sticky-container .interface {
    bottom: 20px;
    opacity: 0;
    -webkit-transition: opacity .5s linear;
    transition: opacity .5s linear
}

@media (min-width: 360px) and (max-width:399px) {
    #section-color .sticky-container .interface {
        width:168px;
        height: 375px;
        left: 7px;
        bottom: 10px
    }
}

@media (max-width: 360px) {
    #section-color .sticky-container .interface {
        width:149px;
        height: 333px;
        left: 6px;
        bottom: 9px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-color .sticky-container .interface {
        width:186px;
        height: 416px;
        left: 7px;
        bottom: 11px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-color .sticky-container .interface {
        width:336px;
        height: 749px;
        left: 13px;
        bottom: 20px
    }
}

@media (min-width: 1800px) {
    #section-color .sticky-container .interface {
        width:336px;
        height: 749px;
        left: 12px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-color .sticky-container .interface {
        width:281px;
        height: 628px;
        left: 10px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-color .sticky-container .interface {
        width:229px;
        height: 512px;
        left: 8px
    }
}

#section-color .sticky-container .interface.show {
    opacity: 1
}

@media (min-width: 360px) and (max-width:399px) {
    #section-color .sticky-container .content {
        margin-top:48px
    }
}

@media (max-width: 360px) {
    #section-color .sticky-container .content {
        margin-top:43px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-color .sticky-container .content {
        margin-top:53px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-color .sticky-container .content {
        margin-top:96px
    }
}

@media (min-width: 1800px) {
    #section-color .sticky-container .content {
        width:680px;
        margin-bottom: 80px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-color .sticky-container .content {
        width:570px;
        margin-bottom: 67px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-color .sticky-container .content {
        width:464px;
        margin-bottom: 55px
    }
}

#section-color .sticky-container .content .title {
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    background-image: linear-gradient(135deg,#fff 33%,transparent 67%);
    background-size: 300% 100%;
    background-position: 100%
}

@media (max-width: 1023px) {
    #section-color .sticky-container .content .title {
        background-image:-webkit-gradient(linear,left top,right top,from(#fff),to(#fff));
        background-image: linear-gradient(90deg,#fff 0,#fff);
        background-size: 100% 100%;
        background-position: 0 0
    }
}

#section-color .sticky-container .content .grey {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    transition: opacity .5s linear,-webkit-transform .5s ease-in;
    -webkit-transition: opacity .5s linear,-webkit-transform .5s ease-in;
    transition: opacity .5s linear,transform .5s ease-in;
    transition: opacity .5s linear,transform .5s ease-in,-webkit-transform .5s ease-in;
    -webkit-transition-delay: 0;
    transition-delay: 0
}

@media (min-width: 360px) and (max-width:399px) {
    #section-color .sticky-container .content .grey {
        margin-top:20px
    }
}

@media (max-width: 360px) {
    #section-color .sticky-container .content .grey {
        margin-top:18px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-color .sticky-container .content .grey {
        margin-top:22px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-color .sticky-container .content .grey {
        margin-top:40px
    }
}

@media (min-width: 1800px) {
    #section-color .sticky-container .content .grey {
        margin-top:40px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-color .sticky-container .content .grey {
        margin-top:34px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-color .sticky-container .content .grey {
        margin-top:27px
    }
}

#section-color .sticky-container .content .grey.show {
    opacity: 1;
    transition: opacity .3s linear,-webkit-transform .3s ease-out;
    -webkit-transition: opacity .3s linear,-webkit-transform .3s ease-out;
    transition: opacity .3s linear,transform .3s ease-out;
    transition: opacity .3s linear,transform .3s ease-out,-webkit-transform .3s ease-out;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

#section-color .sticky-container .content .btn {
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    transition: opacity .5s linear,-webkit-transform .5s ease-in;
    -webkit-transition: opacity .5s linear,-webkit-transform .5s ease-in;
    transition: opacity .5s linear,transform .5s ease-in;
    transition: opacity .5s linear,transform .5s ease-in,-webkit-transform .5s ease-in;
    -webkit-transition-delay: 0;
    transition-delay: 0
}

@media (min-width: 360px) and (max-width:399px) {
    #section-color .sticky-container .content .btn {
        margin-top:20px
    }
}

@media (max-width: 360px) {
    #section-color .sticky-container .content .btn {
        margin-top:18px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-color .sticky-container .content .btn {
        margin-top:22px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-color .sticky-container .content .btn {
        margin-top:40px
    }
}

@media (min-width: 1800px) {
    #section-color .sticky-container .content .btn {
        margin-top:40px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-color .sticky-container .content .btn {
        margin-top:34px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-color .sticky-container .content .btn {
        margin-top:27px
    }
}

#section-color .sticky-container .content .btn.show {
    opacity: 1;
    transition: opacity .3s linear,-webkit-transform .3s ease-out;
    -webkit-transition: opacity .3s linear,-webkit-transform .3s ease-out;
    transition: opacity .3s linear,transform .3s ease-out;
    transition: opacity .3s linear,transform .3s ease-out,-webkit-transform .3s ease-out;
    -webkit-transition-delay: .15s;
    transition-delay: .15s;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

#section-color .sticky-container .content .btn .text {
    margin: 0
}

@media (min-width: 360px) and (max-width:399px) {
    #section-color .sticky-container .content .btn img {
        width:24px;
        height: 24px;
        margin: 0 0 0 10px
    }
}

@media (max-width: 360px) {
    #section-color .sticky-container .content .btn img {
        width:21px;
        height: 21px;
        margin: 0 0 0 9px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-color .sticky-container .content .btn img {
        width:27px;
        height: 27px;
        margin: 0 0 0 11px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-color .sticky-container .content .btn img {
        width:48px;
        height: 48px;
        margin: 0 0 0 20px
    }
}

@media (min-width: 1800px) {
    #section-color .sticky-container .content .btn img {
        width:48px;
        height: 48px;
        margin: 0 0 0 15px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-color .sticky-container .content .btn img {
        width:40px;
        height: 40px;
        margin: 0 0 0 13px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-color .sticky-container .content .btn img {
        width:33px;
        height: 33px;
        margin: 0 0 0 10px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-color .sticky-container .scale {
        width:180px;
        height: 395px;
        margin: 12px 0
    }
}

@media (max-width: 360px) {
    #section-color .sticky-container .scale {
        width:160px;
        height: 351px;
        margin: 11px 0
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-color .sticky-container .scale {
        width:200px;
        height: 439px;
        margin: 13px 0
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-color .sticky-container .scale {
        width:360px;
        height: 790px;
        margin: 24px 0
    }
}

@media (min-width: 1800px) {
    #section-color .sticky-container .scale {
        width:360px;
        height: 790px;
        margin-left: 176px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-color .sticky-container .scale {
        width:302px;
        height: 662px;
        margin-left: 148px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-color .sticky-container .scale {
        width:246px;
        height: 539px;
        margin-left: 120px
    }
}

#section-color .sticky-container .sticky-mask {
    top: -2px;
    left: 0;
    height: calc(100vh + 4px);
    height: calc(100*var(--vh, 1vh) + 4px);
    pointer-events: none
}

#section-color .scroll {
    margin-bottom: 50vh;
    margin-bottom: calc(50*var(--vh, 1vh))
}

@media (min-width: 360px) and (max-width:399px) {
    #section-color .scroll {
        margin-top:48px
    }
}

@media (max-width: 360px) {
    #section-color .scroll {
        margin-top:43px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-color .scroll {
        margin-top:53px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-color .scroll {
        margin-top:96px
    }
}

@media (min-width: 1800px) {
    #section-color .scroll {
        margin-top:calc(405px - 50vh);
        margin-top: calc(405px - 50*var(--vh, 1vh))
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-color .scroll {
        margin-top:calc(340px - 50vh);
        margin-top: calc(340px - 50*var(--vh, 1vh))
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-color .scroll {
        margin-top:calc(277px - 50vh);
        margin-top: calc(277px - 50*var(--vh, 1vh))
    }
}

@media (max-width: 1023px) {
    #section-color .scroll {
        width:100%;
        overflow: hidden
    }
}

@media (max-width: 1023px) {
    #section-color .scroll .flex {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }
}

#section-color .scroll .group {
    opacity: 0;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    transition: opacity .6s linear,-webkit-transform .6s ease-out;
    -webkit-transition: opacity .6s linear,-webkit-transform .6s ease-out;
    transition: opacity .6s linear,transform .6s ease-out;
    transition: opacity .6s linear,transform .6s ease-out,-webkit-transform .6s ease-out
}

@media (min-width: 360px) and (max-width:399px) {
    #section-color .scroll .group {
        margin-bottom:48px
    }
}

@media (max-width: 360px) {
    #section-color .scroll .group {
        margin-bottom:43px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-color .scroll .group {
        margin-bottom:53px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-color .scroll .group {
        margin-bottom:96px
    }
}

#section-color .scroll .group.show {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: opacity .6s linear,-webkit-transform .6s ease;
    -webkit-transition: opacity .6s linear,-webkit-transform .6s ease;
    transition: opacity .6s linear,transform .6s ease;
    transition: opacity .6s linear,transform .6s ease,-webkit-transform .6s ease
}

@media (min-width: 360px) and (max-width:399px) {
    #section-color .scroll .group .subtitle {
        margin-top:-10px
    }
}

@media (max-width: 360px) {
    #section-color .scroll .group .subtitle {
        margin-top:-9px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-color .scroll .group .subtitle {
        margin-top:-11px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-color .scroll .group .subtitle {
        margin-top:-20px
    }
}

@media (min-width: 1800px) {
    #section-color .scroll .group .subtitle {
        margin-top:-20px;
        margin-left: 20px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-color .scroll .group .subtitle {
        margin-top:-17px;
        margin-left: 17px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-color .scroll .group .subtitle {
        margin-top:-14px;
        margin-left: 14px
    }
}

#section-color .scroll .group .text {
    color: #fff;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 360px) and (max-width:399px) {
    #section-color .scroll .group .text {
        margin-top:10px;
        width: 327px
    }
}

@media (max-width: 360px) {
    #section-color .scroll .group .text {
        margin-top:9px;
        width: 291px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-color .scroll .group .text {
        margin-top:11px;
        width: 363px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-color .scroll .group .text {
        margin-top:20px;
        width: 654px
    }
}

@media (min-width: 1800px) {
    #section-color .scroll .group .text {
        margin-top:10px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-color .scroll .group .text {
        margin-top:8px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-color .scroll .group .text {
        margin-top:7px
    }
}

#section-color .scroll .group .group-mask {
    top: 0;
    left: 0;
    pointer-events: none;
    background: radial-gradient(transparent -200%,0,#000 100%);
    opacity: 0;
    -webkit-transition: opacity .6s linear;
    transition: opacity .6s linear
}

#section-color .scroll .group .group-mask.show {
    opacity: 1;
    -webkit-transition: opacity .6s linear;
    transition: opacity .6s linear
}

@media (max-width: 1023px) {
    #section-color .scroll .group .group-mask {
        width:100%;
        height: 100%;
        top: 0
    }
}

@media (min-width: 1800px) {
    #section-color .scroll .group1 {
        margin-left:160px;
        margin-top: -127px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-color .scroll .group1 {
        margin-left:134px;
        margin-top: -106px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-color .scroll .group1 {
        margin-left:109px;
        margin-top: -87px
    }
}

#section-color .scroll .group1 img {
    margin-left: 0
}

@media (min-width: 360px) and (max-width:399px) {
    #section-color .scroll .group1 img {
        width:328px;
        height: 214px
    }
}

@media (max-width: 360px) {
    #section-color .scroll .group1 img {
        width:292px;
        height: 190px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-color .scroll .group1 img {
        width:364px;
        height: 238px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-color .scroll .group1 img {
        width:656px;
        height: 428px
    }
}

@media (min-width: 1800px) {
    #section-color .scroll .group1 img {
        width:480px;
        height: 480px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-color .scroll .group1 img {
        width:402px;
        height: 402px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-color .scroll .group1 img {
        width:328px;
        height: 328px
    }
}

@media (min-width: 1800px) {
    #section-color .scroll .group1 .text {
        width:440px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-color .scroll .group1 .text {
        width:369px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-color .scroll .group1 .text {
        width:300px
    }
}

@media (min-width: 1800px) {
    #section-color .scroll .group2 {
        margin-left:80px;
        margin-top: 82px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-color .scroll .group2 {
        margin-left:67px;
        margin-top: 69px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-color .scroll .group2 {
        margin-left:55px;
        margin-top: 56px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-color .scroll .group2 img {
        width:328px;
        height: 214px;
        margin-left: calc(100vw - 328px)
    }
}

@media (max-width: 360px) {
    #section-color .scroll .group2 img {
        width:292px;
        height: 190px;
        margin-left: calc(100vw - 292px)
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-color .scroll .group2 img {
        width:364px;
        height: 238px;
        margin-left: calc(100vw - 364px)
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-color .scroll .group2 img {
        width:656px;
        height: 428px;
        margin-left: calc(100vw - 656px)
    }
}

@media (min-width: 1800px) {
    #section-color .scroll .group2 img {
        width:640px;
        height: 440px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-color .scroll .group2 img {
        width:537px;
        height: 369px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-color .scroll .group2 img {
        width:437px;
        height: 300px
    }
}

@media (min-width: 1800px) {
    #section-color .scroll .group2 .text {
        width:480px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-color .scroll .group2 .text {
        width:402px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-color .scroll .group2 .text {
        width:328px
    }
}

.g--pop-page.img-page .big {
    margin: auto
}

@media (min-width: 1800px) {
    .g--pop-page.img-page .big {
        height:840px;
        margin-top: calc((100vh - 840px)/2);
        margin-top: calc((100*var(--vh, 1vh) - 840px)/2)
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page.img-page .big {
        height:704px;
        margin-top: calc((100vh - 704px)/2);
        margin-top: calc((100*var(--vh, 1vh) - 704px)/2)
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page.img-page .big {
        height:574px;
        margin-top: calc((100vh - 574px)/2);
        margin-top: calc((100*var(--vh, 1vh) - 574px)/2)
    }
}

@media (min-width: 1800px) {
    .g--pop-page.img-page .close {
        top:68px;
        right: 68px;
        width: 48px;
        height: 48px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page.img-page .close {
        top:57px;
        right: 57px;
        width: 40px;
        height: 40px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page.img-page .close {
        top:46px;
        right: 46px;
        width: 33px;
        height: 33px
    }
}

#section-shoots {
    z-index: 10
}

.gallery-module {
    z-index: 2;
    margin-top: -120vh;
    margin-top: calc(-120*var(--vh, 1vh))
}

@media (min-width: 1800px) {
    .gallery-module {
        padding-bottom:160px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .gallery-module {
        padding-bottom:134px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .gallery-module {
        padding-bottom:109px
    }
}

.gallery-module .sticky-container {
    min-height: 180vh;
    min-height: calc(180*var(--vh, 1vh))
}

.gallery-module .sticky {
    overflow: hidden;
    min-height: 100vh;
    min-height: calc(100*var(--vh, 1vh));
    height: auto
}

@media (min-width: 360px) and (max-width:399px) {
    .gallery-module .sticky {
        padding-top:74px
    }
}

@media (max-width: 360px) {
    .gallery-module .sticky {
        padding-top:66px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .gallery-module .sticky {
        padding-top:82px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .gallery-module .sticky {
        padding-top:148px
    }
}

@media (min-width: 1800px) {
    .gallery-module .sticky {
        padding-top:160px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .gallery-module .sticky {
        padding-top:134px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .gallery-module .sticky {
        padding-top:109px
    }
}

.gallery-module .sticky .title {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    transition: opacity .5s linear,-webkit-transform .5s ease-in;
    -webkit-transition: opacity .5s linear,-webkit-transform .5s ease-in;
    transition: opacity .5s linear,transform .5s ease-in;
    transition: opacity .5s linear,transform .5s ease-in,-webkit-transform .5s ease-in;
    -webkit-transition-delay: 0;
    transition-delay: 0
}

@media (min-width: 360px) and (max-width:399px) {
    .gallery-module .sticky .title {
        width:327px
    }
}

@media (max-width: 360px) {
    .gallery-module .sticky .title {
        width:291px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .gallery-module .sticky .title {
        width:363px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .gallery-module .sticky .title {
        width:654px
    }
}

@media (min-width: 1800px) {
    .gallery-module .sticky .title {
        width:960px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .gallery-module .sticky .title {
        width:805px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .gallery-module .sticky .title {
        width:656px
    }
}

.gallery-module .sticky .title.show {
    opacity: 1;
    transition: opacity .6s linear,-webkit-transform .6s ease-out;
    -webkit-transition: opacity .6s linear,-webkit-transform .6s ease-out;
    transition: opacity .6s linear,transform .6s ease-out;
    transition: opacity .6s linear,transform .6s ease-out,-webkit-transform .6s ease-out;
    -webkit-transition-delay: .15s;
    transition-delay: .15s;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.gallery-module .sticky .btn {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    transition: opacity .5s linear,-webkit-transform .5s ease-in;
    -webkit-transition: opacity .5s linear,-webkit-transform .5s ease-in;
    transition: opacity .5s linear,transform .5s ease-in;
    transition: opacity .5s linear,transform .5s ease-in,-webkit-transform .5s ease-in;
    -webkit-transition-delay: 0;
    transition-delay: 0
}

@media (min-width: 360px) and (max-width:399px) {
    .gallery-module .sticky .btn {
        margin-top:20px
    }
}

@media (max-width: 360px) {
    .gallery-module .sticky .btn {
        margin-top:18px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .gallery-module .sticky .btn {
        margin-top:22px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .gallery-module .sticky .btn {
        margin-top:40px
    }
}

@media (min-width: 1800px) {
    .gallery-module .sticky .btn {
        margin-top:40px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .gallery-module .sticky .btn {
        margin-top:34px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .gallery-module .sticky .btn {
        margin-top:27px
    }
}

.gallery-module .sticky .btn.show {
    opacity: 1;
    transition: opacity .6s linear,-webkit-transform .6s ease-out;
    -webkit-transition: opacity .6s linear,-webkit-transform .6s ease-out;
    transition: opacity .6s linear,transform .6s ease-out;
    transition: opacity .6s linear,transform .6s ease-out,-webkit-transform .6s ease-out;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.gallery-module .wrap {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center
}

@media (max-width: 1023px) {
    .gallery-module .wrap {
        margin-top:calc((100vh - 600px)/2);
        margin-top: calc((100*var(--vh, 1vh) - 600px)/2)
    }
}

.gallery-module .bg .border {
    margin-top: 0;
    border: none !important;
}

.gallery-module .bg .border .watermark {
    bottom: 0;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear
}

.gallery-module .bg .text-3 {
    text-align: left
}

.gallery-module .gallery .group {
    opacity: 0;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    transition: opacity .6s linear,-webkit-transform .6s ease-out;
    -webkit-transition: opacity .6s linear,-webkit-transform .6s ease-out;
    transition: opacity .6s linear,transform .6s ease-out;
    transition: opacity .6s linear,transform .6s ease-out,-webkit-transform .6s ease-out
}

.gallery-module .gallery .group.show {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: opacity .6s linear,-webkit-transform .6s ease;
    -webkit-transition: opacity .6s linear,-webkit-transform .6s ease;
    transition: opacity .6s linear,transform .6s ease;
    transition: opacity .6s linear,transform .6s ease,-webkit-transform .6s ease
}

.gallery-module .gallery .group .group-mask {
    top: 0;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(-200%,transparent),color-stop(0),to(#000));
    background: linear-gradient(180deg,transparent -200%,0,#000);
    opacity: 0;
    -webkit-transition: opacity .6s linear;
    transition: opacity .6s linear
}

@media (min-width: 360px) and (max-width:399px) {
    .gallery-module .gallery .group .group-mask {
        top:0
    }
}

@media (max-width: 360px) {
    .gallery-module .gallery .group .group-mask {
        top:0
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .gallery-module .gallery .group .group-mask {
        top:0
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .gallery-module .gallery .group .group-mask {
        top:0
    }
}

@media (max-width: 1023px) {
    .gallery-module .gallery .group .group-mask {
        height:100%
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .gallery-module .gallery .group .group-mask {
        width:calc(100vw + 60px);
        left: -30px
    }
}

@media (max-width: 360px) {
    .gallery-module .gallery .group .group-mask {
        width:calc(100vw + 53px);
        left: -27px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .gallery-module .gallery .group .group-mask {
        width:calc(100vw + 67px);
        left: -33px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .gallery-module .gallery .group .group-mask {
        width:calc(100vw + 120px);
        left: -60px
    }
}

.gallery-module .gallery .group .group-mask.hide {
    opacity: 1;
    -webkit-transition: opacity .6s linear;
    transition: opacity .6s linear
}

@media (min-width: 360px) and (max-width:399px) {
    .gallery-module .bg {
        margin-top:20px
    }
}

@media (max-width: 360px) {
    .gallery-module .bg {
        margin-top:18px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .gallery-module .bg {
        margin-top:22px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .gallery-module .bg {
        margin-top:40px
    }
}

@media (min-width: 1800px) {
    .gallery-module .bg {
        width:1280px;
        margin-top: 100px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .gallery-module .bg {
        width:1073px;
        margin-top: 84px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .gallery-module .bg {
        width:874px;
        margin-top: 68px
    }
}

@media (max-width: 1023px) {
    .gallery-module .bg {
        width:100vw
    }
}

@media (min-width: 1800px) {
    .gallery-module .bg .border {
        width:1280px;
        height: 636px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .gallery-module .bg .border {
        width:1073px;
        height: 533px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .gallery-module .bg .border {
        width:874px;
        height: 434px
    }
}

@media (max-width: 1023px) {
    .gallery-module .bg .border {
        width:100vw;
        height: 49.632vw
    }
}

.gallery-module .bg .text-3 {
    bottom: 0!important;
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    transition: opacity .5s linear,-webkit-transform .5s ease-in;
    -webkit-transition: opacity .5s linear,-webkit-transform .5s ease-in;
    transition: opacity .5s linear,transform .5s ease-in;
    transition: opacity .5s linear,transform .5s ease-in,-webkit-transform .5s ease-in;
    -webkit-transition-delay: 0;
    transition-delay: 0
}

@media (min-width: 360px) and (max-width:399px) {
    .gallery-module .bg .text-3 {
        left:24px
    }
}

@media (max-width: 360px) {
    .gallery-module .bg .text-3 {
        left:21px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .gallery-module .bg .text-3 {
        left:27px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .gallery-module .bg .text-3 {
        left:48px
    }
}

.gallery-module .bg .text-3.show {
    opacity: 1;
    transition: opacity .6s linear,-webkit-transform .6s ease-out;
    -webkit-transition: opacity .6s linear,-webkit-transform .6s ease-out;
    transition: opacity .6s linear,transform .6s ease-out;
    transition: opacity .6s linear,transform .6s ease-out,-webkit-transform .6s ease-out;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

@media (min-width: 1800px) {
    .gallery-module .g--container {
        width:1280px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .gallery-module .g--container {
        width:1073px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .gallery-module .g--container {
        width:874px
    }
}

@media (min-width: 1440px) and (max-height:899px) {
    .gallery-module .g--container {
        margin-top:calc(800px - 100vh);
        margin-top: calc(800px - 100*var(--vh, 1vh))
    }
}

@media (min-width: 2400px) {
    .gallery-module .g--container {
        margin-top:-300px
    }
}

@media (max-width: 1023px) {
    .gallery-module .g--container {
        width:100%;
        overflow: hidden
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .gallery-module .g--container {
        margin-top:calc(338px - 95vh);
        margin-top: calc(338px - 95*var(--vh, 1vh))
    }
}

@media (max-width: 360px) {
    .gallery-module .g--container {
        margin-top:calc(300px - 95vh);
        margin-top: calc(300px - 95*var(--vh, 1vh))
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .gallery-module .g--container {
        margin-top:calc(375px - 95vh);
        margin-top: calc(375px - 95*var(--vh, 1vh))
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .gallery-module .g--container {
        margin-top:calc(675px - 95vh);
        margin-top: calc(675px - 95*var(--vh, 1vh))
    }
}

.gallery-module .group-1 {
    margin-left: 0
}

@media (min-width: 360px) and (max-width:399px) {
    .gallery-module .group-1 {
        margin-top:50px
    }
}

@media (max-width: 360px) {
    .gallery-module .group-1 {
        margin-top:44px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .gallery-module .group-1 {
        margin-top:56px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .gallery-module .group-1 {
        margin-top:100px
    }
}

@media (min-width: 1800px) {
    .gallery-module .group-1 {
        width:480px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .gallery-module .group-1 {
        width:402px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .gallery-module .group-1 {
        width:328px
    }
}

.zn--wrapper .border {
    border: none !important;
}

@media (min-width: 360px) and (max-width:399px) {
    .gallery-module .group-1 .border {
        width:210px;
        height: 280px
    }
}

@media (max-width: 360px) {
    .gallery-module .group-1 .border {
        width:187px;
        height: 249px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .gallery-module .group-1 .border {
        width:233px;
        height: 311px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .gallery-module .group-1 .border {
        width:420px;
        height: 560px
    }
}

@media (min-width: 1800px) {
    .gallery-module .group-1 .border {
        width:480px;
        height: 640px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .gallery-module .group-1 .border {
        width:402px;
        height: 537px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .gallery-module .group-1 .border {
        width:328px;
        height: 437px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .gallery-module .group-1 .text-3 {
        left:24px
    }
}

@media (max-width: 360px) {
    .gallery-module .group-1 .text-3 {
        left:21px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .gallery-module .group-1 .text-3 {
        left:27px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .gallery-module .group-1 .text-3 {
        left:48px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .gallery-module .group-2 {
        margin-top:40px;
        margin-left: calc(100vw - 210px)
    }
}

@media (max-width: 360px) {
    .gallery-module .group-2 {
        margin-top:36px;
        margin-left: calc(100vw - 187px)
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .gallery-module .group-2 {
        margin-top:44px;
        margin-left: calc(100vw - 233px)
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .gallery-module .group-2 {
        margin-top:80px;
        margin-left: calc(100vw - 420px)
    }
}

@media (min-width: 1800px) {
    .gallery-module .group-2 {
        margin-top:-588px;
        margin-left: 800px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .gallery-module .group-2 {
        margin-top:-493px;
        margin-left: 671px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .gallery-module .group-2 {
        margin-top:-402px;
        margin-left: 546px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .gallery-module .group-2 .border {
        width:210px;
        height: 280px
    }
}

@media (max-width: 360px) {
    .gallery-module .group-2 .border {
        width:187px;
        height: 249px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .gallery-module .group-2 .border {
        width:233px;
        height: 311px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .gallery-module .group-2 .border {
        width:420px;
        height: 560px
    }
}

@media (min-width: 1800px) {
    .gallery-module .group-2 .border {
        width:480px;
        height: 640px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .gallery-module .group-2 .border {
        width:402px;
        height: 537px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .gallery-module .group-2 .border {
        width:328px;
        height: 437px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .gallery-module .group-2 .text-3 {
        left:-24px
    }
}

@media (max-width: 360px) {
    .gallery-module .group-2 .text-3 {
        left:-21px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .gallery-module .group-2 .text-3 {
        left:-27px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .gallery-module .group-2 .text-3 {
        left:-48px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .gallery-module .group-3 {
        margin-top:40px
    }
}

@media (max-width: 360px) {
    .gallery-module .group-3 {
        margin-top:36px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .gallery-module .group-3 {
        margin-top:44px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .gallery-module .group-3 {
        margin-top:80px
    }
}

@media (min-width: 1800px) {
    .gallery-module .group-3 {
        margin-top:0
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .gallery-module .group-3 {
        margin-top:0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .gallery-module .group-3 {
        margin-top:0
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .gallery-module .group-3 .border {
        width:280px;
        height: 210px
    }
}

@media (max-width: 360px) {
    .gallery-module .group-3 .border {
        width:249px;
        height: 187px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .gallery-module .group-3 .border {
        width:311px;
        height: 233px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .gallery-module .group-3 .border {
        width:560px;
        height: 420px
    }
}

@media (min-width: 1800px) {
    .gallery-module .group-3 .border {
        width:640px;
        height: 473px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .gallery-module .group-3 .border {
        width:537px;
        height: 397px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .gallery-module .group-3 .border {
        width:437px;
        height: 323px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .gallery-module .group-3 .text-3 {
        left:24px
    }
}

@media (max-width: 360px) {
    .gallery-module .group-3 .text-3 {
        left:21px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .gallery-module .group-3 .text-3 {
        left:27px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .gallery-module .group-3 .text-3 {
        left:48px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .gallery-module .group-4 {
        margin-top:40px;
        margin-left: calc(100vw - 210px)
    }
}

@media (max-width: 360px) {
    .gallery-module .group-4 {
        margin-top:36px;
        margin-left: calc(100vw - 187px)
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .gallery-module .group-4 {
        margin-top:44px;
        margin-left: calc(100vw - 233px)
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .gallery-module .group-4 {
        margin-top:80px;
        margin-left: calc(100vw - 420px)
    }
}

@media (min-width: 1800px) {
    .gallery-module .group-4 {
        margin-top:-430px;
        margin-left: 800px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .gallery-module .group-4 {
        margin-top:-361px;
        margin-left: 671px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .gallery-module .group-4 {
        margin-top:-294px;
        margin-left: 546px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .gallery-module .group-4 .border {
        width:210px;
        height: 280px
    }
}

@media (max-width: 360px) {
    .gallery-module .group-4 .border {
        width:187px;
        height: 249px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .gallery-module .group-4 .border {
        width:233px;
        height: 311px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .gallery-module .group-4 .border {
        width:420px;
        height: 560px
    }
}

@media (min-width: 1800px) {
    .gallery-module .group-4 .border {
        width:480px;
        height: 680px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .gallery-module .group-4 .border {
        width:402px;
        height: 570px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .gallery-module .group-4 .border {
        width:328px;
        height: 464px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .gallery-module .group-4 .text-3 {
        left:-24px
    }
}

@media (max-width: 360px) {
    .gallery-module .group-4 .text-3 {
        left:-21px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .gallery-module .group-4 .text-3 {
        left:-27px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .gallery-module .group-4 .text-3 {
        left:-48px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .gallery-module .group-5 {
        margin-top:40px
    }
}

@media (max-width: 360px) {
    .gallery-module .group-5 {
        margin-top:36px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .gallery-module .group-5 {
        margin-top:44px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .gallery-module .group-5 {
        margin-top:80px
    }
}

@media (min-width: 1800px) {
    .gallery-module .group-5 {
        margin-top:-171px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .gallery-module .group-5 {
        margin-top:-143px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .gallery-module .group-5 {
        margin-top:-117px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .gallery-module .group-5 .border {
        width:280px;
        height: 210px
    }
}

@media (max-width: 360px) {
    .gallery-module .group-5 .border {
        width:249px;
        height: 187px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .gallery-module .group-5 .border {
        width:311px;
        height: 233px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .gallery-module .group-5 .border {
        width:560px;
        height: 420px
    }
}

@media (min-width: 1800px) {
    .gallery-module .group-5 .border {
        width:640px;
        height: 480px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .gallery-module .group-5 .border {
        width:537px;
        height: 402px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .gallery-module .group-5 .border {
        width:437px;
        height: 328px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .gallery-module .group-5 .text-3 {
        left:24px
    }
}

@media (max-width: 360px) {
    .gallery-module .group-5 .text-3 {
        left:21px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .gallery-module .group-5 .text-3 {
        left:27px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .gallery-module .group-5 .text-3 {
        left:48px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .gallery-module .group-6 {
        margin-top:40px;
        margin-left: 0
    }
}

@media (max-width: 360px) {
    .gallery-module .group-6 {
        margin-top:36px;
        margin-left: 0
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .gallery-module .group-6 {
        margin-top:44px;
        margin-left: 0
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .gallery-module .group-6 {
        margin-top:80px;
        margin-left: 0
    }
}

@media (min-width: 1800px) {
    .gallery-module .group-6 {
        margin-top:-268px;
        margin-left: 480px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .gallery-module .group-6 {
        margin-top:-225px;
        margin-left: 402px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .gallery-module .group-6 {
        margin-top:-183px;
        margin-left: 328px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .gallery-module .group-6 .border {
        width:375px;
        height: 210px
    }
}

@media (max-width: 360px) {
    .gallery-module .group-6 .border {
        width:333px;
        height: 187px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .gallery-module .group-6 .border {
        width:417px;
        height: 233px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .gallery-module .group-6 .border {
        width:750px;
        height: 420px
    }
}

@media (min-width: 1800px) {
    .gallery-module .group-6 .border {
        width:800px;
        height: 480px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .gallery-module .group-6 .border {
        width:671px;
        height: 402px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .gallery-module .group-6 .border {
        width:546px;
        height: 328px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .gallery-module .group-6 .text-3 {
        left:140px
    }
}

@media (max-width: 360px) {
    .gallery-module .group-6 .text-3 {
        left:124px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .gallery-module .group-6 .text-3 {
        left:156px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .gallery-module .group-6 .text-3 {
        left:280px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .gallery-module .group {
        margin-top:40px
    }
}

@media (max-width: 360px) {
    .gallery-module .group {
        margin-top:36px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .gallery-module .group {
        margin-top:44px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .gallery-module .group {
        margin-top:80px
    }
}

.gallery-module .group .text-3 {
    text-align: left
}

@media (min-width: 360px) and (max-width:399px) {
    .gallery-module .group .text-3 {
        width:210px;
        bottom: 10px
    }
}

@media (max-width: 360px) {
    .gallery-module .group .text-3 {
        width:187px;
        bottom: 9px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .gallery-module .group .text-3 {
        width:233px;
        bottom: 11px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .gallery-module .group .text-3 {
        width:420px;
        bottom: 20px
    }
}

@media (min-width: 1800px) {
    .gallery-module .group .text-3 {
        top:-42px;
        width: 440px;
        left: 20px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .gallery-module .group .text-3 {
        top:-35px;
        width: 369px;
        left: 17px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .gallery-module .group .text-3 {
        top:-29px;
        width: 300px;
        left: 14px
    }
}

.connect-module {
    z-index: 15
}

@media (min-width: 360px) and (max-width:399px) {
    .connect-module {
        padding-top:100px;
        padding-bottom: 47px
    }
}

@media (max-width: 360px) {
    .connect-module {
        padding-top:89px;
        padding-bottom: 42px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .connect-module {
        padding-top:111px;
        padding-bottom: 52px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .connect-module {
        padding-top:200px;
        padding-bottom: 94px
    }
}

@media (min-width: 1800px) {
    .connect-module {
        padding-bottom:160px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .connect-module {
        padding-bottom:134px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .connect-module {
        padding-bottom:109px
    }
}

.connect-module .sticky-container {
    height: 180vh;
    height: calc(180*var(--vh, 1vh))
}

@media (max-width: 1023px) {
    .connect-module .sticky-container {
        height:200vh;
        height: calc(200*var(--vh, 1vh))
    }
}

.connect-module .sticky {
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

@media (max-width: 1023px) {
    .connect-module .sticky {
        height:auto
    }
}

.connect-module .phone {
    overflow: hidden
}

@media (min-width: 360px) and (max-width:399px) {
    .connect-module .phone {
        width:235px;
        height: 503px;
        border-radius: 30px;
        margin-top: 40px
    }
}

@media (max-width: 360px) {
    .connect-module .phone {
        width:209px;
        height: 447px;
        border-radius: 27px;
        margin-top: 36px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .connect-module .phone {
        width:261px;
        height: 559px;
        border-radius: 33px;
        margin-top: 44px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .connect-module .phone {
        width:470px;
        height: 1006px;
        border-radius: 60px;
        margin-top: 80px
    }
}

@media (min-width: 1800px) {
    .connect-module .phone {
        width:960px;
        height: 448px;
        border-radius: 55px;
        margin-top: 60px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .connect-module .phone {
        width:805px;
        height: 376px;
        border-radius: 46px;
        margin-top: 50px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .connect-module .phone {
        width:656px;
        height: 306px;
        border-radius: 38px;
        margin-top: 41px
    }
}

.connect-module .phone .screen {
    opacity: 0;
    -webkit-transition: opacity 1s linear;
    transition: opacity 1s linear
}

@media (min-width: 360px) and (max-width:399px) {
    .connect-module .phone .bg,.connect-module .phone .screen {
        width:221px;
        height: 490px;
        top: 8px;
        left: 7px
    }
}

@media (max-width: 360px) {
    .connect-module .phone .bg,.connect-module .phone .screen {
        width:196px;
        height: 435px;
        top: 7px;
        left: 6px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .connect-module .phone .bg,.connect-module .phone .screen {
        width:246px;
        height: 544px;
        top: 9px;
        left: 8px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .connect-module .phone .bg,.connect-module .phone .screen {
        width:442px;
        height: 980px;
        top: 16px;
        left: 14px
    }
}

@media (min-width: 1800px) {
    .connect-module .phone .bg,.connect-module .phone .screen {
        width:946px;
        height: 426px;
        top: 11px;
        left: 7px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .connect-module .phone .bg,.connect-module .phone .screen {
        width:793px;
        height: 357px;
        top: 9px;
        left: 6px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .connect-module .phone .bg,.connect-module .phone .screen {
        width:646px;
        height: 291px;
        top: 8px;
        left: 5px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .connect-module .scroll {
        width:327px;
        padding-top: 74px
    }
}

@media (max-width: 360px) {
    .connect-module .scroll {
        width:291px;
        padding-top: 66px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .connect-module .scroll {
        width:363px;
        padding-top: 82px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .connect-module .scroll {
        width:654px;
        padding-top: 148px
    }
}

@media (min-width: 1800px) {
    .connect-module .scroll {
        width:960px;
        padding-top: 100px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .connect-module .scroll {
        width:805px;
        padding-top: 84px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .connect-module .scroll {
        width:656px;
        padding-top: 68px
    }
}

@media (min-height: 1081px) {
    .connect-module .scroll {
        padding-top:calc((100vh - 1081px)/3*2);
        padding-top: calc((100*var(--vh, 1vh) - 1081px)/3*2)
    }
}

.connect-module .scroll .fade-in:nth-child(2) {
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    transition: opacity .5s linear,-webkit-transform .5s ease-in;
    -webkit-transition: opacity .5s linear,-webkit-transform .5s ease-in;
    transition: opacity .5s linear,transform .5s ease-in;
    transition: opacity .5s linear,transform .5s ease-in,-webkit-transform .5s ease-in;
    -webkit-transition-delay: 0;
    transition-delay: 0
}

.connect-module .scroll .fade-in:nth-child(2).show {
    opacity: 1;
    transition: opacity .5s linear,-webkit-transform .5s ease-out;
    -webkit-transition: opacity .5s linear,-webkit-transform .5s ease-out;
    transition: opacity .5s linear,transform .5s ease-out;
    transition: opacity .5s linear,transform .5s ease-out,-webkit-transform .5s ease-out;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.connect-module .scroll .fade-in:nth-child(3) {
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    transition: opacity .5s linear,-webkit-transform .5s ease-in;
    -webkit-transition: opacity .5s linear,-webkit-transform .5s ease-in;
    transition: opacity .5s linear,transform .5s ease-in;
    transition: opacity .5s linear,transform .5s ease-in,-webkit-transform .5s ease-in;
    -webkit-transition-delay: 0;
    transition-delay: 0
}

.connect-module .scroll .fade-in:nth-child(3).show {
    opacity: 1;
    transition: opacity .5s linear,-webkit-transform .5s ease-out;
    -webkit-transition: opacity .5s linear,-webkit-transform .5s ease-out;
    transition: opacity .5s linear,transform .5s ease-out;
    transition: opacity .5s linear,transform .5s ease-out,-webkit-transform .5s ease-out;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

@media (min-width: 360px) and (max-width:399px) {
    .connect-module .scroll .btn,.connect-module .scroll>.text {
        margin-top:20px
    }
}

@media (max-width: 360px) {
    .connect-module .scroll .btn,.connect-module .scroll>.text {
        margin-top:18px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .connect-module .scroll .btn,.connect-module .scroll>.text {
        margin-top:22px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .connect-module .scroll .btn,.connect-module .scroll>.text {
        margin-top:40px
    }
}

@media (min-width: 1800px) {
    .connect-module .scroll .btn,.connect-module .scroll>.text {
        margin-top:40px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .connect-module .scroll .btn,.connect-module .scroll>.text {
        margin-top:34px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .connect-module .scroll .btn,.connect-module .scroll>.text {
        margin-top:27px
    }
}

@media (max-width: 1023px) {
    .connect-module .scroll>.text,.connect-module .scroll>.title {
        text-align:left
    }

    .connect-module .scroll>.btn {
        -webkit-box-pack: left;
        justify-content: left
    }
}

.connect-module .scroll .title-mask {
    top: 0;
    left: 0
}

@media (max-width: 1023px) {
    .connect-module .scroll .title {
        text-align:left
    }
}

.connect-module .scroll .description {
    color: #b3b3b3
}

.container-mask {
    height: calc(100% + 4px);
    width: 100vw;
    bottom: -2px;
    pointer-events: none
}

.container2 {
    height: 50vh;
    height: calc(50*var(--vh, 1vh))
}

#section-design .design-sticky-container {
    height: 280vh;
    height: calc(280*var(--vh, 1vh));
    margin-top: -100vh;
    margin-top: calc(-100*var(--vh, 1vh))
}

@media (max-width: 1023px) {
    #section-design .design-sticky-container {
        height:330vh;
        height: calc(330*var(--vh, 1vh))
    }
}

#section-design .design-sticky-container .design-container {
    width: 100%;
    overflow: hidden;
    z-index: 7;
    background: #000 !important;
}

@media (min-width: 1024px) {
    #section-design .design-sticky-container .design-container {
        height:100vh;
        height: calc(100*var(--vh, 1vh))
    }
}

@media (max-width: 1023px) {
    #section-design .design-sticky-container .design-container {
        height:100vh;
        height: calc(100*var(--vh, 1vh))
    }
}

@media (max-width: 1023px) {
    #section-design .design-sticky-container .text-box {
        margin-left:auto;
        margin-right: auto
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-design .design-sticky-container .text-box {
        width:327px
    }
}

@media (max-width: 360px) {
    #section-design .design-sticky-container .text-box {
        width:291px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-design .design-sticky-container .text-box {
        width:363px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-design .design-sticky-container .text-box {
        width:654px
    }
}

@media (min-width: 1800px) {
    #section-design .design-sticky-container .text-box .title-box {
        margin-top:100px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-design .design-sticky-container .text-box .title-box {
        margin-top:84px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-design .design-sticky-container .text-box .title-box {
        margin-top:68px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-design .design-sticky-container .text-box .title-box {
        margin-top:calc(74px + (100vh - 675px)/2);
        margin-top: calc(74px + (100*var(--vh, 1vh) - 675px)/2)
    }
}

@media (max-width: 360px) {
    #section-design .design-sticky-container .text-box .title-box {
        margin-top:calc(66px + (100vh - 600px)/2);
        margin-top: calc(66px + (100*var(--vh, 1vh) - 600px)/2)
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-design .design-sticky-container .text-box .title-box {
        margin-top:calc(82px + (100vh - 750px)/2);
        margin-top: calc(82px + (100*var(--vh, 1vh) - 750px)/2)
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-design .design-sticky-container .text-box .title-box {
        margin-top:calc(148px + (100vh - 1350px)/2);
        margin-top: calc(148px + (100*var(--vh, 1vh) - 1350px)/2)
    }
}

#section-design .design-sticky-container .text-box .title-box .design-title {
    font-family: Roman-55,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 60px;
    line-height: 1;
    letter-spacing: 0
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-design .design-sticky-container .text-box .title-box .design-title {
        font-size:50.304px;
        letter-spacing: 0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-design .design-sticky-container .text-box .title-box .design-title {
        font-size:40.974px;
        letter-spacing: 0
    }
}

@media (max-width: 1023px) {
    #section-design .design-sticky-container .text-box .title-box .design-title {
        text-align:left;
        font-size: 30px;
        line-height: 1;
        letter-spacing: 0
    }
}

@media (max-width: 1023px) and (min-width:1400px) and (max-width:1799px) {
    #section-design .design-sticky-container .text-box .title-box .design-title {
        font-size:25.152px;
        letter-spacing: 0
    }
}

@media (max-width: 1023px) and (min-width:1024px) and (max-width:1399px) {
    #section-design .design-sticky-container .text-box .title-box .design-title {
        font-size:20.487px;
        letter-spacing: 0
    }
}

#section-design .design-sticky-container .text-box .title-box .title-mask {
    width: 100%;
    top: 0;
    background: radial-gradient(0,transparent,#000)
}

@media (min-width: 1800px) {
    #section-design .design-sticky-container .text-box .title-box .title-mask {
        height:70px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-design .design-sticky-container .text-box .title-box .title-mask {
        height:59px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-design .design-sticky-container .text-box .title-box .title-mask {
        height:48px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-design .design-sticky-container .text-box .title-box .title-mask {
        height:35px
    }
}

@media (max-width: 360px) {
    #section-design .design-sticky-container .text-box .title-box .title-mask {
        height:31px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-design .design-sticky-container .text-box .title-box .title-mask {
        height:39px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-design .design-sticky-container .text-box .title-box .title-mask {
        height:70px
    }
}

#section-design .design-sticky-container .text-box .description {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    transition: opacity .5s linear,-webkit-transform .5s ease-in;
    -webkit-transition: opacity .5s linear,-webkit-transform .5s ease-in;
    transition: opacity .5s linear,transform .5s ease-in;
    transition: opacity .5s linear,transform .5s ease-in,-webkit-transform .5s ease-in;
    -webkit-transition-delay: 0;
    transition-delay: 0;
    font-family: Roman-55,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: 0;
    color: #b3b3b3
}

@media (min-width: 1800px) {
    #section-design .design-sticky-container .text-box .description {
        width:960px;
        margin-top: 40px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-design .design-sticky-container .text-box .description {
        width:805px;
        margin-top: 34px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-design .design-sticky-container .text-box .description {
        width:656px;
        margin-top: 27px
    }
}

#section-design .design-sticky-container .text-box .description.show {
    opacity: 1;
    transition: opacity .5s linear,-webkit-transform .5s ease-out;
    -webkit-transition: opacity .5s linear,-webkit-transform .5s ease-out;
    transition: opacity .5s linear,transform .5s ease-out;
    transition: opacity .5s linear,transform .5s ease-out,-webkit-transform .5s ease-out;
    -webkit-transition-delay: .25s;
    transition-delay: .25s;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-design .design-sticky-container .text-box .description {
        font-size:20.1216px;
        letter-spacing: 0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-design .design-sticky-container .text-box .description {
        font-size:16.389599999999998px;
        letter-spacing: 0
    }
}

@media (max-width: 1023px) {
    #section-design .design-sticky-container .text-box .description {
        font-size:16px;
        line-height: 1.2;
        letter-spacing: 0;
        text-align: left
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-design .design-sticky-container .text-box .description {
        margin-top:20px
    }
}

@media (max-width: 360px) {
    #section-design .design-sticky-container .text-box .description {
        margin-top:18px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-design .design-sticky-container .text-box .description {
        margin-top:22px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-design .design-sticky-container .text-box .description {
        margin-top:40px
    }
}

@media (max-width: 1023px) and (min-width:1400px) and (max-width:1799px) {
    #section-design .design-sticky-container .text-box .description {
        font-size:13.4144px;
        letter-spacing: 0
    }
}

@media (max-width: 1023px) and (min-width:1024px) and (max-width:1399px) {
    #section-design .design-sticky-container .text-box .description {
        font-size:10.9264px;
        letter-spacing: 0
    }
}

#section-design .design-sticky-container .text-box .harmony {
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    transition: opacity .5s linear,-webkit-transform .5s ease-in;
    -webkit-transition: opacity .5s linear,-webkit-transform .5s ease-in;
    transition: opacity .5s linear,transform .5s ease-in;
    transition: opacity .5s linear,transform .5s ease-in,-webkit-transform .5s ease-in;
    -webkit-transition-delay: 0;
    transition-delay: 0;
    font-family: Roman-55,Helvetica Neue,Helvetica,Arial,sans-serif
}

@media (min-width: 1800px) {
    #section-design .design-sticky-container .text-box .harmony {
        margin-top:40px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-design .design-sticky-container .text-box .harmony {
        margin-top:34px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-design .design-sticky-container .text-box .harmony {
        margin-top:27px
    }
}

#section-design .design-sticky-container .text-box .harmony.show {
    opacity: 1;
    transition: opacity .5s linear,-webkit-transform .5s ease-out;
    -webkit-transition: opacity .5s linear,-webkit-transform .5s ease-out;
    transition: opacity .5s linear,transform .5s ease-out;
    transition: opacity .5s linear,transform .5s ease-out,-webkit-transform .5s ease-out;
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

@media (max-width: 1023px) {
    #section-design .design-sticky-container .text-box .harmony {
        -webkit-box-pack:left;
        justify-content: left
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-design .design-sticky-container .text-box .harmony {
        margin-top:20px
    }
}

@media (max-width: 360px) {
    #section-design .design-sticky-container .text-box .harmony {
        margin-top:18px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-design .design-sticky-container .text-box .harmony {
        margin-top:22px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-design .design-sticky-container .text-box .harmony {
        margin-top:40px
    }
}

#section-design .design-sticky-container .text-box .harmony .left {
    font-family: Roman-55,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: 0
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-design .design-sticky-container .text-box .harmony .left {
        font-size:20.1216px;
        letter-spacing: 0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-design .design-sticky-container .text-box .harmony .left {
        font-size:16.389599999999998px;
        letter-spacing: 0
    }
}

@media (max-width: 1023px) {
    #section-design .design-sticky-container .text-box .harmony .left {
        font-size:16px;
        line-height: 1.2;
        letter-spacing: 0
    }
}

@media (max-width: 1023px) and (min-width:1400px) and (max-width:1799px) {
    #section-design .design-sticky-container .text-box .harmony .left {
        font-size:13.4144px;
        letter-spacing: 0
    }
}

@media (max-width: 1023px) and (min-width:1024px) and (max-width:1399px) {
    #section-design .design-sticky-container .text-box .harmony .left {
        font-size:10.9264px;
        letter-spacing: 0
    }
}

@media (min-width: 1800px) {
    #section-design .design-sticky-container .text-box .harmony .right {
        width:48px;
        height: 48px;
        margin-left: 10px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-design .design-sticky-container .text-box .harmony .right {
        width:40px;
        height: 40px;
        margin-left: 8px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-design .design-sticky-container .text-box .harmony .right {
        width:33px;
        height: 33px;
        margin-left: 7px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-design .design-sticky-container .text-box .harmony .right {
        width:24px;
        margin-left: 5px
    }
}

@media (max-width: 360px) {
    #section-design .design-sticky-container .text-box .harmony .right {
        width:21px;
        margin-left: 4px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-design .design-sticky-container .text-box .harmony .right {
        width:27px;
        margin-left: 6px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-design .design-sticky-container .text-box .harmony .right {
        width:48px;
        margin-left: 10px
    }
}

#section-design .design-sticky-container .text-box .text-mask {
    pointer-events: none;
    height: 120%;
    top: -10%;
    left: 0
}

@media (min-width: 1800px) {
    #section-design .design-sticky-container .place-holder-box {
        height:664px;
        margin-top: 50px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-design .design-sticky-container .place-holder-box {
        height:557px;
        margin-top: 42px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-design .design-sticky-container .place-holder-box {
        height:453px;
        margin-top: 34px
    }
}

#section-design .design-sticky-container .bottom-box {
    position: relative;
    bottom: 0;
    width: 100%
}

@media (min-width: 1800px) {
    #section-design .design-sticky-container .bottom-box {
        margin-top:40px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-design .design-sticky-container .bottom-box {
        margin-top:34px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-design .design-sticky-container .bottom-box {
        margin-top:27px
    }
}

#section-design .design-sticky-container .bottom-container {
    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: flex
}

@media (min-width: 1800px) {
    #section-design .design-sticky-container .bottom-container {
        width:1033px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-design .design-sticky-container .bottom-container {
        width:866px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-design .design-sticky-container .bottom-container {
        width:705px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-design .design-sticky-container .bottom-container {
        width:327px;
        margin-top: 43px;
        max-height: 326px
    }
}

@media (max-width: 360px) {
    #section-design .design-sticky-container .bottom-container {
        width:291px;
        margin-top: 38px;
        max-height: 290px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-design .design-sticky-container .bottom-container {
        width:363px;
        margin-top: 48px;
        max-height: 362px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-design .design-sticky-container .bottom-container {
        width:654px;
        margin-top: 86px;
        max-height: 652px
    }
}

#section-design .design-sticky-container .bottom-container .left {
    z-index: 9
}

@media (min-width: 1800px) {
    #section-design .design-sticky-container .bottom-container .left {
        width:331px;
        padding-top: 80px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-design .design-sticky-container .bottom-container .left {
        width:278px;
        padding-top: 67px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-design .design-sticky-container .bottom-container .left {
        width:226px;
        padding-top: 55px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-design .design-sticky-container .bottom-container .left {
        width:102px;
        padding-top: 40px
    }
}

@media (max-width: 360px) {
    #section-design .design-sticky-container .bottom-container .left {
        width:91px;
        padding-top: 36px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-design .design-sticky-container .bottom-container .left {
        width:113px;
        padding-top: 44px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-design .design-sticky-container .bottom-container .left {
        width:204px;
        padding-top: 80px
    }
}

#section-design .design-sticky-container .bottom-container .middle {
    z-index: 10;
    -webkit-transform-origin: 0 70% 0;
    transform-origin: 0 70% 0
}

@media (min-width: 1800px) {
    #section-design .design-sticky-container .bottom-container .middle {
        width:331px;
        height: 973px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-design .design-sticky-container .bottom-container .middle {
        width:278px;
        height: 816px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-design .design-sticky-container .bottom-container .middle {
        width:226px;
        height: 664px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-design .design-sticky-container .bottom-container .middle {
        width:102px;
        height: 315px
    }
}

@media (max-width: 360px) {
    #section-design .design-sticky-container .bottom-container .middle {
        width:91px;
        height: 280px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-design .design-sticky-container .bottom-container .middle {
        width:113px;
        height: 350px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-design .design-sticky-container .bottom-container .middle {
        width:204px;
        height: 630px
    }
}

#section-design .design-sticky-container .bottom-container .right {
    z-index: 9
}

@media (min-width: 1800px) {
    #section-design .design-sticky-container .bottom-container .right {
        padding-top:60px;
        width: 331px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-design .design-sticky-container .bottom-container .right {
        padding-top:50px;
        width: 278px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-design .design-sticky-container .bottom-container .right {
        padding-top:41px;
        width: 226px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-design .design-sticky-container .bottom-container .right {
        width:102px;
        padding-top: 40px
    }
}

@media (max-width: 360px) {
    #section-design .design-sticky-container .bottom-container .right {
        width:91px;
        padding-top: 36px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-design .design-sticky-container .bottom-container .right {
        width:113px;
        padding-top: 44px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-design .design-sticky-container .bottom-container .right {
        width:204px;
        padding-top: 80px
    }
}

#section-design .design-sticky-container .gradient-mask {
    z-index: 11;
    left: 50%;
    top: 0;
    width: 50%;
    height: 100vh;
    height: calc(100*var(--vh, 1vh));
    background: radial-gradient(circle at 0 0,hsla(0,0%,100%,0),#000);
    pointer-events: none
}

#section-design .design-sticky-container .sticky-mask {
    height: 100vh;
    height: calc(100*var(--vh, 1vh));
    margin-top: -100vh;
    margin-top: calc(-100*var(--vh, 1vh));
    z-index: 7;
    pointer-events: none
}

#section-display .sticky-container {
    height: 305vh;
    height: calc(305*var(--vh, 1vh));
    z-index: 8;
    background: #000;
    margin-top: -20vh;
    margin-top: calc(-20*var(--vh, 1vh))
}

#section-display .sticky-container .img-box {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden
}

#section-display .sticky-container .img-box .canvas-player {
    height: 100vh;
    height: calc(100*var(--vh, 1vh));
    width: 100vw;
    bottom: 0
}

@media (max-width: 1023px) {
    #section-display .sticky-container .img-box .canvas-player {
        width:312.8vw;
        height: 175.47vw;
        top: calc(100px + 100vh - 175.47vw);
        top: calc(100px + 100*var(--vh, 1vh) - 175.47vw);
        bottom: 0;
        left: -106.4vw
    }
}

#section-display .sticky-container .img-box .light {
    height: 100vh;
    height: calc(100*var(--vh, 1vh));
    width: 100vw;
    bottom: 0
}

@media (max-width: 1023px) {
    #section-display .sticky-container .img-box .light {
        width:312.8vw;
        height: 175.47vw;
        top: calc(100px + 100vh - 175.47vw);
        top: calc(100px + 100*var(--vh, 1vh) - 175.47vw);
        bottom: 0;
        left: -106.4vw
    }
}

#section-display .sticky-container .img-box .phone {
    opacity: 0;
    bottom: 0
}

@media (min-width: 1800px) {
    #section-display .sticky-container .img-box .phone {
        width:1920px;
        margin-left: calc(100vw - 1920px)
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-display .sticky-container .img-box .phone {
        width:1610px;
        margin-left: calc(100vw - 1610px)
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-display .sticky-container .img-box .phone {
        width:1311px;
        margin-left: calc(100vw - 1311px)
    }
}

@media (max-width: 1023px) {
    #section-display .sticky-container .img-box .phone {
        width:100%;
        bottom: 0
    }
}

#section-display .sticky-container .img-box .sticky-mask {
    bottom: 0;
    left: 0;
    height: 100vh;
    height: calc(100*var(--vh, 1vh));
    pointer-events: none
}

#section-display .sticky-container .text-container {
    height: 125vh;
    height: calc(125*var(--vh, 1vh));
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 1800px) {
    #section-display .sticky-container .text-container {
        width:960px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-display .sticky-container .text-container {
        width:805px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-display .sticky-container .text-container {
        width:656px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-display .sticky-container .text-container {
        width:327px
    }
}

@media (max-width: 360px) {
    #section-display .sticky-container .text-container {
        width:291px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-display .sticky-container .text-container {
        width:363px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-display .sticky-container .text-container {
        width:654px
    }
}

@media (min-width: 1800px) {
    #section-display .sticky-container .text-container .scroll-text {
        padding-top:100px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-display .sticky-container .text-container .scroll-text {
        padding-top:84px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-display .sticky-container .text-container .scroll-text {
        padding-top:68px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-display .sticky-container .text-container .scroll-text {
        padding-top:74px
    }
}

@media (max-width: 360px) {
    #section-display .sticky-container .text-container .scroll-text {
        padding-top:66px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-display .sticky-container .text-container .scroll-text {
        padding-top:82px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-display .sticky-container .text-container .scroll-text {
        padding-top:148px
    }
}

#section-display .sticky-container .text-container .scroll-text .title {
    text-align: center;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    background-image: -webkit-gradient(linear,left top,right top,color-stop(100%,transparent),color-stop(50%,#fff),to(transparent));
    background-image: linear-gradient(90deg,transparent 100%,#fff 0,transparent);
    background-size: 100% 200%
}

@media (max-width: 1023px) {
    #section-display .sticky-container .text-container .scroll-text .title {
        text-align:left
    }
}

#section-display .sticky-container .text-container .scroll-text .description {
    text-align: center;
    opacity: 0;
    -webkit-transition: opacity .5s ease-in .3s;
    transition: opacity .5s ease-in .3s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

@media (min-width: 1800px) {
    #section-display .sticky-container .text-container .scroll-text .description {
        margin-top:40px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-display .sticky-container .text-container .scroll-text .description {
        margin-top:34px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-display .sticky-container .text-container .scroll-text .description {
        margin-top:27px
    }
}

#section-display .sticky-container .text-container .scroll-text .description.show {
    opacity: 1;
    -webkit-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

@media (max-width: 1023px) {
    #section-display .sticky-container .text-container .scroll-text .description {
        text-align:left
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-display .sticky-container .text-container .scroll-text .description {
        margin-top:20px
    }
}

@media (max-width: 360px) {
    #section-display .sticky-container .text-container .scroll-text .description {
        margin-top:18px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-display .sticky-container .text-container .scroll-text .description {
        margin-top:22px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-display .sticky-container .text-container .scroll-text .description {
        margin-top:40px
    }
}

#section-display .sticky-container .text-container .scroll-text .flex {
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    opacity: 0;
    -webkit-transition: opacity .5s ease-in .3s;
    transition: opacity .5s ease-in .3s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

@media (min-width: 1800px) {
    #section-display .sticky-container .text-container .scroll-text .flex {
        margin-top:40px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-display .sticky-container .text-container .scroll-text .flex {
        margin-top:34px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-display .sticky-container .text-container .scroll-text .flex {
        margin-top:27px
    }
}

#section-display .sticky-container .text-container .scroll-text .flex.show {
    opacity: 1;
    -webkit-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

@media (max-width: 1023px) {
    #section-display .sticky-container .text-container .scroll-text .flex {
        -webkit-box-pack:left;
        justify-content: left
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-display .sticky-container .text-container .scroll-text .flex {
        margin-top:20px
    }
}

@media (max-width: 360px) {
    #section-display .sticky-container .text-container .scroll-text .flex {
        margin-top:18px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-display .sticky-container .text-container .scroll-text .flex {
        margin-top:22px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-display .sticky-container .text-container .scroll-text .flex {
        margin-top:40px
    }
}

@media (min-width: 1800px) {
    #section-display .sticky-container .text-container .scroll-text .flex .right {
        width:48px;
        height: 48px;
        margin-left: 10px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-display .sticky-container .text-container .scroll-text .flex .right {
        width:40px;
        height: 40px;
        margin-left: 8px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-display .sticky-container .text-container .scroll-text .flex .right {
        width:33px;
        height: 33px;
        margin-left: 7px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-display .sticky-container .text-container .scroll-text .flex .right {
        width:24px;
        height: 24px;
        margin-left: 5px
    }
}

@media (max-width: 360px) {
    #section-display .sticky-container .text-container .scroll-text .flex .right {
        width:21px;
        height: 21px;
        margin-left: 4px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-display .sticky-container .text-container .scroll-text .flex .right {
        width:27px;
        height: 27px;
        margin-left: 6px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-display .sticky-container .text-container .scroll-text .flex .right {
        width:48px;
        height: 48px;
        margin-left: 10px
    }
}

#section-display .sticky-container .container1 {
    margin-top: -80vh;
    margin-top: calc(-80*var(--vh, 1vh))
}

#section-display .sticky-container .container2 {
    height: 100vh;
    height: calc(100*var(--vh, 1vh))
}

@media (min-width: 1800px) {
    .innovation-page .logo {
        right:40px;
        bottom: 80px;
        width: 230px;
        height: 61px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .innovation-page .logo {
        right:34px;
        bottom: 67px;
        width: 193px;
        height: 51px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .innovation-page .logo {
        right:27px;
        bottom: 55px;
        width: 157px;
        height: 42px
    }
}

@media (max-width: 1023px) {
    .innovation-page .logo {
        position:fixed;
        z-index: 1
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .innovation-page .logo {
        width:226px;
        height: 60px;
        top: 200px;
        left: calc((100vw - 226px)/2)
    }
}

@media (max-width: 360px) {
    .innovation-page .logo {
        width:201px;
        height: 53px;
        top: 178px;
        left: calc((100vw - 201px)/2)
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .innovation-page .logo {
        width:251px;
        height: 67px;
        top: 222px;
        left: calc((100vw - 251px)/2)
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .innovation-page .logo {
        width:452px;
        height: 120px;
        top: 400px;
        left: calc((100vw - 452px)/2)
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .innovation-page .text-box {
        padding-top:100px!important
    }
}

@media (max-width: 360px) {
    .innovation-page .text-box {
        padding-top:89px!important
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .innovation-page .text-box {
        padding-top:111px!important
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .innovation-page .text-box {
        padding-top:200px!important
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .innovation-page .text-mask {
        height:100px!important
    }
}

@media (max-width: 360px) {
    .innovation-page .text-mask {
        height:89px!important
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .innovation-page .text-mask {
        height:111px!important
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .innovation-page .text-mask {
        height:200px!important
    }
}

@media (max-width: 1023px) {
    .innovation-page .text-mask {
        background:-webkit-gradient(linear,left top,left bottom,color-stop(72%,#000),color-stop(88%,transparent))!important;
        background: linear-gradient(180deg,#000 72%,transparent 88%)!important
    }
}

#section-os .container {
    height: 150vh;
    height: calc(150*var(--vh, 1vh));
    background: #000;
    z-index: 6;
    padding: 0;
}

@media (max-width: 1023px) {
    #section-os .container {
        height:120vh;
        height: calc(120*var(--vh, 1vh));
        margin-top: -20vh;
        margin-top: calc(-20*var(--vh, 1vh))
    }
}

#section-os .container .sticky-box {
    min-height: 100vh;
    min-height: calc(100*var(--vh, 1vh));
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    overflow: hidden
}

@media (min-width: 1800px) {
    #section-os .container .sticky-box {
        padding-top:140px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-os .container .sticky-box {
        padding-top:117px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-os .container .sticky-box {
        padding-top:96px
    }
}

@media (max-width: 1023px) {
    #section-os .container .sticky-box {
        -webkit-box-pack:left;
        justify-content: left
    }
}

#section-os .container .sticky-box .text-box {
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 1800px) {
    #section-os .container .sticky-box .text-box {
        width:960px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-os .container .sticky-box .text-box {
        width:805px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-os .container .sticky-box .text-box {
        width:656px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-os .container .sticky-box .text-box {
        width:327px;
        padding-top: 74px
    }
}

@media (max-width: 360px) {
    #section-os .container .sticky-box .text-box {
        width:291px;
        padding-top: 66px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-os .container .sticky-box .text-box {
        width:363px;
        padding-top: 82px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-os .container .sticky-box .text-box {
        width:654px;
        padding-top: 148px
    }
}

#section-os .container .sticky-box .text-box .title-box .title {
    text-align: center
}

@media (max-width: 1023px) {
    #section-os .container .sticky-box .text-box .title-box .title {
        text-align:left
    }
}

#section-os .container .sticky-box .text-box .title-box .title-mask {
    width: 100%;
    top: 0
}

@media (min-width: 1800px) {
    #section-os .container .sticky-box .text-box .title-box .title-mask {
        height:70px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-os .container .sticky-box .text-box .title-box .title-mask {
        height:59px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-os .container .sticky-box .text-box .title-box .title-mask {
        height:48px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-os .container .sticky-box .text-box .title-box .title-mask {
        height:35px
    }
}

@media (max-width: 360px) {
    #section-os .container .sticky-box .text-box .title-box .title-mask {
        height:31px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-os .container .sticky-box .text-box .title-box .title-mask {
        height:39px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-os .container .sticky-box .text-box .title-box .title-mask {
        height:70px
    }
}

#section-os .container .sticky-box .text-box .description {
    text-align: center;
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    transition: opacity .5s linear,-webkit-transform .5s ease-in;
    -webkit-transition: opacity .5s linear,-webkit-transform .5s ease-in;
    transition: opacity .5s linear,transform .5s ease-in;
    transition: opacity .5s linear,transform .5s ease-in,-webkit-transform .5s ease-in;
    -webkit-transition-delay: 0;
    transition-delay: 0;
    color: #b3b3b3
}

@media (min-width: 1800px) {
    #section-os .container .sticky-box .text-box .description {
        margin-top:40px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-os .container .sticky-box .text-box .description {
        margin-top:34px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-os .container .sticky-box .text-box .description {
        margin-top:27px
    }
}

#section-os .container .sticky-box .text-box .description.show {
    opacity: 1;
    transition: opacity .3s linear,-webkit-transform .3s ease-out;
    -webkit-transition: opacity .3s linear,-webkit-transform .3s ease-out;
    transition: opacity .3s linear,transform .3s ease-out;
    transition: opacity .3s linear,transform .3s ease-out,-webkit-transform .3s ease-out;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

@media (max-width: 1023px) {
    #section-os .container .sticky-box .text-box .description {
        text-align:left
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-os .container .sticky-box .text-box .description {
        margin-top:20px
    }
}

@media (max-width: 360px) {
    #section-os .container .sticky-box .text-box .description {
        margin-top:18px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-os .container .sticky-box .text-box .description {
        margin-top:22px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-os .container .sticky-box .text-box .description {
        margin-top:40px
    }
}

#section-os .container .sticky-box .text-box .flex {
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    transition: opacity .5s linear,-webkit-transform .5s ease-in;
    -webkit-transition: opacity .5s linear,-webkit-transform .5s ease-in;
    transition: opacity .5s linear,transform .5s ease-in;
    transition: opacity .5s linear,transform .5s ease-in,-webkit-transform .5s ease-in;
    -webkit-transition-delay: 0;
    transition-delay: 0
}

@media (min-width: 1800px) {
    #section-os .container .sticky-box .text-box .flex {
        margin-top:40px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-os .container .sticky-box .text-box .flex {
        margin-top:34px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-os .container .sticky-box .text-box .flex {
        margin-top:27px
    }
}

#section-os .container .sticky-box .text-box .flex.show {
    opacity: 1;
    transition: opacity .3s linear,-webkit-transform .3s ease-out;
    -webkit-transition: opacity .3s linear,-webkit-transform .3s ease-out;
    transition: opacity .3s linear,transform .3s ease-out;
    transition: opacity .3s linear,transform .3s ease-out,-webkit-transform .3s ease-out;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

@media (max-width: 1023px) {
    #section-os .container .sticky-box .text-box .flex {
        -webkit-box-pack:left;
        justify-content: left
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-os .container .sticky-box .text-box .flex {
        margin-top:20px
    }
}

@media (max-width: 360px) {
    #section-os .container .sticky-box .text-box .flex {
        margin-top:18px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-os .container .sticky-box .text-box .flex {
        margin-top:22px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-os .container .sticky-box .text-box .flex {
        margin-top:40px
    }
}

@media (min-width: 1800px) {
    #section-os .container .sticky-box .text-box .flex .right {
        width:48px;
        height: 48px;
        margin-left: 15px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-os .container .sticky-box .text-box .flex .right {
        width:40px;
        height: 40px;
        margin-left: 13px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-os .container .sticky-box .text-box .flex .right {
        width:33px;
        height: 33px;
        margin-left: 10px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-os .container .sticky-box .text-box .flex .right {
        width:24px;
        height: 24px;
        margin-left: 5px
    }
}

@media (max-width: 360px) {
    #section-os .container .sticky-box .text-box .flex .right {
        width:21px;
        height: 21px;
        margin-left: 4px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-os .container .sticky-box .text-box .flex .right {
        width:27px;
        height: 27px;
        margin-left: 6px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-os .container .sticky-box .text-box .flex .right {
        width:48px;
        height: 48px;
        margin-left: 10px
    }
}

#section-os .container .sticky-box .img-box {
    -webkit-box-pack: justify;
    justify-content: space-between;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

@media (min-width: 1800px) {
    #section-os .container .sticky-box .img-box {
        height:550px;
        width: 1158px;
        margin-top: 166px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-os .container .sticky-box .img-box {
        height:461px;
        width: 971px;
        margin-top: 139px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-os .container .sticky-box .img-box {
        height:376px;
        width: 791px;
        margin-top: 113px
    }
}

@media (max-width: 1023px) {
    #section-os .container .sticky-box .img-box {
        left:0;
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-os .container .sticky-box .img-box {
        height:222px;
        width: 442px;
        margin-top: 97px;
        margin-left: calc((100vw - 442px)/2)
    }
}

@media (max-width: 360px) {
    #section-os .container .sticky-box .img-box {
        height:197px;
        width: 392px;
        margin-top: 86px;
        margin-left: calc((100vw - 392px)/2)
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-os .container .sticky-box .img-box {
        height:247px;
        width: 491px;
        margin-top: 107px;
        margin-left: calc((100vw - 491px)/2)
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-os .container .sticky-box .img-box {
        height:444px;
        width: 883px;
        margin-top: 193px;
        margin-left: calc((100vw - 883px)/2)
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-os .container .sticky-box .img-box .phones {
        width:101px;
        height: 221px
    }
}

@media (max-width: 360px) {
    #section-os .container .sticky-box .img-box .phones {
        width:90px;
        height: 196px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-os .container .sticky-box .img-box .phones {
        width:112px;
        height: 246px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-os .container .sticky-box .img-box .phones {
        width:201px;
        height: 442px
    }
}

@media (min-width: 1800px) {
    #section-os .container .sticky-box .img-box .phones {
        width:254px;
        height: 550px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-os .container .sticky-box .img-box .phones {
        width:213px;
        height: 461px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-os .container .sticky-box .img-box .phones {
        width:173px;
        height: 376px
    }
}

#section-os .container .sticky-box .caption {
    font-size: 12px;
    line-height: 1.2;
    letter-spacing: 0;
    color: hsla(0,0%,100%,.6)
}

@media (min-width: 360px) and (max-width:399px) {
    #section-os .container .sticky-box .caption {
        margin-left:24px;
        margin-top: 40px;
        margin-bottom: 92px
    }
}

@media (max-width: 360px) {
    #section-os .container .sticky-box .caption {
        margin-left:21px;
        margin-top: 36px;
        margin-bottom: 82px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-os .container .sticky-box .caption {
        margin-left:27px;
        margin-top: 44px;
        margin-bottom: 102px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-os .container .sticky-box .caption {
        margin-left:48px;
        margin-top: 80px;
        margin-bottom: 184px
    }
}

@media (min-width: 1800px) {
    #section-os .container .sticky-box .caption {
        margin-left:calc((100vw - 1158px)/2 + 905px);
        margin-top: 20px;
        margin-bottom: 172px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-os .container .sticky-box .caption {
        margin-left:calc((100vw - 971px)/2 + 758px);
        margin-top: 17px;
        margin-bottom: 144px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-os .container .sticky-box .caption {
        margin-left:calc((100vw - 791px)/2 + 618px);
        margin-top: 14px;
        margin-bottom: 118px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-os .container .sticky-box .caption {
        font-size:10.0608px;
        letter-spacing: 0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-os .container .sticky-box .caption {
        font-size:8.194799999999999px;
        letter-spacing: 0
    }
}

#section-charge .container {
    height: 200vh;
    height: calc(200*var(--vh, 1vh));
    width: 100%;
    background: #000;
    padding: 0;
    z-index: 7;
}

#section-charge .container .sticky-box {
    height: 100vh;
    height: calc(100*var(--vh, 1vh));
    background: #000;
    display: -webkit-box;
    display: flex;
    overflow: hidden
}

@media (max-width: 1023px) {
    #section-charge .container .sticky-box {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }
}

#section-charge .container .sticky-box .left-box {
    width: 50%
}

@media (min-width: 360px) and (max-width:399px) {
    #section-charge .container .sticky-box .left-box {
        width:327px;
        margin-left: calc((100vw - 327px)/2)
    }
}

@media (max-width: 360px) {
    #section-charge .container .sticky-box .left-box {
        width:291px;
        margin-left: calc((100vw - 291px)/2)
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-charge .container .sticky-box .left-box {
        width:363px;
        margin-left: calc((100vw - 363px)/2)
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-charge .container .sticky-box .left-box {
        width:654px;
        margin-left: calc((100vw - 654px)/2)
    }
}

#section-charge .container .sticky-box .left-box .text-box {
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (min-width: 1800px) {
    #section-charge .container .sticky-box .left-box .text-box {
        width:640px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-charge .container .sticky-box .left-box .text-box {
        width:537px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-charge .container .sticky-box .left-box .text-box {
        width:437px
    }
}

@media (max-width: 1023px) {
    #section-charge .container .sticky-box .left-box .text-box {
        position:relative;
        top: 0;
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-charge .container .sticky-box .left-box .text-box {
        margin-top:74px
    }
}

@media (max-width: 360px) {
    #section-charge .container .sticky-box .left-box .text-box {
        margin-top:66px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-charge .container .sticky-box .left-box .text-box {
        margin-top:82px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-charge .container .sticky-box .left-box .text-box {
        margin-top:148px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-charge .container .sticky-box .left-box .text-box .title-box {
        margin-top:calc(47px + (100vh - 675px)/3);
        margin-top: calc(47px + (100*var(--vh, 1vh) - 675px)/3)
    }
}

@media (max-width: 360px) {
    #section-charge .container .sticky-box .left-box .text-box .title-box {
        margin-top:calc(42px + (100vh - 600px)/3);
        margin-top: calc(42px + (100*var(--vh, 1vh) - 600px)/3)
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-charge .container .sticky-box .left-box .text-box .title-box {
        margin-top:calc(52px + (100vh - 750px)/3);
        margin-top: calc(52px + (100*var(--vh, 1vh) - 750px)/3)
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-charge .container .sticky-box .left-box .text-box .title-box {
        margin-top:calc(94px + (100vh - 1350px)/3);
        margin-top: calc(94px + (100*var(--vh, 1vh) - 1350px)/3)
    }
}

#section-charge .container .sticky-box .left-box .text-box .title-box .title-mask {
    top: 0;
    left: 0;
    width: 100%
}

@media (min-width: 1800px) {
    #section-charge .container .sticky-box .left-box .text-box .title-box .title-mask {
        height:70px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-charge .container .sticky-box .left-box .text-box .title-box .title-mask {
        height:59px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-charge .container .sticky-box .left-box .text-box .title-box .title-mask {
        height:48px
    }
}

#section-charge .container .sticky-box .left-box .text-box .description {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    transition: opacity .5s linear,-webkit-transform .5s ease-in;
    -webkit-transition: opacity .5s linear,-webkit-transform .5s ease-in;
    transition: opacity .5s linear,transform .5s ease-in;
    transition: opacity .5s linear,transform .5s ease-in,-webkit-transform .5s ease-in;
    -webkit-transition-delay: 0;
    transition-delay: 0;
    color: #b3b3b3
}

@media (min-width: 1800px) {
    #section-charge .container .sticky-box .left-box .text-box .description {
        margin-top:40px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-charge .container .sticky-box .left-box .text-box .description {
        margin-top:34px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-charge .container .sticky-box .left-box .text-box .description {
        margin-top:27px
    }
}

#section-charge .container .sticky-box .left-box .text-box .description.show {
    opacity: 1;
    transition: opacity .3s linear,-webkit-transform .3s ease-out;
    -webkit-transition: opacity .3s linear,-webkit-transform .3s ease-out;
    transition: opacity .3s linear,transform .3s ease-out;
    transition: opacity .3s linear,transform .3s ease-out,-webkit-transform .3s ease-out;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

@media (min-width: 360px) and (max-width:399px) {
    #section-charge .container .sticky-box .left-box .text-box .description {
        margin-top:20px
    }
}

@media (max-width: 360px) {
    #section-charge .container .sticky-box .left-box .text-box .description {
        margin-top:18px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-charge .container .sticky-box .left-box .text-box .description {
        margin-top:22px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-charge .container .sticky-box .left-box .text-box .description {
        margin-top:40px
    }
}

#section-charge .container .sticky-box .left-box .text-box .flex {
    -webkit-box-align: center;
    align-items: center;
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    transition: opacity .5s linear,-webkit-transform .5s ease-in;
    -webkit-transition: opacity .5s linear,-webkit-transform .5s ease-in;
    transition: opacity .5s linear,transform .5s ease-in;
    transition: opacity .5s linear,transform .5s ease-in,-webkit-transform .5s ease-in;
    -webkit-transition-delay: 0;
    transition-delay: 0
}

@media (min-width: 1800px) {
    #section-charge .container .sticky-box .left-box .text-box .flex {
        margin-top:40px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-charge .container .sticky-box .left-box .text-box .flex {
        margin-top:34px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-charge .container .sticky-box .left-box .text-box .flex {
        margin-top:27px
    }
}

#section-charge .container .sticky-box .left-box .text-box .flex.show {
    opacity: 1;
    transition: opacity .3s linear,-webkit-transform .3s ease-out;
    -webkit-transition: opacity .3s linear,-webkit-transform .3s ease-out;
    transition: opacity .3s linear,transform .3s ease-out;
    transition: opacity .3s linear,transform .3s ease-out,-webkit-transform .3s ease-out;
    -webkit-transition-delay: .2ss;
    transition-delay: .2ss;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

@media (min-width: 360px) and (max-width:399px) {
    #section-charge .container .sticky-box .left-box .text-box .flex {
        margin-top:20px
    }
}

@media (max-width: 360px) {
    #section-charge .container .sticky-box .left-box .text-box .flex {
        margin-top:18px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-charge .container .sticky-box .left-box .text-box .flex {
        margin-top:22px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-charge .container .sticky-box .left-box .text-box .flex {
        margin-top:40px
    }
}

@media (min-width: 1800px) {
    #section-charge .container .sticky-box .left-box .text-box .flex .right {
        width:48px;
        height: 48px;
        margin-left: 10px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-charge .container .sticky-box .left-box .text-box .flex .right {
        width:40px;
        height: 40px;
        margin-left: 8px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-charge .container .sticky-box .left-box .text-box .flex .right {
        width:33px;
        height: 33px;
        margin-left: 7px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-charge .container .sticky-box .left-box .text-box .flex .right {
        margin-left:5px;
        width: 24px;
        height: 24px
    }
}

@media (max-width: 360px) {
    #section-charge .container .sticky-box .left-box .text-box .flex .right {
        margin-left:4px;
        width: 21px;
        height: 21px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-charge .container .sticky-box .left-box .text-box .flex .right {
        margin-left:6px;
        width: 27px;
        height: 27px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-charge .container .sticky-box .left-box .text-box .flex .right {
        margin-left:10px;
        width: 48px;
        height: 48px
    }
}

#section-charge .container .sticky-box .right-box {
    pointer-events: none;
    width: 50%
}

@media (max-width: 1023px) {
    #section-charge .container .sticky-box .right-box {
        margin:auto;
        position: absolute;
        bottom: 0
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-charge .container .sticky-box .right-box {
        width:375px;
        height: 317px
    }
}

@media (max-width: 360px) {
    #section-charge .container .sticky-box .right-box {
        width:333px;
        height: 282px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-charge .container .sticky-box .right-box {
        width:417px;
        height: 352px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-charge .container .sticky-box .right-box {
        width:750px;
        height: 634px
    }
}

#section-charge .container .sticky-box .right-box .scale {
    top: 0;
    left: 0;
    height: 100vh;
    height: calc(100*var(--vh, 1vh));
    width: 88.89vh;
    width: calc(88.89*var(--vh, 1vh));
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    z-index: 3
}

@media (max-width: 1023px) {
    #section-charge .container .sticky-box .right-box .scale {
        width:120vw;
        height: 135vw;
        top: auto;
        bottom: 0;
        left: 8%;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%
    }
}

#section-charge .container .sticky-box .right-box .scale1 {
    z-index: 4
}

#section-charge .container .sticky-box .right-box .wireless {
    opacity: 0;
    z-index: 1;
    left: 0;
    top: 0;
    height: 100vh;
    height: calc(100*var(--vh, 1vh));
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

@media (max-width: 1023px) {
    #section-charge .container .sticky-box .right-box .wireless {
        width:120vw;
        height: 135vw;
        top: auto;
        bottom: 0;
        left: 8%;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%
    }
}

#section-charge .container .sticky-box .right-box .phone {
    z-index: 2
}

#section-charge .container .sticky-box .right-box .phone2 {
    z-index: 5;
    left: 0;
    top: 0;
    height: 100vh;
    height: calc(100*var(--vh, 1vh));
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

@media (max-width: 1023px) {
    #section-charge .container .sticky-box .right-box .phone2 {
        width:120vw;
        height: 135vw;
        top: auto;
        bottom: 0;
        left: 8%;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%
    }
}

#section-charge .container .sticky-box .right-box .canvas {
    left: 0;
    top: 0;
    height: 100vh;
    height: calc(100*var(--vh, 1vh));
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-mask-size: cover;
    mask-size: cover
}

@media (max-width: 1023px) {
    #section-charge .container .sticky-box .right-box .canvas {
        width:120vw;
        height: 135vw;
        top: auto;
        bottom: 0;
        left: 8%;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%
    }
}

#section-charge .container .sticky-mask {
    height: 100vh;
    height: calc(100*var(--vh, 1vh));
    width: 100vw;
    margin-top: -100vh;
    margin-top: calc(-100*var(--vh, 1vh));
    margin-left: 0;
    pointer-events: none
}

#section-power .container {
    height: 150vh;
    height: calc(150*var(--vh, 1vh));
    background: #000;
    z-index: 7;
    padding: 0;
}

#section-power .container .sticky-box {
    min-height: 100vh;
    min-height: calc(100*var(--vh, 1vh));
    overflow: hidden
}

#section-power .container .sticky-box .text-box {
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
    position: relative
}

@media (min-width: 1800px) {
    #section-power .container .sticky-box .text-box {
        width:960px;
        padding-top: 100px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-power .container .sticky-box .text-box {
        width:805px;
        padding-top: 84px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-power .container .sticky-box .text-box {
        width:656px;
        padding-top: 68px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-power .container .sticky-box .text-box {
        width:327px;
        padding-top: calc(74px + (100vh - 675px)/2);
        padding-top: calc(74px + (100*var(--vh, 1vh) - 675px)/2)
    }
}

@media (max-width: 360px) {
    #section-power .container .sticky-box .text-box {
        width:291px;
        padding-top: calc(66px + (100vh - 600px)/2);
        padding-top: calc(66px + (100*var(--vh, 1vh) - 600px)/2)
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-power .container .sticky-box .text-box {
        width:363px;
        padding-top: calc(82px + (100vh - 750px)/2);
        padding-top: calc(82px + (100*var(--vh, 1vh) - 750px)/2)
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-power .container .sticky-box .text-box {
        width:654px;
        padding-top: calc(148px + (100vh - 1350px)/2);
        padding-top: calc(148px + (100*var(--vh, 1vh) - 1350px)/2)
    }
}

#section-power .container .sticky-box .text-box .title-box .title {
    text-align: center
}

@media (max-width: 1023px) {
    #section-power .container .sticky-box .text-box .title-box .title {
        text-align:left
    }
}

#section-power .container .sticky-box .text-box .title-box .title-mask {
    width: 100%;
    top: 0
}

@media (min-width: 1800px) {
    #section-power .container .sticky-box .text-box .title-box .title-mask {
        height:70px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-power .container .sticky-box .text-box .title-box .title-mask {
        height:59px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-power .container .sticky-box .text-box .title-box .title-mask {
        height:48px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-power .container .sticky-box .text-box .title-box .title-mask {
        height:35px
    }
}

@media (max-width: 360px) {
    #section-power .container .sticky-box .text-box .title-box .title-mask {
        height:31px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-power .container .sticky-box .text-box .title-box .title-mask {
        height:39px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-power .container .sticky-box .text-box .title-box .title-mask {
        height:70px
    }
}

#section-power .container .sticky-box .text-box .description {
    text-align: center;
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    transition: opacity .5s linear,-webkit-transform .5s ease-in;
    -webkit-transition: opacity .5s linear,-webkit-transform .5s ease-in;
    transition: opacity .5s linear,transform .5s ease-in;
    transition: opacity .5s linear,transform .5s ease-in,-webkit-transform .5s ease-in;
    -webkit-transition-delay: 0;
    transition-delay: 0;
    color: #b3b3b3
}

@media (min-width: 1800px) {
    #section-power .container .sticky-box .text-box .description {
        margin-top:40px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-power .container .sticky-box .text-box .description {
        margin-top:34px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-power .container .sticky-box .text-box .description {
        margin-top:27px
    }
}

#section-power .container .sticky-box .text-box .description.show {
    opacity: 1;
    transition: opacity .3s linear,-webkit-transform .3s ease-out;
    -webkit-transition: opacity .3s linear,-webkit-transform .3s ease-out;
    transition: opacity .3s linear,transform .3s ease-out;
    transition: opacity .3s linear,transform .3s ease-out,-webkit-transform .3s ease-out;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

@media (max-width: 1023px) {
    #section-power .container .sticky-box .text-box .description {
        text-align:left
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-power .container .sticky-box .text-box .description {
        margin-top:20px
    }
}

@media (max-width: 360px) {
    #section-power .container .sticky-box .text-box .description {
        margin-top:18px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-power .container .sticky-box .text-box .description {
        margin-top:22px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-power .container .sticky-box .text-box .description {
        margin-top:40px
    }
}

#section-power .container .sticky-box .text-box .flex {
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    transition: opacity .5s linear,-webkit-transform .5s ease-in;
    -webkit-transition: opacity .5s linear,-webkit-transform .5s ease-in;
    transition: opacity .5s linear,transform .5s ease-in;
    transition: opacity .5s linear,transform .5s ease-in,-webkit-transform .5s ease-in;
    -webkit-transition-delay: 0;
    transition-delay: 0
}

@media (min-width: 1800px) {
    #section-power .container .sticky-box .text-box .flex {
        margin-top:40px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-power .container .sticky-box .text-box .flex {
        margin-top:34px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-power .container .sticky-box .text-box .flex {
        margin-top:27px
    }
}

#section-power .container .sticky-box .text-box .flex.show {
    opacity: 1;
    transition: opacity .3s linear,-webkit-transform .3s ease-out;
    -webkit-transition: opacity .3s linear,-webkit-transform .3s ease-out;
    transition: opacity .3s linear,transform .3s ease-out;
    transition: opacity .3s linear,transform .3s ease-out,-webkit-transform .3s ease-out;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

@media (max-width: 1023px) {
    #section-power .container .sticky-box .text-box .flex {
        -webkit-box-pack:left;
        justify-content: left
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-power .container .sticky-box .text-box .flex {
        margin-top:20px
    }
}

@media (max-width: 360px) {
    #section-power .container .sticky-box .text-box .flex {
        margin-top:18px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-power .container .sticky-box .text-box .flex {
        margin-top:22px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-power .container .sticky-box .text-box .flex {
        margin-top:40px
    }
}

@media (min-width: 1800px) {
    #section-power .container .sticky-box .text-box .flex .right {
        width:48px;
        height: 48px;
        margin-left: 15px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-power .container .sticky-box .text-box .flex .right {
        width:40px;
        height: 40px;
        margin-left: 13px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-power .container .sticky-box .text-box .flex .right {
        width:33px;
        height: 33px;
        margin-left: 10px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-power .container .sticky-box .text-box .flex .right {
        width:24px;
        height: 24px;
        margin-left: 5px
    }
}

@media (max-width: 360px) {
    #section-power .container .sticky-box .text-box .flex .right {
        width:21px;
        height: 21px;
        margin-left: 4px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-power .container .sticky-box .text-box .flex .right {
        width:27px;
        height: 27px;
        margin-left: 6px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-power .container .sticky-box .text-box .flex .right {
        width:48px;
        height: 48px;
        margin-left: 10px
    }
}

#section-power .container .sticky-box .img-box {
    width: 100%;
    height: 33.69vw
}

@media (min-width: 360px) and (max-width:399px) {
    #section-power .container .sticky-box .img-box {
        height:calc(100vh - 300px);
        height: calc(100*var(--vh, 1vh) - 300px)
    }
}

@media (max-width: 360px) {
    #section-power .container .sticky-box .img-box {
        height:calc(100vh - 267px);
        height: calc(100*var(--vh, 1vh) - 267px)
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-power .container .sticky-box .img-box {
        height:calc(100vh - 333px);
        height: calc(100*var(--vh, 1vh) - 333px)
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-power .container .sticky-box .img-box {
        height:calc(100vh - 600px);
        height: calc(100*var(--vh, 1vh) - 600px)
    }
}

#section-power .container .sticky-box .img-box .chip {
    width: 100vw;
    margin-top: 0
}

@media (min-width: 360px) and (max-width:399px) {
    #section-power .container .sticky-box .img-box .chip {
        width:800px;
        margin-left: calc((100vw - 800px)/2)
    }
}

@media (max-width: 360px) {
    #section-power .container .sticky-box .img-box .chip {
        width:711px;
        margin-left: calc((100vw - 711px)/2)
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-power .container .sticky-box .img-box .chip {
        width:889px;
        margin-left: calc((100vw - 889px)/2)
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-power .container .sticky-box .img-box .chip {
        width:1600px;
        margin-left: calc((100vw - 1600px)/2)
    }
}

#section-power .container .sticky-box .img-box .chip1 {
    width: 100vw
}

@media (min-width: 360px) and (max-width:399px) {
    #section-power .container .sticky-box .img-box .chip1 {
        width:800px;
        margin-left: calc((100vw - 800px)/2)
    }
}

@media (max-width: 360px) {
    #section-power .container .sticky-box .img-box .chip1 {
        width:711px;
        margin-left: calc((100vw - 711px)/2)
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-power .container .sticky-box .img-box .chip1 {
        width:889px;
        margin-left: calc((100vw - 889px)/2)
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-power .container .sticky-box .img-box .chip1 {
        width:1600px;
        margin-left: calc((100vw - 1600px)/2)
    }
}

#section-power .container .sticky-mask {
    height: 100vh;
    height: calc(100*var(--vh, 1vh));
    margin-top: -100vh;
    margin-top: calc(-100*var(--vh, 1vh));
    pointer-events: none
}

#section-game .container {
    height: 200vh;
    height: calc(200*var(--vh, 1vh));
    background: #000;
    z-index: 6;
    padding: 0;
}

#section-game .container .sticky-box {
    height: auto;
    min-height: 100vh;
    min-height: calc(100*var(--vh, 1vh));
    margin-top: -100vh;
    margin-top: calc(-100*var(--vh, 1vh));
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    overflow: hidden
}

@media (min-width: 1800px) {
    #section-game .container .sticky-box {
        padding-top:100px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-game .container .sticky-box {
        padding-top:84px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-game .container .sticky-box {
        padding-top:68px
    }
}

@media (max-width: 1023px) {
    #section-game .container .sticky-box {
        -webkit-box-pack:left;
        justify-content: left
    }
}

#section-game .container .sticky-box .text-box {
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 1800px) {
    #section-game .container .sticky-box .text-box {
        width:960px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-game .container .sticky-box .text-box {
        width:805px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-game .container .sticky-box .text-box {
        width:656px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-game .container .sticky-box .text-box {
        width:327px;
        padding-top: calc(74px + (100vh - 675px)/2);
        padding-top: calc(74px + (100*var(--vh, 1vh) - 675px)/2)
    }
}

@media (max-width: 360px) {
    #section-game .container .sticky-box .text-box {
        width:291px;
        padding-top: calc(66px + (100vh - 600px)/2);
        padding-top: calc(66px + (100*var(--vh, 1vh) - 600px)/2)
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-game .container .sticky-box .text-box {
        width:363px;
        padding-top: calc(82px + (100vh - 750px)/2);
        padding-top: calc(82px + (100*var(--vh, 1vh) - 750px)/2)
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-game .container .sticky-box .text-box {
        width:654px;
        padding-top: calc(148px + (100vh - 1350px)/2);
        padding-top: calc(148px + (100*var(--vh, 1vh) - 1350px)/2)
    }
}

#section-game .container .sticky-box .text-box .title-box .title {
    text-align: center
}

@media (max-width: 1023px) {
    #section-game .container .sticky-box .text-box .title-box .title {
        text-align:left
    }
}

#section-game .container .sticky-box .text-box .title-box .title-mask {
    width: 100%;
    top: 0
}

@media (min-width: 1800px) {
    #section-game .container .sticky-box .text-box .title-box .title-mask {
        height:70px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-game .container .sticky-box .text-box .title-box .title-mask {
        height:59px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-game .container .sticky-box .text-box .title-box .title-mask {
        height:48px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-game .container .sticky-box .text-box .title-box .title-mask {
        height:35px
    }
}

@media (max-width: 360px) {
    #section-game .container .sticky-box .text-box .title-box .title-mask {
        height:31px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-game .container .sticky-box .text-box .title-box .title-mask {
        height:39px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-game .container .sticky-box .text-box .title-box .title-mask {
        height:70px
    }
}

#section-game .container .sticky-box .text-box .description {
    text-align: center;
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    transition: opacity .5s linear,-webkit-transform .5s ease-in;
    -webkit-transition: opacity .5s linear,-webkit-transform .5s ease-in;
    transition: opacity .5s linear,transform .5s ease-in;
    transition: opacity .5s linear,transform .5s ease-in,-webkit-transform .5s ease-in;
    -webkit-transition-delay: 0;
    transition-delay: 0;
    color: #b3b3b3
}

@media (min-width: 1800px) {
    #section-game .container .sticky-box .text-box .description {
        margin-top:40px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-game .container .sticky-box .text-box .description {
        margin-top:34px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-game .container .sticky-box .text-box .description {
        margin-top:27px
    }
}

#section-game .container .sticky-box .text-box .description.show {
    opacity: 1;
    transition: opacity .3s linear,-webkit-transform .3s ease-out;
    -webkit-transition: opacity .3s linear,-webkit-transform .3s ease-out;
    transition: opacity .3s linear,transform .3s ease-out;
    transition: opacity .3s linear,transform .3s ease-out,-webkit-transform .3s ease-out;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

@media (max-width: 1023px) {
    #section-game .container .sticky-box .text-box .description {
        text-align:left
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-game .container .sticky-box .text-box .description {
        margin-top:20px
    }
}

@media (max-width: 360px) {
    #section-game .container .sticky-box .text-box .description {
        margin-top:18px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-game .container .sticky-box .text-box .description {
        margin-top:22px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-game .container .sticky-box .text-box .description {
        margin-top:40px
    }
}

#section-game .container .sticky-box .text-box .flex {
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    transition: opacity .5s linear,-webkit-transform .5s ease-in;
    -webkit-transition: opacity .5s linear,-webkit-transform .5s ease-in;
    transition: opacity .5s linear,transform .5s ease-in;
    transition: opacity .5s linear,transform .5s ease-in,-webkit-transform .5s ease-in;
    -webkit-transition-delay: 0;
    transition-delay: 0
}

@media (min-width: 1800px) {
    #section-game .container .sticky-box .text-box .flex {
        margin-top:40px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-game .container .sticky-box .text-box .flex {
        margin-top:34px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-game .container .sticky-box .text-box .flex {
        margin-top:27px
    }
}

#section-game .container .sticky-box .text-box .flex.show {
    opacity: 1;
    transition: opacity .3s linear,-webkit-transform .3s ease-out;
    -webkit-transition: opacity .3s linear,-webkit-transform .3s ease-out;
    transition: opacity .3s linear,transform .3s ease-out;
    transition: opacity .3s linear,transform .3s ease-out,-webkit-transform .3s ease-out;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

@media (max-width: 1023px) {
    #section-game .container .sticky-box .text-box .flex {
        -webkit-box-pack:left;
        justify-content: left
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-game .container .sticky-box .text-box .flex {
        margin-top:20px
    }
}

@media (max-width: 360px) {
    #section-game .container .sticky-box .text-box .flex {
        margin-top:18px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-game .container .sticky-box .text-box .flex {
        margin-top:22px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-game .container .sticky-box .text-box .flex {
        margin-top:40px
    }
}

@media (min-width: 1800px) {
    #section-game .container .sticky-box .text-box .flex .right {
        width:48px;
        height: 48px;
        margin-left: 15px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-game .container .sticky-box .text-box .flex .right {
        width:40px;
        height: 40px;
        margin-left: 13px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-game .container .sticky-box .text-box .flex .right {
        width:33px;
        height: 33px;
        margin-left: 10px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-game .container .sticky-box .text-box .flex .right {
        width:24px;
        height: 24px;
        margin-left: 5px
    }
}

@media (max-width: 360px) {
    #section-game .container .sticky-box .text-box .flex .right {
        width:21px;
        height: 21px;
        margin-left: 4px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-game .container .sticky-box .text-box .flex .right {
        width:27px;
        height: 27px;
        margin-left: 6px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-game .container .sticky-box .text-box .flex .right {
        width:48px;
        height: 48px;
        margin-left: 10px
    }
}

#section-game .container .sticky-box .img-box {
    height: 36vw
}

@media (min-width: 1800px) {
    #section-game .container .sticky-box .img-box {
        margin-top:88px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-game .container .sticky-box .img-box {
        margin-top:74px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-game .container .sticky-box .img-box {
        margin-top:60px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-game .container .sticky-box .img-box {
        height:113px;
        margin-top: 40px
    }
}

@media (max-width: 360px) {
    #section-game .container .sticky-box .img-box {
        height:101px;
        margin-top: 36px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-game .container .sticky-box .img-box {
        height:126px;
        margin-top: 44px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-game .container .sticky-box .img-box {
        height:227px;
        margin-top: 80px
    }
}

#section-game .container .sticky-box .img-box .phone {
    width: 54.34vw;
    height: auto;
    margin-left: 22.83vw;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

@media (max-width: 1023px) {
    #section-game .container .sticky-box .img-box .phone {
        width:100vw;
        margin-left: 0
    }
}

#section-game .container .sticky-box .img-box .light {
    width: 80vw;
    height: auto;
    top: 12.6vw;
    left: 10vw;
    -webkit-transition: opacity .6s linear;
    transition: opacity .6s linear
}

@media (max-width: 1023px) {
    #section-game .container .sticky-box .img-box .light {
        width:146vw;
        top: 23.6vw;
        left: -23vw
    }
}

#section-game .container .sticky-box .img-box .caption {
    position: absolute;
    right: 22.83vw;
    top: calc(18.854vw + 20px);
    color: hsla(0,0%,100%,.6);
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-game .container .sticky-box .img-box .caption {
        font-size:10.0608px;
        letter-spacing: 0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-game .container .sticky-box .img-box .caption {
        font-size:8.194799999999999px;
        letter-spacing: 0
    }
}

@media (max-width: 1023px) {
    #section-game .container .sticky-box .img-box .caption {
        top:calc(34.7vw + 20px)
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-game .container .sticky-box .img-box .caption {
        right:24px
    }
}

@media (max-width: 360px) {
    #section-game .container .sticky-box .img-box .caption {
        right:21px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-game .container .sticky-box .img-box .caption {
        right:27px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-game .container .sticky-box .img-box .caption {
        right:48px
    }
}

#section-game .container .sticky-mask {
    height: calc(100vh + 1px);
    height: calc(100*var(--vh, 1vh) + 1px);
    top: -1px;
    z-index: 1;
    pointer-events: none
}

#section-aem {
    background: #000
}

#section-aem .compare-container.rel {
    background: #0d0d0d;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 1800px) {
    #section-aem .compare-container.rel {
        margin-top:160px;
        width: 1600px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-aem .compare-container.rel {
        margin-top:134px;
        width: 1341px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-aem .compare-container.rel {
        margin-top:109px;
        width: 1093px
    }
}

@media (min-width: 1800px) {
    #section-aem .compare-container.rel .text-box {
        width:498px;
        margin-left: 160px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-aem .compare-container.rel .text-box {
        width:418px;
        margin-left: 134px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-aem .compare-container.rel .text-box {
        width:340px;
        margin-left: 109px
    }
}

#section-aem .compare-container.rel .text-box .flex-box {
    -webkit-box-align: center;
    align-items: center
}

@media (min-width: 1800px) {
    #section-aem .compare-container.rel .text-box .flex-box {
        margin-top:40px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-aem .compare-container.rel .text-box .flex-box {
        margin-top:34px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-aem .compare-container.rel .text-box .flex-box {
        margin-top:27px
    }
}

@media (min-width: 1800px) {
    #section-aem .compare-container.rel .text-box .flex-box .right {
        width:48px;
        height: 48px;
        margin-left: 15px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-aem .compare-container.rel .text-box .flex-box .right {
        width:40px;
        height: 40px;
        margin-left: 13px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-aem .compare-container.rel .text-box .flex-box .right {
        width:33px;
        height: 33px;
        margin-left: 10px
    }
}

#section-aem .compare-container.rel .img-box {
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    align-items: flex-end
}

@media (min-width: 1800px) {
    #section-aem .compare-container.rel .img-box {
        width:843px;
        margin-top: 35px;
        margin-left: 100px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-aem .compare-container.rel .img-box {
        width:707px;
        margin-top: 29px;
        margin-left: 84px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-aem .compare-container.rel .img-box {
        width:576px;
        margin-top: 24px;
        margin-left: 68px
    }
}

@media (min-width: 1800px) {
    #section-aem .compare-container.rel .img-box .phone1 {
        width:375px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-aem .compare-container.rel .img-box .phone1 {
        width:314px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-aem .compare-container.rel .img-box .phone1 {
        width:256px
    }
}

@media (min-width: 1800px) {
    #section-aem .compare-container.rel .img-box .phone2 {
        width:388px;
        margin-left: -50px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-aem .compare-container.rel .img-box .phone2 {
        width:325px;
        margin-left: -42px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-aem .compare-container.rel .img-box .phone2 {
        width:265px;
        margin-left: -34px
    }
}

#section-aem .in-box-container {
    margin-left: auto;
    margin-right: auto;
    background: #0d0d0d;
    -webkit-box-align: center;
    align-items: center
}

@media (min-width: 1800px) {
    #section-aem .in-box-container {
        width:1600px;
        padding-left: 160px;
        margin-top: 80px;
        margin-bottom: 160px;
        height: 680px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-aem .in-box-container {
        width:1341px;
        padding-left: 134px;
        margin-top: 67px;
        margin-bottom: 134px;
        height: 570px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-aem .in-box-container {
        width:1093px;
        padding-left: 109px;
        margin-top: 55px;
        margin-bottom: 109px;
        height: 464px
    }
}

@media (min-width: 1800px) {
    #section-aem .in-box-container .background {
        width:1440px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-aem .in-box-container .background {
        width:1207px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-aem .in-box-container .background {
        width:983px
    }
}

#section-aem .in-box-container .text-box {
    z-index: 6
}

@media (min-width: 1800px) {
    #section-aem .in-box-container .text-box {
        width:638px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-aem .in-box-container .text-box {
        width:535px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-aem .in-box-container .text-box {
        width:436px
    }
}

@media (min-width: 1800px) {
    #section-aem .in-box-container .text-box .products {
        margin-top:35px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-aem .in-box-container .text-box .products {
        margin-top:29px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-aem .in-box-container .text-box .products {
        margin-top:24px
    }
}

#section-aem .in-box-container .text-box .products .product {
    color: #b3b3b3
}

@media (min-width: 1800px) {
    #section-aem .in-box-container .text-box .products .product {
        margin-top:5px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-aem .in-box-container .text-box .products .product {
        margin-top:4px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-aem .in-box-container .text-box .products .product {
        margin-top:3px
    }
}

#section-camera2 {
    z-index: 13
}

#section-camera2 .container {
    height: 400vh;
    height: calc(400*var(--vh, 1vh));
    padding: 0;
    margin-top: -30vh;
    margin-top: calc(-30*var(--vh, 1vh));
}

@media (max-width: 1023px) {
    #section-camera2 .container {
        margin-top:-50vh;
        margin-top: calc(-50*var(--vh, 1vh))
    }
}

#section-camera2 .container .sticky-box {
    height: 100vh;
    height: calc(100*var(--vh, 1vh));
    overflow: hidden
}

#section-camera2 .container .sticky-box .img-box {
    bottom: 0;
    height: 100vh;
    height: calc(100*var(--vh, 1vh));
    width: 100%
}

#section-camera2 .container .sticky-box .img-box img {
    pointer-events: none;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

#section-camera2 .container .sticky-box .img-box .camera {
    opacity: 0;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear
}

#section-camera2 .container .sticky-box .img-box .camera.show {
    opacity: 1
}

#section-camera2 .text-1 {
    top: 9.25vh;
    top: calc(9.25*var(--vh, 1vh))
}

@media (min-width: 1800px) {
    #section-camera2 .text-1 {
        width:640px;
        left: 320px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera2 .text-1 {
        width:537px;
        left: 268px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera2 .text-1 {
        width:437px;
        left: 219px
    }
}

@media (max-width: 1023px) {
    #section-camera2 .text-1 {
        left:50%;
        -webkit-transform: translate(-50%);
        transform: translate(-50%)
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera2 .text-1 {
        width:327px;
        top: 74px
    }
}

@media (max-width: 360px) {
    #section-camera2 .text-1 {
        width:291px;
        top: 66px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera2 .text-1 {
        width:363px;
        top: 82px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera2 .text-1 {
        width:654px;
        top: 148px
    }
}

#section-camera2 .text-1 .title {
    font-size: 40px;
    line-height: 1;
    letter-spacing: 0;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}

@media (min-width: 1800px) {
    #section-camera2 .text-1 .title {
        margin-bottom:10px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera2 .text-1 .title {
        margin-bottom:8px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera2 .text-1 .title {
        margin-bottom:7px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera2 .text-1 .title {
        font-size:33.536px;
        letter-spacing: 0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera2 .text-1 .title {
        font-size:27.316px;
        letter-spacing: 0
    }
}

@media (max-width: 1023px) {
    #section-camera2 .text-1 .title {
        font-size:24px;
        line-height: 1;
        letter-spacing: 0
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera2 .text-1 .title {
        margin-bottom:5px
    }
}

@media (max-width: 360px) {
    #section-camera2 .text-1 .title {
        margin-bottom:4px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera2 .text-1 .title {
        margin-bottom:6px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera2 .text-1 .title {
        margin-bottom:10px
    }
}

@media (max-width: 1023px) and (min-width:1400px) and (max-width:1799px) {
    #section-camera2 .text-1 .title {
        font-size:20.1216px;
        letter-spacing: 0
    }
}

@media (max-width: 1023px) and (min-width:1024px) and (max-width:1399px) {
    #section-camera2 .text-1 .title {
        font-size:16.389599999999998px;
        letter-spacing: 0
    }
}

#section-camera2 .text-1 .description {
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    transition: opacity .5s linear,-webkit-transform .5s ease-in;
    -webkit-transition: opacity .5s linear,-webkit-transform .5s ease-in;
    transition: opacity .5s linear,transform .5s ease-in;
    transition: opacity .5s linear,transform .5s ease-in,-webkit-transform .5s ease-in;
    -webkit-transition-delay: 0;
    transition-delay: 0
}

@media (min-width: 1800px) {
    #section-camera2 .text-1 .description {
        margin-bottom:30px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera2 .text-1 .description {
        margin-bottom:25px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera2 .text-1 .description {
        margin-bottom:20px
    }
}

#section-camera2 .text-1 .description.show {
    opacity: 1;
    transition: opacity .3s linear,-webkit-transform .3s ease-out;
    -webkit-transition: opacity .3s linear,-webkit-transform .3s ease-out;
    transition: opacity .3s linear,transform .3s ease-out;
    transition: opacity .3s linear,transform .3s ease-out,-webkit-transform .3s ease-out;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

@media (max-width: 1023px) {
    #section-camera2 .text-1 .description {
        font-size:16px;
        line-height: 1.2;
        letter-spacing: 0
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera2 .text-1 .description {
        margin-bottom:20px
    }
}

@media (max-width: 360px) {
    #section-camera2 .text-1 .description {
        margin-bottom:18px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera2 .text-1 .description {
        margin-bottom:22px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera2 .text-1 .description {
        margin-bottom:40px
    }
}

@media (max-width: 1023px) and (min-width:1400px) and (max-width:1799px) {
    #section-camera2 .text-1 .description {
        font-size:13.4144px;
        letter-spacing: 0
    }
}

@media (max-width: 1023px) and (min-width:1024px) and (max-width:1399px) {
    #section-camera2 .text-1 .description {
        font-size:10.9264px;
        letter-spacing: 0
    }
}

#section-camera2 .text-2 {
    top: 29.63vh;
    top: calc(29.63*var(--vh, 1vh))
}

@media (min-width: 1800px) {
    #section-camera2 .text-2 {
        width:640px;
        left: 320px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera2 .text-2 {
        width:537px;
        left: 268px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera2 .text-2 {
        width:437px;
        left: 219px
    }
}

@media (max-width: 1023px) {
    #section-camera2 .text-2 {
        left:50%;
        -webkit-transform: translate(-50%);
        transform: translate(-50%)
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera2 .text-2 {
        width:327px;
        top: 74px
    }
}

@media (max-width: 360px) {
    #section-camera2 .text-2 {
        width:291px;
        top: 66px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera2 .text-2 {
        width:363px;
        top: 82px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera2 .text-2 {
        width:654px;
        top: 148px
    }
}

#section-camera2 .text-2 .title {
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text
}

#section-camera2 .text-2 .description {
    color: #b3b3b3;
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    transition: opacity .5s linear,-webkit-transform .5s ease-in;
    -webkit-transition: opacity .5s linear,-webkit-transform .5s ease-in;
    transition: opacity .5s linear,transform .5s ease-in;
    transition: opacity .5s linear,transform .5s ease-in,-webkit-transform .5s ease-in;
    -webkit-transition-delay: 0;
    transition-delay: 0
}

@media (min-width: 1800px) {
    #section-camera2 .text-2 .description {
        margin-top:40px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera2 .text-2 .description {
        margin-top:34px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera2 .text-2 .description {
        margin-top:27px
    }
}

#section-camera2 .text-2 .description.show {
    opacity: 1;
    transition: opacity .3s linear,-webkit-transform .3s ease-out;
    -webkit-transition: opacity .3s linear,-webkit-transform .3s ease-out;
    transition: opacity .3s linear,transform .3s ease-out;
    transition: opacity .3s linear,transform .3s ease-out,-webkit-transform .3s ease-out;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera2 .text-2 .description {
        margin-top:20px
    }
}

@media (max-width: 360px) {
    #section-camera2 .text-2 .description {
        margin-top:18px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera2 .text-2 .description {
        margin-top:22px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera2 .text-2 .description {
        margin-top:40px
    }
}

#section-camera2 .text-2 .flex {
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    transition: opacity .5s linear,-webkit-transform .5s ease-in;
    -webkit-transition: opacity .5s linear,-webkit-transform .5s ease-in;
    transition: opacity .5s linear,transform .5s ease-in;
    transition: opacity .5s linear,transform .5s ease-in,-webkit-transform .5s ease-in;
    -webkit-transition-delay: 0;
    transition-delay: 0
}

@media (min-width: 1800px) {
    #section-camera2 .text-2 .flex {
        margin-top:40px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera2 .text-2 .flex {
        margin-top:34px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera2 .text-2 .flex {
        margin-top:27px
    }
}

#section-camera2 .text-2 .flex.show {
    opacity: 1;
    transition: opacity .3s linear,-webkit-transform .3s ease-out;
    -webkit-transition: opacity .3s linear,-webkit-transform .3s ease-out;
    transition: opacity .3s linear,transform .3s ease-out;
    transition: opacity .3s linear,transform .3s ease-out,-webkit-transform .3s ease-out;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera2 .text-2 .flex {
        margin-top:20px
    }
}

@media (max-width: 360px) {
    #section-camera2 .text-2 .flex {
        margin-top:18px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera2 .text-2 .flex {
        margin-top:22px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera2 .text-2 .flex {
        margin-top:40px
    }
}

@media (min-width: 1800px) {
    #section-camera2 .text-2 .flex .right {
        width:48px;
        height: 48px;
        margin-left: 15px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera2 .text-2 .flex .right {
        width:40px;
        height: 40px;
        margin-left: 13px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera2 .text-2 .flex .right {
        width:33px;
        height: 33px;
        margin-left: 10px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera2 .text-2 .flex .right {
        width:24px;
        height: 24px;
        margin-left: 5px
    }
}

@media (max-width: 360px) {
    #section-camera2 .text-2 .flex .right {
        width:21px;
        height: 21px;
        margin-left: 4px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera2 .text-2 .flex .right {
        width:27px;
        height: 27px;
        margin-left: 6px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera2 .text-2 .flex .right {
        width:48px;
        height: 48px;
        margin-left: 10px
    }
}

#section-camera2 .text-3 {
    margin: 0 auto;
    padding-top: 9.25vh;
    padding-top: calc(9.25*var(--vh, 1vh))
}

@media (min-width: 1800px) {
    #section-camera2 .text-3 {
        width:960px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera2 .text-3 {
        width:805px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera2 .text-3 {
        width:656px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera2 .text-3 {
        width:327px;
        padding-top: 74px
    }
}

@media (max-width: 360px) {
    #section-camera2 .text-3 {
        width:291px;
        padding-top: 66px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera2 .text-3 {
        width:363px;
        padding-top: 82px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera2 .text-3 {
        width:654px;
        padding-top: 148px
    }
}

#section-camera2 .text-3 .title {
    text-align: center;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear
}

@media (max-width: 1023px) {
    #section-camera2 .text-3 .title {
        text-align:left
    }
}

#section-camera2 .text-3 .description {
    text-align: center;
    color: #b3b3b3;
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    transition: opacity .5s linear,-webkit-transform .5s ease-in;
    -webkit-transition: opacity .5s linear,-webkit-transform .5s ease-in;
    transition: opacity .5s linear,transform .5s ease-in;
    transition: opacity .5s linear,transform .5s ease-in,-webkit-transform .5s ease-in;
    -webkit-transition-delay: 0;
    transition-delay: 0
}

@media (min-width: 1800px) {
    #section-camera2 .text-3 .description {
        margin-top:40px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera2 .text-3 .description {
        margin-top:34px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera2 .text-3 .description {
        margin-top:27px
    }
}

#section-camera2 .text-3 .description.show {
    opacity: 1;
    transition: opacity .3s linear,-webkit-transform .3s ease-out;
    -webkit-transition: opacity .3s linear,-webkit-transform .3s ease-out;
    transition: opacity .3s linear,transform .3s ease-out;
    transition: opacity .3s linear,transform .3s ease-out,-webkit-transform .3s ease-out;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

@media (max-width: 1023px) {
    #section-camera2 .text-3 .description {
        text-align:left
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera2 .text-3 .description {
        margin-top:20px
    }
}

@media (max-width: 360px) {
    #section-camera2 .text-3 .description {
        margin-top:18px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera2 .text-3 .description {
        margin-top:22px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera2 .text-3 .description {
        margin-top:40px
    }
}

#section-camera2 .text-3 .flex {
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    transition: opacity .5s linear,-webkit-transform .5s ease-in;
    -webkit-transition: opacity .5s linear,-webkit-transform .5s ease-in;
    transition: opacity .5s linear,transform .5s ease-in;
    transition: opacity .5s linear,transform .5s ease-in,-webkit-transform .5s ease-in;
    -webkit-transition-delay: 0;
    transition-delay: 0;
    pointer-events: none
}

@media (min-width: 1800px) {
    #section-camera2 .text-3 .flex {
        margin-top:40px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera2 .text-3 .flex {
        margin-top:34px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera2 .text-3 .flex {
        margin-top:27px
    }
}

#section-camera2 .text-3 .flex.show {
    opacity: 1;
    transition: opacity .3s linear,-webkit-transform .3s ease-out;
    -webkit-transition: opacity .3s linear,-webkit-transform .3s ease-out;
    transition: opacity .3s linear,transform .3s ease-out;
    transition: opacity .3s linear,transform .3s ease-out,-webkit-transform .3s ease-out;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

@media (max-width: 1023px) {
    #section-camera2 .text-3 .flex {
        -webkit-box-pack:start;
        justify-content: flex-start
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera2 .text-3 .flex {
        margin-top:20px
    }
}

@media (max-width: 360px) {
    #section-camera2 .text-3 .flex {
        margin-top:18px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera2 .text-3 .flex {
        margin-top:22px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera2 .text-3 .flex {
        margin-top:40px
    }
}

#section-camera2 .text-3 .flex.show {
    pointer-events: auto
}

@media (min-width: 1800px) {
    #section-camera2 .text-3 .flex .right {
        width:48px;
        height: 48px;
        margin-left: 15px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera2 .text-3 .flex .right {
        width:40px;
        height: 40px;
        margin-left: 13px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera2 .text-3 .flex .right {
        width:33px;
        height: 33px;
        margin-left: 10px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera2 .text-3 .flex .right {
        width:24px;
        height: 24px;
        margin-left: 5px
    }
}

@media (max-width: 360px) {
    #section-camera2 .text-3 .flex .right {
        width:21px;
        height: 21px;
        margin-left: 4px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera2 .text-3 .flex .right {
        width:27px;
        height: 27px;
        margin-left: 6px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera2 .text-3 .flex .right {
        width:48px;
        height: 48px;
        margin-left: 10px
    }
}

#section-caption {
    color: #666
}

@media (min-width: 1800px) {
    #section-caption {
        padding:100px 0
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-caption {
        padding:84px 0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-caption {
        padding:68px 0
    }
}

#section-caption .caption-container {
    text-align: left
}

@media (min-width: 1800px) {
    #section-caption .caption-container {
        width:1222px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-caption .caption-container {
        width:1025px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-caption .caption-container {
        width:835px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-caption .caption-container {
        width:calc(100vw - 40px)
    }
}

@media (max-width: 360px) {
    #section-caption .caption-container {
        width:calc(100vw - 36px)
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-caption .caption-container {
        width:calc(100vw - 44px)
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-caption .caption-container {
        width:calc(100vw - 80px)
    }
}

#section-caption .font--note {
    font-family: Roman-55,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 12px;
    line-height: 1.7
}

@media (min-width: 360px) and (max-width:399px) {
    #section-caption {
        padding:60px 0
    }
}

@media (max-width: 360px) {
    #section-caption {
        padding:53px 0
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-caption {
        padding:67px 0
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-caption {
        padding:120px 0
    }
}

#section-caption li {
    margin-left: 1em;
    word-break: break-word
}

#section-caption li,#section-caption ol {
    list-style: decimal
}

body:not(.no-scroll) {
    background: #000;
    color: #fff
}

body main.main {
    -webkit-transition: opacity .4s linear;
    transition: opacity .4s linear
}

.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;
    padding: 60px 0;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    overflow: hidden;
    background-color: #000
}

.one-video-container .video-areas iframe {
    width: 100%;
    height: 100%;
    background-color: #000
}

/** */
#navbar {
    display: none;
}
.hidden {
    display: none;
}

#section-kv .g--container {
    width: auto !important;
}
#section-charge .container .sticky-mask {
    width: 98vw;
}
.flex,
.design-canvas > .section-row{
  display: flex;
}

.design-canvas{
  flex-direction: column;
}

.design-canvas > .section-row{
  width: 100%;
  box-sizing: border-box;
  position: relative;
}

.design-canvas .section-row .sections{
  width: 100%;
  height: 100%;
  display: flex;
}

.section-row .sections .section-container{
  position: relative;
  height: 100%;
}