#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;
}
.zn--wrapper .border {
    border: none !important;
}
.zn--wrapper .border-top {
    border-top: none !important;
}
.zn--wrapper .border-left {
    border-left: none !important;
}
.zn--wrapper .border-right {
    border-left: none !important;
}

.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: 18;
}
.main-content {
    overflow-x: initial;
}


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

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

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

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

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

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

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

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

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

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

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

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

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

.flex-nowarp {
    flex-wrap: nowrap
}

.flex-wrap {
    flex-wrap: wrap
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.show-mobile,.show-pc {
    display: none
}

@media (min-width: 1100px) {
    .show-pc {
        display:block!important
    }

    .show-mobile {
        display: none!important
    }
}

@media (max-width: 1100px) {
    .show-pc {
        display:none!important
    }

    .show-mobile {
        display: block!important
    }
}

br {
    font-size: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.font-medium {
}

.font-regular {
}

.font-light {
    font-weight: 400
}

.font-blod {
    font-weight: 400
}

body.complex-font .font-body-1,body.complex-font .font-body-2,body.complex-font .font-descriptions,body.complex-font .font-display,body.complex-font .font-headline-1,body.complex-font .font-headline-2,body.complex-font .font-headline-3,body.complex-font .font-headline-4,body.complex-font .font-subheading,body.complex-font .font-subtitle,body.complex-font .font-title {
}

body.complex-font .font-medium {
}

.opacity-enter-active {
    -webkit-animation: opacity .3s linear forwards;
    animation: opacity .3s linear forwards
}

.opacity-leave-active {
    animation: opacity .3s reverse forwards
}

@-webkit-keyframes opacity {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes opacity {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

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

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

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

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

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

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

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

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

@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%)
}

#page-header {
    position: relative;
    z-index: 100
}

@media (max-width: 768px) {
    #oc-header {
        overflow:hidden
    }
}

#oc-wrapper {
    overflow: visible
}

body.no-scroll {
    overflow-y: hidden;
    height: 100vh;
    height: calc(100*var(--vh, 1vh))
}

.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
}

.zn--wrapper {
    color: #fff
}

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

.zn--wrapper .text {
    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-size: 60px;
    line-height: 1;
    letter-spacing: 0;
    line-height: 1.2
}

@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 .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: hsla(0,0%,100%,.56)
}

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

.zn--wrapper .grey {
    color: rgba(0,0,0,.7)
}

.zn--wrapper .grey-light {
    color: rgba(0,0,0,.32)
}

.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 (max-width: 768px) {
    .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: 5px
    }
}

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

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

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

@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--pop-page-container {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    height: calc(100*var(--vh, 1vh));
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    background-color: #fff;
    z-index: 99
}

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

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

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

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

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

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

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

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page-container .close {
        width:109px;
        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: #fff;
    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: #f2f2f2
}

.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 {
        height: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: #fff;
    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: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f2f2f2));
    background: linear-gradient(180deg,#fff,#f2f2f2)
}

@media (min-width: 1800px) {
    .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 {
        width:640px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .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 {
        width:537px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .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 {
        width:437px
    }
}

@media (min-width: 2400px) {
    .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 {
        width:853px
    }
}

@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%;
        overflow: hidden
    }
}

.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: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top
}

@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 {
        top:0;
        width: 100%;
        height: 54.134vw;
        position: fixed;
        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: 160px
    }
}

@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: 134px
    }
}

@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: 109px
    }
}

@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;
        position: fixed;
        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:calc((100vw - 280px)/2);
        top: 223px
    }
}

@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:calc((100vw - 249px)/2);
        top: 198px
    }
}

@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:calc((100vw - 311px)/2);
        top: 248px
    }
}

@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:calc((100vw - 560px)/2);
        top: 446px
    }
}

.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:calc((100vw - 280px)/2);
        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:calc((100vw - 249px)/2);
        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:calc((100vw - 311px)/2);
        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:calc((100vw - 560px)/2);
        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: #000;
    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 #000
    }
}

@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 #000
    }
}

@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 #000
    }
}

@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 #000
    }
}

@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 {
        padding-bottom:5px;
        border-bottom: 2px solid #000
    }
}

@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 {
        padding-bottom:4px;
        border-bottom: 2px solid #000
    }
}

@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 {
        padding-bottom:3px;
        border-bottom: 1px solid #000
    }
}

@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
    }
}

.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: #53565a;
    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 #fff
    }
}

@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 #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.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 #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.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 #fff
    }
}

@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 #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.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 #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.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 #fff
    }
}

@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
    }
}

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

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

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

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

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

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

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

.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;
    scrollbar-width: none;
    -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: 90px;
        padding-bottom: 120px
    }
}

@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: 80px;
        padding-bottom: 107px
    }
}

@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: 100px;
        padding-bottom: 133px
    }
}

@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: 180px;
        padding-bottom: 240px
    }
}

.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-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:40px
    }
}

@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:34px
    }
}

@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:27px
    }
}

@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;
        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: #53565a
}

@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,#fff 0,hsla(0,0%,100%,0) 120px,hsla(0,0%,100%,0) 80%,#fff)
    }
}

@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,#fff 0,hsla(0,0%,100%,0) 101px,hsla(0,0%,100%,0) 80%,#fff)
    }
}

@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,#fff 0,hsla(0,0%,100%,0) 82px,hsla(0,0%,100%,0) 80%,#fff)
    }
}

@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%,#fff),to(hsla(0,0%,100%,0)));
        background: linear-gradient(180deg,#fff 30%,hsla(0,0%,100%,0))
    }
}

@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
    }
}

@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:26px;
        height: 26px
    }
}

.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%;
    opacity: .3;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@media (min-width: 1800px) {
    .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 {
        border-bottom:2px solid #000
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .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 {
        border-bottom:2px solid #000
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .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 {
        border-bottom:1px solid #000
    }
}

.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: #000;
    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
    }
}

@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:16px;
        line-height: 16px;
        top: -2px;
        left: -2px
    }
}

.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: #000;
    opacity: .3;
    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
    }
}

@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:16px;
        line-height: 16px;
        bottom: -2px;
        right: -2px
    }
}

.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;
    width: auto;
    height: auto
}

@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: 200px
    }
}

@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: 168px
    }
}

@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: 137px
    }
}

@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 (max-width: 1440px) {
    .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;
    line-height: 1!important
}

@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;
        display: flex
    }
}

@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,#fff 100px,hsla(0,0%,100%,0) 20%,hsla(0,0%,100%,0) 80%,#fff)!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,#fff 84px,hsla(0,0%,100%,0) 20%,hsla(0,0%,100%,0) 80%,#fff)!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,#fff 68px,hsla(0,0%,100%,0) 20%,hsla(0,0%,100%,0) 80%,#fff)!important
    }
}

@media (min-width: 2400px) {
    .g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-mask {
        background:linear-gradient(180deg,#fff 100px,transparent 15%,transparent 80%,#fff)!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,#fff 60px,hsla(0,0%,100%,0))!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,#fff 53px,hsla(0,0%,100%,0))!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,#fff 67px,hsla(0,0%,100%,0))!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,#fff 120px,hsla(0,0%,100%,0))!important
    }
}

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

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

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

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

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

@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
    }
}

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

@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
    }
}

@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
    }
}

.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
    }
}

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

.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-left {
    height: auto
}

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

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

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

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

@media (max-width: 1023px) {
    .g--pop-page-container .g--pop-page-mode3 .inner-page .flex-left {
        height:54.134vw!important
    }
}

.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-left .background {
    height: auto!important
}

@media (min-width: 1800px) {
    .g--pop-page-container .g--pop-page-mode3 .inner-page .flex-left .background {
        width:1600px!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
    }
}

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

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

@media (max-width: 1023px) {
    .g--pop-page-container .g--pop-page-mode3 .inner-page .flex-left .background {
        height:54.134vw!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 .text-box {
        width:716px
    }
}

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

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

.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-box .pop-title {
    text-align: center
}

@media (max-width: 1023px) {
    .g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-box .pop-title {
        text-align:left
    }
}

.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-box .pop-text {
    width: 100%;
    text-align: center
}

@media (max-width: 1023px) {
    .g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-box .pop-text {
        text-align:left
    }
}

.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
}

@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
}

@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: #000;
    border-bottom: 2px solid #000
}

.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: 36px;
        height: 36px
    }
}

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

@media (min-width: 1024px) and (max-width:1399px) {
    .g--banner-mode-1 .progress {
        right:55px;
        top: 3px;
        width: 25px;
        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 rgba(0,0,0,.32);
    -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: 20px;
    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:16.768px;
        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:13.658px;
        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
}

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

.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;
    -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-radius: 40px;
        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-radius: 34px;
        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-radius: 27px;
        border: 1px solid transparent
    }
}

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

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

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

.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 {
    z-index: 17;
    margin-top: -60px;
    padding-top: 60px;
    overflow: hidden
}

@media (max-width: 768px) {
    #section-kv {
        padding-top:0
    }
}

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

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

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

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

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

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

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

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

@media (min-height: 1081px) {
    #section-kv .g--container {
        padding-top:100px
    }
}

@media (min-width: 1920px) and (min-height:1081px) {
    #section-kv .g--container {
        padding-top:40px
    }
}

#section-kv .kv-container {
    opacity: 0
}

#section-kv .big-title {
    font-family: Roman-55,Helvetica Neue,Helvetica,Arial,sans-serif;
    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-size: 80px;
    letter-spacing: 0;
    line-height: 1
}

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

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

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

#section-kv .big-title.show {
    opacity: 1;
    transition: opacity 1s linear,-webkit-transform 1s ease-out;
    -webkit-transition: opacity 1s linear,-webkit-transform 1s ease-out;
    transition: opacity 1s linear,transform 1s ease-out;
    transition: opacity 1s linear,transform 1s ease-out,-webkit-transform 1s ease-out;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

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

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

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

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

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

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

#section-kv .big-title .small {
    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;
    letter-spacing: 0;
    display: block;
    line-height: 1
}

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

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

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

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

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

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

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

@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 .flex {
    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;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center
}

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

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

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

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

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

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

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

#section-kv .flex.show {
    opacity: 1;
    transition: opacity 1s linear,-webkit-transform 1s ease-out;
    -webkit-transition: opacity 1s linear,-webkit-transform 1s ease-out;
    transition: opacity 1s linear,transform 1s ease-out;
    transition: opacity 1s linear,transform 1s ease-out,-webkit-transform 1s ease-out;
    -webkit-transition-delay: .15s;
    transition-delay: .15s;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

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

@media (min-width: 360px) and (max-width:399px) {
    #section-kv .flex img {
        width:281px;
        height: 12px
    }
}

@media (max-width: 360px) {
    #section-kv .flex img {
        width:250px;
        height: 11px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-kv .flex img {
        width:312px;
        height: 13px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-kv .flex img {
        width:562px;
        height: 24px
    }
}

@media (min-width: 1800px) {
    #section-kv .flex img {
        width:640px;
        height: 26px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-kv .flex img {
        width:537px;
        height: 22px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-kv .flex img {
        width:437px;
        height: 18px
    }
}

#section-kv .caption {
    font-family: Roman-55,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 1.2;
    color: #53565a;
    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
}

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

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

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

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

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

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

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

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

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

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

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

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

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

#section-kv .caption.show {
    opacity: 1;
    transition: opacity 1s linear,-webkit-transform 1s ease-out;
    -webkit-transition: opacity 1s linear,-webkit-transform 1s ease-out;
    transition: opacity 1s linear,transform 1s ease-out;
    transition: opacity 1s linear,transform 1s ease-out,-webkit-transform 1s ease-out;
    -webkit-transition-delay: .225s;
    transition-delay: .225s;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

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

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

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

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

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

#section-kv .price {
    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: 40px;
    letter-spacing: 0;
    line-height: 1
}

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

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

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

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

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

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

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

#section-kv .price.show {
    opacity: 1;
    transition: opacity 1s linear,-webkit-transform 1s ease-out;
    -webkit-transition: opacity 1s linear,-webkit-transform 1s ease-out;
    transition: opacity 1s linear,transform 1s ease-out;
    transition: opacity 1s linear,transform 1s ease-out,-webkit-transform 1s ease-out;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

@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
    }
}

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

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

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

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

#section-kv .open-pc {
    -o-object-fit: cover;
    object-fit: cover
}

#section-kv .open {
    width: 100vw;
    height: 216.53vw
}

#section-ksp {
    height: 300vh;
    height: calc(300*var(--vh, 1vh));
    margin-top: -100vh;
    margin-top: calc(-100*var(--vh, 1vh));
    z-index: 16
}

#section-ksp .sticky {
    overflow: hidden
}

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

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

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

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

@media (min-width: 1800px) {
    #section-ksp .sticky {
        padding-top:calc(221px + (100vh - 1080px)/2);
        padding-top: calc(221px + (100*var(--vh, 1vh) - 1080px)/2)
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-ksp .sticky {
        padding-top:calc(185px + (100vh - 905px)/2);
        padding-top: calc(185px + (100*var(--vh, 1vh) - 905px)/2)
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-ksp .sticky {
        padding-top:calc(151px + (100vh - 738px)/2);
        padding-top: calc(151px + (100*var(--vh, 1vh) - 738px)/2)
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-ksp .sticky .g--container {
        width:281px
    }
}

@media (max-width: 360px) {
    #section-ksp .sticky .g--container {
        width:250px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-ksp .sticky .g--container {
        width:312px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-ksp .sticky .g--container {
        width:562px
    }
}

#section-ksp .sticky .fade-in:first-child {
    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
}

#section-ksp .sticky .fade-in:first-child.show {
    opacity: 1;
    transition: opacity 1s linear,-webkit-transform 1s ease-out;
    -webkit-transition: opacity 1s linear,-webkit-transform 1s ease-out;
    transition: opacity 1s linear,transform 1s ease-out;
    transition: opacity 1s linear,transform 1s ease-out,-webkit-transform 1s ease-out;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

#section-ksp .sticky .fade-in:nth-child(2) {
    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
}

#section-ksp .sticky .fade-in:nth-child(2).show {
    opacity: 1;
    transition: opacity 1s linear,-webkit-transform 1s ease-out;
    -webkit-transition: opacity 1s linear,-webkit-transform 1s ease-out;
    transition: opacity 1s linear,transform 1s ease-out;
    transition: opacity 1s linear,transform 1s ease-out,-webkit-transform 1s ease-out;
    -webkit-transition-delay: .45s;
    transition-delay: .45s;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

#section-ksp .sticky .fade-in:nth-child(3) {
    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
}

#section-ksp .sticky .fade-in:nth-child(3).show {
    opacity: 1;
    transition: opacity 1s linear,-webkit-transform 1s ease-out;
    -webkit-transition: opacity 1s linear,-webkit-transform 1s ease-out;
    transition: opacity 1s linear,transform 1s ease-out;
    transition: opacity 1s linear,transform 1s ease-out,-webkit-transform 1s ease-out;
    -webkit-transition-delay: .6s;
    transition-delay: .6s;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

#section-ksp .sticky .fade-in:nth-child(4) {
    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
}

#section-ksp .sticky .fade-in:nth-child(4).show {
    opacity: 1;
    transition: opacity 1s linear,-webkit-transform 1s ease-out;
    -webkit-transition: opacity 1s linear,-webkit-transform 1s ease-out;
    transition: opacity 1s linear,transform 1s ease-out;
    transition: opacity 1s linear,transform 1s ease-out,-webkit-transform 1s ease-out;
    -webkit-transition-delay: .75s;
    transition-delay: .75s;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

#section-ksp .sticky .fade-in:nth-child(5) {
    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
}

#section-ksp .sticky .fade-in:nth-child(5).show {
    opacity: 1;
    transition: opacity 1s linear,-webkit-transform 1s ease-out;
    -webkit-transition: opacity 1s linear,-webkit-transform 1s ease-out;
    transition: opacity 1s linear,transform 1s ease-out;
    transition: opacity 1s linear,transform 1s ease-out,-webkit-transform 1s ease-out;
    -webkit-transition-delay: .9s;
    transition-delay: .9s;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

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

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

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

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

@media (min-width: 1800px) {
    #section-ksp .sticky .title {
        margin-bottom:60px
    }
}

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

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

#section-ksp .sticky .btn-groups {
    left: 0;
    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-ksp .sticky .btn-groups {
        bottom:111px
    }
}

@media (max-width: 360px) {
    #section-ksp .sticky .btn-groups {
        bottom:99px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-ksp .sticky .btn-groups {
        bottom:123px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-ksp .sticky .btn-groups {
        bottom:222px
    }
}

@media (min-width: 1800px) {
    #section-ksp .sticky .btn-groups {
        bottom:calc(162px + (100vh - 1080px)/3);
        bottom: calc(162px + (100*var(--vh, 1vh) - 1080px)/3)
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-ksp .sticky .btn-groups {
        bottom:calc(136px + (100vh - 905px)/3);
        bottom: calc(136px + (100*var(--vh, 1vh) - 905px)/3)
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-ksp .sticky .btn-groups {
        bottom:calc(111px + (100vh - 738px)/3);
        bottom: calc(111px + (100*var(--vh, 1vh) - 738px)/3)
    }
}

#section-ksp .sticky .btn-groups.show {
    opacity: 1;
    transition: opacity 1s linear,-webkit-transform 1s ease-out;
    -webkit-transition: opacity 1s linear,-webkit-transform 1s ease-out;
    transition: opacity 1s linear,transform 1s ease-out;
    transition: opacity 1s linear,transform 1s ease-out,-webkit-transform 1s ease-out;
    -webkit-transition-delay: .6s;
    transition-delay: .6s;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

@media (max-width: 1023px) {
    #section-ksp .sticky .btn-groups {
        position:relative
    }
}

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

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

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

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

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

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

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

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

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

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

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

#section-ksp .canvas {
    top: 0
}

#section-ksp .canvas-mask {
    top: 0;
    background: #000;
    opacity: 0;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear
}

.g--pop-page.gallery .rel {
    z-index: 0
}

#section-camera {
    z-index: 15
}

#section-camera .overview-module {
    height: 230vh;
    height: calc(230*var(--vh, 1vh));
    margin-top: -100vh;
    margin-top: calc(-100*var(--vh, 1vh))
}

#section-camera .overview-module .sticky {
    overflow: hidden
}

#section-camera .overview-module .g--container {
    position: relative;
    z-index: 5
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera .overview-module .g--container {
        width:327px;
        padding-top: 74px
    }
}

@media (max-width: 360px) {
    #section-camera .overview-module .g--container {
        width:291px;
        padding-top: 66px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera .overview-module .g--container {
        width:363px;
        padding-top: 82px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera .overview-module .g--container {
        width:654px;
        padding-top: 148px
    }
}

@media (min-width: 1800px) {
    #section-camera .overview-module .g--container {
        width:960px;
        padding-top: 160px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera .overview-module .g--container {
        width:805px;
        padding-top: 134px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera .overview-module .g--container {
        width:656px;
        padding-top: 109px
    }
}

#section-camera .overview-module .g--container .fade-in:first-child {
    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
}

#section-camera .overview-module .g--container .fade-in:first-child.show {
    opacity: 1;
    transition: opacity 1s linear,-webkit-transform 1s ease-out;
    -webkit-transition: opacity 1s linear,-webkit-transform 1s ease-out;
    transition: opacity 1s linear,transform 1s ease-out;
    transition: opacity 1s linear,transform 1s ease-out,-webkit-transform 1s ease-out;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

#section-camera .overview-module .g--container .fade-in:nth-child(2) {
    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
}

#section-camera .overview-module .g--container .fade-in:nth-child(2).show {
    opacity: 1;
    transition: opacity 1s linear,-webkit-transform 1s ease-out;
    -webkit-transition: opacity 1s linear,-webkit-transform 1s ease-out;
    transition: opacity 1s linear,transform 1s ease-out;
    transition: opacity 1s linear,transform 1s ease-out,-webkit-transform 1s ease-out;
    -webkit-transition-delay: .15s;
    transition-delay: .15s;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

#section-camera .overview-module .g--container .fade-in:nth-child(3) {
    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
}

#section-camera .overview-module .g--container .fade-in:nth-child(3).show {
    opacity: 1;
    transition: opacity 1s linear,-webkit-transform 1s ease-out;
    -webkit-transition: opacity 1s linear,-webkit-transform 1s ease-out;
    transition: opacity 1s linear,transform 1s ease-out;
    transition: opacity 1s linear,transform 1s ease-out,-webkit-transform 1s ease-out;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

@media (max-width: 1023px) {
    #section-camera .overview-module .g--container {
        text-align:left
    }
}

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

@media (max-width: 360px) {
    #section-camera .overview-module .g--container>.text {
        margin-top:18px
    }
}

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

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

@media (min-width: 1800px) {
    #section-camera .overview-module .g--container>.text {
        margin-top:40px
    }
}

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

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

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

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

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

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

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

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

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

@media (min-width: 360px) and (max-width:399px) {
    #section-camera .overview-module .g--container .btn-groups .flex {
        margin-bottom:10px
    }
}

@media (max-width: 360px) {
    #section-camera .overview-module .g--container .btn-groups .flex {
        margin-bottom:9px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera .overview-module .g--container .btn-groups .flex {
        margin-bottom:11px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera .overview-module .g--container .btn-groups .flex {
        margin-bottom:20px
    }
}

@media (min-width: 1800px) {
    #section-camera .overview-module .g--container .btn-groups .flex {
        margin-bottom:20px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera .overview-module .g--container .btn-groups .flex {
        margin-bottom:17px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera .overview-module .g--container .btn-groups .flex {
        margin-bottom:14px
    }
}

@media (max-width: 1023px) {
    #section-camera .overview-module .g--container .btn-groups .flex {
        -webkit-box-pack:left;
        justify-content: left
    }
}

#section-camera .overview-module .g--container .btn-groups a {
    color: #000
}

#section-camera .overview-module .bottom {
    width: 250%;
    left: -118%
}

@media (min-width: 1800px) {
    #section-camera .overview-module .bottom {
        margin-top:60px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera .overview-module .bottom {
        margin-top:50px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera .overview-module .bottom {
        margin-top:41px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera .overview-module .bottom {
        margin-top:40px;
        width: 2475px;
        left: -1453px
    }
}

@media (max-width: 360px) {
    #section-camera .overview-module .bottom {
        margin-top:36px;
        width: 2200px;
        left: -1291px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera .overview-module .bottom {
        margin-top:44px;
        width: 2750px;
        left: -1614px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera .overview-module .bottom {
        margin-top:80px;
        width: 4950px;
        left: -2906px
    }
}

#section-camera .color-module {
    z-index: 4
}

#section-camera .color-module .sticky-container {
    height: 200vh;
    height: calc(200*var(--vh, 1vh))
}

#section-camera .color-module .sticky-container .sticky {
    overflow: hidden
}

@media (max-width: 1023px) {
    #section-camera .color-module .sticky-container .sticky .group {
        margin:auto;
        display: block
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera .color-module .sticky-container .sticky .group {
        width:327px
    }
}

@media (max-width: 360px) {
    #section-camera .color-module .sticky-container .sticky .group {
        width:291px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera .color-module .sticky-container .sticky .group {
        width:363px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera .color-module .sticky-container .sticky .group {
        width:654px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera .color-module .sticky-container img {
        width:327px;
        height: 153px;
        margin: 24px 0
    }
}

@media (max-width: 360px) {
    #section-camera .color-module .sticky-container img {
        width:291px;
        height: 136px;
        margin: 21px 0
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera .color-module .sticky-container img {
        width:363px;
        height: 170px;
        margin: 27px 0
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera .color-module .sticky-container img {
        width:654px;
        height: 306px;
        margin: 48px 0
    }
}

@media (min-width: 1800px) {
    #section-camera .color-module .sticky-container img {
        width:356px;
        height: 756px;
        margin: 0 20px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera .color-module .sticky-container img {
        width:298px;
        height: 634px;
        margin: 0 17px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera .color-module .sticky-container img {
        width:243px;
        height: 516px;
        margin: 0 14px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera .color-module .wrapper {
        margin-top:60px
    }
}

@media (max-width: 360px) {
    #section-camera .color-module .wrapper {
        margin-top:53px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera .color-module .wrapper {
        margin-top:67px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera .color-module .wrapper {
        margin-top:120px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera .color-module .scroll {
        width:327px;
        padding: 40px 0;
        margin-top: calc(289px - 50vh);
        margin-top: calc(289px - 50*var(--vh, 1vh))
    }
}

@media (max-width: 360px) {
    #section-camera .color-module .scroll {
        width:291px;
        padding: 36px 0;
        margin-top: calc(257px - 50vh);
        margin-top: calc(257px - 50*var(--vh, 1vh))
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera .color-module .scroll {
        width:363px;
        padding: 44px 0;
        margin-top: calc(321px - 50vh);
        margin-top: calc(321px - 50*var(--vh, 1vh))
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera .color-module .scroll {
        width:654px;
        padding: 80px 0;
        margin-top: calc(578px - 50vh);
        margin-top: calc(578px - 50*var(--vh, 1vh))
    }
}

@media (min-width: 1800px) {
    #section-camera .color-module .scroll {
        width:960px;
        padding: 80px 0;
        margin-top: calc(378px - 50vh);
        margin-top: calc(378px - 50*var(--vh, 1vh))
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera .color-module .scroll {
        width:805px;
        padding: 67px 0;
        margin-top: calc(317px - 50vh);
        margin-top: calc(317px - 50*var(--vh, 1vh))
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera .color-module .scroll {
        width:656px;
        padding: 55px 0;
        margin-top: calc(258px - 50vh);
        margin-top: calc(258px - 50*var(--vh, 1vh))
    }
}

#section-camera .color-module .scroll .fade-in:first-child {
    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
}

#section-camera .color-module .scroll .fade-in:first-child.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: 0s;
    transition-delay: 0s;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

#section-camera .color-module .scroll .fade-in:nth-child(2) {
    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
}

#section-camera .color-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)
}

#section-camera .color-module .scroll .fade-in:nth-child(3) {
    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
}

#section-camera .color-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)
}

#section-camera .color-module .scroll .fade-in:nth-child(4) {
    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
}

#section-camera .color-module .scroll .fade-in:nth-child(4).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: .3s;
    transition-delay: .3s;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

#section-camera .color-module .scroll .fade-in:nth-child(5) {
    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
}

#section-camera .color-module .scroll .fade-in:nth-child(5).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: .4s;
    transition-delay: .4s;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera .color-module .scroll>.text {
        margin-top:20px
    }
}

@media (max-width: 360px) {
    #section-camera .color-module .scroll>.text {
        margin-top:18px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera .color-module .scroll>.text {
        margin-top:22px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera .color-module .scroll>.text {
        margin-top:40px
    }
}

@media (min-width: 1800px) {
    #section-camera .color-module .scroll>.text {
        margin-top:40px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera .color-module .scroll>.text {
        margin-top:34px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera .color-module .scroll>.text {
        margin-top:27px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera .color-module .scroll .btn-groups {
        margin-top:20px
    }
}

@media (max-width: 360px) {
    #section-camera .color-module .scroll .btn-groups {
        margin-top:18px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera .color-module .scroll .btn-groups {
        margin-top:22px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera .color-module .scroll .btn-groups {
        margin-top:40px
    }
}

@media (min-width: 1800px) {
    #section-camera .color-module .scroll .btn-groups {
        margin-top:40px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera .color-module .scroll .btn-groups {
        margin-top:34px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera .color-module .scroll .btn-groups {
        margin-top:27px
    }
}

@media (max-width: 1023px) {
    #section-camera .color-module .scroll .btn-groups .flex {
        -webkit-box-pack:left;
        justify-content: left
    }
}

@media (max-width: 1023px) {
    #section-camera .color-module .scroll {
        text-align:left
    }
}

#section-camera .color-module .phone1 {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

@media (max-width: 1023px) {
    #section-camera .color-module .phone1 {
        -webkit-transform-origin:50% 100%;
        transform-origin: 50% 100%
    }
}

#section-camera .color-module .phone3 {
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%
}

@media (max-width: 1023px) {
    #section-camera .color-module .phone3 {
        -webkit-transform-origin:50% 0;
        transform-origin: 50% 0
    }
}

#section-camera .shot-module {
    z-index: 3
}

@media (max-width: 1023px) {
    #section-camera .shot-module {
        z-index:3;
        margin-top: -100vh;
        margin-top: calc(-100*var(--vh, 1vh))
    }
}

@media (max-width: 1023px) {
    #section-camera .shot-module .sticky-container {
        height:auto
    }
}

#section-camera .shot-module .sticky-container .sticky {
    overflow: hidden;
    background: transparent
}

#section-camera .shot-module .sticky-container .sticky .shot {
    -webkit-transform-origin: 50% 14.814%;
    transform-origin: 50% 14.814%
}

@media (max-width: 1023px) {
    #section-camera .shot-module .sticky-container .sticky .shot {
        transition:-webkit-transform 1s ease;
        -webkit-transition: -webkit-transform 1s ease;
        transition: transform 1s ease;
        transition: transform 1s ease,-webkit-transform 1s ease;
        width: 100vw;
        height: 216.53333vw;
        left: 0;
        -webkit-transform-origin: 6.4% 5.788%;
        transform-origin: 6.4% 5.788%
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera .shot-module .sticky-container .sticky .shot {
        top:27px
    }
}

@media (max-width: 360px) {
    #section-camera .shot-module .sticky-container .sticky .shot {
        top:24px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera .shot-module .sticky-container .sticky .shot {
        top:30px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera .shot-module .sticky-container .sticky .shot {
        top:54px
    }
}

#section-camera .shot-module .sticky-container .sticky .shot .trans {
    transition: -webkit-transform 1s ease;
    -webkit-transition: -webkit-transform 1s ease;
    transition: transform 1s ease;
    transition: transform 1s ease,-webkit-transform 1s ease
}

#section-camera .shot-module .sticky-container .sticky .shot .trans .part-scale {
    -webkit-transform-origin: 23.25% 9.8%;
    transform-origin: 23.25% 9.8%
}

@media (max-width: 1023px) {
    #section-camera .shot-module .sticky-container .sticky .shot .trans .part-scale {
        -webkit-transform-origin:21.9% 8.9%;
        transform-origin: 21.9% 8.9%
    }
}

@media (max-width: 1023px) {
    #section-camera .shot-module .sticky-container .sticky .shot .trans .scale {
        -webkit-transform-origin:0 0;
        transform-origin: 0 0
    }
}

@media (max-width: 1023px) {
    #section-camera .shot-module .sticky-container .sticky .shot .trans {
        -webkit-transition:none;
        transition: none
    }
}

#section-camera .shot-module .sticky-container .sticky .shot .shot-2,#section-camera .shot-module .sticky-container .sticky .shot .shot-3 {
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
    opacity: 0
}

#section-camera .shot-module .sticky-container .sticky .shot .part {
    opacity: 0;
    width: 21.5%;
    height: 6%;
    top: 17.3%;
    left: 12.5%;
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

#section-camera .shot-module .sticky-container .sticky .canvas {
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear
}

@media (max-width: 1023px) {
    #section-camera .shot-module .sticky-container .sticky .canvas {
        width:100vw;
        height: 216.53333vw;
        left: 0
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera .shot-module .sticky-container .sticky .canvas {
        top:27px
    }
}

@media (max-width: 360px) {
    #section-camera .shot-module .sticky-container .sticky .canvas {
        top:24px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera .shot-module .sticky-container .sticky .canvas {
        top:30px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera .shot-module .sticky-container .sticky .canvas {
        top:54px
    }
}

@media (max-width: 1023px) {
    #section-camera .shot-module .sticky-container .scroll {
        width:100vw;
        margin-top: 0
    }
}

#section-camera .shot-module .sticky-container .scroll .content-box {
    margin-top: -30vh;
    margin-top: calc(-30*var(--vh, 1vh))
}

@media (max-width: 1023px) {
    #section-camera .shot-module .sticky-container .scroll .content-box {
        margin-top:0
    }
}

#section-camera .shot-module .sticky-container .scroll .content-box3 {
    margin-top: 0
}

#section-camera .shot-module .sticky-container .scroll .content-holder {
    height: 40vh;
    height: calc(40*var(--vh, 1vh));
    width: 0
}

#section-camera .shot-module .sticky-container .scroll .content {
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    overflow: visible
}

@media (min-width: 1800px) {
    #section-camera .shot-module .sticky-container .scroll .content {
        width:640px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera .shot-module .sticky-container .scroll .content {
        width:537px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera .shot-module .sticky-container .scroll .content {
        width:437px
    }
}

#section-camera .shot-module .sticky-container .scroll .content .fade-in:first-child {
    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
}

#section-camera .shot-module .sticky-container .scroll .content .fade-in:first-child.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: 0s;
    transition-delay: 0s;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

#section-camera .shot-module .sticky-container .scroll .content .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
}

#section-camera .shot-module .sticky-container .scroll .content .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)
}

#section-camera .shot-module .sticky-container .scroll .content .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
}

#section-camera .shot-module .sticky-container .scroll .content .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)
}

#section-camera .shot-module .sticky-container .scroll .content .fade-in:nth-child(4) {
    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
}

#section-camera .shot-module .sticky-container .scroll .content .fade-in:nth-child(4).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: .3s;
    transition-delay: .3s;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

#section-camera .shot-module .sticky-container .scroll .content .fade-in:nth-child(5) {
    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
}

#section-camera .shot-module .sticky-container .scroll .content .fade-in:nth-child(5).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: .4s;
    transition-delay: .4s;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

#section-camera .shot-module .sticky-container .scroll .content .fade-in:nth-child(6) {
    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
}

#section-camera .shot-module .sticky-container .scroll .content .fade-in:nth-child(6).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 (min-width: 360px) and (max-width:399px) {
    #section-camera .shot-module .sticky-container .scroll .content-1 .text {
        margin-bottom:20px;
        margin-top: 15px
    }
}

@media (max-width: 360px) {
    #section-camera .shot-module .sticky-container .scroll .content-1 .text {
        margin-bottom:18px;
        margin-top: 13px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera .shot-module .sticky-container .scroll .content-1 .text {
        margin-bottom:22px;
        margin-top: 17px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera .shot-module .sticky-container .scroll .content-1 .text {
        margin-bottom:40px;
        margin-top: 30px
    }
}

@media (min-width: 1800px) {
    #section-camera .shot-module .sticky-container .scroll .content-1 .text {
        margin-bottom:60px;
        margin-top: 30px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera .shot-module .sticky-container .scroll .content-1 .text {
        margin-bottom:50px;
        margin-top: 25px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera .shot-module .sticky-container .scroll .content-1 .text {
        margin-bottom:41px;
        margin-top: 20px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera .shot-module .sticky-container .scroll .content-1 {
        padding:0 24px
    }
}

@media (max-width: 360px) {
    #section-camera .shot-module .sticky-container .scroll .content-1 {
        padding:0 21px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera .shot-module .sticky-container .scroll .content-1 {
        padding:0 27px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera .shot-module .sticky-container .scroll .content-1 {
        padding:0 48px
    }
}

#section-camera .shot-module .sticky-container .scroll .content-box2 {
    margin-top: 0
}

@media (max-width: 1023px) {
    #section-camera .shot-module .sticky-container .scroll .content-box2 {
        margin-top:150vh;
        margin-top: calc(150*var(--vh, 1vh))
    }
}

@media (max-width: 1023px) {
    #section-camera .shot-module .sticky-container .scroll .content-2 {
        bottom:0;
        margin-bottom: 0
    }
}

@media (max-width: 1023px) {
    #section-camera .shot-module .sticky-container .scroll .content-box3 {
        margin-top:100vh;
        margin-top: calc(100*var(--vh, 1vh))
    }
}

@media (min-width: 1024px) {
    #section-camera .shot-module .sticky-container .scroll .content-3 {
        height:calc(100vh + 100px);
        height: calc(100*var(--vh, 1vh) + 100px);
        max-height: 1120px
    }
}

@media (max-width: 1023px) {
    #section-camera .shot-module .sticky-container .scroll .content-3 {
        margin-bottom:0
    }
}

@media (max-width: 1023px) {
    #section-camera .shot-module .sticky-container .scroll .content-2,#section-camera .shot-module .sticky-container .scroll .content-3 {
        background-color:#fff
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera .shot-module .sticky-container .scroll .content-2,#section-camera .shot-module .sticky-container .scroll .content-3 {
        padding:40px 24px
    }
}

@media (max-width: 360px) {
    #section-camera .shot-module .sticky-container .scroll .content-2,#section-camera .shot-module .sticky-container .scroll .content-3 {
        padding:36px 21px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera .shot-module .sticky-container .scroll .content-2,#section-camera .shot-module .sticky-container .scroll .content-3 {
        padding:44px 27px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera .shot-module .sticky-container .scroll .content-2,#section-camera .shot-module .sticky-container .scroll .content-3 {
        padding:80px 48px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera .shot-module .sticky-container .scroll .content-2 .btn-groups,#section-camera .shot-module .sticky-container .scroll .content-2>.text,#section-camera .shot-module .sticky-container .scroll .content-3 .btn-groups,#section-camera .shot-module .sticky-container .scroll .content-3>.text {
        margin-top:20px
    }
}

@media (max-width: 360px) {
    #section-camera .shot-module .sticky-container .scroll .content-2 .btn-groups,#section-camera .shot-module .sticky-container .scroll .content-2>.text,#section-camera .shot-module .sticky-container .scroll .content-3 .btn-groups,#section-camera .shot-module .sticky-container .scroll .content-3>.text {
        margin-top:18px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera .shot-module .sticky-container .scroll .content-2 .btn-groups,#section-camera .shot-module .sticky-container .scroll .content-2>.text,#section-camera .shot-module .sticky-container .scroll .content-3 .btn-groups,#section-camera .shot-module .sticky-container .scroll .content-3>.text {
        margin-top:22px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera .shot-module .sticky-container .scroll .content-2 .btn-groups,#section-camera .shot-module .sticky-container .scroll .content-2>.text,#section-camera .shot-module .sticky-container .scroll .content-3 .btn-groups,#section-camera .shot-module .sticky-container .scroll .content-3>.text {
        margin-top:40px
    }
}

@media (min-width: 1800px) {
    #section-camera .shot-module .sticky-container .scroll .content-2 .btn-groups,#section-camera .shot-module .sticky-container .scroll .content-2>.text,#section-camera .shot-module .sticky-container .scroll .content-3 .btn-groups,#section-camera .shot-module .sticky-container .scroll .content-3>.text {
        margin-top:40px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera .shot-module .sticky-container .scroll .content-2 .btn-groups,#section-camera .shot-module .sticky-container .scroll .content-2>.text,#section-camera .shot-module .sticky-container .scroll .content-3 .btn-groups,#section-camera .shot-module .sticky-container .scroll .content-3>.text {
        margin-top:34px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera .shot-module .sticky-container .scroll .content-2 .btn-groups,#section-camera .shot-module .sticky-container .scroll .content-2>.text,#section-camera .shot-module .sticky-container .scroll .content-3 .btn-groups,#section-camera .shot-module .sticky-container .scroll .content-3>.text {
        margin-top:27px
    }
}

#section-camera .shot-module .sticky-container .scroll .content-4 {
    margin-top: 50vh;
    margin-top: calc(50*var(--vh, 1vh));
    height: 180vh;
    height: calc(180*var(--vh, 1vh))
}

@media (max-width: 1023px) {
    #section-camera .shot-module .sticky-container .scroll .content-4 {
        margin-top:100vh;
        margin-top: calc(100*var(--vh, 1vh))
    }
}

#section-camera .gallery-module {
    z-index: 2;
    margin-top: -120vh;
    margin-top: calc(-120*var(--vh, 1vh))
}

@media (min-width: 1800px) {
    #section-camera .gallery-module {
        padding-bottom:160px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera .gallery-module {
        padding-bottom:134px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera .gallery-module {
        padding-bottom:109px
    }
}

#section-camera .gallery-module .sticky-container {
    height: 250vh;
    height: calc(250*var(--vh, 1vh))
}

#section-camera .gallery-module .sticky {
    overflow: hidden
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera .gallery-module .sticky {
        padding-top:74px
    }
}

@media (max-width: 360px) {
    #section-camera .gallery-module .sticky {
        padding-top:66px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera .gallery-module .sticky {
        padding-top:82px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera .gallery-module .sticky {
        padding-top:148px
    }
}

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

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

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

#section-camera .gallery-module .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: 1800px) {
    #section-camera .gallery-module .title {
        width:960px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera .gallery-module .title {
        width:805px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera .gallery-module .title {
        width:656px
    }
}

#section-camera .gallery-module .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)
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera .gallery-module .title {
        width:327px
    }
}

@media (max-width: 360px) {
    #section-camera .gallery-module .title {
        width:291px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera .gallery-module .title {
        width:363px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera .gallery-module .title {
        width:654px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera .gallery-module .g--container {
        margin-top:calc((675px - 100vh)/2 - 10vh);
        margin-top: calc((675px - 100*var(--vh, 1vh))/2 - 10*var(--vh, 1vh))
    }
}

@media (max-width: 360px) {
    #section-camera .gallery-module .g--container {
        margin-top:calc((600px - 100vh)/2 - 10vh);
        margin-top: calc((600px - 100*var(--vh, 1vh))/2 - 10*var(--vh, 1vh))
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera .gallery-module .g--container {
        margin-top:calc((750px - 100vh)/2 - 10vh);
        margin-top: calc((750px - 100*var(--vh, 1vh))/2 - 10*var(--vh, 1vh))
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera .gallery-module .g--container {
        margin-top:calc((1350px - 100vh)/2 - 10vh);
        margin-top: calc((1350px - 100*var(--vh, 1vh))/2 - 10*var(--vh, 1vh))
    }
}

#section-camera .gallery-module .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) {
    #section-camera .gallery-module .btn {
        margin-top:20px
    }
}

@media (max-width: 360px) {
    #section-camera .gallery-module .btn {
        margin-top:18px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera .gallery-module .btn {
        margin-top:22px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera .gallery-module .btn {
        margin-top:40px
    }
}

@media (min-width: 1800px) {
    #section-camera .gallery-module .btn {
        margin-top:40px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera .gallery-module .btn {
        margin-top:34px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera .gallery-module .btn {
        margin-top:27px
    }
}

#section-camera .gallery-module .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)
}

#section-camera .gallery-module .group {
    transition: -webkit-transform .1s ease;
    -webkit-transition: -webkit-transform .1s ease;
    transition: transform .1s ease;
    transition: transform .1s ease,-webkit-transform .1s ease
}

#section-camera .gallery-module .group .border {
    overflow: hidden
}

#section-camera .gallery-module .group .border img {
    transition: -webkit-transform .1s ease;
    -webkit-transition: -webkit-transform .1s ease;
    transition: transform .1s ease;
    transition: transform .1s ease,-webkit-transform .1s ease
}

#section-camera .gallery-module .group .border .watermark {
    bottom: 0;
    opacity: 0;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear
}

#section-camera .gallery-module .group .border .watermark.show {
    opacity: 1
}

#section-camera .gallery-module .group .text {
    text-align: left;
    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-camera .gallery-module .group .text {
        margin-top:10px
    }
}

@media (max-width: 360px) {
    #section-camera .gallery-module .group .text {
        margin-top:9px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera .gallery-module .group .text {
        margin-top:11px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera .gallery-module .group .text {
        margin-top:20px
    }
}

@media (min-width: 1800px) {
    #section-camera .gallery-module .group .text {
        margin-top:20px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera .gallery-module .group .text {
        margin-top:17px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera .gallery-module .group .text {
        margin-top:14px
    }
}

#section-camera .gallery-module .group .text.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: 360px) and (max-width:399px) {
    #section-camera .gallery-module .bg {
        margin-top:40px
    }
}

@media (max-width: 360px) {
    #section-camera .gallery-module .bg {
        margin-top:36px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera .gallery-module .bg {
        margin-top:44px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera .gallery-module .bg {
        margin-top:80px
    }
}

@media (min-width: 1800px) {
    #section-camera .gallery-module .bg {
        width:1120px;
        margin-top: 80px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera .gallery-module .bg {
        width:939px;
        margin-top: 67px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera .gallery-module .bg {
        width:765px;
        margin-top: 55px
    }
}

@media (max-width: 1023px) {
    #section-camera .gallery-module .bg {
        width:100vw
    }
}

@media (min-width: 1800px) {
    #section-camera .gallery-module .bg .border {
        width:1120px;
        height: 502px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera .gallery-module .bg .border {
        width:939px;
        height: 421px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera .gallery-module .bg .border {
        width:765px;
        height: 343px
    }
}

@media (max-width: 1023px) {
    #section-camera .gallery-module .bg .border {
        width:100vw;
        height: 64vw
    }
}

@media (max-width: 1023px) {
    #section-camera .gallery-module .bg .text {
        margin:auto
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera .gallery-module .bg .text {
        width:327px;
        margin-top: 10px
    }
}

@media (max-width: 360px) {
    #section-camera .gallery-module .bg .text {
        width:291px;
        margin-top: 9px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera .gallery-module .bg .text {
        width:363px;
        margin-top: 11px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera .gallery-module .bg .text {
        width:654px;
        margin-top: 20px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera .gallery-module .gallery {
        margin-top:calc(482px - 100vh);
        margin-top: calc(482px - 100*var(--vh, 1vh))
    }
}

@media (max-width: 360px) {
    #section-camera .gallery-module .gallery {
        margin-top:calc(428px - 100vh);
        margin-top: calc(428px - 100*var(--vh, 1vh))
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera .gallery-module .gallery {
        margin-top:calc(536px - 100vh);
        margin-top: calc(536px - 100*var(--vh, 1vh))
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera .gallery-module .gallery {
        margin-top:calc(964px - 100vh);
        margin-top: calc(964px - 100*var(--vh, 1vh))
    }
}

@media (min-width: 1800px) {
    #section-camera .gallery-module .gallery {
        margin-top:calc(850px - 100vh);
        margin-top: calc(850px - 100*var(--vh, 1vh))
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera .gallery-module .gallery {
        margin-top:calc(713px - 100vh);
        margin-top: calc(713px - 100*var(--vh, 1vh))
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera .gallery-module .gallery {
        margin-top:calc(580px - 100vh);
        margin-top: calc(580px - 100*var(--vh, 1vh))
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera .gallery-module .group-1 {
        margin-top:40px
    }
}

@media (max-width: 360px) {
    #section-camera .gallery-module .group-1 {
        margin-top:36px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera .gallery-module .group-1 {
        margin-top:44px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera .gallery-module .group-1 {
        margin-top:80px
    }
}

@media (min-width: 1800px) {
    #section-camera .gallery-module .group-1 {
        margin-top:160px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera .gallery-module .group-1 {
        margin-top:134px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera .gallery-module .group-1 {
        margin-top:109px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera .gallery-module .group-1 .border {
        width:281px;
        height: 193px
    }
}

@media (max-width: 360px) {
    #section-camera .gallery-module .group-1 .border {
        width:250px;
        height: 172px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera .gallery-module .group-1 .border {
        width:312px;
        height: 214px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera .gallery-module .group-1 .border {
        width:562px;
        height: 386px
    }
}

@media (min-width: 1800px) {
    #section-camera .gallery-module .group-1 .border {
        width:640px;
        height: 400px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera .gallery-module .group-1 .border {
        width:537px;
        height: 335px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera .gallery-module .group-1 .border {
        width:437px;
        height: 273px
    }
}

#section-camera .gallery-module .group-1 .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: 360px) and (max-width:399px) {
    #section-camera .gallery-module .group-1 .text {
        width:281px
    }
}

@media (max-width: 360px) {
    #section-camera .gallery-module .group-1 .text {
        width:250px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera .gallery-module .group-1 .text {
        width:312px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera .gallery-module .group-1 .text {
        width:562px
    }
}

@media (min-width: 1800px) {
    #section-camera .gallery-module .group-1 .text {
        width:640px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera .gallery-module .group-1 .text {
        width:537px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera .gallery-module .group-1 .text {
        width:437px
    }
}

#section-camera .gallery-module .group-1 .text.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: .45s;
    transition-delay: .45s;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera .gallery-module .group-2 {
        margin-top:40px;
        margin-left: 46px
    }
}

@media (max-width: 360px) {
    #section-camera .gallery-module .group-2 {
        margin-top:36px;
        margin-left: 41px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera .gallery-module .group-2 {
        margin-top:44px;
        margin-left: 51px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera .gallery-module .group-2 {
        margin-top:80px;
        margin-left: 92px
    }
}

@media (min-width: 1800px) {
    #section-camera .gallery-module .group-2 {
        margin-top:-249px;
        margin-left: 800px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera .gallery-module .group-2 {
        margin-top:-209px;
        margin-left: 671px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera .gallery-module .group-2 {
        margin-top:-170px;
        margin-left: 546px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera .gallery-module .group-2 .border {
        width:281px;
        height: 322px
    }
}

@media (max-width: 360px) {
    #section-camera .gallery-module .group-2 .border {
        width:250px;
        height: 286px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera .gallery-module .group-2 .border {
        width:312px;
        height: 358px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera .gallery-module .group-2 .border {
        width:562px;
        height: 644px
    }
}

@media (min-width: 1800px) {
    #section-camera .gallery-module .group-2 .border {
        width:480px;
        height: 640px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera .gallery-module .group-2 .border {
        width:402px;
        height: 537px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera .gallery-module .group-2 .border {
        width:328px;
        height: 437px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera .gallery-module .group-2 .text {
        width:281px
    }
}

@media (max-width: 360px) {
    #section-camera .gallery-module .group-2 .text {
        width:250px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera .gallery-module .group-2 .text {
        width:312px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera .gallery-module .group-2 .text {
        width:562px
    }
}

@media (min-width: 1800px) {
    #section-camera .gallery-module .group-2 .text {
        width:480px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera .gallery-module .group-2 .text {
        width:402px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera .gallery-module .group-2 .text {
        width:328px
    }
}

#section-camera .gallery-module .group-3 {
    margin-left: 0
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera .gallery-module .group-3 {
        margin-top:40px
    }
}

@media (max-width: 360px) {
    #section-camera .gallery-module .group-3 {
        margin-top:36px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera .gallery-module .group-3 {
        margin-top:44px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera .gallery-module .group-3 {
        margin-top:80px
    }
}

@media (min-width: 1800px) {
    #section-camera .gallery-module .group-3 {
        margin-top:-280px;
        margin-left: 160px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera .gallery-module .group-3 {
        margin-top:-235px;
        margin-left: 134px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera .gallery-module .group-3 {
        margin-top:-191px;
        margin-left: 109px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera .gallery-module .group-3 .border {
        width:281px;
        height: 322px
    }
}

@media (max-width: 360px) {
    #section-camera .gallery-module .group-3 .border {
        width:250px;
        height: 286px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera .gallery-module .group-3 .border {
        width:312px;
        height: 358px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera .gallery-module .group-3 .border {
        width:562px;
        height: 644px
    }
}

@media (min-width: 1800px) {
    #section-camera .gallery-module .group-3 .border {
        width:480px;
        height: 640px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera .gallery-module .group-3 .border {
        width:402px;
        height: 537px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera .gallery-module .group-3 .border {
        width:328px;
        height: 437px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera .gallery-module .group-3 .text {
        width:281px
    }
}

@media (max-width: 360px) {
    #section-camera .gallery-module .group-3 .text {
        width:250px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera .gallery-module .group-3 .text {
        width:312px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera .gallery-module .group-3 .text {
        width:562px
    }
}

@media (min-width: 1800px) {
    #section-camera .gallery-module .group-3 .text {
        width:480px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera .gallery-module .group-3 .text {
        width:402px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera .gallery-module .group-3 .text {
        width:328px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera .gallery-module .group-4 {
        margin-top:40px;
        margin-left: 47px
    }
}

@media (max-width: 360px) {
    #section-camera .gallery-module .group-4 {
        margin-top:36px;
        margin-left: 42px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera .gallery-module .group-4 {
        margin-top:44px;
        margin-left: 52px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera .gallery-module .group-4 {
        margin-top:80px;
        margin-left: 94px
    }
}

@media (min-width: 1800px) {
    #section-camera .gallery-module .group-4 {
        margin-top:-253px;
        margin-left: 800px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera .gallery-module .group-4 {
        margin-top:-212px;
        margin-left: 671px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera .gallery-module .group-4 {
        margin-top:-173px;
        margin-left: 546px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera .gallery-module .group-4 .border {
        width:281px;
        height: 193px
    }
}

@media (max-width: 360px) {
    #section-camera .gallery-module .group-4 .border {
        width:250px;
        height: 172px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera .gallery-module .group-4 .border {
        width:312px;
        height: 214px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera .gallery-module .group-4 .border {
        width:562px;
        height: 386px
    }
}

@media (min-width: 1800px) {
    #section-camera .gallery-module .group-4 .border {
        width:640px;
        height: 400px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera .gallery-module .group-4 .border {
        width:537px;
        height: 335px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera .gallery-module .group-4 .border {
        width:437px;
        height: 273px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera .gallery-module .group-4 .text {
        width:281px
    }
}

@media (max-width: 360px) {
    #section-camera .gallery-module .group-4 .text {
        width:250px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera .gallery-module .group-4 .text {
        width:312px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera .gallery-module .group-4 .text {
        width:562px
    }
}

@media (min-width: 1800px) {
    #section-camera .gallery-module .group-4 .text {
        width:640px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera .gallery-module .group-4 .text {
        width:537px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera .gallery-module .group-4 .text {
        width:437px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera .gallery-module .group-5 {
        margin-top:40px
    }
}

@media (max-width: 360px) {
    #section-camera .gallery-module .group-5 {
        margin-top:36px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera .gallery-module .group-5 {
        margin-top:44px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera .gallery-module .group-5 {
        margin-top:80px
    }
}

@media (min-width: 1800px) {
    #section-camera .gallery-module .group-5 {
        width:1120px;
        margin-top: 124px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera .gallery-module .group-5 {
        width:939px;
        margin-top: 104px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera .gallery-module .group-5 {
        width:765px;
        margin-top: 85px
    }
}

@media (max-width: 1023px) {
    #section-camera .gallery-module .group-5 {
        width:100vw
    }
}

@media (min-width: 1800px) {
    #section-camera .gallery-module .group-5 .border {
        width:1120px;
        height: 700px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera .gallery-module .group-5 .border {
        width:939px;
        height: 587px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera .gallery-module .group-5 .border {
        width:765px;
        height: 478px
    }
}

@media (max-width: 1023px) {
    #section-camera .gallery-module .group-5 .border {
        width:100vw;
        height: 64vw
    }
}

@media (max-width: 1023px) {
    #section-camera .gallery-module .group-5 .text {
        margin:auto
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera .gallery-module .group-5 .text {
        width:327px;
        margin-top: 10px
    }
}

@media (max-width: 360px) {
    #section-camera .gallery-module .group-5 .text {
        width:291px;
        margin-top: 9px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera .gallery-module .group-5 .text {
        width:363px;
        margin-top: 11px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera .gallery-module .group-5 .text {
        width:654px;
        margin-top: 20px
    }
}

#section-camera .connect-module {
    z-index: 15
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera .connect-module {
        padding-top:100px;
        padding-bottom: 47px
    }
}

@media (max-width: 360px) {
    #section-camera .connect-module {
        padding-top:89px;
        padding-bottom: 42px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera .connect-module {
        padding-top:111px;
        padding-bottom: 52px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera .connect-module {
        padding-top:200px;
        padding-bottom: 94px
    }
}

@media (min-width: 1800px) {
    #section-camera .connect-module {
        padding-bottom:160px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera .connect-module {
        padding-bottom:134px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera .connect-module {
        padding-bottom:109px
    }
}

#section-camera .connect-module .sticky-container {
    height: 150vh;
    height: calc(150*var(--vh, 1vh))
}

#section-camera .connect-module .phone,#section-camera .connect-module .sticky {
    overflow: hidden
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera .connect-module .phone {
        width:235px;
        height: 503px;
        border-radius: 30px
    }
}

@media (max-width: 360px) {
    #section-camera .connect-module .phone {
        width:209px;
        height: 447px;
        border-radius: 27px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera .connect-module .phone {
        width:261px;
        height: 559px;
        border-radius: 33px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera .connect-module .phone {
        width:470px;
        height: 1006px;
        border-radius: 60px
    }
}

@media (min-width: 1800px) {
    #section-camera .connect-module .phone {
        width:960px;
        height: 448px;
        border-radius: 55px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera .connect-module .phone {
        width:805px;
        height: 376px;
        border-radius: 46px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera .connect-module .phone {
        width:656px;
        height: 306px;
        border-radius: 38px
    }
}

#section-camera .connect-module .phone .screen {
    opacity: 0;
    -webkit-transition: opacity 1s linear;
    transition: opacity 1s linear
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera .connect-module .phone .bg,#section-camera .connect-module .phone .screen {
        width:221px;
        height: 490px;
        top: 8px;
        left: 7px
    }
}

@media (max-width: 360px) {
    #section-camera .connect-module .phone .bg,#section-camera .connect-module .phone .screen {
        width:196px;
        height: 435px;
        top: 7px;
        left: 6px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera .connect-module .phone .bg,#section-camera .connect-module .phone .screen {
        width:246px;
        height: 544px;
        top: 9px;
        left: 8px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera .connect-module .phone .bg,#section-camera .connect-module .phone .screen {
        width:442px;
        height: 980px;
        top: 16px;
        left: 14px
    }
}

@media (min-width: 1800px) {
    #section-camera .connect-module .phone .bg,#section-camera .connect-module .phone .screen {
        width:946px;
        height: 426px;
        top: 11px;
        left: 7px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera .connect-module .phone .bg,#section-camera .connect-module .phone .screen {
        width:793px;
        height: 357px;
        top: 9px;
        left: 6px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera .connect-module .phone .bg,#section-camera .connect-module .phone .screen {
        width:646px;
        height: 291px;
        top: 8px;
        left: 5px
    }
}

#section-camera .connect-module .phone .bg {
    width: 98%;
    height: 98%;
    top: 1%;
    left: 1%;
    -webkit-mask-size: cover;
    mask-size: cover
}

@media (min-width: 1800px) {
    #section-camera .connect-module .phone .bg {
        width:960px;
        height: 448px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera .connect-module .phone .bg {
        width:805px;
        height: 376px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera .connect-module .phone .bg {
        width:656px;
        height: 306px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera .connect-module .scroll {
        margin-top:calc(252px - 50vh);
        margin-top: calc(252px - 50*var(--vh, 1vh));
        width: 327px;
        padding-top: 40px
    }
}

@media (max-width: 360px) {
    #section-camera .connect-module .scroll {
        margin-top:calc(224px - 50vh);
        margin-top: calc(224px - 50*var(--vh, 1vh));
        width: 291px;
        padding-top: 36px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera .connect-module .scroll {
        margin-top:calc(279px - 50vh);
        margin-top: calc(279px - 50*var(--vh, 1vh));
        width: 363px;
        padding-top: 44px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera .connect-module .scroll {
        margin-top:calc(503px - 50vh);
        margin-top: calc(503px - 50*var(--vh, 1vh));
        width: 654px;
        padding-top: 80px
    }
}

@media (min-width: 1800px) {
    #section-camera .connect-module .scroll {
        margin-top:calc(224px - 50vh);
        margin-top: calc(224px - 50*var(--vh, 1vh));
        width: 800px;
        padding-top: 80px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera .connect-module .scroll {
        margin-top:calc(188px - 50vh);
        margin-top: calc(188px - 50*var(--vh, 1vh));
        width: 671px;
        padding-top: 67px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera .connect-module .scroll {
        margin-top:calc(153px - 50vh);
        margin-top: calc(153px - 50*var(--vh, 1vh));
        width: 546px;
        padding-top: 55px
    }
}

#section-camera .connect-module .scroll .fade-in:first-child {
    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
}

#section-camera .connect-module .scroll .fade-in:first-child.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: 0s;
    transition-delay: 0s;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

#section-camera .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
}

#section-camera .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)
}

#section-camera .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
}

#section-camera .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) {
    #section-camera .connect-module .scroll .btn,#section-camera .connect-module .scroll>.text {
        margin-top:20px
    }
}

@media (max-width: 360px) {
    #section-camera .connect-module .scroll .btn,#section-camera .connect-module .scroll>.text {
        margin-top:18px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera .connect-module .scroll .btn,#section-camera .connect-module .scroll>.text {
        margin-top:22px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera .connect-module .scroll .btn,#section-camera .connect-module .scroll>.text {
        margin-top:40px
    }
}

@media (min-width: 1800px) {
    #section-camera .connect-module .scroll .btn,#section-camera .connect-module .scroll>.text {
        margin-top:40px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera .connect-module .scroll .btn,#section-camera .connect-module .scroll>.text {
        margin-top:34px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera .connect-module .scroll .btn,#section-camera .connect-module .scroll>.text {
        margin-top:27px
    }
}

@media (max-width: 1023px) {
    #section-camera .connect-module .scroll>.text,#section-camera .connect-module .scroll>.title {
        text-align:left
    }

    #section-camera .connect-module .scroll>.btn {
        -webkit-box-pack: left;
        justify-content: left
    }
}

.g--pop-page.vision-page .inner-page .flex-left {
    background-color: #000
}

.g--pop-page.ambassador-page {
    background: #000
}

.g--pop-page.ambassador-page .header .header-bg {
    width: 100%;
    background: #000
}

.g--pop-page.ambassador-page .header .header-text {
    background: #000;
    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 {
        padding-top:100px;
        padding-bottom: 80px
    }
}

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

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page.ambassador-page .header .header-text {
        padding-top:68px;
        padding-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
    }
}

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

.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;
    cursor: pointer;
    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 .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%
}

.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;
    margin-left: auto;
    margin-right: auto
}

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

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

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

@media (min-width: 1921px) {
    .g--pop-page.ambassador-page .middle {
        width:100vw
    }
}

@media (min-width: 1800px) {
    .g--pop-page.ambassador-page .middle {
        border-left:calc((100vw - 1920px)/2) solid #000;
        border-right: calc((100vw - 1920px)/2) solid #000
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page.ambassador-page .middle {
        border-left:calc((100vw - 1610px)/2) solid #000;
        border-right: calc((100vw - 1610px)/2) solid #000
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page.ambassador-page .middle {
        border-left:calc((100vw - 1311px)/2) solid #000;
        border-right: calc((100vw - 1311px)/2) solid #000
    }
}

@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
    }
}

.g--pop-page.ambassador-page .middle .img2 {
    top: 0
}

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

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

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

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

@media (max-width: 1023px) {
    .g--pop-page.ambassador-page .middle .img2 .arts {
        margin-top:-3.2vw
    }
}

.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.2;
    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.2;
        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.2;
    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.2;
        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 {
    background: transparent;
    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: radial-gradient(at 50% 50%,transparent 0,30%,#000 50%);
    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;
    line-height: 1!important
}

@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-container .vision-page .back-right {
    line-height: 1!important
}

@media (max-width: 1023px) {
    .g--pop-page-container .vision-page .back-right {
        color:#fff
    }
}

#section-design .test-container {
    height: 100vh;
    height: calc(100*var(--vh, 1vh));
    background-color: #000;
    z-index: 100
}

#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: 8
}

@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))
    }
}

#section-design .design-sticky-container .design-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;
    font-family: Roman-55,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 60px;
    line-height: 1;
    letter-spacing: 0
}

@media (min-width: 1800px) {
    #section-design .design-sticky-container .design-title {
        padding-top:100px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-design .design-sticky-container .design-title {
        padding-top:84px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-design .design-sticky-container .design-title {
        padding-top:68px
    }
}

@media (max-width: 1366px) {
    #section-design .design-sticky-container .design-title {
        padding-top:100px
    }
}

#section-design .design-sticky-container .design-title.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: 0s;
    transition-delay: 0s;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

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

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

@media (max-width: 1023px) {
    #section-design .design-sticky-container .design-title {
        font-size:30px;
        line-height: 1;
        letter-spacing: 0
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-design .design-sticky-container .design-title {
        padding-top:74px
    }
}

@media (max-width: 360px) {
    #section-design .design-sticky-container .design-title {
        padding-top:66px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-design .design-sticky-container .design-title {
        padding-top:82px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-design .design-sticky-container .design-title {
        padding-top:148px
    }
}

@media (max-width: 1023px) and (min-width:1400px) and (max-width:1799px) {
    #section-design .design-sticky-container .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 .design-title {
        font-size:20.487px;
        letter-spacing: 0
    }
}

#section-design .design-sticky-container .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
}

@media (min-width: 1800px) {
    #section-design .design-sticky-container .description {
        width:960px;
        margin-top: 40px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-design .design-sticky-container .description {
        width:805px;
        margin-top: 34px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-design .design-sticky-container .description {
        width:656px;
        margin-top: 27px
    }
}

#section-design .design-sticky-container .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 .description {
        font-size:20.1216px;
        letter-spacing: 0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-design .design-sticky-container .description {
        font-size:16.389599999999998px;
        letter-spacing: 0
    }
}

@media (max-width: 1023px) {
    #section-design .design-sticky-container .description {
        font-size:16px;
        line-height: 1.2;
        letter-spacing: 0
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-design .design-sticky-container .description {
        width:327px;
        margin-top: 20px
    }
}

@media (max-width: 360px) {
    #section-design .design-sticky-container .description {
        width:291px;
        margin-top: 18px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-design .design-sticky-container .description {
        width:363px;
        margin-top: 22px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-design .design-sticky-container .description {
        width:654px;
        margin-top: 40px
    }
}

@media (max-width: 1023px) and (min-width:1400px) and (max-width:1799px) {
    #section-design .design-sticky-container .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 .description {
        font-size:10.9264px;
        letter-spacing: 0
    }
}

#section-design .design-sticky-container .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 .harmony {
        margin-top:40px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-design .design-sticky-container .harmony {
        margin-top:34px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-design .design-sticky-container .harmony {
        margin-top:27px
    }
}

#section-design .design-sticky-container .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 .harmony {
        font-size:16px;
        line-height: 1.2;
        letter-spacing: 0
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-design .design-sticky-container .harmony {
        width:300px;
        margin-top: 30px
    }
}

@media (max-width: 360px) {
    #section-design .design-sticky-container .harmony {
        width:267px;
        margin-top: 27px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-design .design-sticky-container .harmony {
        width:333px;
        margin-top: 33px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-design .design-sticky-container .harmony {
        width:600px;
        margin-top: 60px
    }
}

#section-design .design-sticky-container .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 .harmony .left {
        font-size:20.1216px;
        letter-spacing: 0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-design .design-sticky-container .harmony .left {
        font-size:16.389599999999998px;
        letter-spacing: 0
    }
}

@media (max-width: 1023px) {
    #section-design .design-sticky-container .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 .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 .harmony .left {
        font-size:10.9264px;
        letter-spacing: 0
    }
}

@media (min-width: 1800px) {
    #section-design .design-sticky-container .harmony .right {
        width:48px;
        height: 48px;
        margin-left: 10px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-design .design-sticky-container .harmony .right {
        width:40px;
        height: 40px;
        margin-left: 8px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-design .design-sticky-container .harmony .right {
        width:33px;
        height: 33px;
        margin-left: 7px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-design .design-sticky-container .harmony .right {
        width:24px;
        margin-left: 5px
    }
}

@media (max-width: 360px) {
    #section-design .design-sticky-container .harmony .right {
        width:21px;
        margin-left: 4px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-design .design-sticky-container .harmony .right {
        width:27px;
        margin-left: 6px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-design .design-sticky-container .harmony .right {
        width:48px;
        margin-left: 10px
    }
}

@media (max-width: 1023px) and (min-width:1400px) and (max-width:1799px) {
    #section-design .design-sticky-container .harmony {
        font-size:13.4144px;
        letter-spacing: 0
    }
}

@media (max-width: 1023px) and (min-width:1024px) and (max-width:1399px) {
    #section-design .design-sticky-container .harmony {
        font-size:10.9264px;
        letter-spacing: 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;
    border-top: none;
}

@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;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear
}

@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 (max-width: 1023px) {
    #section-design .design-sticky-container .bottom-container .left {
        position:relative
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-design .design-sticky-container .bottom-container .left {
        width:120px;
        padding-top: 40px
    }
}

@media (max-width: 360px) {
    #section-design .design-sticky-container .bottom-container .left {
        width:107px;
        padding-top: 36px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-design .design-sticky-container .bottom-container .left {
        width:133px;
        padding-top: 44px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-design .design-sticky-container .bottom-container .left {
        width:240px;
        padding-top: 80px
    }
}

#section-design .design-sticky-container .bottom-container .middle {
    z-index: 10;
    -webkit-transform-origin: 50% 90% 0;
    transform-origin: 50% 90% 0
}

@media (min-width: 1800px) {
    #section-design .design-sticky-container .bottom-container .middle {
        width:331px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-design .design-sticky-container .bottom-container .middle {
        width:278px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-design .design-sticky-container .bottom-container .middle {
        width:226px
    }
}

@media (max-width: 1023px) {
    #section-design .design-sticky-container .bottom-container .middle {
        position:relative;
        -webkit-transform-origin: 30% 90% 0;
        transform-origin: 30% 90% 0
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-design .design-sticky-container .bottom-container .middle {
        width:120px;
        left: -38px
    }
}

@media (max-width: 360px) {
    #section-design .design-sticky-container .bottom-container .middle {
        width:107px;
        left: -34px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-design .design-sticky-container .bottom-container .middle {
        width:133px;
        left: -42px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-design .design-sticky-container .bottom-container .middle {
        width:240px;
        left: -76px
    }
}

#section-design .design-sticky-container .bottom-container .right {
    z-index: 9;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear
}

@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 (max-width: 1023px) {
    #section-design .design-sticky-container .bottom-container .right {
        position:relative
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-design .design-sticky-container .bottom-container .right {
        width:120px;
        padding-top: 40px;
        left: -33px
    }
}

@media (max-width: 360px) {
    #section-design .design-sticky-container .bottom-container .right {
        width:107px;
        padding-top: 36px;
        left: -29px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-design .design-sticky-container .bottom-container .right {
        width:133px;
        padding-top: 44px;
        left: -37px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-design .design-sticky-container .bottom-container .right {
        width:240px;
        padding-top: 80px;
        left: -66px
    }
}

#section-display .display-sticky-container {
    height: 270vh;
    height: calc(270*var(--vh, 1vh));
    margin-top: -100vh;
    margin-top: calc(-100*var(--vh, 1vh));
    z-index: 7;
    background-color: #fff
}

#section-display .display-sticky-container .display-container {
    height: 100vh;
    height: calc(100*var(--vh, 1vh));
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    overflow: hidden
}

#section-display .display-sticky-container .display-container .flex-box .phone {
    height: auto;
    -webkit-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0
}

@media (min-width: 1800px) {
    #section-display .display-sticky-container .display-container .flex-box .phone {
        width:1000px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-display .display-sticky-container .display-container .flex-box .phone {
        width:838px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-display .display-sticky-container .display-container .flex-box .phone {
        width:683px
    }
}

@media (max-width: 1023px) {
    #section-display .display-sticky-container .display-container .flex-box .phone {
        height:auto;
        max-height: 90vh;
        max-height: calc(90*var(--vh, 1vh))
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-display .display-sticky-container .display-container .flex-box .phone {
        width:640px
    }
}

@media (max-width: 360px) {
    #section-display .display-sticky-container .display-container .flex-box .phone {
        width:569px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-display .display-sticky-container .display-container .flex-box .phone {
        width:711px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-display .display-sticky-container .display-container .flex-box .phone {
        width:1280px
    }
}

#section-display .display-sticky-container .display-container .flex-box .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;
    font-family: Roman-55,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 60px;
    line-height: 1;
    letter-spacing: 0
}

@media (min-width: 1800px) {
    #section-display .display-sticky-container .display-container .flex-box .title {
        margin-top:113px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-display .display-sticky-container .display-container .flex-box .title {
        margin-top:95px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-display .display-sticky-container .display-container .flex-box .title {
        margin-top:77px
    }
}

#section-display .display-sticky-container .display-container .flex-box .title.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: 0s;
    transition-delay: 0s;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-display .display-sticky-container .display-container .flex-box .title {
        font-size:50.304px;
        letter-spacing: 0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-display .display-sticky-container .display-container .flex-box .title {
        font-size:40.974px;
        letter-spacing: 0
    }
}

@media (max-width: 1023px) {
    #section-display .display-sticky-container .display-container .flex-box .title {
        font-size:30px;
        line-height: 1;
        letter-spacing: 0
    }
}

@media (max-width: 1023px) and (min-width:1400px) and (max-width:1799px) {
    #section-display .display-sticky-container .display-container .flex-box .title {
        font-size:25.152px;
        letter-spacing: 0
    }
}

@media (max-width: 1023px) and (min-width:1024px) and (max-width:1399px) {
    #section-display .display-sticky-container .display-container .flex-box .title {
        font-size:20.487px;
        letter-spacing: 0
    }
}

#section-display .display-sticky-container .display-container .flex-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
}

@media (min-width: 1800px) {
    #section-display .display-sticky-container .display-container .flex-box .description {
        width:800px;
        margin-top: 40px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-display .display-sticky-container .display-container .flex-box .description {
        width:671px;
        margin-top: 34px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-display .display-sticky-container .display-container .flex-box .description {
        width:546px;
        margin-top: 27px
    }
}

#section-display .display-sticky-container .display-container .flex-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-display .display-sticky-container .display-container .flex-box .description {
        font-size:20.1216px;
        letter-spacing: 0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-display .display-sticky-container .display-container .flex-box .description {
        font-size:16.389599999999998px;
        letter-spacing: 0
    }
}

@media (max-width: 1023px) {
    #section-display .display-sticky-container .display-container .flex-box .description {
        font-size:16px;
        line-height: 1.2;
        letter-spacing: 0
    }
}

@media (max-width: 1023px) and (min-width:1400px) and (max-width:1799px) {
    #section-display .display-sticky-container .display-container .flex-box .description {
        font-size:13.4144px;
        letter-spacing: 0
    }
}

@media (max-width: 1023px) and (min-width:1024px) and (max-width:1399px) {
    #section-display .display-sticky-container .display-container .flex-box .description {
        font-size:10.9264px;
        letter-spacing: 0
    }
}

#section-display .display-sticky-container .display-container .flex-box .flex {
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    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-display .display-sticky-container .display-container .flex-box .flex {
        margin-top:49px;
        width: 240px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-display .display-sticky-container .display-container .flex-box .flex {
        margin-top:41px;
        width: 201px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-display .display-sticky-container .display-container .flex-box .flex {
        margin-top:33px;
        width: 164px
    }
}

#section-display .display-sticky-container .display-container .flex-box .flex.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)
}

#section-display .display-sticky-container .display-container .flex-box .flex .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-display .display-sticky-container .display-container .flex-box .flex .left {
        font-size:20.1216px;
        letter-spacing: 0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-display .display-sticky-container .display-container .flex-box .flex .left {
        font-size:16.389599999999998px;
        letter-spacing: 0
    }
}

@media (max-width: 1023px) {
    #section-display .display-sticky-container .display-container .flex-box .flex .left {
        font-size:16px;
        line-height: 1.2;
        letter-spacing: 0
    }
}

@media (max-width: 1023px) and (min-width:1400px) and (max-width:1799px) {
    #section-display .display-sticky-container .display-container .flex-box .flex .left {
        font-size:13.4144px;
        letter-spacing: 0
    }
}

@media (max-width: 1023px) and (min-width:1024px) and (max-width:1399px) {
    #section-display .display-sticky-container .display-container .flex-box .flex .left {
        font-size:10.9264px;
        letter-spacing: 0
    }
}

@media (min-width: 1800px) {
    #section-display .display-sticky-container .display-container .flex-box .flex .right {
        width:48px;
        height: 48px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-display .display-sticky-container .display-container .flex-box .flex .right {
        width:40px;
        height: 40px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-display .display-sticky-container .display-container .flex-box .flex .right {
        width:33px;
        height: 33px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-display .display-sticky-container .display-container .flex-box .flex .right {
        width:24px;
        height: 24px
    }
}

@media (max-width: 360px) {
    #section-display .display-sticky-container .display-container .flex-box .flex .right {
        width:21px;
        height: 21px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-display .display-sticky-container .display-container .flex-box .flex .right {
        width:27px;
        height: 27px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-display .display-sticky-container .display-container .flex-box .flex .right {
        width:48px;
        height: 48px
    }
}

#section-display .pt-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    z-index: 7
}

@media (min-width: 360px) and (max-width:399px) {
    #section-display .pt-container {
        padding-top:calc(301px - 50vh);
        padding-top: calc(301px - 50*var(--vh, 1vh));
        padding-left: 24px;
        padding-right: 24px
    }
}

@media (max-width: 360px) {
    #section-display .pt-container {
        padding-top:calc(268px - 50vh);
        padding-top: calc(268px - 50*var(--vh, 1vh));
        padding-left: 21px;
        padding-right: 21px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-display .pt-container {
        padding-top:calc(334px - 50vh);
        padding-top: calc(334px - 50*var(--vh, 1vh));
        padding-left: 27px;
        padding-right: 27px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-display .pt-container {
        padding-top:calc(602px - 50vh);
        padding-top: calc(602px - 50*var(--vh, 1vh));
        padding-left: 48px;
        padding-right: 48px
    }
}

#section-display .pt-container .title {
    font-family: Roman-55,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 30px;
    line-height: 1;
    letter-spacing: 0;
    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: 1400px) and (max-width:1799px) {
    #section-display .pt-container .title {
        font-size:25.152px;
        letter-spacing: 0
    }
}

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

#section-display .pt-container .title.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)
}

#section-display .pt-container .description {
    color: #000;
    text-align: left;
    font-family: Roman-55,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 16px;
    line-height: 1.2;
    letter-spacing: 0;
    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-display .pt-container .description {
        margin-top:20px
    }
}

@media (max-width: 360px) {
    #section-display .pt-container .description {
        margin-top:18px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-display .pt-container .description {
        margin-top:22px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-display .pt-container .description {
        margin-top:40px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-display .pt-container .description {
        font-size:13.4144px;
        letter-spacing: 0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-display .pt-container .description {
        font-size:10.9264px;
        letter-spacing: 0
    }
}

#section-display .pt-container .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: .75s;
    transition-delay: .75s;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

#section-display .pt-container .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: 360px) and (max-width:399px) {
    #section-display .pt-container .flex {
        margin-top:20px;
        padding-bottom: 47px
    }
}

@media (max-width: 360px) {
    #section-display .pt-container .flex {
        margin-top:18px;
        padding-bottom: 42px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-display .pt-container .flex {
        margin-top:22px;
        padding-bottom: 52px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-display .pt-container .flex {
        margin-top:40px;
        padding-bottom: 94px
    }
}

#section-display .pt-container .flex.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)
}

#section-display .pt-container .flex .left {
    font-family: Roman-55,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 16px;
    line-height: 1.2;
    letter-spacing: 0
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-display .pt-container .flex .left {
        font-size:13.4144px;
        letter-spacing: 0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-display .pt-container .flex .left {
        font-size:10.9264px;
        letter-spacing: 0
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-display .pt-container .flex .right {
        width:24px;
        margin-left: 5px
    }
}

@media (max-width: 360px) {
    #section-display .pt-container .flex .right {
        width:21px;
        margin-left: 4px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-display .pt-container .flex .right {
        width:27px;
        margin-left: 6px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-display .pt-container .flex .right {
        width:48px;
        margin-left: 10px
    }
}

@media (min-width: 1800px) {
    .g--pop-page-container .display-page .logo {
        width:186px;
        right: 40px;
        bottom: 60px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page-container .display-page .logo {
        width:156px;
        right: 34px;
        bottom: 50px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page-container .display-page .logo {
        width:127px;
        right: 27px;
        bottom: 41px
    }
}

@media (max-width: 1023px) {
    .g--pop-page-container .display-page .logo {
        position:fixed;
        z-index: 3
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .g--pop-page-container .display-page .logo {
        width:186px;
        height: 61px;
        top: 220px;
        left: calc((100vw - 186px)/2)
    }
}

@media (max-width: 360px) {
    .g--pop-page-container .display-page .logo {
        width:165px;
        height: 54px;
        top: 196px;
        left: calc((100vw - 165px)/2)
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .g--pop-page-container .display-page .logo {
        width:207px;
        height: 68px;
        top: 244px;
        left: calc((100vw - 207px)/2)
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .g--pop-page-container .display-page .logo {
        width:372px;
        height: 122px;
        top: 440px;
        left: calc((100vw - 372px)/2)
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .g--pop-page-container .display-page .text-box {
        padding-top:100px!important
    }
}

@media (max-width: 360px) {
    .g--pop-page-container .display-page .text-box {
        padding-top:89px!important
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .g--pop-page-container .display-page .text-box {
        padding-top:111px!important
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .g--pop-page-container .display-page .text-box {
        padding-top:200px!important
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .g--pop-page-container .display-page .text-mask {
        height:120px!important
    }
}

@media (max-width: 360px) {
    .g--pop-page-container .display-page .text-mask {
        height:107px!important
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .g--pop-page-container .display-page .text-mask {
        height:133px!important
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .g--pop-page-container .display-page .text-mask {
        height:240px!important
    }
}

@media (max-width: 1023px) {
    .g--pop-page-container .display-page .text-mask {
        background:-webkit-gradient(linear,left top,left bottom,color-stop(72%,#fff),color-stop(88%,hsla(0,0%,100%,0)))!important;
        background: linear-gradient(180deg,#fff 72%,hsla(0,0%,100%,0) 88%)!important
    }
}

#section-os {
    background-color: #f2f2f2
}

@media (max-width: 1023px) {
    #section-os {
        background-color:#f2f2f2
    }
}

#section-os .os-sticky-container {
    margin-top: -100vh;
    margin-top: calc(-100*var(--vh, 1vh));
    z-index: 6
}

@media (min-width: 1800px) {
    #section-os .os-sticky-container {
        height:calc(150vh + 1652px);
        height: calc(150*var(--vh, 1vh) + 1652px)
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-os .os-sticky-container {
        height:calc(150vh + 1385px);
        height: calc(150*var(--vh, 1vh) + 1385px)
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-os .os-sticky-container {
        height:calc(150vh + 1128px);
        height: calc(150*var(--vh, 1vh) + 1128px)
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-os .os-sticky-container {
        height:calc(120vh + 845px);
        height: calc(120*var(--vh, 1vh) + 845px)
    }
}

@media (max-width: 360px) {
    #section-os .os-sticky-container {
        height:calc(120vh + 751px);
        height: calc(120*var(--vh, 1vh) + 751px)
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-os .os-sticky-container {
        height:calc(120vh + 939px);
        height: calc(120*var(--vh, 1vh) + 939px)
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-os .os-sticky-container {
        height:calc(120vh + 1690px);
        height: calc(120*var(--vh, 1vh) + 1690px)
    }
}

#section-os .os-sticky-container .os-container .os-text {
    z-index: 6;
    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
}

#section-os .os-sticky-container .os-container .os-text.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: 0s;
    transition-delay: 0s;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

@media (max-width: 1023px) {
    #section-os .os-sticky-container .os-container .os-text {
        margin-left:auto;
        margin-right: auto
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-os .os-sticky-container .os-container .os-text {
        width:335px
    }
}

@media (max-width: 360px) {
    #section-os .os-sticky-container .os-container .os-text {
        width:298px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-os .os-sticky-container .os-container .os-text {
        width:372px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-os .os-sticky-container .os-container .os-text {
        width:670px
    }
}

#section-os .os-sticky-container .os-container .os-text .title {
    font-family: Roman-55,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 60px;
    line-height: 1;
    letter-spacing: 0
}

@media (min-width: 1800px) {
    #section-os .os-sticky-container .os-container .os-text .title {
        padding-top:120px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-os .os-sticky-container .os-container .os-text .title {
        padding-top:101px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-os .os-sticky-container .os-container .os-text .title {
        padding-top:82px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-os .os-sticky-container .os-container .os-text .title {
        font-size:50.304px;
        letter-spacing: 0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-os .os-sticky-container .os-container .os-text .title {
        font-size:40.974px;
        letter-spacing: 0
    }
}

@media (max-width: 1366px) {
    #section-os .os-sticky-container .os-container .os-text .title {
        padding-top:120px
    }
}

@media (max-width: 1023px) {
    #section-os .os-sticky-container .os-container .os-text .title {
        font-size:30px;
        line-height: 1;
        letter-spacing: 0;
        text-align: left
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-os .os-sticky-container .os-container .os-text .title {
        padding-top:74px
    }
}

@media (max-width: 360px) {
    #section-os .os-sticky-container .os-container .os-text .title {
        padding-top:66px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-os .os-sticky-container .os-container .os-text .title {
        padding-top:82px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-os .os-sticky-container .os-container .os-text .title {
        padding-top:148px
    }
}

@media (max-width: 1023px) and (min-width:1400px) and (max-width:1799px) {
    #section-os .os-sticky-container .os-container .os-text .title {
        font-size:25.152px;
        letter-spacing: 0
    }
}

@media (max-width: 1023px) and (min-width:1024px) and (max-width:1399px) {
    #section-os .os-sticky-container .os-container .os-text .title {
        font-size:20.487px;
        letter-spacing: 0
    }
}

#section-os .os-sticky-container .os-container .os-text .description {
    font-family: Roman-55,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: 0
}

@media (min-width: 1800px) {
    #section-os .os-sticky-container .os-container .os-text .description {
        margin-top:30px;
        width: 800px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-os .os-sticky-container .os-container .os-text .description {
        margin-top:25px;
        width: 671px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-os .os-sticky-container .os-container .os-text .description {
        margin-top:20px;
        width: 546px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-os .os-sticky-container .os-container .os-text .description {
        font-size:20.1216px;
        letter-spacing: 0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-os .os-sticky-container .os-container .os-text .description {
        font-size:16.389599999999998px;
        letter-spacing: 0
    }
}

@media (max-width: 1023px) {
    #section-os .os-sticky-container .os-container .os-text .description {
        font-size:16px;
        line-height: 1.2;
        letter-spacing: 0;
        text-align: left
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-os .os-sticky-container .os-container .os-text .description {
        margin-top:20px
    }
}

@media (max-width: 360px) {
    #section-os .os-sticky-container .os-container .os-text .description {
        margin-top:18px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-os .os-sticky-container .os-container .os-text .description {
        margin-top:22px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-os .os-sticky-container .os-container .os-text .description {
        margin-top:40px
    }
}

@media (max-width: 1023px) and (min-width:1400px) and (max-width:1799px) {
    #section-os .os-sticky-container .os-container .os-text .description {
        font-size:13.4144px;
        letter-spacing: 0
    }
}

@media (max-width: 1023px) and (min-width:1024px) and (max-width:1399px) {
    #section-os .os-sticky-container .os-container .os-text .description {
        font-size:10.9264px;
        letter-spacing: 0
    }
}

#section-os .os-sticky-container .os-container .os-text .flex {
    -webkit-box-align: center;
    align-items: center;
    justify-content: space-around
}

@media (min-width: 1800px) {
    #section-os .os-sticky-container .os-container .os-text .flex {
        width:192px;
        margin-top: 40px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-os .os-sticky-container .os-container .os-text .flex {
        width:161px;
        margin-top: 34px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-os .os-sticky-container .os-container .os-text .flex {
        width:131px;
        margin-top: 27px
    }
}

@media (max-width: 1023px) {
    #section-os .os-sticky-container .os-container .os-text .flex {
        -webkit-box-pack:left;
        justify-content: left
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-os .os-sticky-container .os-container .os-text .flex {
        margin-top:20px
    }
}

@media (max-width: 360px) {
    #section-os .os-sticky-container .os-container .os-text .flex {
        margin-top:18px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-os .os-sticky-container .os-container .os-text .flex {
        margin-top:22px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-os .os-sticky-container .os-container .os-text .flex {
        margin-top:40px
    }
}

#section-os .os-sticky-container .os-container .os-text .flex .left {
    font-family: Roman-55,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: 0;
    color: #000
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-os .os-sticky-container .os-container .os-text .flex .left {
        font-size:20.1216px;
        letter-spacing: 0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-os .os-sticky-container .os-container .os-text .flex .left {
        font-size:16.389599999999998px;
        letter-spacing: 0
    }
}

@media (max-width: 1023px) {
    #section-os .os-sticky-container .os-container .os-text .flex .left {
        font-size:16px;
        line-height: 1.2;
        letter-spacing: 0
    }
}

@media (max-width: 1023px) and (min-width:1400px) and (max-width:1799px) {
    #section-os .os-sticky-container .os-container .os-text .flex .left {
        font-size:13.4144px;
        letter-spacing: 0
    }
}

@media (max-width: 1023px) and (min-width:1024px) and (max-width:1399px) {
    #section-os .os-sticky-container .os-container .os-text .flex .left {
        font-size:10.9264px;
        letter-spacing: 0
    }
}

@media (min-width: 1800px) {
    #section-os .os-sticky-container .os-container .os-text .flex .right {
        width:48px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-os .os-sticky-container .os-container .os-text .flex .right {
        width:40px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-os .os-sticky-container .os-container .os-text .flex .right {
        width:33px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-os .os-sticky-container .os-container .os-text .flex .right {
        width:24px;
        margin-left: 5px
    }
}

@media (max-width: 360px) {
    #section-os .os-sticky-container .os-container .os-text .flex .right {
        width:21px;
        margin-left: 4px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-os .os-sticky-container .os-container .os-text .flex .right {
        width:27px;
        margin-left: 6px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-os .os-sticky-container .os-container .os-text .flex .right {
        width:48px;
        margin-left: 10px
    }
}

#section-os .os-sticky-container .os-container .background {
    width: 100%;
    z-index: 5
}

@media (min-width: 1800px) {
    #section-os .os-sticky-container .os-container .background {
        margin-top:-163px;
        padding-bottom: 200px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-os .os-sticky-container .os-container .background {
        margin-top:-137px;
        padding-bottom: 168px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-os .os-sticky-container .os-container .background {
        margin-top:-111px;
        padding-bottom: 137px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-os .os-sticky-container .os-container .background {
        margin-top:40px;
        padding-bottom: 47px
    }
}

@media (max-width: 360px) {
    #section-os .os-sticky-container .os-container .background {
        margin-top:36px;
        padding-bottom: 42px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-os .os-sticky-container .os-container .background {
        margin-top:44px;
        padding-bottom: 52px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-os .os-sticky-container .os-container .background {
        margin-top:80px;
        padding-bottom: 94px
    }
}

#section-amplify {
    background-color: #f2f2f2
}

#section-amplify .amplify-container-1 {
    z-index: 12;
    background-color: #f2f2f2;
    margin-top: -100vh;
    margin-top: calc(-100*var(--vh, 1vh))
}

#section-amplify .amplify-container-1 .amplify-sticky-1 {
    pointer-events: none;
    height: 57vh;
    height: calc(57*var(--vh, 1vh));
    width: 100%;
    z-index: 1;
    margin-left: auto;
    margin-right: auto;
    -webkit-transform-origin: 8% 43% 0;
    transform-origin: 8% 43% 0
}

@media (max-width: 1023px) {
    #section-amplify .amplify-container-1 .amplify-sticky-1 {
        width:100%;
        height: 100vh;
        height: calc(100*var(--vh, 1vh));
        overflow: hidden;
        -webkit-transform-origin: 22% 60% 0;
        transform-origin: 22% 60% 0
    }
}

#section-amplify .amplify-container-1 .amplify-sticky-1 .img-boxy {
    width: 100%;
    height: 100vh;
    height: calc(100*var(--vh, 1vh));
    overflow: hidden;
    bottom: 0
}

#section-amplify .amplify-container-1 .amplify-sticky-1 .img-boxy .img-box {
    -webkit-transform-origin: 8% 43% 0;
    transform-origin: 8% 43% 0;
    bottom: 5.148vh;
    bottom: calc(5.148*var(--vh, 1vh));
    width: 118.51vh;
    width: calc(118.51*var(--vh, 1vh));
    left: calc((100vw - 118.26vh)/2);
    left: calc((100vw - 118.26*var(--vh, 1vh))/2);
    height: 51.852vh;
    height: calc(51.852*var(--vh, 1vh))
}

@media (max-width: 1023px) {
    #section-amplify .amplify-container-1 .amplify-sticky-1 .img-boxy .img-box {
        bottom:0;
        height: 100vh;
        height: calc(100*var(--vh, 1vh));
        -webkit-transform-origin: 22% 81% 0;
        transform-origin: 22% 81% 0;
        overflow: hidden
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-amplify .amplify-container-1 .amplify-sticky-1 .img-boxy .img-box {
        width:731px;
        left: -84px
    }
}

@media (max-width: 360px) {
    #section-amplify .amplify-container-1 .amplify-sticky-1 .img-boxy .img-box {
        width:650px;
        left: -75px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-amplify .amplify-container-1 .amplify-sticky-1 .img-boxy .img-box {
        width:812px;
        left: -93px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-amplify .amplify-container-1 .amplify-sticky-1 .img-boxy .img-box {
        width:1462px;
        left: -168px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-amplify .amplify-container-1 .amplify-sticky-1 .img-boxy .img-box {
        bottom:calc((100vh - 670px)/2);
        bottom: calc((100*var(--vh, 1vh) - 670px)/2)
    }
}

@media (max-width: 360px) {
    #section-amplify .amplify-container-1 .amplify-sticky-1 .img-boxy .img-box {
        bottom:calc((100vh - 595px)/2);
        bottom: calc((100*var(--vh, 1vh) - 595px)/2)
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-amplify .amplify-container-1 .amplify-sticky-1 .img-boxy .img-box {
        bottom:calc((100vh - 744px)/2);
        bottom: calc((100*var(--vh, 1vh) - 744px)/2)
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-amplify .amplify-container-1 .amplify-sticky-1 .img-boxy .img-box {
        bottom:calc((100vh - 1340px)/2);
        bottom: calc((100*var(--vh, 1vh) - 1340px)/2)
    }
}

#section-amplify .amplify-container-1 .amplify-sticky-1 .img-boxy .img-box .img {
    width: 118.51vh;
    width: calc(118.51*var(--vh, 1vh));
    height: 51.852vh;
    height: calc(51.852*var(--vh, 1vh));
    opacity: 0;
    -webkit-transition: opacity .6s ease;
    transition: opacity .6s ease
}

@media (min-width: 360px) and (max-width:399px) {
    #section-amplify .amplify-container-1 .amplify-sticky-1 .img-boxy .img-box .img {
        width:731px;
        height: 320px;
        top: calc(100vh - 320px);
        top: calc(100*var(--vh, 1vh) - 320px)
    }
}

@media (max-width: 360px) {
    #section-amplify .amplify-container-1 .amplify-sticky-1 .img-boxy .img-box .img {
        width:650px;
        height: 284px;
        top: calc(100vh - 284px);
        top: calc(100*var(--vh, 1vh) - 284px)
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-amplify .amplify-container-1 .amplify-sticky-1 .img-boxy .img-box .img {
        width:812px;
        height: 356px;
        top: calc(100vh - 356px);
        top: calc(100*var(--vh, 1vh) - 356px)
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-amplify .amplify-container-1 .amplify-sticky-1 .img-boxy .img-box .img {
        width:1462px;
        height: 640px;
        top: calc(100vh - 640px);
        top: calc(100*var(--vh, 1vh) - 640px)
    }
}

#section-amplify .amplify-container-1 .amplify-sticky-1 .img-boxy .img-box .caption {
    font-family: Roman-55,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 12px;
    line-height: 1.33;
    letter-spacing: 0;
    right: 1.91vh;
    right: calc(1.91*var(--vh, 1vh));
    bottom: 29.05vh;
    bottom: calc(29.05*var(--vh, 1vh));
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    color: #53565a
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-amplify .amplify-container-1 .amplify-sticky-1 .img-boxy .img-box .caption {
        font-size:10.0608px;
        letter-spacing: 0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-amplify .amplify-container-1 .amplify-sticky-1 .img-boxy .img-box .caption {
        font-size:8.194799999999999px;
        letter-spacing: 0
    }
}

@media (max-width: 1023px) {
    #section-amplify .amplify-container-1 .amplify-sticky-1 .img-boxy .img-box .caption {
        right:auto;
        bottom: auto;
        font-size: 10px;
        line-height: 1.2;
        letter-spacing: 0;
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-amplify .amplify-container-1 .amplify-sticky-1 .img-boxy .img-box .caption {
        left:184px;
        top: calc(100vh - 332px);
        top: calc(100*var(--vh, 1vh) - 332px)
    }
}

@media (max-width: 360px) {
    #section-amplify .amplify-container-1 .amplify-sticky-1 .img-boxy .img-box .caption {
        left:164px;
        top: calc(100vh - 295px);
        top: calc(100*var(--vh, 1vh) - 295px)
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-amplify .amplify-container-1 .amplify-sticky-1 .img-boxy .img-box .caption {
        left:204px;
        top: calc(100vh - 369px);
        top: calc(100*var(--vh, 1vh) - 369px)
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-amplify .amplify-container-1 .amplify-sticky-1 .img-boxy .img-box .caption {
        left:368px;
        top: calc(100vh - 664px);
        top: calc(100*var(--vh, 1vh) - 664px)
    }
}

@media (max-width: 1023px) and (min-width:1400px) and (max-width:1799px) {
    #section-amplify .amplify-container-1 .amplify-sticky-1 .img-boxy .img-box .caption {
        font-size:8.384px;
        letter-spacing: 0
    }
}

@media (max-width: 1023px) and (min-width:1024px) and (max-width:1399px) {
    #section-amplify .amplify-container-1 .amplify-sticky-1 .img-boxy .img-box .caption {
        font-size:6.829px;
        letter-spacing: 0
    }
}

#section-amplify .amplify-container-1 .amplify-sticky-1 .img-boxy .img-box .frame {
    opacity: 1
}

#section-amplify .amplify-container-1 .amplify-sticky-1 .img-boxy .img-box .canvas {
    height: 51.852vh;
    height: calc(51.852*var(--vh, 1vh));
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

@media (max-width: 1023px) {
    #section-amplify .amplify-container-1 .amplify-sticky-1 .img-boxy .img-box .canvas {
        height:auto
    }
}

#section-amplify .amplify-container-1 .amplify-sticky-1 .img-boxy .img-box .phone1 {
    opacity: 1
}

#section-amplify .amplify-container-1 .amplify-sticky-1 .img-boxy .img-box .chip1 {
    opacity: 1;
    -webkit-transform-origin: 24% 38%;
    transform-origin: 24% 38%
}

#section-amplify .amplify-container-1 .amplify-scroll-1 {
    width: 88.89vh;
    width: calc(88.89*var(--vh, 1vh));
    padding-bottom: 66.2vh;
    padding-bottom: calc(66.2*var(--vh, 1vh));
    z-index: 0
}

@media (max-width: 1023px) {
    #section-amplify .amplify-container-1 .amplify-scroll-1 {
        text-align:left
    }
}

@media (max-width: 360px) {
    #section-amplify .amplify-container-1 .amplify-scroll-1 {
        width:291px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-amplify .amplify-container-1 .amplify-scroll-1 {
        width:363px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-amplify .amplify-container-1 .amplify-scroll-1 {
        width:654px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-amplify .amplify-container-1 .amplify-scroll-1 {
        width:327px
    }
}

#section-amplify .amplify-container-1 .amplify-scroll-1 .text-container {
    height: 70vh;
    height: calc(70*var(--vh, 1vh))
}

@media (max-width: 1023px) {
    #section-amplify .amplify-container-1 .amplify-scroll-1 .text-container {
        height:100vh;
        height: calc(100*var(--vh, 1vh))
    }
}

#section-amplify .amplify-container-1 .amplify-scroll-1 .text-container .text {
    opacity: 0;
    -webkit-transition: opacity .5s ease-in .5s;
    transition: opacity .5s ease-in .5s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

#section-amplify .amplify-container-1 .amplify-scroll-1 .text-container .text.show {
    opacity: 1;
    -webkit-transition: opacity .5s ease-in;
    transition: opacity .5s ease-in;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

#section-amplify .amplify-container-1 .amplify-scroll-1 .text-container .text .title {
    padding-top: 14.81vh;
    padding-top: calc(14.81*var(--vh, 1vh));
    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-amplify .amplify-container-1 .amplify-scroll-1 .text-container .text .title {
        font-size:50.304px;
        letter-spacing: 0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-amplify .amplify-container-1 .amplify-scroll-1 .text-container .text .title {
        font-size:40.974px;
        letter-spacing: 0
    }
}

@media (max-width: 1023px) {
    #section-amplify .amplify-container-1 .amplify-scroll-1 .text-container .text .title {
        font-size:30px;
        line-height: 1;
        letter-spacing: 0
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-amplify .amplify-container-1 .amplify-scroll-1 .text-container .text .title {
        padding-top:74px
    }
}

@media (max-width: 360px) {
    #section-amplify .amplify-container-1 .amplify-scroll-1 .text-container .text .title {
        padding-top:66px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-amplify .amplify-container-1 .amplify-scroll-1 .text-container .text .title {
        padding-top:82px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-amplify .amplify-container-1 .amplify-scroll-1 .text-container .text .title {
        padding-top:148px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-amplify .amplify-container-1 .amplify-scroll-1 .text-container .text .title {
        padding-top:calc(74px + (100vh - 670px)/3);
        padding-top: calc(74px + (100*var(--vh, 1vh) - 670px)/3)
    }
}

@media (max-width: 360px) {
    #section-amplify .amplify-container-1 .amplify-scroll-1 .text-container .text .title {
        padding-top:calc(66px + (100vh - 595px)/3);
        padding-top: calc(66px + (100*var(--vh, 1vh) - 595px)/3)
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-amplify .amplify-container-1 .amplify-scroll-1 .text-container .text .title {
        padding-top:calc(82px + (100vh - 744px)/3);
        padding-top: calc(82px + (100*var(--vh, 1vh) - 744px)/3)
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-amplify .amplify-container-1 .amplify-scroll-1 .text-container .text .title {
        padding-top:calc(148px + (100vh - 1340px)/3);
        padding-top: calc(148px + (100*var(--vh, 1vh) - 1340px)/3)
    }
}

@media (max-width: 1023px) and (min-width:1400px) and (max-width:1799px) {
    #section-amplify .amplify-container-1 .amplify-scroll-1 .text-container .text .title {
        font-size:25.152px;
        letter-spacing: 0
    }
}

@media (max-width: 1023px) and (min-width:1024px) and (max-width:1399px) {
    #section-amplify .amplify-container-1 .amplify-scroll-1 .text-container .text .title {
        font-size:20.487px;
        letter-spacing: 0
    }
}

#section-amplify .amplify-container-1 .amplify-scroll-1 .text-container .text .description {
    font-family: Roman-55,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: 0;
    margin-top: 3.7vh;
    margin-top: calc(3.7*var(--vh, 1vh))
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-amplify .amplify-container-1 .amplify-scroll-1 .text-container .text .description {
        font-size:20.1216px;
        letter-spacing: 0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-amplify .amplify-container-1 .amplify-scroll-1 .text-container .text .description {
        font-size:16.389599999999998px;
        letter-spacing: 0
    }
}

@media (max-width: 1023px) {
    #section-amplify .amplify-container-1 .amplify-scroll-1 .text-container .text .description {
        font-size:16px;
        line-height: 1.2;
        letter-spacing: 0
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-amplify .amplify-container-1 .amplify-scroll-1 .text-container .text .description {
        margin-top:20px
    }
}

@media (max-width: 360px) {
    #section-amplify .amplify-container-1 .amplify-scroll-1 .text-container .text .description {
        margin-top:18px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-amplify .amplify-container-1 .amplify-scroll-1 .text-container .text .description {
        margin-top:22px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-amplify .amplify-container-1 .amplify-scroll-1 .text-container .text .description {
        margin-top:40px
    }
}

@media (max-width: 1023px) and (min-width:1400px) and (max-width:1799px) {
    #section-amplify .amplify-container-1 .amplify-scroll-1 .text-container .text .description {
        font-size:13.4144px;
        letter-spacing: 0
    }
}

@media (max-width: 1023px) and (min-width:1024px) and (max-width:1399px) {
    #section-amplify .amplify-container-1 .amplify-scroll-1 .text-container .text .description {
        font-size:10.9264px;
        letter-spacing: 0
    }
}

#section-amplify .amplify-container-1 .amplify-scroll-1 .text-container .text .flex {
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin-top: 3.7vh;
    margin-top: calc(3.7*var(--vh, 1vh))
}

@media (max-width: 1023px) {
    #section-amplify .amplify-container-1 .amplify-scroll-1 .text-container .text .flex {
        -webkit-box-pack:left;
        justify-content: left
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-amplify .amplify-container-1 .amplify-scroll-1 .text-container .text .flex {
        margin-top:20px
    }
}

@media (max-width: 360px) {
    #section-amplify .amplify-container-1 .amplify-scroll-1 .text-container .text .flex {
        margin-top:18px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-amplify .amplify-container-1 .amplify-scroll-1 .text-container .text .flex {
        margin-top:22px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-amplify .amplify-container-1 .amplify-scroll-1 .text-container .text .flex {
        margin-top:40px
    }
}

#section-amplify .amplify-container-1 .amplify-scroll-1 .text-container .text .flex .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-amplify .amplify-container-1 .amplify-scroll-1 .text-container .text .flex .left {
        font-size:20.1216px;
        letter-spacing: 0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-amplify .amplify-container-1 .amplify-scroll-1 .text-container .text .flex .left {
        font-size:16.389599999999998px;
        letter-spacing: 0
    }
}

@media (max-width: 1023px) {
    #section-amplify .amplify-container-1 .amplify-scroll-1 .text-container .text .flex .left {
        font-size:16px;
        line-height: 1.2;
        letter-spacing: 0
    }
}

@media (max-width: 1023px) and (min-width:1400px) and (max-width:1799px) {
    #section-amplify .amplify-container-1 .amplify-scroll-1 .text-container .text .flex .left {
        font-size:13.4144px;
        letter-spacing: 0
    }
}

@media (max-width: 1023px) and (min-width:1024px) and (max-width:1399px) {
    #section-amplify .amplify-container-1 .amplify-scroll-1 .text-container .text .flex .left {
        font-size:10.9264px;
        letter-spacing: 0
    }
}

#section-amplify .amplify-container-1 .amplify-scroll-1 .text-container .text .flex .right {
    width: 4.44vh;
    width: calc(4.44*var(--vh, 1vh));
    height: 4.44vh;
    height: calc(4.44*var(--vh, 1vh));
    margin-left: 1.39vh;
    margin-left: calc(1.39*var(--vh, 1vh))
}

@media (min-width: 360px) and (max-width:399px) {
    #section-amplify .amplify-container-1 .amplify-scroll-1 .text-container .text .flex .right {
        width:24px;
        height: 24px;
        margin-left: 5px
    }
}

@media (max-width: 360px) {
    #section-amplify .amplify-container-1 .amplify-scroll-1 .text-container .text .flex .right {
        width:21px;
        height: 21px;
        margin-left: 4px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-amplify .amplify-container-1 .amplify-scroll-1 .text-container .text .flex .right {
        width:27px;
        height: 27px;
        margin-left: 6px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-amplify .amplify-container-1 .amplify-scroll-1 .text-container .text .flex .right {
        width:48px;
        height: 48px;
        margin-left: 10px
    }
}

#section-amplify .amplify-container-1 .place-holder {
    height: 143vh;
    height: calc(143*var(--vh, 1vh))
}

@media (max-width: 1023px) {
    #section-amplify .amplify-container-1 .place-holder {
        height:100vh;
        height: calc(100*var(--vh, 1vh))
    }
}

#section-amplify .amplify-container-2 {
    z-index: 11;
    background-color: #f2f2f2;
    height: 200vh;
    height: calc(200*var(--vh, 1vh))
}

#section-amplify .amplify-container-2 .amplify-sticky-2 {
    height: 100vh;
    height: calc(100*var(--vh, 1vh));
    overflow: hidden
}

@media (min-width: 360px) and (max-width:399px) {
    #section-amplify .amplify-container-2 .amplify-sticky-2 {
        padding-top:calc((100vh - 670px)/2);
        padding-top: calc((100*var(--vh, 1vh) - 670px)/2)
    }
}

@media (max-width: 360px) {
    #section-amplify .amplify-container-2 .amplify-sticky-2 {
        padding-top:calc((100vh - 595px)/2);
        padding-top: calc((100*var(--vh, 1vh) - 595px)/2)
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-amplify .amplify-container-2 .amplify-sticky-2 {
        padding-top:calc((100vh - 744px)/2);
        padding-top: calc((100*var(--vh, 1vh) - 744px)/2)
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-amplify .amplify-container-2 .amplify-sticky-2 {
        padding-top:calc((100vh - 1340px)/2);
        padding-top: calc((100*var(--vh, 1vh) - 1340px)/2)
    }
}

#section-amplify .amplify-container-2 .amplify-sticky-2 .img-box {
    height: 61.1vh;
    height: calc(61.1*var(--vh, 1vh));
    width: 118.52vh;
    width: calc(118.52*var(--vh, 1vh));
    margin-left: auto;
    margin-right: auto;
    padding-top: 9.26vh;
    padding-top: calc(9.26*var(--vh, 1vh));
    left: 7.41vh;
    left: calc(7.41*var(--vh, 1vh))
}

@media (max-width: 1023px) {
    #section-amplify .amplify-container-2 .amplify-sticky-2 .img-box {
        left:0
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-amplify .amplify-container-2 .amplify-sticky-2 .img-box {
        width:731px;
        height: 340px;
        margin-left: -249px;
        padding-top: 30px
    }
}

@media (max-width: 360px) {
    #section-amplify .amplify-container-2 .amplify-sticky-2 .img-box {
        width:650px;
        height: 302px;
        margin-left: -221px;
        padding-top: 27px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-amplify .amplify-container-2 .amplify-sticky-2 .img-box {
        width:812px;
        height: 378px;
        margin-left: -277px;
        padding-top: 33px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-amplify .amplify-container-2 .amplify-sticky-2 .img-box {
        width:1462px;
        height: 680px;
        margin-left: -498px;
        padding-top: 60px
    }
}

#section-amplify .amplify-container-2 .amplify-sticky-2 .img-box .img {
    width: 118.52vh;
    width: calc(118.52*var(--vh, 1vh));
    height: 51.85vh;
    height: calc(51.85*var(--vh, 1vh));
    opacity: 0;
    -webkit-transition: opacity .6s ease;
    transition: opacity .6s ease
}

@media (min-width: 360px) and (max-width:399px) {
    #section-amplify .amplify-container-2 .amplify-sticky-2 .img-box .img {
        width:731px;
        height: 320px
    }
}

@media (max-width: 360px) {
    #section-amplify .amplify-container-2 .amplify-sticky-2 .img-box .img {
        width:650px;
        height: 284px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-amplify .amplify-container-2 .amplify-sticky-2 .img-box .img {
        width:812px;
        height: 356px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-amplify .amplify-container-2 .amplify-sticky-2 .img-box .img {
        width:1462px;
        height: 640px
    }
}

#section-amplify .amplify-container-2 .amplify-sticky-2 .text {
    margin-left: auto;
    margin-right: auto;
    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-amplify .amplify-container-2 .amplify-sticky-2 .text {
        width:640px;
        left: -318px;
        top: -73px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-amplify .amplify-container-2 .amplify-sticky-2 .text {
        width:537px;
        left: -267px;
        top: -61px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-amplify .amplify-container-2 .amplify-sticky-2 .text {
        width:437px;
        left: -217px;
        top: -50px
    }
}

#section-amplify .amplify-container-2 .amplify-sticky-2 .text.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: 0s;
    transition-delay: 0s;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

@media (max-width: 1023px) {
    #section-amplify .amplify-container-2 .amplify-sticky-2 .text {
        text-align:left;
        left: 0;
        top: 0;
        margin-top: 50px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-amplify .amplify-container-2 .amplify-sticky-2 .text {
        width:327px
    }
}

@media (max-width: 360px) {
    #section-amplify .amplify-container-2 .amplify-sticky-2 .text {
        width:291px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-amplify .amplify-container-2 .amplify-sticky-2 .text {
        width:363px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-amplify .amplify-container-2 .amplify-sticky-2 .text {
        width:654px
    }
}

#section-amplify .amplify-container-2 .amplify-sticky-2 .text .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-amplify .amplify-container-2 .amplify-sticky-2 .text .title {
        font-size:50.304px;
        letter-spacing: 0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-amplify .amplify-container-2 .amplify-sticky-2 .text .title {
        font-size:40.974px;
        letter-spacing: 0
    }
}

@media (max-width: 1023px) {
    #section-amplify .amplify-container-2 .amplify-sticky-2 .text .title {
        font-size:30px;
        line-height: 1;
        letter-spacing: 0
    }
}

@media (max-width: 1023px) and (min-width:1400px) and (max-width:1799px) {
    #section-amplify .amplify-container-2 .amplify-sticky-2 .text .title {
        font-size:25.152px;
        letter-spacing: 0
    }
}

@media (max-width: 1023px) and (min-width:1024px) and (max-width:1399px) {
    #section-amplify .amplify-container-2 .amplify-sticky-2 .text .title {
        font-size:20.487px;
        letter-spacing: 0
    }
}

#section-amplify .amplify-container-2 .amplify-sticky-2 .text .description {
    font-family: Roman-55,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: 0
}

@media (min-width: 1800px) {
    #section-amplify .amplify-container-2 .amplify-sticky-2 .text .description {
        margin-top:40px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-amplify .amplify-container-2 .amplify-sticky-2 .text .description {
        margin-top:34px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-amplify .amplify-container-2 .amplify-sticky-2 .text .description {
        margin-top:27px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-amplify .amplify-container-2 .amplify-sticky-2 .text .description {
        font-size:20.1216px;
        letter-spacing: 0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-amplify .amplify-container-2 .amplify-sticky-2 .text .description {
        font-size:16.389599999999998px;
        letter-spacing: 0
    }
}

@media (max-width: 1023px) {
    #section-amplify .amplify-container-2 .amplify-sticky-2 .text .description {
        font-size:16px;
        line-height: 1.2;
        letter-spacing: 0
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-amplify .amplify-container-2 .amplify-sticky-2 .text .description {
        margin-top:20px
    }
}

@media (max-width: 360px) {
    #section-amplify .amplify-container-2 .amplify-sticky-2 .text .description {
        margin-top:18px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-amplify .amplify-container-2 .amplify-sticky-2 .text .description {
        margin-top:22px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-amplify .amplify-container-2 .amplify-sticky-2 .text .description {
        margin-top:40px
    }
}

@media (max-width: 1023px) and (min-width:1400px) and (max-width:1799px) {
    #section-amplify .amplify-container-2 .amplify-sticky-2 .text .description {
        font-size:13.4144px;
        letter-spacing: 0
    }
}

@media (max-width: 1023px) and (min-width:1024px) and (max-width:1399px) {
    #section-amplify .amplify-container-2 .amplify-sticky-2 .text .description {
        font-size:10.9264px;
        letter-spacing: 0
    }
}

#section-amplify .amplify-container-2 .amplify-sticky-2 .text .flex {
    -webkit-box-align: center;
    align-items: center
}

@media (min-width: 1800px) {
    #section-amplify .amplify-container-2 .amplify-sticky-2 .text .flex {
        margin-top:40px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-amplify .amplify-container-2 .amplify-sticky-2 .text .flex {
        margin-top:34px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-amplify .amplify-container-2 .amplify-sticky-2 .text .flex {
        margin-top:27px
    }
}

@media (max-width: 1023px) {
    #section-amplify .amplify-container-2 .amplify-sticky-2 .text .flex {
        -webkit-box-pack:left;
        justify-content: left
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-amplify .amplify-container-2 .amplify-sticky-2 .text .flex {
        margin-top:20px
    }
}

@media (max-width: 360px) {
    #section-amplify .amplify-container-2 .amplify-sticky-2 .text .flex {
        margin-top:18px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-amplify .amplify-container-2 .amplify-sticky-2 .text .flex {
        margin-top:22px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-amplify .amplify-container-2 .amplify-sticky-2 .text .flex {
        margin-top:40px
    }
}

#section-amplify .amplify-container-2 .amplify-sticky-2 .text .flex .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-amplify .amplify-container-2 .amplify-sticky-2 .text .flex .left {
        font-size:20.1216px;
        letter-spacing: 0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-amplify .amplify-container-2 .amplify-sticky-2 .text .flex .left {
        font-size:16.389599999999998px;
        letter-spacing: 0
    }
}

@media (max-width: 1023px) {
    #section-amplify .amplify-container-2 .amplify-sticky-2 .text .flex .left {
        font-size:16px;
        line-height: 1.2;
        letter-spacing: 0
    }
}

@media (max-width: 1023px) and (min-width:1400px) and (max-width:1799px) {
    #section-amplify .amplify-container-2 .amplify-sticky-2 .text .flex .left {
        font-size:13.4144px;
        letter-spacing: 0
    }
}

@media (max-width: 1023px) and (min-width:1024px) and (max-width:1399px) {
    #section-amplify .amplify-container-2 .amplify-sticky-2 .text .flex .left {
        font-size:10.9264px;
        letter-spacing: 0
    }
}

#section-amplify .amplify-container-2 .amplify-sticky-2 .text .flex .right {
    width: 4.44vh;
    width: calc(4.44*var(--vh, 1vh));
    height: 4.44vh;
    height: calc(4.44*var(--vh, 1vh));
    margin-left: 1.39vh;
    margin-left: calc(1.39*var(--vh, 1vh))
}

@media (min-width: 360px) and (max-width:399px) {
    #section-amplify .amplify-container-2 .amplify-sticky-2 .text .flex .right {
        width:24px;
        height: 24px;
        margin-left: 5px
    }
}

@media (max-width: 360px) {
    #section-amplify .amplify-container-2 .amplify-sticky-2 .text .flex .right {
        width:21px;
        height: 21px;
        margin-left: 4px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-amplify .amplify-container-2 .amplify-sticky-2 .text .flex .right {
        width:27px;
        height: 27px;
        margin-left: 6px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-amplify .amplify-container-2 .amplify-sticky-2 .text .flex .right {
        width:48px;
        height: 48px;
        margin-left: 10px
    }
}

#section-aem {
    background: #f2f2f2
}

@media (min-width: 1800px) {
    #section-aem {
        padding:160px 0
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-aem {
        padding:134px 0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-aem {
        padding:109px 0
    }
}

#section-aem .compare-container.rel {
    background: #fff;
    -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 {
        width:1600px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-aem .compare-container.rel {
        width:1341px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-aem .compare-container.rel {
        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: #fff;
    -webkit-box-align: center;
    align-items: center
}

@media (min-width: 1800px) {
    #section-aem .in-box-container {
        width:1600px;
        padding-left: 160px;
        margin-top: 80px;
        height: 680px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-aem .in-box-container {
        width:1341px;
        padding-left: 134px;
        margin-top: 67px;
        height: 570px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-aem .in-box-container {
        width:1093px;
        padding-left: 109px;
        margin-top: 55px;
        height: 464px
    }
}

#section-aem .in-box-container .background {
    right: 0
}

@media (min-width: 1800px) {
    #section-aem .in-box-container .background {
        width:850px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-aem .in-box-container .background {
        width:713px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-aem .in-box-container .background {
        width:580px
    }
}

#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 {
    font-size: 30px;
    line-height: 1;
    letter-spacing: 0
}

@media (min-width: 1800px) {
    #section-aem .in-box-container .text-box .products .product {
        margin-top:10px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-aem .in-box-container .text-box .products .product {
        margin-top:8px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-aem .in-box-container .text-box .products .product {
        margin-top:7px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-aem .in-box-container .text-box .products .product {
        font-size:25.152px;
        letter-spacing: 0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-aem .in-box-container .text-box .products .product {
        font-size:20.487px;
        letter-spacing: 0
    }
}

#section-caption {
    color: rgba(0,0,0,.4);
    background: #f2f2f2
}

@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: #fff;
    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;
}

.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%;
}