/* Start:/local/templates/turbolemons-template/css/about.css?178784413760362*/
/* ==========================================================================
   ROBOTO FLEX — IOS SAFARI FIX
   ========================================================================== */

@font-face {
    font-family:"Roboto Flex Custom";

    src:
        url("/local/fonts/RobotoFlex-CompressedItalic-VF.ttf") format("truetype-variations"),
        url("/local/fonts/RobotoFlex-CompressedItalic-VF.ttf") format("truetype");

    font-weight:100 1000;
    font-style:italic;
    font-display:swap;
}

/* ==========================================================================
   ABOUT HERO
   ========================================================================== */

.about-hero,
.about-hero *,
.about-hero *::before,
.about-hero *::after{
    box-sizing:border-box;
}


/* ==========================================================================
   ROOT
   ========================================================================== */

.about-hero{
    position:relative;

    width:100%;
    height:980px;
    min-height:700px;

    overflow:hidden;

    background:#171717;

    color:#FFFFFF;
}


/* ==========================================================================
   BACKGROUND
   ========================================================================== */

.about-hero__background{
    position:absolute;
    inset:0;

    width:100%;
    height:100%;

    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.60) 0%,
            rgba(0,0,0,0) 100%
        ),
        url("/local/templates/turbolemons-template/img/about/about-hero.png");

    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
}


/* ==========================================================================
   CONTENT
   ========================================================================== */

.about-hero__content{
    position:relative;
    z-index:1;

    width:100%;
    max-width:1920px;
    height:100%;

    margin:0 auto;

    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    align-items:flex-start;

    gap:32px;

    padding:
        24px
        90px
        32px;
}

/* ==========================================================================
   TEXT
   ========================================================================== */

.about-hero__text{
    width:100%;

    display:flex;
    flex-direction:column;
    align-items:flex-start;

    gap:16px;
}


/* ==========================================================================
   TITLE
   ========================================================================== */

.about-hero__title{
    width:100%;

    margin:0;
    padding:0;

    font-family:"Roboto Flex Custom",sans-serif;
    font-style:italic;
    font-weight:700;

    font-size:120px;
    line-height:118px;

    letter-spacing:0;

    text-transform:uppercase;

    color:#FFFFFF;
    font-variation-settings:"wght" 700;
    -webkit-font-smoothing:antialiased;
    text-rendering:geometricPrecision;

}


/* ==========================================================================
   DESCRIPTION
   ========================================================================== */

.about-hero__description{
    width:700px;

    margin:0;
    padding:0;

    font-family:Inter,sans-serif;
    font-style:normal;
    font-weight:600;

    font-size:20px;
    line-height:24px;
    letter-spacing:-.6px;

    color:#FFFFFF;
}


/* ==========================================================================
   BUTTON
   ========================================================================== */

.about-hero__button{
    width:177px;
    height:48px;

    flex:0 0 48px;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:0 24px;

    background:#D2FF00;

    border:0;
    border-radius:0;

    font-family:"Roboto Flex Custom",sans-serif;
    font-style:italic;
    font-weight:700;

    font-size:14px;
    line-height:18px;
    letter-spacing:-.3px;

    text-transform:uppercase;

    white-space:nowrap;

    color:#171717;

    text-decoration:none;

    cursor:pointer;

    transition:
        background-color .2s ease,
        opacity .2s ease;
    font-variation-settings:"wght" 700;
    -webkit-font-smoothing:antialiased;
    text-rendering:geometricPrecision;

}


/* ==========================================================================
   BUTTON HOVER
   ========================================================================== */

.about-hero__button:hover{
    background:#C6F000;

    color:#171717;
}


/* ==========================================================================
   BUTTON ACTIVE
   ========================================================================== */

.about-hero__button:active{
    background:#BDEA00;
}


/* ==========================================================================
   FOCUS
   ========================================================================== */

.about-hero__button:focus-visible{
    outline:2px solid #FFFFFF;
    outline-offset:3px;
}
/* ==========================================================================
   ABOUT INTRO / COMPANY STATS
   ========================================================================== */

.about-intro,
.about-intro *,
.about-intro *::before,
.about-intro *::after{
    box-sizing:border-box;
}


/* ==========================================================================
   SECTION
   ========================================================================== */

.about-intro{
    width:100%;

    padding:72px 90px;

    background:#FFFFFF;

    color:#171717;
}


/* ==========================================================================
   INNER
   ========================================================================== */

.about-intro__inner{
    width:100%;
    max-width:1740px;

    margin:0 auto;

    display:flex;
    flex-direction:column;
    align-items:flex-start;

    gap:32px;
}


/* ==========================================================================
   TOP CONTENT
   ========================================================================== */

.about-intro__content{
    width:100%;
    height:510px;

    display:grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 1fr);

    gap:12px;

    align-items:start;
}


/* ==========================================================================
   LEFT
   ========================================================================== */

.about-intro__lead{
    width:100%;

    display:flex;
    flex-direction:column;
    align-items:flex-start;

    gap:16px;

    z-index:2;
}
/* ==========================================================================
   BIG NUMBER
   ========================================================================== */

.about-intro__big-number{
    width:100%;

    margin:0;

    font-family:"Roboto Flex Custom",sans-serif;
    font-style:italic;
    font-weight:700;

    font-size:120px;
    line-height:118px;

    text-transform:uppercase;

    color:#111827;

    white-space:nowrap;
    font-variation-settings:"wght" 700;
    -webkit-font-smoothing:antialiased;
    text-rendering:geometricPrecision;

}


/* ==========================================================================
   LEFT DESCRIPTION
   ========================================================================== */

.about-intro__lead-text{
    width:100%;

    margin:0;

    font-family:Inter,sans-serif;
    font-style:normal;
    font-weight:400;

    font-size:16px;
    line-height:22px;
    letter-spacing:-.4px;

    color:#171717;
}


/* ==========================================================================
   RIGHT
   ========================================================================== */

.about-intro__company{
    width:100%;
    height:510px;

    display:flex;
    flex-direction:column;
    align-items:flex-start;

    gap:16px;
}


/* ==========================================================================
   TITLE
   ========================================================================== */

.about-intro__title{
    width:100%;

    margin:0;

    font-family:"Roboto Flex Custom",sans-serif;
    font-style:italic;
    font-weight:700;

    font-size:56px;
    line-height:50px;
    letter-spacing:-.6px;

    color:#111827;
    font-variation-settings:"wght" 700;
    -webkit-font-smoothing:antialiased;
    text-rendering:geometricPrecision;

}


/* ==========================================================================
   DESCRIPTION
   ========================================================================== */

.about-intro__description{
    width:100%;
    min-height:44px;

    margin:0;

    font-family:Inter,sans-serif;
    font-style:normal;
    font-weight:400;

    font-size:16px;
    line-height:22px;
    letter-spacing:-.4px;

    color:#171717;
}


/* ==========================================================================
   IMAGE
   ========================================================================== */

.about-intro__image{
    width:100%;
    height:384px;

    flex:0 0 384px;

    overflow:hidden;
}


.about-intro__image img{
    display:block;

    width:100%;
    height:100%;

    object-fit:cover;
    object-position:center;

    max-width:none;
}


/* ==========================================================================
   STATS ROW
   ========================================================================== */

.about-intro__stats{
    width:100%;
    height:150px;

    display:grid;

    grid-template-columns:repeat(4, minmax(0, 1fr));

    gap:12px;
}


/* ==========================================================================
   STAT CARD
   ========================================================================== */

.about-intro__stat{
    width:100%;
    height:150px;

    display:flex;
    flex-direction:column;
    align-items:flex-start;

    gap:12px;

    padding:24px;

    background:#F5F5F5;
}


/* ==========================================================================
   STAT INDEX
   ========================================================================== */

.about-intro__stat-index{
    width:100%;

    font-family:Inter,sans-serif;
    font-style:normal;
    font-weight:500;

    font-size:16px;
    line-height:22px;
    letter-spacing:-.4px;

    color:#A3A3A3;
}


/* ==========================================================================
   STAT VALUE
   ========================================================================== */

.about-intro__stat-value{
    width:100%;

    font-family:"Roboto Flex Custom",sans-serif;
    font-style:italic;
    font-weight:700;

    font-size:40px;
    line-height:38px;
    letter-spacing:-1.2px;

    color:#111827;

    white-space:nowrap;
    font-variation-settings:"wght" 700;
    -webkit-font-smoothing:antialiased;
    text-rendering:geometricPrecision;

}


/* ==========================================================================
   STAT DESCRIPTION
   ========================================================================== */

.about-intro__stat-text{
    width:100%;

    font-family:Inter,sans-serif;
    font-style:normal;
    font-weight:400;

    font-size:14px;
    line-height:18px;
    letter-spacing:-.3px;

    color:#737373;
}
/* ==========================================================================
   ABOUT TRUST
   ========================================================================== */

.about-trust,
.about-trust *,
.about-trust *::before,
.about-trust *::after{
    box-sizing:border-box;
}


/* ==========================================================================
   SECTION
   ========================================================================== */

.about-trust{
    width:100%;

    display:flex;
    flex-direction:column;
    align-items:flex-start;

    gap:48px;

    padding:72px 90px;

    overflow:hidden;

    background:#FFFFFF;

    color:#171717;
}


/* ==========================================================================
   HEADER
   ========================================================================== */

.about-trust__header{
    width:100%;
    max-width:1740px;
    height:110px;

    margin:0 auto;

    display:grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 1fr);

    gap:12px;

    align-items:start;
}


/* ==========================================================================
   HEADER LEFT
   ========================================================================== */

.about-trust__header-left{
    width:100%;
    height:24px;

    display:flex;
    align-items:flex-start;
}


/* ==========================================================================
   BADGE
   ========================================================================== */

.about-trust__badge{
    width:max-content;
    height:24px;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:0 8px;

    background:#D2FF00;

    font-family:Inter,sans-serif;
    font-style:normal;
    font-weight:500;

    font-size:14px;
    line-height:18px;
    letter-spacing:-.3px;

    color:#171717;
}


/* ==========================================================================
   HEADER RIGHT
   ========================================================================== */

.about-trust__header-right{
    width:100%;
    height:110px;

    display:flex;
    flex-direction:column;
    align-items:flex-start;

    gap:16px;
}


/* ==========================================================================
   TITLE
   ========================================================================== */

.about-trust__title{
    width:100%;

    margin:0;
    padding:0;

    font-family:"Roboto Flex Custom",sans-serif;
    font-style:italic;
    font-weight:700;

    font-size:56px;
    line-height:50px;
    letter-spacing:-.6px;

    color:#171717;
    font-variation-settings:"wght" 700;
    -webkit-font-smoothing:antialiased;
    text-rendering:geometricPrecision;

}


/* ==========================================================================
   DESCRIPTION
   ========================================================================== */

.about-trust__description{
    width:100%;

    margin:0;
    padding:0;

    font-family:Inter,sans-serif;
    font-style:normal;
    font-weight:400;

    font-size:16px;
    line-height:22px;
    letter-spacing:-.4px;

    color:#171717;
}


/* ==========================================================================
   BRANDS / MARQUEE
   ========================================================================== */

.about-trust__brands{
    position:relative;

    width:100%;
    max-width:1740px;
    height:128px;

    margin:0 auto;

    overflow:hidden;

    -webkit-mask-image:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(0,0,0,.15) 3%,
            rgba(0,0,0,.55) 7%,
            #000 13%,
            #000 87%,
            rgba(0,0,0,.55) 93%,
            rgba(0,0,0,.15) 97%,
            transparent 100%
        );

    mask-image:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(0,0,0,.15) 3%,
            rgba(0,0,0,.55) 7%,
            #000 13%,
            #000 87%,
            rgba(0,0,0,.55) 93%,
            rgba(0,0,0,.15) 97%,
            transparent 100%
        );
}


/* ==========================================================================
   BRANDS TRACK
   ========================================================================== */

.about-trust__brands-track{
    --brands-gap:20px;

    width:max-content;
    height:128px;

    display:flex;
    flex-direction:row;
    align-items:center;

    gap:var(--brands-gap);

    will-change:transform;

    animation:
        about-brands-marquee
        38s
        linear
        infinite;
}


/* ==========================================================================
   BRANDS GROUP
   ========================================================================== */

.about-trust__brands-group{
    height:128px;

    display:flex;
    flex-direction:row;
    align-items:center;

    gap:16px;

    flex:0 0 auto;
}


/* ==========================================================================
   BRAND
   ========================================================================== */

.about-trust__brand{
    width:260px;
    height:128px;

    flex:0 0 260px;

    display:flex;
    align-items:center;
    justify-content:center;

    opacity:.2;

    transition:opacity .25s ease;
}


.about-trust__brand img{
    display:block;

    width:auto;
    height:auto;

    max-width:235px;
    max-height:96px;

    object-fit:contain;

    filter:grayscale(1);

    transition:
        opacity .25s ease,
        filter .25s ease,
        transform .25s ease;
}


@keyframes about-brands-marquee{

    from{
        transform:translate3d(0,0,0);
    }

    to{
        transform:translate3d(
            calc(-50% - 10px),
            0,
            0
        );
    }

}


/* ==========================================================================
   BRAND HOVER
   ========================================================================== */

.about-trust__brand:hover{
    opacity:1;
}


.about-trust__brand:hover img{
    filter:grayscale(0);

    transform:scale(1.03);
}


/* ==========================================================================
   GALLERY — SAME AS HOME
   ========================================================================== */

.about-trust__gallery{
    position:relative;
    z-index:2;

    display:flex;
    align-items:center;

    gap:12px;

    /*
     * На главной gallery width:100%.
     * Здесь родитель .about-trust имеет padding,
     * поэтому выводим галерею на полную ширину viewport.
     */
    width:100vw;
    max-width:none;

    margin-left:calc((100vw - 100%) / -2);

    padding:60px 0 72px;

    overflow-x:auto;
    overflow-y:hidden;

    cursor:grab;

    scrollbar-width:none;
    -ms-overflow-style:none;
}


.about-trust__gallery.is-dragging{
    cursor:grabbing;

    scroll-behavior:auto;
}


.about-trust__gallery-item{
    flex:0 0 650px;

    width:650px;
    height:433px;

    overflow:hidden;

    margin:0;
    padding:0;

    border:0;

    background:none;

    cursor:pointer;

    text-align:left;
}


.about-trust__gallery::-webkit-scrollbar{
    display:none;
}


.about-trust__gallery-item img{
    display:block;

    width:100%;
    height:100%;

    max-width:none;

    object-fit:cover;

    transition:transform .4s ease;
}


.about-trust__gallery-item:hover img{
    transform:scale(1.05);
}


@media(max-width:991px){

    .about-trust__gallery{
        padding:0 0 32px;
    }


    .about-trust__gallery-item{
        width:294px;
        height:196px;

        flex:0 0 294px;
    }

}
/* ==========================================================================
   LIGHTBOX
   ========================================================================== */

body.about-lightbox-open{
    overflow:hidden;
}


.about-gallery-lightbox{
    position:fixed;
    inset:0;

    z-index:999999;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:40px 96px;

    background:rgba(10,10,10,.94);

    opacity:0;
    visibility:hidden;
    pointer-events:none;

    transition:
        opacity .25s ease,
        visibility .25s ease;
}


.about-gallery-lightbox.is-open{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
}


.about-gallery-lightbox__stage{
    position:relative;

    width:100%;
    height:100%;

    display:flex;
    align-items:center;
    justify-content:center;
}


.about-gallery-lightbox__image{
    display:block;

    width:auto;
    height:auto;

    max-width:100%;
    max-height:100%;

    object-fit:contain;

    user-select:none;
    -webkit-user-drag:none;
}


/* ==========================================================================
   LIGHTBOX CLOSE
   ========================================================================== */

.about-gallery-lightbox__close{
    position:absolute;

    top:24px;
    right:24px;

    z-index:3;

    width:48px;
    height:48px;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:0;

    border:0;

    background:rgba(255,255,255,.10);

    color:#FFFFFF;

    cursor:pointer;

    transition:background .2s ease;
}


.about-gallery-lightbox__close:hover{
    background:rgba(255,255,255,.20);
}


/* ==========================================================================
   LIGHTBOX ARROWS
   ========================================================================== */

.about-gallery-lightbox__prev,
.about-gallery-lightbox__next{
    position:absolute;

    top:50%;

    z-index:3;

    width:56px;
    height:56px;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:0;

    border:0;

    background:rgba(255,255,255,.10);

    color:#FFFFFF;

    cursor:pointer;

    transform:translateY(-50%);

    transition:background .2s ease;
}


.about-gallery-lightbox__prev{
    left:24px;
}


.about-gallery-lightbox__next{
    right:24px;
}


.about-gallery-lightbox__prev:hover,
.about-gallery-lightbox__next:hover{
    background:rgba(255,255,255,.20);
}


/* ==========================================================================
   LIGHTBOX COUNTER
   ========================================================================== */

.about-gallery-lightbox__counter{
    position:absolute;

    left:50%;
    bottom:20px;

    z-index:3;

    transform:translateX(-50%);

    font-family:Inter,sans-serif;
    font-size:14px;
    line-height:18px;

    color:rgba(255,255,255,.7);
}


/* ==========================================================================
   TABLET / MOBILE — GALLERY + EDGE FADE
   ========================================================================== */

@media (max-width:991px){

    .about-trust__brands{
        -webkit-mask-image:
            linear-gradient(
                90deg,
                transparent 0%,
                rgba(0,0,0,.5) 6%,
                #000 14%,
                #000 86%,
                rgba(0,0,0,.5) 94%,
                transparent 100%
            );

        mask-image:
            linear-gradient(
                90deg,
                transparent 0%,
                rgba(0,0,0,.5) 6%,
                #000 14%,
                #000 86%,
                rgba(0,0,0,.5) 94%,
                transparent 100%
            );
    }


    .about-trust__gallery{
        scrollbar-width:none;
    }


    .about-trust__gallery::-webkit-scrollbar{
        display:none;
    }

}


/* ==========================================================================
   LIGHTBOX — MOBILE
   ========================================================================== */

@media (max-width:767px){

    .about-gallery-lightbox{
        padding:72px 16px 64px;
    }


    .about-gallery-lightbox__close{
        top:16px;
        right:16px;

        width:44px;
        height:44px;
    }


    .about-gallery-lightbox__prev,
    .about-gallery-lightbox__next{
        width:44px;
        height:44px;

        background:rgba(0,0,0,.35);
    }


    .about-gallery-lightbox__prev{
        left:8px;
    }


    .about-gallery-lightbox__next{
        right:8px;
    }

}


/* ==========================================================================
   ABOUT HERO — DESKTOP 1440
   ========================================================================== */

@media (min-width:992px) and (max-width:1599px){

    .about-hero{
        height:980px;
        min-height:980px;
    }


    /* ----------------------------------------------------------------------
       BACKGROUND
       ---------------------------------------------------------------------- */

    .about-hero__background{
        background-position:center center;
        background-size:cover;
    }


    /* ----------------------------------------------------------------------
       CONTENT

       1440 - 90 - 90 = 1260px
       ---------------------------------------------------------------------- */

    .about-hero__content{
        gap:32px;

        padding:
            24px
            90px
            32px;
    }


    /* ----------------------------------------------------------------------
       TEXT
       ---------------------------------------------------------------------- */

    .about-hero__text{
        width:100%;

        gap:16px;
    }


    /* ----------------------------------------------------------------------
       TITLE
       ---------------------------------------------------------------------- */

    .about-hero__title{
        width:100%;

        font-size:120px;
        line-height:118px;

        letter-spacing:0;
    }


    /* ----------------------------------------------------------------------
       DESCRIPTION
       ---------------------------------------------------------------------- */

    .about-hero__description{
        width:800px;

        font-size:20px;
        line-height:24px;
        letter-spacing:-.6px;
    }


    /* ----------------------------------------------------------------------
       BUTTON
       ---------------------------------------------------------------------- */

    .about-hero__button{
        width:177px;
        height:48px;

        flex:0 0 48px;

        padding:0 24px;
    }

    .about-intro{
        padding:72px 90px;
    }

    .about-intro__inner{
        width:100%;
        max-width:none;

        gap:32px;
    }

    /* 1440 - 90 - 90 = 1260 */

    .about-intro__content{
        width:100%;
        height:510px;

        grid-template-columns:
            minmax(0, 1fr)
            minmax(0, 1fr);

        gap:12px;
    }

    .about-intro__lead{
        width:100%;

        gap:16px;
    }

    .about-intro__big-number{
        width:100%;

        font-size:120px;
        line-height:118px;
    }

    .about-intro__lead-text{
        width:100%;

        font-size:16px;
        line-height:22px;
        letter-spacing:-.4px;
    }

    .about-intro__company{
        width:100%;
        height:510px;

        gap:16px;
    }

    .about-intro__title{
        width:100%;

        font-size:56px;
        line-height:50px;
        letter-spacing:-.6px;
    }

    .about-intro__description{
        width:100%;

        font-size:16px;
        line-height:22px;
        letter-spacing:-.4px;
    }

    .about-intro__image{
        width:100%;
        height:384px;

        flex:0 0 384px;
    }

    .about-intro__stats{
        width:100%;
        height:150px;

        grid-template-columns:repeat(4, minmax(0, 1fr));

        gap:12px;
    }

    .about-intro__stat{
        width:100%;
        height:150px;

        padding:24px;

        gap:12px;
    }

    .about-intro__stat-value{
        font-size:40px;
        line-height:38px;
        letter-spacing:-1.2px;
    }
    /* ----------------------------------------------------------------------
       SECTION

       72 + 110 + 48 + 128 + 48 + 324 + 72 = 802
       ---------------------------------------------------------------------- */

    .about-trust{
        width:100%;
        height:auto;

        padding:72px 90px;

        gap:48px;
    }


    /* ----------------------------------------------------------------------
       HEADER

       1440 - 90 - 90 = 1260
       624 + 12 + 624 = 1260
       ---------------------------------------------------------------------- */

    .about-trust__header{
        width:100%;
        max-width:none;
        height:110px;

        grid-template-columns:
            minmax(0,1fr)
            minmax(0,1fr);

        gap:12px;
    }


    .about-trust__header-left{
        width:100%;
        height:24px;
    }


    .about-trust__header-right{
        width:100%;
        height:110px;

        gap:16px;
    }


    .about-trust__title{
        width:100%;

        font-size:56px;
        line-height:50px;
        letter-spacing:-.6px;
    }


    .about-trust__description{
        width:100%;

        font-size:16px;
        line-height:22px;
        letter-spacing:-.4px;
    }


    /* ----------------------------------------------------------------------
       BRANDS
       ---------------------------------------------------------------------- */

    .about-trust__brands{
        width:100%;
        max-width:none;
        height:128px;
    }


    .about-trust__brands-track,
    .about-trust__brands-group{
        height:128px;
    }


    .about-trust__brand{
        width:260px;
        height:128px;

        flex:0 0 260px;
    }


    .about-trust__brand img{
        max-width:235px;
        max-height:96px;
    }


}
/* ==========================================================================
   ABOUT HERO — TABLET 768
   ========================================================================== */

@media (min-width:480px) and (max-width:991px){

    /* ----------------------------------------------------------------------
       HERO
       ---------------------------------------------------------------------- */

    .about-hero{
        width:100%;

        height:852px;
        min-height:852px;
    }


    /* ----------------------------------------------------------------------
       BACKGROUND

       На tablet в Figma дополнительно есть общий затемняющий слой 25%
       ---------------------------------------------------------------------- */

    .about-hero__background{
        background:
            linear-gradient(
                0deg,
                rgba(0,0,0,.25),
                rgba(0,0,0,.25)
            ),
            linear-gradient(
                180deg,
                rgba(0,0,0,.60) 0%,
                rgba(0,0,0,0) 73.32%
            ),
            url("/local/templates/turbolemons-template/img/about/about-hero.png");

        background-repeat:no-repeat;
        background-position:center center;
        background-size:cover;
    }


    /* ----------------------------------------------------------------------
       CONTENT

       768 - 16 - 16 = 736px
       ---------------------------------------------------------------------- */

    .about-hero__content{
        width:100%;
        height:100%;

        justify-content:flex-end;

        gap:24px;

        padding:24px 16px;
    }


    /* ----------------------------------------------------------------------
       TEXT
       ---------------------------------------------------------------------- */

    .about-hero__text{
        width:100%;

        gap:16px;
    }


    /* ----------------------------------------------------------------------
       TITLE
       ---------------------------------------------------------------------- */

    .about-hero__title{
        width:100%;

        font-family:"Roboto Flex Custom",sans-serif;

        font-size:56px;
        line-height:50px;
        letter-spacing:-.6px;

        text-transform:uppercase;
    font-variation-settings:"wght" 700;
    -webkit-font-smoothing:antialiased;
    text-rendering:geometricPrecision;

    }


    /* ----------------------------------------------------------------------
       DESCRIPTION
       ---------------------------------------------------------------------- */

    .about-hero__description{
        width:600px;

        font-size:18px;
        line-height:24px;
        letter-spacing:-.4px;
    }


    /* ----------------------------------------------------------------------
       BUTTON

       На tablet кнопка уже во всю ширину.
       ---------------------------------------------------------------------- */

    .about-hero__button{
        width:100%;
        height:48px;

        flex:0 0 48px;

        padding:0 24px;
    }
    /* ----------------------------------------------------------------------
       SECTION
       ---------------------------------------------------------------------- */

    .about-intro{
        width:100%;

        padding:32px 16px;
    }


    /* ----------------------------------------------------------------------
       INNER
       ---------------------------------------------------------------------- */

    .about-intro__inner{
        width:100%;
        max-width:none;

        gap:32px;
    }


    /* ----------------------------------------------------------------------
       TOP CONTENT

       lead:
       101px

       gap:
       32px

       company:
       305px

       total:
       438px
       ---------------------------------------------------------------------- */

    .about-intro__content{
        width:100%;
        height:438px;

        display:flex;
        flex-direction:column;
        align-items:flex-start;

        gap:32px;
    }


    /* ----------------------------------------------------------------------
       LEAD
       ---------------------------------------------------------------------- */

    .about-intro__lead{
        width:100%;
        height:101px;

        flex:0 0 101px;

        gap:16px;
    }


    .about-intro__big-number{
        width:100%;

        font-size:72px;
        line-height:63px;
        letter-spacing:-.6px;

        white-space:nowrap;
    }


    .about-intro__lead-text{
        width:100%;

        font-size:16px;
        line-height:22px;
        letter-spacing:-.4px;
    }


    /* ----------------------------------------------------------------------
       COMPANY
       ---------------------------------------------------------------------- */

    .about-intro__company{
        width:100%;
        height:305px;

        flex:0 0 305px;

        gap:16px;
    }


    .about-intro__title{
        width:100%;

        font-size:40px;
        line-height:38px;
        letter-spacing:-1.2px;
    }


    .about-intro__description{
        width:100%;
        min-height:44px;

        font-size:16px;
        line-height:22px;
        letter-spacing:-.4px;
    }


    /* ----------------------------------------------------------------------
       IMAGE
       ---------------------------------------------------------------------- */

    .about-intro__image{
        width:100%;
        height:191px;

        flex:0 0 191px;
    }


    .about-intro__image img{
        width:100%;
        height:100%;

        object-fit:cover;
        object-position:center;
    }


    /* ----------------------------------------------------------------------
       STATS

       2 columns × 2 rows
       ---------------------------------------------------------------------- */

    .about-intro__stats{
        width:100%;
        height:264px;

        display:grid;

        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        grid-template-rows:
            repeat(2, 126px);

        gap:12px;
    }


    /* ----------------------------------------------------------------------
       STAT
       ---------------------------------------------------------------------- */

    .about-intro__stat{
        width:100%;
        height:126px;

        padding:16px;

        gap:12px;
    }


    .about-intro__stat-index{
        width:100%;

        font-size:16px;
        line-height:22px;
        letter-spacing:-.4px;
    }


    .about-intro__stat-value{
        width:100%;

        font-size:32px;
        line-height:30px;
        letter-spacing:-1px;
    }


    .about-intro__stat-text{
        width:100%;

        font-size:14px;
        line-height:18px;
        letter-spacing:-.3px;
    }
    /* ----------------------------------------------------------------------
       SECTION

       32 + 134 + 24 + 128 + 24 + 256 + 32 = 630
       ---------------------------------------------------------------------- */

    .about-trust{
        width:100%;
        height:auto;

        padding:32px 16px;

        gap:24px;
    }


    /* ----------------------------------------------------------------------
       HEADER
       ---------------------------------------------------------------------- */

    .about-trust__header{
        width:100%;
        max-width:none;
        height:134px;

        display:flex;
        flex-direction:column;
        align-items:flex-start;

        gap:12px;
    }


    /* ----------------------------------------------------------------------
       BADGE
       ---------------------------------------------------------------------- */

    .about-trust__header-left{
        width:100%;
        height:24px;

        flex:0 0 24px;
    }


    .about-trust__badge{
        height:24px;

        padding:0 8px;

        font-size:14px;
        line-height:18px;
        letter-spacing:-.3px;
    }


    /* ----------------------------------------------------------------------
       RIGHT CONTENT
       ---------------------------------------------------------------------- */

    .about-trust__header-right{
        width:100%;
        height:98px;

        flex:0 0 98px;

        gap:16px;
    }


    .about-trust__title{
        width:100%;

        font-size:40px;
        line-height:38px;
        letter-spacing:-1.2px;
    }


    .about-trust__description{
        width:100%;

        font-size:16px;
        line-height:22px;
        letter-spacing:-.4px;
    }


    /* ----------------------------------------------------------------------
       BRANDS MARQUEE
       ---------------------------------------------------------------------- */

    .about-trust__brands{
        width:100%;
        max-width:none;
        height:128px;

        flex:0 0 128px;
    }


    .about-trust__brands-track,
    .about-trust__brands-group{
        height:128px;
    }


    .about-trust__brands-group{
        gap:16px;
    }


    .about-trust__brand{
        width:240px;
        height:120px;

        flex:0 0 240px;
    }


    .about-trust__brand img{
        max-width:215px;
        max-height:88px;
    }


}
/* ==========================================================================
   ABOUT HERO — MOBILE 393
   ========================================================================== */

@media (max-width:479px){

    /* ----------------------------------------------------------------------
       HERO
       ---------------------------------------------------------------------- */

    .about-hero{
        width:100%;

        height:852px;
        min-height:852px;
    }


    /* ----------------------------------------------------------------------
       BACKGROUND
       ---------------------------------------------------------------------- */

    .about-hero__background{
        background:
            linear-gradient(
                0deg,
                rgba(0,0,0,.25),
                rgba(0,0,0,.25)
            ),
            linear-gradient(
                180deg,
                rgba(0,0,0,.60) 0%,
                rgba(0,0,0,0) 73.32%
            ),
            url("/local/templates/turbolemons-template/img/about/about-hero.png");

        background-repeat:no-repeat;
        background-position:center center;
        background-size:cover;
    }


    /* ----------------------------------------------------------------------
       CONTENT

       393 - 16 - 16 = 361px
       ---------------------------------------------------------------------- */

    .about-hero__content{
        width:100%;
        height:100%;

        justify-content:flex-end;

        gap:24px;

        padding:24px 16px;
    }


    /* ----------------------------------------------------------------------
       TEXT

       TITLE       150px
       GAP          16px
       DESCRIPTION  96px
       -----------------
                    262px
       ---------------------------------------------------------------------- */

    .about-hero__text{
        width:100%;

        gap:16px;
    }


    /* ----------------------------------------------------------------------
       TITLE
       ---------------------------------------------------------------------- */

.about-hero__title{
    width:100%;
    margin:0;

    font-family:"Roboto Flex Custom",sans-serif;
    font-style:italic;
    font-weight:700;

    font-size:48px;
    line-height:46px;
    letter-spacing:-2px;

    text-transform:uppercase;

    white-space:normal;

    font-variation-settings:"wght" 700;
    -webkit-font-smoothing:antialiased;
    text-rendering:geometricPrecision;
}

    /* ----------------------------------------------------------------------
       DESCRIPTION
       ---------------------------------------------------------------------- */

    .about-hero__description{
        width:100%;

        margin:0;

        font-size:18px;
        line-height:24px;
        letter-spacing:-.4px;

        white-space:normal;
    }


    /* ----------------------------------------------------------------------
       BUTTON
       ---------------------------------------------------------------------- */

    .about-hero__button{
        width:100%;
        height:48px;

        flex:0 0 48px;

        padding:0 24px;
    }
    /* ----------------------------------------------------------------------
       SECTION
       ---------------------------------------------------------------------- */

    .about-intro{
        width:100%;

        padding:32px 16px;
    }


    /* ----------------------------------------------------------------------
       INNER
       ---------------------------------------------------------------------- */

    .about-intro__inner{
        width:100%;
        max-width:none;

        gap:32px;
    }


    /* ----------------------------------------------------------------------
       TOP CONTENT

       123
       +
       32
       +
       327
       =
       482
       ---------------------------------------------------------------------- */

    .about-intro__content{
        width:100%;
        height:482px;

        display:flex;
        flex-direction:column;
        align-items:flex-start;

        gap:32px;
    }


    /* ----------------------------------------------------------------------
       LEAD
       ---------------------------------------------------------------------- */

    .about-intro__lead{
        width:100%;
        height:123px;

        flex:0 0 123px;

        gap:16px;
    }


    .about-intro__big-number{
        width:100%;

        font-size:72px;
        line-height:63px;
        letter-spacing:-.6px;

        white-space:nowrap;
    }


    .about-intro__lead-text{
        width:100%;

        font-size:16px;
        line-height:22px;
        letter-spacing:-.4px;

        white-space:normal;
    }


    /* ----------------------------------------------------------------------
       COMPANY
       ---------------------------------------------------------------------- */

    .about-intro__company{
        width:100%;
        height:327px;

        flex:0 0 327px;

        gap:16px;
    }


    .about-intro__title{
        width:100%;

        font-size:40px;
        line-height:38px;
        letter-spacing:-1.2px;
    }


    .about-intro__description{
        width:100%;
        min-height:66px;

        font-size:16px;
        line-height:22px;
        letter-spacing:-.4px;

        white-space:normal;
    }


    /* ----------------------------------------------------------------------
       IMAGE
       ---------------------------------------------------------------------- */

    .about-intro__image{
        width:100%;
        height:191px;

        flex:0 0 191px;
    }


    .about-intro__image img{
        width:100%;
        height:100%;

        object-fit:cover;
        object-position:center;
    }


    /* ----------------------------------------------------------------------
       STATS
       ---------------------------------------------------------------------- */

    .about-intro__stats{
        width:100%;
        height:264px;

        display:grid;

        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        grid-template-rows:
            repeat(2, 126px);

        gap:12px;
    }


    /* ----------------------------------------------------------------------
       CARD
       ---------------------------------------------------------------------- */

    .about-intro__stat{
        width:100%;
        min-width:0;

        height:126px;

        padding:16px;

        gap:12px;
    }


    .about-intro__stat-index{
        width:100%;

        font-size:16px;
        line-height:22px;
        letter-spacing:-.4px;
    }


    .about-intro__stat-value{
        width:100%;

        font-size:32px;
        line-height:30px;
        letter-spacing:-1px;

        white-space:nowrap;
    }


    .about-intro__stat-text{
        width:100%;

        font-size:14px;
        line-height:18px;
        letter-spacing:-.3px;

        white-space:nowrap;
    }
    /* ----------------------------------------------------------------------
       SECTION

       32 + 156 + 24 + 128 + 24 + 216 + 32 = 612
       ---------------------------------------------------------------------- */

    .about-trust{
        width:100%;
        height:auto;

        padding:32px 16px;

        gap:24px;
    }


    /* ----------------------------------------------------------------------
       HEADER
       ---------------------------------------------------------------------- */

    .about-trust__header{
        width:100%;
        max-width:none;
        height:156px;

        display:flex;
        flex-direction:column;
        align-items:flex-start;

        gap:12px;
    }


    /* ----------------------------------------------------------------------
       BADGE
       ---------------------------------------------------------------------- */

    .about-trust__header-left{
        width:100%;
        height:24px;

        flex:0 0 24px;
    }


    .about-trust__badge{
        height:24px;

        padding:0 8px;

        font-size:14px;
        line-height:18px;
        letter-spacing:-.3px;
    }


    /* ----------------------------------------------------------------------
       TITLE CONTENT

       38 title
       16 gap
       66 description
       =
       120
       ---------------------------------------------------------------------- */

    .about-trust__header-right{
        width:100%;
        height:120px;

        flex:0 0 120px;

        gap:16px;
    }


    .about-trust__title{
        width:100%;

        font-size:40px;
        line-height:38px;
        letter-spacing:-1.2px;
    }


    .about-trust__description{
        width:100%;

        font-size:16px;
        line-height:22px;
        letter-spacing:-.4px;

        white-space:normal;
    }


    /* ----------------------------------------------------------------------
       BRANDS MARQUEE
       ---------------------------------------------------------------------- */

    .about-trust__brands{
        width:100%;
        max-width:none;
        height:128px;

        flex:0 0 128px;
    }


    .about-trust__brands-track,
    .about-trust__brands-group{
        height:128px;
    }


    .about-trust__brands-group{
        gap:16px;
    }


    .about-trust__brand{
        width:220px;
        height:112px;

        flex:0 0 220px;
    }


    .about-trust__brand img{
        max-width:200px;
        max-height:82px;
    }


 }
/* ==========================================================================
   ABOUT INTRO — PINNED LEAD DESKTOP
   ========================================================================== */

@media (min-width:992px){

    .about-intro__content{
        position:relative;
    }

    .about-intro__lead.is-fixed{
        position:fixed;

        top:148px;

        margin:0;

        z-index:50;
    }

    .about-intro__lead.is-bottom{
        position:absolute;

        top:auto;
        bottom:0;

        margin:0;

        z-index:50;
    }
    .about-intro__content{
        display:grid;

        grid-template-columns:
            minmax(0, 1fr)
            minmax(0, 1fr);

        gap:12px;

        align-items:start;
    }


    /* Левая колонка */

    .about-intro__lead{
        grid-column:1;
        grid-row:1;
    }


    /* Правая колонка — всегда остаётся справа */

    .about-intro__company{
        grid-column:2;
        grid-row:1;
    }

}
/* ==========================================================================
   ABOUT PHOTO MODAL — CLOSE BUTTON
   ========================================================================== */

#home-about-photo-modal .photo-modal__box{
    position:relative;
}

#home-about-photo-modal .photo-modal__close{
    position:absolute;

    top:20px;
    right:20px;
    left:auto;
    bottom:auto;

    z-index:20;

    width:48px;
    height:48px;
    min-width:48px;
    max-width:48px;

    padding:0;
    margin:0;

    display:flex;
    align-items:center;
    justify-content:center;

    border:0;
    border-radius:50%;

    background:rgba(23,23,23,.72);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);

    color:#fff;

    cursor:pointer;

    transition:
        background .2s ease,
        transform .2s ease;
}

#home-about-photo-modal .photo-modal__close:hover{
    background:#171717;
    transform:scale(1.06);
}

#home-about-photo-modal .photo-modal__close:active{
    transform:scale(.96);
}

#home-about-photo-modal .photo-modal__close svg{
    display:block;

    width:24px;
    height:24px;

    flex:none;
}
/* ==========================================================================
   HOME EVENTS — SAME AS HOME
   ========================================================================== */

.home-events,
.home-events *,
.home-events *::before,
.home-events *::after{
    box-sizing:border-box;
}

.home-events{
    width:100%;
    background:#FFFFFF;
    color:#171717;
}

.home-events__container{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:48px;
}

.home-events__container.container{
    padding-block:72px;
}

.home-events__header{
    width:100%;

    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:8px;
}

.home-events__heading{
    margin:0;
    padding:0;

    display:flex;
    align-items:center;

    gap:8px;

    font-family:"Roboto Flex Custom",sans-serif;
    font-style:italic;
    font-weight:700;
    font-variation-settings:"wght" 700;

    font-size:56px;
    line-height:50px;
    letter-spacing:-.6px;

    color:#171717;

    -webkit-font-smoothing:antialiased;
    text-rendering:geometricPrecision;
}

.home-events__all{
    flex:0 0 auto;

    font-family:Inter,sans-serif;
    font-size:16px;
    font-weight:500;
    line-height:22px;
    letter-spacing:-.4px;

    color:#A3A3A3;

    text-decoration:none;

    transition:color .2s ease;
}

.home-events__all:hover{
    color:#171717;
}

.home-events__all--mobile{
    display:none;
}


/* ==========================================================================
   GRID
   ========================================================================== */

.home-events__grid{
    width:100%;

    display:flex;
    align-items:flex-start;

    gap:12px;
}


/* ==========================================================================
   CARD
   ========================================================================== */

.home-event-card{
    flex:0 0 calc((100% - 12*4px)/5);

    display:flex;
    flex-direction:column;
    align-items:center;

    gap:20px;

    padding:24px;

    position:relative;

    min-width:0;

    background:#F5F5F5;
}

.home-event-card__top{
    display:flex;
    align-items:center;
    gap:8px;
}

.home-event-card__status{
    padding:3px 8px;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    background:rgba(82,82,82,.16);

    font-family:Inter,sans-serif;
    font-size:14px;
    font-weight:500;
    line-height:18px;
    letter-spacing:-.3px;

    color:#171717;

    white-space:nowrap;
}

.home-event-card__status--upcoming{
    background:#D2FF00;
}


/* ==========================================================================
   PLACE
   ========================================================================== */

.home-event-card__place{
    position:absolute;

    top:0;
    right:20px;

    width:52px;
    height:52px;

    display:flex;
    align-items:flex-start;
    justify-content:center;

    padding-top:12px;

    clip-path:
        polygon(
            0 0,
            100% 0,
            100% 65%,
            50% 100%,
            0 65%
        );

    background:
        linear-gradient(
            180deg,
            #8A8A8A 0%,
            #D9D9D9 100%
        );

    font-family:"Roboto Flex Custom",sans-serif;
    font-style:italic;
    font-weight:600;
    font-variation-settings:"wght" 700;

    font-size:18px;
    line-height:1;

    color:#FFFFFF;
}

.home-event-card__place--1{
    background:
        linear-gradient(
            180deg,
            #EBBD03 0%,
            #FFDB4A 100%
        );
}

.home-event-card__place--2{
    background:
        linear-gradient(
            180deg,
            #A7A7A7 0%,
            #DFDFDF 100%
        );
}

.home-event-card__place--3{
    background:
        linear-gradient(
            180deg,
            #D08300 0%,
            #F59E0B 100%
        );
}


/* ==========================================================================
   IMAGE
   ========================================================================== */

.home-event-card__image{
    display:block;

    width:100%;

    aspect-ratio:1/1;

    border-radius:50%;

    overflow:hidden;

    background:#F5F5F5;
}

.home-event-card__image img{
    display:block;

    width:100%;
    height:100%;

    object-fit:cover;
    object-position:center;

    transition:transform .4s ease;
}

.home-event-card__image:hover img{
    transform:scale(1.05);
}


/* ==========================================================================
   INFO
   ========================================================================== */

.home-event-card__info{
    display:flex;
    flex-direction:column;
    align-items:flex-start;

    gap:8px;
}

.home-event-card__meta{
    max-width:100%;

    overflow:hidden;

    white-space:nowrap;
    text-overflow:ellipsis;

    font-family:Inter,sans-serif;
    font-size:14px;
    font-weight:400;
    line-height:18px;
    letter-spacing:-.3px;

    color:#A3A3A3;
}

.home-event-card__meta-dot{
    margin:0 2px;

    color:#D4D4D4;
}

.home-event-card__title{
    display:-webkit-box;

    overflow:hidden;

    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;

    font-family:"Roboto Flex Custom",sans-serif;
    font-style:italic;
    font-weight:700;
    font-variation-settings:"wght" 700;

    font-size:40px;
    line-height:38px;

    color:#171717;

    text-decoration:none;

    -webkit-font-smoothing:antialiased;
    text-rendering:geometricPrecision;
}

.home-event-card:hover{
    background:#E5E5E5;
}

.home-event-card:hover .home-event-card__title{
    opacity:.8;
}


/* ==========================================================================
   STATS
   ========================================================================== */

.home-event-stats{
    flex:0 0 calc((100% - 12 * 4px) / 5);

    align-self:stretch;

    display:flex;
    flex-direction:column;
    align-items:flex-start;

    gap:12px;

    padding:12px;
}

.home-event-stats__logos{
    display:flex;
    align-items:center;
}

.home-event-stats__logo{
    width:48px;
    height:48px;

    flex:0 0 auto;

    margin-left:-8px;

    border-radius:50%;

    overflow:hidden;

    background:#171717;

    border:1px solid #FFFFFF;
}

.home-event-stats__logo:first-child{
    margin-left:0;
}

.home-event-stats__logo img{
    display:block;

    width:100%;
    height:100%;

    object-fit:cover;
}

.home-event-stats__count{
    display:flex;

    gap:4px;

    margin-top:auto;
}

.home-event-stats__number{
    font-family:Inter,sans-serif;
    font-weight:500;
    font-variation-settings:"wght" 700;

    font-size:56px;
    line-height:50px;
    letter-spacing:-1.5px;

    color:#171717;

    -webkit-font-smoothing:antialiased;
    text-rendering:geometricPrecision;
}

.home-event-stats__label{
    font-family:Inter,sans-serif;
    font-size:16px;
    font-weight:400;
    line-height:22px;

    color:#A3A3A3;
}


/* ==========================================================================
   SLIDER
   ========================================================================== */

.home-events-slider{
    position:relative;

    flex:1 1 auto;

    min-width:0;
}

.home-events-slider__viewport{
    width:100%;

    overflow:hidden;
}

.home-events-slider__track{
    display:flex;
    align-items:flex-start;

    gap:12px;

    transition:transform .35s ease;

    will-change:transform;
}

.home-events-slider .home-event-card{
    flex:0 0 calc((100% - 12 * 2px) / 3);
}

.home-events-slider__arrow{
    position:absolute;

    top:50%;

    z-index:5;

    width:48px;
    height:48px;

    flex:0 0 48px;

    margin:0;
    padding:0;

    display:flex;
    align-items:center;
    justify-content:center;

    border:0;
    border-radius:0;

    background:#FFFFFF;

    color:#171717;

    cursor:pointer;

    transition:background-color .2s ease;

    transform:translateY(-50%);
}

.home-events-slider__arrow--prev{
    left:0;
}

.home-events-slider__arrow--next{
    right:0;
}

.home-events-slider__arrow:not(:disabled):hover{
    background:rgba(82,82,82,.12);
}

.home-events-slider__arrow:disabled{
    opacity:.4;

    cursor:not-allowed;
}


/* ==========================================================================
   <=1560
   ========================================================================== */

@media(max-width:1560px){

    .home-event-card,
    .home-event-stats{
        flex:0 0 calc((100% - 12 * 3px) / 4);
    }

    .home-events-slider .home-event-card{
        flex:0 0 calc((100% - 12 * 1px) / 2);
    }

}


/* ==========================================================================
   TABLET / MOBILE
   ========================================================================== */

@media(max-width:991px){

    .home-events__container.container{
        padding-block:32px;

        gap:32px;
    }

    .home-events__header .home-events__all{
        display:none;
    }

    .home-events__all--mobile{
        width:100%;
        height:56px;

        margin:0;
        padding:0 24px;

        display:flex;
        align-items:center;
        justify-content:center;

        background:rgba(82,82,82,.08);

        font-family:"Roboto Flex Custom",sans-serif;
        font-style:italic;
        font-weight:700;
        font-variation-settings:"wght" 700;

        font-size:16px;
        line-height:22px;
        letter-spacing:-.4px;

        text-transform:uppercase;

        color:#171717;

        text-decoration:none;

        transition:background-color .2s ease;
    }

    .home-events__all--mobile:hover{
        background:rgba(82,82,82,.14);
    }

    .home-events__heading{
        font-size:40px;
        line-height:38px;
        letter-spacing:-1.2px;

        align-items:flex-start;
    }

    .home-events__grid{
        flex-direction:column;

        gap:32px;
    }

    .home-event-card__info{
        width:100%;
    }

    .home-event-card__title{
        font-size:32px;
        line-height:35px;
    }

    .home-event-stats{
        flex:0 0 100%;

        padding:12px 0;
    }

    .home-event-stats__count{
        margin-top:28px;
    }

    .home-events-slider{
        width:100%;
    }

    .home-events-slider__viewport{
        width:calc(100% + 32px);

        margin:0 -16px;
        padding:0 16px;
    }

    .home-events-slider__arrow{
        display:none;
    }

    .home-events-slider .home-event-card{
        flex:0 0 338.4px;
    }

}
/* End */


/* Start:/local/templates/turbolemons-template/css/photo-modal.css?17882489874691*/
/* ==========================================================================
   PHOTO MODAL (лайтбокс просмотра фото)
   ==========================================================================
*/

.photo-modal,
.photo-modal *,
.photo-modal *::before,
.photo-modal *::after{
    box-sizing:border-box;
}

.photo-modal{
    position:fixed;
    inset:0;

    z-index:2000;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:32px;

    visibility:hidden;
    opacity:0;
    pointer-events:none;

    transition:
        opacity .25s ease,
        visibility 0s linear .25s;
}

.photo-modal.is-open{
    visibility:visible;
    opacity:1;
    pointer-events:auto;

    transition:
        opacity .25s ease,
        visibility 0s linear 0s;
    z-index: 10200;
}

.photo-modal__box{
    position:relative;

    width:100%;
    max-width:1280px;
    max-height:100%;

    display:flex;
    flex-direction:column;

    gap:12px;

    background:transparent;

    transform:scale(.96);

    transition:transform .25s ease;
}

.photo-modal.is-open .photo-modal__box{
    transform:scale(1);
}

.photo-modal__title{
    display:none;
}

.photo-modal__main{
    position:relative;

    width:100%;
    aspect-ratio:1280/700;
    background: rgba(0, 0, 0, 0.7);

    display:flex;
    align-items:center;
    justify-content:center;

    overflow:hidden;
}

.photo-modal__image{
    display:block;

    width:100%;
    height:100%;

    object-fit:cover;
    object-position:center;
}

.photo-modal__navigation{
    width:100%;

    padding:8px 16px;

    display:flex;
    align-items:center;
    justify-content: center;

    gap:12px;

    background:#FFFFFF;
}

.photo-modal__thumb-arrow{
    flex:0 0 auto;

    width:32px;
    height:32px;

    margin:0;
    padding:0;

    border:0;

    display:flex;
    align-items:center;
    justify-content:center;

    background:transparent;
    color:#171717;

    cursor:pointer;

    transition:opacity .2s ease;
}

.photo-modal__thumb-arrow:hover{
    opacity:.6;
}

.photo-modal__thumb-arrow svg{
    display:block;

    width:20px;
    height:20px;
}

.photo-modal__thumbs-viewport{
    min-width:0;
    height:64px;
    overflow-x:auto;
    overflow-y:hidden;
    scrollbar-width:none;
    -ms-overflow-style:none;
}

.photo-modal__thumbs-viewport::-webkit-scrollbar{
    display:none;
}

.photo-modal__thumbs{
    min-width:max-content;
    height:64px;

    display:flex;
    align-items:center;

    gap:8px;

    padding:0 4px;
}

.photo-modal__thumb{
    position:relative;

    width:56px;
    height:56px;

    flex:0 0 56px;

    margin:0;
    padding:0;

    border:0;

    display:flex;
    align-items:center;
    justify-content:center;

    background:#F5F5F5;

    cursor:pointer;
}

.photo-modal__thumb img{
    display:block;

    width:100%;
    height:100%;

    object-fit:cover;
}

.photo-modal__thumb::after{
    content:"";

    position:absolute;
    inset:-4px;

    border:1px solid transparent;

    pointer-events:none;

    transition:border-color .2s ease;
}

.photo-modal__thumb.is-active::after{
    border-color:#171717;
}

@media(max-width: 991px) {

    /* Модалка просмотра фото — на мобилке открывается на весь экран */
    .photo-modal{
        padding:0;
    }

    .photo-modal__box{
        width:100%;
        height:100%;
        height:100dvh;
        max-width:none;
        max-height:none;

        padding-top:72px;

        gap:0;

        background:#FFFFFF;
    }

    .photo-modal__title{
        display:block;

        position:absolute;
        top:16px;
        left:16px;
        right:56px;

        font-family:"Roboto Flex Custom", sans-serif;
        font-style:normal;
        font-weight:700;
        font-variation-settings:"wght" 700;
        font-size:16px;
        line-height:20px;

        color:#171717;

        overflow:hidden;
        text-overflow:ellipsis;
        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
    }

    .photo-modal__close{
        position:absolute;
        top:16px;
        right:16px;
        transform:none;

        background:rgba(23,23,23,.06);
    }

    .photo-modal__main{
        flex:1 1 auto;

        width:100%;
        height:auto;
        aspect-ratio:auto;

        background:transparent;
    }

    .photo-modal__image{
        object-fit:cover;
        width: 100%;
        height: auto;
        max-width: 100%;
        max-height: 100%;
    }

    .photo-modal__navigation{
        flex:0 0 auto;

        padding:8px 16px calc(8px + env(safe-area-inset-bottom, 0px));
    }
}

/* End */
/* /local/templates/turbolemons-template/css/about.css?178784413760362 */
/* /local/templates/turbolemons-template/css/photo-modal.css?17882489874691 */