@charset "UTF-8";
@keyframes image-zoom__modal__loader{
    0%{
        transform:rotate(0deg)
    }
    to{
        transform:rotate(360deg)
    }
}
@keyframes fadeOut{
    0%{
        opacity:1
    }
    to{
        opacity:0
    }
}
@keyframes fadeIn{
    0%{
        opacity:0
    }
    to{
        opacity:1
    }
}
@keyframes rotation{
    0%{
        transform:translate(-50%,-50%) rotate(0deg)
    }
    to{
        transform:translate(-50%,-50%) rotate(360deg)
    }
}
@keyframes moove{
    0%{
        transform:translateX(-100%)
    }
    to{
        transform:translateX(0)
    }
}
@keyframes changeWords1{
    0%{
        transform:translateY(0)
    }
    10%{
        transform:translateY(5%)
    }
    90%{
        transform:translateY(-37%)
    }
    to{
        transform:translateY(-33%)
    }
}
@keyframes changeWords2{
    0%{
        transform:translateY(-33%)
    }
    10%{
        transform:translateY(-28%)
    }
    90%{
        transform:translateY(-70%)
    }
    to{
        transform:translateY(-66%)
    }
}
@keyframes changeWords3{
    0%{
        transform:translateY(-66%)
    }
    90%{
        transform:translateY(5%)
    }
    to{
        transform:translateY(0)
    }
}
@keyframes spin{
    33%{
        content:"сміливого"
    }
    66%{
        content:"лімітованого"
    }
}
@keyframes scroll{
    0%{
        opacity:0
    }
    10%{
        transform:translateY(0);
        opacity:1
    }
    to{
        transform:translateY(15px);
        opacity:0
    }
}
*{
    padding:0;
    margin:0;
    border:0
}
*,::after,::before{
    box-sizing:border-box
}
a,a:hover{
    text-decoration:none
}
aside,footer,header,legend,main,nav,section{
    display:block
}
h1,h2,h3,h4,h5,h6,p{
    font-size:inherit;
    font-weight:inherit
}
ul,ul li{
    list-style:none
}
img{
    vertical-align:top
}
img,svg{
    max-width:100%;
    height:auto
}
address{
    font-style:normal
}
input,select,textarea{
    background-color:transparent
}
button,input,select,textarea{
    font-family:inherit;
    font-size:inherit;
    color:inherit
}
input::-ms-clear{
    display:none
}
button,input[type=submit]{
    display:inline-block;
    box-shadow:none;
    background-color:transparent;
    background:0 0;
    cursor:pointer
}
button:active,button:focus,input:active,input:focus{
    outline:0
}
button::-moz-focus-inner{
    padding:0;
    border:0
}
label{
    cursor:pointer
}
input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{
    -webkit-background-clip:text;
    -webkit-text-fill-color:#fff;
    transition:background-color 5000s ease-in-out 5000s;
    box-shadow:inset 0 0 40px 40px var(--input-bg);
    caret-color:#fff
}
a,button,div,input{
    outline:0;
    border:0;
    caret-color:inherit;
    -webkit-tap-highlight-color:transparent;
    padding:0
}
:root{
    --container-width:500px;
    --container-padding:20px;
    --font-main:Mariupol;
    --font-accent:Helvetica;
    --font-form:Andale;
    --white:#fff;
    --black:#000;
    --accent:#ac182c;
    --mobile-nav-btn-color:var(--black);
    --header-nav-color:#aea8a8;
    --header-nav-color-active:var(--black);
    --header-logo-url:url("/img/common/logo-black.svg");
    --input-bg:rgba(32, 38, 31, 0.54)
}
@media (min-width:768px){
    :root{
        --container-width:800px
    }
}
@media (min-width:1024px){
    :root{
        --container-width:1064px
    }
}
@media (min-width:1440px){
    :root{
        --container-width:1300px
    }
}
@media (min-width:1920px){
    :root{
        --container-width:1780px
    }
}
.business,.home{
    --mobile-nav-btn-color:var(--white);
    --header-logo-url:url("/img/common/logo.svg")
}
.home{
    --header-nav-color:#fff;
    --header-nav-color-active:#e97350
}
.business{
    --header-nav-color:#aea8a8;
    --header-nav-color-active:#fff
}
html{
    scroll-behavior:smooth
}
body{
    background-color:var(--white);
    color:var(--black);
    font-family:var(--font-main)
}
[class*=__content]{
    height:100%
}
.d-none,[hidden]{
    display:none!important
}
.no-scroll{
    overflow-y:hidden
}
.hidden{
    position:absolute;
    width:0;
    height:0;
    visibility:hidden;
    opacity:0;
    pointer-events:none;
    touch-action:none
}
.d-l{
    display:none
}
.zoom-hover{
    transition:transform .3s ease
}
@media (any-hover:hover){
    .zoom-hover:hover{
        transform:scale(1.1)
    }
}
@media (min-width:1024px){
    .d-l{
        display:block
    }
    .d-s{
        display:none
    }
}
.container{
    padding:0 var(--container-padding);
    max-width:var(--container-width);
    margin:0 auto;
    height:100%;
    width:100%
}
.container-right{
    padding-left:calc((100% - var(--container-width))/2 + var(--container-padding))
}
.container-left{
    padding-right:calc((100% - var(--container-width))/2 + var(--container-padding))
}
body,html{
    min-height:100vh;
    flex-direction:column
}
.footer{
    margin-top:auto
}
.about{
    color:var(--white)
}
.about__content{
    margin:0 -20px
}
.about__img img{
    width:100%;
    height:auto
}
.about__text{
    border-radius:45px 45px 0 0;
    background:linear-gradient(326deg,#20261f 35.31%,#595f4b 127.04%);
    margin-top:-40px;
    position:relative
}
.about__inner{
    padding:35px 20px;
    display:flex;
    flex-direction:column;
    gap:20px;
    text-align:center
}
.about__desc,.about__title{
    font-style:normal;
    line-height:normal
}
.about__title{
    font-family:var(--font-accent);
    font-size:18px;
    font-weight:900
}
.about__title a{
    color:#a8573e;
    transition:.3s all ease
}
.about__desc{
    font-size:14px;
    font-weight:400
}
@media (min-width:1024px){
    .about{
        padding-top:48px
    }
    .about__container{
        max-width:100%
    }
    .about__content{
        display:flex;
        flex-direction:row
    }
    .about__content>*{
        flex-basis:50%
    }
    .about__text{
        margin-left:-10px;
        border-radius:65px 0 0 0;
        background:linear-gradient(326deg,#20261f 35.31%,#595f4b 127.04%);
        margin-top:102px;
        display:flex;
        flex-basis:calc(50% + 10px)
    }
    .about__logo{
        position:absolute;
        top:30px;
        right:20px
    }
    .about__inner{
        justify-content:center;
        padding:20px 50px 0;
        text-align:left;
        gap:30px
    }
    .about__title{
        font-size:20px
    }
    .about__desc{
        font-size:18px;
        line-height:1.1
    }
}
@media (min-width:1440px){
    .about__inner{
        gap:60px;
        padding:0 50px
    }
    .about__title{
        font-size:28px
    }
    .about__desc{
        font-size:22px
    }
    .about__logo{
        top:50px;
        right:70px
    }
}
@media (min-width:1920px){
    .about__inner{
        gap:80px;
        padding:0 98px
    }
    .about__title{
        font-size:34px
    }
    .about__desc{
        font-size:28px
    }
    .about__logo{
        top:70px;
        right:90px
    }
}
.active-collections{
    padding:52px 0 30px;
    background:#a8573e
}
.active-collections__content{
    color:var(--white)
}
.active-collections__title{
    font-family:var(--font-accent);
    font-size:26px;
    font-style:normal;
    font-weight:900;
    line-height:normal;
    padding-bottom:4px;
    border-bottom:1px solid var(--white);
    margin-bottom:26px
}
.active-collections__list{
    color:var(--black);
    display:flex;
    flex-direction:column;
    gap:20px;
    margin-bottom:25px
}
.active-collections__item{
    padding:30px 22px 25px;
    background:#fff
}
.active-collections__item img{
    width:100%;
    height:100%
}
.active-collections__scene{
    width:100%;
    aspect-ratio:1/.678;
    margin-bottom:20px;
    border:1px solid #c6c6c6;
    position:relative
}
.active-collections__scene.loading .image-zoom__modal__loader,body,html{
    display:flex
}
.active-collections__scene .image-zoom__modal__loader{
    align-items:center;
    justify-content:center;
    background:rgba(0,0,0,.1);
    position:absolute;
    width:100%;
    height:100%;
    display:none
}
.active-collections__scene .image-zoom__modal__loader div{
    box-sizing:border-box;
    display:block;
    position:absolute;
    width:64px;
    height:64px;
    margin:8px;
    border:8px solid #fff;
    border-radius:50%;
    animation:image-zoom__modal__loader 1.2s cubic-bezier(.5,0,.5,1) infinite;
    border-color:#fff transparent transparent
}
.active-collections__scene .image-zoom__modal__loader div:nth-child(1){
    animation-delay:-.45s
}
.active-collections__scene .image-zoom__modal__loader div:nth-child(2){
    animation-delay:-.3s
}
.active-collections__scene .image-zoom__modal__loader div:nth-child(3){
    animation-delay:-.15s
}
.active-collections__download-btn{
    position:absolute;
    top:5px;
    right:7px;
    padding:5px
}
.active-collections__desc{
    position:relative;
    display:flex;
    flex-direction:column
}
.active-collections__desc-label{
    order:1;
    color:#bebebe;
    font-size:12px;
    font-style:normal;
    font-weight:400;
    line-height:normal;
    letter-spacing:1.2px
}
.active-collections__desc-title{
    order:2;
    color:#20261f;
    font-family:var(--font-accent);
    font-size:28px;
    font-style:normal;
    font-weight:900;
    line-height:normal
}
.active-collections__dates,.active-collections__desc-text{
    order:3;
    color:#585858;
    font-size:16px;
    font-style:normal;
    font-weight:400;
    line-height:normal;
    margin-bottom:20px
}
.active-collections__desc-text{
    order:5;
    color:#616161;
    font-size:14px;
    line-height:101.585%;
    margin-bottom:28px
}
.active-collections__controls{
    order:4;
    width:100%;
    display:flex;
    justify-content:center;
    flex-flow:row wrap;
    margin-bottom:20px
}
.start .active-collections__controls{
    justify-content:start
}
.active-collections__control{
    --size:35px;
    --padding:2px;
    --inner-size:calc(100% - var(--padding));
    width:var(--size);
    height:var(--size);
    padding:var(--padding);
    flex-basis:auto;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:50%
}
.active-collections__control:nth-child(1) .active-collections__control-inner{
    background-color:#1c2627
}
.active-collections__control:nth-child(2) .active-collections__control-inner{
    background-color:#383330
}
.active-collections__control:nth-child(3) .active-collections__control-inner{
    background-color:#565038
}
.active-collections__control:nth-child(4) .active-collections__control-inner{
    background-color:#535562
}
.active-collections__control:nth-child(5) .active-collections__control-inner{
    background-color:#884f1a
}
.active-collections__control:nth-child(6) .active-collections__control-inner{
    background-color:#3e576d
}
.active-collections__control:nth-child(7) .active-collections__control-inner{
    background-color:#6e8289
}
.active-collections__control:nth-child(8) .active-collections__control-inner{
    background-color:#d16932
}
.active-collections__control:nth-child(9) .active-collections__control-inner{
    background-color:#945953
}
.active-collections__control:nth-child(10) .active-collections__control-inner{
    background-color:#a0857a
}
.active-collections__control:nth-child(11) .active-collections__control-inner{
    background-color:#858180
}
.active-collections__control:nth-child(12) .active-collections__control-inner{
    background-color:#d4b4a9
}
.active-collections__control:nth-child(13) .active-collections__control-inner{
    background-color:#d3c1b7
}
.active-collections__control:nth-child(14) .active-collections__control-inner{
    background-color:#a39592
}
.active-collections__control:nth-child(15) .active-collections__control-inner{
    background-color:#cbc2bd
}
.active-collections__control:nth-child(16) .active-collections__control-inner{
    background-color:#e8ded5
}
.active-collections__control.active .active-collections__control-inner{
    border:2px solid var(--white);
    outline:2px solid #d5d5d5
}
.start .active-collections__control:nth-child(1) .active-collections__control-inner{
    background-color:#a1a1a1
}
.start .active-collections__control:nth-child(2) .active-collections__control-inner{
    background-color:#929d88
}
.start .active-collections__control:nth-child(3) .active-collections__control-inner{
    background-color:#b87f60
}
.start .active-collections__control:nth-child(4) .active-collections__control-inner{
    background-color:#dfdbcd
}
.active-collections__control-inner{
    border-radius:50%;
    width:var(--inner-size);
    height:var(--inner-size);
    border:2px solid var(--white);
    outline:2px solid var(--white)
}
.active-collections__item-button{
    order:6
}
.active-collections__item-button a,.active-collections__link{
    color:#fff;
    font-style:normal;
    font-weight:400;
    line-height:normal;
    display:block
}
.active-collections__item-button a{
    font-size:14px;
    letter-spacing:2.52px;
    background:#484e3e;
    transition:.3s all ease;
    text-align:center;
    padding:20px 0
}
@media (any-hover:hover){
    .active-collections__item-button a:hover{
        background:#9d8067
    }
}
.active-collections__link{
    font-size:16px;
    margin:auto;
    width:fit-content;
    padding:5px 15px;
    text-decoration:underline
}
.active-collections__link:hover{
    text-decoration:underline
}
@media (min-width:1024px){
    .active-collections{
        padding:72px 0 57px
    }
    .active-collections__title{
        font-size:44px;
        padding-bottom:10px;
        margin-bottom:52px
    }
    .active-collections__list{
        gap:60px
    }
    .active-collections__item{
        padding:40px;
        flex-basis:48%;
        display:flex;
        flex-direction:row;
        justify-content:space-between
    }
    .active-collections__scene{
        margin-bottom:0;
        flex-basis:48%;
        display:flex;
        justify-content:center;
        align-items:center
    }
    .active-collections__download-btn{
        top:17px;
        right:17px
    }
    .active-collections__desc{
        flex-basis:49%
    }
    .active-collections__desc-label{
        font-size:18px
    }
    .active-collections__desc-title{
        font-size:38px
    }
    .active-collections__dates{
        font-weight:300;
        font-size:14px;
        margin-bottom:10px
    }
    .active-collections__desc-text{
        order:4;
        font-size:15px;
        margin-bottom:0
    }
    .active-collections__controls{
        order:5;
        position:static;
        width:auto;
        height:unset;
        max-width:100%;
        justify-content:start;
        margin:auto 0;
        gap:5px
    }
    .active-collections__control{
        --size:23px;
        flex-basis:unset
    }
    .active-collections__control-inner{
        flex-direction:row
    }
    .active-collections__item-button a{
        font-size:16px;
        letter-spacing:4.68px
    }
    .active-collections__link{
        font-size:28px
    }
}
@media (min-width:1440px){
    .active-collections__item{
        padding:50px;
        flex-basis:48%;
        display:flex;
        flex-direction:row;
        justify-content:space-between
    }
    .active-collections__control{
        --size:30px
    }
    .active-collections__desc-title{
        font-size:40px
    }
    .active-collections__dates{
        font-size:18px;
        margin-bottom:20px
    }
    .active-collections__desc-text{
        font-size:20px
    }
    .active-collections__item-button a{
        font-size:20px;
        letter-spacing:4.68px
    }
}
@media (min-width:1920px){
    .active-collections{
        padding:102px 0 57px
    }
    .active-collections__desc-title{
        font-size:48px
    }
    .active-collections__control{
        --size:45px
    }
    .active-collections__dates{
        font-size:28px
    }
    .active-collections__desc-text{
        font-size:26px
    }
    .active-collections__item-button a{
        font-size:26px;
        letter-spacing:4.68px
    }
    .active-collections__link{
        font-size:32px
    }
}
.advantages{
    padding:52px 0 59px;
    color:var(--white);
    background:#20261f;
    font-family:var(--font-accent)
}
.advantages__content{
    display:flex;
    flex-direction:column;
    gap:53px
}
.advantages__title{
    font-size:26px;
    font-style:normal;
    font-weight:900;
    line-height:normal;
    border-bottom:1px solid var(--white)
}
.advantages__list{
    display:flex;
    flex-direction:column;
    gap:32px;
    text-align:center;
    align-items:center
}
.advantages__li{
    display:flex;
    flex-direction:column;
    gap:8px
}
.advantages__li-title{
    font-size:22px;
    font-style:normal;
    font-weight:900;
    line-height:normal;
    text-transform:uppercase
}
.advantages__li-index{
    display:none
}
.advantages__li-desc{
    color:#9d8067;
    font-family:var(--font-main);
    font-size:16px;
    font-style:normal;
    font-weight:400;
    line-height:106.399%
}
.advantages__list-divider{
    width:20%;
    height:2px;
    background:var(--white)
}
@media (min-width:1024px){
    .advantages{
        padding-top:85px;
        padding-bottom:60px
    }
    .advantages__content{
        gap:60px
    }
    .advantages__title{
        font-size:44px;
        font-style:normal;
        font-weight:900;
        line-height:normal
    }
    .advantages__list{
        gap:18px;
        flex-direction:row;
        align-items:stretch
    }
    .advantages__li{
        padding:40px 0;
        text-align:left;
        flex-basis:100%
    }
    .advantages__li-title{
        display:flex;
        align-items:center;
        gap:10px;
        font-size:30px;
        font-style:normal;
        font-weight:900;
        line-height:normal
    }
    .advantages__li-index{
        display:block;
        font-family:var(--font-main);
        font-size:18px;
        font-style:normal;
        font-weight:400;
        line-height:normal;
        margin-top:5px
    }
    .advantages__li-desc{
        font-size:15px
    }
    .advantages__list-divider{
        flex-shrink:0;
        width:2px;
        height:unset
    }
}
@media (min-width:1440px){
    .advantages{
        padding-top:85px;
        padding-bottom:85px
    }
    .advantages__content{
        gap:85px
    }
    .advantages__li{
        padding:50px 0;
        text-align:left
    }
    .advantages__list{
        gap:24px
    }
    .advantages__li-title{
        gap:18px
    }
}
@media (min-width:1920px){
    .advantages{
        padding-top:114px;
        padding-bottom:97px
    }
    .advantages__content{
        gap:97px
    }
    .advantages__li{
        padding:70px 0;
        text-align:left
    }
    .advantages__li-title{
        font-size:44px
    }
    .advantages__li-desc{
        font-size:20px
    }
    .advantages__list{
        gap:32px
    }
}
.businessHero{
    height:100vh;
    background-image:url(/img/business/1-l.jpg);
    background-size:cover;
    background-repeat:no-repeat
}
.businessHero__content{
    padding-bottom:50px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:14px;
    color:var(--white);
    text-align:center;
    font-style:normal
}
.businessHero__title{
    font-family:var(--font-accent);
    font-size:42px;
    font-weight:900;
    line-height:normal
}
.businessHero__desc{
    font-family:Mariupol;
    font-size:16px;
    font-weight:400;
    line-height:110.732%
}
@media (min-width:1024px){
    .businessHero{
        background-image:url(/img/business/1-l.jpg)
    }
    .businessHero__content{
        padding-bottom:140px;
        align-items:start;
        text-align:left
    }
    .businessHero__title{
        font-size:80px
    }
    .businessHero__desc{
        max-width:591px;
        font-size:20px
    }
}
@media (min-width:1440px){
    .businessHero__title{
        font-size:90px
    }
    .businessHero__desc{
        max-width:711px;
        font-size:24px
    }
}
@media (min-width:1920px){
    .businessHero__title{
        font-size:100px
    }
    .businessHero__desc{
        max-width:821px;
        font-size:28px
    }
}
.businessVariants{
    border-radius:45px 0 0 0;
    background-image:url(/img/business/2-s.jpg);
    background-size:cover;
    background-repeat:no-repeat
}
.businessVariants__content{
    color:var(--white);
    text-align:center;
    line-height:normal;
    padding:75px 45px 55px;
    font-style:normal;
    display:block
}
.businessVariants__title{
    font-size:16px;
    font-weight:400;
    margin-bottom:10px
}
.businessVariants__desc{
    color:#e9d3cc;
    font-size:14px;
    font-weight:400
}
@media (min-width:1024px){
    .businessVariants{
        background:url(/img/business/2-l.jpg) center/cover no-repeat;
        border-radius:65px 0 0 0
    }
    @supports (background-image:-webkit-image-set(url(/img/business/2-l.webp) 1x)){
        .businessVariants{
            background-image:-webkit-image-set(url(/img/business/2-l.webp) 1x)
        }
    }
    .businessVariants__content{
        padding:148px 0 110px
    }
    .businessVariants__title{
        font-size:24px;
        margin-bottom:55px
    }
    .businessVariants__desc{
        font-size:22px
    }
}
@media (min-width:1440px){
    .businessVariants__title{
        font-size:28px
    }
}
@media (min-width:1920px){
    .businessVariants__title{
        font-size:32px
    }
}
.collections{
    padding-top:152px;
    padding-bottom:50px;
    color:var(--black)
}
.collections__head{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:17px;
    margin-bottom:50px
}
.collections__title{
    font-family:var(--font-accent);
    font-size:36px;
    font-style:normal;
    font-weight:900;
    line-height:normal
}
.collections__nav{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:10px
}
.collections__nav-button{
    color:#ababab;
    font-size:16px;
    font-weight:400;
    line-height:normal;
    position:relative;
    transition:color .3s ease
}
.collections__nav-button.active{
    color:var(--black)
}
.collections__nav-button.active::before{
    content:"";
    display:block;
    position:absolute;
    left:-25px;
    top:4px;
    width:17px;
    height:8px;
    background-size:100%;
    background-repeat:no-repeat;
    background-image:url("data:image/svg+xml,%3Csvg width='45' height='16' viewBox='0 0 45 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 7C0.447715 7 0 7.44772 0 8C0 8.55228 0.447715 9 1 9V7ZM44.7071 8.70711C45.0976 8.31658 45.0976 7.68342 44.7071 7.29289L38.3431 0.928932C37.9526 0.538408 37.3195 0.538408 36.9289 0.928932C36.5384 1.31946 36.5384 1.95262 36.9289 2.34315L42.5858 8L36.9289 13.6569C36.5384 14.0474 36.5384 14.6805 36.9289 15.0711C37.3195 15.4616 37.9526 15.4616 38.3431 15.0711L44.7071 8.70711ZM1 9H44V7H1V9Z' fill='black'/%3E%3C/svg%3E%0A")
}
@media (any-hover:hover){
    .collections__nav-button:hover{
        color:var(--black)
    }
}
.collections__list-container{
    position:relative;
    min-height:400px
}
.collections__list{
    flex-flow:row wrap;
    row-gap:35px;
    display:flex;
    position:absolute;
    top:0;
    left:0
}
.collections__list-item{
    flex-basis:100%
}
.collections__list-item-body{
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center
}
.collections__list-item-label{
    position:absolute;
    z-index:1;
    top:13px;
    left:0;
    padding:8px 10px;
    color:#fff;
    font-size:16px;
    font-weight:500;
    letter-spacing:.64px
}
.collections__list-item-active .collections__list-item-label{
    background:#a8573e
}
.collections__list-item-active .collections__list-item-img{
    border:1px solid #d3d3d3
}
@media (any-hover:hover){
    .collections__list-item-active img{
        transition:transform .3s ease
    }
    .collections__list-item-active a:hover img{
        transform:scale(1.1)
    }
}
.collections__list-item-inactive img{
    filter:blur(2px)
}
.collections__list-item-inactive .collections__list-item-label{
    background:#a0a0a0
}
.collections__list-item-coming .collections__list-item-img{
    border:1px solid #d3d3d3
}
.collections__list-item-coming .collections__list-item-label{
    left:0;
    top:50%;
    transform:translateY(-50%);
    padding:22px 0;
    width:100%;
    text-align:center;
    font-size:20px;
    background:rgba(137,137,137,.65)
}
.collections__list-item-img{
    width:100%;
    margin-bottom:18px
}
.collections__list-item-img img{
    width:100%
}
.collections__list-item-title{
    color:#646464;
    font-size:22px;
    font-weight:500;
    line-height:normal;
    margin-bottom:5px
}
.collections__list-item-desc{
    color:#bdbdbd;
    font-size:16px;
    font-weight:500;
    line-height:normal;
    letter-spacing:.64px
}
@media (min-width:1024px){
    .collections{
        padding-top:178px;
        padding-bottom:98px
    }
    .collections__head{
        flex-direction:row;
        align-items:start;
        gap:124px;
        margin-bottom:88px
    }
    .collections__title{
        font-size:80px
    }
    .collections__nav{
        margin-top:52px;
        gap:20px;
        align-items:start
    }
    .collections__nav-button{
        font-size:22px
    }
    .collections__nav-button.active{
        color:var(--black)
    }
    .collections__nav-button.active::before{
        position:absolute;
        left:-55px;
        width:45px;
        height:15px;
        background-size:100%;
        background-image:url("data:image/svg+xml,%3Csvg width='45' height='16' viewBox='0 0 45 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 7C0.447715 7 0 7.44772 0 8C0 8.55228 0.447715 9 1 9V7ZM44.7071 8.70711C45.0976 8.31658 45.0976 7.68342 44.7071 7.29289L38.3431 0.928932C37.9526 0.538408 37.3195 0.538408 36.9289 0.928932C36.5384 1.31946 36.5384 1.95262 36.9289 2.34315L42.5858 8L36.9289 13.6569C36.5384 14.0474 36.5384 14.6805 36.9289 15.0711C37.3195 15.4616 37.9526 15.4616 38.3431 15.0711L44.7071 8.70711ZM1 9H44V7H1V9Z' fill='black'/%3E%3C/svg%3E%0A")
    }
    .collections__list{
        width:100%;
        margin:0 -17px;
        row-gap:98px
    }
    .collections__list-item{
        padding:0 17px;
        flex-basis:33.333333%
    }
    .collections__list-item-label{
        top:45px;
        padding:8px 20px;
        font-size:20px
    }
    .collections__list-item-img{
        overflow:hidden;
        margin-bottom:30px
    }
    .collections__list-item-title{
        font-size:22px;
        margin-bottom:9px
    }
    .collections__list-item-desc{
        font-size:18px;
        letter-spacing:.96px
    }
}
@media (min-width:1440px){
    .collections__nav-button{
        font-size:24px
    }
    .collections__title{
        font-size:90px
    }
    .collections__list-item-title{
        font-size:28px;
        margin-bottom:9px
    }
    .collections__list-item-desc{
        font-size:20px;
        letter-spacing:.96px
    }
}
@media (min-width:1920px){
    .collections__nav{
        gap:25px
    }
    .collections__nav-button{
        font-size:26px
    }
    .collections__title{
        font-size:100px
    }
    .collections{
        padding-top:278px
    }
    .collections__list-item-title{
        font-size:32px;
        margin-bottom:9px
    }
    .collections__list-item-desc{
        font-size:24px;
        letter-spacing:.96px
    }
    .collections__list-item-label{
        top:45px;
        padding:10px 38px;
        font-size:24px
    }
}
.fade-out{
    animation:fadeOut .15s linear 0s 1 forwards;
    pointer-events:none;
    touch-action:none
}
.fade-in{
    animation:fadeIn .15s linear 0s 1 forwards;
    z-index:2
}
.footer,.footer__content{
    display:flex;
    flex-direction:column
}
.footer{
    padding:40px 0 28px;
    gap:29px
}
.footer__content{
    gap:40px
}
.footer__body{
    display:flex;
    flex-flow:row wrap
}
.footer__logo-wrapper{
    flex-basis:50%;
    display:flex;
    flex-direction:column;
    gap:5px
}
.footer__socials{
    display:flex;
    gap:8px
}
.footer__nav{
    flex-basis:50%
}
.footer__nav-list{
    display:flex;
    flex-direction:column;
    gap:18px;
    align-items:end
}
.footer__nav-li a{
    color:#20261f;
    font-size:18px;
    font-style:normal;
    font-weight:400;
    line-height:normal
}
.footer__contacts,.footer__footer{
    display:flex;
    font-style:normal;
    font-weight:400;
    line-height:normal
}
.footer__contacts{
    flex-basis:100%;
    flex-direction:column;
    gap:14px;
    color:#20261f;
    font-size:16px
}
.footer__contacts-item a{
    color:#a8573e;
    text-decoration:underline
}
.footer__footer{
    flex-direction:column-reverse;
    gap:31px;
    color:#b6b5b1;
    font-family:Mariupol;
    font-size:14px
}
.footer__footer a{
    color:#b6b5b1;
    text-decoration-line:underline
}
.footer__footer-links{
    display:flex;
    flex-direction:column;
    gap:12px
}
.footer__footer-links a{
    transition:color .3s ease
}
@media (any-hover:hover){
    .footer__footer-links a:hover{
        color:var(--black)
    }
}
@media (min-width:1024px){
    .footer{
        padding:49px 0 40px
    }
    .footer__body{
        justify-content:space-between
    }
    .footer__body>*{
        flex-basis:unset
    }
    .footer__nav-list{
        justify-content:center;
        align-items:start
    }
    .footer__footer{
        flex-direction:row;
        justify-content:start
    }
    .footer__footer>*{
        flex-basis:43%
    }
    .footer__footer-links{
        flex-direction:row
    }
}
@media (min-width:1440px){
    .footer__footer>*{
        flex-basis:44%
    }
}
@media (min-width:1920px){
    .footer__footer>*{
        flex-basis:45%
    }
}
.form{
    --border-radius:0px;
    padding:38px 0 94px;
    color:var(--black);
    text-align:center;
    overflow:hidden;
    position:relative
}
.form__animation-wrapper{
    position:absolute;
    z-index:-1;
    white-space:nowrap
}
.form__animation-wrapper-brown{
    filter:drop-shadow(-9px 0 8px rgba(0,0,0,.1));
    background:#a8573e;
    padding:10px 0;
    transform:rotate(48deg);
    transform-origin:30%;
    bottom:70px;
    left:-280px;
    width:1093.12px
}
.form__animation-wrapper-brown .form__animation-body{
    animation:moove 20s linear infinite
}
.form__animation-body{
    display:inline-block
}
.form__animation-node{
    display:inline-block;
    margin-right:20px
}
.form__container{
    max-width:886px
}
.form__content .form__sucess-body,.form__content.success .form__body{
    display:none
}
.form__content .form__success-body-title,.form__title{
    font-family:var(--font-accent);
    font-style:normal;
    font-weight:900;
    line-height:normal
}
.form__content .form__success-body-title{
    color:var(--black);
    text-align:center;
    font-size:48px
}
.form__content .form__success-body-desc{
    color:#4f4f4f;
    text-align:center;
    font-size:22px;
    font-style:normal;
    font-weight:400;
    line-height:normal
}
.form__content.success .form__sucess-body{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    padding:143px 0
}
.form__title{
    font-size:28px;
    display:flex;
    flex-direction:column;
    margin-bottom:15px
}
.form__title span:last-child{
    font-size:22px
}
.form__desc{
    font-size:14px;
    font-style:normal;
    font-weight:400;
    line-height:normal;
    margin-bottom:37px
}
.form__form{
    color:var(--white);
    display:flex;
    flex-direction:column;
    gap:5px;
    font-size:14px
}
.form__form.sending .form__submitBtn{
    position:relative;
    pointer-events:none;
    touch-action:none;
    cursor:auto
}
.form__form.sending .form__submitBtn:before{
    z-index:1;
    content:"";
    display:block;
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background-color:rgba(0,0,0,.5)
}
.form__form.sending .loader{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:28px;
    height:28px;
    border:5px solid #fff;
    border-bottom-color:transparent;
    border-radius:50%;
    display:inline-block;
    box-sizing:border-box;
    animation:rotation 1s linear infinite;
    z-index:2
}
.form__input{
    width:100%;
    background:var(--input-bg);
    padding:13px 18px;
    border-radius:var(--border-radius);
    border:1px solid transparent
}
.form__input::placeholder{
    color:inherit
}
.form__input.empty,.form__input.error{
    border-color:red
}
.form__button{
    padding:13px 50px;
    background:rgba(168,87,62,.8);
    display:block;
    width:fit-content;
    margin-left:auto
}
.form__button .loader{
    display:none
}
@media (any-hover:hover){
    .form__button:hover{
        background:#a8573e
    }
}
.form .ts-wrapper.single .ts-control{
    padding:11px 18px;
    box-shadow:none;
    margin-top:0
}
.form .ts-control,.form .ts-dropdown.single,.form .ts-wrapper.single .ts-control,.form .ts-wrapper.single.input-active .ts-control{
    border-radius:var(--border-radius);
    font-size:inherit;
    background:var(--input-bg);
    color:#fff;
    border:1px solid transparent
}
.form .ts-control,.form .ts-wrapper.single.input-active .ts-control{
    padding:11px 18px;
    box-shadow:none
}
.form .ts-dropdown.single{
    margin-top:0
}
.form .ts-dropdown .active{
    color:#fff;
    background:rgba(168,87,62,.65)
}
.form .ts-wrapper.single .ts-control::after{
    border-color:#fff transparent transparent
}
.form .ts-wrapper.single.dropdown-active .ts-control::after{
    border-color:transparent transparent #fff
}
.form .ts-control input,.form .ts-control input::placeholder{
    font-size:inherit;
    color:#fff
}
.form .ts-dropdown [data-selectable].option{
    text-align:left;
    font-size:inherit;
    padding:4px 18px
}
.form .empty+.ts-wrapper.single .ts-control{
    border:1px solid red
}
@media (min-width:1024px){
    .form{
        padding:134px 0 213px
    }
    .form__animation-wrapper-white{
        z-index:0;
        transform:rotate(-34deg);
        left:-120px;
        top:90px;
        padding:20px 100px;
        filter:drop-shadow(0 20px 4px rgba(85,85,85,.25));
        background:#fff
    }
    .form__animation-wrapper-green{
        background:#20261f;
        filter:drop-shadow(29px 12px 4px rgba(0,0,0,.2));
        bottom:190px;
        right:-460px;
        transform:rotate(-50deg);
        padding:20px 100px
    }
}
@media (min-width:1024px) and (min-width:1920px){
    .form__animation-wrapper-green{
        bottom:190px;
        right:-360px
    }
}
@media (min-width:1024px){
    .form__animation-wrapper-brown{
        filter:drop-shadow(23px 10px 8px rgba(0,0,0,.2));
        bottom:0;
        left:-550px;
        width:2973.12px
    }
    .form__animation-wrapper-brown .form__animation-body{
        animation:moove 20s linear infinite
    }
}
@media (min-width:1024px) and (min-width:1440px){
    .form__animation-wrapper-brown{
        bottom:50px;
        left:-480px
    }
}
@media (min-width:1024px) and (min-width:1920px){
    .form__animation-wrapper-brown{
        bottom:100px;
        left:-290px
    }
}
@media (min-width:1024px){
    .form__animation-node{
        margin-right:30px
    }
    .form__title{
        font-size:48px
    }
    .form__title span:last-child{
        font-size:28px
    }
    .form__desc,.form__form{
        font-size:22px
    }
    .form__form{
        flex-flow:row wrap;
        gap:22px
    }
    .form__field{
        flex-basis:100%
    }
    .form__field:first-child,.form__field:nth-child(2){
        flex-basis:calc(50% - 11px)
    }
    .form .ts-dropdown [data-selectable].option{
        font-size:16px;
        padding:10px 32px
    }
    .form .ts-control,.form .ts-wrapper.single .ts-control,.form .ts-wrapper.single.input-active .ts-control,.form__input{
        padding:15px 26px
    }
    .form .ts-wrapper div{
        line-height:1
    }
    .form__button{
        border-radius:var(--border-radius);
        margin:auto;
        font-size:22px;
        padding:15px 55px
    }
}
.header,.hero__video video{
    width:100%;
    position:absolute
}
.header{
    padding-top:30px;
    z-index:10
}
.header__logo.logo{
    flex-shrink:0;
    width:169px;
    height:71px;
    background-image:var(--header-logo-url);
    background-size:cover;
    background-repeat:no-repeat
}
.header__lang{
    position:absolute;
    top:56px;
    left:26px;
    font-size:22px;
    font-style:normal;
    font-weight:400;
    line-height:normal;
    color:var(--header-nav-color-active);
    white-space:nowrap
}
.header__lang a,.mobile-nav__list a{
    color:var(--header-nav-color);
    transition:color .3s ease
}
@media (any-hover:hover){
    .header__lang a:hover{
        color:var(--header-nav-color-active)
    }
}
.header__lang a.active{
    color:var(--header-nav-color-active)
}
@media (min-width:1024px){
    .header__lang{
        position:static
    }
    .header__lang__logo{
        width:190px;
        height:80px
    }
}
.header__row{
    display:flex;
    justify-content:space-between;
    align-items:center
}
.hero{
    height:100vh;
    color:var(--white);
    position:relative
}
.hero__video{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background:var(--black);
    z-index:-1
}
.hero__video video{
    height:100%;
    left:0;
    top:0;
    object-fit:cover
}
.hero__content,.hero__title{
    justify-content:center;
    display:flex
}
.hero__content{
    flex-direction:column;
    gap:20px;
    align-items:center
}
.hero__title{
    font-family:var(--font-accent);
    font-size:32px;
    font-style:normal;
    font-weight:900;
    line-height:normal;
    flex-flow:row wrap;
    column-gap:20px
}
.hero__title span:nth-child(3){
    flex-basis:100%
}
.hero__animation{
    color:#a8573e;
    font-family:var(--font-accent);
    font-style:normal;
    font-weight:900;
    line-height:normal;
    text-align:center;
    display:inline-block;
    position:relative;
    width:179px;
    overflow:hidden
}
.hero__animation .visual-hidden{
    opacity:0
}
.hero__animation__body{
    position:absolute;
    top:0;
    left:0;
    display:flex;
    align-items:center;
    flex-direction:column
}
.hero__animation__body span{
    margin-bottom:20px
}
.hero__animation__body[data-step="1"]{
    animation:changeWords1 .5s linear forwards
}
.hero__animation__body[data-step="2"]{
    animation:changeWords2 .5s linear forwards
}
.hero__animation__body[data-step="3"]{
    animation:changeWords3 .5s linear forwards
}
.hero__desc,.startCatalog__left-text a{
    color:#bdbdb2;
    font-size:18px;
    font-style:normal;
    font-weight:400;
    line-height:normal
}
@media (min-width:1024px){
    .hero__content{
        align-items:start
    }
    .hero__title{
        font-size:80px;
        text-align:left;
        column-gap:20px;
        justify-content:start
    }
    .hero__title span:nth-child(1){
        flex-basis:100%
    }
    .hero__title span:last-child,.hero__title span:nth-child(2){
        flex-basis:unset
    }
    .hero__desc{
        font-size:32px
    }
    .hero__animation{
        width:558px
    }
    .hero__animation__body{
        align-items:start
    }
}
@media (min-width:1440px){
    .hero__title{
        font-size:90px
    }
}
@media (min-width:1920px){
    .hero__title{
        font-size:100px
    }
}
.scroll-downs{
    width:34px;
    height:55px;
    position:absolute;
    right:0;
    bottom:35px;
    left:0;
    margin:auto
}
.mousey{
    width:3px;
    padding:10px 15px;
    height:35px;
    border:2px solid #fff;
    border-radius:25px;
    opacity:.75;
    box-sizing:content-box
}
.scroller{
    width:3px;
    height:10px;
    border-radius:25%;
    background-color:#fff;
    animation-name:scroll;
    animation-duration:2.2s;
    animation-timing-function:cubic-bezier(.15,.41,.69,.94);
    animation-iteration-count:infinite
}
.icon{
    flex-shrink:0;
    pointer-events:none;
    touch-action:none;
    width:var(--size);
    height:var(--size)
}
.icon.social{
    --size:26px
}
.icon.download{
    --size:23px
}
.logo,.mobile-nav{
    transition:transform .3s ease
}
.logo{
    font-size:32px;
    display:block;
    width:fit-content
}
@media (any-hover:hover){
    .logo:hover{
        transform:scale(1.05)
    }
}
.mobile-nav{
    position:fixed;
    left:0;
    top:0;
    transform:translateY(-100%);
    width:100%;
    height:100%;
    z-index:99;
    background:var(--black)
}
.mobile-nav .header__lang{
    display:flex;
    gap:23px
}
.mobile-nav .header__lang a{
    color:rgba(255,255,255,.45)
}
.mobile-nav .header__lang a.active,.mobile-nav--open .mobile-nav__list .active{
    color:#fff
}
.mobile-nav__body{
    position:relative;
    background:linear-gradient(-90deg,#20261f 8.96%,rgba(89,95,75,.6) 161.48%);
    display:flex;
    padding-right:27px;
    flex-direction:column;
    align-items:end;
    justify-content:center;
    height:100%
}
@media (min-width:1024px){
    .mobile-nav{
        position:static;
        transform:none;
        background:0 0
    }
    .mobile-nav__body{
        background:0 0;
        padding-right:0;
        justify-content:center;
        flex-direction:row
    }
    .mobile-nav__body .header__lang{
        display:none
    }
    .mobile-nav__body .mobile-nav__list{
        flex-direction:row;
        font-size:22px
    }
}
.mobile-nav__list{
    display:flex;
    flex-direction:column;
    align-items:end;
    gap:32px;
    font-size:28px;
    font-style:normal;
    font-weight:500;
    line-height:normal
}
@media (min-width:1024px){
    .mobile-nav__list{
        font-weight:400
    }
}
@media (any-hover:hover){
    .mobile-nav__list a:hover{
        color:var(--header-nav-color-active)
    }
}
.mobile-nav__list .active{
    color:var(--header-nav-color-active)
}
@media (max-width:1024px){
    .mobile-nav__list .active{
        border-bottom:1px solid #fff
    }
}
.mobile-nav--open{
    top:0;
    transform:translateY(0)
}
.mobile-nav--open .mobile-nav__list a{
    color:#b4b4b4;
    transition:color .3s ease
}
@media (any-hover:hover){
    .mobile-nav--open .mobile-nav__list a:hover{
        color:#fff
    }
}
@media (max-width:1024px){
    .mobile-nav--open .mobile-nav__list .active{
        border-bottom:1px solid #fff
    }
}
.mobile-nav-btn{
    --time:0.1s;
    --width:40px;
    --height:30px;
    --line-height:4px;
    --spacing:6px;
    --color:var(--mobile-nav-btn-color);
    --radius:4px;
    height:calc(var(--line-height)*3 + var(--spacing)*2);
    width:var(--width);
    display:flex;
    justify-content:center;
    align-items:center
}
.nav-icon,.nav-icon::after,.nav-icon::before{
    position:relative;
    width:var(--width);
    height:var(--line-height);
    background-color:var(--color);
    border-radius:var(--radius)
}
.nav-icon::after,.nav-icon::before{
    content:"";
    display:block;
    position:absolute;
    left:0;
    transition:transform var(--time) ease-in,top var(--time) linear var(--time)
}
.nav-icon::before{
    top:calc(-1*(var(--line-height) + var(--spacing)))
}
.nav-icon::after{
    top:calc(var(--line-height) + var(--spacing))
}
.nav-icon.nav-icon--active{
    background-color:transparent;
    --color:var(--white)
}
.nav-icon.nav-icon--active::after,.nav-icon.nav-icon--active::before{
    top:0;
    transition:top var(--time) linear,transform var(--time) ease-in var(--time)
}
.nav-icon.nav-icon--active::before{
    transform:rotate(45deg)
}
.nav-icon.nav-icon--active::after{
    transform:rotate(-45deg)
}
.mobile-nav-btn{
    z-index:999
}
@media (min-width:1024px){
    .mobile-nav-btn{
        display:none
    }
}
.privacy__content{
    padding-top:130px;
    display:flex;
    flex-direction:column;
    gap:10px
}
.privacy__title{
    font-weight:700;
    font-size:18px;
    text-align:center;
    margin:10px 0
}
.privacy__paragraph{
    font-size:14px;
    text-align:justify
}
@media (min-width:1440px){
    .privacy__title{
        font-size:22px
    }
    .privacy__paragraph{
        font-size:18px
    }
}
@media (min-width:1920px){
    .privacy__title{
        font-size:28px
    }
    .privacy__paragraph{
        font-size:22px
    }
}
.startCatalog{
    margin-bottom:38px
}
.startCatalog img{
    width:100%;
    height:auto
}
.startCatalog__content{
    margin:0 -20px;
    display:flex;
    flex-direction:column-reverse
}
.startCatalog__left-text{
    display:flex;
    justify-content:center;
    align-items:center
}
.startCatalog__left-text a{
    padding:20px 30px;
    display:block;
    border:3px solid #fff;
    color:#fff;
    font-size:22px
}
.startCatalog__right-text{
    color:#cccac1;
    font-family:var(--font-accent);
    font-size:28px;
    font-style:normal;
    font-weight:900;
    line-height:100%;
    letter-spacing:4.48px;
    text-transform:uppercase;
    padding-top:40px;
    text-align:center
}
.skittlesCatalog .startCatalog__right-text{
    padding-top:15px
}
.startCatalog__left,.startCatalog__right{
    position:relative
}
.startCatalog__left-text,.startCatalog__right-text{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0
}
.startCatalog__left img,.startCatalog__right img{
    object-fit:cover
}
@media (min-width:1024px){
    .startCatalog{
        margin-bottom:80px
    }
    .startCatalog__content{
        margin:0;
        flex-direction:row;
        gap:30px
    }
    .startCatalog__left,.startCatalog__right{
        flex-basis:100%
    }
    .startCatalog__left-text a{
        font-size:26px;
        padding-left:40px;
        padding-right:40px
    }
    .startCatalog__right-text{
        text-align:left;
        padding-left:60px;
        font-size:34px
    }
    .skittlesCatalog .startCatalog__right-text{
        padding-left:30px;
        padding-top:20px
    }
}
@media (min-width:1440px){
    .startCatalog__right-text{
        text-align:left;
        padding-left:60px;
        font-size:38px
    }
    .skittlesCatalog .startCatalog__right-text{
        font-size:38px
    }
}
@media (min-width:1920px){
    .skittlesCatalog .startCatalog__right-text{
        padding-top:40px;
        padding-left:35px;
        font-size:38px
    }
}
.startHero__content{
    padding:142px 0 18px
}
.startHero__back a{
    color:#464646;
    font-size:16px;
    font-style:normal;
    font-weight:400;
    line-height:normal;
    display:flex;
    align-items:center;
    gap:12px;
    padding:5px 0;
    margin-bottom:36px;
    transition:color .3s ease
}
@media (any-hover:hover){
    .startHero__back a:hover{
        color:var(--header-nav-color-active)
    }
}
.startHero__back a::before{
    content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='8' viewBox='0 0 17 8' fill='none'%3E%3Cpath d='M16 4.5C16.2761 4.5 16.5 4.27614 16.5 4C16.5 3.72386 16.2761 3.5 16 3.5L16 4.5ZM0.646447 3.64645C0.451185 3.84171 0.451185 4.15829 0.646447 4.35355L3.82843 7.53553C4.02369 7.7308 4.34027 7.7308 4.53553 7.53553C4.7308 7.34027 4.7308 7.02369 4.53553 6.82843L1.70711 4L4.53554 1.17157C4.7308 0.97631 4.7308 0.659727 4.53554 0.464465C4.34027 0.269203 4.02369 0.269203 3.82843 0.464465L0.646447 3.64645ZM16 3.5L1 3.5L1 4.5L16 4.5L16 3.5Z' fill='%23464646'/%3E%3C/svg%3E");
    display:block
}
.startHero__body{
    display:flex;
    flex-direction:column;
    gap:27px;
    margin-bottom:30px
}
.startHero__label{
    color:#bdbdb2;
    font-family:Mariupol;
    font-size:14px;
    font-style:normal;
    font-weight:400;
    line-height:114%
}
.startHero__title{
    color:#20261f;
    font-family:var(--font-accent);
    font-size:38px;
    font-style:normal;
    font-weight:900;
    line-height:136.8%
}
.startHero__dates{
    color:#414340;
    font-size:16px;
    font-style:normal;
    font-weight:400;
    line-height:114%;
    margin-bottom:20px
}
.startHero__info{
    display:flex;
    flex-direction:column;
    gap:20px;
    color:#616161;
    font-size:14px;
    font-style:normal;
    font-weight:400;
    line-height:normal
}
.startHero__gallery{
    margin:0 -5px
}
.startHero__gallery video{
    width:calc(100% - 10px);
    height:auto;
    position:absolute;
    top:5px;
    left:5px;
    object-fit:cover;
    aspect-ratio:1/1.80118343
}
.startHero__gallery-item{
    position:relative;
    width:100%;
    padding:5px
}
.startHero__gallery-item img{
    width:100%
}
.startHero__gallery-item-3 img{
    opacity:0
}
@media (min-width:1024px){
    .startHero__gallery video{
        width:calc(100% - 30px);
        height:auto;
        position:absolute;
        top:15px;
        left:15px;
        object-fit:cover;
        aspect-ratio:1/1.824
    }
    .startHero__content{
        padding:190px 0 54px
    }
    .startHero__back a{
        font-size:22px;
        gap:22px
    }
    .startHero__back a::before{
        content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='16' viewBox='0 0 22 16' fill='none'%3E%3Cpath d='M21 9C21.5523 9 22 8.55228 22 8C22 7.44772 21.5523 7 21 7L21 9ZM0.292892 7.2929C-0.0976315 7.68342 -0.0976314 8.31658 0.292893 8.70711L6.65686 15.0711C7.04738 15.4616 7.68054 15.4616 8.07107 15.0711C8.46159 14.6805 8.46159 14.0474 8.07107 13.6569L2.41421 8L8.07107 2.34315C8.46159 1.95262 8.46159 1.31946 8.07107 0.928933C7.68054 0.538409 7.04738 0.538409 6.65685 0.928933L0.292892 7.2929ZM21 7L1 7L1 9L21 9L21 7Z' fill='black'/%3E%3C/svg%3E")
    }
    .startHero__body{
        flex-direction:row;
        align-items:center
    }
    .startHero__body .startHero__img{
        flex-basis:51.4368%
    }
    .startHero__desc{
        flex-basis:46.6091%
    }
    .startHero__label{
        font-size:22px
    }
    .startHero__title{
        font-size:62px
    }
    .startHero__dates{
        font-weight:300;
        font-size:14px;
        margin-bottom:10px
    }
    .startHero__info{
        font-size:20px;
        gap:25px
    }
    .startHero__gallery{
        margin:0 -15px
    }
    .startHero__gallery-item{
        padding:15px
    }
    .startHero__gallery-item-1,.startHero__gallery-item-3{
        width:49.4350282%
    }
    .startHero__gallery-item-2,.startHero__gallery-item-4,.startHero__gallery-item-5{
        width:50.5649718%
    }
}
@media (min-width:1440px){
    .startHero__gallery video{
        aspect-ratio:1/1.814
    }
    .startHero__label{
        font-size:26px
    }
    .startHero__title{
        font-size:72px
    }
    .startHero__dates{
        font-size:18px;
        margin-bottom:20px
    }
    .startHero__info{
        font-size:22px;
        gap:35px
    }
}
@media (min-width:1920px){
    .startHero__gallery video{
        aspect-ratio:1/1.80118343
    }
    .startHero__content{
        padding:294px 0 54px
    }
    .startHero__body .startHero__img{
        flex-basis:61.4368%
    }
    .startHero__desc{
        flex-basis:36.6091%
    }
    .startHero__label{
        font-size:28px
    }
    .startHero__title{
        font-size:82px
    }
    .startHero__dates{
        font-size:28px
    }
    .startHero__info{
        font-size:24px;
        gap:35px
    }
}
.startPhotos__desc-wrapper{
    border-radius:45px 0 0 0;
    background:linear-gradient(131deg,#44493b 16.07%,#24271f 78.39%),#474d3e;
    padding:79px 20px 69px
}
.startPhotos__desc-wrapper .container{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:20px;
    color:#fff;
    text-align:center;
    font-size:16px;
    font-style:normal;
    font-weight:400
}
.startPhotos__desc-wrapper .inline-img-wrapper{
    display:inline-flex;
    align-items:end;
    padding:0 5px;
    margin-right:-5px
}
.startPhotos__list{
    padding:47px 20px 40px;
    margin:0 -20px;
    display:flex;
    flex-direction:column;
    gap:37px;
    background:#cecbc2
}
.startPhotos__li{
    display:flex;
    flex-direction:column;
    align-items:center
}
.startPhotos__li:not(:last-child){
    padding-bottom:21px;
    border-bottom:1px solid rgba(26,27,28,.7)
}
.startPhotos__li-title{
    margin-bottom:18px;
    color:#1a1b1c;
    font-family:var(--font-accent);
    font-size:28px;
    font-style:normal;
    font-weight:900;
    line-height:100%;
    text-transform:uppercase
}
.startPhotos__li-photos{
    margin-bottom:9px
}
@media (max-width:1024px){
    .startPhotos__li-photo-left img{
        width:70%;
        display:block;
        margin:auto
    }
    .startPhotos__li-photo-right img{
        width:100%;
        display:block;
        margin:auto
    }
}
.startPhotos__li-price{
    color:#cccac1;
    font-family:var(--font-accent);
    font-size:22px;
    font-style:normal;
    font-weight:900;
    line-height:100%;
    background:rgba(26,27,28,.7);
    padding:6px 20px
}
@media (min-width:1024px){
    .startPhotos{
        margin-top:46px
    }
    .startPhotos__desc-wrapper{
        border-radius:65px 0 0 0;
        background:linear-gradient(131deg,#44493b 16.07%,#24271f 78.39%),#474d3e;
        padding:90px 0
    }
    .startPhotos__desc-wrapper .container{
        text-align:left;
        align-items:start;
        gap:0
    }
    .startPhotos__desc{
        max-width:1061px;
        font-size:20px
    }
    .startPhotos__desc img{
        display:block;
        width:13px
    }
    .startPhotos__list{
        padding:80px 0;
        background:0 0
    }
    .startPhotos__li{
        align-items:start
    }
    .startPhotos__li:nth-child(1) .startPhotos__li-photo-left{
        flex-basis:43%
    }
    .startPhotos__li:nth-child(1) .startPhotos__li-photo-right{
        flex-basis:47%
    }
    .startPhotos__li:nth-child(2) .startPhotos__li-photo-left{
        flex-basis:32%
    }
    .startPhotos__li:nth-child(2) .startPhotos__li-photo-right{
        flex-basis:52%
    }
    .startPhotos__li:nth-child(3) .startPhotos__li-photo-left{
        flex-basis:31%
    }
    .startPhotos__li:nth-child(3) .startPhotos__li-photo-right{
        flex-basis:38%;
        margin-right:100px
    }
    .startPhotos__li:nth-child(4) .startPhotos__li-photo-left{
        flex-basis:26%
    }
    .startPhotos__li:nth-child(4) .startPhotos__li-photo-right{
        margin-right:100px;
        flex-basis:40%
    }
    .startPhotos__li:nth-child(5) .startPhotos__li-photo-left{
        flex-basis:29%
    }
    .startPhotos__li:nth-child(5) .startPhotos__li-photo-right{
        margin-right:100px;
        flex-basis:38%
    }
    .startPhotos.skittlesPhotos .startPhotos__li:nth-child(1) .startPhotos__li-photo-left{
        flex-basis:62%
    }
    .startPhotos.skittlesPhotos .startPhotos__li:nth-child(1) .startPhotos__li-photo-right{
        flex-basis:38%
    }
    .startPhotos.skittlesPhotos .startPhotos__li:nth-child(1) .startPhotos__li-photo-right img{
        transform:translateY(-34px)
    }
    .startPhotos__li-photo-left{
        text-align:left
    }
    .startPhotos__li-photo-right{
        text-align:right
    }
    .startPhotos__li-title{
        font-size:44px
    }
    .startPhotos__li-photos{
        width:100%;
        margin-bottom:0;
        display:flex;
        justify-content:space-between;
        align-items:center
    }
    .startPhotos__li-price{
        font-size:32px;
        padding:12px 40px;
        align-self:end
    }
}
@media (min-width:1440px){
    .startPhotos__li-title{
        font-size:48px
    }
    .startPhotos__desc{
        font-size:22px
    }
}
@media (min-width:1920px){
    .startPhotos__li-title{
        font-size:52px
    }
    .startPhotos__desc-wrapper{
        padding:120px 0
    }
    .startPhotos__desc-wrapper .container{
        font-size:34px;
        text-align:left;
        align-items:start;
        gap:0
    }
    .startPhotos__desc-wrapper .inline-img-wrapper{
        padding:0 8px
    }
    .startPhotos__desc{
        max-width:1561px;
        font-size:34px
    }
    .startPhotos__desc img{
        width:21px
    }
    .startPhotos.skittlesPhotos .startPhotos__li:nth-child(1) .startPhotos__li-photo-left{
        flex-basis:62%
    }
    .startPhotos.skittlesPhotos .startPhotos__li:nth-child(1) .startPhotos__li-photo-right{
        flex-basis:38%
    }
    .startPhotos.skittlesPhotos .startPhotos__li:nth-child(1) .startPhotos__li-photo-right img{
        transform:translateY(-48px)
    }
}
.temperament{
    background:#dbdbde
}
.temperament__text{
    max-width:100%;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    margin-bottom:52px;
    align-items:center;
    gap:5px
}
.temperament__text>.temperament__text-item{
    margin-left:180px;
    width:3500px
}
.temperament__text-body{
    width:3500px;
    flex-shrink:0;
    display:flex;
    flex-direction:column;
    gap:5px
}
.temperament__text-body .temperament__text-item:nth-child(1){
    margin-left:-250px
}
.temperament__text-body .temperament__text-item:nth-child(2){
    margin-left:190px
}
.temperament__text-body .temperament__text-item:nth-child(3){
    margin-left:-5px
}
.temperament__text-node{
    display:inline-block;
    color:rgba(236,236,236,.15);
    font-size:18px;
    font-style:normal;
    line-height:normal;
    margin-right:10px
}
.temperament__text-node.active{
    color:#fff
}
.temperament__content{
    display:flex;
    justify-content:center
}
.temperament__content img{
    width:100%;
    height:auto;
    max-width:1414px
}
.temperament__bg{
    background:linear-gradient(180deg,#20261f 12.09%,rgba(241,241,241,0) 55.88%)
}
@media (min-width:1024px){
    .temperament__text-node{
        font-size:24px
    }
    .temperament__text-body{
        width:6700px;
        gap:5px
    }
    .temperament__text-body .temperament__text-item:nth-child(1){
        margin-left:170px
    }
    .temperament__text-body .temperament__text-item:nth-child(2){
        margin-left:365px
    }
    .temperament__text-body .temperament__text-item:nth-child(3){
        margin-left:255px
    }
    .temperament__text{
        margin-bottom:140px;
        gap:5px
    }
    .temperament__text>.temperament__text-item{
        align-self:start;
        width:6700px;
        margin-left:-390px
    }
    .temperament__bg{
        background:linear-gradient(180deg,#20261f 7.09%,rgba(241,241,241,0) 61.88%)
    }
}
@media (min-width:1440px){
    .temperament__text-body .temperament__text-item:nth-child(1){
        margin-left:450px
    }
    .temperament__text-body .temperament__text-item:nth-child(2){
        margin-left:205px
    }
    .temperament__text-body .temperament__text-item:nth-child(3){
        margin-left:350px
    }
}
@media (min-width:1920px){
    .temperament__text,.temperament__text-body{
        gap:10px
    }
    .temperament__text-body .temperament__text-item:nth-child(1){
        margin-left:-650px
    }
    .temperament__text-body .temperament__text-item:nth-child(2){
        margin-left:525px
    }
    .temperament__text-body .temperament__text-item:nth-child(3){
        margin-left:205px
    }
    .temperament__text-node{
        font-size:34px
    }
}
.wantHero{
    padding:148px 0 50px
}
.wantHero__content{
    color:#20261f;
    font-style:normal;
    line-height:normal
}
.wantHero__title{
    font-family:var(--font-accent);
    font-size:36px;
    font-weight:900;
    text-align:center;
    margin-bottom:17px
}
.wantHero__desc{
    text-align:center;
    font-size:16px;
    font-weight:700
}
.wantHero__gallery-item{
    font-size:0
}
@media (max-width:1064px){
    .wantHero__gallery-item{
        width:100%
    }
}
.wantHero__img{
    width:100%;
    height:auto;
    font-size:0;
    object-fit:cover
}
.wantHero__gallery-item-2{
    width:100%
}
.wantHero__gallery{
    margin:0 -20px
}
@media (min-width:1024px){
    .wantHero .container{
        padding:0 10px
    }
    .wantHero{
        padding:200px 0 50px
    }
    .wantHero__title{
        font-size:90px;
        text-align:left;
        margin-bottom:86px
    }
    .wantHero__desc{
        font-size:40px;
        text-align:left
    }
    .wantHero__gallery{
        margin:0 -10px
    }
    .wantHero__gallery-item{
        padding:10px
    }
    .wantHero__gallery-item-1,.wantHero__gallery-item-9{
        width:39.5454545%
    }
    .wantHero__gallery-item-3,.wantHero__gallery-item-4{
        width:60.4545455%
    }
    .wantHero__gallery-item-10,.wantHero__gallery-item-11,.wantHero__gallery-item-6{
        width:33.2954545%
    }
    .wantHero__gallery-item-12,.wantHero__gallery-item-5,.wantHero__gallery-item-8{
        width:66.7045455%
    }
    .wantHero__gallery-item-13,.wantHero__gallery-item-7{
        width:50%
    }
}
@media (min-width:1440px){
    .wantHero__desc{
        font-size:42px;
        text-align:left
    }
    .wantHero{
        padding:200px 0 50px
    }
}
@media (min-width:1920px){
    .wantHero__desc{
        font-size:48px;
        text-align:left
    }
    .wantHero{
        padding:276px 0 50px
    }
    .wantHero .container{
        padding:0 10px;
        max-width:1760px
    }
}
.faq{
    padding:30px 0
}
.faq__content{
    color:var(--black);
    text-align:center
}
.faq__title{
    font-family:var(--font-accent);
    font-size:28px;
    font-style:normal;
    font-weight:900;
    line-height:normal;
    margin-bottom:8px
}
.faq__desc,.faq__list{
    display:flex;
    flex-direction:column
}
.faq__desc{
    font-size:14px;
    font-weight:400;
    line-height:normal;
    gap:16px;
    margin-bottom:30px
}
.faq__list{
    gap:10px
}
.faq__li{
    text-align:left
}
.faq__btn{
    width:100%;
    background:#f1f1f1;
    color:#a8573e;
    font-size:16px;
    font-style:normal;
    font-weight:400;
    line-height:normal;
    letter-spacing:.72px;
    padding:16px 16px 16px 8px;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    position:relative
}
.faq__btn::after,.faq__btn::before{
    position:absolute;
    top:50%;
    transform:translateY(-50%)
}
.faq__btn::after{
    content:"";
    right:16px;
    border:1px solid #a8573e;
    border-radius:50%;
    width:21px;
    height:21px
}
.faq__btn::before{
    content:"+";
    right:22px;
    font-size:16px
}
.faq__btn.open::before{
    content:"-";
    right:23px
}
.faq__btn.open+.faq__answer{
    grid-template-rows:1fr;
    padding-bottom:8px
}
.faq__answer{
    display:grid;
    grid-template-rows:0fr;
    transition:grid-template-rows .3s ease,padding .3s ease;
    background:#f1f1f1;
    padding-left:8px;
    padding-right:16px
}
.faq__answer-inner{
    overflow:hidden
}
@media (min-width:1024px){
    .faq{
        padding:88px 0 100px
    }
    .faq__content{
        text-align:left
    }
    .faq__title{
        font-size:48px;
        margin-bottom:20px
    }
    .faq__desc{
        font-size:20px;
        gap:20px;
        margin-bottom:100px
    }
    .faq__btn{
        font-size:28px;
        padding:22px 18px
    }
    .faq__btn::after{
        right:16px;
        width:29px;
        height:29px
    }
    .faq__btn::before{
        right:24px;
        top:50%;
        font-size:22px;
        transform:translateY(-50%)
    }
    .faq__btn.open::before{
        content:"-";
        right:25px
    }
    .faq__answer{
        font-size:20px;
        padding-left:18px;
        padding-right:18px
    }
}
@media (min-width:1440px){
    .faq__desc{
        gap:24px;
        margin-bottom:100px
    }
    .faq__answer,.faq__desc{
        font-size:24px
    }
}
@media (min-width:1920px){
    .faq__desc{
        font-size:28px;
        gap:32px;
        margin-bottom:100px
    }
    .faq__answer{
        font-size:28px;
        padding-left:18px;
        padding-right:18px
    }
}

.contact-class {
    color: #000!important;
}

.contact-class:hover {
    color: #e97350!important;
}

@media(min-width: 1024px){
    .mini {
        flex-basis: 49%!important;
    }
}

@media(min-width: 1920px){
    .mini {
        flex-basis: 49%!important;
    }
}