@font-face {
    font-family: TTFirsNeue;
    font-weight: 700;
    src: url(fonts/TTFirsNeueBold.woff2) format("woff2");
    font-display:swap
}

@font-face {
    font-family: TTFirsNeue;
    font-weight: 500;
    src: url(fonts/TTFirsNeue-Medium.ttf), url(fonts/TTFirsNeue-Medium.eot), url(fonts/TTFirsNeue-Medium.woff), url(fonts/TTFirsNeue-Medium.woff2);
    font-display:swap
}

@font-face {
    font-family: TTFirsNeue;
    font-weight: 400;
    src: url(fonts/TTFirsNeue-Regular.ttf), url(fonts/TTFirsNeue-Regular.eot), url(fonts/TTFirsNeue-Regular.woff), url(fonts/TTFirsNeue-Regular.woff2);
    font-display:swap
}

@font-face {
    font-family: Mont;
    font-weight: 700;
    src: url(fonts/MontHeavy.woff2) format("woff2");
    font-display:swap
}

@font-face {
    font-family: Mont;
    font-weight: 600;
    src: url(fonts/MontRegular.woff2) format("woff2");
    font-display:swap
}

body {
    margin:0
}

body, html {
    height:100%
}

html {
    overflow:auto
}

a:active, a:hover, a:link, a:visited {
    color:#000
}

.header-logo, .header-right, .header-socials {
    display: flex;
    flex-grow: 0;
    width:26%
}

@media only screen and (max-width: 767px) {
    .header-logo, .header-right, .header-socials {
        width:auto
    }
}

.header-socials {
    visibility: hidden;
    height: 0;
    width: 0;
    flex-basis:0
}

@media only screen and (min-width: 480px) {
    ._is-fixed .header-socials {
        width: auto;
        height: auto;
        visibility:visible
    }
}

@media only screen and (max-width: 560px) {
    ._is-fixed .header-socials {
        visibility:visible
    }
}

._menu--active .header-socials.header-socials--menu {
    top: -2.5rem;
    color: #000;
    width: auto;
    height: auto;
    visibility:hidden
}

@media only screen and (max-width: 560px) {
    ._menu--active .header-socials.header-socials--menu {
        top: auto;
        bottom: 3.75rem;
        transform: translateX(0);
        left: 1.875rem;
        right: 2.8125rem;
        justify-content: space-between;
        color: #1f1f26;
        opacity: .5;
        visibility:hidden
    }
}

@media only screen and (max-width: 479px) {
    ._menu--active .header-socials.header-socials--menu {
        visibility: hidden;
        flex-wrap: nowrap;
        left: 0.625rem;
        right: 1.5625rem;
        font-size: 0.6875rem;
        width: auto;
        height:auto
    }
}

._menu--active .header-socials.header-socials--menu a:hover {
    text-decoration:none
}

.header {
    position: fixed;
    top: 3vh;
    height:0
}

.header.header_min {
    top: 0;
    height: auto;
    padding: 1.5625rem 4vw 1.5rem;
    max-width:100%
}

.surface-top {
    position: absolute;
    top: 0;
    background-color: hsla(0, 0%, 100%, 0);
    width: 100%;
    display: grid;
    grid-template-columns: repeat(24, 1fr);
    align-items: flex-end;
    height: 4.0625rem;
    z-index:99999
}

@media (max-width: 800px) {
    .surface-top.anim {
        transform:translateY(-100%)
    }
}

.surface-top.expand {
    pointer-events: none;
    transition: 0s ease-out .6s;
    z-index:99999
}

.surface-top.expand .header-logo {
    position: fixed;
    left: 4.16667vw;
    height: 4.0625rem;
    display: flex;
    align-items: flex-end;
    width:auto
}

@media (max-width: 800px) {
    .surface-top.expand .header-logo {
        left:8.33333vw
    }
}

.title {
    color: currentColor;
    line-height: 1.1;
    font-size: 2.25rem;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    max-width:11.79026em
}

@media only screen and (min-width: 360px) {
    .title {
        font-size:2.625rem
    }
}

@media only screen and (min-width: 768px) and(orientation: landscape) {
    .title {
        font-size:4.9vw
    }
}

@media only screen and (min-width: 768px) and(orientation: portrait) {
    .title {
        font-size:4.9vw
    }
}

.text {
    color: currentColor;
    line-height: 1.3;
    font-size:1.125rem
}

@media only screen and (min-width: 360px) {
    .text {
        font-size:1.25rem
    }
}

@media only screen and (min-width: 480px) {
    .text {
        font-size:1.375rem
    }
}

@media only screen and (min-width: 960px) {
    .text {
        font-size:1.56vw
    }
}

.header-logo {
    justify-content: flex-start;
    align-items: baseline;
    width: 100%;
    pointer-events: all;
    grid-area:1/2/1/7
}

@media (max-width: 800px) {
    .header-logo {
        grid-area:1/3/1/10
    }
}

.logo {
    display:inline-block
}

.logo-link {
    display: block;
    width: 100%;
    text-decoration: unset;
    font-family: TTFirsNeue;
    z-index: 9999;
    color:#000
}

.logo-link svg {
    transition: fill 0s ease-out .6s;
    width: 3.75rem;
    display:block
}

.logo-link svg.black {
    fill:#1e1e24
}

.logo-link.expand svg {
    fill: #000;
    transition:fill .6s ease-out 0s
}

@media (max-width: 800px) {
    .logo-link.expand svg {
        fill:#000
    }
}

.logo-link.on {
    fill:#fff
}

.logo-link:hover {
    text-decoration:none
}

.logo--color {
    color: #304fff;
    font-weight:700
}

.header-socials {
    position: absolute;
    left: 48%;
    transform: translateX(-50%);
    font-family: BebasNeueBold, serif;
    font-size: .78vw;
    font-weight: 700;
    opacity: .6;
    line-height: 0.56125rem;
    letter-spacing: 0.01688rem;
    justify-content: center;
    align-items:center
}

@media only screen and (min-width: 200px) {
    .header-socials {
        flex-wrap: nowrap;
        left: 44%;
        font-size: 4vw;
        top:15vh
    }
}

@media only screen and (min-width: 768px) {
    .header-socials {
        left: 50%;
        font-size: 0.9375rem;
        top: 2vh;
        flex-wrap:nowrap
    }
}

.header-socials a {
    margin-left:1.6875rem
}

@media only screen and (min-width: 360px) {
    .header-socials a {
        margin-left:13vw
    }
}

@media only screen and (min-width: 480px) {
    .header-socials a {
        margin-left:1.875rem
    }
}

@media only screen and (min-width: 200px) {
    .header-socials a {
        margin-left:1.875rem
    }
}

.header-right {
    font-family: Mont;
    font-weight: 700;
    font-size: 1rem;
    text-decoration: none;
    line-height: 1;
    display: flex;
    justify-content: space-between;
    position: relative;
    grid-area: 1/17/1/24;
    width: 100%;
    height: 100%;
    align-items:flex-end
}

@media (max-width: 1024px) {
    .header-right { 
        grid-area:1/15/1/24
    }
}

@media (max-width: 800px) {
    .header-right {
        justify-content: flex-end;
        overflow: inherit !important;
        grid-area:1/14/1/25
    }
}

.header-links {
    text-decoration: none;
    transition: transform .5s ease-out;
    transition-delay: 0s;
    transform: translateY(100%);
    padding:.08rem 0 !important;
    font-family: 'Gotham Black';
}

.header-links.contrast {
    color:#fff
}

.header-links.contrast:after {
    background-color:#fff
}

.header-links.on {
    transform: translateY(0);
    transition-delay:1s
}

.header-links.hide {
    visibility:hidden
}

@media (max-width: 813px) {
    .header-links {
        display:none !important
    }
}

@media screen and (max-width: 813px) and(orientation: landscape) {
    .header-links {
        display:none !important
    }
}

@media (max-width: 1367px) {
    .header-links {
        font-size:0.875rem !important
    }
}

.BebasBold {
    font-family: BebasNeueBold, serif;
    font-weight:700
}

.sandwich {
    height: 100vh;
    width: 100%;
    position: fixed;
    background-color: #fff;
    z-index: 99999;
    top: 0;
    color: #000;
    transition: height .6s cubic-bezier(.19, 1, .22, 1), color .3s cubic-bezier(.19, 1, .22, 1), transform .6s cubic-bezier(.55, .055, .675, .19);
    transform: translateY(-105%);
    will-change: transform;
    display: grid;
    align-content: center;
    font-size:1rem;
}

.sandwich__btml__right {
    overflow: hidden;
    width: 81vw;
    height: 0.1875rem;
    position:relative
}

.sandwich__btml__right:after {
    content: "";
    display: inline-block;
    position: absolute;
    left: -0.0625rem;
    border: thin solid #000;
    width: 0;
    transition:width .6s cubic-bezier(.19, 1, .22, 1)
}

.sandwich.expand .sandwich__btml__right:after {
    width: 100%;
    transition:width .6s cubic-bezier(.08, .57, .54, .92) .3s
}

.sandwich.expand {
    transition: transform .6s cubic-bezier(.19, 1, .22, 1);
    transform:translateY(0)
}

.sandwich.expand .sandwich__anim {
    transform:translateX(0)
}

.sandwich.expand .sandwich__fl .sandwich__anim {
    transition:transform .6s cubic-bezier(.19, 1, .22, 1) .4s
}

.sandwich.expand .sandwich__sl .sandwich__anim {
    transition:transform .6s cubic-bezier(.19, 1, .22, 1) .5s
}

.sandwich.expand .sandwich__tl .sandwich__anim {
    transition:transform .6s cubic-bezier(.19, 1, .22, 1) .6s
}

.sandwich.expand .opacity-anim {
    opacity: 1;
    transition:opacity .6s cubic-bezier(.19, 1, .22, 1) .35s
}

.sandwich__wrapper {
    display: grid;
    font-family: 'Gotham Black';
    font-weight: 700;
    grid-template-columns: repeat(24, 1fr);
    grid-template-rows: 27% 50% 23%;
    height: 100vh;
    background: url(/img/welcome/sandwich.jpg) no-repeat 50%;
    background-size: contain;
    position:relative
}

@media (max-width: 800px) {
    .sandwich__wrapper {
        grid-template-rows: 16.5vh 65vh 24.5vh;
        background-size:auto
    }
}

@media (max-width: 800px) and(orientation: landscape) {
    .sandwich__wrapper {
        grid-template-rows:auto
    }
}

@media (max-width: 369px) {
    .sandwich__wrapper {
        grid-template-rows:17.5vh 52vh 30.5vh
    }
}

.sandwich__logo {
    grid-area: 1/2/1/2;
    height: 4.0625rem;
    display: flex;
    align-items:flex-end
}

@media (max-width: 800px) {
    .sandwich__logo {
        grid-area:1/2/1/5
    }
}

.sandwich__logo-link {
    width:3.75rem
}

.sandwich__logo-link svg {
    width: 3.75rem;
    fill:#000
}

.sandwich__btn {
    grid-area: 1/23/1/23;
    justify-content: flex-end;
    height: 4.0625rem;
    display: flex;
    align-items:flex-end
}

@media (max-width: 800px) {
    .sandwich__btn {
        grid-area:1/11/1/13
    }
}

.sandwich__btn__left {
    display: flex;
    justify-content: space-between;
    height: 100%;
    width: 100%;
    align-items:flex-end
}

.sandwich__btn__left a {
    text-decoration:none
}

.sandwich__btn__right {
    width: 81vw;
    margin:0.625rem 3.4375rem 0.5rem 1.4375rem
}

@media (max-width: 1200px) {
    .sandwich__btn__right {
        width:30vw
    }
}

.sandwich__btmm {
    grid-area: 2/18/2/19;
    font-size: .75rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 40%;
    min-height: 5rem;
    align-self: center;
    font-size:0.875rem
}

@media (max-width: 1400px) and(min-width: 801px) {
    .sandwich__btmm {
        grid-area:2/22/2/24
    }
}

@media (max-width: 800px) {
    .sandwich__btmm {
        flex-direction: row;
        grid-area: 3/3/3/23;
        font-size:0.875rem
    }
}

@media (max-width: 800px) and(orientation: landscape) {
    .sandwich__btmm {
        align-items: flex-end;
        margin-bottom: 3.125rem;
        align-self:end
    }
}

@media (max-width: 500px) and(min-width: 370px) {
    .sandwich__btmm {
        font-size:0.75rem
    }
}

@media (max-width: 369px) {
    .sandwich__btmm {
        font-size: 0.6875rem;
        height: 50%;
        align-self:flex-end
    }
}

.sandwich__btmm a {
    text-decoration: none;
    margin-right: 0.5rem;
    transition:opacity .8s
}

.sandwich__btmm a:hover {
    opacity:.6 !important
}

.sandwich__btmr {
    grid-area: 3/18/3/24;
    font-size: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    font-weight: 400;
    flex-direction: row-reverse;
    padding-bottom:3.75rem
}

@media (max-width: 1200px) and(min-width: 801px) {
    .sandwich__btmr {
        grid-area:3/15/3/24
    }
}

@media (max-width: 800px) and(min-width: 370px) {
    .sandwich__btmr {
        grid-area: 1/3/1/23;
        font-size: 1rem;
        flex-direction: row;
        padding-bottom: 0;
        margin-bottom:-1.5625rem
    }
}

@media (max-width: 369px) {
    .sandwich__btmr {
        grid-area: 1/3/1/23;
        font-size: 0.75rem;
        flex-direction: row;
        padding-bottom:0
    }
}

.sandwich__btmr a {
    text-decoration:none
}

.sandwich__btmt {
    grid-area: 3/2/3/6;
    display: flex;
    align-items: flex-end;
    font-weight: 400;
    padding-bottom:2rem
}

@media (max-width: 1200px) and(min-width: 801px) {
    .sandwich__btmt {
        grid-area:3/2/3/10
    }
}

@media (max-width: 800px) {
    .sandwich__btmt {
        display:none
    }
}

.sandwich__btn_inner {
    height: 1.3125rem;
    width: 1.875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    line-height:1
}

.sandwich__btn__wrapper {
    width: 100%;
    height: 1.5625rem;
    position: relative;
    cursor: pointer;
    color:#000
}

.sandwich__btn__wrapper__top {
    width: 1.875rem;
    height: 0;
    border-bottom: solid;
    background-color: #000;
    position: absolute;
    transform: rotate(45deg);
    top:42.9%
}

@media (max-width: 800px) {
    .sandwich__btn__wrapper__top {
        background-color:#000
    }
}

.sandwich__btn__wrapper__bottom {
    width: 1.875rem;
    height: 0;
    border-bottom: solid;
    background-color: #000;
    position: absolute;
    bottom: 0;
    transform: rotate(-45deg);
    top:42.9%
}

@media (max-width: 800px) {
    .sandwich__btn__wrapper__bottom {
        background-color:#000
    }
}

.sandwich__lang {
    grid-area: 3/23/3/24;
    display: flex;
    justify-content: space-between;
    width: 70%;
    align-self: flex-end;
    align-items: flex-start;
    padding-bottom: 2rem;
    min-height:5rem
}

@media (max-width: 1600px) and(min-width: 801px) {
    .sandwich__lang {
        grid-area:3/22/3/24
    }
}

@media (max-width: 800px) {
    .sandwich__lang {
        grid-area: 3/4/3/9;
        align-self:flex-start
    }
}

.sandwich__lang__check {
    font-size: 1rem;
    font-weight: 400;
    cursor: pointer;
    height: 100%;
    text-decoration:none
}

.sandwich__lang__check.choosed {
    font-weight: 700;
    border-bottom:.1em solid #000
}

.sandwich__middle {
    grid-area: 2/7/2/15;
    font-size: 6.5625rem;
    font-weight: 700;
    line-height: 5.625rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height:12.5rem
}

@media (max-width: 813px) {
    .sandwich__middle {
        grid-area: 2/4/2/20;
        font-size: 2.5625rem;
        font-weight: 700;
        line-height: 3.625rem;
        display: flex;
        flex-direction: column;
        justify-content:center
    }
}

@media (max-width: 369px) {
    .sandwich__middle {
        font-size: 2rem;
        line-height:3rem
    }
}

@media (max-width: 813px) and(orientation: landscape) {
    .sandwich__middle {
        font-size: 2rem;
        line-height:2.5rem
    }
}

.sandwich__middle__item {
    text-decoration: none;
    position:relative
}

.sandwich__middle__item:hover {
    color:#000
}

.sandwich__middle__item:before {
    content: attr(data-number);
    font-size: 1rem;
    position: absolute;
    left: -10%;
    top: 0;
    line-height:1
}

@media (max-width: 800px) {
    .sandwich__middle__item:before {
        display:none
    }
}

.sandwich__middle__item .item {
    z-index: 1;
    position:relative
}

.sandwich__middle__item:hover .sandwich__middle__item__background {
    max-height: .64em;
    transform: translateY(0);
    transition:max-height .8s cubic-bezier(.215, .61, .355, 1), transform .5s cubic-bezier(.215, .61, .355, 1)
}

.sandwich__middle__item__background {
    width: 100%;
    background-color: #00f;
    height: .83em;
    max-height: 0;
    transition: max-height .6s linear, transform .6s cubic-bezier(.31, .15, .61, .38);
    position: absolute;
    bottom: -.2em;
    z-index: 0;
    transform:translateY(0.9375rem)
}

.sandwich__digit {
    height:30%
}

.sandwich__brand, .sandwich__digit {
    grid-area: 2/5/2/7;
    text-decoration:none
}

.sandwich__brand {
    height: 39%;
    align-self:flex-end
}

.sandwich_elenent-hiddent {
    opacity: 0;
    visibility: hidden;
    display:none
}

.sandwich__anim {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transform: translateX(-100%);
    transition: transform 1s cubic-bezier(.19, 1, .22, 1);
    height:100%
}

.opacity-anim {
    opacity: 0;
    transition:opacity .4s cubic-bezier(.19, 1, .22, 1)
}

.main-header {
    position: fixed;
    right: 4.16667vw;
    height: 1.3125rem;
    width: 1.875rem;
    cursor: pointer;
    overflow: hidden;
    transition: opacity .2s;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events:all
}

@media (min-width: 874px) {
    .main-header {
        display: none;
    }
}

@media (max-width: 800px) {
    .main-header {
        right:8.33333vw
    }
}

.main-header.white .main-header__first-bar:before, .main-header.white .main-header__second-bar:before, .main-header.white .main-header__third-bar:before {
    background-color:#fff
}

.main-header.hide {
    opacity:0
}

@media (min-width: 800px) {
    .main-header:hover .main-header__first-bar:before {
        width: 0;
        right: 0;
        transition:width .2s
    }

    .main-header:hover .main-header__second-bar:before {
        width: 0;
        right: 0;
        transition:width .2s .1s
    }

    .main-header:hover .main-header__third-bar:before {
        width: 0;
        right: 0;
        transition:width .2s .2s
    }
}

.main-header.hide_anim .main-header__first-bar:before {
    width: 0;
    right: 0;
    transition:width .2s
}

.main-header.hide_anim .main-header__first-bar:after, .main-header.hide_anim .main-header__second-bar:before {
    width: 0;
    right: 0;
    transition:width .2s .1s
}

.main-header.hide_anim .main-header__second-bar:after, .main-header.hide_anim .main-header__third-bar:before {
    width: 0;
    right: 0;
    transition:width .2s .2s
}

.main-header.hide_anim .main-header__third-bar:after {
    width: 0;
    right: 0;
    transition:width .2s .3s
}

.main-header__first-bar {
    width: 2.143rem;
    max-width: 100%;
    height: 0;
    left: 0;
    position: absolute;
    top: 0;
    transition:transform .3s ease, background-color .7s ease, top .2s ease .35s
}

.main-header__first-bar:after {
    content: "";
    width: 100%;
    height: 0.1875rem;
    position: absolute;
    background-color: #ee5347;
    z-index: -1;
    transition:width .2s
}

.main-header__first-bar:before {
    content: "";
    width: 100%;
    height: 0.1875rem;
    position: absolute;
    background-color: #000;
    transition:width .2s .1s
}

.main-header__second-bar {
    max-width: 100%;
    width: 2.143rem;
    height: 0;
    left: 0;
    top: 42.9%;
    position: absolute;
    transition:visibility 0s ease .3s
}

.main-header__second-bar:after {
    content: "";
    width: 100%;
    height: 0.1875rem;
    position: absolute;
    background-color: #ffce1e;
    z-index: -1;
    transition:width .2s .1s
}

.main-header__second-bar:before {
    content: "";
    width: 100%;
    height: 0.1875rem;
    position: absolute;
    background-color: #000;
    transition:width .2s .2s
}

.main-header__third-bar {
    max-width: 100%;
    width: 2.143rem;
    height: 0;
    left: 0;
    position: absolute;
    bottom: 0;
    top: calc(100% - 0.1875rem);
    transition:transform .3s ease, background-color .7s ease, color .7s ease, top .2s ease .35s
}

.main-header__third-bar:after {
    content: "";
    width: 100%;
    height: 0.1875rem;
    position: absolute;
    background-color: #3150ff;
    z-index: -1;
    transition:width .2s .2s
}

.main-header__third-bar:before {
    content: "";
    width: 100%;
    height: 0.1875rem;
    position: absolute;
    background-color: #000;
    transition:width .2s .3s
}

.main-header.expand {
    overflow:visible
}

.main-header.expand .main-header__first-bar {
    transform: rotate(45deg);
    background-color: #000;
    top: 34.9%;
    color: #000;
    transition:transform .3s ease .2s, background-color .7s ease, color .7s ease, top .2s ease
}

@media (max-width: 800px) {
    .main-header.expand .main-header__first-bar {
        color:#000
    }
}

.main-header.expand .main-header__second-bar {
    visibility: hidden;
    transition: visibility 0s ease 0s;
    color:#000
}

@media (max-width: 800px) {
    .main-header.expand .main-header__second-bar {
        color:#000
    }
}

.main-header.expand .main-header__third-bar {
    transform: rotate(135deg);
    color: #000;
    background-color: #000;
    top: 42.9%;
    transition:transform .3s ease .2s, background-color .7s ease, color .7s ease, top .2s ease
}

@media (max-width: 800px) {
    .main-header.expand .main-header__third-bar {
        color:#000
    }
}

.main-header.expand .sandwich {
    transform:translateY(0)
}

.main-header__anim {
    transform: translateY(1.875rem);
    transition: transform .5s ease-in-out;
    position: absolute;
    height: 100%;
    width: 100%;
    transition-delay:.9s
}

.main-header__anim.header-anim {
    transform:translateY(0)
}

.main-page__link {
    position: relative;
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    padding: 0.25rem 0;
    text-decoration: none;
    color:#000
}

.main-page__link:hover:after {
    width: 100%;
    left: 0;
    transition:width .3s cubic-bezier(.29, .18, .26, .83)
}

.main-page__link:after {
    content: "";
    position: absolute;
    bottom: -2px;
    width: 0;
    right: 0;
    height: 0.25rem;
    transition: width .6s cubic-bezier(.47, 0, .745, .715);
    background:#000
}

@media (max-width: 800px) {
    .desktop {
        display: none;
        grid-area:unset
    }
}

.mobile {
    display:none
}

@media (max-width: 800px) {
    .mobile {
        display:block
    }
}

.cloned-wrapper {
    transition: all .8s cubic-bezier(.21, 1.03, .7, 1);
    max-width: 89rem;
    width: 100%;
    height: 46vh;
    justify-self: center;
    bottom: 0;
    position:absolute
}

.cloned-wrapper.big {
    max-width: 100%;
    height:100vh
}

.cloned-img {
    position: fixed;
    left: 0;
    bottom: 0;
    display: grid;
    width: 100%;
    height: 100vh;
    z-index: 9999;
    transform:translateZ(0)
}

.show-sandwich.hide div {
    transform:translateY(100%)
}

.index-footer {
    color: #000;
    display: flex;
    justify-content: space-between;
    padding: 1.875rem 4.16667vw;
    font-size: 0.75rem;
    font-family: Mont;
    font-weight:700
}

@media (max-width: 1366px) and(min-width: 801px) {
    .index-footer {
        padding:1.875rem 4.16667vw
    }
}

@media (max-width: 800px) {
    .index-footer {
        flex-direction: column;
        padding:1.875rem 8.33333vw
    }
}

.index-footer__left {
    width: 43.9375rem;
    max-width: 60%;
    align-items:center
}

.index-footer__left, .index-footer__left-1 {
    display: flex;
    justify-content:space-between
}

.index-footer__left-1 {
    width:14.375rem
}

@media (max-width: 620px) {
    .index-footer__left-1 {
        width: 100%;
        margin-bottom:1.25rem
    }
}

.index-footer__left-2 {
    display: flex;
    justify-content: space-between;
    width: 16.25rem;
    font-weight:500
}

@media (max-width: 620px) {
    .index-footer__left-2 {
        width:100%
    }
}

.index-footer__left .only-logo svg {
    fill:#000
}

.index-footer__left a {
    text-decoration: none;
    transition: opacity .4s;
    will-change:opacity
}

.index-footer__left a:hover {
    opacity:.6
}

@media (max-width: 800px) {
    .index-footer__left {
        width: 100%;
        max-width:unset
    }
}

.index-footer__right {
    display: flex;
    width: 20rem;
    justify-content:space-between
}

.index-footer__right a {
    text-decoration:none
}

@media (max-width: 800px) {
    .index-footer__right {
        width: 100%;
        margin-top:1.25rem
    }
}

.bottom-link {
    height: 21.875rem;
    display: flex;
    justify-content: center;
    align-items:center
}

@media only screen and (max-width: 1000px) {
    .bottom-link {
        height:15.625rem
    }
}

.bottom-link__text {
    text-decoration: none;
    font-family: Mont;
    font-size: 6.5625rem;
    font-weight: 700;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    width:100%
}

.bottom-link__text:hover .bottom-link__text__background {
    max-height: 100%;
    transform: translateY(0);
    transition:max-height .8s cubic-bezier(.215, .61, .355, 1), transform .5s cubic-bezier(.215, .61, .355, 1)
}

.bottom-link__text__background {
    width: 33.33333vw;
    background-color: #00f;
    height: .9em;
    max-height: 0;
    transition: max-height .6s linear, transform .6s cubic-bezier(.31, .15, .61, .38);
    position: absolute;
    bottom: .25em;
    z-index: 0;
    transform:translateY(0.9375rem)
}

.bottom-link__text__background.first {
    bottom:-.2em
}

@media only screen and (max-width: 1850px) and(min-width: 1001px) {
    .bottom-link__text {
        font-size:5.5625rem
    }
}

@media only screen and (max-width: 1000px) {
    .bottom-link__text {
        font-size:2.1875rem
    }
}

.bottom-link__next {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.375rem;
    margin-bottom: 5rem;
    margin-top:1.25rem
}

@media only screen and (max-width: 1000px) {
    .bottom-link__next {
        margin:0
    }
}

.bottom-link.on .animate {
    transform:translateY(0)
}

.agima {
    height:0.5rem
}

.scramble {
    position: relative;
    z-index: 2;
    transform:translateY(-.5em)
}

.footer-img {
    display:none
}

@media (max-width: 800px) {
    .footer-img {
        display:flex
    }
}

@media (max-width: 800px) {
    .footer-text {
        display:none
    }
}

.cookie-message {
    position: fixed;
    left: 50%;
    bottom: 0;
    width: 38.85vw;
    background-color: #fff;
    box-shadow: 0 0.25rem 6.25rem rgba(0, 0, 0, .05);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    padding: 2.5rem;
    transform: translateX(-50%);
    transition: opacity .3s, visibility .3s;
    z-index:10
}

@media screen and (max-width: 1366px) {
    .cookie-message {
        width:62.5vw
    }
}

@media screen and (max-width: 1024px) {
    .cookie-message {
        width:76.5vw
    }
}

@media screen and (max-width: 760px) {
    .cookie-message {
        width: 100%;
        left: 0;
        right: 0;
        transform: translateX(0);
        padding:1.875rem
    }
}

.cookie-message.show {
    opacity: 1;
    visibility: visible;
    pointer-events:auto
}

.cookie-message__text {
    line-height: 2;
    margin-bottom:1.875rem
}

.cookie-message__btn {
    display: inline-flex;
    position: relative;
    font-weight: 700;
    line-height: 1.25;
    cursor:pointer
}

.cookie-message__btn:hover:before {
    width:100%
}

.cookie-message__btn:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0;
    height: 0.0625rem;
    background-color: #000;
    transform: translateX(-50%);
    transition:width .3s
}

.preloader {
    height: 100vh;
    width: 100vw;
    background-color: #1e1e24;
    z-index: 99999;
    position: fixed;
    top: 0;
    left: 0;
    will-change: height;
    transition: height .9s;
    transform:translateZ(0)
}

.preloader__line {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 0.1875rem;
    background-color: #fff;
    width: 0;
    transition:width 2s
}

._is-fixed-showreel {
    overflow:hidden
}

.transition {
    height: 100vh;
    width: 100vw;
    background-color: #1e1e24;
    z-index: 999999;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    will-change: transform;
    transform:translateY(-100vh)
}

.transition.iter {
    transition: transform .6s;
    transform:translateY(0)
}

.transition-out {
    height: 100vh;
    z-index: 99999;
    position: fixed;
    width: 100vw;
    top: 0;
    bottom: 0;
    left: 0;
    will-change: transform;
    transform:translateY(150vh)
}

.transition-out__top {
    background-color: #1e1e24;
    position: absolute;
    top: 0;
    width: 100vw;
    height:50vh
}

.transition-out__top.trans {
    transition: transform 1s ease-out;
    transform:translateY(-50vh)
}

.transition-out__bottom {
    background-color: #1e1e24;
    position: absolute;
    bottom: 0;
    width: 100vw;
    height:50vh
}

.transition-out__bottom.trans {
    transition: transform 1s ease-out;
    transform:translateY(50vh)
}

.ps {
    overflow: hidden !important;
    overflow-anchor: none;
    touch-action:auto
}

.ps__rail-x {
    height: 0.9375rem;
    bottom:0
}

.ps__rail-x, .ps__rail-y {
    display: none;
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear;
    position:absolute
}

.ps__rail-y {
    width: 0.9375rem;
    right:0
}

.ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y {
    display: block;
    background-color:initial
}

.ps--focus > .ps__rail-x, .ps--focus > .ps__rail-y, .ps--scrolling-x > .ps__rail-x, .ps--scrolling-y > .ps__rail-y, .ps:hover > .ps__rail-x, .ps:hover > .ps__rail-y {
    opacity:.6
}

.ps .ps__rail-x.ps--clicking, .ps .ps__rail-x:focus, .ps .ps__rail-x:hover, .ps .ps__rail-y.ps--clicking, .ps .ps__rail-y:focus, .ps .ps__rail-y:hover {
    background-color: #eee;
    opacity:.9
}

.ps__thumb-x {
    transition: background-color .2s linear, height .2s ease-in-out;
    height: 0.375rem;
    bottom:0.125rem
}

.ps__thumb-x, .ps__thumb-y {
    background-color: #aaa;
    border-radius: 0.375rem;
    position:absolute
}

.ps__thumb-y {
    transition: background-color .2s linear, width .2s ease-in-out;
    width: 0.375rem;
    right:0.125rem
}

.ps__rail-x.ps--clicking .ps__thumb-x, .ps__rail-x:focus > .ps__thumb-x, .ps__rail-x:hover > .ps__thumb-x {
    background-color: #999;
    height:0.6875rem
}

.ps__rail-y.ps--clicking .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y, .ps__rail-y:hover > .ps__thumb-y {
    background-color: #999;
    width:0.6875rem
}

@supports (-ms-overflow-style: none) {
    .ps {
        overflow:auto !important
    }
}

@media (-ms-high-contrast: none), screen and(-ms-high-contrast: active) {
    .ps {
        overflow: auto !important
    }
}