#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 .specs-item {
    padding: inherit;
    border-top: none;
    display: inherit;
    max-width: inherit;
    min-width: inherit;
    margin: inherit;
    margin-left: 0;
}
.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-right: none !important;
}
.zn--wrapper .border-bottom {
    border-bottom: 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: 15;
}
.main-content {
    overflow-x: initial;
}

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

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

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:320px
    }
}

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

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

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

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

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

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

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

@media (max-width: 359px) {
    .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: 359px) {
    .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: 359px) {
    .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: 359px) {
    .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: 359px) {
    .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: 359px) {
    .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 {
}

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

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

#oc-wrapper {
    overflow: visible
}

#footer {
    overflow-x: hidden
}

body.no-scroll {
    overflow-y: hidden
}

.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-family: Roman-55,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 24px;
    letter-spacing: 0;
    line-height: 1.2
}

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

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

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

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

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

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

.zn--wrapper .title {
    font-family: Medium-65,Helvetica Neue,Helvetica,Arial,sans-serif;
    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: Medium-65,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 22px;
    line-height: 1.09;
    letter-spacing: -.02px;
    line-height: 1.5
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.zn--wrapper .text-3 {
    font-size: 40px;
    letter-spacing: 0;
    line-height: 1
}

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

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

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

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

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

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

.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 (min-width: 1024px) and (max-width:1399px) {
    .zn--wrapper .full-screen-nav {
        height:calc(100vh - 121px);
        height: calc(100*var(--vh, 1vh) - 121px)
    }
}

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

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

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

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

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

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

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

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

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

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

.zn--wrapper .global-container {
    width: 100%;
    max-width: 100vw;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 1920px) {
    .zn--wrapper .global-container {
        max-width:1920px
    }
}

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

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

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

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

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

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

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

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

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

#main-wrapper {
    position: relative
}

.g--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: #000;
    z-index: 99
}

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

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

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

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

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

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

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

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

.g--pop-page-container .g--pop-page {
    display: block;
    opacity: 0;
    -webkit-transition: opacity .6s linear;
    transition: opacity .6s 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: #18191d;
    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
    }
}

.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 .7s ease;
    -webkit-transition: -webkit-transform .7s ease;
    transition: transform .7s ease;
    transition: transform .7s ease,-webkit-transform .7s ease;
    background-color: #000
}

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

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

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

.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: #18191d;
    overflow: hidden;
    -webkit-transition: opacity .6s linear;
    transition: opacity .6s 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 (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;
        height: 100%
    }
}

.g--pop-page-container .g--pop-page-mode1 .inner-page .top-img .background,.g--pop-page-container .g--pop-page-mode2 .inner-page .top-img .background,.g--pop-page-container .g--pop-page-mode3 .inner-page .top-img .background {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media (min-width: 360px) and (max-width:399px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .top-img .background,.g--pop-page-container .g--pop-page-mode2 .inner-page .top-img .background,.g--pop-page-container .g--pop-page-mode3 .inner-page .top-img .background {
        height:203px
    }
}

@media (max-width: 359px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .top-img .background,.g--pop-page-container .g--pop-page-mode2 .inner-page .top-img .background,.g--pop-page-container .g--pop-page-mode3 .inner-page .top-img .background {
        height:180px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .top-img .background,.g--pop-page-container .g--pop-page-mode2 .inner-page .top-img .background,.g--pop-page-container .g--pop-page-mode3 .inner-page .top-img .background {
        height:226px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .top-img .background,.g--pop-page-container .g--pop-page-mode2 .inner-page .top-img .background,.g--pop-page-container .g--pop-page-mode3 .inner-page .top-img .background {
        height:406px
    }
}

@media (min-width: 1800px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .top-img .background,.g--pop-page-container .g--pop-page-mode2 .inner-page .top-img .background,.g--pop-page-container .g--pop-page-mode3 .inner-page .top-img .background {
        height:460px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .top-img .background,.g--pop-page-container .g--pop-page-mode2 .inner-page .top-img .background,.g--pop-page-container .g--pop-page-mode3 .inner-page .top-img .background {
        height:386px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .top-img .background,.g--pop-page-container .g--pop-page-mode2 .inner-page .top-img .background,.g--pop-page-container .g--pop-page-mode3 .inner-page .top-img .background {
        height:314px
    }
}

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

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

@media (min-width: 360px) and (max-width:399px) {
    .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:200px
    }
}

@media (max-width: 359px) {
    .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:178px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .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:222px
    }
}

@media (min-width: 720px) and (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:400px
    }
}

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

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

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

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

@media (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 {
        width:100%;
        height: 100%
    }
}

.g--pop-page-container .g--pop-page-mode1 .inner-page .bottom-content,.g--pop-page-container .g--pop-page-mode2 .inner-page .bottom-content,.g--pop-page-container .g--pop-page-mode3 .inner-page .bottom-content {
    margin: 0 auto;
    text-align: center;
    width: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: none
}

@media (min-width: 360px) and (max-width:399px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .bottom-content,.g--pop-page-container .g--pop-page-mode2 .inner-page .bottom-content,.g--pop-page-container .g--pop-page-mode3 .inner-page .bottom-content {
        padding-bottom:120px;
        height: calc(100% - 203px)
    }
}

@media (max-width: 359px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .bottom-content,.g--pop-page-container .g--pop-page-mode2 .inner-page .bottom-content,.g--pop-page-container .g--pop-page-mode3 .inner-page .bottom-content {
        padding-bottom:107px;
        height: calc(100% - 180px)
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .bottom-content,.g--pop-page-container .g--pop-page-mode2 .inner-page .bottom-content,.g--pop-page-container .g--pop-page-mode3 .inner-page .bottom-content {
        padding-bottom:133px;
        height: calc(100% - 226px)
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .bottom-content,.g--pop-page-container .g--pop-page-mode2 .inner-page .bottom-content,.g--pop-page-container .g--pop-page-mode3 .inner-page .bottom-content {
        padding-bottom:240px;
        height: calc(100% - 406px)
    }
}

@media (min-width: 1800px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .bottom-content,.g--pop-page-container .g--pop-page-mode2 .inner-page .bottom-content,.g--pop-page-container .g--pop-page-mode3 .inner-page .bottom-content {
        padding-bottom:240px;
        height: calc(100% - 460px)
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .bottom-content,.g--pop-page-container .g--pop-page-mode2 .inner-page .bottom-content,.g--pop-page-container .g--pop-page-mode3 .inner-page .bottom-content {
        padding-bottom:201px;
        height: calc(100% - 386px)
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .bottom-content,.g--pop-page-container .g--pop-page-mode2 .inner-page .bottom-content,.g--pop-page-container .g--pop-page-mode3 .inner-page .bottom-content {
        padding-bottom:164px;
        height: calc(100% - 314px)
    }
}

.g--pop-page-container .g--pop-page-mode1 .inner-page .bottom-content::-webkit-scrollbar,.g--pop-page-container .g--pop-page-mode2 .inner-page .bottom-content::-webkit-scrollbar,.g--pop-page-container .g--pop-page-mode3 .inner-page .bottom-content::-webkit-scrollbar {
    display: none
}

.g--pop-page-container .g--pop-page-mode1 .inner-page .bottom-content .bottom-content-element,.g--pop-page-container .g--pop-page-mode2 .inner-page .bottom-content .bottom-content-element,.g--pop-page-container .g--pop-page-mode3 .inner-page .bottom-content .bottom-content-element {
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center
}

@media (min-width: 360px) and (max-width:399px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .bottom-content .bottom-content-element,.g--pop-page-container .g--pop-page-mode2 .inner-page .bottom-content .bottom-content-element,.g--pop-page-container .g--pop-page-mode3 .inner-page .bottom-content .bottom-content-element {
        width:281px
    }
}

@media (max-width: 359px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .bottom-content .bottom-content-element,.g--pop-page-container .g--pop-page-mode2 .inner-page .bottom-content .bottom-content-element,.g--pop-page-container .g--pop-page-mode3 .inner-page .bottom-content .bottom-content-element {
        width:250px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .bottom-content .bottom-content-element,.g--pop-page-container .g--pop-page-mode2 .inner-page .bottom-content .bottom-content-element,.g--pop-page-container .g--pop-page-mode3 .inner-page .bottom-content .bottom-content-element {
        width:312px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .bottom-content .bottom-content-element,.g--pop-page-container .g--pop-page-mode2 .inner-page .bottom-content .bottom-content-element,.g--pop-page-container .g--pop-page-mode3 .inner-page .bottom-content .bottom-content-element {
        width:562px
    }
}

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

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

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

.g--pop-page-container .g--pop-page-mode1 .inner-page .bottom-content .text-box,.g--pop-page-container .g--pop-page-mode2 .inner-page .bottom-content .text-box,.g--pop-page-container .g--pop-page-mode3 .inner-page .bottom-content .text-box {
    -webkit-box-flex: 1;
    flex: 1
}

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

@media (max-width: 359px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .bottom-content .text-box,.g--pop-page-container .g--pop-page-mode2 .inner-page .bottom-content .text-box,.g--pop-page-container .g--pop-page-mode3 .inner-page .bottom-content .text-box {
        width:250px
    }
}

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

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

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

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

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

.g--pop-page-container .g--pop-page-mode1 .inner-page .bottom-content .text-box .pop-title,.g--pop-page-container .g--pop-page-mode2 .inner-page .bottom-content .text-box .pop-title,.g--pop-page-container .g--pop-page-mode3 .inner-page .bottom-content .text-box .pop-title {
    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) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .bottom-content .text-box .pop-title,.g--pop-page-container .g--pop-page-mode2 .inner-page .bottom-content .text-box .pop-title,.g--pop-page-container .g--pop-page-mode3 .inner-page .bottom-content .text-box .pop-title {
        margin-top:60px
    }
}

@media (max-width: 359px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .bottom-content .text-box .pop-title,.g--pop-page-container .g--pop-page-mode2 .inner-page .bottom-content .text-box .pop-title,.g--pop-page-container .g--pop-page-mode3 .inner-page .bottom-content .text-box .pop-title {
        margin-top:53px
    }
}

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

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

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

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

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

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .bottom-content .text-box .pop-title,.g--pop-page-container .g--pop-page-mode2 .inner-page .bottom-content .text-box .pop-title,.g--pop-page-container .g--pop-page-mode3 .inner-page .bottom-content .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 .bottom-content .text-box .pop-title,.g--pop-page-container .g--pop-page-mode2 .inner-page .bottom-content .text-box .pop-title,.g--pop-page-container .g--pop-page-mode3 .inner-page .bottom-content .text-box .pop-title {
        font-size:27.316px;
        letter-spacing: 0
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .bottom-content .text-box .pop-title,.g--pop-page-container .g--pop-page-mode2 .inner-page .bottom-content .text-box .pop-title,.g--pop-page-container .g--pop-page-mode3 .inner-page .bottom-content .text-box .pop-title {
        letter-spacing:0;
        font-size: 48px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .bottom-content .text-box .pop-title,.g--pop-page-container .g--pop-page-mode2 .inner-page .bottom-content .text-box .pop-title,.g--pop-page-container .g--pop-page-mode3 .inner-page .bottom-content .text-box .pop-title {
        letter-spacing:0;
        font-size: 26.664px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .bottom-content .text-box .pop-title,.g--pop-page-container .g--pop-page-mode2 .inner-page .bottom-content .text-box .pop-title,.g--pop-page-container .g--pop-page-mode3 .inner-page .bottom-content .text-box .pop-title {
        letter-spacing:0;
        font-size: 24px
    }
}

@media (max-width: 360px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .bottom-content .text-box .pop-title,.g--pop-page-container .g--pop-page-mode2 .inner-page .bottom-content .text-box .pop-title,.g--pop-page-container .g--pop-page-mode3 .inner-page .bottom-content .text-box .pop-title {
        letter-spacing:0;
        font-size: 21.33px
    }
}

@media (max-width: 1023px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .bottom-content .text-box .pop-title,.g--pop-page-container .g--pop-page-mode2 .inner-page .bottom-content .text-box .pop-title,.g--pop-page-container .g--pop-page-mode3 .inner-page .bottom-content .text-box .pop-title {
        text-align:start
    }
}

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

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

@media (max-width: 359px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .bottom-content .text-box .pop-text,.g--pop-page-container .g--pop-page-mode2 .inner-page .bottom-content .text-box .pop-text,.g--pop-page-container .g--pop-page-mode3 .inner-page .bottom-content .text-box .pop-text {
        margin-top:18px
    }
}

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

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

@media (min-width: 1800px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .bottom-content .text-box .pop-text,.g--pop-page-container .g--pop-page-mode2 .inner-page .bottom-content .text-box .pop-text,.g--pop-page-container .g--pop-page-mode3 .inner-page .bottom-content .text-box .pop-text {
        margin-top:40px
    }
}

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

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

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .bottom-content .text-box .pop-text,.g--pop-page-container .g--pop-page-mode2 .inner-page .bottom-content .text-box .pop-text,.g--pop-page-container .g--pop-page-mode3 .inner-page .bottom-content .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 .bottom-content .text-box .pop-text,.g--pop-page-container .g--pop-page-mode2 .inner-page .bottom-content .text-box .pop-text,.g--pop-page-container .g--pop-page-mode3 .inner-page .bottom-content .text-box .pop-text {
        font-size:12.2922px;
        letter-spacing: 0
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .bottom-content .text-box .pop-text,.g--pop-page-container .g--pop-page-mode2 .inner-page .bottom-content .text-box .pop-text,.g--pop-page-container .g--pop-page-mode3 .inner-page .bottom-content .text-box .pop-text {
        letter-spacing:0;
        font-size: 28px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .bottom-content .text-box .pop-text,.g--pop-page-container .g--pop-page-mode2 .inner-page .bottom-content .text-box .pop-text,.g--pop-page-container .g--pop-page-mode3 .inner-page .bottom-content .text-box .pop-text {
        letter-spacing:0;
        font-size: 15.554px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .bottom-content .text-box .pop-text,.g--pop-page-container .g--pop-page-mode2 .inner-page .bottom-content .text-box .pop-text,.g--pop-page-container .g--pop-page-mode3 .inner-page .bottom-content .text-box .pop-text {
        letter-spacing:0;
        font-size: 14px
    }
}

@media (max-width: 360px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .bottom-content .text-box .pop-text,.g--pop-page-container .g--pop-page-mode2 .inner-page .bottom-content .text-box .pop-text,.g--pop-page-container .g--pop-page-mode3 .inner-page .bottom-content .text-box .pop-text {
        letter-spacing:0;
        font-size: 12.442499999999999px
    }
}

@media (max-width: 1023px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .bottom-content .text-box .pop-text,.g--pop-page-container .g--pop-page-mode2 .inner-page .bottom-content .text-box .pop-text,.g--pop-page-container .g--pop-page-mode3 .inner-page .bottom-content .text-box .pop-text {
        text-align:start
    }
}

.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: 360px) and (max-width:399px) {
    .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 {
        height:calc(100% - 200px)
    }
}

@media (max-width: 359px) {
    .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 {
        height:calc(100% - 178px)
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .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 {
        height:calc(100% - 222px)
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .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 {
        height:calc(100% - 400px)
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .nav-bar .nav-text.hide,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .nav-bar .nav-text.hide,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .nav-bar .nav-text.hide {
    color: #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: 359px) {
    .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
    }
}

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

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

.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: 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 {
        height:calc(100vh - 248px);
        height: calc(100*var(--vh, 1vh) - 248px);
        padding-top: 40px
    }
}

@media (max-width: 359px) {
    .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 {
        height:calc(100vh - 220px);
        height: calc(100*var(--vh, 1vh) - 220px);
        padding-top: 36px
    }
}

@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 {
        height:calc(100vh - 276px);
        height: calc(100*var(--vh, 1vh) - 276px);
        padding-top: 44px
    }
}

@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 {
        height:calc(100vh - 496px);
        height: calc(100*var(--vh, 1vh) - 496px);
        padding-top: 80px
    }
}

.g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .text-box .text-box-content,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-box .text-box-content,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-box .text-box-content {
    margin: 0 auto
}

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

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

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

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

@media (max-width: 359px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .text-box .text-box-content,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-box .text-box-content,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-box .text-box-content {
        width:249px
    }
}

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

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

.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: 359px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .flex-right .text-box .pop-title,.g--pop-page-container .g--pop-page-mode2 .inner-page .flex-right .text-box .pop-title,.g--pop-page-container .g--pop-page-mode3 .inner-page .flex-right .text-box .pop-title {
        padding-bottom:18px
    }
}

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

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

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

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

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

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

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

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

@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 (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: 359px) {
    .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 .back,.g--pop-page-container .g--pop-page-mode2 .inner-page .back,.g--pop-page-container .g--pop-page-mode3 .inner-page .back {
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center
}

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

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

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

@media (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: 359px) {
    .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
    }
}

.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 {
    position: relative;
    left: 0;
    -webkit-transition: left .1s linear;
    transition: left .1s linear
}

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

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

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

@media (min-width: 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: 359px) {
    .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-size: 18px;
    line-height: 1.2;
    letter-spacing: 0
}

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

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

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

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

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

@media (max-width: 1023px) {
    .g--pop-page-container .g--pop-page-mode1 .inner-page .back .back-right,.g--pop-page-container .g--pop-page-mode2 .inner-page .back .back-right,.g--pop-page-container .g--pop-page-mode3 .inner-page .back .back-right {
        font-size:16px;
        line-height: 1.2;
        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: 359px) {
    .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
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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 (max-width: 1023px) {
    .g--pop-page-mode3 .inner-page {
        min-height:100vh;
        min-height: calc(100*var(--vh, 1vh))
    }
}

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

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

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

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

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

@media (min-width: 1800px) {
    .g--pop-page-mode3 .inner-page .flex-left .background {
        width:1221px
    }
}

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

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

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

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

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

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

@media (min-width: 1800px) {
    .g--pop-page-mode3 .borders .border-left {
        width:calc(50vw - 799px)!important
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--pop-page-mode3 .borders .border-left {
        width:calc(50vw - 670px)!important
    }
}

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

.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: 359px) {
    .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
}

.letter-animation,.letter-animation-bg {
    opacity: 0
}

.anime .letter-animation,.anime .letter-animation-bg {
    opacity: 1
}

.anime .letter-animation-bg .letter>*,.anime .letter-animation .letter>* {
    -webkit-animation-name: strokeOffset;
    animation-name: strokeOffset;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.recover .letter-animation-bg .letter>*,.recover .letter-animation .letter>* {
    -webkit-animation: none;
    animation: none
}

@-webkit-keyframes strokeOffset {
    to {
        stroke-dashoffset: 0
    }
}

@keyframes strokeOffset {
    to {
        stroke-dashoffset: 0
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .g--banner-mode-2 .slick-container {
        margin-top:-60px
    }
}

@media (max-width: 359px) {
    .g--banner-mode-2 .slick-container {
        margin-top:-53px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .g--banner-mode-2 .slick-container {
        margin-top:-67px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .g--banner-mode-2 .slick-container {
        margin-top:-120px
    }
}

@media (min-width: 1800px) {
    .g--banner-mode-2 .slick-container {
        margin-top:40px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--banner-mode-2 .slick-container {
        margin-top:34px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--banner-mode-2 .slick-container {
        margin-top:27px
    }
}

.g--banner-mode-2 .slick-container img {
    -o-object-fit: cover;
    object-fit: cover
}

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

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

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

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

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

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

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

@media (max-width: 1023px) {
    .g--banner-mode-2 .slick-container img {
        margin-left:auto;
        margin-right: auto
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.g--banner-mode-2 .progress .current {
    left: 0;
    top: 0
}

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

.g--banner-mode-2 .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-2 .bottom {
        margin-top:60px;
        width: 281px
    }
}

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

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

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

.g--banner-mode-2 .next,.g--banner-mode-2 .prev {
    cursor: pointer
}

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

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

@media (min-width: 1024px) and (max-width:1399px) {
    .g--banner-mode-2 .next,.g--banner-mode-2 .prev {
        width:75px;
        height: 41px;
        width: 45px;
        height: 25px
    }
}

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

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

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

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

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

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

.g--banner-mode-2 .wrapper .title {
    font-size: 40px;
    letter-spacing: 0;
    line-height: 1;
    text-align: left
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--banner-mode-2 .wrapper .title {
        font-size:33.536px;
        letter-spacing: 0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--banner-mode-2 .wrapper .title {
        font-size:27.316px;
        letter-spacing: 0
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .g--banner-mode-2 .wrapper .title {
        letter-spacing:0;
        font-size: 48px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .g--banner-mode-2 .wrapper .title {
        letter-spacing:0;
        font-size: 26.664px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .g--banner-mode-2 .wrapper .title {
        letter-spacing:0;
        font-size: 24px
    }
}

@media (max-width: 360px) {
    .g--banner-mode-2 .wrapper .title {
        letter-spacing:0;
        font-size: 21.33px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .g--banner-mode-2 .wrapper>.title {
        top:-120px;
        left: 47px
    }
}

@media (max-width: 359px) {
    .g--banner-mode-2 .wrapper>.title {
        top:-107px;
        left: 42px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .g--banner-mode-2 .wrapper>.title {
        top:-133px;
        left: 52px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .g--banner-mode-2 .wrapper>.title {
        top:-240px;
        left: 94px
    }
}

@media (min-width: 1800px) {
    .g--banner-mode-2 .wrapper>.title {
        top:-41px;
        left: calc(50vw - 640px)
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--banner-mode-2 .wrapper>.title {
        top:-34px;
        left: calc(50vw - 537px)
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--banner-mode-2 .wrapper>.title {
        top:-28px;
        left: calc(50vw - 437px)
    }
}

@media (min-width: 1800px) {
    .g--banner-mode-2 .progress {
        right:calc(50vw - 760px);
        top: -41px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--banner-mode-2 .progress {
        right:calc(50vw - 637px);
        top: -34px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--banner-mode-2 .progress {
        right:calc(50vw - 519px);
        top: -28px
    }
}

@media (min-width: 1800px) {
    .g--banner-mode-2 .image-container .wrap {
        width:1440px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--banner-mode-2 .image-container .wrap {
        width:1207px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--banner-mode-2 .image-container .wrap {
        width:983px
    }
}

.g--banner-mode-2 .parameters {
    opacity: 0;
    -webkit-transition: opacity .5s linear;
    transition: opacity .5s linear
}

@media (min-width: 1800px) {
    .g--banner-mode-2 .parameters {
        left:calc(50vw - 640px);
        top: -159px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--banner-mode-2 .parameters {
        left:calc(50vw - 537px);
        top: -133px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--banner-mode-2 .parameters {
        left:calc(50vw - 437px);
        top: -109px
    }
}

.g--banner-mode-2 .parameters.active {
    opacity: 1
}

.g--banner-mode-2 .parameters .parameter {
    border-top: 1px solid rgba(83,86,90,.4);
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center
}

@media (min-width: 360px) and (max-width:399px) {
    .g--banner-mode-2 .parameters .parameter {
        width:281px;
        height: 27px
    }
}

@media (max-width: 359px) {
    .g--banner-mode-2 .parameters .parameter {
        width:250px;
        height: 24px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .g--banner-mode-2 .parameters .parameter {
        width:312px;
        height: 30px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .g--banner-mode-2 .parameters .parameter {
        width:562px;
        height: 54px
    }
}

@media (min-width: 1800px) {
    .g--banner-mode-2 .parameters .parameter {
        width:320px;
        height: 32px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--banner-mode-2 .parameters .parameter {
        width:268px;
        height: 27px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--banner-mode-2 .parameters .parameter {
        width:219px;
        height: 22px
    }
}

.g--banner-mode-2 .parameters .parameter .name {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 1.2;
    color: #666
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--banner-mode-2 .parameters .parameter .name {
        font-size:15.0912px;
        letter-spacing: 0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--banner-mode-2 .parameters .parameter .name {
        font-size:12.2922px;
        letter-spacing: 0
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .g--banner-mode-2 .parameters .parameter .name {
        letter-spacing:0;
        font-size: 28px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .g--banner-mode-2 .parameters .parameter .name {
        letter-spacing:0;
        font-size: 15.554px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .g--banner-mode-2 .parameters .parameter .name {
        letter-spacing:0;
        font-size: 14px
    }
}

@media (max-width: 360px) {
    .g--banner-mode-2 .parameters .parameter .name {
        letter-spacing:0;
        font-size: 12.442499999999999px
    }
}

.g--banner-mode-2 .parameters .parameter .value {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 1.2;
    color: #d9d9d9
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--banner-mode-2 .parameters .parameter .value {
        font-size:15.0912px;
        letter-spacing: 0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--banner-mode-2 .parameters .parameter .value {
        font-size:12.2922px;
        letter-spacing: 0
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .g--banner-mode-2 .parameters .parameter .value {
        letter-spacing:0;
        font-size: 28px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .g--banner-mode-2 .parameters .parameter .value {
        letter-spacing:0;
        font-size: 15.554px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .g--banner-mode-2 .parameters .parameter .value {
        letter-spacing:0;
        font-size: 14px
    }
}

@media (max-width: 360px) {
    .g--banner-mode-2 .parameters .parameter .value {
        letter-spacing:0;
        font-size: 12.442499999999999px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .ls-hidden .prev {
        width:66px;
        height: 36px
    }
}

@media (max-width: 359px) {
    .ls-hidden .prev {
        width:59px;
        height: 32px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .ls-hidden .prev {
        width:73px;
        height: 40px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .ls-hidden .prev {
        width:132px;
        height: 72px
    }
}

.ls-hidden .prev .prev-border {
    -webkit-transition: all .1s linear;
    transition: all .1s linear;
    opacity: 0
}

@media (min-width: 360px) and (max-width:399px) {
    .ls-hidden .prev .prev-border {
        width:66px;
        height: 36px;
        border: 2px solid #fff;
        border-radius: 24px
    }
}

@media (max-width: 359px) {
    .ls-hidden .prev .prev-border {
        width:59px;
        height: 32px;
        border: 2px solid #fff;
        border-radius: 21px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .ls-hidden .prev .prev-border {
        width:73px;
        height: 40px;
        border: 2px solid #fff;
        border-radius: 27px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .ls-hidden .prev .prev-border {
        width:132px;
        height: 72px;
        border: 4px solid #fff;
        border-radius: 48px
    }
}

.ls-hidden .prev .prev-img {
    width: 100%;
    height: 100%
}

.ls-hidden .prev:focus .prev-border,.ls-hidden .prev:hover .prev-border {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

@media (min-width: 360px) and (max-width:399px) {
    .ls-hidden .next {
        width:66px;
        height: 36px
    }
}

@media (max-width: 359px) {
    .ls-hidden .next {
        width:59px;
        height: 32px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .ls-hidden .next {
        width:73px;
        height: 40px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .ls-hidden .next {
        width:132px;
        height: 72px
    }
}

.ls-hidden .next .next-border {
    -webkit-transition: all .1s linear;
    transition: all .1s linear;
    opacity: 0
}

@media (min-width: 360px) and (max-width:399px) {
    .ls-hidden .next .next-border {
        width:66px;
        height: 36px;
        border: 2px solid #fff;
        border-radius: 24px
    }
}

@media (max-width: 359px) {
    .ls-hidden .next .next-border {
        width:59px;
        height: 32px;
        border: 2px solid #fff;
        border-radius: 21px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .ls-hidden .next .next-border {
        width:73px;
        height: 40px;
        border: 2px solid #fff;
        border-radius: 27px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .ls-hidden .next .next-border {
        width:132px;
        height: 72px;
        border: 4px solid #fff;
        border-radius: 48px
    }
}

.ls-hidden .next .next-img {
    width: 100%;
    height: 100%
}

.ls-hidden .next:focus .next-border,.ls-hidden .next:hover .next-border {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.pt-hidden .prev {
    cursor: pointer;
    -webkit-transition: opacity .6s linear,left .6s linear;
    transition: opacity .6s linear,left .6s linear
}

@media (min-width: 1800px) {
    .pt-hidden .prev {
        width:110px;
        height: 60px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .pt-hidden .prev {
        width:92px;
        height: 50px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .pt-hidden .prev {
        width:75px;
        height: 41px
    }
}

.pt-hidden .prev .prev-border {
    -webkit-transition: all .1s linear;
    transition: all .1s linear;
    opacity: 0
}

@media (min-width: 1800px) {
    .pt-hidden .prev .prev-border {
        width:110px;
        height: 60px;
        border: 2px solid #fff;
        border-radius: 40px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .pt-hidden .prev .prev-border {
        width:92px;
        height: 50px;
        border: 2px solid #fff;
        border-radius: 34px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .pt-hidden .prev .prev-border {
        width:75px;
        height: 41px;
        border: 1px solid #fff;
        border-radius: 27px
    }
}

.pt-hidden .prev .prev-img {
    width: 100%;
    height: 100%
}

.pt-hidden .prev:focus .prev-border,.pt-hidden .prev:hover .prev-border {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.pt-hidden .next {
    cursor: pointer;
    -webkit-transition: opacity .6s linear,right .6s linear;
    transition: opacity .6s linear,right .6s linear
}

@media (min-width: 1800px) {
    .pt-hidden .next {
        width:110px;
        height: 60px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .pt-hidden .next {
        width:92px;
        height: 50px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .pt-hidden .next {
        width:75px;
        height: 41px
    }
}

.pt-hidden .next .next-border {
    -webkit-transition: all .1s linear;
    transition: all .1s linear;
    opacity: 0
}

@media (min-width: 1800px) {
    .pt-hidden .next .next-border {
        width:110px;
        height: 60px;
        border: 2px solid #fff;
        border-radius: 40px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .pt-hidden .next .next-border {
        width:92px;
        height: 50px;
        border: 2px solid #fff;
        border-radius: 34px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .pt-hidden .next .next-border {
        width:75px;
        height: 41px;
        border: 1px solid #fff;
        border-radius: 27px
    }
}

.pt-hidden .next .next-img {
    width: 100%;
    height: 100%
}

.pt-hidden .next:focus .next-border,.pt-hidden .next:hover .next-border {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.pt-control {
    position: relative
}

.pt-control .bottom-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    overflow: hidden;
    -webkit-transition: top .5s linear,height .5s linear;
    transition: top .5s linear,height .5s linear;
    background: -webkit-gradient(linear,left top,left bottom,from(#18191d),to(rgba(0,0,0,.8)));
    background: linear-gradient(#18191d,rgba(0,0,0,.8))
}

@media (min-width: 360px) and (max-width:399px) {
    .pt-control .bottom-top {
        top:0;
        height: 52px
    }
}

@media (max-width: 359px) {
    .pt-control .bottom-top {
        top:0;
        height: 46px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .pt-control .bottom-top {
        top:0;
        height: 58px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .pt-control .bottom-top {
        top:0;
        height: 104px
    }
}

.pt-control .bottom-top .parameters-group {
    margin-left: auto;
    margin-right: auto;
    opacity: 0;
    -webkit-transition: opacity .5s linear;
    transition: opacity .5s linear
}

@media (min-width: 360px) and (max-width:399px) {
    .pt-control .bottom-top .parameters-group {
        width:281px
    }
}

@media (max-width: 359px) {
    .pt-control .bottom-top .parameters-group {
        width:250px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .pt-control .bottom-top .parameters-group {
        width:312px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .pt-control .bottom-top .parameters-group {
        width:562px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .pt-control .bottom-top .parameters-group .parameters {
        width:281px
    }
}

@media (max-width: 359px) {
    .pt-control .bottom-top .parameters-group .parameters {
        width:250px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .pt-control .bottom-top .parameters-group .parameters {
        width:312px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .pt-control .bottom-top .parameters-group .parameters {
        width:562px
    }
}

.pt-control .bottom-top .bottom-title {
    width: 100%;
    -webkit-box-pack: center;
    justify-content: center;
    cursor: pointer
}

@media (min-width: 360px) and (max-width:399px) {
    .pt-control .bottom-top .bottom-title {
        height:52px;
        padding-top: 10px
    }
}

@media (max-width: 359px) {
    .pt-control .bottom-top .bottom-title {
        height:46px;
        padding-top: 9px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .pt-control .bottom-top .bottom-title {
        height:58px;
        padding-top: 11px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .pt-control .bottom-top .bottom-title {
        height:104px;
        padding-top: 20px
    }
}

.pt-control .bottom-top .bottom-title .bottom-title-text {
    line-height: 1;
    font-family: Roman-55,Helvetica Neue,Helvetica,Arial,sans-serif;
    color: #d9d9d9
}

@media (min-width: 360px) and (max-width:399px) {
    .pt-control .bottom-top .bottom-title .bottom-title-text {
        margin-right:5px
    }
}

@media (max-width: 359px) {
    .pt-control .bottom-top .bottom-title .bottom-title-text {
        margin-right:4px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .pt-control .bottom-top .bottom-title .bottom-title-text {
        margin-right:6px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .pt-control .bottom-top .bottom-title .bottom-title-text {
        margin-right:10px;
        letter-spacing: 0;
        font-size: 24px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .pt-control .bottom-top .bottom-title .bottom-title-text {
        letter-spacing:0;
        font-size: 13.332px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .pt-control .bottom-top .bottom-title .bottom-title-text {
        letter-spacing:0;
        font-size: 12px
    }
}

@media (max-width: 360px) {
    .pt-control .bottom-top .bottom-title .bottom-title-text {
        letter-spacing:0;
        font-size: 10.665px
    }
}

.pt-control .bottom-top .bottom-title img {
    display: none!important
}

@media (min-width: 360px) and (max-width:399px) {
    .pt-control .bottom-top .bottom-title img {
        width:6px;
        height: 3px;
        top: 6px
    }
}

@media (max-width: 359px) {
    .pt-control .bottom-top .bottom-title img {
        width:5px;
        height: 3px;
        top: 5px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .pt-control .bottom-top .bottom-title img {
        width:7px;
        height: 3px;
        top: 7px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .pt-control .bottom-top .bottom-title img {
        width:12px;
        height: 6px;
        top: 12px
    }
}

.pt-control .bottom-top .bottom-title img.active {
    display: block!important
}

@media (min-width: 360px) and (max-width:399px) {
    .pt-control .bottom-top.expanded {
        height:220px;
        top: -112px
    }
}

@media (max-width: 359px) {
    .pt-control .bottom-top.expanded {
        height:196px;
        top: -100px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .pt-control .bottom-top.expanded {
        height:244px;
        top: -124px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .pt-control .bottom-top.expanded {
        height:440px;
        top: -224px
    }
}

.pt-control .bottom-top.expanded .parameters-group {
    opacity: 1
}

.pt-control .control-grid {
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center
}

@media (min-width: 360px) and (max-width:399px) {
    .pt-control .control-grid {
        top:52px
    }
}

@media (max-width: 359px) {
    .pt-control .control-grid {
        top:46px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .pt-control .control-grid {
        top:58px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .pt-control .control-grid {
        top:104px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .pt-control .control-grid .progress {
        margin-left:60px;
        margin-right: 60px
    }
}

@media (max-width: 359px) {
    .pt-control .control-grid .progress {
        margin-left:53px;
        margin-right: 53px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .pt-control .control-grid .progress {
        margin-left:67px;
        margin-right: 67px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .pt-control .control-grid .progress {
        margin-left:120px;
        margin-right: 120px
    }
}

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

@media (max-width: 359px) {
    .g--banner-mode-1 .pagination {
        top:-53px
    }
}

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

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

@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: 359px) {
    .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: 359px) {
    .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;
    opacity: .3;
    font-size: 30px;
    letter-spacing: 0;
    line-height: 1;
    color: #fff
}

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

@media (max-width: 359px) {
    .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
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .g--banner-mode-1 .pagination .name {
        font-size:25.152px;
        letter-spacing: 0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .g--banner-mode-1 .pagination .name {
        font-size:20.487px;
        letter-spacing: 0
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .g--banner-mode-1 .pagination .name {
        letter-spacing:0;
        font-size: 36px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .g--banner-mode-1 .pagination .name {
        letter-spacing:0;
        font-size: 19.998px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .g--banner-mode-1 .pagination .name {
        letter-spacing:0;
        font-size: 18px
    }
}

@media (max-width: 360px) {
    .g--banner-mode-1 .pagination .name {
        letter-spacing:0;
        font-size: 15.997499999999999px
    }
}

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

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

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

@media (max-width: 359px) {
    .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 {
        margin-top:-80px
    }
}

@media (max-width: 359px) {
    .g--banner-mode-1 .slick-container {
        margin-top:-71px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .g--banner-mode-1 .slick-container {
        margin-top:-89px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .g--banner-mode-1 .slick-container {
        margin-top:-160px
    }
}

@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: 359px) {
    .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: 359px) {
    .g--banner-mode-1 .progress {
        width:23px;
        height: 23px
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.small {
    font-size: 40px;
    letter-spacing: 0;
    line-height: 1;
    vertical-align: top
}

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

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

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

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

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

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

#section-kv {
    overflow: hidden
}

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

@media (max-width: 359px) {
    #section-kv {
        height:761px;
        margin-top: -44px;
        padding-top: 44px
    }
}

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

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

@media (min-width: 1800px) {
    #section-kv {
        height:1245px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-kv {
        height:1044px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-kv {
        height:850px
    }
}

@media (min-width: 1920px) {
    #section-kv {
        overflow:visible
    }
}

#section-kv .color-black {
    display: none
}

#section-kv .color-black.active {
    display: block
}

#section-kv .color-blue {
    display: none
}

#section-kv .color-blue.active {
    display: block
}

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

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

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

@media (min-width: 360px) and (max-width:399px) {
    #section-kv .big-title svg {
        width:203px
    }
}

@media (max-width: 359px) {
    #section-kv .big-title svg {
        width:180px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-kv .big-title svg {
        width:226px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-kv .big-title svg {
        width:406px
    }
}

@media (min-width: 1800px) {
    #section-kv .big-title svg {
        width:640px
    }
}

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

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

#section-kv .g--container {
    z-index: 2;
    -webkit-transition: top .6s linear;
    transition: top .6s linear
}

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

@media (max-width: 359px) {
    #section-kv .g--container {
        top:71px
    }
}

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

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

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

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

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

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

@media (max-width: 359px) {
    #section-kv .g--container.show {
        top:9px
    }
}

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

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

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

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

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

#section-kv .text-3 {
    color: #f2f2f2;
    opacity: 0
}

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

@media (max-width: 359px) {
    #section-kv .text-3 {
        margin-top:-18px
    }
}

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

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

@media (min-width: 1800px) {
    #section-kv .text-3 {
        margin-top:70px
    }
}

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

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

#section-kv .text-3.initialized {
    -webkit-transition: opacity .4s linear,margin-top .4s linear;
    transition: opacity .4s linear,margin-top .4s linear;
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

#section-kv .text-3.show.initialized {
    opacity: 1
}

@media (min-width: 360px) and (max-width:399px) {
    #section-kv .text-3.show.initialized {
        margin-top:-40px
    }
}

@media (max-width: 359px) {
    #section-kv .text-3.show.initialized {
        margin-top:-36px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-kv .text-3.show.initialized {
        margin-top:-44px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-kv .text-3.show.initialized {
        margin-top:-80px
    }
}

@media (min-width: 1800px) {
    #section-kv .text-3.show.initialized {
        margin-top:40px
    }
}

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

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

#section-kv .bg-shadow {
    width: 100%;
    opacity: 0;
    overflow: hidden
}

@media (min-width: 360px) and (max-width:399px) {
    #section-kv .bg-shadow {
        height:856px;
        top: 0
    }
}

@media (max-width: 359px) {
    #section-kv .bg-shadow {
        height:761px;
        top: 0
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-kv .bg-shadow {
        height:951px;
        top: 0
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-kv .bg-shadow {
        height:1712px;
        top: 0
    }
}

@media (min-width: 1800px) {
    #section-kv .bg-shadow {
        height:1605px;
        top: -360px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-kv .bg-shadow {
        height:1346px;
        top: -302px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-kv .bg-shadow {
        height:1096px;
        top: -246px
    }
}

@media (min-width: 1920px) {
    #section-kv .bg-shadow {
        overflow:visible
    }
}

#section-kv .bg-shadow.initialized {
    -webkit-transition: opacity 2s linear;
    transition: opacity 2s linear
}

#section-kv .bg-shadow.show.initialized {
    opacity: 1
}

@media (min-width: 360px) and (max-width:399px) {
    #section-kv .bg-shadow .bg-shadow-img {
        width:889px;
        left: -257px
    }
}

@media (max-width: 359px) {
    #section-kv .bg-shadow .bg-shadow-img {
        width:790px;
        left: -228px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-kv .bg-shadow .bg-shadow-img {
        width:988px;
        left: -286px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-kv .bg-shadow .bg-shadow-img {
        width:1778px;
        left: -514px
    }
}

@media (min-width: 1800px) {
    #section-kv .bg-shadow .bg-shadow-img {
        width:2184px;
        left: -264px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-kv .bg-shadow .bg-shadow-img {
        width:1831px;
        left: -221px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-kv .bg-shadow .bg-shadow-img {
        width:1491px;
        left: -180px
    }
}

#section-kv .back-phone-container {
    transition: -webkit-transform .1s linear;
    -webkit-transition: -webkit-transform .1s linear;
    transition: transform .1s linear;
    transition: transform .1s linear,-webkit-transform .1s linear
}

@media (min-width: 360px) and (max-width:399px) {
    #section-kv .back-phone-container {
        top:421px;
        left: -83px;
        width: 330px;
        height: 324px
    }
}

@media (max-width: 359px) {
    #section-kv .back-phone-container {
        top:374px;
        left: -74px;
        width: 293px;
        height: 288px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-kv .back-phone-container {
        top:468px;
        left: -92px;
        width: 367px;
        height: 360px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-kv .back-phone-container {
        top:842px;
        left: -166px;
        width: 660px;
        height: 648px
    }
}

@media (min-width: 1800px) {
    #section-kv .back-phone-container {
        left:-198px;
        top: 582px;
        width: 1074px;
        height: 478px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-kv .back-phone-container {
        left:-166px;
        top: 488px;
        width: 900px;
        height: 401px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-kv .back-phone-container {
        left:-135px;
        top: 397px;
        width: 733px;
        height: 326px
    }
}

#section-kv .back-phone-container .back-phone-inner,#section-kv .back-phone-container .back-phone-outer {
    width: 100%;
    height: 100%
}

#section-kv .back-phone-container .back-phone-base {
    width: 100%;
    height: 100%;
    opacity: 0
}

@media (min-width: 360px) and (max-width:399px) {
    #section-kv .back-phone-container .back-phone-base {
        left:-6px
    }
}

@media (max-width: 359px) {
    #section-kv .back-phone-container .back-phone-base {
        left:-5px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-kv .back-phone-container .back-phone-base {
        left:-7px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-kv .back-phone-container .back-phone-base {
        left:-12px
    }
}

@media (min-width: 1800px) {
    #section-kv .back-phone-container .back-phone-base {
        left:-10px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-kv .back-phone-container .back-phone-base {
        left:-8px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-kv .back-phone-container .back-phone-base {
        left:-7px
    }
}

#section-kv .back-phone-container .back-phone-base.initialized {
    -webkit-transition: opacity 1s linear,left 1s linear;
    transition: opacity 1s linear,left 1s linear
}

#section-kv .back-phone-container .back-phone-base.show.initialized {
    opacity: 1
}

@media (min-width: 360px) and (max-width:399px) {
    #section-kv .back-phone-container .back-phone-base.show.initialized {
        left:0
    }
}

@media (max-width: 359px) {
    #section-kv .back-phone-container .back-phone-base.show.initialized {
        left:0
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-kv .back-phone-container .back-phone-base.show.initialized {
        left:0
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-kv .back-phone-container .back-phone-base.show.initialized {
        left:0
    }
}

@media (min-width: 1800px) {
    #section-kv .back-phone-container .back-phone-base.show.initialized {
        left:0
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-kv .back-phone-container .back-phone-base.show.initialized {
        left:0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-kv .back-phone-container .back-phone-base.show.initialized {
        left:0
    }
}

#section-kv .back-phone-container .back-phone-light {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

#section-kv .back-phone-container .back-phone-light.initialized {
    -webkit-transition: opacity 1s linear 1.5s;
    transition: opacity 1s linear 1.5s
}

#section-kv .back-phone-container .back-phone-light.show.initialized {
    opacity: 1
}

#section-kv .back-phone-container .back-phone-light .back-phone-light-img {
    width: 100%;
    height: 100%;
    opacity: 1;
    -webkit-transition: opacity 1s linear;
    transition: opacity 1s linear
}

#section-kv .back-phone-container .back-phone-light .back-phone-light-img.fade-out {
    opacity: 0
}

#section-kv .front-phone-container {
    z-index: 3;
    transition: -webkit-transform .1s linear;
    -webkit-transition: -webkit-transform .1s linear;
    transition: transform .1s linear;
    transition: transform .1s linear,-webkit-transform .1s linear
}

@media (min-width: 360px) and (max-width:399px) {
    #section-kv .front-phone-container {
        top:223px;
        left: 75px;
        width: 300px;
        height: 291px
    }
}

@media (max-width: 359px) {
    #section-kv .front-phone-container {
        top:198px;
        left: 67px;
        width: 267px;
        height: 259px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-kv .front-phone-container {
        top:248px;
        left: 83px;
        width: 333px;
        height: 323px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-kv .front-phone-container {
        top:446px;
        left: 150px;
        width: 600px;
        height: 582px
    }
}

@media (min-width: 1800px) {
    #section-kv .front-phone-container {
        top:272px;
        left: 777px;
        width: 993px;
        height: 575px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-kv .front-phone-container {
        top:228px;
        left: 651px;
        width: 833px;
        height: 482px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-kv .front-phone-container {
        top:186px;
        left: 531px;
        width: 678px;
        height: 393px
    }
}

#section-kv .front-phone-container .front-phone-outer {
    overflow: hidden
}

@media (min-width: 360px) and (max-width:399px) {
    #section-kv .front-phone-container .front-phone-outer {
        width:300px;
        height: 291px
    }
}

@media (max-width: 359px) {
    #section-kv .front-phone-container .front-phone-outer {
        width:267px;
        height: 259px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-kv .front-phone-container .front-phone-outer {
        width:333px;
        height: 323px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-kv .front-phone-container .front-phone-outer {
        width:600px;
        height: 582px
    }
}

@media (min-width: 1800px) {
    #section-kv .front-phone-container .front-phone-outer {
        width:993px;
        height: 575px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-kv .front-phone-container .front-phone-outer {
        width:833px;
        height: 482px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-kv .front-phone-container .front-phone-outer {
        width:678px;
        height: 393px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-kv .front-phone-container .front-phone-inner {
        width:340px;
        height: 291px
    }
}

@media (max-width: 359px) {
    #section-kv .front-phone-container .front-phone-inner {
        width:302px;
        height: 259px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-kv .front-phone-container .front-phone-inner {
        width:378px;
        height: 323px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-kv .front-phone-container .front-phone-inner {
        width:680px;
        height: 582px
    }
}

@media (min-width: 1800px) {
    #section-kv .front-phone-container .front-phone-inner {
        width:993px;
        height: 575px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-kv .front-phone-container .front-phone-inner {
        width:833px;
        height: 482px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-kv .front-phone-container .front-phone-inner {
        width:678px;
        height: 393px
    }
}

#section-kv .front-phone-container .front-phone-base {
    opacity: 0
}

@media (min-width: 360px) and (max-width:399px) {
    #section-kv .front-phone-container .front-phone-base {
        width:340px;
        height: 291px;
        left: -6px;
        top: 6px
    }
}

@media (max-width: 359px) {
    #section-kv .front-phone-container .front-phone-base {
        width:302px;
        height: 259px;
        left: -5px;
        top: 5px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-kv .front-phone-container .front-phone-base {
        width:378px;
        height: 323px;
        left: -7px;
        top: 7px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-kv .front-phone-container .front-phone-base {
        width:680px;
        height: 582px;
        left: -12px;
        top: 12px
    }
}

@media (min-width: 1800px) {
    #section-kv .front-phone-container .front-phone-base {
        width:993px;
        height: 575px;
        left: -10px;
        top: 10px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-kv .front-phone-container .front-phone-base {
        width:833px;
        height: 482px;
        left: -8px;
        top: 8px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-kv .front-phone-container .front-phone-base {
        width:678px;
        height: 393px;
        left: -7px;
        top: 7px
    }
}

#section-kv .front-phone-container .front-phone-base.initialized {
    -webkit-transition: opacity 1s linear,left 1s linear,top 1s linear;
    transition: opacity 1s linear,left 1s linear,top 1s linear
}

#section-kv .front-phone-container .front-phone-base.show.initialized {
    opacity: 1
}

@media (min-width: 360px) and (max-width:399px) {
    #section-kv .front-phone-container .front-phone-base.show.initialized {
        left:0;
        top: 0
    }
}

@media (max-width: 359px) {
    #section-kv .front-phone-container .front-phone-base.show.initialized {
        left:0;
        top: 0
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-kv .front-phone-container .front-phone-base.show.initialized {
        left:0;
        top: 0
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-kv .front-phone-container .front-phone-base.show.initialized {
        left:0;
        top: 0
    }
}

@media (min-width: 1800px) {
    #section-kv .front-phone-container .front-phone-base.show.initialized {
        left:0;
        top: 0
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-kv .front-phone-container .front-phone-base.show.initialized {
        left:0;
        top: 0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-kv .front-phone-container .front-phone-base.show.initialized {
        left:0;
        top: 0
    }
}

#section-kv .front-phone-container .wallpaper {
    opacity: 0;
    left: 0;
    top: 0
}

@media (min-width: 360px) and (max-width:399px) {
    #section-kv .front-phone-container .wallpaper {
        width:340px;
        height: 291px
    }
}

@media (max-width: 359px) {
    #section-kv .front-phone-container .wallpaper {
        width:302px;
        height: 259px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-kv .front-phone-container .wallpaper {
        width:378px;
        height: 323px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-kv .front-phone-container .wallpaper {
        width:680px;
        height: 582px
    }
}

@media (min-width: 1800px) {
    #section-kv .front-phone-container .wallpaper {
        width:993px;
        height: 575px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-kv .front-phone-container .wallpaper {
        width:833px;
        height: 482px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-kv .front-phone-container .wallpaper {
        width:678px;
        height: 393px
    }
}

#section-kv .front-phone-container .wallpaper.initialized {
    -webkit-transition: opacity 1s linear 1.5s;
    transition: opacity 1s linear 1.5s
}

#section-kv .front-phone-container .wallpaper.show.initialized {
    opacity: 1
}

#section-kv .front-phone-container .wallpaper .wallpaper-img {
    width: 100%;
    height: 100%;
    opacity: 1;
    -webkit-transition: opacity 1s linear;
    transition: opacity 1s linear
}

#section-kv .front-phone-container .wallpaper .wallpaper-img.fade-out {
    opacity: 0
}

#section-kv .front-phone-container .glass {
    opacity: 0;
    left: 0;
    top: 0
}

@media (min-width: 360px) and (max-width:399px) {
    #section-kv .front-phone-container .glass {
        width:340px;
        height: 291px
    }
}

@media (max-width: 359px) {
    #section-kv .front-phone-container .glass {
        width:302px;
        height: 259px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-kv .front-phone-container .glass {
        width:378px;
        height: 323px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-kv .front-phone-container .glass {
        width:680px;
        height: 582px
    }
}

@media (min-width: 1800px) {
    #section-kv .front-phone-container .glass {
        width:993px;
        height: 575px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-kv .front-phone-container .glass {
        width:833px;
        height: 482px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-kv .front-phone-container .glass {
        width:678px;
        height: 393px
    }
}

#section-kv .front-phone-container .glass.initialized {
    -webkit-transition: opacity 1s linear 1.5s;
    transition: opacity 1s linear 1.5s
}

#section-kv .front-phone-container .glass.show.initialized {
    opacity: 1
}

#section-kv .front-phone-container .glass .glass-img {
    width: 100%;
    height: 100%;
    opacity: 1;
    -webkit-transition: opacity 1s linear;
    transition: opacity 1s linear
}

#section-kv .front-phone-container .glass .glass-img.fade-out {
    opacity: 0
}

@media (min-width: 360px) and (max-width:399px) {
    #section-specs .out-container {
        top:-160px
    }
}

@media (max-width: 359px) {
    #section-specs .out-container {
        top:-142px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-specs .out-container {
        top:-178px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-specs .out-container {
        top:-320px
    }
}

@media (min-width: 1800px) {
    #section-specs .out-container {
        top:-155px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-specs .out-container {
        top:-130px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-specs .out-container {
        top:-106px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-specs .label-section {
        margin-top:0
    }
}

@media (max-width: 359px) {
    #section-specs .label-section {
        margin-top:0
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-specs .label-section {
        margin-top:0
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-specs .label-section {
        margin-top:0
    }
}

@media (min-width: 1800px) {
    #section-specs .label-section {
        margin-top:0
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-specs .label-section {
        margin-top:0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-specs .label-section {
        margin-top:0
    }
}

@media (min-width: 1800px) {
    #section-specs .label {
        top:90px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-specs .label {
        top:75px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-specs .label {
        top:61px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-specs .video {
        height:280px;
        margin-top: 40px
    }
}

@media (max-width: 359px) {
    #section-specs .video {
        height:249px;
        margin-top: 36px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-specs .video {
        height:311px;
        margin-top: 44px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-specs .video {
        height:560px;
        margin-top: 80px
    }
}

@media (min-width: 1800px) {
    #section-specs .video {
        height:620px;
        margin-top: 100px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-specs .video {
        height:520px;
        margin-top: 84px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-specs .video {
        height:423px;
        margin-top: 68px
    }
}

#section-specs .video .play {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 3
}

@media (min-width: 360px) and (max-width:399px) {
    #section-specs .video .play {
        width:60px;
        height: 60px
    }
}

@media (max-width: 359px) {
    #section-specs .video .play {
        width:53px;
        height: 53px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-specs .video .play {
        width:67px;
        height: 67px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-specs .video .play {
        width:120px;
        height: 120px
    }
}

@media (min-width: 1800px) {
    #section-specs .video .play {
        width:100px;
        height: 100px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-specs .video .play {
        width:84px;
        height: 84px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-specs .video .play {
        width:68px;
        height: 68px
    }
}

#section-specs .video .play .svg-bg {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 0 solid hsla(0,0%,100%,.1);
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

@media (min-width: 360px) and (max-width:399px) {
    #section-specs .video .play:focus .svg-bg,#section-specs .video .play:hover .svg-bg {
        border:30px solid hsla(0,0%,100%,.1)
    }
}

@media (max-width: 359px) {
    #section-specs .video .play:focus .svg-bg,#section-specs .video .play:hover .svg-bg {
        border:27px solid hsla(0,0%,100%,.1)
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-specs .video .play:focus .svg-bg,#section-specs .video .play:hover .svg-bg {
        border:33px solid hsla(0,0%,100%,.1)
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-specs .video .play:focus .svg-bg,#section-specs .video .play:hover .svg-bg {
        border:60px solid hsla(0,0%,100%,.1)
    }
}

@media (min-width: 1800px) {
    #section-specs .video .play:focus .svg-bg,#section-specs .video .play:hover .svg-bg {
        border:50px solid hsla(0,0%,100%,.1)
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-specs .video .play:focus .svg-bg,#section-specs .video .play:hover .svg-bg {
        border:42px solid hsla(0,0%,100%,.1)
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-specs .video .play:focus .svg-bg,#section-specs .video .play:hover .svg-bg {
        border:34px solid hsla(0,0%,100%,.1)
    }
}

#section-specs .video .play svg {
    width: 100%;
    height: 100%
}

#section-specs .video .specs-video,#section-specs .video .specs-video-canvas {
    z-index: 2
}

#section-specs .specs-item {
    opacity: 0;
    position: relative
}

@media (min-width: 360px) and (max-width:399px) {
    #section-specs .specs-item {
        margin-bottom:15px
    }
}

@media (max-width: 359px) {
    #section-specs .specs-item {
        margin-bottom:13px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-specs .specs-item {
        margin-bottom:17px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-specs .specs-item {
        margin-bottom:30px
    }
}

@media (min-width: 1800px) {
    #section-specs .specs-item {
        margin-bottom:10px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-specs .specs-item {
        margin-bottom:8px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-specs .specs-item {
        margin-bottom:7px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-specs .specs-2 {
        top:15px
    }
}

@media (max-width: 359px) {
    #section-specs .specs-2 {
        top:13px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-specs .specs-2 {
        top:17px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-specs .specs-2 {
        top:30px
    }
}

@media (min-width: 1800px) {
    #section-specs .specs-2 {
        top:30px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-specs .specs-2 {
        top:25px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-specs .specs-2 {
        top:20px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-specs .specs-3 {
        top:35px
    }
}

@media (max-width: 359px) {
    #section-specs .specs-3 {
        top:31px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-specs .specs-3 {
        top:39px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-specs .specs-3 {
        top:70px
    }
}

@media (min-width: 1800px) {
    #section-specs .specs-3 {
        top:70px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-specs .specs-3 {
        top:59px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-specs .specs-3 {
        top:48px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-specs .specs-4 {
        top:60px
    }
}

@media (max-width: 359px) {
    #section-specs .specs-4 {
        top:53px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-specs .specs-4 {
        top:67px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-specs .specs-4 {
        top:120px
    }
}

@media (min-width: 1800px) {
    #section-specs .specs-4 {
        top:120px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-specs .specs-4 {
        top:101px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-specs .specs-4 {
        top:82px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-specs .specs-5 {
        top:90px
    }
}

@media (max-width: 359px) {
    #section-specs .specs-5 {
        top:80px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-specs .specs-5 {
        top:100px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-specs .specs-5 {
        top:180px
    }
}

@media (min-width: 1800px) {
    #section-specs .specs-5 {
        top:180px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-specs .specs-5 {
        top:151px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-specs .specs-5 {
        top:123px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-colors {
        margin-top:-210px;
        padding-bottom: 206px
    }
}

@media (max-width: 359px) {
    #section-colors {
        margin-top:-187px;
        padding-bottom: 183px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-colors {
        margin-top:-233px;
        padding-bottom: 229px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-colors {
        margin-top:-420px;
        padding-bottom: 412px
    }
}

@media (min-width: 1800px) {
    #section-colors {
        margin-top:-155px;
        padding-bottom: 347px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-colors {
        margin-top:-130px;
        padding-bottom: 291px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-colors {
        margin-top:-106px;
        padding-bottom: 237px
    }
}

#section-colors .sticky-container {
    height: 300vh;
    height: calc(300*var(--vh, 1vh));
    -webkit-transition: top 1s linear;
    transition: top 1s linear
}

@media (min-width: 360px) and (max-width:399px) {
    #section-colors .sticky-container {
        top:160px
    }
}

@media (max-width: 359px) {
    #section-colors .sticky-container {
        top:142px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-colors .sticky-container {
        top:178px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-colors .sticky-container {
        top:320px
    }
}

@media (min-width: 1800px) {
    #section-colors .sticky-container {
        top:320px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-colors .sticky-container {
        top:268px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-colors .sticky-container {
        top:219px
    }
}

@media (max-width: 1023px) {
    #section-colors .sticky-container {
        height:230vh;
        height: calc(230*var(--vh, 1vh))
    }
}

#section-colors .sticky-container.show {
    top: 0
}

#section-colors .color-black {
    opacity: 0;
    -webkit-transition: opacity .6s linear;
    transition: opacity .6s linear
}

#section-colors .color-black.active {
    opacity: 1
}

#section-colors .color-blue {
    opacity: 0;
    -webkit-transition: opacity .6s linear;
    transition: opacity .6s linear
}

#section-colors .color-blue.active {
    opacity: 1
}

@media (min-width: 1800px) {
    #section-colors .sticky {
        top:120px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-colors .sticky {
        top:101px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-colors .sticky {
        top:82px
    }
}

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

@media (max-width: 359px) {
    #section-colors .sticky {
        top:71px
    }
}

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

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

#section-colors.show {
    top: 0
}

#section-colors .label-section {
    z-index: 3;
    left: 0;
    -webkit-transition: left .6s linear;
    transition: left .6s linear
}

@media (min-width: 360px) and (max-width:399px) {
    #section-colors .label-section.active {
        left:0
    }
}

@media (max-width: 359px) {
    #section-colors .label-section.active {
        left:0
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-colors .label-section.active {
        left:0
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-colors .label-section.active {
        left:0
    }
}

@media (min-width: 1800px) {
    #section-colors .label-section.active {
        left:-164px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-colors .label-section.active {
        left:-137px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-colors .label-section.active {
        left:-112px
    }
}

#section-colors .plus {
    z-index: 3;
    cursor: pointer;
    opacity: 1;
    -webkit-transition: opacity .6s linear;
    transition: opacity .6s linear
}

@media (min-width: 360px) and (max-width:399px) {
    #section-colors .plus {
        left:calc(50% - 30px);
        top: 175px;
        width: 60px;
        height: 60px;
        -webkit-transform: translateY(140px);
        transform: translateY(140px)
    }
}

@media (max-width: 359px) {
    #section-colors .plus {
        left:calc(50% - 27px);
        top: 156px;
        width: 53px;
        height: 53px;
        -webkit-transform: translateY(124px);
        transform: translateY(124px)
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-colors .plus {
        left:calc(50% - 33px);
        top: 194px;
        width: 67px;
        height: 67px;
        -webkit-transform: translateY(156px);
        transform: translateY(156px)
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-colors .plus {
        left:calc(50% - 60px);
        top: 350px;
        width: 120px;
        height: 120px;
        -webkit-transform: translateY(280px);
        transform: translateY(280px)
    }
}

@media (min-width: 1800px) {
    #section-colors .plus {
        left:calc(50% - 50px);
        top: 402px;
        width: 100px;
        height: 100px;
        -webkit-transform: translateY(620px);
        transform: translateY(620px)
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-colors .plus {
        left:calc(50% - 42px);
        top: 337px;
        width: 84px;
        height: 84px;
        -webkit-transform: translateY(520px);
        transform: translateY(520px)
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-colors .plus {
        left:calc(50% - 34px);
        top: 275px;
        width: 68px;
        height: 68px;
        -webkit-transform: translateY(423px);
        transform: translateY(423px)
    }
}

#section-colors .plus .svg-bg {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 0 solid hsla(0,0%,100%,.1);
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

@media (min-width: 360px) and (max-width:399px) {
    #section-colors .plus:focus .svg-bg,#section-colors .plus:hover .svg-bg {
        border:30px solid hsla(0,0%,100%,.1)
    }
}

@media (max-width: 359px) {
    #section-colors .plus:focus .svg-bg,#section-colors .plus:hover .svg-bg {
        border:27px solid hsla(0,0%,100%,.1)
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-colors .plus:focus .svg-bg,#section-colors .plus:hover .svg-bg {
        border:33px solid hsla(0,0%,100%,.1)
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-colors .plus:focus .svg-bg,#section-colors .plus:hover .svg-bg {
        border:60px solid hsla(0,0%,100%,.1)
    }
}

@media (min-width: 1800px) {
    #section-colors .plus:focus .svg-bg,#section-colors .plus:hover .svg-bg {
        border:50px solid hsla(0,0%,100%,.1)
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-colors .plus:focus .svg-bg,#section-colors .plus:hover .svg-bg {
        border:42px solid hsla(0,0%,100%,.1)
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-colors .plus:focus .svg-bg,#section-colors .plus:hover .svg-bg {
        border:34px solid hsla(0,0%,100%,.1)
    }
}

#section-colors .plus svg {
    width: 100%;
    height: 100%
}

#section-colors .plus.fade-out {
    opacity: 0
}

#section-colors .color-item {
    font-family: Roman-55,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 30px;
    letter-spacing: 0;
    line-height: 1;
    opacity: 0;
    cursor: pointer;
    -webkit-transition: opacity 1s linear;
    transition: opacity 1s linear
}

@media (min-width: 360px) and (max-width:399px) {
    #section-colors .color-item {
        margin-right:36px
    }
}

@media (max-width: 359px) {
    #section-colors .color-item {
        margin-right:32px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-colors .color-item {
        margin-right:40px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-colors .color-item {
        margin-right:72px
    }
}

@media (min-width: 1800px) {
    #section-colors .color-item {
        margin-right:60px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-colors .color-item {
        margin-right:50px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-colors .color-item {
        margin-right:41px
    }
}

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

@media (min-width: 1024px) and (max-width:1399px) {
    #section-colors .color-item {
        font-size:20.487px;
        letter-spacing: 0
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-colors .color-item {
        letter-spacing:0;
        font-size: 36px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-colors .color-item {
        letter-spacing:0;
        font-size: 19.998px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-colors .color-item {
        letter-spacing:0;
        font-size: 18px
    }
}

@media (max-width: 360px) {
    #section-colors .color-item {
        letter-spacing:0;
        font-size: 15.997499999999999px
    }
}

#section-colors .color-item.color-black,#section-colors .color-item.color-blue {
    opacity: 0
}

#section-colors .color-item .color-item-underline {
    background-color: #fff;
    opacity: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    transition: opacity 1s linear,-webkit-transform 1s linear;
    -webkit-transition: opacity 1s linear,-webkit-transform 1s linear;
    transition: transform 1s linear,opacity 1s linear;
    transition: transform 1s linear,opacity 1s linear,-webkit-transform 1s linear;
    -webkit-transform-origin: left;
    transform-origin: left;
    width: 100%
}

@media (min-width: 360px) and (max-width:399px) {
    #section-colors .color-item .color-item-underline {
        margin-top:6px;
        height: 1px
    }
}

@media (max-width: 359px) {
    #section-colors .color-item .color-item-underline {
        margin-top:5px;
        height: 1px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-colors .color-item .color-item-underline {
        margin-top:7px;
        height: 1px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-colors .color-item .color-item-underline {
        margin-top:12px;
        height: 2px
    }
}

@media (min-width: 1800px) {
    #section-colors .color-item .color-item-underline {
        margin-top:10px;
        height: 2px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-colors .color-item .color-item-underline {
        margin-top:8px;
        height: 2px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-colors .color-item .color-item-underline {
        margin-top:7px;
        height: 1px
    }
}

#section-colors .color-item.show {
    opacity: .3
}

#section-colors .color-item.show.active,#section-colors .color-item.show:hover {
    opacity: 1
}

#section-colors .color-item.show.active .color-item-underline {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

#section-colors .bg-img-container {
    overflow: hidden
}

@media (min-width: 360px) and (max-width:399px) {
    #section-colors .bg-img-container {
        height:280px;
        margin-top: 40px;
        -webkit-transform: translateY(140px);
        transform: translateY(140px)
    }
}

@media (max-width: 359px) {
    #section-colors .bg-img-container {
        height:249px;
        margin-top: 36px;
        -webkit-transform: translateY(124px);
        transform: translateY(124px)
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-colors .bg-img-container {
        height:311px;
        margin-top: 44px;
        -webkit-transform: translateY(156px);
        transform: translateY(156px)
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-colors .bg-img-container {
        height:560px;
        margin-top: 80px;
        -webkit-transform: translateY(280px);
        transform: translateY(280px)
    }
}

@media (min-width: 1800px) {
    #section-colors .bg-img-container {
        height:620px;
        margin-top: 100px;
        -webkit-transform: translateY(620px);
        transform: translateY(620px)
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-colors .bg-img-container {
        height:520px;
        margin-top: 84px;
        -webkit-transform: translateY(520px);
        transform: translateY(520px)
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-colors .bg-img-container {
        height:423px;
        margin-top: 68px;
        -webkit-transform: translateY(423px);
        transform: translateY(423px)
    }
}

#section-colors .colors-bg {
    left: 0
}

@media (min-width: 360px) and (max-width:399px) {
    #section-colors .colors-bg {
        width:335px;
        height: 325px;
        top: -23px;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@media (max-width: 359px) {
    #section-colors .colors-bg {
        width:298px;
        height: 289px;
        top: -20px;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-colors .colors-bg {
        width:372px;
        height: 361px;
        top: -26px;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-colors .colors-bg {
        width:670px;
        height: 650px;
        top: -46px;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@media (min-width: 1800px) {
    #section-colors .colors-bg {
        width:1280px;
        height: 1240px;
        top: -310px;
        -webkit-transform: translateY(-620px);
        transform: translateY(-620px)
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-colors .colors-bg {
        width:1073px;
        height: 1040px;
        top: -260px;
        -webkit-transform: translateY(-520px);
        transform: translateY(-520px)
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-colors .colors-bg {
        width:874px;
        height: 847px;
        top: -212px;
        -webkit-transform: translateY(-423px);
        transform: translateY(-423px)
    }
}

#section-colors .colors-bg .colors-bg-img {
    width: 100%;
    height: 100%;
    transition: -webkit-transform 1s linear;
    -webkit-transition: -webkit-transform 1s linear;
    transition: transform 1s linear;
    transition: transform 1s linear,-webkit-transform 1s linear
}

#section-colors .phone-left {
    -webkit-transform: translateY(25%);
    transform: translateY(25%)
}

@media (min-width: 360px) and (max-width:399px) {
    #section-colors .phone-left {
        top:236px;
        left: 12px;
        width: 318px;
        height: 288px
    }
}

@media (max-width: 359px) {
    #section-colors .phone-left {
        top:210px;
        left: 11px;
        width: 283px;
        height: 256px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-colors .phone-left {
        top:262px;
        left: 13px;
        width: 353px;
        height: 320px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-colors .phone-left {
        top:472px;
        left: 24px;
        width: 636px;
        height: 576px
    }
}

@media (min-width: 1800px) {
    #section-colors .phone-left {
        top:346px;
        left: 250px;
        width: 838px;
        height: 763px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-colors .phone-left {
        top:290px;
        left: 210px;
        width: 703px;
        height: 640px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-colors .phone-left {
        top:236px;
        left: 171px;
        width: 572px;
        height: 521px
    }
}

#section-colors .phone-left .phone-left-inner {
    width: 100%;
    height: 100%;
    transition: -webkit-transform .1s linear;
    -webkit-transition: -webkit-transform .1s linear;
    transition: transform .1s linear;
    transition: transform .1s linear,-webkit-transform .1s linear
}

#section-colors .phone-left-img {
    opacity: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity .6s linear,left .6s linear,top .6s linear;
    transition: opacity .6s linear,left .6s linear,top .6s linear
}

#section-colors .phone-left-img.active {
    opacity: 0
}

@media (min-width: 360px) and (max-width:399px) {
    #section-colors .phone-left-img.active {
        left:-100px;
        top: 50px
    }
}

@media (max-width: 359px) {
    #section-colors .phone-left-img.active {
        left:-89px;
        top: 44px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-colors .phone-left-img.active {
        left:-111px;
        top: 56px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-colors .phone-left-img.active {
        left:-200px;
        top: 100px
    }
}

@media (min-width: 1800px) {
    #section-colors .phone-left-img.active {
        left:-200px;
        top: 100px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-colors .phone-left-img.active {
        left:-168px;
        top: 84px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-colors .phone-left-img.active {
        left:-137px;
        top: 68px
    }
}

#section-colors .phone-right {
    right: 0;
    overflow: hidden
}

@media (min-width: 360px) and (max-width:399px) {
    #section-colors .phone-right {
        top:-87px;
        width: 195px;
        height: 237px
    }
}

@media (max-width: 359px) {
    #section-colors .phone-right {
        top:-77px;
        width: 173px;
        height: 211px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-colors .phone-right {
        top:-97px;
        width: 217px;
        height: 263px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-colors .phone-right {
        top:-174px;
        width: 390px;
        height: 474px
    }
}

@media (min-width: 1800px) {
    #section-colors .phone-right {
        top:-292px;
        width: 796px;
        height: 571px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-colors .phone-right {
        top:-245px;
        width: 667px;
        height: 479px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-colors .phone-right {
        top:-199px;
        width: 544px;
        height: 390px
    }
}

#section-colors .phone-right .phone-right-inner {
    transition: -webkit-transform .1s linear;
    -webkit-transition: -webkit-transform .1s linear;
    transition: transform .1s linear;
    transition: transform .1s linear,-webkit-transform .1s linear
}

@media (min-width: 360px) and (max-width:399px) {
    #section-colors .phone-right .phone-right-inner {
        width:331px;
        height: 237px
    }
}

@media (max-width: 359px) {
    #section-colors .phone-right .phone-right-inner {
        width:294px;
        height: 211px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-colors .phone-right .phone-right-inner {
        width:368px;
        height: 263px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-colors .phone-right .phone-right-inner {
        width:662px;
        height: 474px
    }
}

@media (min-width: 1800px) {
    #section-colors .phone-right .phone-right-inner {
        width:796px;
        height: 571px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-colors .phone-right .phone-right-inner {
        width:667px;
        height: 479px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-colors .phone-right .phone-right-inner {
        width:544px;
        height: 390px
    }
}

#section-colors .phone-right .phone-right-img {
    opacity: 1;
    left: 0;
    top: 0;
    -webkit-transition: opacity .6s linear,left .6s linear,top .6s linear;
    transition: opacity .6s linear,left .6s linear,top .6s linear
}

@media (min-width: 360px) and (max-width:399px) {
    #section-colors .phone-right .phone-right-img {
        width:331px;
        height: 237px
    }
}

@media (max-width: 359px) {
    #section-colors .phone-right .phone-right-img {
        width:294px;
        height: 211px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-colors .phone-right .phone-right-img {
        width:368px;
        height: 263px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-colors .phone-right .phone-right-img {
        width:662px;
        height: 474px
    }
}

@media (min-width: 1800px) {
    #section-colors .phone-right .phone-right-img {
        width:796px;
        height: 571px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-colors .phone-right .phone-right-img {
        width:667px;
        height: 479px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-colors .phone-right .phone-right-img {
        width:544px;
        height: 390px
    }
}

#section-colors .phone-right .phone-right-img.active {
    opacity: 0
}

@media (min-width: 360px) and (max-width:399px) {
    #section-colors .phone-right .phone-right-img.active {
        left:100px;
        top: -50px
    }
}

@media (max-width: 359px) {
    #section-colors .phone-right .phone-right-img.active {
        left:89px;
        top: -44px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-colors .phone-right .phone-right-img.active {
        left:111px;
        top: -56px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-colors .phone-right .phone-right-img.active {
        left:200px;
        top: -100px
    }
}

@media (min-width: 1800px) {
    #section-colors .phone-right .phone-right-img.active {
        left:200px;
        top: -100px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-colors .phone-right .phone-right-img.active {
        left:168px;
        top: -84px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-colors .phone-right .phone-right-img.active {
        left:137px;
        top: -68px
    }
}

#section-performance {
    width: 100vw;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 1800px) {
    #section-performance {
        margin-top:calc(-210vh - 300px);
        margin-top: calc(-210*var(--vh, 1vh) - 300px)
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-performance {
        margin-top:calc(-210vh - 252px);
        margin-top: calc(-210*var(--vh, 1vh) - 252px)
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-performance {
        margin-top:calc(-210vh - 205px);
        margin-top: calc(-210*var(--vh, 1vh) - 205px)
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-performance {
        margin-top:calc(-150vh - 50px);
        margin-top: calc(-150*var(--vh, 1vh) - 50px)
    }
}

@media (max-width: 359px) {
    #section-performance {
        margin-top:calc(-150vh - 44px);
        margin-top: calc(-150*var(--vh, 1vh) - 44px)
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-performance {
        margin-top:calc(-150vh - 56px);
        margin-top: calc(-150*var(--vh, 1vh) - 56px)
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-performance {
        margin-top:calc(-150vh - 100px);
        margin-top: calc(-150*var(--vh, 1vh) - 100px)
    }
}

#section-performance .sticky-container {
    width: 100vw
}

@media (min-width: 360px) and (max-width:399px) {
    #section-performance .sticky-container {
        height:3650px;
        margin-top: 252px
    }
}

@media (max-width: 359px) {
    #section-performance .sticky-container {
        height:3244px;
        margin-top: 224px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-performance .sticky-container {
        height:4055px;
        margin-top: 280px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-performance .sticky-container {
        height:7300px;
        margin-top: 504px
    }
}

@media (min-width: 1800px) {
    #section-performance .sticky-container {
        height:6440px;
        margin-top: 804px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-performance .sticky-container {
        height:5399px;
        margin-top: 674px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-performance .sticky-container {
        height:4398px;
        margin-top: 549px
    }
}

#section-performance .phone-container-wrapper {
    width: 100vw
}

@media (min-width: 360px) and (max-width:399px) {
    #section-performance .phone-container-wrapper {
        height:298px;
        top: 50px
    }
}

@media (max-width: 359px) {
    #section-performance .phone-container-wrapper {
        height:265px;
        top: 44px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-performance .phone-container-wrapper {
        height:331px;
        top: 56px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-performance .phone-container-wrapper {
        height:596px;
        top: 100px
    }
}

@media (min-width: 1800px) {
    #section-performance .phone-container-wrapper {
        height:1127px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-performance .phone-container-wrapper {
        height:945px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-performance .phone-container-wrapper {
        height:770px
    }
}

#section-performance .phone-container-out {
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    width: 100vw
}

@media (min-width: 360px) and (max-width:399px) {
    #section-performance .phone-container-out {
        height:1000px
    }
}

@media (max-width: 359px) {
    #section-performance .phone-container-out {
        height:889px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-performance .phone-container-out {
        height:1111px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-performance .phone-container-out {
        height:2000px
    }
}

@media (min-width: 1800px) {
    #section-performance .phone-container-out {
        height:1920px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-performance .phone-container-out {
        height:1610px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-performance .phone-container-out {
        height:1311px
    }
}

#section-performance .zn--phone-container {
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 360px) and (max-width:399px) {
    #section-performance .zn--phone-container {
        height:1000px;
        width: 375px
    }
}

@media (max-width: 359px) {
    #section-performance .zn--phone-container {
        height:889px;
        width: 333px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-performance .zn--phone-container {
        height:1111px;
        width: 417px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-performance .zn--phone-container {
        height:2000px;
        width: 750px
    }
}

@media (min-width: 1800px) {
    #section-performance .zn--phone-container {
        height:1920px;
        width: 1920px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-performance .zn--phone-container {
        height:1610px;
        width: 1610px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-performance .zn--phone-container {
        height:1311px;
        width: 1311px
    }
}

#section-performance .phone-video {
    z-index: 7;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media (min-width: 360px) and (max-width:399px) {
    #section-performance .phone-video {
        width:389px;
        height: 726px
    }
}

@media (max-width: 359px) {
    #section-performance .phone-video {
        width:346px;
        height: 645px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-performance .phone-video {
        width:432px;
        height: 807px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-performance .phone-video {
        width:778px;
        height: 1452px
    }
}

@media (min-width: 1800px) {
    #section-performance .phone-video {
        width:2560px;
        height: 1280px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-performance .phone-video {
        width:2146px;
        height: 1073px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-performance .phone-video {
        width:1748px;
        height: 874px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-performance .phone-video canvas {
        width:389px;
        height: 726px
    }
}

@media (max-width: 359px) {
    #section-performance .phone-video canvas {
        width:346px;
        height: 645px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-performance .phone-video canvas {
        width:432px;
        height: 807px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-performance .phone-video canvas {
        width:778px;
        height: 1452px
    }
}

@media (min-width: 1800px) {
    #section-performance .phone-video canvas {
        width:2560px;
        height: 1280px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-performance .phone-video canvas {
        width:2146px;
        height: 1073px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-performance .phone-video canvas {
        width:1748px;
        height: 874px
    }
}

#section-performance .phone-video.hide {
    opacity: 0
}

#section-performance .front-phone-container {
    z-index: 6
}

@media (min-width: 360px) and (max-width:399px) {
    #section-performance .front-phone-container {
        left:29px;
        top: 175px;
        width: 296px;
        height: 169px
    }
}

@media (max-width: 359px) {
    #section-performance .front-phone-container {
        left:26px;
        top: 156px;
        width: 263px;
        height: 150px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-performance .front-phone-container {
        left:32px;
        top: 194px;
        width: 329px;
        height: 188px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-performance .front-phone-container {
        left:58px;
        top: 350px;
        width: 592px;
        height: 338px
    }
}

@media (min-width: 1800px) {
    #section-performance .front-phone-container {
        left:400px;
        top: 268px;
        width: 1121px;
        height: 640px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-performance .front-phone-container {
        left:335px;
        top: 225px;
        width: 940px;
        height: 537px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-performance .front-phone-container {
        left:273px;
        top: 183px;
        width: 766px;
        height: 437px
    }
}

#section-performance .front-phone-base {
    width: 100%;
    height: 100%;
    transition: -webkit-transform .5s linear;
    -webkit-transition: -webkit-transform .5s linear;
    transition: transform .5s linear;
    transition: transform .5s linear,-webkit-transform .5s linear
}

@media (min-width: 360px) and (max-width:399px) {
    #section-performance .front-phone-base.show {
        -webkit-transform:translate(16px,6px);
        transform: translate(16px,6px)
    }
}

@media (max-width: 359px) {
    #section-performance .front-phone-base.show {
        -webkit-transform:translate(14px,5px);
        transform: translate(14px,5px)
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-performance .front-phone-base.show {
        -webkit-transform:translate(18px,7px);
        transform: translate(18px,7px)
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-performance .front-phone-base.show {
        -webkit-transform:translate(32px,12px);
        transform: translate(32px,12px)
    }
}

@media (min-width: 1800px) {
    #section-performance .front-phone-base.show {
        -webkit-transform:translate(78px,-83px);
        transform: translate(78px,-83px)
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-performance .front-phone-base.show {
        -webkit-transform:translate(65px,-70px);
        transform: translate(65px,-70px)
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-performance .front-phone-base.show {
        -webkit-transform:translate(53px,-57px);
        transform: translate(53px,-57px)
    }
}

#section-performance .front-phone {
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity .5s linear,-webkit-transform .5s linear;
    -webkit-transition: opacity .5s linear,-webkit-transform .5s linear;
    transition: transform .5s linear,opacity .5s linear;
    transition: transform .5s linear,opacity .5s linear,-webkit-transform .5s linear
}

#section-performance .front-phone.show {
    opacity: 1
}

@media (min-width: 360px) and (max-width:399px) {
    #section-performance .front-phone.show {
        -webkit-transform:translate(16px,6px);
        transform: translate(16px,6px)
    }
}

@media (max-width: 359px) {
    #section-performance .front-phone.show {
        -webkit-transform:translate(14px,5px);
        transform: translate(14px,5px)
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-performance .front-phone.show {
        -webkit-transform:translate(18px,7px);
        transform: translate(18px,7px)
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-performance .front-phone.show {
        -webkit-transform:translate(32px,12px);
        transform: translate(32px,12px)
    }
}

@media (min-width: 1800px) {
    #section-performance .front-phone.show {
        -webkit-transform:translate(78px,-83px);
        transform: translate(78px,-83px)
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-performance .front-phone.show {
        -webkit-transform:translate(65px,-70px);
        transform: translate(65px,-70px)
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-performance .front-phone.show {
        -webkit-transform:translate(53px,-57px);
        transform: translate(53px,-57px)
    }
}

#section-performance .front-phone-shadow {
    opacity: 0;
    z-index: 2;
    -webkit-transition: opacity 1s linear;
    transition: opacity 1s linear
}

@media (min-width: 360px) and (max-width:399px) {
    #section-performance .front-phone-shadow {
        width:345px;
        height: 149px;
        left: 8px;
        top: 296px
    }
}

@media (max-width: 359px) {
    #section-performance .front-phone-shadow {
        width:307px;
        height: 132px;
        left: 7px;
        top: 263px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-performance .front-phone-shadow {
        width:383px;
        height: 166px;
        left: 9px;
        top: 329px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-performance .front-phone-shadow {
        width:690px;
        height: 298px;
        left: 16px;
        top: 592px
    }
}

@media (min-width: 1800px) {
    #section-performance .front-phone-shadow {
        width:1313px;
        height: 568px;
        left: 320px;
        top: 614px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-performance .front-phone-shadow {
        width:1101px;
        height: 476px;
        left: 268px;
        top: 515px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-performance .front-phone-shadow {
        width:897px;
        height: 388px;
        left: 219px;
        top: 419px
    }
}

#section-performance .front-phone-shadow.show {
    opacity: 1
}

#section-performance .front-phone-shadow .front-phone-shadow-img {
    opacity: 1;
    -webkit-transition: opacity .5s linear;
    transition: opacity .5s linear
}

@media (min-width: 360px) and (max-width:399px) {
    #section-performance .front-phone-shadow .front-phone-shadow-img {
        width:345px;
        height: 149px
    }
}

@media (max-width: 359px) {
    #section-performance .front-phone-shadow .front-phone-shadow-img {
        width:307px;
        height: 132px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-performance .front-phone-shadow .front-phone-shadow-img {
        width:383px;
        height: 166px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-performance .front-phone-shadow .front-phone-shadow-img {
        width:690px;
        height: 298px
    }
}

@media (min-width: 1800px) {
    #section-performance .front-phone-shadow .front-phone-shadow-img {
        width:1313px;
        height: 568px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-performance .front-phone-shadow .front-phone-shadow-img {
        width:1101px;
        height: 476px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-performance .front-phone-shadow .front-phone-shadow-img {
        width:897px;
        height: 388px
    }
}

#section-performance .front-phone-shadow .front-phone-shadow-img.fade-out {
    opacity: 0
}

#section-performance .back-phone {
    opacity: 0;
    z-index: 3;
    -webkit-transition: opacity 1.5s linear;
    transition: opacity 1.5s linear
}

@media (min-width: 360px) and (max-width:399px) {
    #section-performance .back-phone {
        width:296px;
        height: 169px;
        left: 141px;
        top: 150px
    }
}

@media (max-width: 359px) {
    #section-performance .back-phone {
        width:263px;
        height: 150px;
        left: 125px;
        top: 133px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-performance .back-phone {
        width:329px;
        height: 188px;
        left: 157px;
        top: 167px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-performance .back-phone {
        width:592px;
        height: 338px;
        left: 282px;
        top: 300px
    }
}

@media (min-width: 1800px) {
    #section-performance .back-phone {
        width:1121px;
        height: 640px;
        left: 721px;
        top: 35px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-performance .back-phone {
        width:940px;
        height: 537px;
        left: 604px;
        top: 29px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-performance .back-phone {
        width:766px;
        height: 437px;
        left: 492px;
        top: 24px
    }
}

#section-performance .back-phone.show {
    opacity: 1
}

@media (min-width: 360px) and (max-width:399px) {
    #section-performance .label-section {
        margin-top:1300px
    }
}

@media (max-width: 359px) {
    #section-performance .label-section {
        margin-top:1155px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-performance .label-section {
        margin-top:1444px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-performance .label-section {
        margin-top:2600px
    }
}

@media (min-width: 1800px) {
    #section-performance .label-section {
        margin-top:2020px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-performance .label-section {
        margin-top:1694px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-performance .label-section {
        margin-top:1379px
    }
}

@media (min-width: 1800px) {
    #section-performance .label-section .label {
        top:130px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-performance .label-section .label {
        top:109px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-performance .label-section .label {
        top:89px
    }
}

#section-performance .label-section .label .label-text,#section-performance .label-section .label .label-title {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

#section-performance .grid-description {
    font-family: Roman-55,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 24px;
    line-height: 1.21;
    letter-spacing: 0;
    line-height: 1.19;
    position: relative;
    opacity: 0;
    -webkit-transition: opacity 1s linear,top 1s linear;
    transition: opacity 1s linear,top 1s linear
}

@media (min-width: 360px) and (max-width:399px) {
    #section-performance .grid-description {
        margin-bottom:20px;
        width: 194px;
        top: 20px
    }
}

@media (max-width: 359px) {
    #section-performance .grid-description {
        margin-bottom:18px;
        width: 172px;
        top: 18px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-performance .grid-description {
        margin-bottom:22px;
        width: 216px;
        top: 22px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-performance .grid-description {
        margin-bottom:40px;
        width: 388px;
        top: 40px
    }
}

@media (min-width: 1800px) {
    #section-performance .grid-description {
        margin-bottom:40px;
        width: 640px;
        top: 30px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-performance .grid-description {
        margin-bottom:34px;
        width: 537px;
        top: 25px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-performance .grid-description {
        margin-bottom:27px;
        width: 437px;
        top: 20px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-performance .grid-description {
        font-size:20.1216px;
        letter-spacing: 0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-performance .grid-description {
        font-size:16.389599999999998px;
        letter-spacing: 0
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-performance .grid-description {
        letter-spacing:0;
        font-size: 32px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-performance .grid-description {
        letter-spacing:0;
        font-size: 17.776px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-performance .grid-description {
        letter-spacing:0;
        font-size: 16px
    }
}

@media (max-width: 360px) {
    #section-performance .grid-description {
        letter-spacing:0;
        font-size: 14.219999999999999px
    }
}

#section-performance .grid-description.show {
    opacity: 1
}

@media (min-width: 360px) and (max-width:399px) {
    #section-performance .grid-description.show {
        top:0
    }
}

@media (max-width: 359px) {
    #section-performance .grid-description.show {
        top:0
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-performance .grid-description.show {
        top:0
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-performance .grid-description.show {
        top:0
    }
}

@media (min-width: 1800px) {
    #section-performance .grid-description.show {
        top:0
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-performance .grid-description.show {
        top:0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-performance .grid-description.show {
        top:0
    }
}

#section-performance .chip-grid-wrapper {
    width: 100vw;
    overflow: hidden
}

@media (min-width: 360px) and (max-width:399px) {
    #section-performance .chip-grid-wrapper {
        height:383px;
        margin-top: -100px
    }
}

@media (max-width: 359px) {
    #section-performance .chip-grid-wrapper {
        height:340px;
        margin-top: -89px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-performance .chip-grid-wrapper {
        height:426px;
        margin-top: -111px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-performance .chip-grid-wrapper {
        height:766px;
        margin-top: -200px
    }
}

@media (min-width: 1800px) {
    #section-performance .chip-grid-wrapper {
        height:680px;
        margin-top: -440px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-performance .chip-grid-wrapper {
        height:570px;
        margin-top: -369px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-performance .chip-grid-wrapper {
        height:464px;
        margin-top: -300px
    }
}

#section-performance .chip-grid-text-wrapper {
    z-index: 4;
    width: 100vw;
    overflow: hidden
}

@media (min-width: 360px) and (max-width:399px) {
    #section-performance .chip-grid-text-wrapper {
        height:383px;
        margin-top: -383px
    }
}

@media (max-width: 359px) {
    #section-performance .chip-grid-text-wrapper {
        height:340px;
        margin-top: -340px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-performance .chip-grid-text-wrapper {
        height:426px;
        margin-top: -426px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-performance .chip-grid-text-wrapper {
        height:766px;
        margin-top: -766px
    }
}

@media (min-width: 1800px) {
    #section-performance .chip-grid-text-wrapper {
        height:680px;
        margin-top: -680px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-performance .chip-grid-text-wrapper {
        height:570px;
        margin-top: -570px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-performance .chip-grid-text-wrapper {
        height:464px;
        margin-top: -464px
    }
}

#section-performance .chip-grid-out {
    margin-left: auto;
    margin-right: auto;
    overflow: hidden
}

@media (min-width: 360px) and (max-width:399px) {
    #section-performance .chip-grid-out {
        width:375px;
        height: 383px
    }
}

@media (max-width: 359px) {
    #section-performance .chip-grid-out {
        width:333px;
        height: 340px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-performance .chip-grid-out {
        width:417px;
        height: 426px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-performance .chip-grid-out {
        width:750px;
        height: 766px
    }
}

@media (min-width: 1800px) {
    #section-performance .chip-grid-out {
        width:1920px;
        height: 680px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-performance .chip-grid-out {
        width:1610px;
        height: 570px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-performance .chip-grid-out {
        width:1311px;
        height: 464px
    }
}

#section-performance #chip-grid {
    background-color: #18191d;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: scale(.9);
    transform: scale(.9)
}

@media (min-width: 360px) and (max-width:399px) {
    #section-performance #chip-grid {
        width:234px;
        height: 383px;
        padding-top: 190px;
        padding-left: 20px;
        left: 0
    }
}

@media (max-width: 359px) {
    #section-performance #chip-grid {
        width:208px;
        height: 340px;
        padding-top: 169px;
        padding-left: 18px;
        left: 0
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-performance #chip-grid {
        width:260px;
        height: 426px;
        padding-top: 211px;
        padding-left: 22px;
        left: 0
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-performance #chip-grid {
        width:468px;
        height: 766px;
        padding-top: 380px;
        padding-left: 40px;
        left: 0
    }
}

@media (min-width: 1800px) {
    #section-performance #chip-grid {
        width:960px;
        height: 680px;
        padding-top: 453px;
        padding-left: 160px;
        left: 160px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-performance #chip-grid {
        width:805px;
        height: 570px;
        padding-top: 380px;
        padding-left: 134px;
        left: 134px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-performance #chip-grid {
        width:656px;
        height: 464px;
        padding-top: 309px;
        padding-left: 109px;
        left: 109px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-performance #chip-grid-text {
        width:234px;
        height: 383px;
        padding-top: 324px;
        padding-left: 20px;
        left: 0
    }
}

@media (max-width: 359px) {
    #section-performance #chip-grid-text {
        width:208px;
        height: 340px;
        padding-top: 288px;
        padding-left: 18px;
        left: 0
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-performance #chip-grid-text {
        width:260px;
        height: 426px;
        padding-top: 360px;
        padding-left: 22px;
        left: 0
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-performance #chip-grid-text {
        width:468px;
        height: 766px;
        padding-top: 648px;
        padding-left: 40px;
        left: 0
    }
}

@media (min-width: 1800px) {
    #section-performance #chip-grid-text {
        width:960px;
        height: 680px;
        padding-top: 551px;
        padding-left: 160px;
        left: 160px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-performance #chip-grid-text {
        width:805px;
        height: 570px;
        padding-top: 462px;
        padding-left: 134px;
        left: 134px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-performance #chip-grid-text {
        width:656px;
        height: 464px;
        padding-top: 376px;
        padding-left: 109px;
        left: 109px
    }
}

#section-performance .motor-grid-wrapper {
    width: 100vw;
    overflow: hidden
}

@media (min-width: 360px) and (max-width:399px) {
    #section-performance .motor-grid-wrapper {
        height:365px;
        margin-top: 200px
    }
}

@media (max-width: 359px) {
    #section-performance .motor-grid-wrapper {
        height:324px;
        margin-top: 178px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-performance .motor-grid-wrapper {
        height:406px;
        margin-top: 222px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-performance .motor-grid-wrapper {
        height:730px;
        margin-top: 400px
    }
}

@media (min-width: 1800px) {
    #section-performance .motor-grid-wrapper {
        height:740px;
        margin-top: 600px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-performance .motor-grid-wrapper {
        height:620px;
        margin-top: 503px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-performance .motor-grid-wrapper {
        height:505px;
        margin-top: 410px
    }
}

#section-performance .motor-grid-text-wrapper {
    z-index: 4;
    width: 100vw;
    overflow: hidden
}

@media (min-width: 360px) and (max-width:399px) {
    #section-performance .motor-grid-text-wrapper {
        height:365px;
        margin-top: -365px
    }
}

@media (max-width: 359px) {
    #section-performance .motor-grid-text-wrapper {
        height:324px;
        margin-top: -324px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-performance .motor-grid-text-wrapper {
        height:406px;
        margin-top: -406px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-performance .motor-grid-text-wrapper {
        height:730px;
        margin-top: -730px
    }
}

@media (min-width: 1800px) {
    #section-performance .motor-grid-text-wrapper {
        height:740px;
        margin-top: -740px;
        margin-bottom: 500px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-performance .motor-grid-text-wrapper {
        height:620px;
        margin-top: -620px;
        margin-bottom: 419px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-performance .motor-grid-text-wrapper {
        height:505px;
        margin-top: -505px;
        margin-bottom: 341px
    }
}

#section-performance .motor-grid-out {
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 360px) and (max-width:399px) {
    #section-performance .motor-grid-out {
        width:375px;
        height: 365px
    }
}

@media (max-width: 359px) {
    #section-performance .motor-grid-out {
        width:333px;
        height: 324px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-performance .motor-grid-out {
        width:417px;
        height: 406px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-performance .motor-grid-out {
        width:750px;
        height: 730px
    }
}

@media (min-width: 1800px) {
    #section-performance .motor-grid-out {
        width:1920px;
        height: 740px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-performance .motor-grid-out {
        width:1610px;
        height: 620px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-performance .motor-grid-out {
        width:1311px;
        height: 505px
    }
}

#section-performance #motor-grid {
    background-color: #18191d;
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: scale(.9);
    transform: scale(.9)
}

@media (min-width: 360px) and (max-width:399px) {
    #section-performance #motor-grid {
        width:234px;
        height: 365px;
        padding-top: 191px;
        padding-left: 20px;
        margin-left: 47px
    }
}

@media (max-width: 359px) {
    #section-performance #motor-grid {
        width:208px;
        height: 324px;
        padding-top: 170px;
        padding-left: 18px;
        margin-left: 42px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-performance #motor-grid {
        width:260px;
        height: 406px;
        padding-top: 212px;
        padding-left: 22px;
        margin-left: 52px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-performance #motor-grid {
        width:468px;
        height: 730px;
        padding-top: 382px;
        padding-left: 40px;
        margin-left: 94px
    }
}

@media (min-width: 1800px) {
    #section-performance #motor-grid {
        width:960px;
        height: 740px;
        padding-top: 484px;
        padding-left: 160px;
        margin-left: 321px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-performance #motor-grid {
        width:805px;
        height: 620px;
        padding-top: 406px;
        padding-left: 134px;
        margin-left: 269px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-performance #motor-grid {
        width:656px;
        height: 505px;
        padding-top: 331px;
        padding-left: 109px;
        margin-left: 219px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-performance #motor-grid-text {
        width:234px;
        height: 365px;
        padding-top: 306px;
        padding-left: 20px;
        margin-left: 47px
    }
}

@media (max-width: 359px) {
    #section-performance #motor-grid-text {
        width:208px;
        height: 324px;
        padding-top: 272px;
        padding-left: 18px;
        margin-left: 42px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-performance #motor-grid-text {
        width:260px;
        height: 406px;
        padding-top: 340px;
        padding-left: 22px;
        margin-left: 52px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-performance #motor-grid-text {
        width:468px;
        height: 730px;
        padding-top: 612px;
        padding-left: 40px;
        margin-left: 94px
    }
}

@media (min-width: 1800px) {
    #section-performance #motor-grid-text {
        width:960px;
        height: 740px;
        padding-top: 611px;
        padding-left: 160px;
        margin-left: 321px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-performance #motor-grid-text {
        width:805px;
        height: 620px;
        padding-top: 512px;
        padding-left: 134px;
        margin-left: 269px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-performance #motor-grid-text {
        width:656px;
        height: 505px;
        padding-top: 417px;
        padding-left: 109px;
        margin-left: 219px
    }
}

#section-performance .top-container-wrapper {
    z-index: 3;
    width: 100vw;
    overflow: hidden
}

@media (min-width: 360px) and (max-width:399px) {
    #section-performance .top-container-wrapper {
        margin-top:-169px;
        height: 400px
    }
}

@media (max-width: 359px) {
    #section-performance .top-container-wrapper {
        margin-top:-150px;
        height: 356px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-performance .top-container-wrapper {
        margin-top:-188px;
        height: 444px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-performance .top-container-wrapper {
        margin-top:-338px;
        height: 800px
    }
}

@media (min-width: 1800px) {
    #section-performance .top-container-wrapper {
        margin-top:-640px;
        height: 834px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-performance .top-container-wrapper {
        margin-top:-537px;
        height: 699px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-performance .top-container-wrapper {
        margin-top:-437px;
        height: 570px
    }
}

#section-performance .top-container-out {
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 360px) and (max-width:399px) {
    #section-performance .top-container-out {
        width:375px;
        top: 231px
    }
}

@media (max-width: 359px) {
    #section-performance .top-container-out {
        width:333px;
        top: 205px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-performance .top-container-out {
        width:417px;
        top: 257px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-performance .top-container-out {
        width:750px;
        top: 462px
    }
}

@media (min-width: 1800px) {
    #section-performance .top-container-out {
        width:1920px;
        top: 185px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-performance .top-container-out {
        width:1610px;
        top: 155px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-performance .top-container-out {
        width:1311px;
        top: 126px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-performance .top-container {
        margin-left:48px;
        width: 298px;
        -webkit-clip-path: inset(174px 112px 0 0);
        clip-path: inset(174px 112px 0 0)
    }
}

@media (max-width: 359px) {
    #section-performance .top-container {
        margin-left:43px;
        width: 265px;
        -webkit-clip-path: inset(155px 100px 0 0);
        clip-path: inset(155px 100px 0 0)
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-performance .top-container {
        margin-left:53px;
        width: 331px;
        -webkit-clip-path: inset(193px 124px 0 0);
        clip-path: inset(193px 124px 0 0)
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-performance .top-container {
        margin-left:96px;
        width: 596px;
        -webkit-clip-path: inset(348px 224px 0 0);
        clip-path: inset(348px 224px 0 0)
    }
}

@media (min-width: 1800px) {
    #section-performance .top-container {
        margin-left:473px;
        width: 1132px;
        -webkit-clip-path: inset(663px 481px 0 0);
        clip-path: inset(663px 481px 0 0)
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-performance .top-container {
        margin-left:397px;
        width: 949px;
        -webkit-clip-path: inset(556px 403px 0 0);
        clip-path: inset(556px 403px 0 0)
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-performance .top-container {
        margin-left:323px;
        width: 773px;
        -webkit-clip-path: inset(453px 328px 0 0);
        clip-path: inset(453px 328px 0 0)
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-performance .top-container .front-structure {
        width:296px;
        height: 169px
    }
}

@media (max-width: 359px) {
    #section-performance .top-container .front-structure {
        width:263px;
        height: 150px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-performance .top-container .front-structure {
        width:329px;
        height: 188px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-performance .top-container .front-structure {
        width:592px;
        height: 338px
    }
}

@media (min-width: 1800px) {
    #section-performance .top-container .front-structure {
        width:1121px;
        height: 640px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-performance .top-container .front-structure {
        width:940px;
        height: 537px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-performance .top-container .front-structure {
        width:766px;
        height: 437px
    }
}

#section-performance .top-container .chip-img {
    -webkit-transform: scale(.65);
    transform: scale(.65);
    -webkit-transform-origin: top right;
    transform-origin: top right
}

@media (min-width: 360px) and (max-width:399px) {
    #section-performance .top-container .chip-img {
        width:35px;
        height: 42px;
        left: 43px;
        top: 59px
    }
}

@media (max-width: 359px) {
    #section-performance .top-container .chip-img {
        width:31px;
        height: 37px;
        left: 38px;
        top: 52px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-performance .top-container .chip-img {
        width:39px;
        height: 47px;
        left: 48px;
        top: 66px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-performance .top-container .chip-img {
        width:70px;
        height: 84px;
        left: 86px;
        top: 118px
    }
}

@media (min-width: 1800px) {
    #section-performance .top-container .chip-img {
        width:133px;
        height: 160px;
        left: 161px;
        top: 223px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-performance .top-container .chip-img {
        width:112px;
        height: 134px;
        left: 135px;
        top: 187px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-performance .top-container .chip-img {
        width:91px;
        height: 109px;
        left: 110px;
        top: 152px
    }
}

#section-performance .top-container .chip-shadow {
    -webkit-transform: scale(.65);
    transform: scale(.65);
    -webkit-transform-origin: top right;
    transform-origin: top right
}

@media (min-width: 360px) and (max-width:399px) {
    #section-performance .top-container .chip-shadow {
        width:41px;
        height: 48px;
        left: 45px;
        top: 52px
    }
}

@media (max-width: 359px) {
    #section-performance .top-container .chip-shadow {
        width:36px;
        height: 43px;
        left: 40px;
        top: 46px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-performance .top-container .chip-shadow {
        width:46px;
        height: 53px;
        left: 50px;
        top: 58px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-performance .top-container .chip-shadow {
        width:82px;
        height: 96px;
        left: 90px;
        top: 104px
    }
}

@media (min-width: 1800px) {
    #section-performance .top-container .chip-shadow {
        width:154px;
        height: 180px;
        left: 172px;
        top: 198px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-performance .top-container .chip-shadow {
        width:129px;
        height: 151px;
        left: 144px;
        top: 166px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-performance .top-container .chip-shadow {
        width:105px;
        height: 123px;
        left: 117px;
        top: 135px
    }
}

#section-performance .bottom-container-wrapper {
    z-index: 2;
    width: 100vw;
    overflow: hidden
}

@media (min-width: 360px) and (max-width:399px) {
    #section-performance .bottom-container-wrapper {
        height:376px
    }
}

@media (max-width: 359px) {
    #section-performance .bottom-container-wrapper {
        height:334px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-performance .bottom-container-wrapper {
        height:418px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-performance .bottom-container-wrapper {
        height:752px
    }
}

@media (min-width: 1800px) {
    #section-performance .bottom-container-wrapper {
        height:675px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-performance .bottom-container-wrapper {
        height:566px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-performance .bottom-container-wrapper {
        height:461px
    }
}

#section-performance .bottom-container-out {
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 360px) and (max-width:399px) {
    #section-performance .bottom-container-out {
        width:375px;
        top: 200px
    }
}

@media (max-width: 359px) {
    #section-performance .bottom-container-out {
        width:333px;
        top: 178px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-performance .bottom-container-out {
        width:417px;
        top: 222px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-performance .bottom-container-out {
        width:750px;
        top: 400px
    }
}

@media (min-width: 1800px) {
    #section-performance .bottom-container-out {
        width:1920px;
        top: 35px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-performance .bottom-container-out {
        width:1610px;
        top: 29px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-performance .bottom-container-out {
        width:1311px;
        top: 24px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-performance .bottom-container {
        margin-left:93px;
        width: 296px;
        height: 176px;
        -webkit-clip-path: inset(176px 108px 0 0);
        clip-path: inset(176px 108px 0 0)
    }
}

@media (max-width: 359px) {
    #section-performance .bottom-container {
        margin-left:83px;
        width: 263px;
        height: 156px;
        -webkit-clip-path: inset(156px 96px 0 0);
        clip-path: inset(156px 96px 0 0)
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-performance .bottom-container {
        margin-left:103px;
        width: 329px;
        height: 196px;
        -webkit-clip-path: inset(196px 120px 0 0);
        clip-path: inset(196px 120px 0 0)
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-performance .bottom-container {
        margin-left:186px;
        width: 592px;
        height: 352px;
        -webkit-clip-path: inset(352px 216px 0 0);
        clip-path: inset(352px 216px 0 0)
    }
}

@media (min-width: 1800px) {
    #section-performance .bottom-container {
        margin-left:621px;
        width: 1121px;
        height: 640px;
        -webkit-clip-path: inset(640px 462px 0 0);
        clip-path: inset(640px 462px 0 0)
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-performance .bottom-container {
        margin-left:521px;
        width: 940px;
        height: 537px;
        -webkit-clip-path: inset(537px 387px 0 0);
        clip-path: inset(537px 387px 0 0)
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-performance .bottom-container {
        margin-left:424px;
        width: 766px;
        height: 437px;
        -webkit-clip-path: inset(437px 315px 0 0);
        clip-path: inset(437px 315px 0 0)
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-performance .bottom-container .back-structure {
        width:296px;
        height: 169px;
        margin-left: 50px
    }
}

@media (max-width: 359px) {
    #section-performance .bottom-container .back-structure {
        width:263px;
        height: 150px;
        margin-left: 44px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-performance .bottom-container .back-structure {
        width:329px;
        height: 188px;
        margin-left: 56px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-performance .bottom-container .back-structure {
        width:592px;
        height: 338px;
        margin-left: 100px
    }
}

@media (min-width: 1800px) {
    #section-performance .bottom-container .back-structure {
        width:1121px;
        height: 640px;
        margin-left: 100px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-performance .bottom-container .back-structure {
        width:940px;
        height: 537px;
        margin-left: 84px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-performance .bottom-container .back-structure {
        width:766px;
        height: 437px;
        margin-left: 68px
    }
}

#section-performance .bottom-container .motor-img-container {
    -webkit-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: scale(.6);
    transform: scale(.6)
}

@media (min-width: 360px) and (max-width:399px) {
    #section-performance .bottom-container .motor-img-container {
        top:52px;
        left: 63px;
        width: 30px;
        height: 41px
    }
}

@media (max-width: 359px) {
    #section-performance .bottom-container .motor-img-container {
        top:46px;
        left: 56px;
        width: 27px;
        height: 36px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-performance .bottom-container .motor-img-container {
        top:58px;
        left: 70px;
        width: 33px;
        height: 46px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-performance .bottom-container .motor-img-container {
        top:104px;
        left: 126px;
        width: 60px;
        height: 82px
    }
}

@media (min-width: 1800px) {
    #section-performance .bottom-container .motor-img-container {
        top:197px;
        left: 180px;
        width: 113px;
        height: 156px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-performance .bottom-container .motor-img-container {
        top:165px;
        left: 151px;
        width: 95px;
        height: 131px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-performance .bottom-container .motor-img-container {
        top:135px;
        left: 123px;
        width: 77px;
        height: 107px
    }
}

#section-performance .bottom-container .motor-img-container .motor-canvas {
    opacity: .03;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media (min-width: 360px) and (max-width:399px) {
    #section-performance .bottom-container .motor-img-container .motor-canvas {
        width:100px;
        height: 100px
    }
}

@media (max-width: 359px) {
    #section-performance .bottom-container .motor-img-container .motor-canvas {
        width:89px;
        height: 89px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-performance .bottom-container .motor-img-container .motor-canvas {
        width:111px;
        height: 111px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-performance .bottom-container .motor-img-container .motor-canvas {
        width:200px;
        height: 200px
    }
}

@media (min-width: 1800px) {
    #section-performance .bottom-container .motor-img-container .motor-canvas {
        width:400px;
        height: 400px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-performance .bottom-container .motor-img-container .motor-canvas {
        width:335px;
        height: 335px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-performance .bottom-container .motor-img-container .motor-canvas {
        width:273px;
        height: 273px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-performance .bottom-container .motor-img-container .motor-shadow-img {
        width:27px;
        height: 46px;
        left: 3px;
        top: -7px
    }
}

@media (max-width: 359px) {
    #section-performance .bottom-container .motor-img-container .motor-shadow-img {
        width:24px;
        height: 41px;
        left: 3px;
        top: -6px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-performance .bottom-container .motor-img-container .motor-shadow-img {
        width:30px;
        height: 51px;
        left: 3px;
        top: -8px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-performance .bottom-container .motor-img-container .motor-shadow-img {
        width:54px;
        height: 92px;
        left: 6px;
        top: -14px
    }
}

@media (min-width: 1800px) {
    #section-performance .bottom-container .motor-img-container .motor-shadow-img {
        width:102px;
        height: 173px;
        left: 11px;
        top: -25px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-performance .bottom-container .motor-img-container .motor-shadow-img {
        width:86px;
        height: 145px;
        left: 9px;
        top: -21px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-performance .bottom-container .motor-img-container .motor-shadow-img {
        width:70px;
        height: 118px;
        left: 8px;
        top: -17px
    }
}

#section-performance .bottom-container .motor-img-container .motor-shadow-img.animated {
    -webkit-animation: motor .8s linear infinite;
    animation: motor .8s linear infinite
}

@media (min-width: 360px) and (max-width:399px) {
    #section-performance .bottom-container .motor-img-container .motor-img {
        width:22px;
        height: 41px
    }
}

@media (max-width: 359px) {
    #section-performance .bottom-container .motor-img-container .motor-img {
        width:20px;
        height: 36px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-performance .bottom-container .motor-img-container .motor-img {
        width:24px;
        height: 46px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-performance .bottom-container .motor-img-container .motor-img {
        width:44px;
        height: 82px
    }
}

@media (min-width: 1800px) {
    #section-performance .bottom-container .motor-img-container .motor-img {
        width:85px;
        height: 156px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-performance .bottom-container .motor-img-container .motor-img {
        width:71px;
        height: 131px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-performance .bottom-container .motor-img-container .motor-img {
        width:58px;
        height: 107px
    }
}

#section-performance .bottom-container .motor-img-container .motor-img.animated {
    -webkit-animation: motor .8s linear infinite;
    animation: motor .8s linear infinite
}

@-webkit-keyframes motor {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    25% {
        -webkit-transform: translateY(-15%);
        transform: translateY(-15%)
    }

    75% {
        -webkit-transform: translateY(15%);
        transform: translateY(15%)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes motor {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    25% {
        -webkit-transform: translateY(-15%);
        transform: translateY(-15%)
    }

    75% {
        -webkit-transform: translateY(15%);
        transform: translateY(15%)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

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

@media (max-width: 359px) {
    #section-design {
        margin-top:-160px
    }
}

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

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

@media (min-width: 1800px) {
    #section-design {
        margin-top:-150px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-design {
        margin-top:-126px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-design {
        margin-top:-102px
    }
}

#section-design .label-section {
    z-index: 4
}

@media (min-width: 1800px) {
    #section-design .label {
        margin-top:66px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-design .label {
        margin-top:55px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-design .label {
        margin-top:45px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-design .sticky-container {
        height:calc(100vh + 950px);
        height: calc(100*var(--vh, 1vh) + 950px)
    }
}

@media (max-width: 359px) {
    #section-design .sticky-container {
        height:calc(100vh + 844px);
        height: calc(100*var(--vh, 1vh) + 844px)
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-design .sticky-container {
        height:calc(100vh + 1055px);
        height: calc(100*var(--vh, 1vh) + 1055px)
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-design .sticky-container {
        height:calc(100vh + 1900px);
        height: calc(100*var(--vh, 1vh) + 1900px)
    }
}

@media (min-width: 1800px) {
    #section-design .sticky-container {
        height:calc(100vh + 2500px);
        height: calc(100*var(--vh, 1vh) + 2500px)
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-design .sticky-container {
        height:calc(100vh + 2096px);
        height: calc(100*var(--vh, 1vh) + 2096px)
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-design .sticky-container {
        height:calc(100vh + 1707px);
        height: calc(100*var(--vh, 1vh) + 1707px)
    }
}

#section-design .sticky-container .top-container-wrapper {
    top: 0;
    z-index: 3;
    overflow: hidden;
    width: 100vw
}

@media (min-width: 360px) and (max-width:399px) {
    #section-design .sticky-container .top-container-wrapper {
        height:339px
    }
}

@media (max-width: 359px) {
    #section-design .sticky-container .top-container-wrapper {
        height:301px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-design .sticky-container .top-container-wrapper {
        height:377px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-design .sticky-container .top-container-wrapper {
        height:678px
    }
}

@media (min-width: 1800px) {
    #section-design .sticky-container .top-container-wrapper {
        height:735px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-design .sticky-container .top-container-wrapper {
        height:616px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-design .sticky-container .top-container-wrapper {
        height:502px
    }
}

#section-design .sticky-container .top-container-out {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media (min-width: 360px) and (max-width:399px) {
    #section-design .sticky-container .top-container-out {
        width:375px;
        top: 216px
    }
}

@media (max-width: 359px) {
    #section-design .sticky-container .top-container-out {
        width:333px;
        top: 192px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-design .sticky-container .top-container-out {
        width:417px;
        top: 240px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-design .sticky-container .top-container-out {
        width:750px;
        top: 432px
    }
}

@media (min-width: 1800px) {
    #section-design .sticky-container .top-container-out {
        width:1920px;
        top: 318px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-design .sticky-container .top-container-out {
        width:1610px;
        top: 267px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-design .sticky-container .top-container-out {
        width:1311px;
        top: 217px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-design .sticky-container .top-container {
        width:352px;
        margin-left: 23px;
        height: 123px;
        -webkit-clip-path: inset(123px 68px 0 47px);
        clip-path: inset(123px 68px 0 47px)
    }
}

@media (max-width: 359px) {
    #section-design .sticky-container .top-container {
        width:313px;
        margin-left: 20px;
        height: 109px;
        -webkit-clip-path: inset(109px 60px 0 42px);
        clip-path: inset(109px 60px 0 42px)
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-design .sticky-container .top-container {
        width:391px;
        margin-left: 26px;
        height: 137px;
        -webkit-clip-path: inset(137px 76px 0 52px);
        clip-path: inset(137px 76px 0 52px)
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-design .sticky-container .top-container {
        width:704px;
        margin-left: 46px;
        height: 246px;
        -webkit-clip-path: inset(246px 136px 0 94px);
        clip-path: inset(246px 136px 0 94px)
    }
}

@media (min-width: 1800px) {
    #section-design .sticky-container .top-container {
        width:1289px;
        margin-left: 405px;
        height: 417px;
        -webkit-clip-path: inset(417px 254px 0 75px);
        clip-path: inset(417px 254px 0 75px)
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-design .sticky-container .top-container {
        width:1081px;
        margin-left: 340px;
        height: 350px;
        -webkit-clip-path: inset(350px 213px 0 63px);
        clip-path: inset(350px 213px 0 63px)
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-design .sticky-container .top-container {
        width:880px;
        margin-left: 277px;
        height: 285px;
        -webkit-clip-path: inset(285px 173px 0 51px);
        clip-path: inset(285px 173px 0 51px)
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-design .sticky-container .top-container .glass-bottom {
        width:382px;
        height: 117px
    }
}

@media (max-width: 359px) {
    #section-design .sticky-container .top-container .glass-bottom {
        width:340px;
        height: 104px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-design .sticky-container .top-container .glass-bottom {
        width:424px;
        height: 130px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-design .sticky-container .top-container .glass-bottom {
        width:764px;
        height: 234px
    }
}

@media (min-width: 1800px) {
    #section-design .sticky-container .top-container .glass-bottom {
        width:1289px;
        height: 398px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-design .sticky-container .top-container .glass-bottom {
        width:1081px;
        height: 334px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-design .sticky-container .top-container .glass-bottom {
        width:880px;
        height: 272px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-design .sticky-container .top-container .glass-top {
        width:382px;
        height: 123px
    }
}

@media (max-width: 359px) {
    #section-design .sticky-container .top-container .glass-top {
        width:340px;
        height: 109px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-design .sticky-container .top-container .glass-top {
        width:424px;
        height: 137px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-design .sticky-container .top-container .glass-top {
        width:764px;
        height: 246px
    }
}

@media (min-width: 1800px) {
    #section-design .sticky-container .top-container .glass-top {
        width:1289px;
        height: 417px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-design .sticky-container .top-container .glass-top {
        width:1081px;
        height: 350px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-design .sticky-container .top-container .glass-top {
        width:880px;
        height: 285px
    }
}

#section-design .sticky-container .phone-group-wrapper {
    overflow: hidden;
    width: 100vw
}

@media (min-width: 360px) and (max-width:399px) {
    #section-design .sticky-container .phone-group-wrapper {
        margin-top:-435px;
        top: -42px;
        height: 529px
    }
}

@media (max-width: 359px) {
    #section-design .sticky-container .phone-group-wrapper {
        margin-top:-386px;
        top: -37px;
        height: 470px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-design .sticky-container .phone-group-wrapper {
        margin-top:-484px;
        top: -47px;
        height: 588px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-design .sticky-container .phone-group-wrapper {
        margin-top:-870px;
        top: -84px;
        height: 1058px
    }
}

@media (min-width: 1800px) {
    #section-design .sticky-container .phone-group-wrapper {
        margin-top:-1043px;
        top: -548px;
        height: 1804px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-design .sticky-container .phone-group-wrapper {
        margin-top:-875px;
        top: -459px;
        height: 1512px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-design .sticky-container .phone-group-wrapper {
        margin-top:-712px;
        top: -374px;
        height: 1232px
    }
}

#section-design .sticky-container .phone-group-out {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media (min-width: 360px) and (max-width:399px) {
    #section-design .sticky-container .phone-group-out {
        width:375px
    }
}

@media (max-width: 359px) {
    #section-design .sticky-container .phone-group-out {
        width:333px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-design .sticky-container .phone-group-out {
        width:417px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-design .sticky-container .phone-group-out {
        width:750px
    }
}

@media (min-width: 1800px) {
    #section-design .sticky-container .phone-group-out {
        width:1920px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-design .sticky-container .phone-group-out {
        width:1610px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-design .sticky-container .phone-group-out {
        width:1311px
    }
}

#section-design .sticky-container .phone-group {
    opacity: 1;
    -webkit-transition: opacity 1s linear;
    transition: opacity 1s linear
}

@media (min-width: 360px) and (max-width:399px) {
    #section-design .sticky-container .phone-group {
        width:375px;
        height: 529px
    }
}

@media (max-width: 359px) {
    #section-design .sticky-container .phone-group {
        width:333px;
        height: 470px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-design .sticky-container .phone-group {
        width:417px;
        height: 588px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-design .sticky-container .phone-group {
        width:750px;
        height: 1058px
    }
}

@media (min-width: 1800px) {
    #section-design .sticky-container .phone-group {
        width:1920px;
        height: 1804px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-design .sticky-container .phone-group {
        width:1610px;
        height: 1512px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-design .sticky-container .phone-group {
        width:1311px;
        height: 1232px
    }
}

#section-design .sticky-container .phone-group .phone-shadow {
    width: 100vw;
    opacity: 0;
    -webkit-transition: opacity 1s linear .5s;
    transition: opacity 1s linear .5s
}

@media (min-width: 360px) and (max-width:399px) {
    #section-design .sticky-container .phone-group .phone-shadow {
        height:408px;
        top: 60px
    }
}

@media (max-width: 359px) {
    #section-design .sticky-container .phone-group .phone-shadow {
        height:363px;
        top: 53px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-design .sticky-container .phone-group .phone-shadow {
        height:453px;
        top: 67px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-design .sticky-container .phone-group .phone-shadow {
        height:816px;
        top: 120px
    }
}

@media (min-width: 1800px) {
    #section-design .sticky-container .phone-group .phone-shadow {
        height:1375px;
        top: 201px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-design .sticky-container .phone-group .phone-shadow {
        height:1153px;
        top: 169px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-design .sticky-container .phone-group .phone-shadow {
        height:939px;
        top: 137px
    }
}

#section-design .sticky-container .phone-group .phone-shadow.show {
    opacity: 1
}

@media (min-width: 360px) and (max-width:399px) {
    #section-design .sticky-container .phone-group .phone-shadow .phone-shadow-img {
        width:549px;
        height: 408px;
        left: -39px
    }
}

@media (max-width: 359px) {
    #section-design .sticky-container .phone-group .phone-shadow .phone-shadow-img {
        width:488px;
        height: 363px;
        left: -35px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-design .sticky-container .phone-group .phone-shadow .phone-shadow-img {
        width:610px;
        height: 453px;
        left: -43px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-design .sticky-container .phone-group .phone-shadow .phone-shadow-img {
        width:1098px;
        height: 816px;
        left: -78px
    }
}

@media (min-width: 1800px) {
    #section-design .sticky-container .phone-group .phone-shadow .phone-shadow-img {
        width:1852px;
        height: 1375px;
        left: 196px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-design .sticky-container .phone-group .phone-shadow .phone-shadow-img {
        width:1553px;
        height: 1153px;
        left: 164px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-design .sticky-container .phone-group .phone-shadow .phone-shadow-img {
        width:1265px;
        height: 939px;
        left: 134px
    }
}

#section-design .sticky-container .phone-group .black-phone {
    opacity: 0;
    -webkit-transition: opacity 1s linear;
    transition: opacity 1s linear
}

@media (min-width: 360px) and (max-width:399px) {
    #section-design .sticky-container .phone-group .black-phone {
        width:271px;
        height: 328px;
        top: 136px;
        left: -27px
    }
}

@media (max-width: 359px) {
    #section-design .sticky-container .phone-group .black-phone {
        width:241px;
        height: 292px;
        top: 121px;
        left: -24px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-design .sticky-container .phone-group .black-phone {
        width:301px;
        height: 364px;
        top: 151px;
        left: -30px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-design .sticky-container .phone-group .black-phone {
        width:542px;
        height: 656px;
        top: 272px;
        left: -54px
    }
}

@media (min-width: 1800px) {
    #section-design .sticky-container .phone-group .black-phone {
        width:913px;
        height: 1105px;
        top: 460px;
        left: 237px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-design .sticky-container .phone-group .black-phone {
        width:765px;
        height: 926px;
        top: 386px;
        left: 199px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-design .sticky-container .phone-group .black-phone {
        width:623px;
        height: 755px;
        top: 314px;
        left: 162px
    }
}

#section-design .sticky-container .phone-group .black-phone.show {
    opacity: 1
}

@media (min-width: 360px) and (max-width:399px) {
    #section-design .sticky-container .phone-group .black-phone .black-phone-img {
        width:271px;
        height: 328px;
        top: -68px
    }
}

@media (max-width: 359px) {
    #section-design .sticky-container .phone-group .black-phone .black-phone-img {
        width:241px;
        height: 292px;
        top: -60px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-design .sticky-container .phone-group .black-phone .black-phone-img {
        width:301px;
        height: 364px;
        top: -76px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-design .sticky-container .phone-group .black-phone .black-phone-img {
        width:542px;
        height: 656px;
        top: -136px
    }
}

@media (min-width: 1800px) {
    #section-design .sticky-container .phone-group .black-phone .black-phone-img {
        width:913px;
        height: 1105px;
        top: -230px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-design .sticky-container .phone-group .black-phone .black-phone-img {
        width:765px;
        height: 926px;
        top: -193px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-design .sticky-container .phone-group .black-phone .black-phone-img {
        width:623px;
        height: 755px;
        top: -157px
    }
}

#section-design .sticky-container .phone-group .blue-phone {
    overflow: hidden;
    opacity: 0;
    -webkit-transition: opacity 1s linear .5s;
    transition: opacity 1s linear .5s
}

@media (min-width: 360px) and (max-width:399px) {
    #section-design .sticky-container .phone-group .blue-phone {
        width:352px;
        height: 120px;
        top: 258px;
        left: 23px
    }
}

@media (max-width: 359px) {
    #section-design .sticky-container .phone-group .blue-phone {
        width:313px;
        height: 107px;
        top: 229px;
        left: 20px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-design .sticky-container .phone-group .blue-phone {
        width:391px;
        height: 133px;
        top: 287px;
        left: 26px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-design .sticky-container .phone-group .blue-phone {
        width:704px;
        height: 240px;
        top: 516px;
        left: 46px
    }
}

@media (min-width: 1800px) {
    #section-design .sticky-container .phone-group .blue-phone {
        width:1289px;
        height: 404px;
        top: 870px;
        left: 405px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-design .sticky-container .phone-group .blue-phone {
        width:1081px;
        height: 339px;
        top: 729px;
        left: 340px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-design .sticky-container .phone-group .blue-phone {
        width:880px;
        height: 276px;
        top: 594px;
        left: 277px
    }
}

#section-design .sticky-container .phone-group .blue-phone.show {
    opacity: 1
}

@media (min-width: 360px) and (max-width:399px) {
    #section-design .sticky-container .phone-group .blue-phone .blue-phone-img {
        width:382px;
        height: 120px
    }
}

@media (max-width: 359px) {
    #section-design .sticky-container .phone-group .blue-phone .blue-phone-img {
        width:340px;
        height: 107px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-design .sticky-container .phone-group .blue-phone .blue-phone-img {
        width:424px;
        height: 133px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-design .sticky-container .phone-group .blue-phone .blue-phone-img {
        width:764px;
        height: 240px
    }
}

@media (min-width: 1800px) {
    #section-design .sticky-container .phone-group .blue-phone .blue-phone-img {
        width:1289px;
        height: 404px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-design .sticky-container .phone-group .blue-phone .blue-phone-img {
        width:1081px;
        height: 339px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-design .sticky-container .phone-group .blue-phone .blue-phone-img {
        width:880px;
        height: 276px
    }
}

#section-design .sticky-container .design-grid-wrapper {
    z-index: 2;
    width: 100vw;
    overflow: hidden
}

@media (min-width: 360px) and (max-width:399px) {
    #section-design .sticky-container .design-grid-wrapper {
        height:310px
    }
}

@media (max-width: 359px) {
    #section-design .sticky-container .design-grid-wrapper {
        height:276px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-design .sticky-container .design-grid-wrapper {
        height:344px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-design .sticky-container .design-grid-wrapper {
        height:620px
    }
}

@media (min-width: 1800px) {
    #section-design .sticky-container .design-grid-wrapper {
        height:515px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-design .sticky-container .design-grid-wrapper {
        height:432px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-design .sticky-container .design-grid-wrapper {
        height:352px
    }
}

#section-design .sticky-container .design-grid-out {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media (min-width: 360px) and (max-width:399px) {
    #section-design .sticky-container .design-grid-out {
        width:375px
    }
}

@media (max-width: 359px) {
    #section-design .sticky-container .design-grid-out {
        width:333px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-design .sticky-container .design-grid-out {
        width:417px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-design .sticky-container .design-grid-out {
        width:750px
    }
}

@media (min-width: 1800px) {
    #section-design .sticky-container .design-grid-out {
        width:1920px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-design .sticky-container .design-grid-out {
        width:1610px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-design .sticky-container .design-grid-out {
        width:1311px
    }
}

#section-design .sticky-container #design-grid {
    z-index: 2;
    background-color: #18191d;
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: scale(.9);
    transform: scale(.9)
}

@media (min-width: 360px) and (max-width:399px) {
    #section-design .sticky-container #design-grid {
        width:234px;
        height: 310px;
        margin-left: 71px
    }
}

@media (max-width: 359px) {
    #section-design .sticky-container #design-grid {
        width:208px;
        height: 276px;
        margin-left: 63px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-design .sticky-container #design-grid {
        width:260px;
        height: 344px;
        margin-left: 79px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-design .sticky-container #design-grid {
        width:468px;
        height: 620px;
        margin-left: 142px
    }
}

@media (min-width: 1800px) {
    #section-design .sticky-container #design-grid {
        width:960px;
        height: 515px;
        margin-left: 480px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-design .sticky-container #design-grid {
        width:805px;
        height: 432px;
        margin-left: 402px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-design .sticky-container #design-grid {
        width:656px;
        height: 352px;
        margin-left: 328px
    }
}

#section-design .sticky-container .text-above-wrapper {
    z-index: 4;
    width: 100vw;
    overflow: hidden
}

@media (min-width: 360px) and (max-width:399px) {
    #section-design .sticky-container .text-above-wrapper {
        margin-top:-155px;
        height: 310px
    }
}

@media (max-width: 359px) {
    #section-design .sticky-container .text-above-wrapper {
        margin-top:-138px;
        height: 276px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-design .sticky-container .text-above-wrapper {
        margin-top:-172px;
        height: 344px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-design .sticky-container .text-above-wrapper {
        margin-top:-310px;
        height: 620px
    }
}

@media (min-width: 1800px) {
    #section-design .sticky-container .text-above-wrapper {
        margin-top:-227px;
        height: 515px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-design .sticky-container .text-above-wrapper {
        margin-top:-190px;
        height: 432px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-design .sticky-container .text-above-wrapper {
        margin-top:-155px;
        height: 352px
    }
}

#section-design .sticky-container .text-above-out {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media (min-width: 360px) and (max-width:399px) {
    #section-design .sticky-container .text-above-out {
        width:375px
    }
}

@media (max-width: 359px) {
    #section-design .sticky-container .text-above-out {
        width:333px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-design .sticky-container .text-above-out {
        width:417px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-design .sticky-container .text-above-out {
        width:750px
    }
}

@media (min-width: 1800px) {
    #section-design .sticky-container .text-above-out {
        width:1920px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-design .sticky-container .text-above-out {
        width:1610px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-design .sticky-container .text-above-out {
        width:1311px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-design .sticky-container .text-above-container {
        margin-left:91px;
        width: 194px
    }
}

@media (max-width: 359px) {
    #section-design .sticky-container .text-above-container {
        margin-left:81px;
        width: 172px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-design .sticky-container .text-above-container {
        margin-left:101px;
        width: 216px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-design .sticky-container .text-above-container {
        margin-left:182px;
        width: 388px
    }
}

@media (min-width: 1800px) {
    #section-design .sticky-container .text-above-container {
        margin-left:640px;
        width: 640px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-design .sticky-container .text-above-container {
        margin-left:537px;
        width: 537px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-design .sticky-container .text-above-container {
        margin-left:437px;
        width: 437px
    }
}

#section-design .sticky-container .text-above-container .grid-description {
    font-family: Roman-55,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 24px;
    line-height: 1.21;
    letter-spacing: 0;
    line-height: 1.19;
    position: relative;
    opacity: 0;
    -webkit-transition: opacity 1s linear,top 1s linear;
    transition: opacity 1s linear,top 1s linear
}

@media (min-width: 360px) and (max-width:399px) {
    #section-design .sticky-container .text-above-container .grid-description {
        margin-bottom:20px;
        width: 194px;
        top: 20px
    }
}

@media (max-width: 359px) {
    #section-design .sticky-container .text-above-container .grid-description {
        margin-bottom:18px;
        width: 172px;
        top: 18px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-design .sticky-container .text-above-container .grid-description {
        margin-bottom:22px;
        width: 216px;
        top: 22px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-design .sticky-container .text-above-container .grid-description {
        margin-bottom:40px;
        width: 388px;
        top: 40px
    }
}

@media (min-width: 1800px) {
    #section-design .sticky-container .text-above-container .grid-description {
        margin-bottom:40px;
        width: 640px;
        top: 30px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-design .sticky-container .text-above-container .grid-description {
        margin-bottom:34px;
        width: 537px;
        top: 25px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-design .sticky-container .text-above-container .grid-description {
        margin-bottom:27px;
        width: 437px;
        top: 20px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-design .sticky-container .text-above-container .grid-description {
        font-size:20.1216px;
        letter-spacing: 0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-design .sticky-container .text-above-container .grid-description {
        font-size:16.389599999999998px;
        letter-spacing: 0
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-design .sticky-container .text-above-container .grid-description {
        letter-spacing:0;
        font-size: 32px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-design .sticky-container .text-above-container .grid-description {
        letter-spacing:0;
        font-size: 17.776px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-design .sticky-container .text-above-container .grid-description {
        letter-spacing:0;
        font-size: 16px
    }
}

@media (max-width: 360px) {
    #section-design .sticky-container .text-above-container .grid-description {
        letter-spacing:0;
        font-size: 14.219999999999999px
    }
}

#section-design .sticky-container .text-above-container .grid-description.show {
    opacity: 1
}

@media (min-width: 360px) and (max-width:399px) {
    #section-design .sticky-container .text-above-container .grid-description.show {
        top:0
    }
}

@media (max-width: 359px) {
    #section-design .sticky-container .text-above-container .grid-description.show {
        top:0
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-design .sticky-container .text-above-container .grid-description.show {
        top:0
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-design .sticky-container .text-above-container .grid-description.show {
        top:0
    }
}

@media (min-width: 1800px) {
    #section-design .sticky-container .text-above-container .grid-description.show {
        top:0
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-design .sticky-container .text-above-container .grid-description.show {
        top:0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-design .sticky-container .text-above-container .grid-description.show {
        top:0
    }
}

#section-display {
    margin-top: -100vh;
    margin-top: calc(-100*var(--vh, 1vh));
    padding-bottom: 60vh;
    padding-bottom: calc(60*var(--vh, 1vh))
}

@media (max-width: 1023px) {
    #section-display {
        padding-bottom:40vh;
        padding-bottom: calc(40*var(--vh, 1vh))
    }
}

#section-display .label-section {
    z-index: 2
}

@media (min-width: 1800px) {
    #section-display .label {
        margin-top:138px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-display .label {
        margin-top:116px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-display .label {
        margin-top:94px
    }
}

#section-display .label-text {
    letter-spacing: -.3px!important
}

@media (min-width: 360px) and (max-width:399px) {
    #section-display .sticky-container {
        height:590px;
        margin-top: -85px
    }
}

@media (max-width: 359px) {
    #section-display .sticky-container {
        height:524px;
        margin-top: -76px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-display .sticky-container {
        height:655px;
        margin-top: -94px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-display .sticky-container {
        height:1180px;
        margin-top: -170px
    }
}

@media (min-width: 1800px) {
    #section-display .sticky-container {
        height:2059px;
        margin-top: -348px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-display .sticky-container {
        height:1726px;
        margin-top: -292px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-display .sticky-container {
        height:1406px;
        margin-top: -238px
    }
}

#section-display .display-container-wrapper {
    width: 100vw;
    overflow: hidden
}

@media (min-width: 360px) and (max-width:399px) {
    #section-display .display-container-wrapper {
        top:5px;
        height: 371px
    }
}

@media (max-width: 359px) {
    #section-display .display-container-wrapper {
        top:4px;
        height: 330px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-display .display-container-wrapper {
        top:6px;
        height: 412px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-display .display-container-wrapper {
        top:10px;
        height: 742px
    }
}

@media (min-width: 1800px) {
    #section-display .display-container-wrapper {
        top:-260px;
        height: 1292px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-display .display-container-wrapper {
        top:-218px;
        height: 1083px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-display .display-container-wrapper {
        top:-178px;
        height: 882px
    }
}

#section-display .display-container-out {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media (min-width: 360px) and (max-width:399px) {
    #section-display .display-container-out {
        width:375px
    }
}

@media (max-width: 359px) {
    #section-display .display-container-out {
        width:333px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-display .display-container-out {
        width:417px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-display .display-container-out {
        width:750px
    }
}

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

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

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

@media (min-width: 360px) and (max-width:399px) {
    #section-display .display-container {
        width:375px;
        height: 371px
    }
}

@media (max-width: 359px) {
    #section-display .display-container {
        width:333px;
        height: 330px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-display .display-container {
        width:417px;
        height: 412px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-display .display-container {
        width:750px;
        height: 742px
    }
}

@media (min-width: 1800px) {
    #section-display .display-container {
        width:1920px;
        height: 1292px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-display .display-container {
        width:1610px;
        height: 1083px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-display .display-container {
        width:1311px;
        height: 882px
    }
}

#section-display .display-container .display-shadow {
    width: 100vw;
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: opacity 1s linear;
    transition: opacity 1s linear
}

@media (min-width: 360px) and (max-width:399px) {
    #section-display .display-container .display-shadow {
        height:371px
    }
}

@media (max-width: 359px) {
    #section-display .display-container .display-shadow {
        height:330px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-display .display-container .display-shadow {
        height:412px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-display .display-container .display-shadow {
        height:742px
    }
}

@media (min-width: 1800px) {
    #section-display .display-container .display-shadow {
        height:1292px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-display .display-container .display-shadow {
        height:1083px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-display .display-container .display-shadow {
        height:882px
    }
}

#section-display .display-container .display-shadow.show {
    opacity: 1
}

@media (min-width: 360px) and (max-width:399px) {
    #section-display .display-container .display-shadow .display-shadow-img {
        left:0;
        width: 507px;
        height: 371px;
        left: -10px
    }
}

@media (max-width: 359px) {
    #section-display .display-container .display-shadow .display-shadow-img {
        left:0;
        width: 451px;
        height: 330px;
        left: -9px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-display .display-container .display-shadow .display-shadow-img {
        left:0;
        width: 563px;
        height: 412px;
        left: -11px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-display .display-container .display-shadow .display-shadow-img {
        left:0;
        width: 1014px;
        height: 742px;
        left: -20px
    }
}

@media (min-width: 1800px) {
    #section-display .display-container .display-shadow .display-shadow-img {
        left:237px;
        width: 1765px;
        height: 1292px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-display .display-container .display-shadow .display-shadow-img {
        left:199px;
        width: 1480px;
        height: 1083px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-display .display-container .display-shadow .display-shadow-img {
        left:162px;
        width: 1205px;
        height: 882px
    }
}

#section-display .display-container .display-phone {
    overflow: hidden
}

@media (min-width: 360px) and (max-width:399px) {
    #section-display .display-container .display-phone {
        left:0;
        width: 375px;
        height: 230px;
        top: 141px
    }
}

@media (max-width: 359px) {
    #section-display .display-container .display-phone {
        left:0;
        width: 333px;
        height: 204px;
        top: 125px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-display .display-container .display-phone {
        left:0;
        width: 417px;
        height: 256px;
        top: 157px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-display .display-container .display-phone {
        left:0;
        width: 750px;
        height: 460px;
        top: 282px
    }
}

@media (min-width: 1800px) {
    #section-display .display-container .display-phone {
        left:237px;
        width: 1541px;
        height: 801px;
        top: 491px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-display .display-container .display-phone {
        left:199px;
        width: 1292px;
        height: 672px;
        top: 412px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-display .display-container .display-phone {
        left:162px;
        width: 1052px;
        height: 547px;
        top: 335px
    }
}

#section-display .display-container .display-phone .display-phone-img {
    opacity: 0;
    -webkit-transition: opacity 1s linear;
    transition: opacity 1s linear
}

#section-display .display-container .display-phone .display-phone-img.show {
    opacity: 1
}

@media (min-width: 360px) and (max-width:399px) {
    #section-display .display-container .display-phone .display-phone-base,#section-display .display-container .display-phone .display-phone-glass,#section-display .display-container .display-phone .display-phone-img {
        width:442px;
        height: 230px;
        left: -10px
    }
}

@media (max-width: 359px) {
    #section-display .display-container .display-phone .display-phone-base,#section-display .display-container .display-phone .display-phone-glass,#section-display .display-container .display-phone .display-phone-img {
        width:393px;
        height: 204px;
        left: -9px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-display .display-container .display-phone .display-phone-base,#section-display .display-container .display-phone .display-phone-glass,#section-display .display-container .display-phone .display-phone-img {
        width:491px;
        height: 256px;
        left: -11px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-display .display-container .display-phone .display-phone-base,#section-display .display-container .display-phone .display-phone-glass,#section-display .display-container .display-phone .display-phone-img {
        width:884px;
        height: 460px;
        left: -20px
    }
}

@media (min-width: 1800px) {
    #section-display .display-container .display-phone .display-phone-base,#section-display .display-container .display-phone .display-phone-glass,#section-display .display-container .display-phone .display-phone-img {
        width:1541px;
        height: 801px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-display .display-container .display-phone .display-phone-base,#section-display .display-container .display-phone .display-phone-glass,#section-display .display-container .display-phone .display-phone-img {
        width:1292px;
        height: 672px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-display .display-container .display-phone .display-phone-base,#section-display .display-container .display-phone .display-phone-glass,#section-display .display-container .display-phone .display-phone-img {
        width:1052px;
        height: 547px
    }
}

#section-display .display-grid-wrapper {
    z-index: 3;
    width: 100vw;
    overflow: hidden
}

@media (min-width: 360px) and (max-width:399px) {
    #section-display .display-grid-wrapper {
        height:347px
    }
}

@media (max-width: 359px) {
    #section-display .display-grid-wrapper {
        height:308px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-display .display-grid-wrapper {
        height:386px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-display .display-grid-wrapper {
        height:694px
    }
}

@media (min-width: 1800px) {
    #section-display .display-grid-wrapper {
        height:756px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-display .display-grid-wrapper {
        height:634px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-display .display-grid-wrapper {
        height:516px
    }
}

#section-display .display-grid-out {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media (min-width: 360px) and (max-width:399px) {
    #section-display .display-grid-out {
        width:375px
    }
}

@media (max-width: 359px) {
    #section-display .display-grid-out {
        width:333px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-display .display-grid-out {
        width:417px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-display .display-grid-out {
        width:750px
    }
}

@media (min-width: 1800px) {
    #section-display .display-grid-out {
        width:1920px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-display .display-grid-out {
        width:1610px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-display .display-grid-out {
        width:1311px
    }
}

#section-display #display-grid {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: scale(.9);
    transform: scale(.9)
}

@media (min-width: 360px) and (max-width:399px) {
    #section-display #display-grid {
        margin-left:141px;
        width: 234px;
        height: 347px
    }
}

@media (max-width: 359px) {
    #section-display #display-grid {
        margin-left:125px;
        width: 208px;
        height: 308px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-display #display-grid {
        margin-left:157px;
        width: 260px;
        height: 386px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-display #display-grid {
        margin-left:282px;
        width: 468px;
        height: 694px
    }
}

@media (min-width: 1800px) {
    #section-display #display-grid {
        margin-left:800px;
        width: 960px;
        height: 756px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-display #display-grid {
        margin-left:671px;
        width: 805px;
        height: 634px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-display #display-grid {
        margin-left:546px;
        width: 656px;
        height: 516px
    }
}

#section-display #display-grid .grey-bg {
    background-color: #18191d
}

@media (min-width: 360px) and (max-width:399px) {
    #section-display #display-grid .frequency-grid .frequency-img {
        width:194px;
        height: 54px
    }
}

@media (max-width: 359px) {
    #section-display #display-grid .frequency-grid .frequency-img {
        width:172px;
        height: 48px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-display #display-grid .frequency-grid .frequency-img {
        width:216px;
        height: 60px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-display #display-grid .frequency-grid .frequency-img {
        width:388px;
        height: 108px
    }
}

@media (min-width: 1800px) {
    #section-display #display-grid .frequency-grid .frequency-img {
        width:640px;
        height: 180px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-display #display-grid .frequency-grid .frequency-img {
        width:537px;
        height: 151px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-display #display-grid .frequency-grid .frequency-img {
        width:437px;
        height: 123px
    }
}

#section-display #display-grid .frequency-grid .frequency-cover {
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

#section-display #display-grid .grid-top {
    width: 100%
}

#section-display #display-grid .grid-top .grid-top-top {
    width: 100%;
    margin-bottom: -1px
}

@media (min-width: 360px) and (max-width:399px) {
    #section-display #display-grid .grid-top .grid-top-top {
        height:50px
    }
}

@media (max-width: 359px) {
    #section-display #display-grid .grid-top .grid-top-top {
        height:44px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-display #display-grid .grid-top .grid-top-top {
        height:56px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-display #display-grid .grid-top .grid-top-top {
        height:100px
    }
}

@media (min-width: 1800px) {
    #section-display #display-grid .grid-top .grid-top-top {
        height:160px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-display #display-grid .grid-top .grid-top-top {
        height:134px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-display #display-grid .grid-top .grid-top-top {
        height:109px
    }
}

#section-display #display-grid .grid-top .grid-top-bottom {
    width: 100%
}

@media (min-width: 360px) and (max-width:399px) {
    #section-display #display-grid .grid-top .grid-top-bottom {
        height:54px
    }
}

@media (max-width: 359px) {
    #section-display #display-grid .grid-top .grid-top-bottom {
        height:48px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-display #display-grid .grid-top .grid-top-bottom {
        height:60px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-display #display-grid .grid-top .grid-top-bottom {
        height:108px
    }
}

@media (min-width: 1800px) {
    #section-display #display-grid .grid-top .grid-top-bottom {
        height:180px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-display #display-grid .grid-top .grid-top-bottom {
        height:151px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-display #display-grid .grid-top .grid-top-bottom {
        height:123px
    }
}

#section-display #display-grid .grid-top .grid-top-bottom .grid-top-bottom-left {
    height: 100%
}

@media (min-width: 360px) and (max-width:399px) {
    #section-display #display-grid .grid-top .grid-top-bottom .grid-top-bottom-left {
        width:21px;
        margin-right: -1px
    }
}

@media (max-width: 359px) {
    #section-display #display-grid .grid-top .grid-top-bottom .grid-top-bottom-left {
        width:19px;
        margin-right: -1px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-display #display-grid .grid-top .grid-top-bottom .grid-top-bottom-left {
        width:23px;
        margin-right: -1px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-display #display-grid .grid-top .grid-top-bottom .grid-top-bottom-left {
        width:42px;
        margin-right: -2px
    }
}

@media (min-width: 1800px) {
    #section-display #display-grid .grid-top .grid-top-bottom .grid-top-bottom-left {
        width:160px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-display #display-grid .grid-top .grid-top-bottom .grid-top-bottom-left {
        width:134px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-display #display-grid .grid-top .grid-top-bottom .grid-top-bottom-left {
        width:109px
    }
}

#section-display #display-grid .grid-top .grid-top-bottom .grid-top-bottom-right {
    height: 100%
}

@media (min-width: 360px) and (max-width:399px) {
    #section-display #display-grid .grid-top .grid-top-bottom .grid-top-bottom-right {
        width:21px;
        margin-left: -1px
    }
}

@media (max-width: 359px) {
    #section-display #display-grid .grid-top .grid-top-bottom .grid-top-bottom-right {
        width:19px;
        margin-left: -1px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-display #display-grid .grid-top .grid-top-bottom .grid-top-bottom-right {
        width:23px;
        margin-left: -1px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-display #display-grid .grid-top .grid-top-bottom .grid-top-bottom-right {
        width:42px;
        margin-left: -2px
    }
}

@media (min-width: 1800px) {
    #section-display #display-grid .grid-top .grid-top-bottom .grid-top-bottom-right {
        width:160px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-display #display-grid .grid-top .grid-top-bottom .grid-top-bottom-right {
        width:134px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-display #display-grid .grid-top .grid-top-bottom .grid-top-bottom-right {
        width:109px
    }
}

#section-display #display-grid .grid-bottom {
    width: 100%;
    margin-top: -1px
}

@media (min-width: 360px) and (max-width:399px) {
    #section-display #display-grid .grid-bottom {
        height:243px;
        padding-top: 50px;
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (max-width: 359px) {
    #section-display #display-grid .grid-bottom {
        height:216px;
        padding-top: 44px;
        padding-left: 18px;
        padding-right: 18px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-display #display-grid .grid-bottom {
        height:270px;
        padding-top: 56px;
        padding-left: 22px;
        padding-right: 22px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-display #display-grid .grid-bottom {
        height:486px;
        padding-top: 100px;
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (min-width: 1800px) {
    #section-display #display-grid .grid-bottom {
        height:416px;
        padding-top: 160px;
        padding-left: 160px;
        padding-right: 160px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-display #display-grid .grid-bottom {
        height:349px;
        padding-top: 134px;
        padding-left: 134px;
        padding-right: 134px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-display #display-grid .grid-bottom {
        height:284px;
        padding-top: 109px;
        padding-left: 109px;
        padding-right: 109px
    }
}

#section-display #display-grid .grid-bottom .grid-description {
    font-family: Roman-55,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 24px;
    line-height: 1.21;
    letter-spacing: 0;
    line-height: 1.19;
    position: relative;
    opacity: 0;
    -webkit-transition: opacity 1s linear,top 1s linear;
    transition: opacity 1s linear,top 1s linear
}

@media (min-width: 360px) and (max-width:399px) {
    #section-display #display-grid .grid-bottom .grid-description {
        margin-bottom:20px;
        width: 194px;
        top: 20px
    }
}

@media (max-width: 359px) {
    #section-display #display-grid .grid-bottom .grid-description {
        margin-bottom:18px;
        width: 172px;
        top: 18px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-display #display-grid .grid-bottom .grid-description {
        margin-bottom:22px;
        width: 216px;
        top: 22px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-display #display-grid .grid-bottom .grid-description {
        margin-bottom:40px;
        width: 388px;
        top: 40px
    }
}

@media (min-width: 1800px) {
    #section-display #display-grid .grid-bottom .grid-description {
        margin-bottom:40px;
        width: 640px;
        top: 30px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-display #display-grid .grid-bottom .grid-description {
        margin-bottom:34px;
        width: 537px;
        top: 25px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-display #display-grid .grid-bottom .grid-description {
        margin-bottom:27px;
        width: 437px;
        top: 20px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-display #display-grid .grid-bottom .grid-description {
        font-size:20.1216px;
        letter-spacing: 0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-display #display-grid .grid-bottom .grid-description {
        font-size:16.389599999999998px;
        letter-spacing: 0
    }
}

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

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

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

@media (max-width: 360px) {
    #section-display #display-grid .grid-bottom .grid-description {
        letter-spacing:0;
        font-size: 14.219999999999999px
    }
}

#section-display #display-grid .grid-bottom .grid-description.show {
    opacity: 1
}

@media (min-width: 360px) and (max-width:399px) {
    #section-display #display-grid .grid-bottom .grid-description.show {
        top:0
    }
}

@media (max-width: 359px) {
    #section-display #display-grid .grid-bottom .grid-description.show {
        top:0
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-display #display-grid .grid-bottom .grid-description.show {
        top:0
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-display #display-grid .grid-bottom .grid-description.show {
        top:0
    }
}

@media (min-width: 1800px) {
    #section-display #display-grid .grid-bottom .grid-description.show {
        top:0
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-display #display-grid .grid-bottom .grid-description.show {
        top:0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-display #display-grid .grid-bottom .grid-description.show {
        top:0
    }
}

.see-more-page .see-more-brief {
    font-family: Roman-55,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 1.2;
    color: #d9d9d9
}

@media (min-width: 1400px) and (max-width:1799px) {
    .see-more-page .see-more-brief {
        font-size:15.0912px;
        letter-spacing: 0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .see-more-page .see-more-brief {
        font-size:12.2922px;
        letter-spacing: 0
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .see-more-page .see-more-brief {
        letter-spacing:0;
        font-size: 28px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .see-more-page .see-more-brief {
        letter-spacing:0;
        font-size: 15.554px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .see-more-page .see-more-brief {
        letter-spacing:0;
        font-size: 14px
    }
}

@media (max-width: 360px) {
    .see-more-page .see-more-brief {
        letter-spacing:0;
        font-size: 12.442499999999999px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .see-more-page .see-more-icons .icon-group {
        width:226px;
        height: 60px;
        margin-bottom: 20px
    }
}

@media (max-width: 359px) {
    .see-more-page .see-more-icons .icon-group {
        width:201px;
        height: 53px;
        margin-bottom: 18px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .see-more-page .see-more-icons .icon-group {
        width:251px;
        height: 67px;
        margin-bottom: 22px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .see-more-page .see-more-icons .icon-group {
        width:452px;
        height: 120px;
        margin-bottom: 40px
    }
}

@media (min-width: 1800px) {
    .see-more-page .see-more-icons .icon-group {
        width:377px;
        height: 100px;
        margin-bottom: 20px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .see-more-page .see-more-icons .icon-group {
        width:316px;
        height: 84px;
        margin-bottom: 17px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .see-more-page .see-more-icons .icon-group {
        width:257px;
        height: 68px;
        margin-bottom: 14px
    }
}

#section-charge .label-section {
    z-index: 2
}

@media (min-width: 1800px) {
    #section-charge .label-section .label {
        margin-top:164px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-charge .label-section .label {
        margin-top:137px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-charge .label-section .label {
        margin-top:112px
    }
}

#section-charge .sticky-container {
    margin-top: -100vh;
    margin-top: calc(-100*var(--vh, 1vh))
}

@media (min-width: 360px) and (max-width:399px) {
    #section-charge .sticky-container {
        height:calc(100vh + 984px);
        height: calc(100*var(--vh, 1vh) + 984px)
    }
}

@media (max-width: 359px) {
    #section-charge .sticky-container {
        height:calc(100vh + 875px);
        height: calc(100*var(--vh, 1vh) + 875px)
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-charge .sticky-container {
        height:calc(100vh + 1093px);
        height: calc(100*var(--vh, 1vh) + 1093px)
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-charge .sticky-container {
        height:calc(100vh + 1968px);
        height: calc(100*var(--vh, 1vh) + 1968px)
    }
}

@media (min-width: 1800px) {
    #section-charge .sticky-container {
        height:calc(100vh + 2450px);
        height: calc(100*var(--vh, 1vh) + 2450px)
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-charge .sticky-container {
        height:calc(100vh + 2054px);
        height: calc(100*var(--vh, 1vh) + 2054px)
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-charge .sticky-container {
        height:calc(100vh + 1673px);
        height: calc(100*var(--vh, 1vh) + 1673px)
    }
}

#section-charge .sticky-container .zn--phone-container {
    overflow: hidden
}

@media (min-width: 360px) and (max-width:399px) {
    #section-charge .sticky-container .zn--phone-container {
        height:650px
    }
}

@media (max-width: 359px) {
    #section-charge .sticky-container .zn--phone-container {
        height:578px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-charge .sticky-container .zn--phone-container {
        height:722px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-charge .sticky-container .zn--phone-container {
        height:1300px
    }
}

@media (min-width: 1800px) {
    #section-charge .sticky-container .zn--phone-container {
        height:1610px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-charge .sticky-container .zn--phone-container {
        height:1350px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-charge .sticky-container .zn--phone-container {
        height:1099px
    }
}

#section-charge .sticky-container .zn--phone-container .phone-wrapper-out {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media (min-width: 360px) and (max-width:399px) {
    #section-charge .sticky-container .zn--phone-container .phone-wrapper-out {
        width:375px
    }
}

@media (max-width: 359px) {
    #section-charge .sticky-container .zn--phone-container .phone-wrapper-out {
        width:333px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-charge .sticky-container .zn--phone-container .phone-wrapper-out {
        width:417px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-charge .sticky-container .zn--phone-container .phone-wrapper-out {
        width:750px
    }
}

@media (min-width: 1800px) {
    #section-charge .sticky-container .zn--phone-container .phone-wrapper-out {
        width:1920px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-charge .sticky-container .zn--phone-container .phone-wrapper-out {
        width:1610px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-charge .sticky-container .zn--phone-container .phone-wrapper-out {
        width:1311px
    }
}

#section-charge .sticky-container .zn--phone-container .phone-wrapper {
    width: 100%;
    opacity: 0;
    -webkit-transition: opacity .7s linear,top .7s linear;
    transition: opacity .7s linear,top .7s linear
}

@media (min-width: 360px) and (max-width:399px) {
    #section-charge .sticky-container .zn--phone-container .phone-wrapper {
        height:540px;
        top: 47px
    }
}

@media (max-width: 359px) {
    #section-charge .sticky-container .zn--phone-container .phone-wrapper {
        height:480px;
        top: 42px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-charge .sticky-container .zn--phone-container .phone-wrapper {
        height:600px;
        top: 52px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-charge .sticky-container .zn--phone-container .phone-wrapper {
        height:1080px;
        top: 94px
    }
}

@media (min-width: 1800px) {
    #section-charge .sticky-container .zn--phone-container .phone-wrapper {
        height:1550px;
        top: -132px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-charge .sticky-container .zn--phone-container .phone-wrapper {
        height:1300px;
        top: -111px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-charge .sticky-container .zn--phone-container .phone-wrapper {
        height:1058px;
        top: -90px
    }
}

#section-charge .sticky-container .zn--phone-container .phone-wrapper.show {
    opacity: 1
}

@media (min-width: 360px) and (max-width:399px) {
    #section-charge .sticky-container .zn--phone-container .phone-wrapper.show {
        top:110px
    }
}

@media (max-width: 359px) {
    #section-charge .sticky-container .zn--phone-container .phone-wrapper.show {
        top:98px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-charge .sticky-container .zn--phone-container .phone-wrapper.show {
        top:122px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-charge .sticky-container .zn--phone-container .phone-wrapper.show {
        top:220px
    }
}

@media (min-width: 1800px) {
    #section-charge .sticky-container .zn--phone-container .phone-wrapper.show {
        top:60px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-charge .sticky-container .zn--phone-container .phone-wrapper.show {
        top:50px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-charge .sticky-container .zn--phone-container .phone-wrapper.show {
        top:41px
    }
}

#section-charge .sticky-container .zn--phone-container .phone-wrapper.show .cable-container .cable-wrapper {
    opacity: 1
}

@media (min-width: 360px) and (max-width:399px) {
    #section-charge .sticky-container .zn--phone-container .phone-wrapper.show .cable-container .cable-wrapper {
        top:-22px
    }
}

@media (max-width: 359px) {
    #section-charge .sticky-container .zn--phone-container .phone-wrapper.show .cable-container .cable-wrapper {
        top:-20px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-charge .sticky-container .zn--phone-container .phone-wrapper.show .cable-container .cable-wrapper {
        top:-24px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-charge .sticky-container .zn--phone-container .phone-wrapper.show .cable-container .cable-wrapper {
        top:-44px
    }
}

@media (min-width: 1800px) {
    #section-charge .sticky-container .zn--phone-container .phone-wrapper.show .cable-container .cable-wrapper {
        top:-68px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-charge .sticky-container .zn--phone-container .phone-wrapper.show .cable-container .cable-wrapper {
        top:-57px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-charge .sticky-container .zn--phone-container .phone-wrapper.show .cable-container .cable-wrapper {
        top:-46px
    }
}

#section-charge .sticky-container .zn--phone-container .phone-wrapper.show .bg-shadow {
    opacity: 1
}

#section-charge .sticky-container .zn--phone-container .phone-wrapper .bg-shadow {
    width: 100%;
    opacity: 0;
    -webkit-transition: opacity .5s linear .7s;
    transition: opacity .5s linear .7s
}

@media (min-width: 1800px) {
    #section-charge .sticky-container .zn--phone-container .phone-wrapper .bg-shadow {
        height:1550px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-charge .sticky-container .zn--phone-container .phone-wrapper .bg-shadow {
        height:1300px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-charge .sticky-container .zn--phone-container .phone-wrapper .bg-shadow {
        height:1058px
    }
}

@media (max-width: 1023px) {
    #section-charge .sticky-container .zn--phone-container .phone-wrapper .bg-shadow {
        display:none
    }
}

@media (min-width: 1800px) {
    #section-charge .sticky-container .zn--phone-container .phone-wrapper .bg-shadow .bg-shadow-img {
        width:1920px;
        height: 1550px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-charge .sticky-container .zn--phone-container .phone-wrapper .bg-shadow .bg-shadow-img {
        width:1610px;
        height: 1300px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-charge .sticky-container .zn--phone-container .phone-wrapper .bg-shadow .bg-shadow-img {
        width:1311px;
        height: 1058px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-charge .sticky-container .zn--phone-container .phone-wrapper .charge-phone {
        margin-left:24px;
        width: 334px;
        height: 276px
    }
}

@media (max-width: 359px) {
    #section-charge .sticky-container .zn--phone-container .phone-wrapper .charge-phone {
        margin-left:21px;
        width: 297px;
        height: 245px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-charge .sticky-container .zn--phone-container .phone-wrapper .charge-phone {
        margin-left:27px;
        width: 371px;
        height: 307px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-charge .sticky-container .zn--phone-container .phone-wrapper .charge-phone {
        margin-left:48px;
        width: 668px;
        height: 552px
    }
}

@media (min-width: 1800px) {
    #section-charge .sticky-container .zn--phone-container .phone-wrapper .charge-phone {
        margin-left:480px;
        width: 960px;
        height: 820px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-charge .sticky-container .zn--phone-container .phone-wrapper .charge-phone {
        margin-left:402px;
        width: 805px;
        height: 687px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-charge .sticky-container .zn--phone-container .phone-wrapper .charge-phone {
        margin-left:328px;
        width: 656px;
        height: 560px
    }
}

#section-charge .sticky-container .zn--phone-container .phone-wrapper .cable-container {
    overflow: hidden;
    height: 100vh;
    height: calc(100*var(--vh, 1vh))
}

@media (min-width: 360px) and (max-width:399px) {
    #section-charge .sticky-container .zn--phone-container .phone-wrapper .cable-container {
        width:58px;
        left: 159px;
        top: 259px
    }
}

@media (max-width: 359px) {
    #section-charge .sticky-container .zn--phone-container .phone-wrapper .cable-container {
        width:52px;
        left: 141px;
        top: 230px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-charge .sticky-container .zn--phone-container .phone-wrapper .cable-container {
        width:64px;
        left: 177px;
        top: 288px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-charge .sticky-container .zn--phone-container .phone-wrapper .cable-container {
        width:116px;
        left: 318px;
        top: 518px
    }
}

@media (min-width: 1800px) {
    #section-charge .sticky-container .zn--phone-container .phone-wrapper .cable-container {
        width:170px;
        left: 875px;
        top: 776px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-charge .sticky-container .zn--phone-container .phone-wrapper .cable-container {
        width:143px;
        left: 734px;
        top: 651px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-charge .sticky-container .zn--phone-container .phone-wrapper .cable-container {
        width:116px;
        left: 598px;
        top: 530px
    }
}

#section-charge .sticky-container .zn--phone-container .phone-wrapper .cable-container .cable-wrapper {
    width: 100%;
    opacity: 0;
    -webkit-transition: top .5s linear .7s,opacity .1s linear .6s;
    transition: top .5s linear .7s,opacity .1s linear .6s
}

@media (min-width: 360px) and (max-width:399px) {
    #section-charge .sticky-container .zn--phone-container .phone-wrapper .cable-container .cable-wrapper {
        top:200px
    }
}

@media (max-width: 359px) {
    #section-charge .sticky-container .zn--phone-container .phone-wrapper .cable-container .cable-wrapper {
        top:178px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-charge .sticky-container .zn--phone-container .phone-wrapper .cable-container .cable-wrapper {
        top:222px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-charge .sticky-container .zn--phone-container .phone-wrapper .cable-container .cable-wrapper {
        top:400px
    }
}

@media (min-width: 1800px) {
    #section-charge .sticky-container .zn--phone-container .phone-wrapper .cable-container .cable-wrapper {
        top:293px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-charge .sticky-container .zn--phone-container .phone-wrapper .cable-container .cable-wrapper {
        top:246px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-charge .sticky-container .zn--phone-container .phone-wrapper .cable-container .cable-wrapper {
        top:200px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-charge .sticky-container .zn--phone-container .phone-wrapper .cable-container .plug {
        width:32px;
        height: 28px;
        margin-left: 13px
    }
}

@media (max-width: 359px) {
    #section-charge .sticky-container .zn--phone-container .phone-wrapper .cable-container .plug {
        width:28px;
        height: 25px;
        margin-left: 12px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-charge .sticky-container .zn--phone-container .phone-wrapper .cable-container .plug {
        width:36px;
        height: 31px;
        margin-left: 14px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-charge .sticky-container .zn--phone-container .phone-wrapper .cable-container .plug {
        width:64px;
        height: 56px;
        margin-left: 26px
    }
}

@media (min-width: 1800px) {
    #section-charge .sticky-container .zn--phone-container .phone-wrapper .cable-container .plug {
        width:94px;
        height: 85px;
        margin-left: 38px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-charge .sticky-container .zn--phone-container .phone-wrapper .cable-container .plug {
        width:79px;
        height: 71px;
        margin-left: 32px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-charge .sticky-container .zn--phone-container .phone-wrapper .cable-container .plug {
        width:64px;
        height: 58px;
        margin-left: 26px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-charge .sticky-container .zn--phone-container .phone-wrapper .cable-container .cable {
        width:58px;
        height: 248px;
        margin-top: -6px
    }
}

@media (max-width: 359px) {
    #section-charge .sticky-container .zn--phone-container .phone-wrapper .cable-container .cable {
        width:52px;
        height: 220px;
        margin-top: -5px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-charge .sticky-container .zn--phone-container .phone-wrapper .cable-container .cable {
        width:64px;
        height: 276px;
        margin-top: -7px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-charge .sticky-container .zn--phone-container .phone-wrapper .cable-container .cable {
        width:116px;
        height: 496px;
        margin-top: -12px
    }
}

@media (min-width: 1800px) {
    #section-charge .sticky-container .zn--phone-container .phone-wrapper .cable-container .cable {
        width:170px;
        height: 733px;
        margin-top: -17px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-charge .sticky-container .zn--phone-container .phone-wrapper .cable-container .cable {
        width:143px;
        height: 615px;
        margin-top: -14px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-charge .sticky-container .zn--phone-container .phone-wrapper .cable-container .cable {
        width:116px;
        height: 501px;
        margin-top: -12px
    }
}

#section-charge .sticky-container .charge-grid-out {
    overflow: hidden
}

@media (min-width: 360px) and (max-width:399px) {
    #section-charge .sticky-container .charge-grid-out {
        height:296px;
        margin-top: calc(160vh - 693px);
        margin-top: calc(160*var(--vh, 1vh) - 693px)
    }
}

@media (max-width: 359px) {
    #section-charge .sticky-container .charge-grid-out {
        height:263px;
        margin-top: calc(160vh - 616px);
        margin-top: calc(160*var(--vh, 1vh) - 616px)
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-charge .sticky-container .charge-grid-out {
        height:329px;
        margin-top: calc(160vh - 770px);
        margin-top: calc(160*var(--vh, 1vh) - 770px)
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-charge .sticky-container .charge-grid-out {
        height:592px;
        margin-top: calc(160vh - 1386px);
        margin-top: calc(160*var(--vh, 1vh) - 1386px)
    }
}

@media (min-width: 1800px) {
    #section-charge .sticky-container .charge-grid-out {
        height:702px;
        margin-top: calc(210vh - 1718px);
        margin-top: calc(210*var(--vh, 1vh) - 1718px)
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-charge .sticky-container .charge-grid-out {
        height:589px;
        margin-top: calc(210vh - 1440px);
        margin-top: calc(210*var(--vh, 1vh) - 1440px)
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-charge .sticky-container .charge-grid-out {
        height:479px;
        margin-top: calc(210vh - 1173px);
        margin-top: calc(210*var(--vh, 1vh) - 1173px)
    }
}

#section-charge .sticky-container .charge-grid-wrapper {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media (min-width: 360px) and (max-width:399px) {
    #section-charge .sticky-container .charge-grid-wrapper {
        width:375px
    }
}

@media (max-width: 359px) {
    #section-charge .sticky-container .charge-grid-wrapper {
        width:333px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-charge .sticky-container .charge-grid-wrapper {
        width:417px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-charge .sticky-container .charge-grid-wrapper {
        width:750px
    }
}

@media (min-width: 1800px) {
    #section-charge .sticky-container .charge-grid-wrapper {
        width:1920px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-charge .sticky-container .charge-grid-wrapper {
        width:1610px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-charge .sticky-container .charge-grid-wrapper {
        width:1311px
    }
}

#section-charge .sticky-container #charge-grid {
    background-color: #18191d;
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: scale(.9);
    transform: scale(.9);
    overflow: hidden
}

@media (min-width: 360px) and (max-width:399px) {
    #section-charge .sticky-container #charge-grid {
        width:234px;
        height: 296px;
        margin-left: 71px
    }
}

@media (max-width: 359px) {
    #section-charge .sticky-container #charge-grid {
        width:208px;
        height: 263px;
        margin-left: 63px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-charge .sticky-container #charge-grid {
        width:260px;
        height: 329px;
        margin-left: 79px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-charge .sticky-container #charge-grid {
        width:468px;
        height: 592px;
        margin-left: 142px
    }
}

@media (min-width: 1800px) {
    #section-charge .sticky-container #charge-grid {
        width:960px;
        height: 702px;
        margin-left: 480px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-charge .sticky-container #charge-grid {
        width:805px;
        height: 589px;
        margin-left: 402px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-charge .sticky-container #charge-grid {
        width:656px;
        height: 479px;
        margin-left: 328px
    }
}

#section-charge .sticky-container #charge-grid .charge-img {
    opacity: 0
}

@media (min-width: 360px) and (max-width:399px) {
    #section-charge .sticky-container #charge-grid .charge-img {
        width:350px;
        height: 350px;
        top: 0;
        left: -58px
    }
}

@media (max-width: 359px) {
    #section-charge .sticky-container #charge-grid .charge-img {
        width:311px;
        height: 311px;
        top: 0;
        left: -52px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-charge .sticky-container #charge-grid .charge-img {
        width:389px;
        height: 389px;
        top: 0;
        left: -64px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-charge .sticky-container #charge-grid .charge-img {
        width:700px;
        height: 700px;
        top: 0;
        left: -116px
    }
}

@media (min-width: 1800px) {
    #section-charge .sticky-container #charge-grid .charge-img {
        width:1180px;
        height: 1180px;
        top: 0;
        left: -110px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-charge .sticky-container #charge-grid .charge-img {
        width:989px;
        height: 989px;
        top: 0;
        left: -92px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-charge .sticky-container #charge-grid .charge-img {
        width:806px;
        height: 806px;
        top: 0;
        left: -75px
    }
}

#section-charge .sticky-container #charge-grid .text-container {
    z-index: 2;
    width: 100%;
    height: 100%
}

@media (min-width: 360px) and (max-width:399px) {
    #section-charge .sticky-container #charge-grid .text-container {
        padding-top:50px;
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (max-width: 359px) {
    #section-charge .sticky-container #charge-grid .text-container {
        padding-top:44px;
        padding-left: 18px;
        padding-right: 18px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-charge .sticky-container #charge-grid .text-container {
        padding-top:56px;
        padding-left: 22px;
        padding-right: 22px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-charge .sticky-container #charge-grid .text-container {
        padding-top:100px;
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (min-width: 1800px) {
    #section-charge .sticky-container #charge-grid .text-container {
        padding-top:150px;
        padding-left: 160px;
        padding-right: 160px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-charge .sticky-container #charge-grid .text-container {
        padding-top:126px;
        padding-left: 134px;
        padding-right: 134px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-charge .sticky-container #charge-grid .text-container {
        padding-top:102px;
        padding-left: 109px;
        padding-right: 109px
    }
}

#section-charge .sticky-container #charge-grid .text-container .grid-description {
    font-family: Roman-55,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 24px;
    line-height: 1.21;
    letter-spacing: 0;
    line-height: 1.19;
    position: relative;
    opacity: 0;
    -webkit-transition: opacity 1s linear,top 1s linear;
    transition: opacity 1s linear,top 1s linear
}

@media (min-width: 360px) and (max-width:399px) {
    #section-charge .sticky-container #charge-grid .text-container .grid-description {
        margin-bottom:20px;
        width: 194px;
        top: 20px
    }
}

@media (max-width: 359px) {
    #section-charge .sticky-container #charge-grid .text-container .grid-description {
        margin-bottom:18px;
        width: 172px;
        top: 18px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-charge .sticky-container #charge-grid .text-container .grid-description {
        margin-bottom:22px;
        width: 216px;
        top: 22px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-charge .sticky-container #charge-grid .text-container .grid-description {
        margin-bottom:40px;
        width: 388px;
        top: 40px
    }
}

@media (min-width: 1800px) {
    #section-charge .sticky-container #charge-grid .text-container .grid-description {
        margin-bottom:40px;
        width: 640px;
        top: 30px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-charge .sticky-container #charge-grid .text-container .grid-description {
        margin-bottom:34px;
        width: 537px;
        top: 25px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-charge .sticky-container #charge-grid .text-container .grid-description {
        margin-bottom:27px;
        width: 437px;
        top: 20px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-charge .sticky-container #charge-grid .text-container .grid-description {
        font-size:20.1216px;
        letter-spacing: 0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-charge .sticky-container #charge-grid .text-container .grid-description {
        font-size:16.389599999999998px;
        letter-spacing: 0
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-charge .sticky-container #charge-grid .text-container .grid-description {
        letter-spacing:0;
        font-size: 32px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-charge .sticky-container #charge-grid .text-container .grid-description {
        letter-spacing:0;
        font-size: 17.776px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-charge .sticky-container #charge-grid .text-container .grid-description {
        letter-spacing:0;
        font-size: 16px
    }
}

@media (max-width: 360px) {
    #section-charge .sticky-container #charge-grid .text-container .grid-description {
        letter-spacing:0;
        font-size: 14.219999999999999px
    }
}

#section-charge .sticky-container #charge-grid .text-container .grid-description.show {
    opacity: 1
}

@media (min-width: 360px) and (max-width:399px) {
    #section-charge .sticky-container #charge-grid .text-container .grid-description.show {
        top:0
    }
}

@media (max-width: 359px) {
    #section-charge .sticky-container #charge-grid .text-container .grid-description.show {
        top:0
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-charge .sticky-container #charge-grid .text-container .grid-description.show {
        top:0
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-charge .sticky-container #charge-grid .text-container .grid-description.show {
        top:0
    }
}

@media (min-width: 1800px) {
    #section-charge .sticky-container #charge-grid .text-container .grid-description.show {
        top:0
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-charge .sticky-container #charge-grid .text-container .grid-description.show {
        top:0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-charge .sticky-container #charge-grid .text-container .grid-description.show {
        top:0
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-charge .sticky-container #charge-grid .text-container .charge-text-img {
        width:187px;
        height: 60px;
        margin: 0 auto 50px
    }
}

@media (max-width: 359px) {
    #section-charge .sticky-container #charge-grid .text-container .charge-text-img {
        width:166px;
        height: 53px;
        margin: 0 auto 44px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-charge .sticky-container #charge-grid .text-container .charge-text-img {
        width:208px;
        height: 67px;
        margin: 0 auto 56px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-charge .sticky-container #charge-grid .text-container .charge-text-img {
        width:374px;
        height: 120px;
        margin: 0 auto 100px
    }
}

@media (min-width: 1800px) {
    #section-charge .sticky-container #charge-grid .text-container .charge-text-img {
        width:637px;
        height: 204px;
        margin: 0 auto 150px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-charge .sticky-container #charge-grid .text-container .charge-text-img {
        width:534px;
        height: 171px;
        margin: 0 auto 126px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-charge .sticky-container #charge-grid .text-container .charge-text-img {
        width:435px;
        height: 139px;
        margin: 0 auto 102px
    }
}

#section-camera {
    margin-left: auto;
    margin-right: auto;
    max-width: 1920px;
    width: 100%
}

@media (min-width: 1024px) {
    #section-camera {
        padding-bottom:20vh;
        padding-bottom: calc(20*var(--vh, 1vh))
    }
}

@media (max-width: 1023px) {
    #section-camera {
        padding-bottom:50vh;
        padding-bottom: calc(50*var(--vh, 1vh))
    }
}

@media (min-width: 1800px) {
    #section-camera .label {
        margin-top:72px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera .label {
        margin-top:60px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera .label {
        margin-top:49px
    }
}

#section-camera .pad-container {
    width: 100%;
    overflow: hidden
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera .pad-container {
        height:475px;
        margin-top: 63px
    }
}

@media (max-width: 359px) {
    #section-camera .pad-container {
        height:422px;
        margin-top: 56px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera .pad-container {
        height:528px;
        margin-top: 70px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera .pad-container {
        height:950px;
        margin-top: 126px
    }
}

@media (min-width: 1800px) {
    #section-camera .pad-container {
        height:1188px;
        margin-top: 194px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera .pad-container {
        height:996px;
        margin-top: 163px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera .pad-container {
        height:811px;
        margin-top: 132px
    }
}

@media (min-width: 1920px) {
    #section-camera .pad-container {
        overflow:visible
    }
}

#section-camera .pad {
    opacity: 0;
    -webkit-transition: opacity 1s linear;
    transition: opacity 1s linear
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera .pad {
        width:781px;
        height: 475px;
        margin-left: -175px
    }
}

@media (max-width: 359px) {
    #section-camera .pad {
        width:694px;
        height: 422px;
        margin-left: -156px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera .pad {
        width:868px;
        height: 528px;
        margin-left: -194px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera .pad {
        width:1562px;
        height: 950px;
        margin-left: -350px
    }
}

@media (min-width: 1800px) {
    #section-camera .pad {
        width:1952px;
        height: 1188px;
        margin-left: -193px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera .pad {
        width:1637px;
        height: 996px;
        margin-left: -162px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera .pad {
        width:1333px;
        height: 811px;
        margin-left: -132px
    }
}

#section-camera .pad.show {
    opacity: 1
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera .sub-label {
        margin-top:-40px
    }
}

@media (max-width: 359px) {
    #section-camera .sub-label {
        margin-top:-36px
    }
}

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

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

@media (min-width: 1800px) {
    #section-camera .sub-label {
        margin-top:-70px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera .sub-label {
        margin-top:-59px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera .sub-label {
        margin-top:-48px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera .sticky-container {
        margin-top:67px;
        height: calc(30vh + 1800px);
        height: calc(30*var(--vh, 1vh) + 1800px)
    }
}

@media (max-width: 359px) {
    #section-camera .sticky-container {
        margin-top:60px;
        height: calc(30vh + 1600px);
        height: calc(30*var(--vh, 1vh) + 1600px)
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera .sticky-container {
        margin-top:74px;
        height: calc(30vh + 2000px);
        height: calc(30*var(--vh, 1vh) + 2000px)
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera .sticky-container {
        margin-top:134px;
        height: calc(30vh + 3600px);
        height: calc(30*var(--vh, 1vh) + 3600px)
    }
}

@media (min-width: 1800px) {
    #section-camera .sticky-container {
        margin-top:180px;
        height: 4100px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera .sticky-container {
        margin-top:151px;
        height: 3437px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera .sticky-container {
        margin-top:123px;
        height: 2800px
    }
}

#section-camera .sticky-container .phone-container-container {
    width: 100%
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera .sticky-container .phone-container-container {
        height:512px;
        margin-top: -564px;
        top: 180px
    }
}

@media (max-width: 359px) {
    #section-camera .sticky-container .phone-container-container {
        height:455px;
        margin-top: -501px;
        top: 160px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera .sticky-container .phone-container-container {
        height:569px;
        margin-top: -627px;
        top: 200px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera .sticky-container .phone-container-container {
        height:1024px;
        margin-top: -1128px;
        top: 360px
    }
}

@media (min-width: 1800px) {
    #section-camera .sticky-container .phone-container-container {
        height:1385px;
        margin-top: -957px;
        top: 140px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera .sticky-container .phone-container-container {
        height:1161px;
        margin-top: -802px;
        top: 117px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera .sticky-container .phone-container-container {
        height:946px;
        margin-top: -654px;
        top: 96px
    }
}

@media (max-width: 1023px) {
    #section-camera .sticky-container .phone-container-container {
        overflow:hidden
    }
}

#section-camera .sticky-container .zn--phone-container {
    opacity: 0;
    -webkit-transition: opacity 1s linear;
    transition: opacity 1s linear
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera .sticky-container .zn--phone-container {
        width:239px;
        height: 512px;
        margin-left: 77px
    }
}

@media (max-width: 359px) {
    #section-camera .sticky-container .zn--phone-container {
        width:212px;
        height: 455px;
        margin-left: 68px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera .sticky-container .zn--phone-container {
        width:266px;
        height: 569px;
        margin-left: 86px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera .sticky-container .zn--phone-container {
        width:478px;
        height: 1024px;
        margin-left: 154px
    }
}

@media (min-width: 1800px) {
    #section-camera .sticky-container .zn--phone-container {
        width:647px;
        height: 1385px;
        margin-left: 640px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera .sticky-container .zn--phone-container {
        width:542px;
        height: 1161px;
        margin-left: 537px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera .sticky-container .zn--phone-container {
        width:442px;
        height: 946px;
        margin-left: 437px
    }
}

#section-camera .sticky-container .zn--phone-container.show {
    opacity: 1
}

#section-camera .sticky-container .zn--phone-container .camera-phone {
    width: 100%;
    height: 100%;
    -webkit-transform-origin: top left;
    transform-origin: top left
}

#section-camera .sticky-container #camera-grid {
    background-color: #18191d
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera .sticky-container #camera-grid {
        width:234px;
        height: 564px;
        margin-left: 47px
    }
}

@media (max-width: 359px) {
    #section-camera .sticky-container #camera-grid {
        width:208px;
        height: 501px;
        margin-left: 42px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera .sticky-container #camera-grid {
        width:260px;
        height: 627px;
        margin-left: 52px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera .sticky-container #camera-grid {
        width:468px;
        height: 1128px;
        margin-left: 94px
    }
}

@media (min-width: 1800px) {
    #section-camera .sticky-container #camera-grid {
        width:1120px;
        height: 957px;
        margin-left: 320px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera .sticky-container #camera-grid {
        width:939px;
        height: 802px;
        margin-left: 268px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera .sticky-container #camera-grid {
        width:765px;
        height: 654px;
        margin-left: 219px
    }
}

@media (max-width: 1023px) {
    #section-camera .sticky-container #camera-grid {
        margin-top:50vh;
        margin-top: calc(50*var(--vh, 1vh))
    }
}

#section-camera .sticky-container .above-grid {
    z-index: 5
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera .sticky-container .above-grid {
        width:234px;
        height: 564px;
        margin-left: 47px;
        padding-top: 505px;
        margin-top: -564px
    }
}

@media (max-width: 359px) {
    #section-camera .sticky-container .above-grid {
        width:208px;
        height: 501px;
        margin-left: 42px;
        padding-top: 449px;
        margin-top: -501px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera .sticky-container .above-grid {
        width:260px;
        height: 627px;
        margin-left: 52px;
        padding-top: 561px;
        margin-top: -627px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera .sticky-container .above-grid {
        width:468px;
        height: 1128px;
        margin-left: 94px;
        padding-top: 1010px;
        margin-top: -1128px
    }
}

@media (min-width: 1800px) {
    #section-camera .sticky-container .above-grid {
        width:1120px;
        height: 957px;
        margin-left: 320px;
        padding-top: 828px;
        margin-top: -957px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera .sticky-container .above-grid {
        width:939px;
        height: 802px;
        margin-left: 268px;
        padding-top: 694px;
        margin-top: -802px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera .sticky-container .above-grid {
        width:765px;
        height: 654px;
        margin-left: 219px;
        padding-top: 565px;
        margin-top: -654px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera .sticky-container .above-grid .grid-button {
        margin-left:22px
    }
}

@media (max-width: 359px) {
    #section-camera .sticky-container .above-grid .grid-button {
        margin-left:20px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera .sticky-container .above-grid .grid-button {
        margin-left:24px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera .sticky-container .above-grid .grid-button {
        margin-left:44px
    }
}

@media (min-width: 1800px) {
    #section-camera .sticky-container .above-grid .grid-button {
        margin-left:160px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera .sticky-container .above-grid .grid-button {
        margin-left:134px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera .sticky-container .above-grid .grid-button {
        margin-left:109px
    }
}

#section-camera .sticky-container .above-camera {
    z-index: 3;
    overflow: hidden
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera .sticky-container .above-camera {
        width:234px;
        height: 564px;
        margin-left: 47px;
        -webkit-clip-path: inset(564px 0 0 0);
        clip-path: inset(564px 0 0 0);
        top: 180px;
        padding-top: 1px
    }
}

@media (max-width: 359px) {
    #section-camera .sticky-container .above-camera {
        width:208px;
        height: 501px;
        margin-left: 42px;
        -webkit-clip-path: inset(501px 0 0 0);
        clip-path: inset(501px 0 0 0);
        top: 160px;
        padding-top: 1px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera .sticky-container .above-camera {
        width:260px;
        height: 627px;
        margin-left: 52px;
        -webkit-clip-path: inset(627px 0 0 0);
        clip-path: inset(627px 0 0 0);
        top: 200px;
        padding-top: 1px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera .sticky-container .above-camera {
        width:468px;
        height: 1128px;
        margin-left: 94px;
        -webkit-clip-path: inset(1128px 0 0 0);
        clip-path: inset(1128px 0 0 0);
        top: 360px;
        padding-top: 2px
    }
}

@media (min-width: 1800px) {
    #section-camera .sticky-container .above-camera {
        width:1120px;
        height: 957px;
        margin-left: 320px;
        -webkit-clip-path: inset(957px 0 0 0);
        clip-path: inset(957px 0 0 0);
        top: 60px;
        padding-top: 73px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera .sticky-container .above-camera {
        width:939px;
        height: 802px;
        margin-left: 268px;
        -webkit-clip-path: inset(802px 0 0 0);
        clip-path: inset(802px 0 0 0);
        top: 50px;
        padding-top: 61px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera .sticky-container .above-camera {
        width:765px;
        height: 654px;
        margin-left: 219px;
        -webkit-clip-path: inset(654px 0 0 0);
        clip-path: inset(654px 0 0 0);
        top: 41px;
        padding-top: 50px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera .sticky-container .above-camera .camera-img {
        width:351px;
        height: 753px;
        margin-left: 30px
    }
}

@media (max-width: 359px) {
    #section-camera .sticky-container .above-camera .camera-img {
        width:312px;
        height: 669px;
        margin-left: 27px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera .sticky-container .above-camera .camera-img {
        width:390px;
        height: 837px;
        margin-left: 33px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera .sticky-container .above-camera .camera-img {
        width:702px;
        height: 1506px;
        margin-left: 60px
    }
}

@media (min-width: 1800px) {
    #section-camera .sticky-container .above-camera .camera-img {
        width:964px;
        height: 2066px;
        margin-left: 320px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera .sticky-container .above-camera .camera-img {
        width:808px;
        height: 1732px;
        margin-left: 268px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera .sticky-container .above-camera .camera-img {
        width:658px;
        height: 1411px;
        margin-left: 219px
    }
}

#section-camera .sticky-container .above-camera .camera-title {
    font-family: Roman-55,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 24px;
    line-height: 1.21;
    letter-spacing: 0;
    line-height: 1.19
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera .sticky-container .above-camera .camera-title {
        font-size:20.1216px;
        letter-spacing: 0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera .sticky-container .above-camera .camera-title {
        font-size:16.389599999999998px;
        letter-spacing: 0
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera .sticky-container .above-camera .camera-title {
        letter-spacing:0;
        font-size: 32px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera .sticky-container .above-camera .camera-title {
        letter-spacing:0;
        font-size: 17.776px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera .sticky-container .above-camera .camera-title {
        letter-spacing:0;
        font-size: 16px
    }
}

@media (max-width: 360px) {
    #section-camera .sticky-container .above-camera .camera-title {
        letter-spacing:0;
        font-size: 14.219999999999999px
    }
}

@media (min-width: 1024px) {
    #section-camera .sticky-container .above-camera .camera-title .rel {
        opacity:0;
        -webkit-transition: opacity .5s linear .5s,top .5s linear .5s;
        transition: opacity .5s linear .5s,top .5s linear .5s
    }

    #section-camera .sticky-container .above-camera .camera-title.show .rel {
        opacity: 1
    }
}

@media (min-width: 1800px) {
    #section-camera .sticky-container .above-camera .camera-title.show .rel {
        top:0
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera .sticky-container .above-camera .camera-title.show .rel {
        top:0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera .sticky-container .above-camera .camera-title.show .rel {
        top:0
    }
}

@media (min-width: 1800px) {
    #section-camera .sticky-container .above-camera .camera-title .rel {
        top:10px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera .sticky-container .above-camera .camera-title .rel {
        top:8px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera .sticky-container .above-camera .camera-title .rel {
        top:7px
    }
}

#section-camera .sticky-container .above-camera .camera-feature {
    font-family: Roman-55,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 1;
    color: #53565a
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera .sticky-container .above-camera .camera-feature {
        font-size:16.768px;
        letter-spacing: 0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera .sticky-container .above-camera .camera-feature {
        font-size:13.658px;
        letter-spacing: 0
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera .sticky-container .above-camera .camera-feature {
        letter-spacing:0;
        font-size: 24px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera .sticky-container .above-camera .camera-feature {
        letter-spacing:0;
        font-size: 13.332px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera .sticky-container .above-camera .camera-feature {
        letter-spacing:0;
        font-size: 12px
    }
}

@media (max-width: 360px) {
    #section-camera .sticky-container .above-camera .camera-feature {
        letter-spacing:0;
        font-size: 10.665px
    }
}

#section-camera .sticky-container .above-camera .camera-feature,#section-camera .sticky-container .above-camera .camera-line,#section-camera .sticky-container .above-camera .camera-title {
    position: absolute
}

@media (min-width: 1024px) {
    #section-camera .sticky-container .above-camera .camera-feature .rel {
        opacity:0;
        -webkit-transition: opacity .5s linear .5s,top .5s linear .5s;
        transition: opacity .5s linear .5s,top .5s linear .5s
    }

    #section-camera .sticky-container .above-camera .camera-feature.show .rel {
        opacity: 1
    }
}

@media (min-width: 1800px) {
    #section-camera .sticky-container .above-camera .camera-feature.show .rel {
        top:0
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera .sticky-container .above-camera .camera-feature.show .rel {
        top:0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera .sticky-container .above-camera .camera-feature.show .rel {
        top:0
    }
}

@media (min-width: 1800px) {
    #section-camera .sticky-container .above-camera .camera-feature .rel {
        top:-9px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera .sticky-container .above-camera .camera-feature .rel {
        top:-8px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera .sticky-container .above-camera .camera-feature .rel {
        top:-6px
    }
}

#section-camera .sticky-container .above-camera .camera-index {
    position: absolute;
    font-family: Roman-55,Helvetica Neue,Helvetica,Arial,sans-serif;
    line-height: 1;
    color: #53565a
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera .sticky-container .above-camera .camera-index {
        letter-spacing:0;
        font-size: 18px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera .sticky-container .above-camera .camera-index {
        letter-spacing:0;
        font-size: 9.999px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera .sticky-container .above-camera .camera-index {
        letter-spacing:0;
        font-size: 9px
    }
}

@media (max-width: 360px) {
    #section-camera .sticky-container .above-camera .camera-index {
        letter-spacing:0;
        font-size: 7.998749999999999px
    }
}

@media (max-width: 1023px) {
    #section-camera .sticky-container .above-camera .camera-index {
        opacity:0;
        -webkit-transition: opacity .5s linear .5s;
        transition: opacity .5s linear .5s
    }

    #section-camera .sticky-container .above-camera .camera-index.show {
        opacity: 1
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera .sticky-container .above-camera .camera-1.camera-index {
        left:40px;
        top: 61px
    }
}

@media (max-width: 359px) {
    #section-camera .sticky-container .above-camera .camera-1.camera-index {
        left:36px;
        top: 54px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera .sticky-container .above-camera .camera-1.camera-index {
        left:44px;
        top: 68px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera .sticky-container .above-camera .camera-1.camera-index {
        left:80px;
        top: 122px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera .sticky-container .above-camera .camera-2.camera-index {
        left:190px;
        top: 114px
    }
}

@media (max-width: 359px) {
    #section-camera .sticky-container .above-camera .camera-2.camera-index {
        left:169px;
        top: 101px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera .sticky-container .above-camera .camera-2.camera-index {
        left:211px;
        top: 127px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera .sticky-container .above-camera .camera-2.camera-index {
        left:380px;
        top: 228px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera .sticky-container .above-camera .camera-3.camera-index {
        left:38px;
        top: 167px
    }
}

@media (max-width: 359px) {
    #section-camera .sticky-container .above-camera .camera-3.camera-index {
        left:34px;
        top: 148px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera .sticky-container .above-camera .camera-3.camera-index {
        left:42px;
        top: 186px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera .sticky-container .above-camera .camera-3.camera-index {
        left:76px;
        top: 334px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera .sticky-container .above-camera .camera-4.camera-index {
        left:190px;
        top: 199px
    }
}

@media (max-width: 359px) {
    #section-camera .sticky-container .above-camera .camera-4.camera-index {
        left:169px;
        top: 177px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera .sticky-container .above-camera .camera-4.camera-index {
        left:211px;
        top: 221px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera .sticky-container .above-camera .camera-4.camera-index {
        left:380px;
        top: 398px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera .sticky-container .above-camera .camera-1.camera-title {
        width:180px;
        height: 38px;
        left: 20px;
        top: 238px
    }
}

@media (max-width: 359px) {
    #section-camera .sticky-container .above-camera .camera-1.camera-title {
        width:160px;
        height: 34px;
        left: 18px;
        top: 212px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera .sticky-container .above-camera .camera-1.camera-title {
        width:200px;
        height: 42px;
        left: 22px;
        top: 264px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera .sticky-container .above-camera .camera-1.camera-title {
        width:360px;
        height: 76px;
        left: 40px;
        top: 476px
    }
}

@media (min-width: 1800px) {
    #section-camera .sticky-container .above-camera .camera-1.camera-title {
        width:256px;
        height: 58px;
        left: 160px;
        top: 160px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera .sticky-container .above-camera .camera-1.camera-title {
        width:215px;
        height: 49px;
        left: 134px;
        top: 134px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera .sticky-container .above-camera .camera-1.camera-title {
        width:175px;
        height: 40px;
        left: 109px;
        top: 109px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera .sticky-container .above-camera .camera-2.camera-title {
        width:180px;
        height: 19px;
        left: 20px;
        top: 325px
    }
}

@media (max-width: 359px) {
    #section-camera .sticky-container .above-camera .camera-2.camera-title {
        width:160px;
        height: 17px;
        left: 18px;
        top: 289px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera .sticky-container .above-camera .camera-2.camera-title {
        width:200px;
        height: 21px;
        left: 22px;
        top: 361px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera .sticky-container .above-camera .camera-2.camera-title {
        width:360px;
        height: 38px;
        left: 40px;
        top: 650px
    }
}

@media (min-width: 1800px) {
    #section-camera .sticky-container .above-camera .camera-2.camera-title {
        width:256px;
        height: 29px;
        left: 704px;
        top: 339px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera .sticky-container .above-camera .camera-2.camera-title {
        width:215px;
        height: 24px;
        left: 590px;
        top: 284px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera .sticky-container .above-camera .camera-2.camera-title {
        width:175px;
        height: 20px;
        left: 481px;
        top: 232px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera .sticky-container .above-camera .camera-3.camera-title {
        width:180px;
        height: 19px;
        left: 20px;
        top: 393px
    }
}

@media (max-width: 359px) {
    #section-camera .sticky-container .above-camera .camera-3.camera-title {
        width:160px;
        height: 17px;
        left: 18px;
        top: 349px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera .sticky-container .above-camera .camera-3.camera-title {
        width:200px;
        height: 21px;
        left: 22px;
        top: 437px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera .sticky-container .above-camera .camera-3.camera-title {
        width:360px;
        height: 38px;
        left: 40px;
        top: 786px
    }
}

@media (min-width: 1800px) {
    #section-camera .sticky-container .above-camera .camera-3.camera-title {
        width:256px;
        height: 29px;
        left: 160px;
        top: 494px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera .sticky-container .above-camera .camera-3.camera-title {
        width:215px;
        height: 24px;
        left: 134px;
        top: 414px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera .sticky-container .above-camera .camera-3.camera-title {
        width:175px;
        height: 20px;
        left: 109px;
        top: 337px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera .sticky-container .above-camera .camera-4.camera-title {
        width:180px;
        height: 19px;
        left: 20px;
        top: 449px
    }
}

@media (max-width: 359px) {
    #section-camera .sticky-container .above-camera .camera-4.camera-title {
        width:160px;
        height: 17px;
        left: 18px;
        top: 399px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera .sticky-container .above-camera .camera-4.camera-title {
        width:200px;
        height: 21px;
        left: 22px;
        top: 499px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera .sticky-container .above-camera .camera-4.camera-title {
        width:360px;
        height: 38px;
        left: 40px;
        top: 898px
    }
}

@media (min-width: 1800px) {
    #section-camera .sticky-container .above-camera .camera-4.camera-title {
        width:256px;
        height: 29px;
        left: 704px;
        top: 589px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera .sticky-container .above-camera .camera-4.camera-title {
        width:215px;
        height: 24px;
        left: 590px;
        top: 494px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera .sticky-container .above-camera .camera-4.camera-title {
        width:175px;
        height: 20px;
        left: 481px;
        top: 402px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera .sticky-container .above-camera .camera-1.camera-feature {
        width:180px;
        height: 24px;
        left: 20px;
        top: 281px
    }
}

@media (max-width: 359px) {
    #section-camera .sticky-container .above-camera .camera-1.camera-feature {
        width:160px;
        height: 21px;
        left: 18px;
        top: 250px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera .sticky-container .above-camera .camera-1.camera-feature {
        width:200px;
        height: 27px;
        left: 22px;
        top: 312px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera .sticky-container .above-camera .camera-1.camera-feature {
        width:360px;
        height: 48px;
        left: 40px;
        top: 562px
    }
}

@media (min-width: 1800px) {
    #section-camera .sticky-container .above-camera .camera-1.camera-feature {
        width:256px;
        height: 40px;
        left: 160px;
        top: 247px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera .sticky-container .above-camera .camera-1.camera-feature {
        width:215px;
        height: 34px;
        left: 134px;
        top: 207px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera .sticky-container .above-camera .camera-1.camera-feature {
        width:175px;
        height: 27px;
        left: 109px;
        top: 169px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera .sticky-container .above-camera .camera-2.camera-feature {
        width:180px;
        height: 24px;
        left: 20px;
        top: 349px
    }
}

@media (max-width: 359px) {
    #section-camera .sticky-container .above-camera .camera-2.camera-feature {
        width:160px;
        height: 21px;
        left: 18px;
        top: 310px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera .sticky-container .above-camera .camera-2.camera-feature {
        width:200px;
        height: 27px;
        left: 22px;
        top: 388px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera .sticky-container .above-camera .camera-2.camera-feature {
        width:360px;
        height: 48px;
        left: 40px;
        top: 698px
    }
}

@media (min-width: 1800px) {
    #section-camera .sticky-container .above-camera .camera-2.camera-feature {
        width:256px;
        height: 40px;
        left: 704px;
        top: 398px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera .sticky-container .above-camera .camera-2.camera-feature {
        width:215px;
        height: 34px;
        left: 590px;
        top: 334px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera .sticky-container .above-camera .camera-2.camera-feature {
        width:175px;
        height: 27px;
        left: 481px;
        top: 272px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera .sticky-container .above-camera .camera-3.camera-feature {
        width:180px;
        height: 12px;
        left: 20px;
        top: 417px
    }
}

@media (max-width: 359px) {
    #section-camera .sticky-container .above-camera .camera-3.camera-feature {
        width:160px;
        height: 11px;
        left: 18px;
        top: 371px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera .sticky-container .above-camera .camera-3.camera-feature {
        width:200px;
        height: 13px;
        left: 22px;
        top: 463px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera .sticky-container .above-camera .camera-3.camera-feature {
        width:360px;
        height: 24px;
        left: 40px;
        top: 834px
    }
}

@media (min-width: 1800px) {
    #section-camera .sticky-container .above-camera .camera-3.camera-feature {
        width:256px;
        height: 20px;
        left: 160px;
        top: 553px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera .sticky-container .above-camera .camera-3.camera-feature {
        width:215px;
        height: 17px;
        left: 134px;
        top: 464px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera .sticky-container .above-camera .camera-3.camera-feature {
        width:175px;
        height: 14px;
        left: 109px;
        top: 378px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera .sticky-container .above-camera .camera-4.camera-feature {
        width:180px;
        height: 12px;
        left: 20px;
        top: 473px
    }
}

@media (max-width: 359px) {
    #section-camera .sticky-container .above-camera .camera-4.camera-feature {
        width:160px;
        height: 11px;
        left: 18px;
        top: 420px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera .sticky-container .above-camera .camera-4.camera-feature {
        width:200px;
        height: 13px;
        left: 22px;
        top: 526px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera .sticky-container .above-camera .camera-4.camera-feature {
        width:360px;
        height: 24px;
        left: 40px;
        top: 946px
    }
}

@media (min-width: 1800px) {
    #section-camera .sticky-container .above-camera .camera-4.camera-feature {
        width:256px;
        height: 20px;
        left: 704px;
        top: 648px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera .sticky-container .above-camera .camera-4.camera-feature {
        width:215px;
        height: 17px;
        left: 590px;
        top: 543px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera .sticky-container .above-camera .camera-4.camera-feature {
        width:175px;
        height: 14px;
        left: 481px;
        top: 443px
    }
}

#section-camera .sticky-container .above-camera .camera-1.camera-line {
    -webkit-transform-origin: right center;
    transform-origin: right center;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    transition: -webkit-transform 1s linear;
    -webkit-transition: -webkit-transform 1s linear;
    transition: transform 1s linear;
    transition: transform 1s linear,-webkit-transform 1s linear
}

#section-camera .sticky-container .above-camera .camera-1.camera-line.show {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

#section-camera .sticky-container .above-camera .camera-2.camera-line {
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    transition: -webkit-transform 1s linear;
    -webkit-transition: -webkit-transform 1s linear;
    transition: transform 1s linear;
    transition: transform 1s linear,-webkit-transform 1s linear
}

#section-camera .sticky-container .above-camera .camera-2.camera-line.show {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

#section-camera .sticky-container .above-camera .camera-3.camera-line {
    -webkit-transform-origin: right center;
    transform-origin: right center;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    transition: -webkit-transform 1s linear;
    -webkit-transition: -webkit-transform 1s linear;
    transition: transform 1s linear;
    transition: transform 1s linear,-webkit-transform 1s linear
}

#section-camera .sticky-container .above-camera .camera-3.camera-line.show {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

@media (min-width: 1800px) {
    #section-camera .sticky-container .above-camera .camera-1.camera-line.pt-hidden {
        width:274px;
        left: 160px;
        top: 238px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera .sticky-container .above-camera .camera-1.camera-line.pt-hidden {
        width:230px;
        left: 134px;
        top: 200px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera .sticky-container .above-camera .camera-1.camera-line.pt-hidden {
        width:187px;
        left: 109px;
        top: 163px
    }
}

@media (min-width: 1800px) {
    #section-camera .sticky-container .above-camera .camera-2.camera-line.pt-hidden {
        width:400px;
        left: 561px;
        top: 388px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera .sticky-container .above-camera .camera-2.camera-line.pt-hidden {
        width:335px;
        left: 470px;
        top: 325px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera .sticky-container .above-camera .camera-2.camera-line.pt-hidden {
        width:273px;
        left: 383px;
        top: 265px
    }
}

@media (min-width: 1800px) {
    #section-camera .sticky-container .above-camera .camera-3.camera-line.pt-hidden {
        width:301px;
        left: 160px;
        top: 542px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera .sticky-container .above-camera .camera-3.camera-line.pt-hidden {
        width:252px;
        left: 134px;
        top: 454px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera .sticky-container .above-camera .camera-3.camera-line.pt-hidden {
        width:206px;
        left: 109px;
        top: 370px
    }
}

#section-camera .sticky-container .above-camera .camera-4.camera-line.pt-hidden {
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scaleX(.01) scaleY(0);
    transform: scaleX(.01) scaleY(0)
}

@media (min-width: 1800px) {
    #section-camera .sticky-container .above-camera .camera-4.camera-line.pt-hidden {
        width:323px;
        height: 59px;
        left: 637px;
        top: 579px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera .sticky-container .above-camera .camera-4.camera-line.pt-hidden {
        width:271px;
        height: 49px;
        left: 534px;
        top: 485px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera .sticky-container .above-camera .camera-4.camera-line.pt-hidden {
        width:221px;
        height: 40px;
        left: 435px;
        top: 395px
    }
}

#section-camera .sticky-container .above-camera .camera-4.camera-line.pt-hidden.show {
    -webkit-animation: corner-pc 1s both;
    animation: corner-pc 1s both
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera .sticky-container .above-camera .camera-1.camera-line.ls-hidden {
        width:26px;
        left: 47px;
        top: 64px
    }
}

@media (max-width: 359px) {
    #section-camera .sticky-container .above-camera .camera-1.camera-line.ls-hidden {
        width:23px;
        left: 42px;
        top: 57px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera .sticky-container .above-camera .camera-1.camera-line.ls-hidden {
        width:29px;
        left: 52px;
        top: 71px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera .sticky-container .above-camera .camera-1.camera-line.ls-hidden {
        width:52px;
        left: 94px;
        top: 128px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera .sticky-container .above-camera .camera-2.camera-line.ls-hidden {
        width:69px;
        left: 118px;
        top: 116px
    }
}

@media (max-width: 359px) {
    #section-camera .sticky-container .above-camera .camera-2.camera-line.ls-hidden {
        width:61px;
        left: 105px;
        top: 103px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera .sticky-container .above-camera .camera-2.camera-line.ls-hidden {
        width:77px;
        left: 131px;
        top: 129px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera .sticky-container .above-camera .camera-2.camera-line.ls-hidden {
        width:138px;
        left: 236px;
        top: 232px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera .sticky-container .above-camera .camera-3.camera-line.ls-hidden {
        width:36px;
        left: 47px;
        top: 171px
    }
}

@media (max-width: 359px) {
    #section-camera .sticky-container .above-camera .camera-3.camera-line.ls-hidden {
        width:32px;
        left: 42px;
        top: 152px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera .sticky-container .above-camera .camera-3.camera-line.ls-hidden {
        width:40px;
        left: 52px;
        top: 190px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera .sticky-container .above-camera .camera-3.camera-line.ls-hidden {
        width:72px;
        left: 94px;
        top: 342px
    }
}

#section-camera .sticky-container .above-camera .camera-4.camera-line.ls-hidden {
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scaleX(.01) scaleY(0);
    transform: scaleX(.01) scaleY(0)
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera .sticky-container .above-camera .camera-4.camera-line.ls-hidden {
        width:42px;
        height: 20px;
        left: 145px;
        top: 184px
    }
}

@media (max-width: 359px) {
    #section-camera .sticky-container .above-camera .camera-4.camera-line.ls-hidden {
        width:37px;
        height: 18px;
        left: 129px;
        top: 164px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera .sticky-container .above-camera .camera-4.camera-line.ls-hidden {
        width:47px;
        height: 22px;
        left: 161px;
        top: 204px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera .sticky-container .above-camera .camera-4.camera-line.ls-hidden {
        width:84px;
        height: 40px;
        left: 290px;
        top: 368px
    }
}

#section-camera .sticky-container .above-camera .camera-4.camera-line.ls-hidden.show {
    -webkit-animation: corner-mobile 1s both;
    animation: corner-mobile 1s both
}

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

@media (max-width: 359px) {
    #section-camera .sticky-container .shot-container {
        margin-top:89px
    }
}

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

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

@media (min-width: 1800px) {
    #section-camera .sticky-container .shot-container {
        margin-top:240px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera .sticky-container .shot-container {
        margin-top:201px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera .sticky-container .shot-container {
        margin-top:164px
    }
}

#section-camera .sticky-container .shot-container .icon-bg-container {
    width: 100vw;
    overflow: hidden
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera .sticky-container .shot-container .icon-bg-container {
        height:474px;
        top: 117px
    }
}

@media (max-width: 359px) {
    #section-camera .sticky-container .shot-container .icon-bg-container {
        height:421px;
        top: 104px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera .sticky-container .shot-container .icon-bg-container {
        height:527px;
        top: 130px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera .sticky-container .shot-container .icon-bg-container {
        height:948px;
        top: 234px
    }
}

@media (min-width: 1800px) {
    #section-camera .sticky-container .shot-container .icon-bg-container {
        height:1234px;
        top: 100px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera .sticky-container .shot-container .icon-bg-container {
        height:1035px;
        top: 84px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera .sticky-container .shot-container .icon-bg-container {
        height:843px;
        top: 68px
    }
}

@media (min-width: 1920px) {
    #section-camera .sticky-container .shot-container .icon-bg-container {
        margin-left:calc(960px - 50vw)
    }
}

#section-camera .sticky-container .shot-container .icon-bg {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
    -webkit-transition: opacity 1.2s linear .5s;
    transition: opacity 1.2s linear .5s
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera .sticky-container .shot-container .icon-bg {
        width:737px;
        height: 474px
    }
}

@media (max-width: 359px) {
    #section-camera .sticky-container .shot-container .icon-bg {
        width:655px;
        height: 421px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera .sticky-container .shot-container .icon-bg {
        width:819px;
        height: 527px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera .sticky-container .shot-container .icon-bg {
        width:1474px;
        height: 948px
    }
}

@media (min-width: 1800px) {
    #section-camera .sticky-container .shot-container .icon-bg {
        width:1920px;
        height: 1234px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera .sticky-container .shot-container .icon-bg {
        width:1610px;
        height: 1035px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera .sticky-container .shot-container .icon-bg {
        width:1311px;
        height: 843px
    }
}

#section-camera .sticky-container .shot-container .shot-title {
    font-family: Roman-55,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 60px;
    letter-spacing: 0;
    line-height: 1;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    opacity: 0;
    -webkit-transition: opacity 1s linear,top 1s linear;
    transition: opacity 1s linear,top 1s linear
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera .sticky-container .shot-container .shot-title {
        margin-top:30px;
        margin-bottom: 20px;
        top: 40px
    }
}

@media (max-width: 359px) {
    #section-camera .sticky-container .shot-container .shot-title {
        margin-top:27px;
        margin-bottom: 18px;
        top: 36px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera .sticky-container .shot-container .shot-title {
        margin-top:33px;
        margin-bottom: 22px;
        top: 44px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera .sticky-container .shot-container .shot-title {
        margin-top:60px;
        margin-bottom: 40px;
        top: 80px
    }
}

@media (min-width: 1800px) {
    #section-camera .sticky-container .shot-container .shot-title {
        margin-top:80px;
        margin-bottom: 60px;
        top: 60px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera .sticky-container .shot-container .shot-title {
        margin-top:67px;
        margin-bottom: 50px;
        top: 50px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera .sticky-container .shot-container .shot-title {
        margin-top:55px;
        margin-bottom: 41px;
        top: 41px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera .sticky-container .shot-container .shot-title {
        font-size:50.304px;
        letter-spacing: 0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera .sticky-container .shot-container .shot-title {
        font-size:40.974px;
        letter-spacing: 0
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera .sticky-container .shot-container .shot-title {
        letter-spacing:0;
        font-size: 60px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera .sticky-container .shot-container .shot-title {
        letter-spacing:0;
        font-size: 33.33px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera .sticky-container .shot-container .shot-title {
        letter-spacing:0;
        font-size: 30px
    }
}

@media (max-width: 360px) {
    #section-camera .sticky-container .shot-container .shot-title {
        letter-spacing:0;
        font-size: 26.662499999999998px
    }
}

#section-camera .sticky-container .shot-container .shot-text {
    margin: 0 auto;
    text-align: center
}

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

@media (max-width: 359px) {
    #section-camera .sticky-container .shot-container .shot-text {
        width:250px
    }
}

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

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

@media (min-width: 1800px) {
    #section-camera .sticky-container .shot-container .shot-text {
        width:960px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera .sticky-container .shot-container .shot-text {
        width:805px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera .sticky-container .shot-container .shot-text {
        width:656px
    }
}

#section-camera .sticky-container .shot-container .shot-text.label-text {
    -webkit-transition: opacity 1s linear,top 1s linear;
    transition: opacity 1s linear,top 1s linear;
    opacity: 0
}

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

@media (max-width: 359px) {
    #section-camera .sticky-container .shot-container .shot-text.label-text {
        top:36px
    }
}

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

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

@media (min-width: 1800px) {
    #section-camera .sticky-container .shot-container .shot-text.label-text {
        top:60px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera .sticky-container .shot-container .shot-text.label-text {
        top:50px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera .sticky-container .shot-container .shot-text.label-text {
        top:41px
    }
}

#section-camera .sticky-container .shot-container .grid-button {
    opacity: 0;
    -webkit-transition: opacity 1s linear,top 1s linear;
    transition: opacity 1s linear,top 1s linear
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera .sticky-container .shot-container .grid-button {
        margin-top:20px;
        top: 40px
    }
}

@media (max-width: 359px) {
    #section-camera .sticky-container .shot-container .grid-button {
        margin-top:18px;
        top: 36px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera .sticky-container .shot-container .grid-button {
        margin-top:22px;
        top: 44px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera .sticky-container .shot-container .grid-button {
        margin-top:40px;
        top: 80px
    }
}

@media (min-width: 1800px) {
    #section-camera .sticky-container .shot-container .grid-button {
        margin-top:40px;
        top: 60px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera .sticky-container .shot-container .grid-button {
        margin-top:34px;
        top: 50px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera .sticky-container .shot-container .grid-button {
        margin-top:27px;
        top: 41px
    }
}

#section-camera .sticky-container .shot-container.show .shot-text.label-text {
    opacity: 1
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera .sticky-container .shot-container.show .shot-text.label-text {
        top:0
    }
}

@media (max-width: 359px) {
    #section-camera .sticky-container .shot-container.show .shot-text.label-text {
        top:0
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera .sticky-container .shot-container.show .shot-text.label-text {
        top:0
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera .sticky-container .shot-container.show .shot-text.label-text {
        top:0
    }
}

@media (min-width: 1800px) {
    #section-camera .sticky-container .shot-container.show .shot-text.label-text {
        top:0
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera .sticky-container .shot-container.show .shot-text.label-text {
        top:0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera .sticky-container .shot-container.show .shot-text.label-text {
        top:0
    }
}

#section-camera .sticky-container .shot-container.show .icon-bg,#section-camera .sticky-container .shot-container.show .shot-title {
    opacity: 1
}

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

@media (max-width: 359px) {
    #section-camera .sticky-container .shot-container.show .shot-title {
        top:0
    }
}

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

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

@media (min-width: 1800px) {
    #section-camera .sticky-container .shot-container.show .shot-title {
        top:0
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera .sticky-container .shot-container.show .shot-title {
        top:0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera .sticky-container .shot-container.show .shot-title {
        top:0
    }
}

#section-camera .sticky-container .shot-container.show .grid-button {
    opacity: 1
}

@media (min-width: 360px) and (max-width:399px) {
    #section-camera .sticky-container .shot-container.show .grid-button {
        top:0
    }
}

@media (max-width: 359px) {
    #section-camera .sticky-container .shot-container.show .grid-button {
        top:0
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-camera .sticky-container .shot-container.show .grid-button {
        top:0
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-camera .sticky-container .shot-container.show .grid-button {
        top:0
    }
}

@media (min-width: 1800px) {
    #section-camera .sticky-container .shot-container.show .grid-button {
        top:0
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-camera .sticky-container .shot-container.show .grid-button {
        top:0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-camera .sticky-container .shot-container.show .grid-button {
        top:0
    }
}

@-webkit-keyframes corner-pc {
    0% {
        -webkit-transform: scaleX(.01) scaleY(0);
        transform: scaleX(.01) scaleY(0)
    }

    20% {
        -webkit-transform: scaleX(.01) scaleY(1);
        transform: scaleX(.01) scaleY(1)
    }

    to {
        -webkit-transform: scaleX(1) scaleY(1);
        transform: scaleX(1) scaleY(1)
    }
}

@keyframes corner-pc {
    0% {
        -webkit-transform: scaleX(.01) scaleY(0);
        transform: scaleX(.01) scaleY(0)
    }

    20% {
        -webkit-transform: scaleX(.01) scaleY(1);
        transform: scaleX(.01) scaleY(1)
    }

    to {
        -webkit-transform: scaleX(1) scaleY(1);
        transform: scaleX(1) scaleY(1)
    }
}

@-webkit-keyframes corner-mobile {
    0% {
        -webkit-transform: scaleX(.01) scaleY(0);
        transform: scaleX(.01) scaleY(0)
    }

    33% {
        -webkit-transform: scaleX(.01) scaleY(1);
        transform: scaleX(.01) scaleY(1)
    }

    to {
        -webkit-transform: scaleX(1) scaleY(1);
        transform: scaleX(1) scaleY(1)
    }
}

@keyframes corner-mobile {
    0% {
        -webkit-transform: scaleX(.01) scaleY(0);
        transform: scaleX(.01) scaleY(0)
    }

    33% {
        -webkit-transform: scaleX(.01) scaleY(1);
        transform: scaleX(.01) scaleY(1)
    }

    to {
        -webkit-transform: scaleX(1) scaleY(1);
        transform: scaleX(1) scaleY(1)
    }
}

#section-system {
    overflow: hidden
}

@media (min-width: 1800px) {
    #section-system .label {
        margin-top:70px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-system .label {
        margin-top:59px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-system .label {
        margin-top:48px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-system .detail .grid-button {
        margin-top:20px;
        top: 40px
    }
}

@media (max-width: 359px) {
    #section-system .detail .grid-button {
        margin-top:18px;
        top: 36px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-system .detail .grid-button {
        margin-top:22px;
        top: 44px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-system .detail .grid-button {
        margin-top:40px;
        top: 80px
    }
}

@media (min-width: 1800px) {
    #section-system .detail .grid-button {
        margin-top:40px;
        top: 60px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-system .detail .grid-button {
        margin-top:34px;
        top: 50px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-system .detail .grid-button {
        margin-top:27px;
        top: 41px
    }
}

#section-system .detail.show .grid-button {
    opacity: 1
}

@media (min-width: 360px) and (max-width:399px) {
    #section-system .detail.show .grid-button {
        top:0
    }
}

@media (max-width: 359px) {
    #section-system .detail.show .grid-button {
        top:0
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-system .detail.show .grid-button {
        top:0
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-system .detail.show .grid-button {
        top:0
    }
}

@media (min-width: 1800px) {
    #section-system .detail.show .grid-button {
        top:0
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-system .detail.show .grid-button {
        top:0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-system .detail.show .grid-button {
        top:0
    }
}

#section-system .icons-section {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media (min-width: 360px) and (max-width:399px) {
    #section-system .icons-section {
        width:375px;
        height: 409px;
        margin-top: 29px
    }
}

@media (max-width: 359px) {
    #section-system .icons-section {
        width:333px;
        height: 363px;
        margin-top: 26px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-system .icons-section {
        width:417px;
        height: 454px;
        margin-top: 32px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-system .icons-section {
        width:750px;
        height: 818px;
        margin-top: 58px
    }
}

@media (min-width: 1800px) {
    #section-system .icons-section {
        width:1920px;
        height: 1100px;
        margin-top: 77px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-system .icons-section {
        width:1610px;
        height: 922px;
        margin-top: 65px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-system .icons-section {
        width:1311px;
        height: 751px;
        margin-top: 53px
    }
}

#section-system .icons-section .slow {
    position: relative;
    opacity: 0;
    -webkit-transition: opacity 1s linear,top 1s linear;
    transition: opacity 1s linear,top 1s linear
}

@media (min-width: 360px) and (max-width:399px) {
    #section-system .icons-section .slow {
        top:30px
    }
}

@media (max-width: 359px) {
    #section-system .icons-section .slow {
        top:27px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-system .icons-section .slow {
        top:33px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-system .icons-section .slow {
        top:60px
    }
}

@media (min-width: 1800px) {
    #section-system .icons-section .slow {
        top:45px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-system .icons-section .slow {
        top:38px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-system .icons-section .slow {
        top:31px
    }
}

#section-system .icons-section .fast {
    position: relative;
    opacity: 0;
    -webkit-transition: opacity 1s linear,top 1s linear;
    transition: opacity 1s linear,top 1s linear
}

@media (min-width: 360px) and (max-width:399px) {
    #section-system .icons-section .fast {
        top:60px
    }
}

@media (max-width: 359px) {
    #section-system .icons-section .fast {
        top:53px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-system .icons-section .fast {
        top:67px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-system .icons-section .fast {
        top:120px
    }
}

@media (min-width: 1800px) {
    #section-system .icons-section .fast {
        top:90px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-system .icons-section .fast {
        top:75px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-system .icons-section .fast {
        top:61px
    }
}

#section-system .icons-section.show .slow {
    opacity: 1
}

@media (min-width: 360px) and (max-width:399px) {
    #section-system .icons-section.show .slow {
        top:0
    }
}

@media (max-width: 359px) {
    #section-system .icons-section.show .slow {
        top:0
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-system .icons-section.show .slow {
        top:0
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-system .icons-section.show .slow {
        top:0
    }
}

@media (min-width: 1800px) {
    #section-system .icons-section.show .slow {
        top:0
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-system .icons-section.show .slow {
        top:0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-system .icons-section.show .slow {
        top:0
    }
}

#section-system .icons-section.show .fast {
    opacity: 1
}

@media (min-width: 360px) and (max-width:399px) {
    #section-system .icons-section.show .fast {
        top:0
    }
}

@media (max-width: 359px) {
    #section-system .icons-section.show .fast {
        top:0
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-system .icons-section.show .fast {
        top:0
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-system .icons-section.show .fast {
        top:0
    }
}

@media (min-width: 1800px) {
    #section-system .icons-section.show .fast {
        top:0
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-system .icons-section.show .fast {
        top:0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-system .icons-section.show .fast {
        top:0
    }
}

#section-system .icons-section.show.out .fast,#section-system .icons-section.show.out .slow {
    opacity: 0
}

@media (min-width: 360px) and (max-width:399px) {
    #section-system .icons-section.show.out .icon-phone.slow {
        top:-20px
    }
}

@media (max-width: 359px) {
    #section-system .icons-section.show.out .icon-phone.slow {
        top:-18px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-system .icons-section.show.out .icon-phone.slow {
        top:-22px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-system .icons-section.show.out .icon-phone.slow {
        top:-40px
    }
}

@media (min-width: 1800px) {
    #section-system .icons-section.show.out .icon-phone.slow {
        top:-30px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-system .icons-section.show.out .icon-phone.slow {
        top:-25px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-system .icons-section.show.out .icon-phone.slow {
        top:-20px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-system .icon-phone-container {
        left:117px;
        top: 46px
    }
}

@media (max-width: 359px) {
    #section-system .icon-phone-container {
        left:104px;
        top: 41px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-system .icon-phone-container {
        left:130px;
        top: 51px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-system .icon-phone-container {
        left:234px;
        top: 92px
    }
}

@media (min-width: 1800px) {
    #section-system .icon-phone-container {
        left:769px;
        top: 123px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-system .icon-phone-container {
        left:645px;
        top: 103px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-system .icon-phone-container {
        left:525px;
        top: 84px
    }
}

#section-system .icon-phone-container .icon-phone {
    display: none
}

@media (min-width: 360px) and (max-width:399px) {
    #section-system .icon-phone-container .icon-phone {
        width:142px;
        height: 318px
    }
}

@media (max-width: 359px) {
    #section-system .icon-phone-container .icon-phone {
        width:126px;
        height: 283px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-system .icon-phone-container .icon-phone {
        width:158px;
        height: 353px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-system .icon-phone-container .icon-phone {
        width:284px;
        height: 636px
    }
}

@media (min-width: 1800px) {
    #section-system .icon-phone-container .icon-phone {
        width:383px;
        height: 855px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-system .icon-phone-container .icon-phone {
        width:321px;
        height: 717px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-system .icon-phone-container .icon-phone {
        width:262px;
        height: 584px
    }
}

#section-system .icon-phone-container .icon-phone.active {
    display: block
}

@media (min-width: 1800px) {
    #section-system .icon-1-container {
        left:-64px;
        top: 551px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-system .icon-1-container {
        left:-54px;
        top: 462px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-system .icon-1-container {
        left:-44px;
        top: 376px
    }
}

@media (min-width: 1800px) {
    #section-system .icon-1-container .icon-1 {
        width:320px;
        height: 305px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-system .icon-1-container .icon-1 {
        width:268px;
        height: 256px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-system .icon-1-container .icon-1 {
        width:219px;
        height: 208px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-system .icon-2-container {
        left:-50px;
        top: 68px
    }
}

@media (max-width: 359px) {
    #section-system .icon-2-container {
        left:-44px;
        top: 60px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-system .icon-2-container {
        left:-56px;
        top: 76px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-system .icon-2-container {
        left:-100px;
        top: 136px
    }
}

@media (min-width: 1800px) {
    #section-system .icon-2-container {
        left:320px;
        top: 182px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-system .icon-2-container {
        left:268px;
        top: 153px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-system .icon-2-container {
        left:219px;
        top: 124px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-system .icon-2-container .icon-2 {
        width:119px;
        height: 114px
    }
}

@media (max-width: 359px) {
    #section-system .icon-2-container .icon-2 {
        width:106px;
        height: 101px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-system .icon-2-container .icon-2 {
        width:132px;
        height: 127px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-system .icon-2-container .icon-2 {
        width:238px;
        height: 228px
    }
}

@media (min-width: 1800px) {
    #section-system .icon-2-container .icon-2 {
        width:320px;
        height: 307px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-system .icon-2-container .icon-2 {
        width:268px;
        height: 257px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-system .icon-2-container .icon-2 {
        width:219px;
        height: 210px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-system .icon-3-container {
        left:45px;
        top: 296px
    }
}

@media (max-width: 359px) {
    #section-system .icon-3-container {
        left:40px;
        top: 263px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-system .icon-3-container {
        left:50px;
        top: 329px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-system .icon-3-container {
        left:90px;
        top: 592px
    }
}

@media (min-width: 1800px) {
    #section-system .icon-3-container {
        left:576px;
        top: 795px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-system .icon-3-container {
        left:483px;
        top: 667px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-system .icon-3-container {
        left:393px;
        top: 543px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-system .icon-3-container .icon-3 {
        width:48px;
        height: 45px
    }
}

@media (max-width: 359px) {
    #section-system .icon-3-container .icon-3 {
        width:43px;
        height: 40px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-system .icon-3-container .icon-3 {
        width:53px;
        height: 50px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-system .icon-3-container .icon-3 {
        width:96px;
        height: 90px
    }
}

@media (min-width: 1800px) {
    #section-system .icon-3-container .icon-3 {
        width:128px;
        height: 122px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-system .icon-3-container .icon-3 {
        width:107px;
        height: 102px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-system .icon-3-container .icon-3 {
        width:87px;
        height: 83px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-system .icon-4-container {
        left:283px;
        top: 68px
    }
}

@media (max-width: 359px) {
    #section-system .icon-4-container {
        left:252px;
        top: 60px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-system .icon-4-container {
        left:314px;
        top: 76px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-system .icon-4-container {
        left:566px;
        top: 136px
    }
}

@media (min-width: 1800px) {
    #section-system .icon-4-container {
        left:1216px;
        top: 182px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-system .icon-4-container {
        left:1019px;
        top: 153px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-system .icon-4-container {
        left:830px;
        top: 124px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-system .icon-4-container .icon-4 {
        width:71px;
        height: 68px
    }
}

@media (max-width: 359px) {
    #section-system .icon-4-container .icon-4 {
        width:63px;
        height: 60px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-system .icon-4-container .icon-4 {
        width:79px;
        height: 76px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-system .icon-4-container .icon-4 {
        width:142px;
        height: 136px
    }
}

@media (min-width: 1800px) {
    #section-system .icon-4-container .icon-4 {
        width:192px;
        height: 184px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-system .icon-4-container .icon-4 {
        width:161px;
        height: 154px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-system .icon-4-container .icon-4 {
        width:131px;
        height: 126px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-system .icon-5-container {
        left:307px;
        top: 182px
    }
}

@media (max-width: 359px) {
    #section-system .icon-5-container {
        left:273px;
        top: 162px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-system .icon-5-container {
        left:341px;
        top: 202px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-system .icon-5-container {
        left:614px;
        top: 364px
    }
}

@media (min-width: 1800px) {
    #section-system .icon-5-container {
        left:1280px;
        top: 490px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-system .icon-5-container {
        left:1073px;
        top: 411px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-system .icon-5-container {
        left:874px;
        top: 335px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-system .icon-5-container .icon-5 {
        width:119px;
        height: 113px
    }
}

@media (max-width: 359px) {
    #section-system .icon-5-container .icon-5 {
        width:106px;
        height: 100px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-system .icon-5-container .icon-5 {
        width:132px;
        height: 126px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-system .icon-5-container .icon-5 {
        width:238px;
        height: 226px
    }
}

@media (min-width: 1800px) {
    #section-system .icon-5-container .icon-5 {
        width:320px;
        height: 304px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-system .icon-5-container .icon-5 {
        width:268px;
        height: 255px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-system .icon-5-container .icon-5 {
        width:219px;
        height: 208px
    }
}

@media (min-width: 1800px) {
    #section-system .icon-6-container {
        left:1664px;
        top: 306px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-system .icon-6-container {
        left:1395px;
        top: 257px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-system .icon-6-container {
        left:1136px;
        top: 209px
    }
}

@media (min-width: 1800px) {
    #section-system .icon-6-container .icon-6 {
        width:310px;
        height: 310px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-system .icon-6-container .icon-6 {
        width:260px;
        height: 260px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-system .icon-6-container .icon-6 {
        width:212px;
        height: 212px
    }
}

.out-control-accessories {
    width: 100vw;
    overflow: hidden
}

@media (min-width: 360px) and (max-width:399px) {
    .out-control-accessories {
        height:calc(1006px + 20vh);
        height: calc(1006px + 20*var(--vh, 1vh))
    }
}

@media (max-width: 359px) {
    .out-control-accessories {
        height:calc(894px + 20vh);
        height: calc(894px + 20*var(--vh, 1vh))
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .out-control-accessories {
        height:calc(1118px + 20vh);
        height: calc(1118px + 20*var(--vh, 1vh))
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .out-control-accessories {
        height:calc(2012px + 20vh);
        height: calc(2012px + 20*var(--vh, 1vh))
    }
}

@media (min-width: 1800px) {
    .out-control-accessories {
        height:calc(2574px + 20vh);
        height: calc(2574px + 20*var(--vh, 1vh))
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .out-control-accessories {
        height:calc(2158px + 20vh);
        height: calc(2158px + 20*var(--vh, 1vh))
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .out-control-accessories {
        height:calc(1758px + 20vh);
        height: calc(1758px + 20*var(--vh, 1vh))
    }
}

#section-accessories {
    margin-top: 20vh;
    margin-top: calc(20*var(--vh, 1vh));
    margin-left: auto;
    margin-right: auto;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media (min-width: 360px) and (max-width:399px) {
    #section-accessories {
        height:1006px;
        width: 375px
    }
}

@media (max-width: 359px) {
    #section-accessories {
        height:894px;
        width: 333px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-accessories {
        height:1118px;
        width: 417px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-accessories {
        height:2012px;
        width: 750px
    }
}

@media (min-width: 1800px) {
    #section-accessories {
        height:2574px;
        width: 1920px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-accessories {
        height:2158px;
        width: 1610px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-accessories {
        height:1758px;
        width: 1311px
    }
}

#section-accessories.show .title-container {
    opacity: 1
}

@media (min-width: 360px) and (max-width:399px) {
    #section-accessories.show .list-container {
        top:120px
    }
}

@media (max-width: 359px) {
    #section-accessories.show .list-container {
        top:107px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-accessories.show .list-container {
        top:133px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-accessories.show .list-container {
        top:240px
    }
}

@media (min-width: 1800px) {
    #section-accessories.show .list-container {
        top:215px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-accessories.show .list-container {
        top:180px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-accessories.show .list-container {
        top:147px
    }
}

#section-accessories.show .list-container .list-item {
    opacity: 1
}

@media (min-width: 360px) and (max-width:399px) {
    #section-accessories.show .list-container .list-item {
        top:0!important
    }
}

@media (max-width: 359px) {
    #section-accessories.show .list-container .list-item {
        top:0!important
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-accessories.show .list-container .list-item {
        top:0!important
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-accessories.show .list-container .list-item {
        top:0!important
    }
}

@media (min-width: 1800px) {
    #section-accessories.show .list-container .list-item {
        top:0!important
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-accessories.show .list-container .list-item {
        top:0!important
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-accessories.show .list-container .list-item {
        top:0!important
    }
}

#section-accessories.show .img-container {
    opacity: 1
}

#section-accessories .title-container {
    z-index: 2;
    opacity: 0;
    -webkit-transition: opacity 1s linear;
    transition: opacity 1s linear
}

@media (min-width: 360px) and (max-width:399px) {
    #section-accessories .title-container {
        left:47px;
        top: 60px
    }
}

@media (max-width: 359px) {
    #section-accessories .title-container {
        left:42px;
        top: 53px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-accessories .title-container {
        left:52px;
        top: 67px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-accessories .title-container {
        left:94px;
        top: 120px
    }
}

@media (min-width: 1800px) {
    #section-accessories .title-container {
        left:480px;
        top: 205px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-accessories .title-container {
        left:402px;
        top: 172px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-accessories .title-container {
        left:328px;
        top: 140px
    }
}

#section-accessories .title-container .title-text {
    font-family: Roman-55,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 60px;
    letter-spacing: 0;
    line-height: 1
}

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

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

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

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

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

@media (max-width: 360px) {
    #section-accessories .title-container .title-text {
        letter-spacing:0;
        font-size: 26.662499999999998px
    }
}

#section-accessories .list-container {
    z-index: 2;
    -webkit-transition: top 1s linear;
    transition: top 1s linear
}

@media (min-width: 360px) and (max-width:399px) {
    #section-accessories .list-container {
        left:47px;
        top: 140px
    }
}

@media (max-width: 359px) {
    #section-accessories .list-container {
        left:42px;
        top: 124px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-accessories .list-container {
        left:52px;
        top: 156px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-accessories .list-container {
        left:94px;
        top: 280px
    }
}

@media (min-width: 1800px) {
    #section-accessories .list-container {
        left:962px;
        top: 245px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-accessories .list-container {
        left:807px;
        top: 205px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-accessories .list-container {
        left:657px;
        top: 167px
    }
}

#section-accessories .list-container .list-item {
    font-size: 24px;
    line-height: 1.21;
    letter-spacing: 0;
    line-height: 1.19;
    opacity: 0
}

@media (min-width: 360px) and (max-width:399px) {
    #section-accessories .list-container .list-item {
        margin-bottom:5px
    }
}

@media (max-width: 359px) {
    #section-accessories .list-container .list-item {
        margin-bottom:4px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-accessories .list-container .list-item {
        margin-bottom:6px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-accessories .list-container .list-item {
        margin-bottom:10px
    }
}

@media (min-width: 1800px) {
    #section-accessories .list-container .list-item {
        margin-bottom:10px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-accessories .list-container .list-item {
        margin-bottom:8px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-accessories .list-container .list-item {
        margin-bottom:7px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-accessories .list-container .list-item {
        font-size:20.1216px;
        letter-spacing: 0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-accessories .list-container .list-item {
        font-size:16.389599999999998px;
        letter-spacing: 0
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-accessories .list-container .list-item {
        letter-spacing:0;
        font-size: 32px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-accessories .list-container .list-item {
        letter-spacing:0;
        font-size: 17.776px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-accessories .list-container .list-item {
        letter-spacing:0;
        font-size: 16px
    }
}

@media (max-width: 360px) {
    #section-accessories .list-container .list-item {
        letter-spacing:0;
        font-size: 14.219999999999999px
    }
}

#section-accessories .list-container .list-item:first-child {
    -webkit-transition: opacity .05s linear 0s,top .5s linear .5s;
    transition: opacity .05s linear 0s,top .5s linear .5s
}

@media (min-width: 360px) and (max-width:399px) {
    #section-accessories .list-container .list-item:first-child {
        top:2px
    }
}

@media (max-width: 359px) {
    #section-accessories .list-container .list-item:first-child {
        top:2px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-accessories .list-container .list-item:first-child {
        top:2px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-accessories .list-container .list-item:first-child {
        top:4px
    }
}

@media (min-width: 1800px) {
    #section-accessories .list-container .list-item:first-child {
        top:3px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-accessories .list-container .list-item:first-child {
        top:3px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-accessories .list-container .list-item:first-child {
        top:2px
    }
}

#section-accessories .list-container .list-item:nth-child(2) {
    -webkit-transition: opacity .05s linear .05s,top .5s linear .5s;
    transition: opacity .05s linear .05s,top .5s linear .5s
}

@media (min-width: 360px) and (max-width:399px) {
    #section-accessories .list-container .list-item:nth-child(2) {
        top:4px
    }
}

@media (max-width: 359px) {
    #section-accessories .list-container .list-item:nth-child(2) {
        top:4px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-accessories .list-container .list-item:nth-child(2) {
        top:4px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-accessories .list-container .list-item:nth-child(2) {
        top:8px
    }
}

@media (min-width: 1800px) {
    #section-accessories .list-container .list-item:nth-child(2) {
        top:6px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-accessories .list-container .list-item:nth-child(2) {
        top:5px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-accessories .list-container .list-item:nth-child(2) {
        top:4px
    }
}

#section-accessories .list-container .list-item:nth-child(3) {
    -webkit-transition: opacity .05s linear .1s,top .5s linear .5s;
    transition: opacity .05s linear .1s,top .5s linear .5s
}

@media (min-width: 360px) and (max-width:399px) {
    #section-accessories .list-container .list-item:nth-child(3) {
        top:6px
    }
}

@media (max-width: 359px) {
    #section-accessories .list-container .list-item:nth-child(3) {
        top:5px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-accessories .list-container .list-item:nth-child(3) {
        top:7px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-accessories .list-container .list-item:nth-child(3) {
        top:12px
    }
}

@media (min-width: 1800px) {
    #section-accessories .list-container .list-item:nth-child(3) {
        top:9px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-accessories .list-container .list-item:nth-child(3) {
        top:8px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-accessories .list-container .list-item:nth-child(3) {
        top:6px
    }
}

#section-accessories .list-container .list-item:nth-child(4) {
    -webkit-transition: opacity .05s linear .15s,top .5s linear .5s;
    transition: opacity .05s linear .15s,top .5s linear .5s
}

@media (min-width: 360px) and (max-width:399px) {
    #section-accessories .list-container .list-item:nth-child(4) {
        top:8px
    }
}

@media (max-width: 359px) {
    #section-accessories .list-container .list-item:nth-child(4) {
        top:7px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-accessories .list-container .list-item:nth-child(4) {
        top:9px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-accessories .list-container .list-item:nth-child(4) {
        top:16px
    }
}

@media (min-width: 1800px) {
    #section-accessories .list-container .list-item:nth-child(4) {
        top:12px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-accessories .list-container .list-item:nth-child(4) {
        top:10px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-accessories .list-container .list-item:nth-child(4) {
        top:8px
    }
}

#section-accessories .list-container .list-item:nth-child(5) {
    -webkit-transition: opacity .05s linear .2s,top .5s linear .5s;
    transition: opacity .05s linear .2s,top .5s linear .5s
}

@media (min-width: 360px) and (max-width:399px) {
    #section-accessories .list-container .list-item:nth-child(5) {
        top:10px
    }
}

@media (max-width: 359px) {
    #section-accessories .list-container .list-item:nth-child(5) {
        top:9px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-accessories .list-container .list-item:nth-child(5) {
        top:11px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-accessories .list-container .list-item:nth-child(5) {
        top:20px
    }
}

@media (min-width: 1800px) {
    #section-accessories .list-container .list-item:nth-child(5) {
        top:15px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-accessories .list-container .list-item:nth-child(5) {
        top:13px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-accessories .list-container .list-item:nth-child(5) {
        top:10px
    }
}

#section-accessories .list-container .list-item:nth-child(6) {
    -webkit-transition: opacity .05s linear .25s,top .5s linear .5s;
    transition: opacity .05s linear .25s,top .5s linear .5s
}

@media (min-width: 360px) and (max-width:399px) {
    #section-accessories .list-container .list-item:nth-child(6) {
        top:12px
    }
}

@media (max-width: 359px) {
    #section-accessories .list-container .list-item:nth-child(6) {
        top:11px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-accessories .list-container .list-item:nth-child(6) {
        top:13px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-accessories .list-container .list-item:nth-child(6) {
        top:24px
    }
}

@media (min-width: 1800px) {
    #section-accessories .list-container .list-item:nth-child(6) {
        top:18px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-accessories .list-container .list-item:nth-child(6) {
        top:15px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-accessories .list-container .list-item:nth-child(6) {
        top:12px
    }
}

#section-accessories .list-container .list-item:nth-child(7) {
    -webkit-transition: opacity .05s linear .3s,top .5s linear .5s;
    transition: opacity .05s linear .3s,top .5s linear .5s
}

@media (min-width: 360px) and (max-width:399px) {
    #section-accessories .list-container .list-item:nth-child(7) {
        top:14px
    }
}

@media (max-width: 359px) {
    #section-accessories .list-container .list-item:nth-child(7) {
        top:12px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-accessories .list-container .list-item:nth-child(7) {
        top:16px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-accessories .list-container .list-item:nth-child(7) {
        top:28px
    }
}

@media (min-width: 1800px) {
    #section-accessories .list-container .list-item:nth-child(7) {
        top:21px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-accessories .list-container .list-item:nth-child(7) {
        top:18px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-accessories .list-container .list-item:nth-child(7) {
        top:14px
    }
}

#section-accessories .list-container .list-item:nth-child(8) {
    -webkit-transition: opacity .05s linear .35s,top .5s linear .5s;
    transition: opacity .05s linear .35s,top .5s linear .5s
}

@media (min-width: 360px) and (max-width:399px) {
    #section-accessories .list-container .list-item:nth-child(8) {
        top:16px
    }
}

@media (max-width: 359px) {
    #section-accessories .list-container .list-item:nth-child(8) {
        top:14px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-accessories .list-container .list-item:nth-child(8) {
        top:18px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-accessories .list-container .list-item:nth-child(8) {
        top:32px
    }
}

@media (min-width: 1800px) {
    #section-accessories .list-container .list-item:nth-child(8) {
        top:24px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-accessories .list-container .list-item:nth-child(8) {
        top:20px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-accessories .list-container .list-item:nth-child(8) {
        top:16px
    }
}

#section-accessories .list-container .list-item:nth-child(9) {
    -webkit-transition: opacity .05s linear .4s,top .5s linear .5s;
    transition: opacity .05s linear .4s,top .5s linear .5s
}

@media (min-width: 360px) and (max-width:399px) {
    #section-accessories .list-container .list-item:nth-child(9) {
        top:18px
    }
}

@media (max-width: 359px) {
    #section-accessories .list-container .list-item:nth-child(9) {
        top:16px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-accessories .list-container .list-item:nth-child(9) {
        top:20px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-accessories .list-container .list-item:nth-child(9) {
        top:36px
    }
}

@media (min-width: 1800px) {
    #section-accessories .list-container .list-item:nth-child(9) {
        top:27px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-accessories .list-container .list-item:nth-child(9) {
        top:23px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-accessories .list-container .list-item:nth-child(9) {
        top:18px
    }
}

#section-accessories .list-container .list-item:nth-child(10) {
    -webkit-transition: opacity .05s linear .45s,top .5s linear .5s;
    transition: opacity .05s linear .45s,top .5s linear .5s
}

@media (min-width: 360px) and (max-width:399px) {
    #section-accessories .list-container .list-item:nth-child(10) {
        top:20px
    }
}

@media (max-width: 359px) {
    #section-accessories .list-container .list-item:nth-child(10) {
        top:18px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-accessories .list-container .list-item:nth-child(10) {
        top:22px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-accessories .list-container .list-item:nth-child(10) {
        top:40px
    }
}

@media (min-width: 1800px) {
    #section-accessories .list-container .list-item:nth-child(10) {
        top:30px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-accessories .list-container .list-item:nth-child(10) {
        top:25px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-accessories .list-container .list-item:nth-child(10) {
        top:20px
    }
}

#section-accessories .img-container {
    opacity: 0;
    -webkit-transition: opacity 1s linear 1s;
    transition: opacity 1s linear 1s
}

@media (min-width: 360px) and (max-width:399px) {
    #section-accessories .img-container {
        top:374px;
        left: -342px
    }
}

@media (max-width: 359px) {
    #section-accessories .img-container {
        top:332px;
        left: -304px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-accessories .img-container {
        top:416px;
        left: -380px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-accessories .img-container {
        top:748px;
        left: -684px
    }
}

@media (min-width: 1800px) {
    #section-accessories .img-container {
        top:296px;
        left: -949px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-accessories .img-container {
        top:248px;
        left: -796px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-accessories .img-container {
        top:202px;
        left: -648px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-accessories .img-container .bg-img {
        width:1059px;
        height: 632px
    }
}

@media (max-width: 359px) {
    #section-accessories .img-container .bg-img {
        width:941px;
        height: 562px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-accessories .img-container .bg-img {
        width:1177px;
        height: 702px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-accessories .img-container .bg-img {
        width:2118px;
        height: 1264px
    }
}

@media (min-width: 1800px) {
    #section-accessories .img-container .bg-img {
        width:3810px;
        height: 2278px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-accessories .img-container .bg-img {
        width:3194px;
        height: 1910px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-accessories .img-container .bg-img {
        width:2602px;
        height: 1556px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-appendix {
        padding-bottom:100px
    }
}

@media (max-width: 359px) {
    #section-appendix {
        padding-bottom:89px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-appendix {
        padding-bottom:111px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-appendix {
        padding-bottom:200px
    }
}

@media (min-width: 1800px) {
    #section-appendix {
        padding-bottom:300px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-appendix {
        padding-bottom:252px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-appendix {
        padding-bottom:205px
    }
}

#section-appendix .appendix-container {
    margin: 0 auto;
    font-family: Roman-55,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 12px;
    line-height: 1.17;
    letter-spacing: 0;
    line-height: 1.22;
    color: #666
}

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

@media (max-width: 359px) {
    #section-appendix .appendix-container {
        width:250px
    }
}

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

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

@media (min-width: 1800px) {
    #section-appendix .appendix-container {
        width:960px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-appendix .appendix-container {
        width:805px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-appendix .appendix-container {
        width:656px
    }
}

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

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

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

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

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

@media (max-width: 360px) {
    #section-appendix .appendix-container {
        letter-spacing:0;
        font-size: 7.998749999999999px
    }
}

#section-appendix .appendix-container .term-row {
    display: -webkit-box;
    display: flex
}

@media (min-width: 360px) and (max-width:399px) {
    #section-appendix .appendix-container .term-row {
        margin-bottom:10px
    }
}

@media (max-width: 359px) {
    #section-appendix .appendix-container .term-row {
        margin-bottom:9px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-appendix .appendix-container .term-row {
        margin-bottom:11px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-appendix .appendix-container .term-row {
        margin-bottom:20px
    }
}

@media (min-width: 1800px) {
    #section-appendix .appendix-container .term-row {
        margin-bottom:12px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-appendix .appendix-container .term-row {
        margin-bottom:10px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-appendix .appendix-container .term-row {
        margin-bottom:8px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-appendix .appendix-container .term-row .term-label {
        margin-right:2px
    }
}

@media (max-width: 359px) {
    #section-appendix .appendix-container .term-row .term-label {
        margin-right:2px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-appendix .appendix-container .term-row .term-label {
        margin-right:2px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-appendix .appendix-container .term-row .term-label {
        margin-right:4px
    }
}

@media (min-width: 1800px) {
    #section-appendix .appendix-container .term-row .term-label {
        margin-right:10px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-appendix .appendix-container .term-row .term-label {
        margin-right:8px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-appendix .appendix-container .term-row .term-label {
        margin-right:7px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    #section-appendix .appendix-container .appendix-text {
        margin-bottom:23px
    }
}

@media (max-width: 359px) {
    #section-appendix .appendix-container .appendix-text {
        margin-bottom:20px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    #section-appendix .appendix-container .appendix-text {
        margin-bottom:26px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    #section-appendix .appendix-container .appendix-text {
        margin-bottom:46px
    }
}

@media (min-width: 1800px) {
    #section-appendix .appendix-container .appendix-text {
        margin-bottom:20px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    #section-appendix .appendix-container .appendix-text {
        margin-bottom:17px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    #section-appendix .appendix-container .appendix-text {
        margin-bottom:14px
    }
}

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

@media (max-width: 359px) {
    #section-appendix .appendix-container .appendix-disclaimer {
        margin-top:18px
    }
}

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

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

@media (min-width: 1800px) {
    #section-appendix .appendix-container .appendix-disclaimer {
        margin-top:40px
    }
}

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

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

body {
    background: #000
}

body:not(.no-scroll) {
    background: #000;
    color: #fff
}

.label,body main.main {
    -webkit-transition: opacity .5s linear;
    transition: opacity .5s linear
}

.label {
    font-family: Roman-55,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 1;
    color: #f50514;
    opacity: 0
}

@media (min-width: 1400px) and (max-width:1799px) {
    .label {
        font-size:16.768px;
        letter-spacing: 0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .label {
        font-size:13.658px;
        letter-spacing: 0
    }
}

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

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

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

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

.label.show {
    opacity: 1
}

@media (min-width: 1024px) {
    .label {
        position:absolute;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform-origin: top left;
        transform-origin: top left
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .label {
        margin-bottom:30px
    }
}

@media (max-width: 359px) {
    .label {
        margin-bottom:27px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .label {
        margin-bottom:33px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .label {
        margin-bottom:60px
    }
}

.label-section {
    margin: 0 auto;
    display: -webkit-box;
    display: flex
}

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

@media (max-width: 359px) {
    .label-section {
        width:250px
    }
}

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

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

@media (min-width: 1800px) {
    .label-section {
        width:1280px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .label-section {
        width:1073px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .label-section {
        width:874px
    }
}

@media (min-width: 360px) and (max-width:399px) {
    .label-section .detail {
        width:281px
    }
}

@media (max-width: 359px) {
    .label-section .detail {
        width:250px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .label-section .detail {
        width:312px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .label-section .detail {
        width:562px
    }
}

@media (min-width: 1800px) {
    .label-section .detail {
        width:960px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .label-section .detail {
        width:805px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .label-section .detail {
        width:656px
    }
}

@media (min-width: 1800px) {
    .label-section .detail {
        margin-left:109px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .label-section .detail {
        margin-left:91px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .label-section .detail {
        margin-left:74px
    }
}

@media (max-width: 1023px) {
    .label-section {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }
}

.box-container {
    margin: 0 auto
}

@media (min-width: 360px) and (max-width:399px) {
    .box-container {
        width:335px
    }
}

@media (max-width: 359px) {
    .box-container {
        width:298px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .box-container {
        width:372px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .box-container {
        width:670px
    }
}

@media (min-width: 1800px) {
    .box-container {
        width:1280px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .box-container {
        width:1073px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .box-container {
        width:874px
    }
}

.label-title {
    font-family: Roman-55,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 60px;
    letter-spacing: 0;
    line-height: 1;
    opacity: 0;
    -webkit-transition: opacity 1s linear;
    transition: opacity 1s linear
}

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

@media (max-width: 359px) {
    .label-title {
        margin-bottom:27px
    }
}

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

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

@media (min-width: 1800px) {
    .label-title {
        margin-bottom:60px
    }
}

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

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

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

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

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

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

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

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

.detail.show .label-title {
    opacity: 1
}

.label-text {
    font-family: Roman-55,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 24px;
    line-height: 1.21;
    letter-spacing: 0;
    line-height: 1.19;
    color: #b3b3b3;
    position: relative;
    opacity: 0;
    -webkit-transition: opacity 1s linear,top 1s linear;
    transition: opacity 1s linear,top 1s linear
}

@media (min-width: 360px) and (max-width:399px) {
    .label-text {
        top:20px
    }
}

@media (max-width: 359px) {
    .label-text {
        top:18px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .label-text {
        top:22px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .label-text {
        top:40px
    }
}

@media (min-width: 1800px) {
    .label-text {
        top:30px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .label-text {
        top:25px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .label-text {
        top:20px
    }
}

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

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

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

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

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

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

.detail.show .label-text {
    opacity: 1
}

@media (min-width: 360px) and (max-width:399px) {
    .detail.show .label-text {
        top:0
    }
}

@media (max-width: 359px) {
    .detail.show .label-text {
        top:0
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .detail.show .label-text {
        top:0
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .detail.show .label-text {
        top:0
    }
}

@media (min-width: 1800px) {
    .detail.show .label-text {
        top:0
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .detail.show .label-text {
        top:0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .detail.show .label-text {
        top:0
    }
}

.grid-button {
    cursor: pointer;
    position: relative;
    opacity: 0;
    -webkit-transition: opacity 1s linear,top 1s linear;
    transition: opacity 1s linear,top 1s linear
}

@media (min-width: 360px) and (max-width:399px) {
    .grid-button {
        top:40px
    }
}

@media (max-width: 359px) {
    .grid-button {
        top:36px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .grid-button {
        top:44px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .grid-button {
        top:80px
    }
}

@media (min-width: 1800px) {
    .grid-button {
        top:60px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .grid-button {
        top:50px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .grid-button {
        top:41px
    }
}

.grid-button.show {
    opacity: 1
}

@media (min-width: 360px) and (max-width:399px) {
    .grid-button.show {
        top:0
    }
}

@media (max-width: 359px) {
    .grid-button.show {
        top:0
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .grid-button.show {
        top:0
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .grid-button.show {
        top:0
    }
}

@media (min-width: 1800px) {
    .grid-button.show {
        top:0
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .grid-button.show {
        top:0
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .grid-button.show {
        top:0
    }
}

.grid-button .grid-button-text {
    font-family: Roman-55,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 24px;
    line-height: 1.21;
    letter-spacing: 0;
    line-height: 1.19
}

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

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

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

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

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

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

.arrow-right {
    position: relative;
    left: 0;
    -webkit-transition: left .1s linear;
    transition: left .1s linear
}

@media (min-width: 360px) and (max-width:399px) {
    .arrow-right {
        width:12px;
        margin-right: 12px
    }
}

@media (max-width: 359px) {
    .arrow-right {
        width:11px;
        margin-right: 11px
    }
}

@media (min-width: 400px) and (max-width:719px) {
    .arrow-right {
        width:13px;
        margin-right: 13px
    }
}

@media (min-width: 720px) and (max-width:1023px) {
    .arrow-right {
        width:24px;
        margin-right: 24px
    }
}

@media (min-width: 1800px) {
    .arrow-right {
        width:20px;
        margin-right: 20px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .arrow-right {
        width:17px;
        margin-right: 17px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .arrow-right {
        width:14px;
        margin-right: 14px
    }
}

@media (min-width: 1800px) {
    .arrow-button:focus .arrow-right,.arrow-button:hover .arrow-right {
        left:4px
    }
}

@media (min-width: 1400px) and (max-width:1799px) {
    .arrow-button:focus .arrow-right,.arrow-button:hover .arrow-right {
        left:3px
    }
}

@media (min-width: 1024px) and (max-width:1399px) {
    .arrow-button:focus .arrow-right,.arrow-button:hover .arrow-right {
        left:3px
    }
}

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


@media screen and (min-width: 1024px) {
    #section-system {
        padding-top: calc(10*var(--vh, 1vh));
    }
}

/** */
#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%;
}