.main-menu__wrapper {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        /* Для режима без Инвестора */
        /* grid-template-columns: repeat(4, 1fr); */
        padding: 0;
        width: 100%;
    }
    .main-menu__item + .main-menu__item {
        margin-left: -1px;
    }
    .main-menu__item {
        
        list-style: none;
    }
    .main-menu__item a:link, .main-menu__item a:visited, .main-menu__item a:active {
            text-decoration: none;
            color: #ffffff;
        }
    .main-menu__sub-link {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100px;
        font-weight: bold;
        letter-spacing: 0.35px;
        transition: border .5s;

        border: 1px solid rgba(255, 255, 255, 0.3);
    }
    .main-menu__sub-link img {
            display: none;
        }
    .main-menu__sub-link svg {
            display: none;
        }
    .main-menu__sub-link span {
            display: inline-block;
            font-size: 1.3em;
            text-align: center;
        }
    .main-menu__sub-link-active {
            border: 1px solid rgba(255, 255, 255);
        }
    .main-menu__sub-link-active span {
                display: none;
            }
    .main-menu__sub-link-active img {
                display: block;
            }
    .main-menu__sub-link-active svg {
                display: block;
            }
    .main-menu__sub-link-active svg path {
                    fill: #fff;
                }
    .main-menu__sub-link:hover {
            border: 1px solid rgba(255, 255, 255);
            cursor: pointer;
        }

/* Страница Инветорам */

.white .main-menu__item a:link, .white .main-menu__item a:visited, .white .main-menu__item a:active {
                color: #000;
            }

.white .main-menu__sub-link {
            border: 1px solid rgba(210, 210, 210, 0.3);
        }

/* border: 1px solid #7CBA00 !important; */

.white .main-menu__sub-link-active svg path {
                        fill: #7CBA00;
                    }

.white .main-menu__sub-link:hover {
                border: 1px solid rgb(0, 0, 0);
            }
.hero__intro {
    position: relative;
    height: calc(100 * var(--vh));
    min-height: 610px;
    /* opacity: 0.8; */
    opacity: 0.85;
    z-index: 0;
    background: #313131;
}

    .hero__intro-media {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    .hero__intro-media-video {
            position: absolute;
            top: 50%;
            left: 50%;
            min-width: 100%;
            min-height: 100%;
            display: block;
            -o-object-fit: cover;
               object-fit: cover;
            transform: translate(-50%, -50%);
        }

    .hero__intro-media-video--hidden {
                opacity: 0 !important;
             }

    .hero__intro-media .hidden {
            opacity: 0;
            -webkit-animation: opacityHidden .7s;
                    animation: opacityHidden .7s;
        }

    .hero__intro-img {
        height: 100%;
        width: 100%;
        -o-object-fit: cover;
           object-fit: cover;
    }

    @media (min-width: 1650px) {
        .hero__intro {
            min-height: 770px;
        }
    }
/* padding: 9px 15px;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 50px; */
    .tag__link {
        padding: 0.45em 0.72em;
        background: rgba(0, 0, 0, 0.3);
        border-radius: 50px;
        display: block;
    }
    @media (max-width: 1500px) {
    .tag__link {
            padding: 9px 15px
    }
        }
    .tag a:link, .tag a:visited {
            color: #ffffff;
        }
    .tag:hover {
        transition: opacity .5s;
        opacity: .6;
    }

/* Страница Инветорам */

/* background: rgba(0, 0, 0, 0.05); */

.white .tag__link {
            background: rgba(0, 0, 0, 0.05);
        }

.white .tag a:link, .white .tag a:visited {
                color: #000;
            }
.tag-links {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2em;

}

    .tag-links .tag {
        white-space: nowrap;
    }

    .tag-links .tag + .tag {
        margin-left: 1em;
    }

    .tag-links .tag.active .tag__link {
            color: #fff;
        }

.tag-links-swiper .swiper-slide {
        flex-shrink: 0.2;
        width: auto;
    }

.tag-links-swiper .tag {
        white-space: nowrap;
    }

@media (max-width: 768px) {
    .tag-links__wrapper {
        font-size: 1.6em;
    }

    .tag-links {
        position: absolute;
        top: 1em;
        left: 1.5em;
        padding-right: 7em;
    }
    /* .tag-links {
        padding: 0;
        flex-wrap: nowrap;
        overflow-x: scroll;
        justify-content: left;
        font-size: 1em;
        
        &::-webkit-scrollbar {
            display: none;
        }
    } */
}

@media (min-width: 650px) and (max-width: 768px) {
    .tag-links.link-count-3, .tag-links.link-count-2, .tag-links.link-count-1 {
        left: 50%;
        transform: translateX(-50%);
        padding-right: 0;
    }
}

@media (max-width: 500px) {
    /* Внутри компонента Hero */
    .hero {
        
    }
}
.search-popup__header {
        display: flex;
        padding: 1.5em 2em;
        justify-content: space-between;
        align-items: center;
    }

        .search-popup__header .header__logo-dark {
            height: 3em;
            min-height: 53px;
        }

        .search-popup__header button {
            background: none;
            outline: none;
            border: none;
            cursor: pointer;
        }

        .search-popup__header button:hover {
                opacity: .7;
                transition: opacity .5s;
            }

    .search-popup__content {
        width: 100%;
    }

    .search-popup__content .search-input input {
                width: 100%;
                border-top: none;
                border-left: none;
                border-right: none;
                padding: 1em 2em .5em;
                background: transparent;
                -moz-appearance: none;
                     appearance: none;
                -webkit-appearance: none;
                outline: none;
                text-align: center;
                font-size: 2em;
                font-weight: bold;
                border-bottom: 2px solid #EBEBEB;
            }

    .search-popup__content .search-input input::-moz-placeholder {
                    color: #D7D7D7;
                }

    .search-popup__content .search-input input:-ms-input-placeholder {
                    color: #D7D7D7;
                }

    .search-popup__content .search-input input::placeholder {
                    color: #D7D7D7;
                }

    .search-popup__content .search-filters {
            padding: 2em;
            display: flex;
            justify-content: center;
        }

    .search-popup__content .search-filters .search-filter {
                height: 100%;
                padding: 8px 16px;
                border-radius: 40px;
                cursor: pointer;
                background-color: transparent;
                border: none;
            }

    .search-popup__content .search-filters .search-filter.active {
                    background-color: #7CBA00;
                    color: #fff;
                }

    .search-popup__content .search-filters .search-filter:not(.active) {
                    color: #000;
                }

    .search-popup__content .search-result {
            padding: 5em 3em 2em;
        }

    .search-popup__content .error {
            width: 100%;
            text-align: center;
            color: #D7D7D7;
            font-size: 2em;
            font-weight: bold;
            margin-top: 2em;
            margin-bottom: 5em;
        }

    .search-popup__content .error span {
                display: block;
            }

    .search-popup__content .error span + span {
                margin-top: .5em;
            }

    /* Popup */

    .search-popup-content {
        width: 100vw;
        height: 100%;
        overflow-y: scroll;
    }

    .search-popup-content .files-list {
            display: grid;
            grid-template-columns: 1fr 1fr;
            row-gap: 2.5em;
        }

    .search-popup-content .files-list a {
                color: #000;
            }

    .search-popup-content .files-list .file {
                display: flex;
                align-items: center;
            }

    .search-popup-content .files-list .file img {
                    margin-right: 1em;
                }

    .search-popup-content .files-list .file__description p {
                        font-size: 1.6em;
                        margin-top: 0;
                        margin-bottom: 0.6em;
                    }

    .search-popup-content .files-list .file__description span {
                        font-size: 1.2em;
                        opacity: .5;
                    }

    .search-popup-content .table-body {
            margin-top: -2em;
        }

    .search-popup-content .bigColumn {
            padding: 0.5em 1em;
        }

    .search-popup-content .bigColumn a, .search-popup-content .bigColumn a:visited, .search-popup-content .bigColumn a:link {
                color: #7CBA00;
            }

    .search-popup-content .bigColumn a:hover h4, .search-popup-content .bigColumn a:visited:hover h4, .search-popup-content .bigColumn a:link:hover h4 {
                        opacity: .7;
                        transition: opacity .5s;
                    }

    .search-popup-content .bigColumn .description {
                font-size: 1em;
                color: #B2B2B2;
            }

    .search-popup-content .bigColumn .description ul {
                    padding: 0;
                    margin: 0;
                }

    .search-popup-content .bigColumn .description li {
                    list-style: none;
                }

    .search-popup-content .extraColumn {
            display: grid;
            grid-template-columns: 1fr 1fr 1fr 1fr;
    
        }

    .search-popup-content .extraColumn span {
                width: 20%;
            }

    .search-popup-content .table-row {
            display: grid;
            grid-template-columns: 1fr 1fr;
            align-items: center;
            padding-bottom: 2em;
            border-bottom: 1px solid #F4F4F4;
        }

    @media (max-width: 768px) {
            .search-popup-content .search-popup__header {
                padding: 0.5em 1em 0.75em;
            }

                .search-popup-content .search-popup__header .header__logo-dark {
                    transform: scale(0.75);
                    transform-origin: left center;
                }

                .search-popup-content .search-popup__header .close {
                    transform: scale(0.75);
                    transform-origin: right center;
                }
                    .search-popup-content .search-popup__content .search-input .input {
                        font-size: 1.5em;
                    }
        }

    @media (max-width: 768px) {
                .search-popup-content .search-popup__content .search-result {
                    padding: 5em 0em 2em;
                }
        }

    @media (max-width: 500px) {
                .search-popup-content .search-result .error {
                    margin: 0;
                    font-size: 1.5em;
                }
        }

    @media (max-width: 340px) {
                    .search-popup-content .search-popup__content .search-input .input {
                        font-size: 1.2em;
                    }
        }

    @media (max-width: 768px) and (min-height: 500px) {
            .search-popup-content .search-input {
                margin-top: 50%;
            }
                .search-popup-content .search-result .error {
                    
                }
        }

.search-popup-overlay {
    z-index: 1050 !important;
}
.header__wrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .header__nav {
        display: none;
    }

    .header__nav .tag-links {
            margin-bottom: 0;
        }

    .header__nav .tag-links .tag {
                font-size: 1em;
            }

    .header__nav .tag-links .tag + .header__nav .tag-links .tag {
                    margin-left: 0;
                }

    .header__nav .tag-links .tag__link {
                    color: #000;
                }

    .header__nav .tag-links .tag.active .tag__link {
                        background-color: #7CBA00;
                        color: #fff;
                    }

    .header__nav .tag-links .tag:not(.active) .tag__link {
                        background-color: transparent;
                    }

    .header__nav.visible {
            display: block;
        }

    .header__lang {
        display: flex;
        align-items: center;
    }

    .header__lang .header__search {
            margin-right: 0.5em;
            cursor: pointer;
        }

    .header__lang .header__search svg {
                height: 2.2em;
            }

    .header__lang-button {
        display: flex;
        background: none;
        border: none;
        color: #d7d7d7;
    }

    /* transition: .5s; */

    .header__lang-button.active {
            color: #7CBA00;
        }

    .header__lang-button:not(.active) {
            pointer-events: none;
        }

    .header__lang-button span {
            text-transform: uppercase;
            font-weight: 500;
            font-size: 1.3em;
        }

    .header__lang-button:hover {
            opacity: .7;
        }

    .header__lang-button + .header__lang-button {
            margin-left: .8em;
        }

    .header.fixed {
        position: fixed;
        background: #fff;
        left: 0;
        top: 0;
        padding: 1.5em 2em;

        -webkit-animation: slideDown .5s ease-in-out;

                animation: slideDown .5s ease-in-out;

        z-index: 10;
    }

    .header.fixed .open svg rect {
                    fill: #000;
                }

    .header .header__search {
        cursor: pointer;
    }

    .header .header__search:hover {
            opacity: 0.7;
        }

/* Mobile */

.header .main-menu {
        display: block !important;
    }

.header-mobile {
        display: flex;
        justify-content: space-between;
        width: 100%;
        align-items: center;
    }

.header__burger {
        /* font-size: 1.5em; */
        z-index: 1000;
    }

.header__burger .content {
            position: fixed;
            top: 0;
            left: 0;
            width: 100vw;
            height: 100%;
            padding: 1.5em 2em;
            background: #fff;
            display: flex;
            flex-direction: column;
            /* justify-content: space-between; */
            justify-content: flex-start;
            z-index: 0;
            overflow-y: scroll;
        }

.header__burger .content .main-menu__wrapper {
                    display: flex;
                    flex-direction: column;
                    margin: 2em 0;
                }

.header__burger .content .main-menu__wrapper .main-menu__sub-link {
                        border: none;
                        color: #7CBA00;
                        height: 100%;
                        padding: 2.5em;
                    }

.header__burger .content .main-menu__wrapper .main-menu__sub-link svg {
                            height: 1.5em;
                        }

.header__burger .content .main-menu__wrapper .main-menu__sub-link svg path {
                                fill: #7CBA00;
                            }

.header__burger .content .header__logo-dark {
                max-width: 200px;
            }

.header__burger .content .header__sub-header {
                display: flex;
                justify-content: space-between;
            }

.header__burger .content .header__lang {
                padding-bottom: 1em;
            }

.header__burger .burger-menu__button {
            background: transparent;
            border: none;
            outline: none;
            cursor: pointer;
        }

.header__burger .burger-menu__button:hover {
                opacity: .7;
            }

.header .logo-img {
        height: 3em;
        min-height: 53px;
        margin-right: 2em;
    }

/* Custom big logo on main page */

.main-container.hero .header .logo-img {
            height: 6em;
        }

@media (max-width: 769px) {

.main-container.hero .header .logo-img {
                height: 5em
        }
            }

@media (max-width: 440px) {

.main-container.hero .header .logo-img {
                height: 3em
        }
            }

@media (max-width: 1100px) {
    .header__nav.visible {
        font-size: 70%;
    }

        .header__nav.visible .tag + .tag {
            margin-left: -1em;
        }
}

@media (max-width: 900px) {
        .header-mobile img {
            min-height: 13px;
        }

    .header__nav.visible {
        font-size: 60%;
    }
}

@media (max-width: 784px) {
        .header__burger .header__lang {
            margin-right: 1em;
        }
}

@media (min-width: 769px) {
        .header.fixed .header__lang {
            justify-content: flex-end;
            width: 100%;
        }

    .header__burger {
        display: none;
    }
}

@media (max-width: 768px) {
        .header__wrapper {
            flex-direction: column;
            align-items: flex-start;
        }

            .header__wrapper .header__nav.visible {
                position: relative;
                padding: 1em 0;
                height: 4.5em;
                width: 100%;

                overflow-x: scroll;
            }

                .header__wrapper .header__nav.visible::-webkit-scrollbar {
                    display: none;
                }

        .header .desktop-lang {
            display: none;
        }

        /* .tag {
            font-size: 16px;
        } */

        .header .logo-img {
            transform-origin: left center;
            margin-right: auto;
        }

        .header .header__burger {
            z-index: 1000;
            display: flex;
        }

        .header .header__burger .burger-menu__button {
            transform: scale(0.75);
            transform-origin: right center;
        }

    .fixed {
        padding: 0 !important;
    }

        .fixed .header-mobile {
            /* padding: 1.5em 2em 0; */
            padding: 0.5em 1em 0.75em;
        }
}

@media (max-width: 380px) {
        .hero:not(.main-container) .header__logo-light, .hero:not(.main-container) .header__logo-dark {
            width: 44px;
            overflow: hidden;
        }
        .main-container .header__logo {
            width: 44px;
            overflow: hidden;
        }
}

@media (max-width: 390px) and (max-height: 600px) {
        .header__burger .main-menu__wrapper {
            font-size: 0.8em;
        }
}

@media (max-width: 768px) {
    .with-open-menu {
        position: fixed !important;
        width: 100%;
        height: 100%;
    }

    .with-open-menu .burger-menu__button.close path, .with-open-menu .burger-menu__button.close rect {
        fill: #000 !important;
    }
}

@media (max-width: 500px) {
        .header .logo-img {
            transform: scale(0.75);
        }
}
.content__description a.with-arrow::after {
        content: '↗';
        display: inline-block;
        margin-left: .1em;
        transform: translateY(0.1em);
        transition: opacity .5s;
    }

.content__title sup {
        background: rgba(0, 0, 0, 0.1);
        padding: 0.25em 0.5em 0.2em 0.5em;
        border-radius: 5em;
        margin-left: 0.1em;
        top: -0.9em;
        text-decoration: none;
        font-size: 50%;
        font-weight: 500;
    }

.content__title a {
        transition: opacity .5s;
        color: #000;
    }

.content__title a:hover {
            opacity: .5;
        }

/* Ссылочные показатели на главной */

.extra-links {
    display: flex;
    justify-content: start;
    padding: 0 2em;
    color: #888888;
    margin-bottom: 5em;
}

.extra-links ul {
        display: inline-block;
        font-size: 0.8em;
        min-width: 42em;
        padding: 0;
    }

.extra-links ul li {
            list-style: none;
            margin: .4em 0;
            line-height: 140%;
        }

.extra-links ul li a {
                text-decoration: underline;
                color: #888888;
                transition: opacity .5s;
            }

.extra-links ul li a:hover {
                    opacity: .5;
                }

@media (max-width: 573px) {
            .extra-links ul {
                min-width: initial;
            }
        }

@media (max-width: 1023px) {

.extra-links {
        margin-bottom: 2.5em
}
    }
.main-factoids {
    display: flex;
    justify-content: space-between;
    padding: 2em;
    margin: 5em 0;
    color: #000;

    overflow-x: hidden;

}

    .main-factoids__factoid {
        max-width: 15em;
    }

    .main-factoids__factoid + .main-factoids__factoid {
            margin-left: 1em;
        }

    .main-factoids .label {
        mix-blend-mode: screen;
    }

    .main-factoids .label__wrapper {
            position: relative;
            background-color: #fff;
        }

    .main-factoids .label__wrapper span {
                font-size: 11em;
                font-weight: bold;
            }

    .main-factoids .label__wrapper span small {
                    font-size: 15%;
                }

    .main-factoids .label video {
            position: absolute;
            top: 0;
            left: 0;
            width: 90%;
            height: 11em;
            -o-object-fit: cover;
               object-fit: cover;
            z-index: -1;
        }

    .main-factoids .content__title {
            font-size: 1.3em;
            line-height: 1.2em;

        }

    .main-factoids .content__title h4, .main-factoids .content__title .h4 {
                margin: .1em 0;
                font-weight: normal;
                padding-right: 2em;
            }

    .main-factoids .content__description {
            font-size: .83em;
            line-height: 140%;
            width: 90%;
            color: #888888;
        }

    .main-factoids .content__description a {
                color: inherit;
                text-decoration: underline !important;
                transition: opacity .5s;
            }

    .main-factoids .content__description a:hover {
                    opacity: .5;
                }

    @media (max-width: 768px) {
        .main-factoids {
            display: grid;
            grid-template-columns: 1fr 1fr;
            grid-column-gap: 2em;

            font-size: max(2vw, 14px);
        }

        .main-factoids__factoid {
            max-width: 15em;
            margin: 0 auto !important;
            padding-bottom: 2em;
        }

        .main-factoids .content__title h4, .main-factoids .content__title .h4 {
            padding-right: 0;
        }
    }

    @media (max-width: 500px) {
        .main-factoids {
            grid-template-columns: auto auto;
        }

        .main-factoids .content__title h4, .main-factoids .content__title .h4 {
            padding-right: inherit;
        }
    }

    @media (max-width: 375px) {
        .main-factoids {
            grid-column-gap: 0;
        }
    }

    @media (max-width: 350px) {
        .main-factoids {
            grid-template-columns: 1fr;
        }
    }

.textBackgroundImage {
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: cover;
}
.lead {
    font-size: 1.5em;
    max-width: 28em;
    line-height: 1.5;
    margin: 1em auto;
}

    .lead .styled-link {
        color: inherit;
        text-decoration: underline !important;
        transition: opacity .5s;
    }

    .lead .styled-link:hover {
            opacity: .5;
        }

    .lead .with-arrow::after {
        content: '↗';
        display: inline-block;
        margin-left: .1em;
        transform: translateY(0.1em);
        transition: opacity .5s;
    }

    .lead sup {
        top: -0.6em;
        text-decoration: none;
        font-size: 60%;
        padding-left: 0.1em;
    }

    .lead sup a {
            color: #888888;
            transition: opacity .5s;
        }

    .lead sup a:hover {
                opacity: .5;
            }

    .lead a {
        transition: opacity .5s;
    }

    .lead a:hover {
            opacity: .5;
        }

    .lead a sup {
            color: #888888;
        }

.rough-annotation {
    z-index: -1;
    overflow: visible !important;
}

@media (max-width: 768px) {
    .lead {
        margin: 0 2em;
        font-size: 1.3em;
    }

    .rough-annotation {
        height: 16px !important;
    }
}
.content-block {
    display: flex;
    flex-direction: column;
    margin-bottom: 5em;
    padding-top: 7em;
}

    .content-block__img {
        margin-bottom: 1em;
        align-self: center;
    }

    .content-block__img img {
            pointer-events: none;
        }

    .content-block__title {
        align-self: center;
        max-width: 57em;
        text-align: center;
    }

    .content-block__lead-wrapper {
        align-self: center;
        margin-bottom: 4em;
    }

    .content-block__lead-wrapper .lead {
            margin-top: 0;
        }

    .content-block__lead-wrapper .lead p {
                margin-top: 0;
                margin-bottom: 0;
            }

    @media (max-width: 1023px) {
            .content-block__lead-wrapper {
                margin-bottom: 3em;
            }
        }

    .content-block__img, .content-block__title, .content-block__lead-wrapper {
        z-index: 1;
    }

    @media (max-width: 768px) {
            .content-block__title h2 {
                font-size: 30px;
                font-size: clamp(30px, 9vw, 46px);
                max-width: 90vw;
            }
            .content-block__img img {
                margin: 0 auto;
                width: 70%;
                display: block;
            }
    }

    @media (max-width: 770px) {
        .content-block.single-lead {
            padding-top: 0 !important;
        }
    }

    .content-block.single-lead {
        margin: 0;
    }

    .content-block.single-lead .content-block__lead-wrapper {
            margin-bottom: 0 !important;
        }

    .content-block.main-contacts {
        margin-bottom: 6em;
    }

    .content-block.main-contacts h2 {
            margin-bottom: 0;
        }

    @media (max-width: 1023px) {
              .content-block.main-contacts {
                padding-top: 4.67em;
                margin-bottom: 2em;
              }
          }

    .content-block.main-map {
        padding-top: 1.5em;
    }

    .content-block.main-map h2 {
           margin-bottom: 0;
        }

    .content-block.main-map .content-block__lead-wrapper {

            margin-top: 3em;
            padding-top: 2em;
        }

    @media (max-width: 1023px) {
               .content-block.main-map .content-block__lead-wrapper {
                  margin-top: 0;
                  margin-bottom: 3em;
                  padding-top: 2.8em;
               }
            }

    @media (max-width: 1023px) {
            .content-block.main-map {
                margin-bottom: 1.5em;
            }
        }

    .content-block.main-contact-us {
        padding-top: 1em;
        margin-bottom: 2em;
    }

    @media (max-width: 1023px) {
            .content-block.main-contact-us {
                padding-top: 1.2em;
                margin-bottom: 0;
            }
        }

    .content-block.press {
        padding-top: 0;
    }

    .content-block__lead-wrapper .social {
            margin-top: 2em;
            margin-left: auto;
            margin-right: auto;
            width: -webkit-max-content;
            width: -moz-max-content;
            width: max-content;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: .4s;
        }

    .content-block__lead-wrapper .social span {
                font-size: 1.3em;
                line-height: 1.5;
                font-weight: 500;
                color: rgba(0, 0, 0, 1);
            }

    @media only screen and (max-width: 768px) {

    .content-block__lead-wrapper .social span {
                    font-size: 1.2em
            }
                }

    .content-block__lead-wrapper .social svg {
                margin-left: 18px;
            }

    @media only screen and (max-width: 768px) {

    .content-block__lead-wrapper .social svg {
                    margin-left: 12px;
                    width: 38px
            }
                }

    .content-block__lead-wrapper .social:hover {

                opacity: .7;
            }

    @media only screen and (max-width: 768px) {

    .content-block__lead-wrapper .social {
                margin-top: 1.65em
        }
            }
.social-links {
    display: flex;
    justify-content: center;
}

    .social-links .social-link + .social-link {
        margin-left: 1em;
    }

    .social-links .social-link:hover {
            opacity: .7;
            transition: opacity .5s;
        }
.contacts {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    padding: 2em 2em;
    margin-top: 3em;
    margin-bottom: 2em;
    width: 100%;
}

    .contacts__card {
        text-align: center;
    }

    .contacts__card .content {
            font-size: 1.8em;
        }

    .contacts__card .content a {
                text-decoration: none;
                color: #7CBA00;
                transition: opacity .5s;
            }

    .contacts__card .content a:hover {
                    opacity: .7;
                }

    .contacts__card .title {
            font-size: 1.5em;
        }

    .contacts__card .title h5, .contacts__card .title .h5 {
                -webkit-margin-before: 1em;
                        margin-block-start: 1em;
                font-weight: normal;
            }

    @media (min-width: 768px) {
            .contacts__card {
                min-width: 300px;
                margin-bottom: 60px;
            }
        }

    .contacts__social-links svg {
            width: 4em;
            height: 4em;
        }

    .contacts__social-links p {
            text-align: center;
            font-size: 1.2em;
        }

    @media (max-width: 768px) {
        .contacts {
            flex-direction: column;
        }

        .contacts__card {
            margin-bottom: 3em;
        }
    }

    @media (min-width: 768px) {
        .contacts {
            margin-bottom: -60px;
        }
    }

    .contacts--flex {
        display: flex;
        flex-direction: column;
        justify-content: unset;
        flex-wrap: unset;
    }

    .contacts--flex .wrapper-contacts__card {
            display: flex;
            justify-content: space-around;
            flex-wrap: wrap;
        }

    .contacts--flex .wrapper-contacts__card .contacts__card {
               margin-bottom: 0;
           }

    @media (max-width: 1023px) {
                   .contacts--flex .wrapper-contacts__card .contacts__card:not(:last-child) {
                       margin-bottom: 15px;
                   }
               }

    .contacts--flex .wrapper-contacts__card:nth-child(2) {
                margin-top: 5em;
            }

    @media (max-width: 1023px) {

                    .contacts--flex .wrapper-contacts__card:nth-child(2) {
                        margin-top: 3em;
                    }
                }

    @media (max-width: 1023px) {
                .contacts--flex .wrapper-contacts__card {
                    flex-direction: column;
                }
            }

    @media (max-width: 1023px) {

    .contacts--flex {
            margin-top: 0;
            margin-bottom: 0;
            padding-top: 3em;
            padding-bottom: 0
    }
        }
.form {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 4em;
    font-size: 2em;

    width: 25em;
    max-width: 90vw;
    text-align: left;
    margin: 0 auto;
}

    .form__select {
        outline: none;
        background: transparent;
        border-top: none;
        border-left: none;
        border-right: none;
        width: 100%;
        height: auto;
        -moz-appearance: none;
        appearance: none;
        -webkit-appearance: none;
        cursor: pointer;
        text-align: center;
        padding-bottom: 1em;
        border-bottom: 1px solid rgba(210, 210, 210, 0.3);
    }

    .form__input {
        width: 100%;
        padding: 1.3em;
        margin-bottom: 0.5em;
        border-top: none;
        border-left: none;
        border-right: none;
        border-bottom: 1px solid rgba(210, 210, 210, 0.3);;
        text-align: center;
        outline: none;
        color: #000;
    }

    .form__input.active {
            border-bottom: 1px solid #7CBA00;
            transition: .5s;
        }

    .form__input.error {
            border-bottom: 1px solid #87222C;
            transition: .5s;
        }

    .form__input-message {
            overflow: hidden;
            resize: none;
            height: 4em;
        }

    .form__error {
        margin-bottom: 2em;
        font-size: 0.6em;
        color: #87222C;
    }

    .form__submit {
        width: 100%;
        padding: 1em;
        margin-top: 1em;
        background: #7CBA00;
        border-radius: .5em;
        color: #fff;
        border: none;
        font-size: 1em;

        cursor: pointer;
        transition: .5s;
    }

    .form__submit:hover {
            opacity: .7;
        }

    .form__answer {
        margin: 3em;
        -webkit-animation: opacityShow .7s;
                animation: opacityShow .7s;
    }

    .form__answer span {
            display: block;
            margin: 0 auto;
            font-size: 2em;
            text-align: center;
        }

    .form__answer .form__new-message-button {
            display: block;
            margin: 2em auto;
            padding: 1em;
            border-radius: .5em;
            border: none;
            background: #F4F4F4;

            cursor: pointer;
            transition: .5s;
        }

    .form__answer .form__new-message-button:hover {
                opacity: .7;
            }

    .form__add-file {
        background: #F4F4F4;
        border-radius: .5em;
        border: none;
        font-size: 1em;
        cursor: pointer;
        width: 100%;
        padding: 1em;
        margin: 2em 0em -1em;
    }

    .form__add-file svg {
            transform: translateX(-0.2em) translateY(0.1em);
        }

    .form__agree {
        font-size: 0.4em;
        align-self: flex-start;
        margin-bottom: 2em;
    }

    .form__agree p {
            color: #888888;
        }

    .form__agree a, .form__agree a:visited, .form__agree a:link {
            transition: opacity .5s;
            color: #7CBA00;
            text-decoration: underline;
        }

    .form__agree a:hover, .form__agree a:visited:hover, .form__agree a:link:hover {
                opacity: .7;
            }

    @media (max-width: 800px) {
        .form {
            padding: 0 1em;
        }

            .form__input, .form__submit, .form__add-file {
                font-size: 0.6em;
            }
                .form .custom-file-upload span {
                    font-size: 0.75em;
                }
    }

    @media (min-width: 1700px) {
            .form__input, .form__submit, .form__add-file {
                font-size: 0.8em;
            }
    }

    @media (max-width: 560px) {
        .form__agree {
            width: 100%;
        }
    }

    .form input[type="file"] {
        display: none;
    }

    .form .custom-file-upload {
        display: flex;
        justify-content: center;
        align-items: center;

        margin-top: 1em;
        /* display: inline-block; */
        background: #F4F4F4;
        border-radius: .5em;
        border: none;
        font-size: 0.8em;
        cursor: pointer;
        width: 100%;
        padding: 1em;
        text-align: center;
        transition: opacity .5s;
    }

    .form .custom-file-upload svg {
            margin-right: 0.2em;
        }

    .form .custom-file-upload:hover {
            opacity: .7;
        }

    .form .file-preview {
        margin: 0 10px;
        font-size: 0.5em;
        padding-top: 0.7em;
    }
.footer {
    padding: 0 2em;
}

    .footer__menu .main-menu a {
                color: #000;
            }

    .footer__menu .main-menu__sub-link {
                height: 12em;
            }

    .footer__menu .main-menu__sub-link-active {
                    border: 1px solid #7CBA00;
                }

    .footer__menu .main-menu__sub-link:hover {
                    border: 1px solid rgb(0, 0, 0);
                }

    .footer__content {
        display: grid;
        grid-template-columns: .5fr 1.7fr 1fr;
        padding: 2em 0 2em;
    }

    /* font-size: .8em; */

    .footer__content-logo img, .footer__content-logo svg {
                display: block;
                margin-right: 2em;
            }

    .footer__content-logo img {
                height: 3em;
                min-height: 53px;
            }

    @media only screen and (min-width: 1201px) and (max-width: 1300px) {
                    .footer__content-logo img {
                        min-height: 40px;
                    }
                }

    .footer__content-logo .logo-vertical {
                height: 5em !important;
                width: 7em;
                min-height: 95px !important;
            }

    /* display: flex;
        justify-content: space-between;
        position: relative;
        padding: 2em 0; */

    .footer__content-menu {
            padding-top: 21px;
            display: flex;
            justify-content: space-between;
        }

    .footer__content-menu .content-menu__card {
                display: flex;
                flex-direction: column;
            }

    .footer__content-menu .content-menu__card .content a {
                        font-size: 1em;
                        color: #7CBA00;
                    }

    .footer__content-menu .content-menu__card .title .h5 {
                        margin: 7px 0 0;
                        font-size: 1em;
                        font-weight: normal;
                    }

    @media (max-width: 1200px) {
                    .footer__content-menu .content-menu__card:not(:last-child) {
                        margin-right: 40px;
                    }
                }

    @media (max-width: 768px) {
                    .footer__content-menu .content-menu__card {
                        margin-right: 0 !important;
                        text-align: center;
                    }

                    .footer__content-menu .content-menu__card:not(:last-child) {
                        margin-bottom: 30px;
                    }
                }

    @media only screen and (min-width: 1201px) and (max-width: 1300px) {
                .footer__content-menu {
                    padding-top: 15px;
                }
            }

    @media (max-width: 1200px) {
                .footer__content-menu {
                    padding-top: 0;
                    max-width: 750px;
                    margin: 8px auto 35px;
                }
            }

    @media (max-width: 768px) {
                .footer__content-menu {
                    flex-direction: column;
                    margin: 0px auto 3em;
                }
            }

    .footer__content-date {

            font-size: 0.85em;
            padding-bottom: 4em;
        }

    .footer__content-date .social-links {
                margin-bottom: 1.5em;
            }

    .footer__content-date span {
                display: block;
                color: #D7D7D7;
            }

    .footer__content-copyright {
            padding-top: 21px;
            justify-self: right;
            font-size: 0.7em;
        }

    /* display: flex;

            img {
                margin-right: 1em;
            }

            .content__wrapper {

                span {
                    display: block;
                    line-height: 1.5em;
                }
            } */

    .footer__content-copyright .made_in {
                position: relative;
                margin: 0;
                padding-left: 120px;
                padding-top: 0;
                line-height: 1.4;
            }

    .footer__content-copyright .made_in a, .footer__content-copyright .made_in a:visited, .footer__content-copyright .made_in a:active {
                    color: #7CBA00;
                    transition: opacity .5s;
                }

    .footer__content-copyright .made_in a:hover, .footer__content-copyright .made_in a:visited:hover, .footer__content-copyright .made_in a:active:hover {
                        opacity: .7;
                    }

    .footer__content-copyright .made_in img, .footer__content-copyright .made_in svg {
                    position: absolute;
                    top: .4em;
                    left: 0;
                }

    /* position: absolute;
            right: 0; */

    @media only screen and (min-width: 1201px) and (max-width: 1300px) {
                .footer__content-copyright {
                    padding-top: 15px;
                }
            }

    @media only screen and (min-width: 1201px) and (max-width: 1300px) {
            .footer__content {
                grid-template-columns: .3fr 1.7fr 1fr;
            }
        }

    @media (max-width: 1200px) {
            .footer__content {
                grid-template-columns: 1fr;
            }
        }

    @media (max-width: 1200px) {

        .footer {
            /* display: flex;
            flex-direction: column-reverse; */
            padding: 0;
        }

        .footer__content {
            /* flex-direction: column;
            align-items: center; */

            padding-top: 2em;
        }
                .footer__content-logo img, .footer__content-logo svg {
                    margin: 0 auto 2.6em;
                }

            .footer__content-date {
                /* left: calc(50vw - 4em);
                bottom: -13em; */
                text-align: center;
            }

            .footer__content-copyright {
                position: relative;
                width: 100%;

                /* img {
                    margin-bottom: 1em;
                }

                .content__wrapper {
                    text-align: center;
                    font-size: 1.5em;
                    width: 60%;
                } */
            }
                /* padding-top: 3em;
                flex-direction: column;
                align-items: center; */

                .footer__content-copyright .made_in {
                    position: initial;
                    padding-left: 0;
                    padding-top: 6em;
                    text-align: center;
                }

                    .footer__content-copyright .made_in img, .footer__content-copyright .made_in svg {
                        top: 1.5em;
                        left: -50%;
                        transform: translateX(50%);
                        display: block;
                        width: 100%;
                    }

        .footer .main-menu__wrapper {
            display: flex;
            padding: 0;
            flex-wrap: nowrap;
            overflow-x: scroll;
            padding-left: 1em;
        }
            
            .footer .main-menu__wrapper::-webkit-scrollbar {
                display: none;
            }

            .footer .main-menu__wrapper .main-menu__sub-link {
                height: 6em;
                width: 12em;
            }
    }
.yandex-map .svg {
        position: absolute;
        width: 0;
        height: 0;
    }
    .yandex-map.clipped {
        width: 90vw;
        height: 52vw;
        margin: 0 auto;
        border-radius: 20vw 0 20vw 0;
        overflow: hidden;
    }
    @media (min-width: 769px) {
    .yandex-map.clipped {
            transform: translateZ(0)
    }
        }
    @media (max-width: 768px) {
        .yandex-map {
            position: relative;
            left: 50%;
            transform: translateX(-50%);
            height: 128vw !important;
        }

        .yandex-map.clipped {
            width: 100vw;
            border-radius: 23vw 0 23vw 0;
        }
    }

body.with-open-preloader {
    position: fixed !important;
    overflow: hidden !important;
    overflow-y: scroll !important;
    width: 100%;
}

.preloader {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;

    z-index: 110;
}

.preloader__wrapper {
        position: relative;
        height: 12vw;
        min-height: 100px;
        width: 12vw;
        min-width: 100px;
    }

.preloader__wrapper img {
            width: 100%;
            height: 100%;
        }

.preloader__mask {
        width: 100%;
        position: absolute;
        background: #ffffff;
    }

.preloader .active-mask {
        -webkit-animation: cut-show-up 1s ease-in-out;
                animation: cut-show-up 1s ease-in-out;
    }

.hide-preloader {
    -webkit-animation: hide 1s ease-in-out;
            animation: hide 1s ease-in-out;
}

.hero-preloader {
    -webkit-animation: slide-down 1s ease-out;
            animation: slide-down 1s ease-out;
}

.hero-content-preloader {
    -webkit-animation: slide-up 1s ease-out;
            animation: slide-up 1s ease-out;
}

@-webkit-keyframes cut-show-up {
    0% {
        height: 100%;
    }
    100% {
        height: 0%;
    }
}

@keyframes cut-show-up {
    0% {
        height: 100%;
    }
    100% {
        height: 0%;
    }
}

@-webkit-keyframes hide {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes hide {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes slide-down {
    0% {
        transform: translateY(-100%);
    }
    100% {
        transform: translateY(0%);
    }
}

@keyframes slide-down {
    0% {
        transform: translateY(-100%);
    }
    100% {
        transform: translateY(0%);
    }
}

@-webkit-keyframes slide-up {
    0% {
        transform: translateY(150%);
    }
    100% {
        transform: translateY(0%);
    }
}

@keyframes slide-up {
    0% {
        transform: translateY(150%);
    }
    100% {
        transform: translateY(0%);
    }
}
.factoid {
    width: 250px;
    text-align: center;
    color: #ffffff;
}

    .factoid__title {
        font-size: 1.5em;
    }

    .factoid__subtitle {
        font-size: 1em;
    }

    .factoid + .factoid {
        margin-left: 1.5em;
    }

/* Страница Инветорам */

.white .factoid {
        color: #000;
    }
.hero__factoids {
    display: flex;
    justify-content: center;
    padding: 2em 0;
}

    .hero__factoids::after {
        content: '';
        position: absolute;
        width: 100%;
        transform: translateY(-2em);
        border-top: 1px solid #ffffff;
        opacity: 0.3;
    }

    .hero__factoids .factoid {
        width: 11.5em;
    }

    .hero__factoids .factoid__title {
            font-size: 1em;
            font-weight: 600;
        }

/* Страница Инвесторам */

.white .hero__factoids {
        display: grid;
        margin-top: 2em;
        grid-template-columns: 1fr 1fr;
        padding: 2em 18em;
    }

.white .hero__factoids::after {
            left: 0;
            border: 1px solid #000;
            opacity: 0.1;
        }

.white .hero__factoids .factoid {
            max-width: 14em;
            margin: 3em auto;
            width: 15em;
        }

.white .hero__factoids .factoid__title {
                font-size: 1.2em;
                font-weight: 500;
            }

@media (max-width: 768px) {
            .white .hero__factoids {
                grid-template-columns: 1fr 1fr;
                padding: 4em 0 0 0;
            }

                .white .hero__factoids .factoid {
                    max-width: 15em;
                    margin: 3em auto;
                    width: auto;
        
                    color: #000;
                }
        
                    .white .hero__factoids .factoid__title {
                        font-size: 1.2em;
                        font-weight: 400;
                    }
        }

@media (max-width: 465px) {
            .white .hero__factoids {
                /* grid-template-columns: auto auto; */
                margin: 1em 1.5em;
            }

                .white .hero__factoids .factoid {
                    max-width: 11.5em;
                    margin: 3em auto;
                    width: auto;
                    color: #000;
                    padding-right: 1em;
                    margin-top: 16px;
                    text-align: left;
                }

                    .white .hero__factoids .factoid__title {
                        font-weight: 600;
                        color: #795548;
                    }

                    .white .hero__factoids .factoid__subtitle {
                        color: #795548;
                    }
        }

.factoids-mobile .hero__factoids {
        display: grid;
        grid-template-columns: 1fr 1fr;

        max-width: 36.5em;
        margin: 0 auto;
    }

.factoids-mobile .hero__factoids .factoid {
            margin: 0 auto 1em 0;

            max-width: 11.5em;
            
            width: 100%;
            color: #000;
            margin-top: 16px;
            text-align: left;
        }

.factoids-mobile .hero__factoids .factoid__title {
                font-size: 1.5em;
                font-weight: 600;
            }

@media (max-width: 600px) {
            .factoids-mobile .hero__factoids {
                margin: initial;
            }

                .factoids-mobile .hero__factoids .factoid {
                    margin: 1em auto;
                }
        }

@media (max-width: 465px) {
            .factoids-mobile .hero__factoids {
                margin: 0 2.6em 2em;
                grid-gap: 2em;
            }
        }

@media (max-width: 350px) {
            .factoids-mobile .hero__factoids {

                font-size: .8em;
                grid-gap: 2em;
            }
        }

@media (min-width: 771px) {
    .factoids-mobile {
        display: none;
    }
}

@media (max-width: 770px) {
    .hero__factoids {
        display: none;
    }

        .hero__factoids::after {
            display: none;
        }
}
.header {

    width: 100%;
}

.hero {
    font-family: 'hauss';
    background-color: #000;
    position: relative;
    z-index: 10;
}

.hero__content {
        position: absolute;
        padding: 0 35px;
        bottom: 0;
        width: 100%;
        z-index: 100;
    }

.hero__content .content__title {
            /* position: absolute; */
            width: 95%;
            /* bottom: 16em; */
        }

.hero__title {
        text-align: center;
        color: #ffffff;
        font-size: 2.9em;
        letter-spacing: 0.025em;
    }

.page {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0 2em;
    top: 1.5em;

}

.page .main-menu__sub-link {
        padding: 2.5em 0;
    }

/* Страница Инветорам */

.hero.white {
    background-color: #fff;
}

.hero.white .hero__title {
            color: #000;
        }

.hero.white .hero__content {
            position: relative;
            /* height: 95vh; */
            height: calc(100 * var(--vh));
            min-height: 40em;
        }

.hero.white .investors-content__contacts a {
                display: block;
                width: 50%;
                margin: 0 auto;
                min-width: 9em;
                transition: opacity .5s;
            }

.hero.white .investors-content__contacts a span {
                    font-size: .6em;
                    letter-spacing: 0.35px;
                    color: #7CBA00;
                    display: block;
                }

.hero.white .investors-content__contacts a:hover {
                    opacity: .7;
                }

.hero.white .investors-content a + a {
            margin: 0.3em auto 0.6em;
        }

.hero.white .investors-content__label {
            display: block;
            margin: .5em 0;
            font-size: .3em;
            letter-spacing: 0;
        }

@media (max-width: 370px) {
                .hero.white .investors-content__contacts a {
                    min-width: 6em;
                    font-size: 80%;
                }
        }

@media (max-width: 768px) {
        .hero:not(.main-container)__title {
            font-size: 1.5em;
        }

        .hero:not(.main-container) .main-menu {
            display: none;
        }

    .tag-links__wrapper {
        position: relative;
        padding: 0 !important;
        height: 5em;
        overflow-x: scroll;
    }

        .tag-links__wrapper::-webkit-scrollbar {
            display: none;
        }
        .hero.main-container .hero__intro {
            height: 100%;
        }

        .hero.main-container .content__title {
            width: 70%;
            /* bottom: 11em; */
            /* display: flex;
            flex-direction: column;
            align-items: baseline !important; */

            /* h1 {
                width: 90% !important;
            }

            p {
                width: 60% !important;
            } */
        }
}

@media (max-width: 768px) {
    .page {
        padding: 0;
    }
        .hero__intro {
            min-height: 0px;
        }

        .hero__content {
            padding: 0;
        }

            .hero__content .content__title {
                font-size: 10px !important;
            }

            .hero__content .wrapper {
                padding: 0 2em;
            }
}

@media (max-width: 500px) {
            .hero__content h1 {
                font-size: 1em;
            }
}

.press-centre-page .hero .hero__content {
        min-height: unset;
    }

.press-centre-page .hero .hero__content .hero__title {
            margin: 0 auto;
            height: 100%;
            display: flex;
            align-items: center;
        }

@media (max-width: 768px) {
                .press-centre-page .hero .hero__content .hero__title {
                    margin-top: -1.5em;
                }
            }
.photo-cards {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

    .photo-cards .photo-card {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;

        padding: 3em;
        height: 60vh;
        min-height: 480px;
        transition: scale .5s;
        position: relative;
        overflow: hidden;
    }

    .photo-cards .photo-card__text {
            width: 25vw;
            font-size: 14px;
            line-height: 1.4em;
            margin-bottom: 2.5em;
        }

    .photo-cards .photo-card__title {
            margin-bottom: 0;
            font-size: 1.9em;
            max-width: 400px;
            margin-bottom: 1em;
        }

    .photo-cards .photo-card a {
            padding: 0.9em 1.2em;
            border: 1px solid #FFFFFF;
            border-radius: .8em;
            text-transform: uppercase;
            color: #fff;
            transition: opacity .5s;
        }

    .photo-cards .photo-card a:hover {
                opacity: .5;
            }

    .photo-cards .photo-card button {
            max-width: 12em;
            padding: 1em 1.5em;
            background: none;
            border-radius: .7em;
        }

    .photo-cards .photo-card__background {
            transition: transform .5s;
            position: absolute;
            top: 0;
            height: 100%;
            -o-object-fit: cover;
               object-fit: cover;
            width: 100%;
            z-index: -1;
            /* transform: scale(1.2); */
        }

    .photo-cards .photo-card:hover.light .photo-card__background, .photo-cards .photo-card:hover.dark .photo-card__background {
                    /* transform: scale(1.4); */
                    transform: scale(1.2);
                }

/* popup */

.values-content .cover {
        height: 50vh;
        width: 100%;
        border-radius: 2em 0 0 0;
        position: relative;
    }

.values-content .cover__background {
            transition: transform .5s;
            position: absolute;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            width: 100%;
            z-index: -1;
            border-radius: 2em 0 0 0;
        }

.values-content .cover__icon {
            /* position: absolute; */
            height: 15vh;
            z-index: 0;
            /* bottom: 25%; */
            /* margin: 0 2em; */
        }

.values-content .header {
        position: absolute;
        bottom: 5%;
        padding: 0 2em;
        color: #fff;
    }

.values-content .header h3, .values-content .header .h3 {
            font-size: 3em;
        }

@media (max-width: 450px) {
            .values-content .header h3, .values-content .header .h3 {
                font-size: 2em;
            }
        }

.values-content .modal {
        height: 100%;
    }

.values-content .content {
        padding: 0.5em 1.4em 4em;
        background: #fff;
        line-height: 1.45;
        font-size: 1.5em;
        min-height: 50%;
    }

/* .light-content {
    .header {
        color: #269646;
    }    
}

.dark-content {
    .header {
        color: #fff;
    }    
} */

.dark {
    color: #ffffff;
}

.dark button {
        border: 1px solid #ffffff;
        color: #ffffff;
    }

.light {
    color: #269646;
}

.light button {
        border: 1px solid #269646;
        color: #269646;
    }

@media (max-width: 768px) {
    .photo-cards {
        display: flex;
        flex-direction: column;
    }
            .photo-cards .photo-card__text {
                width: 100%;
            }
}
.swiper-buttons {
    display: flex;
    justify-content: center;
    margin-top: 3em;
}

    .swiper-buttons .swiper-button {
        background: none;
        border: none;
        outline: none;

        cursor: pointer;
    }

    .swiper-buttons .swiper-button.disable {
            pointer-events: none;
        }

    .swiper-buttons .swiper-button.disable svg path {
                    fill: #CCCCCC;
                }

    .swiper-buttons .swiper-button+.swiper-button {
        margin-left: 1em;
    }

    @media (max-width: 768px) {
        .swiper-buttons {
            display: none;
        }
    }
.tab-menu {
    display: flex;
    list-style: none;
}

    .tab-menu__wrapper {
        display: flex;
        justify-content: center;
        margin-bottom: 3.5em;
        overflow-x: scroll;
        scrollbar-width: none;
    }

    .tab-menu__wrapper::-webkit-scrollbar {
            display: none;
        }

    .tab-menu__button {
        height: 100%;
        padding: 8px 16px;
        border-radius: 40px;
        white-space: nowrap;

        cursor: pointer;
    }

    .tab-menu__button.active {
            background-color: #7CBA00;
            color: #fff;
        }

    .tab-menu button:not(.active) {
        color: #000;
    }

.content-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0 3em;
}

.content-grid__img {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 9em;
        min-height: 126px;
        width: 160px;
        border: 1.55052px solid #F4F4F4;
    }

.content-grid__img img {
            -o-object-fit: contain;
               object-fit: contain;
            width: 65%;
            max-height: 3.3em;
            min-height: 56px;
        }

/* products card */

.content-grid__card {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        min-height: 27em;
        max-width: 22em;
        padding: 2em;
        border: 1px solid #F4F4F4;
    }

.content-grid__card .card__title h4, .content-grid__card .card__title .h4 {
                    opacity: 1;
                    font-size: 1.5em;
                    margin: 0.3em 0 1em;
                }

.content-grid__card .card__title h4 span, .content-grid__card .card__title .h4 span {
                        opacity: 1;
                    }

.content-grid__card .card__title span {
                    opacity: .3;
                }

.content-grid__card .card__content img {
                    margin: 1em 0;
                    max-height: 9em;
                }

.content-grid__card .card__content span {
                    display: block;
                    color: #7CBA00;
                    font-size: 1.3em;
                }

/* Настройки swiper */

.content-history .swiper-slide {
        flex-shrink: 1;
        height: auto;
    }

.content-history .swiper-container {
        padding-left: 20%;
    }

@media (max-width: 768px) {
        .content-history .swiper-container {
            padding-left: 0;
        } 
    }

.content-history-ios {
        display: flex;
        overflow-x: scroll;
        overflow-y: hidden;
    }

.content-history-ios::-webkit-scrollbar {
            display: none;
        }

.history__wrapper {
    padding: 4em;
    min-width: 600px;
    color: #ffffff;
    height: 100%;
    font-size: 14px;
    font-size: clamp(14px, 1vw, 17px);
    min-height: 690px;
    max-height: 1300px;
}

.history__wrapper span {
        display: block;
        font-size: 3em;
        font-weight: bold;
        margin-bottom: 1em;
    }

.history__wrapper img {
        width: 40%;
    }

.history__wrapper p {
        font-size: 1.4em;
        line-height: 1.5em;
    }

.history__wrapper .styled-link {
        color: inherit;
        text-decoration: underline !important;
        transition: opacity .5s;
    }

.history__wrapper .styled-link.with-arrow::after {
            content: '↗';
            display: inline-block;
            margin-left: .1em;
            transform: translateY(0.1em);
            transition: opacity .5s;
        }

.history__wrapper .styled-link:hover {
            opacity: .5;
        }

@media (max-width: 768px) {
        .history__wrapper {
            width: 30em;
            font-size: 11px;
            font-size: clamp(11px, 1vw, 17px);
            min-width: 0;
        }
    }

.content-calendar {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 0 4em;
    gap: 1em;
}

.content-calendar__card {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 30vh;
        min-height: 300px;
        width: 100%;
        padding: 1em 2em;
        margin: 0 auto;
        background: #F0F0F0;
        border-radius: 1em;

        cursor: pointer;
    }

.content-calendar__card .card__title {
                width: 70%;
            }

.content-calendar__card .card__title h3 {
                    font-weight: 500;
                    line-height: 1.4em;
                    max-width: 16em;
                }

.content-calendar__card .card__extra {
                position: absolute;
                right: 0;
                height: 100%;
                top: 0;
                width: 50%;
                -webkit-clip-path: polygon(60% 0%, 100% 0%, 100% 100%, 0% 120%);
                        clip-path: polygon(60% 0%, 100% 0%, 100% 100%, 0% 120%);
                border-radius: 1em;
            }

.content-calendar__card .card__extra a {
                    display: block;
                    width: 100%;
                    height: 100%;
                }

.content-calendar__card .card__extra-pdf-label {
                    position: absolute;
                    right: 1.5em;
                    bottom: 1em;
                    color: #fff;
                    opacity: .5;
                    font-weight: 500;
                    font-size: 1.5em;
                }

.content-calendar__card .card__content {
                font-size: 3em;
                font-weight: bold;
            }

.content-calendar__error {
        max-width: 40em;
        padding: 0 2em;
        margin: 10em auto 0;
        text-align: center;
    }

.content-calendar__error-title {
            font-weight: bold;
            font-size: 2em;
            letter-spacing: 0.02em;
        }

.content-calendar__error-label {
            font-weight: 500;
        }

@media (max-width: 1190px) {
            .content-calendar .card__content {
                font-size: 2em;
            }
    }

@media (max-width: 768px) {
            .content-calendar__card {
                font-size: max(2.3vw, 14px);
            }
            .content-calendar {

            grid-template-columns: 1fr;
            padding: 0 1.5em;
    }

            .content-calendar .card__content {
                font-size: 1.5em;
            }
    }

.event-content .modal {
        height: 100%;
    }

.event-content .cover {
        height: 40vh;
        width: 100%;
        border-radius: 2em 0 0 0;
        position: relative;
    }

.event-content .cover__background {
            transition: transform .5s;
            position: absolute;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            width: 100%;
            z-index: -1;
            border-radius: 2em 0 0 0;
        }

.event-content .cover__icon {
            position: absolute;
            height: 20vh;
            z-index: 0;
            bottom: 25%;
            margin: 0 2em;
        }

.event-content .header {
        position: absolute;
        bottom: 5%;
        padding: 0 2em;
        color: #fff;
    }

.event-content .header h3 {
            font-size: 2em;
        }

.event-content .content {
        padding: 1em 2em;
        min-height: 60%;
        background: #fff;
        line-height: 1.45;
        font-size: 1.1em;
    }

.event-content .content__info {
            margin-bottom: 2em;
        }

.event-content .content__info-item {
                display: flex;
                justify-content: space-between;
                font-size: 1.3em;
                margin: 1em 0;
                letter-spacing: 0.38px;
            }

.event-content .content__info-item .title {
                    flex: 1;
                    opacity: .4;
                }

.event-content .content__info-item .description {
                    flex: 2;
                    font-weight: bold;
                }

@media (max-width: 768px) {
        .event-content {
            font-size: max(2.3vw, 14px);
        }
        
        .event-content .content {
            font-size: 1em !important;
        }
    }

.popup-mobile-overlay::after {
    content: '';
    position: fixed;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 60%, #FFFFFF 40%);
    -webkit-animation: slide-top 0.3s cubic-bezier(0.38, 0.1, 0.36, 0.9) forwards;
            animation: slide-top 0.3s cubic-bezier(0.38, 0.1, 0.36, 0.9) forwards;
    z-index: -1;
}

@media (max-width: 768px) {
        #products .content-grid, #customers .content-grid {
            display: grid;
            padding: 0;
        }

        #products .tab-menu__wrapper, #customers .tab-menu__wrapper {
            justify-content: start;
            padding-right: 50px;
        }
        #calendar .tab-menu {
            padding: 0;
        }
        #products .content-grid {
            grid-template-columns: 1fr 1fr;
            
        }
            
            #products .content-grid__card {
                max-width: initial;
            }
        #customers .content-grid {
            grid-template-columns: 1fr 1fr 1fr;
        }

            #customers .content-grid__img {
                width: auto;
            }
}

@media (max-width: 540px) {
            #products .content-grid__card {
                font-size: .6em;
            }
        #customers__img {
            height: 18em;
        }
}

.filter-animation img {
        -webkit-animation: fadein 0.35s ease-in;
                animation: fadein 0.35s ease-in;
    }
.map-card {
    max-width: 464px;
    width: 20em;
}

	.map-card__photo {
        position: relative;
		width: 100%;
		height: 13em;
		border-radius: 1em 1em 0 0;
	}

	.map-card__photo .flag {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
               object-fit: cover;
        }

	.map-card__photo .flag__wrapper {
                position: absolute;
                bottom: -1.2em;
                left: 1em;
                width: 3em;
                height: 3em;
                overflow: hidden;
                border-radius: 50%;
            }

	.map-card__content {
        width: 100%;
        padding: 1.5em;
    }

	.map-card__content h3, .map-card__content .h3 {
            margin: 0 0 0.5em 0;
            font-size: 1.17em;
            font-weight: bold;
        }

	.map-card__content span {
            display: block;
            font-weight: 500;
            font-size: 1em;
            margin-bottom: .5em;
        }

	.map-card__content p {
            margin: 1px 0;
            font-size: 0.8em;
            opacity: .5;
        }

	.map-card.elevator .map-card__photo {
            height: 100%;
            padding-left: 1.5em;
            padding-top: 1em;
        }

	.map-card.elevator .map-card__photo .flag__wrapper {
                position: relative;
                bottom: 0;
                left: 0;
            }
/* Test */

.mapCompany {
    text-align: center;
    position: relative;
	z-index: 0;
	/* padding-top: 8em; */
	padding-bottom: 40px;
	transform: scale(.9);
  }

/* transform: translateZ(0); */

.mapCompany h3 {
		font-weight: bold;
	}

@media (max-width: 1000px) {

.mapCompany {
      margin-left: -20px;
      margin-right: -20px
  }
    }

@media (max-width: 425px) {

.mapCompany {
      margin-left: -15px;
      margin-right: -15px
  }
    }

.mapCompany.hidie .leaflet-control-attribution {
        display: none;
      }

.mapCompany .leaflet-container {
      font-family: Hauss, Arial, sans-serif;
      width: 100%;
      margin-bottom: 2rem;
      background: transparent;
    }

@media screen and (min-width: 768px) {
        .mapCompany .leaflet-container {
			height: 100rem;
		}
      }

.mapCompany .leaflet-container a {
        color: #000;
      }

.mapCompany .leaflet-container .leaflet-control-container .leaflet-left {
          left: unset;
          left: 5em;
        }

@media (max-width: 1120px) {

.mapCompany .leaflet-container .leaflet-control-container .leaflet-left {
            top: 7rem
        }
          }

.mapCompany .leaflet-container .leaflet-control-container .leaflet-control-zoom {
		  display: none;
          border: none;
		  background-color: #fff;
		  border-radius: 10em;
		  box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.05);
        }

.mapCompany .leaflet-container .leaflet-control-container .leaflet-control-zoom a {
            /* border: 2px solid #000; */
			border: none;
            border-radius: 10em;
            /* width: 3.4rem; */
            display: flex;
            justify-content: center;
            align-items: center;
			width: 1.9em;
			height: 1.9em;
			font-size: 1.8em;
          }

.mapCompany .leaflet-container .leaflet-control-container .leaflet-control-zoom a:first-child {
              margin-bottom: 0;
            }

@media (max-width: 768px) {

.mapCompany .leaflet-container .leaflet-control-container .leaflet-control-zoom {
			  display: block
        }
		  }

.mapCompany .leaflet-container .leaflet-marker-pane .leaflet-marker-icon {
			border-radius: 50%;
			box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.15);
        }

.mapCompany .leaflet-container .leaflet-marker-pane .leaflet-marker-icon.icon-clicked {
            pointer-events: none;
          }

.mapCompany .leaflet-container .leaflet-marker-pane .leaflet-marker-icon.icon-clicked:hover {
              content: normal;
            }

/* max-width: 42rem;
          min-width: 42rem; */

@media (max-width: 1120px) {

.mapCompany .leaflet-container .leaflet-popup-pane .leaflet-popup {
            /* max-width: 30rem;
            min-width: 30rem; */
        }
          }

.mapCompany .leaflet-container .leaflet-popup-pane .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content {
              width: auto !important;
            }

.mapCompany .leaflet-container .leaflet-popup-pane .leaflet-popup .leaflet-popup-tip {
            /* display: none; */
          }

.mapCompany .leaflet-container .leaflet-popup-pane .leaflet-popup-close-button {
			color: rgba(0, 0, 0, 0.3);
			font-size: 2em !important;
			font-weight: 400;
			padding: 0;
			margin: 0.6em 0.4em;
			line-height: 0.3em;
			width: auto;
        }

.map-location-label {
	color: #fff;
	font-weight: bold;
	pointer-events: none !important;
	box-shadow: none !important;
}

.map-location-label span {
		font-size: 0.8em;
	}

.map-description-label {
	box-shadow: none !important;
	pointer-events: none !important;
	opacity: 0.3;
}

.map-description-label span {
		font-size: 1em;
		letter-spacing: -0.408px;
	}

.map-moscow-location-label {
	box-shadow: none !important;
	pointer-events: none !important;
}

.map-moscow-location-label span {
		color: #fff !important;
		font-weight: bold;
		font-size: 1em;
	}

@media (max-width: 375px) {
			.geomap .content-block__content {
				padding-bottom: 6em;
			}
		}

@media (min-width: 376px) and (max-width: 500px) {
			.geomap .content-block__content {
				padding-bottom: 10em;
			}
		}

@media (min-width: 501px) and (max-width: 768px) {
			.geomap .content-block__content {
				padding-bottom: 12em;
			}
		}

.sticky {
	position: sticky;
	position: -webkit-sticky;
	top: 80vh;
	z-index: 10;
	margin: 0 2em;
}

.map__wrapper-description {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1em 2em;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, 0.05);
	border-radius: 1em;
	width: 100%;
	max-width: 70em;

	margin: 0 auto;
	z-index: 10;
}

.map__wrapper-description .content {
		padding-right: 2em;
	}

.map__wrapper-description h4, .map__wrapper-description .h4 {
		font-size: 1.3em;
		font-weight: 500;
		line-height: 1.3;
		max-width: 27em;
		margin: 0;
	}

.map__wrapper-description h4 span, .map__wrapper-description .h4 span {
			color: #6BD85F;
		}

.map__wrapper-description .values {
		font-size: 1em;
		line-height: 1.3;

		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		width: 30em;
	}

.map__wrapper-description .values__description {
			font-size: 0.55em;
			color: #808080;
			margin: 0;
		}

.map__wrapper-description .values__wrapper {
			
		}

.map__wrapper-description .values .values_2, .map__wrapper-description .values .values_3, .map__wrapper-description .values .values_4 {
			position: relative;
			padding-top: 1em;
		}

.map__wrapper-description .values .values_2:after, .map__wrapper-description .values .values_3:after, .map__wrapper-description .values .values_4:after {
				content: '';
				position: absolute;
				top: 0;
				width: 100%;
				height: 1.3em;
			}

.map__wrapper-description .values .values_2:after {
				content: '';
				background: #83CB7F;
				border-radius: .3em 0 0 .3em;
			}

.map__wrapper-description .values .values_3:after {
				content: '';
				background: #A0B096;
			}

.map__wrapper-description .values .values_4:after {
				content: '';
				background: #D6DCCE;
				border-radius: 0 .3em .3em 0;
			}

/* Анимация маркеров */

.marker-anim {
	display: block !important;
	-webkit-animation: slide-top 1.5s ease-out;
	        animation: slide-top 1.5s ease-out;
}

/* transform: translateX(35em); */

.mapCompany .leaflet-marker-pane {
		display: none;
	}

.mapCompany.init {
		transform: scale(0.4) translateX(-30em) translateY(-43em) translateZ(0);
	}

.mapCompany.startAnim {
		-webkit-animation: map-anim 2s ease-in-out;
		        animation: map-anim 2s ease-in-out;
	}

@media (max-width: 950px) {
	.mapCompany {
		transform: scale(0.75);
	}

		.mapCompany.startAnim {
			-webkit-animation: map-anim-tablet 2s ease-in-out;
			        animation: map-anim-tablet 2s ease-in-out;
		}
			.mapCompany .leaflet-tooltip .leaflet-popup-content, .mapCompany .leaflet-popup .leaflet-popup-content {
				font-size: 80%;
			}
}

@media (max-width: 786px) {
	.mapCompany {
		transform: scale(1);
	}

	.map__wrapper {
		overflow: hidden;
	}

	.leaflet-marker-pane {
		font-size: 85%;
	}
		.map-moscow-location-label span {
			font-size: 0.8em !important;
		}
		.leaflet-tooltip .leaflet-popup-content, .leaflet-popup .leaflet-popup-content {
			font-size: 100%;
		}

}

@media (max-width: 768px) {
	.sticky {
		margin: 0 1em;
	}

	/* .map-moscow-location-label {
		width: 37px !important;
		margin-top: -2px !important;
	} */

	.map__wrapper-description {
		flex-direction: column;


	}

		.map__wrapper-description .content {
			padding: 0;
			margin-bottom: 1em;
		}

			.map__wrapper-description .content h4, .map__wrapper-description .content .h4 {
				max-width: 100%;
			}

		.map__wrapper-description .values__wrapper {
			width: 100%;
		}

			.map__wrapper-description .values__wrapper .values {
				width: 100%;
			}

				.map__wrapper-description .values__wrapper .values__description {
					font-size: 0.8em;
				}
}

@media (max-width: 500px) {
	.sticky {
		top: 72vh;
	}

	.map__wrapper-description {
		font-size: 80%;
	}

	.mapCompany {
		/* transform: scale(0.8); */
	}
}

@media (max-width: 400px) {
		/* transform: scale(0.65); */

		.mapCompany.init {
			transform: scale(0.2) translateX(-30em) translateY(-43em) translateZ(0);
		}

		.mapCompany.startAnim {
			-webkit-animation: map-anim-mobile 2s ease-in-out;
			        animation: map-anim-mobile 2s ease-in-out;
		}
		.map__wrapper-description .values {
			font-size: .7em;
		}
}

@media (max-width: 375px) {
		.map__wrapper-description .content {
			font-size: .7em;
		}
}

@-webkit-keyframes map-anim {
	0% {
		/* transform: scale(0.3) translateX(-50em) translateY(-83em) translateZ(0); */
		transform: scale(0.4) translateX(-30em) translateY(-43em) translateZ(0);
	}
	100% {
		transform: scale(.9) translateX(0) translateY(0) translateZ(0);
	}
}

@keyframes map-anim {
	0% {
		/* transform: scale(0.3) translateX(-50em) translateY(-83em) translateZ(0); */
		transform: scale(0.4) translateX(-30em) translateY(-43em) translateZ(0);
	}
	100% {
		transform: scale(.9) translateX(0) translateY(0) translateZ(0);
	}
}

@-webkit-keyframes map-anim-tablet {
	0% {
		/* transform: scale(0.3) translateX(-50em) translateY(-83em) translateZ(0); */
		transform: scale(0.4) translateX(-30em) translateY(-43em) translateZ(0);
	}
	100% {
		transform: scale(.75) translateX(0) translateY(0) translateZ(0);
	}
}

@keyframes map-anim-tablet {
	0% {
		/* transform: scale(0.3) translateX(-50em) translateY(-83em) translateZ(0); */
		transform: scale(0.4) translateX(-30em) translateY(-43em) translateZ(0);
	}
	100% {
		transform: scale(.75) translateX(0) translateY(0) translateZ(0);
	}
}

@-webkit-keyframes map-anim-mobile {
	0% {
		/* transform: scale(0.3) translateX(-50em) translateY(-83em) translateZ(0); */
		transform: scale(0.2) translateX(-30em) translateY(-43em) translateZ(0);
	}
	100% {
		transform: scale(0.65) translateX(0) translateY(0) translateZ(0);
	}
}

@keyframes map-anim-mobile {
	0% {
		/* transform: scale(0.3) translateX(-50em) translateY(-83em) translateZ(0); */
		transform: scale(0.2) translateX(-30em) translateY(-43em) translateZ(0);
	}
	100% {
		transform: scale(0.65) translateX(0) translateY(0) translateZ(0);
	}
}

.prodimexArea {
	fill-opacity: 0;
	stroke-opacity: 0;
}

.prodimexAreaActive {
	stroke-opacity: 1;
	-webkit-animation: stroke 1s ease-in;
	        animation: stroke 1s ease-in;
}

@-webkit-keyframes stroke {
	0% {
		stroke-opacity: 0;
	}
	100% {
		stroke-opacity: 1;
	}
}

@keyframes stroke {
	0% {
		stroke-opacity: 0;
	}
	100% {
		stroke-opacity: 1;
	}
}

.leaflet-marker-pane > img:nth-child(1) {
	min-width: max(4em, 70px);
    min-height: max(4em, 70px);
}

/* ========================== Стили от leaflet ============================== */

/* required styles */

.leaflet-pane, .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-tile-container, .leaflet-pane > svg, .leaflet-pane > canvas, .leaflet-zoom-box, .leaflet-image-layer, .leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}

.leaflet-container {
  height: 100vh;
	}

.leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        -ms-user-select: none;
	    user-select: none;
	  -webkit-user-drag: none;
	}

/* Prevents IE11 from highlighting tiles in blue */

.leaflet-tile::-moz-selection {
	background: transparent;
}

.leaflet-tile::selection {
	background: transparent;
}

/* Safari renders non-retina tile on retina better with this, but Chrome is worse */

.leaflet-safari .leaflet-tile {
	image-rendering: -webkit-optimize-contrast;
	}

/* hack that prevents hw layers "stretching" when loading new tiles */

.leaflet-safari .leaflet-tile-container {
	width: 1600px;
	height: 1600px;
	-webkit-transform-origin: 0 0;
	}

.leaflet-marker-icon, .leaflet-marker-shadow {
	display: block;
	}

/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */

/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */

.leaflet-container .leaflet-overlay-pane svg, .leaflet-container .leaflet-marker-pane img, .leaflet-container .leaflet-shadow-pane img, .leaflet-container .leaflet-tile-pane img, .leaflet-container img.leaflet-image-layer, .leaflet-container .leaflet-tile {
	max-width: none !important;
	max-height: none !important;
	}

.leaflet-container.leaflet-touch-zoom {
	touch-action: pan-x pan-y;
	}

.leaflet-container.leaflet-touch-drag {
	/* Fallback for FF which doesn't support pinch-zoom */
	touch-action: none;
	touch-action: pinch-zoom;
}

.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
	touch-action: none;
}

.leaflet-container {
	-webkit-tap-highlight-color: transparent;
}

.leaflet-container a {
	-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}

.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}

.leaflet-tile-loaded {
	visibility: inherit;
	}

.leaflet-zoom-box {
	width: 0;
	height: 0;
	box-sizing: border-box;
	z-index: 800;
	}

.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

.leaflet-pane         { z-index: 400; }

.leaflet-tile-pane    { z-index: 200; }

.leaflet-overlay-pane { z-index: 400; }

.leaflet-shadow-pane  { z-index: 500; }

.leaflet-marker-pane  { z-index: 600; }

.leaflet-tooltip-pane   { z-index: 650; }

.leaflet-popup-pane   { z-index: 700; }

.leaflet-map-pane canvas { z-index: 100; }

.leaflet-map-pane svg    { z-index: 200; }

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}

.lvml {
	display: inline-block;
	position: absolute;
	}

/* control positioning */

.leaflet-control {
	position: relative;
	z-index: 800;
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}

.leaflet-top, .leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}

.leaflet-top {
	top: 0;
	}

.leaflet-right {
	right: 0;
	}

.leaflet-bottom {
	bottom: 0;
	}

.leaflet-left {
	left: 0;
	}

.leaflet-control {
	float: left;
	clear: both;
	}

.leaflet-right .leaflet-control {
	float: right;
	}

.leaflet-top .leaflet-control {
	margin-top: 10px;
	}

.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}

.leaflet-left .leaflet-control {
	margin-left: 10px;
	}

.leaflet-right .leaflet-control {
	margin-right: 10px;
	}

/* zoom and fade animations */

.leaflet-fade-anim .leaflet-tile {
	will-change: opacity;
	}

.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	transition: opacity 0.2s linear;
	}

.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}

.leaflet-zoom-animated {
	transform-origin: 0 0;
	}

.leaflet-zoom-anim .leaflet-zoom-animated {
	will-change: transform;
	}

.leaflet-zoom-anim .leaflet-zoom-animated {
	transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}

.leaflet-zoom-anim .leaflet-tile, .leaflet-pan-anim .leaflet-tile {
	transition: none;
	}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}

/* cursors */

.leaflet-interactive {
	cursor: pointer;
	}

.leaflet-grab {
	cursor: -webkit-grab;
	cursor:         grab;
	}

.leaflet-crosshair, .leaflet-crosshair .leaflet-interactive {
	cursor: crosshair;
	}

.leaflet-popup-pane, .leaflet-control {
	cursor: auto;
	}

.leaflet-dragging .leaflet-grab, .leaflet-dragging .leaflet-grab .leaflet-interactive, .leaflet-dragging .leaflet-marker-draggable {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor:         grabbing;
	}

/* marker & overlays interactivity */

.leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-image-layer, .leaflet-pane > svg path, .leaflet-tile-container {
	pointer-events: none;
	}

.leaflet-marker-icon.leaflet-interactive, .leaflet-image-layer.leaflet-interactive, .leaflet-pane > svg path.leaflet-interactive, svg.leaflet-image-layer.leaflet-interactive path {
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}

/* visual tweaks */

.leaflet-container {
	background: #ddd;
	outline: 0;
	}

.leaflet-container a {
	color: #0078A8;
	}

.leaflet-container a.leaflet-active {
	outline: 2px solid orange;
	}

.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}

/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}

.leaflet-bar a, .leaflet-bar a:hover {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}

.leaflet-bar a, .leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}

.leaflet-bar a:hover {
	background-color: #f4f4f4;
	}

.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}

.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}

.leaflet-bar a.leaflet-disabled {
		cursor: default;
		background-color: #fff;
		color: #bbb;
		opacity: 0.4;
	}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}

.leaflet-touch .leaflet-bar a:first-child {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	}

.leaflet-touch .leaflet-bar a:last-child {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	}

/* zoom control */

.leaflet-control-zoom-in, .leaflet-control-zoom-out {
	text-indent: 1px;
	}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
	font-size: 22px;
	}

/* layers control */

.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}

.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}

.leaflet-control-layers .leaflet-control-layers-list, .leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}

.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}

.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}

.leaflet-control-layers-scrollbar {
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 5px;
	}

.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}

.leaflet-control-layers label {
	display: block;
	}

.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}

/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.7);
	margin: 0;
	}

.leaflet-control-attribution, .leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	}

.leaflet-control-attribution a {
	text-decoration: none;
	}

.leaflet-control-attribution a:hover {
	text-decoration: underline;
	}

.leaflet-container .leaflet-control-attribution, .leaflet-container .leaflet-control-scale {
	font-size: 11px;
	}

.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}

.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}

.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	font-size: 11px;
	white-space: nowrap;
	overflow: hidden;
	box-sizing: border-box;

	background: #fff;
	background: rgba(255, 255, 255, 0.5);
	}

.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}

.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar {
	box-shadow: none;
	}

.leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}

/* popup */

.leaflet-popup {
	position: absolute;
	text-align: center;
	margin: 0;
	/* top: 2em; */
	top: -8em !important;
	left: 2em !important;
}

.leaflet-popup-content-wrapper {
	padding: 0;
	text-align: left;
	border-radius: 1em;
}

.leaflet-popup-content {
	margin: 0;
	line-height: 1.4;
	}

.leaflet-popup-tip-container {
	display: none;	
}

.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;
	transform: rotate(45deg);
	}

.leaflet-popup-content-wrapper, .leaflet-popup-tip {
	border: none;
	background: #fff;
	box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.15);
}

.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	padding: 4px 4px 0 0;
	border: none;
	text-align: center;
	width: 18px;
	height: 14px;
	font: 16px/14px Tahoma, Verdana, sans-serif;
	color: #c3c3c3;
	text-decoration: none;
	font-weight: bold;
	background: transparent;
	}

.leaflet-container a.leaflet-popup-close-button:hover {
	color: #999;
	}

.leaflet-popup-scrolled {
	overflow: auto;
	border: none;
}

.leaflet-oldie .leaflet-popup-content-wrapper {
	-ms-zoom: 1;
	}

.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}

.leaflet-oldie .leaflet-popup-tip-container {
	margin-top: -1px;
	}

.leaflet-oldie .leaflet-control-zoom, .leaflet-oldie .leaflet-control-layers, .leaflet-oldie .leaflet-popup-content-wrapper, .leaflet-oldie .leaflet-popup-tip {
	border: none;
}

/* div icon */

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}

/* Tooltip */

/* Base styles for the element that has a tooltip */

.leaflet-tooltip {
	position: absolute;
	text-align: left;
	/* padding: 6px; */
	background-color: #fff;
	/* border: 1px solid #fff; */
	border-radius: 1em;
	box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.15);
	color: #222;
	/* white-space: nowrap; */
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
}

.leaflet-tooltip::before {
		display: none;
	}

.leaflet-tooltip.leaflet-clickable {
	cursor: pointer;
	pointer-events: auto;
	opacity: 1;
	}

.leaflet-tooltip-top:before, .leaflet-tooltip-bottom:before, .leaflet-tooltip-left:before, .leaflet-tooltip-right:before {
	position: absolute;
	pointer-events: none;
	border: 6px solid transparent;
	background: transparent;
	content: "";
	}

/* Directions */

.leaflet-tooltip-bottom {
	margin-top: 6px;
}

.leaflet-tooltip-top {
	margin-top: -6px;
}

.leaflet-tooltip-bottom:before, .leaflet-tooltip-top:before {
	left: 50%;
	margin-left: -6px;
	}

.leaflet-tooltip-top:before {
	bottom: 0;
	margin-bottom: -12px;
	border-top-color: #fff;
	}

.leaflet-tooltip-bottom:before {
	top: 0;
	margin-top: -12px;
	margin-left: -6px;
	border-bottom-color: #fff;
	}

.leaflet-tooltip-left {
	margin-left: -6px;
}

.leaflet-tooltip-right {
	margin-left: 6px;
}

.leaflet-tooltip-left:before, .leaflet-tooltip-right:before {
	top: 50%;
	margin-top: -6px;
	}

.leaflet-tooltip-left:before {
	right: 0;
	margin-right: -12px;
	border-left-color: #fff;
	}

.leaflet-tooltip-right:before {
	left: 0;
	margin-left: -12px;
	border-right-color: #fff;
	}

.leaflet-control-attribution a {
		display: none;
	}

.leaflet-marker-pane > img:nth-child(1) {
	border-radius: none;
	box-shadow: none !important;
}

.leaflet-pane, .leaflet-container {
	transform: translateZ(0);
}

.leaflet-interactive:not(.prodimexArea) {
	fill-opacity: 0;
	stroke-opacity: 0;
}

/* leaflet-gestures */

@-webkit-keyframes leaflet-gestures-fadein {
	0% {
	  opacity: 0; 
	}
	50% {
		opacity: 0;
	}
	100% {
	  opacity: 1; } }

@keyframes leaflet-gestures-fadein {
	0% {
	  opacity: 0; 
	}
	50% {
		opacity: 0;
	}
	100% {
	  opacity: 1; } }

.leaflet-container:after {
	-webkit-animation: leaflet-gestures-fadein 1s backwards;
			animation: leaflet-gestures-fadein 1s backwards;
	color: #fff;
	font-family: "Roboto", Arial, sans-serif;
	font-size: 22px;
	justify-content: center;
	display: flex;
	align-items: center;
	padding: 15px;
	position: absolute;
	top: -10em;
	left: 0;
	right: 0;
	bottom: -10em;
	background: rgba(0, 0, 0, 0.5);
	z-index: 461;
	pointer-events: none; }

.leaflet-gesture-handling-touch-warning:after, .leaflet-gesture-handling-scroll-warning:after {
	-webkit-animation: leaflet-gestures-fadein 1s forwards;
			animation: leaflet-gestures-fadein 1s forwards; }

.leaflet-gesture-handling-touch-warning:after {
	content: attr(data-gesture-handling-touch-content); }

.leaflet-gesture-handling-scroll-warning:after {
	content: attr(data-gesture-handling-scroll-content); }
  
.growth-card {
    padding: 10%;
    position: relative;
    overflow: hidden;
}

    .growth-card__background {
        transition: transform .5s;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        width: 100%;
        z-index: -1;
    }

    .growth-card__button {
        transition: opacity .5s;
    }

    .growth-card__button:hover {
            opacity: .5;
            cursor: pointer;
        }

    .growth-card:hover .growth-card__background {
            transform: scale(1.2);
        }

.growth-content .modal {
        height: 100%;
    }

.growth-content .cover {
        height: 50vh;
        width: 100%;
        border-radius: 2em 0 0 0;
        position: relative;
    }

.growth-content .cover__background {
            transition: transform .5s;
            position: absolute;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            width: 100%;
            z-index: -1;
            border-radius: 2em 0 0 0;
        }

.growth-content .cover__icon {
            /* position: absolute; */
            height: 15vh;
            z-index: 0;
            /* bottom: 25%; */
            /* margin: 0 2em; */
        }

.growth-content .header {
        position: absolute;
        bottom: 5%;
        padding: 0 2em;
        color: #fff;
    }

.growth-content .header h3, .growth-content .header .h3 {
            font-size: 3em;
        }

@media (max-width: 450px) {
            .growth-content .header h3, .growth-content .header .h3 {
                font-size: 2em;
            }
        }

@media (max-width: 350px) {
            .growth-content .header h3, .growth-content .header .h3 {
                font-size: 1.7em;
            }
        }

.growth-content .content {
        padding: 0.5em 1.4em 4em;
        background: #fff;
        line-height: 1.45;
        font-size: 1.5em;
        min-height: 50%;
    }
.growth-cards {
    display: grid; 
    grid-template-rows: 90vh, 65vh, 40vh; 
    gap: 0px 0px;  

    color: #fff;

}

    .growth-cards h3 {
        font-weight: bold;
    }

    .growth-cards .growth-card.area1 { grid-area: area1; }

    .growth-cards .growth-card.area2 { grid-area: area2; }

    .growth-cards .growth-card.area3 { grid-area: area3; }

    .growth-cards .growth-card.area4 { grid-area: area4; }

    .growth-cards .growth-card.area5 { grid-area: area5; }

    .growth-cards .growth-card.area6 { grid-area: area6; }

    .growth-cards .growth-card.area7 { grid-area: area7; }

    .growth-cards .growth-card.area8 { grid-area: area8; }

    .growth-cards .growth-card.area9 { grid-area: area9; }

    .growth-cards .growth-card.area10 { grid-area: area10; }

    .growth-cards .growth-card.area11 { grid-area: area11; }

    .growth-cards .growth-card.area1, .growth-cards .growth-card.area2, .growth-cards .growth-card.area3, .growth-cards .growth-card.area4, .growth-cards .growth-card.area5, .growth-cards .growth-card.area6, .growth-cards .growth-card.area7, .growth-cards .growth-card.area8, .growth-cards .growth-card.area9, .growth-cards .growth-card.area10, .growth-cards .growth-card.area11 {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .growth-cards .growth-card.area1 button, .growth-cards .growth-card.area2 button, .growth-cards .growth-card.area3 button, .growth-cards .growth-card.area4 button, .growth-cards .growth-card.area5 button, .growth-cards .growth-card.area6 button, .growth-cards .growth-card.area7 button, .growth-cards .growth-card.area8 button, .growth-cards .growth-card.area9 button, .growth-cards .growth-card.area10 button, .growth-cards .growth-card.area11 button {
            max-width: 12em;
            padding: 1em 1.5em;
            background: none;
            border: 1px solid #fff;
            border-radius: .7em;
            color: #fff;
        }

    /*
     * Варианты шаблона сетки относительно количества карточек height:  90vh 65vh 40vh;
     */

    .growth-cards.grid-template-11 {
        grid-template-columns: repeat(6, 1fr); 
        grid-template-areas: 
      "area1 area1 area1 area2 area2 area2"
      "area3 area3 area4 area4 area5 area5"
      "area6 area7 area8 area9 area10 area11";
    }

    .growth-cards.grid-template-11 .growth-card.area1, .growth-cards.grid-template-11 .growth-card.area2 {
            height: 90vh;
            min-height: 40em;
        }

    .growth-cards.grid-template-11 .growth-card.area1 .card-icon, .growth-cards.grid-template-11 .growth-card.area2 .card-icon {
                width: 35%;
                height: 14em;
            }

    .growth-cards.grid-template-11 .growth-card.area1 h3, .growth-cards.grid-template-11 .growth-card.area1 .h3, .growth-cards.grid-template-11 .growth-card.area2 h3, .growth-cards.grid-template-11 .growth-card.area2 .h3 {
                font-size: 3em;
                margin-bottom: 0;
            }

    .growth-cards.grid-template-11 .growth-card.area1 p, .growth-cards.grid-template-11 .growth-card.area2 p {
                font-size: 1.5em;
                font-weight: bold;
            }

    .growth-cards.grid-template-11 .growth-card.area3, .growth-cards.grid-template-11 .growth-card.area4 {
            height: 72vh;
            min-height: 34em;
        }

    .growth-cards.grid-template-11 .growth-card.area3 .description, .growth-cards.grid-template-11 .growth-card.area4 .description {
                font-weight: 500;
                line-height: 1.3;
                letter-spacing: 0.01em;
            }

    .growth-cards.grid-template-11 .growth-card.area3 .card-icon, .growth-cards.grid-template-11 .growth-card.area4 .card-icon {
                width: 30%;
                min-height: 9.5em;
            }

    .growth-cards.grid-template-11 .growth-card.area3 h3, .growth-cards.grid-template-11 .growth-card.area3 .h3, .growth-cards.grid-template-11 .growth-card.area4 h3, .growth-cards.grid-template-11 .growth-card.area4 .h3 {
                font-size: 1.8em;
                line-height: 1.3;
                min-height: 2.6em;
            }

    @media (max-width: 980px) {
                .growth-cards.grid-template-11 .growth-card.area3 h3, .growth-cards.grid-template-11 .growth-card.area3 .h3, .growth-cards.grid-template-11 .growth-card.area4 h3, .growth-cards.grid-template-11 .growth-card.area4 .h3 {
                    font-size: 1.6em;
                }
            }

    .growth-cards.grid-template-11 .growth-card.area6, .growth-cards.grid-template-11 .growth-card.area7, .growth-cards.grid-template-11 .growth-card.area8, .growth-cards.grid-template-11 .growth-card.area9, .growth-cards.grid-template-11 .growth-card.area10, .growth-cards.grid-template-11 .growth-card.area11 {
            height: 60vh;
            min-height: 28em;
            padding: 15% 10%;
        }

    .growth-cards.grid-template-11 .growth-card.area6 .card-icon, .growth-cards.grid-template-11 .growth-card.area7 .card-icon, .growth-cards.grid-template-11 .growth-card.area8 .card-icon, .growth-cards.grid-template-11 .growth-card.area9 .card-icon, .growth-cards.grid-template-11 .growth-card.area10 .card-icon, .growth-cards.grid-template-11 .growth-card.area11 .card-icon {
                display: none;
            }

    .growth-cards.grid-template-11 .growth-card.area6 .description, .growth-cards.grid-template-11 .growth-card.area7 .description, .growth-cards.grid-template-11 .growth-card.area8 .description, .growth-cards.grid-template-11 .growth-card.area9 .description, .growth-cards.grid-template-11 .growth-card.area10 .description, .growth-cards.grid-template-11 .growth-card.area11 .description {
                font-size: 0.9em;
                letter-spacing: 0.01em;
                width: 90%;
                line-height: 1.3;
                font-weight: 500;
            }

    .growth-cards.grid-template-11 .growth-card.area6 h3, .growth-cards.grid-template-11 .growth-card.area6 .h3, .growth-cards.grid-template-11 .growth-card.area7 h3, .growth-cards.grid-template-11 .growth-card.area7 .h3, .growth-cards.grid-template-11 .growth-card.area8 h3, .growth-cards.grid-template-11 .growth-card.area8 .h3, .growth-cards.grid-template-11 .growth-card.area9 h3, .growth-cards.grid-template-11 .growth-card.area9 .h3, .growth-cards.grid-template-11 .growth-card.area10 h3, .growth-cards.grid-template-11 .growth-card.area10 .h3, .growth-cards.grid-template-11 .growth-card.area11 h3, .growth-cards.grid-template-11 .growth-card.area11 .h3 {
                font-size: 1.8em;
                line-height: 1.3;
                width: 70%;
                min-height: 2.6em;
            }

    .growth-cards.grid-template-11 .growth-card.area6 button, .growth-cards.grid-template-11 .growth-card.area7 button, .growth-cards.grid-template-11 .growth-card.area8 button, .growth-cards.grid-template-11 .growth-card.area9 button, .growth-cards.grid-template-11 .growth-card.area10 button, .growth-cards.grid-template-11 .growth-card.area11 button {
                width: 4em;
            }

    @media (max-width: 1190px) {
                .growth-cards.grid-template-11 .growth-card.area6 h3, .growth-cards.grid-template-11 .growth-card.area6 .h3, .growth-cards.grid-template-11 .growth-card.area7 h3, .growth-cards.grid-template-11 .growth-card.area7 .h3, .growth-cards.grid-template-11 .growth-card.area8 h3, .growth-cards.grid-template-11 .growth-card.area8 .h3, .growth-cards.grid-template-11 .growth-card.area9 h3, .growth-cards.grid-template-11 .growth-card.area9 .h3, .growth-cards.grid-template-11 .growth-card.area10 h3, .growth-cards.grid-template-11 .growth-card.area10 .h3, .growth-cards.grid-template-11 .growth-card.area11 h3, .growth-cards.grid-template-11 .growth-card.area11 .h3 {
                    font-size: 1.4em;
                }
            }

    @media (max-width: 980px) {
                .growth-cards.grid-template-11 .growth-card.area6 h3, .growth-cards.grid-template-11 .growth-card.area6 .h3, .growth-cards.grid-template-11 .growth-card.area7 h3, .growth-cards.grid-template-11 .growth-card.area7 .h3, .growth-cards.grid-template-11 .growth-card.area8 h3, .growth-cards.grid-template-11 .growth-card.area8 .h3, .growth-cards.grid-template-11 .growth-card.area9 h3, .growth-cards.grid-template-11 .growth-card.area9 .h3, .growth-cards.grid-template-11 .growth-card.area10 h3, .growth-cards.grid-template-11 .growth-card.area10 .h3, .growth-cards.grid-template-11 .growth-card.area11 h3, .growth-cards.grid-template-11 .growth-card.area11 .h3 {
                    font-size: 1.2em;
                }
            }

    .growth-cards.grid-template-10 {
        grid-template-columns: repeat(30, 1fr); 
        grid-template-areas: 
      "area1 area1 area1 area1 area1 area1 area1 area1 area1 area1 area1 area1 area1 area1 area1 area2 area2 area2 area2 area2 area2 area2 area2 area2 area2 area2 area2 area2 area2 area2"
      "area3 area3 area3 area3 area3 area3 area3 area3 area3 area3 area4 area4 area4 area4 area4 area4 area4 area4 area4 area4 area5 area5 area5 area5 area5 area5 area5 area5 area5 area5"
      "area6 area6 area6 area6 area6 area6 area7 area7 area7 area7 area7 area7 area8 area8 area8 area8 area8 area8 area9 area9 area9 area9 area9 area9 area10 area10 area10 area10 area10 area10";
    }

    .growth-cards.grid-template-10 .growth-card.area1, .growth-cards.grid-template-10 .growth-card.area2 {
            height: 90vh;
            min-height: 40em;
        }

    .growth-cards.grid-template-10 .growth-card.area1 .card-icon, .growth-cards.grid-template-10 .growth-card.area2 .card-icon {
                width: 35%;
                height: 14em;
            }

    .growth-cards.grid-template-10 .growth-card.area1 h3, .growth-cards.grid-template-10 .growth-card.area1 .h3, .growth-cards.grid-template-10 .growth-card.area2 h3, .growth-cards.grid-template-10 .growth-card.area2 .h3 {
                font-size: 3em;
                margin-bottom: 0;
            }

    .growth-cards.grid-template-10 .growth-card.area1 p, .growth-cards.grid-template-10 .growth-card.area2 p {
                font-size: 1.5em;
                font-weight: bold;
            }

    .growth-cards.grid-template-10 .growth-card.area3, .growth-cards.grid-template-10 .growth-card.area4, .growth-cards.grid-template-10 .growth-card.area5 {
            height: 72vh;
            min-height: 34em;
        }

    .growth-cards.grid-template-10 .growth-card.area3 .description, .growth-cards.grid-template-10 .growth-card.area4 .description, .growth-cards.grid-template-10 .growth-card.area5 .description {
                font-weight: 500;
                line-height: 1.3;
                letter-spacing: 0.01em;
            }

    .growth-cards.grid-template-10 .growth-card.area3 .card-icon, .growth-cards.grid-template-10 .growth-card.area4 .card-icon, .growth-cards.grid-template-10 .growth-card.area5 .card-icon {
                width: auto;
                max-width: 30%;
                height: 9.5em;
            }

    .growth-cards.grid-template-10 .growth-card.area3 h3, .growth-cards.grid-template-10 .growth-card.area3 .h3, .growth-cards.grid-template-10 .growth-card.area4 h3, .growth-cards.grid-template-10 .growth-card.area4 .h3, .growth-cards.grid-template-10 .growth-card.area5 h3, .growth-cards.grid-template-10 .growth-card.area5 .h3 {
                font-size: 1.8em;
                line-height: 1.3;
                min-height: 2.6em;
            }

    @media (max-width: 980px) {
                .growth-cards.grid-template-10 .growth-card.area3 h3, .growth-cards.grid-template-10 .growth-card.area3 .h3, .growth-cards.grid-template-10 .growth-card.area4 h3, .growth-cards.grid-template-10 .growth-card.area4 .h3, .growth-cards.grid-template-10 .growth-card.area5 h3, .growth-cards.grid-template-10 .growth-card.area5 .h3 {
                    font-size: 1.6em;
                }
            }

    .growth-cards.grid-template-10 .growth-card.area6, .growth-cards.grid-template-10 .growth-card.area7, .growth-cards.grid-template-10 .growth-card.area8, .growth-cards.grid-template-10 .growth-card.area9, .growth-cards.grid-template-10 .growth-card.area10 {
            height: 60vh;
            min-height: 28em;
            padding: 15% 10%;
        }

    .growth-cards.grid-template-10 .growth-card.area6 .card-icon, .growth-cards.grid-template-10 .growth-card.area7 .card-icon, .growth-cards.grid-template-10 .growth-card.area8 .card-icon, .growth-cards.grid-template-10 .growth-card.area9 .card-icon, .growth-cards.grid-template-10 .growth-card.area10 .card-icon {
                display: none;
            }

    .growth-cards.grid-template-10 .growth-card.area6 .description, .growth-cards.grid-template-10 .growth-card.area7 .description, .growth-cards.grid-template-10 .growth-card.area8 .description, .growth-cards.grid-template-10 .growth-card.area9 .description, .growth-cards.grid-template-10 .growth-card.area10 .description {
                font-size: 0.9em;
                letter-spacing: 0.01em;
                width: 90%;
                line-height: 1.3;
                font-weight: 500;
            }

    .growth-cards.grid-template-10 .growth-card.area6 h3, .growth-cards.grid-template-10 .growth-card.area6 .h3, .growth-cards.grid-template-10 .growth-card.area7 h3, .growth-cards.grid-template-10 .growth-card.area7 .h3, .growth-cards.grid-template-10 .growth-card.area8 h3, .growth-cards.grid-template-10 .growth-card.area8 .h3, .growth-cards.grid-template-10 .growth-card.area9 h3, .growth-cards.grid-template-10 .growth-card.area9 .h3, .growth-cards.grid-template-10 .growth-card.area10 h3, .growth-cards.grid-template-10 .growth-card.area10 .h3 {
                font-size: 1.8em;
                line-height: 1.3;
                width: 70%;
                min-height: 2.6em;
            }

    .growth-cards.grid-template-10 .growth-card.area6 button, .growth-cards.grid-template-10 .growth-card.area7 button, .growth-cards.grid-template-10 .growth-card.area8 button, .growth-cards.grid-template-10 .growth-card.area9 button, .growth-cards.grid-template-10 .growth-card.area10 button {
                width: 4em;
            }

    @media (max-width: 1190px) {
                .growth-cards.grid-template-10 .growth-card.area6 h3, .growth-cards.grid-template-10 .growth-card.area6 .h3, .growth-cards.grid-template-10 .growth-card.area7 h3, .growth-cards.grid-template-10 .growth-card.area7 .h3, .growth-cards.grid-template-10 .growth-card.area8 h3, .growth-cards.grid-template-10 .growth-card.area8 .h3, .growth-cards.grid-template-10 .growth-card.area9 h3, .growth-cards.grid-template-10 .growth-card.area9 .h3, .growth-cards.grid-template-10 .growth-card.area10 h3, .growth-cards.grid-template-10 .growth-card.area10 .h3 {
                    font-size: 1.4em;
                }
            }

    @media (max-width: 980px) {
                .growth-cards.grid-template-10 .growth-card.area6 h3, .growth-cards.grid-template-10 .growth-card.area6 .h3, .growth-cards.grid-template-10 .growth-card.area7 h3, .growth-cards.grid-template-10 .growth-card.area7 .h3, .growth-cards.grid-template-10 .growth-card.area8 h3, .growth-cards.grid-template-10 .growth-card.area8 .h3, .growth-cards.grid-template-10 .growth-card.area9 h3, .growth-cards.grid-template-10 .growth-card.area9 .h3, .growth-cards.grid-template-10 .growth-card.area10 h3, .growth-cards.grid-template-10 .growth-card.area10 .h3 {
                    font-size: 1.2em;
                }
            }

    .growth-cards.grid-template-9 {
        grid-template-columns: repeat(12, 1fr); 
        grid-template-areas: 
      "area1 area1 area1 area1 area1 area1 area2 area2 area2 area2 area2 area2"
      "area3 area3 area3 area3 area4 area4 area4 area4 area5 area5 area5 area5"
      "area6 area6 area6 area7 area7 area7 area8 area8 area8 area9 area9 area9";
    }

    .growth-cards.grid-template-9 .growth-card.area1, .growth-cards.grid-template-9 .growth-card.area2 {
            height: 90vh;
            min-height: 40em;
        }

    .growth-cards.grid-template-9 .growth-card.area1 .card-icon, .growth-cards.grid-template-9 .growth-card.area2 .card-icon {
                width: 35%;
                height: 14em;
            }

    .growth-cards.grid-template-9 .growth-card.area1 h3, .growth-cards.grid-template-9 .growth-card.area1 .h3, .growth-cards.grid-template-9 .growth-card.area2 h3, .growth-cards.grid-template-9 .growth-card.area2 .h3 {
                font-size: 3em;
                margin-bottom: 0;
            }

    .growth-cards.grid-template-9 .growth-card.area1 p, .growth-cards.grid-template-9 .growth-card.area2 p {
                font-size: 1.5em;
                font-weight: bold;
            }

    .growth-cards.grid-template-9 .growth-card.area3, .growth-cards.grid-template-9 .growth-card.area4, .growth-cards.grid-template-9 .growth-card.area5 {
            height: 72vh;
            min-height: 34em;
        }

    .growth-cards.grid-template-9 .growth-card.area3 .description, .growth-cards.grid-template-9 .growth-card.area4 .description, .growth-cards.grid-template-9 .growth-card.area5 .description {
                font-weight: 500;
                line-height: 1.3;
                letter-spacing: 0.01em;
            }

    .growth-cards.grid-template-9 .growth-card.area3 .card-icon, .growth-cards.grid-template-9 .growth-card.area4 .card-icon, .growth-cards.grid-template-9 .growth-card.area5 .card-icon {
                width: 30%;
                min-height: 9.5em;
            }

    .growth-cards.grid-template-9 .growth-card.area3 h3, .growth-cards.grid-template-9 .growth-card.area3 .h3, .growth-cards.grid-template-9 .growth-card.area4 h3, .growth-cards.grid-template-9 .growth-card.area4 .h3, .growth-cards.grid-template-9 .growth-card.area5 h3, .growth-cards.grid-template-9 .growth-card.area5 .h3 {
                font-size: 1.8em;
                line-height: 1.3;
            }

    @media (max-width: 980px) {
                .growth-cards.grid-template-9 .growth-card.area3 h3, .growth-cards.grid-template-9 .growth-card.area3 .h3, .growth-cards.grid-template-9 .growth-card.area4 h3, .growth-cards.grid-template-9 .growth-card.area4 .h3, .growth-cards.grid-template-9 .growth-card.area5 h3, .growth-cards.grid-template-9 .growth-card.area5 .h3 {
                    font-size: 1.6em;
                }
            }

    .growth-cards.grid-template-9 .growth-card.area6, .growth-cards.grid-template-9 .growth-card.area7, .growth-cards.grid-template-9 .growth-card.area8, .growth-cards.grid-template-9 .growth-card.area9 {
            height: 60vh;
            min-height: 28em;
            padding: 15% 10%;
        }

    .growth-cards.grid-template-9 .growth-card.area6 .card-icon, .growth-cards.grid-template-9 .growth-card.area7 .card-icon, .growth-cards.grid-template-9 .growth-card.area8 .card-icon, .growth-cards.grid-template-9 .growth-card.area9 .card-icon {
                display: none;
            }

    .growth-cards.grid-template-9 .growth-card.area6 .description, .growth-cards.grid-template-9 .growth-card.area7 .description, .growth-cards.grid-template-9 .growth-card.area8 .description, .growth-cards.grid-template-9 .growth-card.area9 .description {
                font-size: 0.9em;
                letter-spacing: 0.01em;
                width: 90%;
                line-height: 1.3;
                font-weight: 500;
            }

    .growth-cards.grid-template-9 .growth-card.area6 h3, .growth-cards.grid-template-9 .growth-card.area6 .h3, .growth-cards.grid-template-9 .growth-card.area7 h3, .growth-cards.grid-template-9 .growth-card.area7 .h3, .growth-cards.grid-template-9 .growth-card.area8 h3, .growth-cards.grid-template-9 .growth-card.area8 .h3, .growth-cards.grid-template-9 .growth-card.area9 h3, .growth-cards.grid-template-9 .growth-card.area9 .h3 {
                font-size: 1.8em;
                line-height: 1.3;
                width: 70%;
            }

    .growth-cards.grid-template-9 .growth-card.area6 button, .growth-cards.grid-template-9 .growth-card.area7 button, .growth-cards.grid-template-9 .growth-card.area8 button, .growth-cards.grid-template-9 .growth-card.area9 button {
                width: 4em;
            }

    @media (max-width: 1190px) {
                .growth-cards.grid-template-9 .growth-card.area6 h3, .growth-cards.grid-template-9 .growth-card.area6 .h3, .growth-cards.grid-template-9 .growth-card.area7 h3, .growth-cards.grid-template-9 .growth-card.area7 .h3, .growth-cards.grid-template-9 .growth-card.area8 h3, .growth-cards.grid-template-9 .growth-card.area8 .h3, .growth-cards.grid-template-9 .growth-card.area9 h3, .growth-cards.grid-template-9 .growth-card.area9 .h3 {
                    font-size: 1.4em;
                }
            }

    @media (max-width: 980px) {
                .growth-cards.grid-template-9 .growth-card.area6 h3, .growth-cards.grid-template-9 .growth-card.area6 .h3, .growth-cards.grid-template-9 .growth-card.area7 h3, .growth-cards.grid-template-9 .growth-card.area7 .h3, .growth-cards.grid-template-9 .growth-card.area8 h3, .growth-cards.grid-template-9 .growth-card.area8 .h3, .growth-cards.grid-template-9 .growth-card.area9 h3, .growth-cards.grid-template-9 .growth-card.area9 .h3 {
                    font-size: 1.2em;
                }
            }

    .growth-cards.grid-template-8 {
        grid-template-columns: repeat(12, 1fr); 
        grid-template-areas: 
      "area1 area1 area1 area1 area1 area1 area1 area1 area1 area1 area1 area1"
      "area2 area2 area2 area2 area3 area3 area3 area3 area4 area4 area4 area4"
      "area5 area5 area5 area6 area6 area6 area7 area7 area7 area8 area8 area8";
    }

    .growth-cards.grid-template-8 .growth-card.area1 {
            height: 90vh;
            min-height: 40em;
        }

    .growth-cards.grid-template-8 .growth-card.area1 .card-icon {
                width: 35%;
                height: 14em;
            }

    .growth-cards.grid-template-8 .growth-card.area1 h3, .growth-cards.grid-template-8 .growth-card.area1 .h3 {
                font-size: 3em;
                margin-bottom: 0;
            }

    .growth-cards.grid-template-8 .growth-card.area1 p {
                font-size: 1.5em;
                font-weight: bold;
            }

    .growth-cards.grid-template-8 .growth-card.area2, .growth-cards.grid-template-8 .growth-card.area3, .growth-cards.grid-template-8 .growth-card.area4 {
            height: 72vh;
            min-height: 34em;
        }

    .growth-cards.grid-template-8 .growth-card.area2 .description, .growth-cards.grid-template-8 .growth-card.area3 .description, .growth-cards.grid-template-8 .growth-card.area4 .description {
                font-weight: 500;
                line-height: 1.3;
                letter-spacing: 0.01em;
            }

    .growth-cards.grid-template-8 .growth-card.area2 .card-icon, .growth-cards.grid-template-8 .growth-card.area3 .card-icon, .growth-cards.grid-template-8 .growth-card.area4 .card-icon {
                width: 30%;
                min-height: 9.5em;
            }

    .growth-cards.grid-template-8 .growth-card.area2 h3, .growth-cards.grid-template-8 .growth-card.area2 .h3, .growth-cards.grid-template-8 .growth-card.area3 h3, .growth-cards.grid-template-8 .growth-card.area3 .h3, .growth-cards.grid-template-8 .growth-card.area4 h3, .growth-cards.grid-template-8 .growth-card.area4 .h3 {
                font-size: 1.8em;
                line-height: 1.3;
            }

    @media (max-width: 980px) {
                .growth-cards.grid-template-8 .growth-card.area2 h3, .growth-cards.grid-template-8 .growth-card.area2 .h3, .growth-cards.grid-template-8 .growth-card.area3 h3, .growth-cards.grid-template-8 .growth-card.area3 .h3, .growth-cards.grid-template-8 .growth-card.area4 h3, .growth-cards.grid-template-8 .growth-card.area4 .h3 {
                    font-size: 1.6em;
                }
            }

    .growth-cards.grid-template-8 .growth-card.area5, .growth-cards.grid-template-8 .growth-card.area6, .growth-cards.grid-template-8 .growth-card.area7, .growth-cards.grid-template-8 .growth-card.area8 {
            height: 60vh;
            min-height: 28em;
            padding: 15% 10%;
        }

    .growth-cards.grid-template-8 .growth-card.area5 .card-icon, .growth-cards.grid-template-8 .growth-card.area6 .card-icon, .growth-cards.grid-template-8 .growth-card.area7 .card-icon, .growth-cards.grid-template-8 .growth-card.area8 .card-icon {
                display: none;
            }

    .growth-cards.grid-template-8 .growth-card.area5 .description, .growth-cards.grid-template-8 .growth-card.area6 .description, .growth-cards.grid-template-8 .growth-card.area7 .description, .growth-cards.grid-template-8 .growth-card.area8 .description {
                font-size: 0.9em;
                letter-spacing: 0.01em;
                width: 90%;
                line-height: 1.3;
                font-weight: 500;
            }

    .growth-cards.grid-template-8 .growth-card.area5 h3, .growth-cards.grid-template-8 .growth-card.area5 .h3, .growth-cards.grid-template-8 .growth-card.area6 h3, .growth-cards.grid-template-8 .growth-card.area6 .h3, .growth-cards.grid-template-8 .growth-card.area7 h3, .growth-cards.grid-template-8 .growth-card.area7 .h3, .growth-cards.grid-template-8 .growth-card.area8 h3, .growth-cards.grid-template-8 .growth-card.area8 .h3 {
                font-size: 1.8em;
                line-height: 1.3;
                width: 70%;
            }

    .growth-cards.grid-template-8 .growth-card.area5 button, .growth-cards.grid-template-8 .growth-card.area6 button, .growth-cards.grid-template-8 .growth-card.area7 button, .growth-cards.grid-template-8 .growth-card.area8 button {
                width: 4em;
            }

    @media (max-width: 1190px) {
                .growth-cards.grid-template-8 .growth-card.area5 h3, .growth-cards.grid-template-8 .growth-card.area5 .h3, .growth-cards.grid-template-8 .growth-card.area6 h3, .growth-cards.grid-template-8 .growth-card.area6 .h3, .growth-cards.grid-template-8 .growth-card.area7 h3, .growth-cards.grid-template-8 .growth-card.area7 .h3, .growth-cards.grid-template-8 .growth-card.area8 h3, .growth-cards.grid-template-8 .growth-card.area8 .h3 {
                    font-size: 1.4em;
                }
            }

    @media (max-width: 980px) {
                .growth-cards.grid-template-8 .growth-card.area5 h3, .growth-cards.grid-template-8 .growth-card.area5 .h3, .growth-cards.grid-template-8 .growth-card.area6 h3, .growth-cards.grid-template-8 .growth-card.area6 .h3, .growth-cards.grid-template-8 .growth-card.area7 h3, .growth-cards.grid-template-8 .growth-card.area7 .h3, .growth-cards.grid-template-8 .growth-card.area8 h3, .growth-cards.grid-template-8 .growth-card.area8 .h3 {
                    font-size: 1.2em;
                }
            }

    .growth-cards.grid-template-7 {
        grid-template-columns: repeat(4, 1fr); 
        grid-template-areas: 
      "area1 area1 area1 area1"
      "area2 area2 area3 area3"
      "area4 area5 area6 area7";
    }

    .growth-cards.grid-template-7 .growth-card.area1 {
            height: 90vh;
            min-height: 40em;
        }

    .growth-cards.grid-template-7 .growth-card.area1 .card-icon {
                width: 35%;
                height: 14em;
            }

    .growth-cards.grid-template-7 .growth-card.area1 h3, .growth-cards.grid-template-7 .growth-card.area1 .h3 {
                font-size: 3em;
                margin-bottom: 0;
            }

    .growth-cards.grid-template-7 .growth-card.area1 p {
                font-size: 1.5em;
                font-weight: bold;
            }

    .growth-cards.grid-template-7 .growth-card.area2, .growth-cards.grid-template-7 .growth-card.area3 {
            height: 72vh;
            min-height: 34em;
        }

    .growth-cards.grid-template-7 .growth-card.area2 .description, .growth-cards.grid-template-7 .growth-card.area3 .description {
                font-weight: 500;
                line-height: 1.3;
                letter-spacing: 0.01em;
            }

    .growth-cards.grid-template-7 .growth-card.area2 .card-icon, .growth-cards.grid-template-7 .growth-card.area3 .card-icon {
                width: 30%;
                min-height: 9.5em;
            }

    .growth-cards.grid-template-7 .growth-card.area2 h3, .growth-cards.grid-template-7 .growth-card.area2 .h3, .growth-cards.grid-template-7 .growth-card.area3 h3, .growth-cards.grid-template-7 .growth-card.area3 .h3 {
                font-size: 1.8em;
                line-height: 1.3;
            }

    @media (max-width: 980px) {
                .growth-cards.grid-template-7 .growth-card.area2 h3, .growth-cards.grid-template-7 .growth-card.area2 .h3, .growth-cards.grid-template-7 .growth-card.area3 h3, .growth-cards.grid-template-7 .growth-card.area3 .h3 {
                    font-size: 1.6em;
                }
            }

    .growth-cards.grid-template-7 .growth-card.area4, .growth-cards.grid-template-7 .growth-card.area5, .growth-cards.grid-template-7 .growth-card.area6, .growth-cards.grid-template-7 .growth-card.area7 {
            height: 60vh;
            min-height: 28em;
            padding: 15% 10%;
        }

    .growth-cards.grid-template-7 .growth-card.area4 .card-icon, .growth-cards.grid-template-7 .growth-card.area5 .card-icon, .growth-cards.grid-template-7 .growth-card.area6 .card-icon, .growth-cards.grid-template-7 .growth-card.area7 .card-icon {
                display: none;
            }

    .growth-cards.grid-template-7 .growth-card.area4 .description, .growth-cards.grid-template-7 .growth-card.area5 .description, .growth-cards.grid-template-7 .growth-card.area6 .description, .growth-cards.grid-template-7 .growth-card.area7 .description {
                font-size: 0.9em;
                letter-spacing: 0.01em;
                width: 90%;
                line-height: 1.3;
                font-weight: 500;
            }

    .growth-cards.grid-template-7 .growth-card.area4 h3, .growth-cards.grid-template-7 .growth-card.area4 .h3, .growth-cards.grid-template-7 .growth-card.area5 h3, .growth-cards.grid-template-7 .growth-card.area5 .h3, .growth-cards.grid-template-7 .growth-card.area6 h3, .growth-cards.grid-template-7 .growth-card.area6 .h3, .growth-cards.grid-template-7 .growth-card.area7 h3, .growth-cards.grid-template-7 .growth-card.area7 .h3 {
                font-size: 1.8em;
                line-height: 1.3;
                width: 70%;
            }

    .growth-cards.grid-template-7 .growth-card.area4 button, .growth-cards.grid-template-7 .growth-card.area5 button, .growth-cards.grid-template-7 .growth-card.area6 button, .growth-cards.grid-template-7 .growth-card.area7 button {
                width: 4em;
            }

    @media (max-width: 1190px) {
                .growth-cards.grid-template-7 .growth-card.area4 h3, .growth-cards.grid-template-7 .growth-card.area4 .h3, .growth-cards.grid-template-7 .growth-card.area5 h3, .growth-cards.grid-template-7 .growth-card.area5 .h3, .growth-cards.grid-template-7 .growth-card.area6 h3, .growth-cards.grid-template-7 .growth-card.area6 .h3, .growth-cards.grid-template-7 .growth-card.area7 h3, .growth-cards.grid-template-7 .growth-card.area7 .h3 {
                    font-size: 1.4em;
                }
            }

    @media (max-width: 980px) {
                .growth-cards.grid-template-7 .growth-card.area4 h3, .growth-cards.grid-template-7 .growth-card.area4 .h3, .growth-cards.grid-template-7 .growth-card.area5 h3, .growth-cards.grid-template-7 .growth-card.area5 .h3, .growth-cards.grid-template-7 .growth-card.area6 h3, .growth-cards.grid-template-7 .growth-card.area6 .h3, .growth-cards.grid-template-7 .growth-card.area7 h3, .growth-cards.grid-template-7 .growth-card.area7 .h3 {
                    font-size: 1.2em;
                }
            }

    .growth-cards.grid-template-6 {
        grid-template-columns: repeat(6, 1fr); 
        grid-template-areas: 
      "area1 area1 area1 area1 area1 area1"
      "area2 area2 area2 area3 area3 area3"
      "area4 area4 area5 area5 area6 area6";
    }

    .growth-cards.grid-template-6 .growth-card.area1 {
            height: 90vh;
            min-height: 40em;
        }

    .growth-cards.grid-template-6 .growth-card.area1 .card-icon {
                width: 35%;
                height: 14em;
            }

    .growth-cards.grid-template-6 .growth-card.area1 h3, .growth-cards.grid-template-6 .growth-card.area1 .h3 {
                font-size: 3em;
                margin-bottom: 0;
            }

    .growth-cards.grid-template-6 .growth-card.area1 p {
                font-size: 1.5em;
                font-weight: bold;
            }

    .growth-cards.grid-template-6 .growth-card.area2, .growth-cards.grid-template-6 .growth-card.area3 {
            height: 72vh;
            min-height: 34em;
        }

    .growth-cards.grid-template-6 .growth-card.area2 .description, .growth-cards.grid-template-6 .growth-card.area3 .description {
                font-weight: 500;
                line-height: 1.3;
                letter-spacing: 0.01em;
            }

    .growth-cards.grid-template-6 .growth-card.area2 .card-icon, .growth-cards.grid-template-6 .growth-card.area3 .card-icon {
                width: 30%;
                min-height: 9.5em;
            }

    .growth-cards.grid-template-6 .growth-card.area2 h3, .growth-cards.grid-template-6 .growth-card.area2 .h3, .growth-cards.grid-template-6 .growth-card.area3 h3, .growth-cards.grid-template-6 .growth-card.area3 .h3 {
                font-size: 1.8em;
                line-height: 1.3;
            }

    @media (max-width: 980px) {
                .growth-cards.grid-template-6 .growth-card.area2 h3, .growth-cards.grid-template-6 .growth-card.area2 .h3, .growth-cards.grid-template-6 .growth-card.area3 h3, .growth-cards.grid-template-6 .growth-card.area3 .h3 {
                    font-size: 1.6em;
                }
            }

    .growth-cards.grid-template-6 .growth-card.area4, .growth-cards.grid-template-6 .growth-card.area5, .growth-cards.grid-template-6 .growth-card.area6 {
            height: 60vh;
            min-height: 28em;
            padding: 15% 10%;
        }

    .growth-cards.grid-template-6 .growth-card.area4 .card-icon, .growth-cards.grid-template-6 .growth-card.area5 .card-icon, .growth-cards.grid-template-6 .growth-card.area6 .card-icon {
                display: none;
            }

    .growth-cards.grid-template-6 .growth-card.area4 .description, .growth-cards.grid-template-6 .growth-card.area5 .description, .growth-cards.grid-template-6 .growth-card.area6 .description {
                font-size: 0.9em;
                letter-spacing: 0.01em;
                width: 90%;
                line-height: 1.3;
                font-weight: 500;
            }

    .growth-cards.grid-template-6 .growth-card.area4 h3, .growth-cards.grid-template-6 .growth-card.area4 .h3, .growth-cards.grid-template-6 .growth-card.area5 h3, .growth-cards.grid-template-6 .growth-card.area5 .h3, .growth-cards.grid-template-6 .growth-card.area6 h3, .growth-cards.grid-template-6 .growth-card.area6 .h3 {
                font-size: 1.8em;
                line-height: 1.3;
                width: 70%;
            }

    .growth-cards.grid-template-6 .growth-card.area4 button, .growth-cards.grid-template-6 .growth-card.area5 button, .growth-cards.grid-template-6 .growth-card.area6 button {
                width: 4em;
            }

    @media (max-width: 1190px) {
                .growth-cards.grid-template-6 .growth-card.area4 h3, .growth-cards.grid-template-6 .growth-card.area4 .h3, .growth-cards.grid-template-6 .growth-card.area5 h3, .growth-cards.grid-template-6 .growth-card.area5 .h3, .growth-cards.grid-template-6 .growth-card.area6 h3, .growth-cards.grid-template-6 .growth-card.area6 .h3 {
                    font-size: 1.4em;
                }
            }

    @media (max-width: 980px) {
                .growth-cards.grid-template-6 .growth-card.area4 h3, .growth-cards.grid-template-6 .growth-card.area4 .h3, .growth-cards.grid-template-6 .growth-card.area5 h3, .growth-cards.grid-template-6 .growth-card.area5 .h3, .growth-cards.grid-template-6 .growth-card.area6 h3, .growth-cards.grid-template-6 .growth-card.area6 .h3 {
                    font-size: 1.2em;
                }
            }

/* Мобильная версия слайдера */

.growth-mobile {
    padding-left: 0 !important;
}

.growth-mobile .growth-card {
        height: 75vh;
        min-height: 450px;
        font-size: max(2.5vw, 14px);
    }

.growth-mobile .growth-card .card-icon {
            width: auto;
            height: 4em;
        }

.growth-mobile .growth-card h3, .growth-mobile .growth-card .h3 {
            font-size: 1.5em;
        }

.growth-mobile .swiper-slide {
        flex-shrink: 0.05;
    }

@media (max-width: 500px) {
        .growth-mobile .swiper-slide {
            flex-shrink: 0.0128;
        }
    }

.growth-mobile-ios .growth-card {
        flex-shrink: 0;
        width: 80vw;
    }

.growth-mobile-ios .growth-card__background {
            transform: scale(1.4);
        }

@media (max-width: 1190px) and (min-width: 768px) {
    .growth-cards {
        font-size: 85%;
    }
}

@media (max-width: 768px) {
    .growth-cards {
        display: flex;
        flex-wrap: nowrap;
        padding: 0;
        flex-wrap: nowrap;
        overflow-x: scroll;
        padding-left: 1em;
        justify-content: left;
        margin-top: 4em;
    }
        
        .growth-cards::-webkit-scrollbar {
            display: none;
        }
}
.certificate__card {
        height: 60vh;
        padding: 3.5em 2em;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        min-width: 400px;
        min-height: 400px;

        color: #fff;
    }

        .certificate__card span {
            opacity: .5;
            margin-left: 1em;
        }

        .certificate__card h5, .certificate__card .h5 {
            opacity: 1;
            margin: 0;
            font-size: 4.6em;
        }

        .certificate__card .content h6, .certificate__card .content .h6 {
                opacity: 1;
                margin: 0;
                font-size: 1.5em;
            }

        .certificate__card .content h6 a, .certificate__card .content .h6 a {
                    color: #fff;
                    transition: opacity .5s;
                }

        .certificate__card .content h6 a:hover, .certificate__card .content .h6 a:hover {
                        opacity: .5;
                    }

        .certificate__card .content h6 .with-arrow::after, .certificate__card .content .h6 .with-arrow::after {
                    content: '↗';
                    display: inline-block;
                    margin-left: .1em;
                    transform: translateY(0.1em);
                }

    .certificate .swiper-container {
        padding-left: 10%;
    }

    .certificate .swiper-slide {
        flex-shrink: 1;
    }

    .certificate .logo {
        display: flex;
        align-items: center;
        height: 6em;
        justify-content: flex-start;
        width: 90%;
    }

    .certificate .logo img {
            max-width: 100%;
            margin-right: auto;
            -o-object-fit: contain;
               object-fit: contain;
            max-height: 150px;
        }

    @media (max-width: 768px) {

        .certificate .swiper-container {
            padding-left: 0;
        }

        .certificate__card {
            min-width: 0;
            font-size: max(2.5vw, 14px);
        }

            .certificate__card img {
                max-width: 15em !important;
            }

            .certificate__card h5, .certificate__card .h5 {
                font-size: 3.5em;
            }

        .certificate .swiper-slide {
            flex-shrink: 0.03;
        }
    }

    @media (max-width: 450px) {
            .certificate__card img {
                max-height: 110px !important;
                max-width: 210px !important;
            }
    }

    @media (min-width: 1690px) {
            .certificate__card h5, .certificate__card .h5 {
                font-size: 3.5em;
            }
    }

    .certificate-ios {
        display: flex;
        overflow-x: scroll;
    }

    .certificate-ios::-webkit-scrollbar {
            display: none;
        }
.sub-footer {
    position: relative;
    background: #000;
    color: #fff;
    z-index: 10;
    min-height: 350px;
}

    .sub-footer__logo {
        /* position: absolute;
        top: 2em;
        left: 2em;
        z-index: 1; */
    }

    .sub-footer .hero__intro {
            height: 70vh;
            min-height: 350px;
        }

    .sub-footer .hero__content {
            bottom: unset;
            top: 2em;
            height: calc(70vh - 30%);
        }

    /* height: 100%; */

    .sub-footer .hero__content .main-menu {
                margin-bottom: 1em;
            }

    .sub-footer .hero__content .wrapper {
                height: 80%;
                /* height: 100%; */
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
            }

    .sub-footer .hero__content .wrapper span {
                    font-size: 5em;
                    font-weight: bold;
                    margin: 0.3em 0;
                }

    .sub-footer .next-page {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 110;
    }

    .sub-footer .next-page__button a:link, .sub-footer .next-page__button a:visited {
                color: #ffffff;
            }

    .sub-footer .next-page__button button {
                padding: 0.65em 1.1em;
                background: rgba(0, 0, 0, 0.3);
                border-radius: 50px;
                color: #fff;
                border: none;
                outline: none;
                cursor: pointer;
                transition: opacity .5s;
            }

    .sub-footer .next-page__button button:hover {
                    opacity: .7;
                }

    .sub-footer.active {
        height: 70vh;
    }

    .sub-footer.active .hero__intro {
            position: fixed;
            bottom: 0;
            left: 0;
            width: 100%;
            background: #000;
            opacity: 1;
            z-index: 9999999;

            -webkit-animation-name: nextPageAnimation;

                    animation-name: nextPageAnimation;
            -webkit-animation-timing-function: ease-in-out;
                    animation-timing-function: ease-in-out;
            -webkit-animation-duration: 2s;
                    animation-duration: 2s;
        }

    .sub-footer.active .hero__intro-media {
                opacity: 0.85;
            }

    .sub-footer.active .hero__content {
            z-index: 99999999;
            opacity: 0;
            -webkit-animation: nextPageSubfooterTextAnimation .6s ease-in-out;
                    animation: nextPageSubfooterTextAnimation .6s ease-in-out;
        }

    .sub-footer.active .next-page__button {
            z-index: 99999999;
            opacity: 0;
        }

    @media (max-width: 768px) {
        .sub-footer .main-menu {
            display: none;
        }

        .sub-footer .hero__content {
            top: 20%;
        }
                .sub-footer .hero__content .wrapper span {
                    font-size: 3em;
                    text-align: center;
                }
    }



.factoid-cards {
    display: flex;
}

    .factoid-cards .factoid-card {
        position: relative;
        height: 85vh;
        min-height: 38em;
        padding: 2em 3em;
        flex: 1;
        color: #ffffff;
        
    }

    .factoid-cards .factoid-card__title {
            font-size: 1.8em;
            font-weight: normal;
            letter-spacing: 0.011em;
            line-height: 1.4;
            width: 80%;
        }

    .factoid-cards .factoid-card__description-wrapper {
            position: absolute;
            width: 80%;
            bottom: 3em;
        }

    .factoid-cards .factoid-card__description {
            display: block;
            font-size: 1.5em;
            margin-bottom: 1em;
        }

    .factoid-cards .factoid-card__value {
            display: block;
            font-size: 4.5em;
            font-weight: bold;
        }

    /* max-width: 800px; */

    .factoid-cards .factoid-card .list__item {
                display: flex;
                align-items: baseline;
            }

    .factoid-cards .factoid-card .list__item .item__content {
                    padding: 5px;
                    font-size: 1em;
                    letter-spacing: 0.36px;
                }

    .factoid-cards .factoid-card .list__item .item__dotted {
                    flex-grow: 1;
                    opacity: 0.3;
                    border: .8px solid #FFFFFF;
                }

    @media (max-width: 768px) {
        .factoid-cards {
            flex-direction: column;
        }

            .factoid-cards .factoid-card {
                flex: auto;
                font-size: max(2.3vw, 14px);
            }

                .factoid-cards .factoid-card__value {
                    font-size: 3em;
                }
                        .factoid-cards .factoid-card .list__item .item__content {
                            padding: 0px;
                        }

                        .factoid-cards .factoid-card .list__item .item__content-value {
                            white-space: nowrap;
                        }
    }

.video-factoid {
    position: relative;
}
    /* margin-bottom: 6em; */
    .video-factoid__intro {
        position: relative;
        /* height: 80vh; */
    }
    /* height: 100vh; */
    .video-factoid__intro-media {
            /* position: absolute;
            top: 0;
            left: 0; */
            width: 100%;
            height: 100%;
            overflow: hidden;
        }
    .video-factoid__intro-media-video {
                /* position: absolute;
                top: 50%;
                left: 50%;
                min-width: 100%;
                min-height: 100%;
                object-fit: cover;
                transform: translate(-50%, -50%); */
                width: 100%;
            }
    .video-factoid__content {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-user-select: none;
        pointer-events: none;
    }
    .video-factoid__content .content-small {
            position: absolute;
            color: #fff;
            width: 15%;
        }
    .video-factoid__content .content-small h6 {
                font-size: .6em;
                margin: 1em 0;
            }
    .video-factoid__content .content-small span {
                font-size: 1em;
                font-weight: bold;
                letter-spacing: 0.35px;
                line-height: 1.3em;
            }
    .video-factoid__content .content-small::after {
                content: "";
                position: absolute;
                width: 1px;
                border-left: 1px #fff solid;
                left: 0;
            }
    .video-factoid__content .content-big {
            position: absolute;
            color: #fff;
            max-width: 30em;
        }
    .video-factoid__content .content-big h6 {
                font-size: .9em;
                margin: 1em 0;
            }
    .video-factoid__content .content-big span {
                font-size: 1.7em;
                font-weight: bold;
                letter-spacing: 0.35px;
                line-height: 1.3em;
            }
    .video-factoid__content .content-big::after {
                content: "";
                position: absolute;
                width: 1px;
                border-left: 1px #fff solid;
                left: 0;
            }
    @media (min-width: 578px) {
                .video-factoid__content.mode-1 .content-small {
                    bottom: 30%;
                    left: 25%;
                }

                    .video-factoid__content.mode-1 .content-small::after {
                        height: 3em;
                        bottom: -4em;
                    }

                .video-factoid__content.mode-1 .content-big {
                    top: 15%;
                    left: 55%;
                }

                    .video-factoid__content.mode-1 .content-big::after {
                        height: 3em;
                        bottom: -4em;
                    }
                .video-factoid__content.mode-2 .content-small {
                    top: 40%;
                    left: 70%;
                }

                    .video-factoid__content.mode-2 .content-small::after {
                        height: 4em;
                        bottom: -5em;
                    }

                .video-factoid__content.mode-2 .content-big {
                    top: 15%;
                    left: 15%;
                }

                    .video-factoid__content.mode-2 .content-big::after {
                        height: 12em;
                        bottom: -13em;
                    }
                .video-factoid__content.mode-3 .content-small {
                    top: 15%;
                    left: 70%;
                }

                    .video-factoid__content.mode-3 .content-small::after {
                        height: 4em;
                        bottom: -5em;
                    }

                .video-factoid__content.mode-3 .content-big {
                    top: 35%;
                    left: 30%;
                }

                    .video-factoid__content.mode-3 .content-big::after {
                        height: 3em;
                        bottom: -4em;
                    }
                .video-factoid__content.mode-4 .content-small {
                    top: 20%;
                    left: 70%;
                }

                    .video-factoid__content.mode-4 .content-small::after {
                        height: 7em;
                        bottom: -8em;
                    }

                .video-factoid__content.mode-4 .content-big {
                    top: 30%;
                    left: 20%;
                }

                    .video-factoid__content.mode-4 .content-big::after {
                        height: 10em;
                        bottom: -11em;
                    }
                .video-factoid__content.mode-5 .content-small {
                    top: 30%;
                    left: 70%;
                }

                    .video-factoid__content.mode-5 .content-small::after {
                        height: 4em;
                        bottom: -5em;
                    }

                .video-factoid__content.mode-5 .content-big {
                    top: 25%;
                    left: 20%;
                }

                    .video-factoid__content.mode-5 .content-big::after {
                        height: 10em;
                        bottom: -11em;
                    }
        }
    @media (max-width: 576px) {

            .video-factoid__content .content-small {
                display: none;
            }

            .video-factoid__content .content-big {
                top: 35%;
                left: 50%;
                width: 70%;
                transform: translateX(-50%) translateY(-50%);
            }

                .video-factoid__content .content-big::after {
                    height: 12em;
                    bottom: -13em;
                }
    }

.wide-video video {
        transform: translateX(-2px);
        width: 101%;
    }

.storage .video-factoid {
        margin-bottom: 8em;
    }
.customers-info__subtitle {
        font-size: 1.5em;
        max-width: 26em;
        line-height: 1.5;
        margin: 1em auto;
        text-align: center;
    }

        .customers-info__subtitle > div p {
                margin: 0;
            }

        .customers-info__subtitle > div div + div {
                margin-top: .5em;
            }

        .customers-info__subtitle a {
            text-decoration: none;
            color: #7CBA00;
            transition: opacity .5s;
        }

        .customers-info__subtitle a:hover {
                opacity: .5;
            }
    .customers-info__contacts {
        display: flex;
        flex-direction: column;
        margin: 2em auto;
        max-width: 57em;
    }
    .customers-info__contacts > div {
            display: grid;
            grid-template-columns: 1fr 1fr;
            align-items: baseline;
        }
    .customers-info__contacts > div > div span {
                    display: block;
                    margin-bottom: 0.4em;
                    margin-left: 2em;
                    font-size: 1.3em;
                }
    .customers-info__contacts > div > div p {
                    font-size: 1.3em;
                    font-weight: bold;
                    line-height: 1.5;
                    margin-right: 1em;
                }
    .customers-info__contacts > div > div a {
                    display: block;
                    text-decoration: none;
                    color: #7CBA00;
                    transition: opacity .5s;
                }
    .customers-info__contacts > div > div a:hover {
                        opacity: .5;
                    }
    @media (max-width: 830px) {
            .customers-info__contacts {
                max-width: 48.5em;
            }
        }
    @media (max-width: 620px) {
            .customers-info__contacts {
                margin: 2em;
            }
        }
    @media (max-width: 460px) {
            .customers-info__contacts > div {
                grid-template-columns: 1fr;
                margin-bottom: 0.2em;
            }
                    .customers-info__contacts > div > div span {
                        margin-left: 0;
                    }

                    .customers-info__contacts > div > div p {
                        margin-bottom: 0.3em;
                    }
        }
    .customers-info__products-info {
        margin: 2.5em auto;
        max-width: 44em;
        font-size: 1.3em;
        line-height: 1.5;
        text-align: center;
    }
    .customers-info__products-info a {
            text-decoration: none;
            color: #7CBA00;
            transition: opacity .5s;
        }
    .customers-info__products-info a:hover {
                opacity: .5;
            }
    @media (max-width: 830px) {
            .customers-info__products-info {
                margin: 2.5em 1.5em;
            }
        }
    @media (max-width: 460px) {
            .customers-info__products-info {
                text-align: initial;
            }
        }
    @media (max-width: 400px) {
            .customers-info__products-info {
                margin: 2.5em 0;
            }
        }
    .customers-info__files {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 30px 45px;
        margin: 3.5em auto;
        max-width: 57em;
    }
    .customers-info__files a {
            color: #000;
            transition: opacity .5s;
            text-decoration: none;
        }
    .customers-info__files a:hover {
                opacity: .5;
            }
    /* a + a {
            margin-left: 2em;
        } */
    .customers-info__files .file {
            display: flex;
            align-items: center;
        }
    .customers-info__files .file img {
                margin-right: 1em;
            }
    .customers-info__files .file__description {
                max-width: 25em;
                word-wrap: break-word;
            }
    .customers-info__files .file__description p {
                    font-size: 1.6em;
                    margin-top: 0;
                    margin-bottom: 0.6em;
                }
    .customers-info__files .file__description span {
                    font-size: 1.2em;
                    opacity: .5;
                }
    @media (max-width: 830px) {
            .customers-info__files {
                margin: 3.5em 2em;
            }
        }
    @media (max-width: 768px) {
        .customers-info {
            font-size: 80%;
        }
    }
    /* Мобильная версия */
    @media (max-width: 660px) {
        .customers-info {
            margin: 0 1em;
        }

            .customers-info__files {
                display: flex;
                justify-content: space-between;
                flex-direction: column;
            }

                .customers-info__files a + a {
                    margin-left: 0;
                    margin-top: 2em;
                }
                    .customers-info__files .file img {
                        width: 5em;
                    }
    }
    @media (max-width: 400px) {
        .customers-info__contacts {
            margin: 2em 0;
        }

        .customers-info__files {
            margin: 3.5em 0;
        }
    }
    @media (max-width: 350px) {
            .customers-info__subtitle a {
                display: block;
            }
    }
.production-scheme__wrapper .production-scheme {
    margin-bottom: 0 !important;
  }

    .production-scheme__wrapper .production-scheme__title-wrapper {
      display: flex;
      flex-direction: column;
      margin-top: 6em;
    }

    .production-scheme__wrapper .production-scheme__title-wrapper .h3 {
       margin: 1em auto;
       width: 9em;
       font-size: 2.5em;
       text-align: center;
     }

    .production-scheme__wrapper .production-scheme__title-wrapper .lead {
        align-self: center;
        margin: 0 2em;
      }
@media (max-width: 420px) {
    .recycle {
        padding-bottom: 6em;
    }
}


.recycle-block {
    display: flex;
    justify-content: space-between;
    padding-bottom: 5em;
    padding-top: 10em;
    background: linear-gradient(360deg, #f5efdb 21.43%, rgba(245, 239, 219, 0) 85.78%);
}


.recycle-block__card1-img {
            height: 100%;
            width: 120%;
            display: flex;
            align-items: flex-end;
            transform: translateX(-10%);
            margin-bottom: 0.5em;
        }


.recycle-block__card1-img img {
                width: 100%;
                -o-object-fit: contain;
                   object-fit: contain;
            }


.recycle-block__card2-img {
            width: 82%;
            /* margin-bottom: 0.5em; */
            display: flex;
            align-items: center;
            flex-direction: column;
            justify-content: center;
            height: 100%;
        }


.recycle-block__card2-img img {
                width: 100%;
                height: auto;
            }


.recycle-block__card1, .recycle-block__card2 {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
    }


.recycle-block__card1-description, .recycle-block__card2-description {
            display: flex;
            flex-direction: column;
            align-items: center;
        }


.recycle-block__card1 p, .recycle-block__card2 p {
            font-size: 1.4em;
            font-weight: 500;
            padding-bottom: 0;
            margin-bottom: .5em;
            text-align: center;
        }


.recycle-block__card1 span, .recycle-block__card2 span {
            font-size: 1.4em;
            color: #B2B2B2;
        }


@media (max-width: 420px) {
        .recycle-block {
            padding-bottom: 0;
            padding-top: 2em;
            margin-bottom: 6em;
            background: linear-gradient(360deg, rgba(254, 254, 254, 0) 16.81%, #f5efdb 17.23%, rgba(245, 239, 219, 0));
        }

            .recycle-block__card1-description, .recycle-block__card2-description {
                transform: translateY(3em);
            }

                .recycle-block__card1-description p, .recycle-block__card2-description p {
                    width: 86%;
                    font-size: 1.2em;
                }
                .recycle-block__card1-description span, .recycle-block__card2-description span {
                    font-size: 1em;
                }
    }
.production-scheme {
    margin-bottom: 8em;
}

    .production-scheme__title {
        margin: 1em auto;
        width: 9em;
        font-size: 2.5em;
        text-align: center;
    }

    .production-scheme__button-view {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 2em auto;

        background: none;
        border: none;
        outline: none;
        cursor: pointer;
    }

    .production-scheme__button-view:hover {
            transition: opacity .5s;
            opacity: .7;
        }

    .production-scheme__button-view span {
            margin-right: 0.5em;
            color: #269646;
            line-height: 1.5;
            font-size: 1.5em;
        }

    .production-scheme__button-view svg {
            width: 1.5em;
            height: 2em;
        }

    .production-scheme__card {
        height: 80vh;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        min-width: 400px;
        min-height: 619px;

        color: #fff;
    }

    .production-scheme__card .background {
            display: none;
          }

    .production-scheme__card .finger {
            display: none;
          }

    .production-scheme__card img {
              cursor: pointer;
          }

    .production-scheme .title-card {
        padding: 3em;
        background: #44CDA4;

    }

    .production-scheme .title-card__title {
            font-size: 3em;
            width: 80%;
            line-height: 1.3;
        }

    .production-scheme .title-card__title h5 {
                margin-top: 0;
            }

    .production-scheme .title-card__content {
            display: flex;
        }

    .production-scheme .title-card__content span {
                display: block;
                text-align: center;
                margin-top: .5em;
            }

    .production-scheme .title-card__content .button + .button {
                margin-left: 2.5em;
            }

    .production-scheme .title-card__content .button {
                display: flex;
                flex-direction: column;
                align-items: center;
                cursor: pointer;
            }

    .production-scheme .title-card__content .button img {
                    cursor: pointer;
                }

    .production-scheme .title-card__content .button button {
                    margin: 0;
                    padding: 0;
                    background: none;
                    border: none;
                }

    .production-scheme .scheme-card {
        display: block;
    }

    .production-scheme .scheme-card img {
            display: block;
            margin: 0 auto;
            height: 100%;
        }

    @media (max-width: 768px) {
        .production-scheme {
            margin-bottom: 0;
        }
        
        .production-scheme__card {
            min-width: 0;
            position: relative;
        }

            .production-scheme__card .background {
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                width: 100%;
                height: 100%;
                z-index: 1;
                margin: auto;
                /*background: linear-gradient(0deg, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35));*/
                pointer-events: none;
            }

            .production-scheme__card .finger {
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                display: block;
                margin: auto;
                max-width: 100px;
                max-height: 100px;
                z-index: 2;
                pointer-events: none;
            }

                    .production-scheme__card .finger img.finger--animate {
                        -webkit-animation: glowing 1500ms linear infinite;
                                animation: glowing 1500ms linear infinite;
                        -webkit-animation-iteration-count: 3;
                                animation-iteration-count: 3;
                    }
    }

    @media (max-width: 500px) {
            .production-scheme__card img {
                width: 100%;
                -o-object-fit: contain;
                   object-fit: contain;
            }
    }

.production-popup-content {
    padding: 0;
    border: none;
    /* width: 80%; */
    width: 100vw;
    height: 100%;
    /* height: 100vh; */
    background: #F6EED7;
}

.production-popup-content button {
        position: absolute;
        right: 1em;
        top: 1em;
        z-index: 9999;
        background: none;
        border: none;
        cursor: pointer;
        outline: none;
    }

.production-popup-content .video-popup {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10000;
    }

.production-popup-content .video-popup h2 {
            position: absolute;
            color: #fff;
            bottom: -100vh;
            left: 1.3em;
            font-size: 3em;
            z-index: 10;
            width: 15em;
        }

.production-popup-content .video-popup__wrapper {
            position: absolute;
            width: 100vw;
            height: 100vh;
            overflow: hidden;
            background: #c2c2c2;
            z-index: 0;
        }

.production-popup-content .video-popup__wrapper video {
                position: absolute;
                top: 50%;
                left: 50%;
                min-width: 100%;
                min-height: 100%;
                display: block;
                -o-object-fit: cover;
                object-fit: cover;
                transform: translate(-50%, -50%);
            }

.production-popup-content .video-popup__wrapper:after {
                content: '';
                position: absolute;
                left: 0;
                top: 0;
                width: 26%;
                min-width: 15em;
                height: 100%;
                background: linear-gradient(to right, rgba(0, 0, 0, 0.62), rgba(0, 0, 0, 0));
            }

.production-popup-content .video-popup button {
            padding: 0;
            right: 0;
            left: 1em;
            height: 1em;
            top: 1em;
            width: 1em;
            font-size: 3em;
        }

.production-popup-content .video-popup button:hover {
                opacity: .7;
                transition: opacity .5s;
            }

@media (max-width: 768px) {
            .production-popup-content .video-popup h2 {
                width: 80vw;
                color: #000;
            }
                    .production-popup-content .video-popup button svg path {
                        fill: #000;
                    }

            .production-popup-content .video-popup__wrapper {
                background: #F7EFDA;
            }
    
                .production-popup-content .video-popup__wrapper video {
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    width: 100vw;
                    display: block;
                    -o-object-fit: contain;
                    object-fit: contain;
                    transform: translate(-50%, -50%);
                    min-width: initial;
                    min-height: initial;
                }
    
                .production-popup-content .video-popup__wrapper:after {
                    background: none;
                }
        }

@media (max-width: 475px) {
                .production-popup-content .video-popup button {
                    left: 0.5em;
                }

                .production-popup-content .video-popup h2 {
                    bottom: -95vh;
                    left: 0.8em;
                    font-size: 2em;
                }
        }

@media (max-width: 475px) {
        .production-popup-content .close {
            right: 0.5em;
            width: 39px;
            padding: 0;
        }
            
            .production-popup-content .close svg {
                width: 70%;
                height: 70%;
                filter: drop-shadow( 1px 2px 2px rgba(100, 100, 100, 0.1));
            }
    }

@media (max-width: 768px) and (max-height: 485px) {
        .production-popup-content .video-popup button svg path {
            fill: #fff;
        }

        .production-popup-content .video-popup h2 {
            color: #fff;
        }

        .production-popup-content .video-popup__wrapper:after {
            background: linear-gradient(to right, rgba(0, 0, 0, 0.62), rgba(0, 0, 0, 0));
        }
    }

.leaflet-container {
    background-color: #F7EFDA;
}

.scheme-background {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #F7EFDA;
    z-index: -1;
}

.scheme-label-pointer {
    pointer-events: none !important;
    opacity: 0;
}

@-webkit-keyframes glowing {
    50% {
        opacity: 0;
    }
}

@keyframes glowing {
    50% {
        opacity: 0;
    }
}
/* Настройки swiper */

    .report-cards .swiper-slide {
        flex-shrink: 1;
    }

    .report-cards .swiper-container {
        padding-left: 20%;
    }

    .report-cards__card {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 2em;
        width: 20em;
        height: 70vh;
        min-height: 27em;
        color: #ffffff;
    }

    .report-cards__card .card__title {
                font-size: 1.5em;
            }

    .report-cards__card .card__description-date {
                    font-size: 1.5em;
                }

    .report-cards__card .card__description-link {
                    display: block;
                    font-size: 3.2em;
                    color: #fff;
                    text-transform: uppercase;
                    font-weight: bold;
                    transition: opacity .5s;
                }

    .report-cards__card .card__description-link:hover {
                        opacity: .6;
                    }
.extra-info {
    padding: 2em 4em;
}

    .extra-info .accordion {
        border: none;
    }

    .extra-info .accordion__item {
            position: relative;
            border-radius: 1em;
            border: 1px solid rgba(0, 0, 0, 0.1);
            margin-top: 1em;

        }

    .extra-info .accordion__button {
            background-color: transparent;
            color: #000;
            outline: none;
        }

    .extra-info .accordion__button h4 {
                font-size: 1.5em;
                margin: .5em 0;
                font-weight: 500;
            }

    .extra-info .accordion__button::before  {
                display: none;
            }

    .extra-info .accordion__panel-content {
                display: grid;
                grid-template-columns: 1fr 1fr;
            }

    .extra-info .accordion__panel-content .item {
                    padding-right: 1em;
                }

    .extra-info .accordion__panel-content .item p {
                        font-size: 1.2em;
                        margin-bottom: 0.5em;
                    }

    .extra-info .accordion__panel-content .item span {
                        opacity: .5;
                    }

    .extra-info .description {
        font-size: 1.1em;
        line-height: 1.4em;
    }

    .extra-info .description p {
            margin-top: 0;
            margin-bottom: 2.5em;
        }

    .extra-info .files-list {
        display: grid;
        grid-template-columns: 1fr 1fr;
        row-gap: 2.5em;
    }

    .extra-info .files-list a {
            color: #000;
        }

    .extra-info .files-list .file {
            display: flex;
            align-items: center;
        }

    .extra-info .files-list .file img {
                margin-right: 1em;
            }

    .extra-info .files-list .file__description p {
                    font-size: 1.6em;
                    margin-top: 0;
                    margin-bottom: 0.6em;
                }

    .extra-info .files-list .file__description span {
                    font-size: 1.2em;
                    opacity: .5;
                }

    .extra-info .button__plus, .extra-info .button__minus {
        position: absolute;
        top: 2em;
        right: 2em;
    }

    .extra-info .rotate-anim-start {
        -webkit-animation: rotateAnimationOpen 0.3s cubic-bezier(0.38, 0.1, 0.36, 0.9) forwards;
                animation: rotateAnimationOpen 0.3s cubic-bezier(0.38, 0.1, 0.36, 0.9) forwards;
    }

    .extra-info .rotate-anim-minus-start {
        -webkit-animation: rotateAnimationMinusOpen 0.3s cubic-bezier(0.38, 0.1, 0.36, 0.9) forwards;
                animation: rotateAnimationMinusOpen 0.3s cubic-bezier(0.38, 0.1, 0.36, 0.9) forwards;
    }

    .extra-info .rotate-anim-fin {
        -webkit-animation: rotateAnimationClose 0.3s cubic-bezier(0.38, 0.1, 0.36, 0.9) forwards;
                animation: rotateAnimationClose 0.3s cubic-bezier(0.38, 0.1, 0.36, 0.9) forwards;
    }

    .extra-info .rotate-anim-minus-fin {
        -webkit-animation: rotateAnimationMinusClose 0.3s cubic-bezier(0.38, 0.1, 0.36, 0.9) forwards;
                animation: rotateAnimationMinusClose 0.3s cubic-bezier(0.38, 0.1, 0.36, 0.9) forwards;
    }

    @media (max-width: 768px) {
        .extra-info {
            padding: 2em 1.5em;
        }

            .extra-info h4 {
                font-size: 14px !important;
                font-size: clamp(14px, 2.7vw, 21px) !important;
            }

            .extra-info .button__minus, .extra-info .button__plus {
                top: 1.5em;
                right: 1.5em;
            }

            .extra-info .files-list {
                grid-template-columns: 1fr;
            }
                .extra-info .file img {
                    width: 3em;
                }

                .extra-info .file__description {
                    font-size: 0.7em;
                }

            .extra-info .accordion__panel-content {
                font-size: 0.8em;
            }
    }

@-webkit-keyframes rotateAnimationOpen {
    0% {
        transform: rotate(0deg);
        opacity: 1;
    }
    /* 90% {
        opacity: 0;
    } */
    100% {
        transform: rotate(90deg);
        opacity: 0;
    }
}

@keyframes rotateAnimationOpen {
    0% {
        transform: rotate(0deg);
        opacity: 1;
    }
    /* 90% {
        opacity: 0;
    } */
    100% {
        transform: rotate(90deg);
        opacity: 0;
    }
}

@-webkit-keyframes rotateAnimationMinusOpen {
    0% {
        opacity: 0;
        transform: rotate(-90deg);
    }
    /* 90% {
        opacity: 0;
    } */
    100% {
        transform: rotate(0deg);
        opacity: 1;
    }
}

@keyframes rotateAnimationMinusOpen {
    0% {
        opacity: 0;
        transform: rotate(-90deg);
    }
    /* 90% {
        opacity: 0;
    } */
    100% {
        transform: rotate(0deg);
        opacity: 1;
    }
}

@-webkit-keyframes rotateAnimationClose {
    0% {
        transform: rotate(0deg);
        opacity: 0;
    }
    /* 90% {
        opacity: 1;
    } */
    100% {
        transform: rotate(-90deg);
        opacity: 1;
    }
}

@keyframes rotateAnimationClose {
    0% {
        transform: rotate(0deg);
        opacity: 0;
    }
    /* 90% {
        opacity: 1;
    } */
    100% {
        transform: rotate(-90deg);
        opacity: 1;
    }
}

@-webkit-keyframes rotateAnimationMinusClose {
    0% {
        transform: rotate(0deg);
        opacity: 1;
    }
    /* 90% {
        opacity: 1;
    } */
    100% {
        transform: rotate(-90deg);
        opacity: 0;
    }
}

@keyframes rotateAnimationMinusClose {
    0% {
        transform: rotate(0deg);
        opacity: 1;
    }
    /* 90% {
        opacity: 1;
    } */
    100% {
        transform: rotate(-90deg);
        opacity: 0;
    }
}


.stocks-chart {
    margin: 0 auto;
}

    .stocks-chart__info {
        text-align: center;
    }

    .stocks-chart__info .cost {
            font-size: 1.5em;
            font-weight: bold;
            padding-bottom: 0.5em;
        }

    .stocks-chart__info .dynamic {
            padding-bottom: 1em;
        }

.rv-xy-plot__grid-lines__line {
    stroke: rgba(255, 255, 255, 0.2);
}

.rv-xy-plot__axis__tick__line {
    display: none;
}

.rv-xy-plot__axis__line {
    stroke-width: 1px;
    stroke: rgba(255, 255, 255, 0.2);
}

.rv-xy-plot__axis__tick__text {
    fill: rgba(255, 255, 255, 0.5);
    font-size: 0.9em;
}

.chart-button {
    display: flex;
    margin: .5em auto;
    padding: 9px 15px;
    color: #fff;
    border: none;

    background: rgba(0, 0, 0, 0.3);
    border-radius: 50px;
}

.chart-button:hover {
        cursor: pointer;
        transition: opacity .4s;
        opacity: .7;
    }
.invest-key-values {
    border-radius: 0 0 10vw 10vw;
}

    .invest-key-values__content {
        padding: 10em 4em 4em;
    }

    .invest-key-values .content__values {
            display: grid;
            grid-template-columns: 1fr 1fr;
            row-gap: 2em;
        }

    .invest-key-values .content__values .block {
                display: flex;
                flex-direction: column;
                align-items: center;
                padding: 1em;
                margin: 0 auto;
                color: #fff;
            }

    .invest-key-values .content__values .block-title {
                    margin-bottom: .5em;
                    font-size: 1.2em;
                }

    .invest-key-values .content__values .block-value {
                    font-size: 1.5em;
                    font-weight: bold;
                    letter-spacing: 0.016em;
                }

    .invest-key-values .content__stocks {
            display: flex;
            justify-content: space-between;
            height: 80vh;
            align-items: center;
            color: #fff;
        }

    .invest-key-values .content__stocks h3 {
                width: 100%;
                text-align: center;
            }

    .invest-key-values .content__info {
            display: block;
            width: 70%;
            margin: 0 auto;
            text-align: center;
            color: #fff;
            letter-spacing: 0.35px;
            font-size: 1.2em;
            line-height: 145%;
        }

    @media (max-width: 768px) {

        .invest-key-values__content {
            padding: 10em 2em 4em;
        }

        .invest-key-values .content__values {
            grid-template-columns: 1fr;
            text-align: center;
        }

        .invest-key-values .content__info {
            width: 100%;
        }
    }
.press-centre {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 2em;
    padding: 1em 2em;
}

    .press-centre .error {
        position: absolute;
        width: 100%;
        text-align: center;
        top: 3em;
        color: #D7D7D7;
        font-size: 2em;
        font-weight: bold;
    }

    .press-centre__filters {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 2em;
    }

    .press-centre__filters .news-source {
            height: 100%;
            padding: 8px 16px;
            border-radius: 40px;
            cursor: pointer;
            background-color: transparent;
            border: none;
        }

    .press-centre__filters .news-source.active {
                background-color: #7CBA00;
                color: #fff;
            }

    .press-centre__filters .news-source__wrapper {

            }

    .press-centre__filters .tab-menu__wrapper {
            margin-bottom: 0;
        }

    .press-centre__filters .year-picker__wrapper {
            position: relative;
        }

    .press-centre__filters .year-picker__wrapper select {
                outline: none;
                background: transparent;
                border: none;
                width: 9em;
                height: 2em;
                -moz-appearance: none;
                     appearance: none;
                -webkit-appearance: none;
                cursor: pointer;
                color: #000;
            }

    .press-centre__filters .year-picker__wrapper svg {
                position: absolute;
                top: 0.8em;
                left: 6.5em;
                z-index: -1;
            }

    .press-centre__link {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
    }

    .press-centre__item-wrapper {
        display: flex;
        flex-direction: column;
        position: relative;
        height: 35em;
        width: 100%;
        background-color: #e1e1e1;
        padding: 2em;

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

    .press-centre__item-wrapper .news-item {
            position: relative;
        }

    .press-centre__item-wrapper.typeBig {
            grid-column: auto / span 2;
        }

    .press-centre__item-wrapper.typeBig.img h4 {
                    font-size: 1.5em;
                }

    .press-centre__item-wrapper.typeBig.main {
                padding: 2em 2em 0 0;
            }

    .press-centre__item-wrapper.typeBig.main::after {
                    height: 100% !important;
                    background: linear-gradient(180deg, rgba(255, 255, 255, 0.65) 64.06%, rgba(255, 255, 255, 0) 93%) !important;
                }

    .press-centre__item-wrapper.leftToolTip.smallText::after, .press-centre__item-wrapper.leftToolTip.bigText::after, .press-centre__item-wrapper.rightToolTip.smallText::after, .press-centre__item-wrapper.rightToolTip.bigText::after {
                content: '';
                position: absolute;
                display: block;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 100%;
                z-index: 0;
            }

    .press-centre__item-wrapper.leftToolTip.smallText:not(.typeBig)::after, .press-centre__item-wrapper.leftToolTip.bigText:not(.typeBig)::after, .press-centre__item-wrapper.rightToolTip.smallText:not(.typeBig)::after, .press-centre__item-wrapper.rightToolTip.bigText:not(.typeBig)::after {
                /* background: linear-gradient(0.48deg, rgba(255, 255, 255, 0.8) 0.29%, rgba(255, 255, 255, 0) 99.47%); */
                /* background: linear-gradient(0.48deg, rgba(255, 255, 255, 0.8) 0.29%, rgba(255, 255, 255, 0) 59.47%); */
                /* background: linear-gradient(0deg, rgba(255, 255, 255, 0.9) 10.29%, rgba(255, 255, 255, 0) 89.47%); */
                background: linear-gradient(0deg, rgba(255, 255, 255, 0.9) 28%, rgba(255, 255, 255, 0.1) 60.27%);
            }

    .press-centre__item-wrapper.leftToolTip.typeBig::after, .press-centre__item-wrapper.rightToolTip.typeBig::after {
                /* background: linear-gradient(90deg, rgba(255, 255, 255, 0.88) 28.76%, rgba(255, 255, 255, 0) 102.91%) */
                background: linear-gradient(0deg, rgba(255, 255, 255, 0.9) 28%, rgba(255, 255, 255, 0.1) 60.27%);
                /* background: linear-gradient(to top, rgba(255, 255, 255, 0.8) 43.76%, rgba(255, 255, 255, 0) 89.71%); */
            }

    .press-centre__item-wrapper.leftToolTip {
            border-radius: 0 18em 0 18em;
            padding: 0 2em 2em 2em;
        }

    .press-centre__item-wrapper.rightToolTip {
            border-radius: 18em 0 18em 0;
        }

    .press-centre__item-wrapper.normal {
            color: #ffffff;
        }

    .press-centre__item-wrapper.normal.smallText::after {
                content: '';
                position: absolute;
                display: block;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 100%;
                /* background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 51%); */
                background: linear-gradient(0deg, rgba(0, 0, 0,1) 0%, rgba(0, 0, 0, 0) 50%);
                z-index: 0;
            }

    .press-centre__item-wrapper.normal.redMode {
                background: #87222C;
            }

    .press-centre__item-wrapper.normal.greenMode {
                background: #7CBA00;
            }

    .press-centre__item-wrapper h4 {
            line-height: 1.4;
            letter-spacing: 0.015em;
            margin: 0.3em 0 .5em;
            z-index: 1;
        }

    .press-centre__item-wrapper span {
            z-index: 1;
            opacity: 0.6;
        }

    .press-centre .cluster {
        padding: 0;
        justify-content: start;
        background: none;
    }

    .press-centre .cluster .news-item {
            margin-bottom: 1.8em;
        }

    .press-centre .cluster h4 {
            display: -webkit-box;
            -webkit-line-clamp: 4;
            -webkit-box-orient: vertical;
            overflow: hidden;

            font-size: 1em;
        }

    .press-centre__item-wrapper:not(.cluster) h4 {
            display: -webkit-box;
            -webkit-line-clamp: 5;
            -webkit-box-orient: vertical;
            overflow: hidden;       
        }

    .press-centre .downAlign {
        justify-content: flex-end;
    }

    .press-centre .bigText h4 {
            font-size: 1.5em;
        }

    .press-centre .smallText h4 {
            font-size: 1.4em;
        }

    @media (max-width: 540px) {
        .press-centre__filters {
            flex-direction: column;
            align-items: initial;
            padding: 0;
        }

            .press-centre__filters .tab-menu__wrapper {
                justify-content: flex-start;
                margin-bottom: 2em;
                padding-left: 1em;
                padding-right: 50px;
            }

                .press-centre__filters .tab-menu__wrapper button {
                    height: 100%;
                    white-space: nowrap;
                }

            .press-centre__filters .news-year {
                align-self: flex-start;
                padding-left: 1em;
                margin-bottom: 2em;
            }
                .press-centre__filters .year-picker__wrapper select {
                    max-width: 9em;
                    width: auto;
                    margin-right: 25px;
                    margin-left: 16px;
                }
    
                .press-centre__filters .year-picker__wrapper svg {
                    right: 0;
                    left: auto;
                }
    }

    @media (max-width: 980px) {
        .press-centre {
            grid-template-columns: 1fr 1fr;
            grid-gap: 1em;
        }

            .press-centre .cluster {
                grid-column: auto / span 2;
                margin: 2em 0;
            }
    }

    @media (max-width: 768px) {
        .press-centre {
            font-size: 85%;
            grid-template-columns: calc(50% - 5px) calc(50% - 5px);
            padding: 0;
            margin: 1em;
        }

            .press-centre .press-centre__item-wrapper:not(.cluster) {
                height: 24em;
                min-height: 285px;
            }

                .press-centre .press-centre__item-wrapper:not(.cluster).rightToolTip {
                    border-radius: 11em 0 11em 0;
                    padding: 1em;
                }

                .press-centre .press-centre__item-wrapper:not(.cluster).normal {
                    padding: 1em;
                }

                .press-centre .press-centre__item-wrapper:not(.cluster).leftToolTip {
                    border-radius: 0 11em 0 11em;
                }

                .press-centre .press-centre__item-wrapper:not(.typeBig).cluster {
                    height: auto;
                    min-height: 35em;
                }

                    .press-centre .press-centre__item-wrapper:not(.typeBig).cluster .news-item {
                        margin-bottom: 2.8em;
                    }
    }

    @media (min-width: 730px) and (max-width: 768px) {
        .press-centre {

            /* &__item-wrapper:not(.cluster) {
                h4 {
                    -webkit-line-clamp: 6;
                }
            } */
        }
                .press-centre__item-wrapper:not(.typeBig) h4 {
                    font-size: 1.3em;
                }
    }

    @media (max-width: 730px) {
        .press-centre {
            display: flex;
            flex-direction: column;
        }

            .press-centre__item-wrapper {
                margin-bottom: 1em;
            }
                    .press-centre__item-wrapper.bigText h4 {
                        font-size: 1.6em;
                    }
                        .press-centre__item-wrapper.typeBig.img h4 {
                            font-size: 1.6em;
                        }   
                    .press-centre__item-wrapper.cluster h4 {
                        font-size: 1.6em;
                    }
                    .press-centre__item-wrapper:not(.typeBig) h4 {
                        font-size: 1.6em;
                    }
                .press-centre__item-wrapper:not(.cluster) h4 {
                    -webkit-line-clamp: 4;
                }
    }

    @media (max-width: 325px) {
                    .press-centre__item-wrapper.bigText h4 {
                        font-size: 1.1em;
                    }
                        .press-centre__item-wrapper.typeBig.img h4 {
                            font-size: 1.1em;
                        }   
                    .press-centre__item-wrapper.cluster h4 {
                        font-size: 1.1em;
                    }
                    .press-centre__item-wrapper:not(.typeBig) h4 {
                        font-size: 1.1em;
                        word-wrap: break-word;
                    }
    }
.share-social-links {
    display: flex;
    justify-content: center;
}

    .share-social-links .social-link + .social-link {
        margin-left: 1em;
    }

    .share-social-links .copyBtn {
        border: none;
        background: transparent;
        outline: none;
        cursor: pointer;
        padding: 0;
    }

    .share-social-links .copy {
        position: relative;
    }

    .share-social-links .copy .activeTooltip svg {
                opacity: .4;
            }

    .share-social-links .disable {
        opacity: 1 !important;
    }

    .share-social-links .disable:hover {
            opacity: 1 !important;
        }

    .share-social-links .activeTooltip::after, .share-social-links .activeTooltip::before {
            opacity: 1 !important;
        }

    .share-social-links .activeTooltip:hover {
            opacity: 1;
        }

    .share-social-links .activeTooltip img {
                opacity: 0.4;
            }

    .share-social-links [tooltip]::before {
        content: "";
        position: absolute;
        top:-6px;
        left:50%;
        transform: translateX(-50%);
        border-width: 4px 6px 0 6px;
        border-style: solid;
        border-color: rgba(0,0,0,0.7) transparent transparent     transparent;
        z-index: 99;
        opacity:0;
    }

    .share-social-links [tooltip]::after {
        content: attr(tooltip);
        position: absolute;
        left:50%;
        top:-6px;
        transform: translateX(-50%)   translateY(-100%);
        background: rgba(0,0,0,0.7);
        text-align: center;
        color: #fff;
        padding:4px 2px;
        font-size: 12px;
        min-width: 80px;
        border-radius: 5px;
        pointer-events: none;
        padding: 4px 4px;
        z-index:99;
        opacity:0;
    }

    .share-social-links .social-link {
        transition: opacity .5s;
    }

    .share-social-links .social-link:hover {
            opacity: .7;
        }

    @media (max-width: 768px) {
        .share-social-links [tooltip]::after {
            font-size: 10px;
        }
    }
.tenders-table .table {
        padding: 0 2em;
    }

    .tenders-table .error {
        width: 100%;
        text-align: center;
        color: #D7D7D7;
        font-size: 2em;
        font-weight: bold;
        margin-top: 2em;
        margin-bottom: 5em;
    }

    .tenders-table .error span {
            display: block;
        }

    .tenders-table .error span + span {
            margin-top: .5em;
        }

    .tenders-table__wrapper {
        
    }

    .tenders-table__filters {
        display: flex;
        justify-content: space-between;
        /* align-items: center; */
        margin: 2em;
    }

    .tenders-table__filters .tab-menu__wrapper {
            margin-bottom: 0;
        }

    .tenders-table__filters-wrapper .tender-sort {
                height: 100%;
                padding: 8px 16px;
                border-radius: 40px;
                cursor: pointer;
                background-color: transparent;
                border: none;
            }

    .tenders-table__filters-wrapper .tender-sort.active {
                    background-color: #7CBA00;
                    color: #fff;
                }

    .tenders-table__filters .extra-data span {
                margin-right: 1em;
                color: #B2B2B2;
            }

    .tenders-table__filters .extra-data .search-name {
                outline: none;
                border-bottom: 1px solid #D7D7D7;
                border-left: none;
                border-right: none;
                border-top: none;
                background: transparent;
                -moz-appearance: none;
                     appearance: none;
                -webkit-appearance: none;
                padding-bottom: 0.5em;
            }

    .tenders-table .header {
        display: grid;
        grid-template-columns: 1fr 1fr;
        padding: 1em 0;
        border-bottom: 1px solid #F4F4F4;
    }

    .tenders-table .header span {
            font-size: 1em;
            color: #B2B2B2;
        }

    .tenders-table .bigColumn {
        padding: 0.5em 1em;
    }

    .tenders-table .bigColumn h4 {
            font-size: 1.2em;
        }

    .tenders-table .bigColumn a, .tenders-table .bigColumn a:visited, .tenders-table .bigColumn a:link {
            color: #7CBA00;
        }

    .tenders-table .bigColumn a:hover h4, .tenders-table .bigColumn a:visited:hover h4, .tenders-table .bigColumn a:link:hover h4 {
                    opacity: .7;
                    transition: opacity .5s;
                }

    .tenders-table .bigColumn .description {
            font-size: 1em;
            color: #B2B2B2;
        }

    .tenders-table .bigColumn .description ul {
                padding: 0;
                margin: 0;
            }

    .tenders-table .bigColumn .description li {
                list-style: none;
            }

    .tenders-table .extraColumn {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;

    }

    .tenders-table .extraColumn .smallColumn {
            margin: 0 .5em;
        }

    .tenders-table .table-row {
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-items: center;
        padding-bottom: 2em;
        border-bottom: 1px solid #F4F4F4;
    }

    @media (max-width: 850px) {
        .tenders-table__filters {
            flex-direction: column;
        }

            .tenders-table__filters .extra-data {
                display: flex;
                flex-direction: column-reverse;
                width: 100%;
            }

                .tenders-table__filters .extra-data span {
                    margin-top: 1em;
                }
            
            .tenders-table__filters-wrapper {
                margin-bottom: 2.5em !important;
                display: flex;
                justify-content: flex-start;
                padding-right: 50px;
                overflow-x: scroll;
            }

                .tenders-table__filters-wrapper::-webkit-scrollbar {
                    display: none;
                }

                .tenders-table__filters-wrapper .tender-sort {
                    white-space: nowrap;
                }
    }

    @media (max-width: 768px) {
            .tenders-table__filters {
                margin: 0;
            }

                .tenders-table__filters-wrapper {
                    padding-left: 1em;
                }

                .tenders-table__filters .extra-data {
                    margin: 0 1em;
                }

            .tenders-table .table {
                padding: 0 1em;
            }

            .tenders-table .header {
                display: none;
            }

            .tenders-table .table-row {
                display: flex;
                flex-direction: column;
                align-items: initial;
            }

            .tenders-table .bigColumn {
                margin-bottom: 1em;
                padding: 0.5em 0;
            }

            .tenders-table .extraColumn {
                grid-template-columns: 1fr 1fr;
                grid-column-gap: 1em;
            }

                .tenders-table .extraColumn .smallColumn {
                    display: flex;
                    flex-direction: column;
                    margin: 1em 0em;
                    font-size: 1.2em;
                }

                    .tenders-table .extraColumn .smallColumn .column-title {
                        margin-bottom: .5em;
                        font-size: 0.84em;
                        color: #B2B2B2;
                    }

            .tenders-table .error {
                font-size: 1.3em;
            }
    }
.words-ticker {
    overflow: hidden;
    font-size: 0.7em;
}

    .words-ticker__line {
        display: flex;
        align-items: center;
    }

    .words-ticker__line + .words-ticker__line {
            margin-top: 1em;
        }

    .words-ticker__text {
        position: relative;
        font-size: 9em;
        text-transform: uppercase;
        font-weight: bold;
        white-space: nowrap;
        line-height: 1.2em;

        background: #624730 url('/f/img/ui/text-background.jpg');
        background-position-y: 0em;
        -webkit-background-clip: text;
        background-repeat: no-repeat;
        background-size: cover;
        -webkit-text-fill-color: transparent;
    }

    .words-ticker__text::after {
            position: absolute;
            content: "";
            top: 0;
            right: -1px;
            width: 2px;
            height: 100%;
            background-color: #fff;
        }

    .words-ticker__text::before {
            position: absolute;
            content: "";
            top: 0;
            left: -1px;
            width: 2px;
            height: 100%;
            background-color: #fff;
        }

    .words-ticker__img {
        height: 9em;
        margin: 0 1em;
    }

    .words-ticker .line1 .words-ticker__text {
            background-position-y: 20%;
        }

    .words-ticker .line2 .words-ticker__text {
            background-position-y: 40%;
        }

    .words-ticker .line3 .words-ticker__text {
            background-position-y: 60%;
        }

    .words-ticker .line4 .words-ticker__text {
            background-position-y: 80%;
        }

    .words-ticker .line5 .words-ticker__text {
            background-position-y: 100%;
        }

.mobile-ticker .transition-slow {
        transition: transform .4s cubic-bezier(0.16, 0.84, 0.47, 0.99);
    }

.words-ticker:not(.mobile-ticker) .transition-slow {
        transition: transform 0.4s cubic-bezier(0.16, 0.84, 0.47, 0.99);
    }

@media (max-width: 768px) {
    .words-ticker {
        font-size: 0.5em;
        line-height: 1em;
    }
}

.webp-supported .words-ticker__text {
             background: #624730 url('/f/img/ui/text-background.webp');
             background-position-y: 0em;
             -webkit-background-clip: text;
             background-repeat: no-repeat;
             background-size: cover;
             -webkit-text-fill-color: transparent;
         }
.photo-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 2fr 1fr 1fr 1fr 1fr;
    margin: 5em 0;
}

    .photo-grid .area1 {
        grid-column: auto / span 2;
        position: relative;
    }

    .photo-grid .area1 .description {
            position: absolute;
            top: 7em;
            right: 2em;
            width: 40%;
            line-height: 1.3;
        }

    .photo-grid .area1 .description span, .photo-grid .area1 .description p {
                color: #fff;
                font-weight: bold;
            }

    .photo-grid .area1 .description span {
                font-size: 1.1em;
            }

    .photo-grid .area1 .description p {
                font-size: 2.5em;
                padding-top: 0;
                margin: 0.2em 0;
            }

    .photo-grid .area2, .photo-grid .area3, .photo-grid .area4, .photo-grid .area5, .photo-grid .area6, .photo-grid .area7, .photo-grid .area8, .photo-grid .area9 {
        position: relative;
    }

    .photo-grid .area2 span, .photo-grid .area3 span, .photo-grid .area4 span, .photo-grid .area5 span, .photo-grid .area6 span, .photo-grid .area7 span, .photo-grid .area8 span, .photo-grid .area9 span {
            position: absolute;
            bottom: 1em;
            left: 1.4em;
            padding: 0.6em 0.8em;
            background: #68A62E;
            border-radius: 0.7em;
            font-weight: 500;
            color: #fff;
            font-size: 1.1em;
            max-width: 90%;
        }

    .photo-grid img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
    }

    @media (max-width: 850px) {.photo-grid {
        grid-template-rows: 2fr 32vw 32vw 32vw 32vw
}
            .photo-grid .area1 .description {
                right: 5em;
            }
    }

    @media (max-width: 768px) {
        .photo-grid .area1 {
            height: 100%;
            min-height: 20em;
        }

            .photo-grid .area1 .description {
                width: 80%;
                transform: translateX(-50%);
                right: -30%;
                top: 39%;
                font-size: 0.85em;
            }
            .photo-grid .area2 span, .photo-grid .area3 span, .photo-grid .area4 span, .photo-grid .area5 span, .photo-grid .area6 span, .photo-grid .area7 span, .photo-grid .area8 span, .photo-grid .area9 span {
                display: none;
            }
    }

    @media (max-width: 350px) {
            .photo-grid .area1 .description {
                font-size: 0.7em;
            }
    }
.prodimex-pro-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    padding: 1em 10em;
    line-height: 1.3;

    
}

    .prodimex-pro-grid img {
        height: 100%;
        width: 100%;
        -o-object-fit: cover;
           object-fit: cover;
    }

    .prodimex-pro-grid h3, .prodimex-pro-grid h4 {
        font-size: 3em;
        margin-bottom: 0.8em;
        margin-top: 0;
    }

    .prodimex-pro-grid .area-wrapper {
        display: flex;
        padding: 3em;
        flex-direction: column;
        justify-content: center;
        height: 100%;
    }

    @media (max-width: 1020px) {.prodimex-pro-grid {
        padding: 1em

    
}
    }

    @media (max-width: 810px) {
        .prodimex-pro-grid .area-wrapper {
            font-size: 80%;
        }

            .prodimex-pro-grid .area-wrapper p {
                font-size: 1.3em;
            }
    }

    @media (max-width: 667px) {.prodimex-pro-grid {
        display: flex;
        flex-direction: column;
        padding: 0;
        line-height: 0

    
}

        .prodimex-pro-grid .mobile {
            position: relative;
        }

            .prodimex-pro-grid .mobile .area-wrapper {
                position: absolute;
                bottom: 0;
                height: auto;
                padding: 2em;
                color: #fff;
                line-height: 1.3;
                background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.4) 50%);
            }

                .prodimex-pro-grid .mobile .area-wrapper p {
                    font-size: 1.2em;
                }
    }

    @media (max-width: 550px) {
            .prodimex-pro-grid .area-wrapper h3, .prodimex-pro-grid .area-wrapper h4 {
                font-size: 2.2em;
                margin-bottom: 0.3em;
            }

            .prodimex-pro-grid .area-wrapper p {
                font-size: 1.2em;
            }
    }
.students-img-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2em 5em;
}

    .students-img-row .university {
        text-align: center;
        width: 27em;
    }

    .students-img-row .university p {
            line-height: 1.3;
            text-decoration: underline;
            -webkit-text-decoration-color: #828282;
                    text-decoration-color: #828282;
            transition: .5s;
        }

    .students-img-row a, .students-img-row a:visited, .students-img-row a:active {
        color: #000;
        transition: opacity .5s;
        outline: none;
    }

    .students-img-row a:hover, .students-img-row a:visited:hover, .students-img-row a:active:hover {
            opacity: .7;
        }

    .students-img-row a:hover p, .students-img-row a:visited:hover p, .students-img-row a:active:hover p {
                opacity: .7;
            }

    @media (max-width: 880px) {
        .students-img-row .university {
            width: 17em;
        }

            .students-img-row .university img {
                width: 100%;
            }

        .students-img-row .university + .university {
            padding-left: 1em;
        }
    }

    @media (max-width: 768px) {.students-img-row {
        flex-direction: column
}

        .students-img-row .university + .university {
            padding-left: 0;
        }

        .students-img-row .university {
            max-width: 30em;
            margin-bottom: 3em;
            width: 100%;
        }

            .students-img-row .university img {
                max-width: 18em;
                width: 100%;
            }
    }

.form-button-wrapper {
    margin-top: 4em;

}

.form-button-wrapper span {
        padding: 0.8em 2em;
        border-radius: 1em;
        background: #7CBA00;
        color: #fff;
        font-size: 1.4em;
        display: block;
        width: 11em;
        margin: 0 auto;
        text-align: center;
    }

.form-button-wrapper .form-button {
        background: none;
        border: none;
        outline: none;
        margin: 0 auto;
        display: block;
        cursor: pointer;
        transition: opacity .5s;
    }

.form-button-wrapper .form-button:hover {
            opacity: .7;
        }

.career-form-content {
    padding-top: 0 !important;
}

.career-form-content .modal {
        height: 100%;
    }

.career-form-content .cover {
        background-color: rgb(255, 255, 255);
        height: auto;
        min-height: 100vh;
        width: 100%;
        border-radius: 2em 0 0 0;
        position: relative;
    }

.career-form-content .cover .header {
            width: 90%;
            padding: 1em 2em;
        }

.career-form-content .cover .header h3, .career-form-content .cover .header .h3 {
                font-size: 2.3em;
                line-height: 1.3;
                margin-bottom: 0.5em;
            }

.career-form-content .form {
        max-width: 100%;
        width: 100%;
        font-size: 1.5em;
        padding: 0 1.5em;
    }

.career-form-content .form__add-file {
            display: none;
        }

.career-form-content .form__agree {
            font-size: 55%;
            width: auto;
        }

@media (max-width: 500px) {
                .career-form-content .form__agree {
                    font-size: 45%;
                }
            }

@media (max-width: 600px) {
            .career-form-content .close svg {
                width: 30px;
                height: 30px;
            }
                .career-form-content .cover .header h3, .career-form-content .cover .header .h3 {
                    font-size: 1.5em;
                }
    }
.story-cards-wrapper .swiper-container {
        padding-left: 20%;
    }

        .story-cards-wrapper .swiper-container .swiper-slide {
            min-width: 550px;
            flex-shrink: 1;
            height: auto;
        }

    .story-cards-wrapper .story-card {
        position: relative;
        overflow: hidden;
        padding: 3em 3em 6em 3em;
        height: 100%;
        min-height: 50em;
    }

    .story-cards-wrapper .story-card .h3 {
            opacity: 1;
            min-height: unset;
        }

    .story-cards-wrapper .story-card__button {
            transition: opacity .5s;
        }

    .story-cards-wrapper .story-card__button:hover {
                opacity: .5;
                cursor: pointer;
            }

    .story-cards-wrapper .story-card__content h3, .story-cards-wrapper .story-card__content .h3 {
                color: #fff;
                font-size: 4em;
                line-height: 1.3;
                margin-top: 0.5em;
                margin-bottom: 0.2em;
                width: 80%;
            }

    .story-cards-wrapper .story-card__content span {
                font-size: 1.2em;
                color: #FFFFFF;
                opacity: 0.5;
                display: block;
                min-height: 3.4em;
            }

    .story-cards-wrapper .story-card__content .description {
                color: #fff;
                font-size: 1.3em;
                line-height: 1.3;
                padding-top: 2em;
            }

    .story-cards-wrapper .story-card__content .description p {

                }

    .story-cards-wrapper .story-card button {
            position: absolute;
            bottom: 3em;
            left: 3em;
            color: #fff;
            border: 1px solid #FFFFFF;
            border-radius: 0.4em;
            padding: 0.7em 1.8em;
            background: transparent;
        }

    .story-cards-wrapper .story-content .cover {
            height: 50vh;
            width: 100%;
            border-radius: 2em 0 0 0;
            position: relative;
        }

    .story-cards-wrapper .story-content .cover__background {
                transition: transform .5s;
                position: absolute;
                height: 100%;
                -o-object-fit: cover;
                object-fit: cover;
                width: 100%;
                z-index: -1;
                border-radius: 2em 0 0 0;
            }

    .story-cards-wrapper .story-content .cover__icon {
                /* position: absolute; */
                height: 15vh;
                z-index: 0;
                /* bottom: 25%; */
                /* margin: 0 2em; */
            }

    .story-cards-wrapper .story-content .header {
            position: absolute;
            bottom: 5%;
            padding: 0 2em;
            color: #fff;
        }

    .story-cards-wrapper .story-content .header h3, .story-cards-wrapper .story-content .header .h3 {
                font-size: 3em;
            }

    @media (max-width: 450px) {
                .story-cards-wrapper .story-content .header h3, .story-cards-wrapper .story-content .header .h3 {
                    font-size: 2em;
                }
            }

    @media (max-width: 350px) {
                .story-cards-wrapper .story-content .header h3, .story-cards-wrapper .story-content .header .h3 {
                    font-size: 1.7em;
                }
            }

    .story-cards-wrapper .story-content .content {
            padding: 0.5em 1.4em 4em;
            background: #fff;
            line-height: 1.45;
            font-size: 1.5em;
        }

    @media (max-width: 768px) {
        .story-cards-wrapper .swiper-container {
            padding-left: 0;
        }
    
            .story-cards-wrapper .swiper-container .swiper-slide {
                min-width: min(90vw, 390px);
                flex-shrink: 0.03;
                height: auto;
            }

        .story-cards-wrapper .story-card {
            padding: 3em 3em 8em;
        }
                .story-cards-wrapper .story-card__content h3, .story-cards-wrapper .story-card__content .h3 {
                    font-size: 3em;
                    width: auto;
                    max-width: 50%;
                }
    }

.story-content .modal {
        height: 100%;
    }

.story-content .cover {
        background-color: rgb(255, 255, 255);
        width: 100%;
        border-radius: 2em 0 0 0;
        position: relative;
        height: 70vh;
        min-height: 540px;
    }

.story-content .cover .header {
            width: 80%;
            position: absolute;
            padding: 1em 2em;
            bottom: 3em;
        }

.story-content .cover .header__img {
                position: relative;
                overflow: hidden;
                width: 20em;
                height: 20em;
                border-radius: 50%;
                margin: 3em 0;
                max-height: 310px;
                max-width: 310px;
            }

.story-content .cover .header__img img {
                    position: absolute;
                    height: 100%;
                    width: 100%;
                    -o-object-fit: cover;
                       object-fit: cover;
                }

.story-content .cover .header h3, .story-content .cover .header .h3 {
                font-size: 2.5em;
                margin: 0em;
                color: #fff;
                opacity: 1;
            }

.story-content .cover .header span {
                color: #ffffff;
                font-size: 1.6em;
                opacity: 0.5;
            }

.story-content .content {
        padding: 0.2em 1.4em 4em;
        background: #fff;
        line-height: 1.45;
        font-size: 1.5em;
        min-height: 50%;
        transform: translateY(-2px);
    }

.story-content .content__description {
            display: flex;
            justify-content: space-between;
            margin: 1em 0;
        }

.story-content .content__description .description-wrapper + .description-wrapper {
                padding-left: 2em;
            }

.story-content .content__description .title {
                display: block;
                color: #A8A8A8;
            }

.story-content .content__description .subtitle {
                font-weight: bold;
                font-size: 1.2em;
            }

.story-content .content__lead {
            margin: 2em 0;
        }

.story-content .content__lead p {
                font-weight: bold;
            }

.story-content .content__separatorh4 {
            font-size: 1.5em;
            margin-bottom: .5em;
            font-weight: normal;
        }

@media (max-width: 768px) {
        .story-content .header {
            width: 100%;
        }

            .story-content .header span {
                font-size: 1.5em;
            }

            .story-content .header h3, .story-content .header .h3 {
                font-size: 2em;
            }

        .story-content .content__description {
            font-size: 80%;
        }
            
            .story-content .content__description .description-wrapper {
                min-width: 100px;
            }
    }

.story-content.popup-mobile-content .cover {
        height: 50vh;
    }
.campus-gallery {
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .campus-gallery .big-img {
        position: relative;
        width: 100%;
        height: 87vh;
        margin-bottom: 2em;
    }

    .campus-gallery .big-img img {
            height: 100%;
            width: 100%;
            -o-object-fit: cover;
               object-fit: cover;
        }

    .campus-gallery .big-img span {
            position: absolute;
            bottom: 2em;
            left: 6em;
            display: block;
            background: #F4F4F4;
            padding: 1em 1.5em;
            border-radius: .7em;
            font-size: 1.8em;
            font-weight: bold;
        }

    .campus-gallery .thumbs img + img {
            margin-left: .5em;
        }

    .campus-gallery .thumbs img {
            width: 7em;
            cursor: pointer;
        }

    .campus-gallery .thumbs .active {
            border: 2px solid #7CBA00;
        }

    @media (max-width: 1000px) {
            .campus-gallery .big-img span {
                left: 3em;
                font-size: 1.5em;
            }
    }

    @media (min-width: 768px) {
        .campus-gallery .big-img {
            min-height: 590px;
        }
    }

    @media (max-width: 768px) {
        .campus-gallery .big-img {
            height: 45vh;
        }

            .campus-gallery .big-img span {
                left: 2em;
                margin-right: 2em;
                font-size: 1.4em;
            }

        .campus-gallery .thumbs {
            display: flex;
            overflow-x: scroll;
            justify-content: flex-start;
            width: 100%;
            font-size: max(2.6vw, 14px);
        }

            .campus-gallery .thumbs::-webkit-scrollbar {
                display: none;
            }

            .campus-gallery .thumbs__wrapper {
                display: flex;
                justify-content: flex-start;
                margin: 0 2em;
                padding-right: 50px;
            }
    }

    @media (max-width: 768px) and (max-height: 500px) {
        .campus-gallery .big-img {
            min-height: 390px;
        }
    }

    @media (max-width: 500px) {
            .campus-gallery .big-img span {
                font-size: 1em;
            }
    }
.vacancy {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 2em;
    padding: 0 2em;
}

    .vacancy__link {
        width: 100%;
        height: 100%;
        z-index: 10;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }

    .vacancy__item {
        background: #F4F4F4;
        border-radius: 2em;
        padding: 2em;
        min-height: 14.6em;
        position: relative;
        transition: opacity .5s;
    }

    .vacancy__item:hover {
            opacity: .5;
        }

    .vacancy__item-header {
            display: flex;
            justify-content: space-between;
        }

    .vacancy__item-header h4 {
                margin-top: 0;
                margin-bottom: .5em;
                max-width: 18em;
                width: 100%;
                font-size: 2em;
                line-height: 1.4;
                padding-right: 1em;
            }

    .vacancy__item-header .flag {
                width: 3em;
                height: 3em;
                overflow: hidden;
                border-radius: 50%;
                min-width: 42px;
                min-height: 42px;
            }

    .vacancy__item-header .flag img {
                    -o-object-fit: cover;
                       object-fit: cover;
                    height: 100%;
                    width: 100%;
                }

    .vacancy__item-content .details {
                display: block;
                margin-bottom: 1em;
                font-size: 1.4em;
            }

    .vacancy__item-content .area {
                color: #888888;
            }

    .vacancy__filters {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 2em;
    }

    .vacancy__filters .vacancy-sector {
            height: 100%;
            padding: 8px 16px;
            border-radius: 40px;
            cursor: pointer;
            background-color: transparent;
            border: none;
        }

    .vacancy__filters .vacancy-sector.gray:not(.active) {
                color: #000;
                opacity: .4;
            }

    .vacancy__filters .vacancy-sector.active {
                background-color: #7CBA00;
                color: #fff;
            }

    .vacancy__filters .vacancy-sector__wrapper {

            }

    .vacancy__filters .tab-menu__wrapper {
            margin-bottom: 0;
        }

    .vacancy__filters .area-picker__wrapper {
            position: relative;
        }

    .vacancy__filters .area-picker__wrapper select {
                outline: none;
                background: transparent;
                border: none;
                width: 14em;
                height: 2em;
                -moz-appearance: none;
                     appearance: none;
                -webkit-appearance: none;
                cursor: pointer;
                direction: rtl;
                padding-right: 0.5em;
                color: #000;
            }

    .vacancy__filters .area-picker__wrapper svg {
                z-index: -1;
            }

    @media (max-width: 980px) {
        .vacancy {
            font-size: 0.75em;
        }
    }

    @media (max-width: 768px) {
        .vacancy {
            grid-template-columns: 1fr;
            font-size: 0.8em;
        }

        .vacancy__filters {
            flex-direction: column;
            align-items: initial;
            padding: 0;
        }

            .vacancy__filters .tab-menu__wrapper {
                justify-content: start;
                padding: 0 2em 1.5em;
            }

                .vacancy__filters .tab-menu__wrapper .tab-menu {
                    padding-right: 50px;
                }
                
                .vacancy__filters .tab-menu__wrapper .vacancy-sector {
                    white-space: nowrap;
                }

            .vacancy__filters .area-picker__wrapper {
                margin: 0 auto 1em;
                padding-right: 2em;
            }

                .vacancy__filters .area-picker__wrapper .form-control {
                    width: auto;
                }
    }

    @media (max-width: 385px) {
        .vacancy .vacancy__item {
            font-size: 75%;
        }
    }
.cookies {
    position: fixed;
    bottom: 2em;
    /* left: 2em;
    width: 20em; */
    left: 50%;
    width: 95vw;
    transform: translateX(-50%);

    z-index: 998;

    -webkit-animation: popup .8s ease-in;

            animation: popup .8s ease-in;
}

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

        /* padding: 0.7em 1em; */
        padding: 0.4em 1em;
        width: 100%;
        background: #FFFFFF;
        box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.15);
        border-radius: 1em;
    }

    .cookies__content p {
            line-height: 1.3;
            max-width: 870px;
            max-width: 61em;
        }

    .cookies__content-trigger, .cookies__content ins {
            color: #7CBA00;
            /* margin-left: 0.3em;
            margin-right: 1em; */
            cursor: pointer;
            transition: opacity .5s;
        }

    .cookies__content-trigger:hover, .cookies__content ins:hover {
                opacity: .7;
            }

    .cookies__content ins {
            margin: 0;
            text-decoration: none;
        }

    .cookies__buttons {
        display: flex;
        margin-left: 2em;
        align-items: center;
    }

    .cookies__button-accept, .cookies__button-close {
        border: none;
        outline: none;
        cursor: pointer;
        transition: opacity .5s;
    }

    .cookies__button-accept:hover, .cookies__button-close:hover {
            opacity: .7;
        }

    .cookies__button-accept {
        margin-right: 1em;
        background: #7CBA00;
        border-radius: .5em;
        /* padding: 0.7em; */
        padding: 1em 1.5em;
        color: #fff;
    }

    .cookies__button-close {
        background: none;
        padding: 0;
        width: 1.5em;
        height: 1.5em;
        margin: 0 0.3em;
    }

    .cookies__button-close svg {
            width: 100%;
            height: 100%;
        }

    @media (max-width: 769px) {
        .cookies {
            width: 90vw;
            bottom: 1em;
        }

        .cookies__content {
            position: relative;
            flex-direction: column;
            align-items: start;
            padding: 1em;
        }

            .cookies__content p {
                margin-top: 0;
                margin-right: 3em;
            }

        .cookies__buttons {
            margin-left: 0;       
        }

        .cookies__button-close {
            position: absolute;
            top: .8em;
            right: .8em;
            margin: 0;
        }

        .cookies__button-close {
            padding: 5px;
            width: 27px;
            height: 27px;
        }
        
    }

.cookie-content .cover {
        height: 20vh;
        width: 100%;
        border-radius: 2em 0 0 0;
        position: relative;
        background: #fff;
        min-height: 11em;
    }

.cookie-content .cover .header {
            position: absolute;
            bottom: 5%;
            padding: 0 2em;
            color: #000;
        }

.cookie-content .cover .header h3 {
                font-size: 3em;
            }

.cookie-content .content {
        padding: 0.5em 1.4em 4em;
        background: #fff;
        line-height: 1.45;
        font-size: 1.5em;
        transform: translateY(-2px);
    }

@media (max-width: 670px) {
        .cookie-content .cover {
            min-height: 9em;
        }
            .cookie-content .header h3 {
                font-size: 2em !important;
                width: 70%;
            }
    }

@media (max-width: 360px) {
            .cookie-content .header h3 {
                font-size: 1.7em !important;
            }
    }

@-webkit-keyframes popup {
    from {
        opacity: 0;
        transform: translateY(120%) translateX(-50%);
    }
    to {
        opacity: 1;
        transform: translateY(0%) translateX(-50%);
    }
}

@keyframes popup {
    from {
        opacity: 0;
        transform: translateY(120%) translateX(-50%);
    }
    to {
        opacity: 1;
        transform: translateY(0%) translateX(-50%);
    }
}
@font-face {
    font-family: 'hauss';
    src: url('/f/font/als_hauss_regular.woff2') format('woff2'),
    url('/f/font/als_hauss_regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'hauss';
    src: url('/f/font/als_hauss_bold.woff2') format('woff2'),
    url('/f/font/als_hauss_bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'hauss';
    src: url('/f/font/als_hauss_medium.woff2') format('woff2'),
    url('/f/font/als_hauss_medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'hauss';
    src: url('/f/font/als_hauss_light.woff2') format('woff2'),
    url('/f/font/als_hauss_light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'hauss';
    src: url('/f/font/als_hauss_thin.woff2') format('woff2'),
    url('/f/font/als_hauss_thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'hauss';
    src: url('/f/font/als_hauss_black.woff2') format('woff2'),
    url('/f/font/als_hauss_black.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

.h1 {
    display: block;
    font-size: 2em;
    -webkit-margin-before: 0.67em;
            margin-block-start: 0.67em;
    -webkit-margin-after: 0.67em;
            margin-block-end: 0.67em;
    -webkit-margin-start: 0px;
            margin-inline-start: 0px;
    -webkit-margin-end: 0px;
            margin-inline-end: 0px;
    font-weight: bold;
}

.h2 {
    display: block;
    font-size: 1.5em;
    -webkit-margin-before: 0.83em;
            margin-block-start: 0.83em;
    -webkit-margin-after: 0.83em;
            margin-block-end: 0.83em;
    -webkit-margin-start: 0px;
            margin-inline-start: 0px;
    -webkit-margin-end: 0px;
            margin-inline-end: 0px;
    font-weight: bold;
}

.h3 {
    display: block;
    font-size: 1.17em;
    -webkit-margin-before: 1em;
            margin-block-start: 1em;
    -webkit-margin-after: 1em;
            margin-block-end: 1em;
    -webkit-margin-start: 0px;
            margin-inline-start: 0px;
    -webkit-margin-end: 0px;
            margin-inline-end: 0px;
    font-weight: bold;
}

.h4 {
    display: block;
    -webkit-margin-before: 1.33em;
            margin-block-start: 1.33em;
    -webkit-margin-after: 1.33em;
            margin-block-end: 1.33em;
    -webkit-margin-start: 0px;
            margin-inline-start: 0px;
    -webkit-margin-end: 0px;
            margin-inline-end: 0px;
    font-weight: bold;
}

.h5 {
    display: block;
    font-size: 0.83em;
    -webkit-margin-before: 1.67em;
            margin-block-start: 1.67em;
    -webkit-margin-after: 1.67em;
            margin-block-end: 1.67em;
    -webkit-margin-start: 0px;
            margin-inline-start: 0px;
    -webkit-margin-end: 0px;
            margin-inline-end: 0px;
    font-weight: bold;
}

.h6 {
    display: block;
    font-size: 0.67em;
    -webkit-margin-before: 2.33em;
            margin-block-start: 2.33em;
    -webkit-margin-after: 2.33em;
            margin-block-end: 2.33em;
    -webkit-margin-start: 0px;
            margin-inline-start: 0px;
    -webkit-margin-end: 0px;
            margin-inline-end: 0px;
    font-weight: bold;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
    line-height: 1.15; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
  }

/* Sections
     ========================================================================== */

/**
   * Remove the margin in all browsers.
   */

body {
    margin: 0;
  }

/**
   * Render the `main` element consistently in IE.
   */

main {
    display: block;
  }

/**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */

h1, .h1 {
    font-size: 2em;
    margin: 0.3em 0;
  }

/* Grouping content
     ========================================================================== */

/**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */

hr {
    box-sizing: content-box; /* 1 */
    height: 0; /* 1 */
    overflow: visible; /* 2 */
  }

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */

pre {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
  }

/* Text-level semantics
     ========================================================================== */

/**
   * Remove the gray background on active links in IE 10.
   */

a {
    background-color: transparent;
  }

/**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */

abbr[title] {
    border-bottom: none; /* 1 */
    text-decoration: underline; /* 2 */
    -webkit-text-decoration: underline dotted;
            text-decoration: underline dotted; /* 2 */
  }

/**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */

b, strong {
    font-weight: bolder;
  }

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */

code, kbd, samp {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
  }

/**
   * Add the correct font size in all browsers.
   */

small {
    font-size: 80%;
  }

/**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }

sub {
    bottom: -0.25em;
  }

sup {
    top: -0.5em;
  }

/* Embedded content
     ========================================================================== */

/**
   * Remove the border on images inside links in IE 10.
   */

img {
    border-style: none;
  }

/* Forms
     ========================================================================== */

/**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */

button, input, optgroup, select, textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 1 */
    line-height: 1.15; /* 1 */
    margin: 0; /* 2 */
  }

/**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */

button, input { /* 1 */
    overflow: visible;
  }

/**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */

button, select { /* 1 */
    text-transform: none;
  }

/**
   * Correct the inability to style clickable types in iOS and Safari.
   */

button, [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button;
  }

/**
   * Remove the inner border and padding in Firefox.
   */

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
  }

/**
   * Restore the focus styles unset by the previous rule.
   */

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
  }

/**
   * Correct the padding in Firefox.
   */

fieldset {
    padding: 0.35em 0.75em 0.625em;
  }

/**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */

legend {
    box-sizing: border-box; /* 1 */
    color: inherit; /* 2 */
    display: table; /* 1 */
    max-width: 100%; /* 1 */
    padding: 0; /* 3 */
    white-space: normal; /* 1 */
  }

/**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */

progress {
    vertical-align: baseline;
  }

/**
   * Remove the default vertical scrollbar in IE 10+.
   */

textarea {
    overflow: auto;
  }

/**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */

[type="checkbox"], [type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
  }

/**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
    height: auto;
  }

/**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */

[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
  }

/**
   * Remove the inner padding in Chrome and Safari on macOS.
   */

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
  }

/**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */

::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
  }

/* Interactive
     ========================================================================== */

/*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */

details {
    display: block;
  }

/*
   * Add the correct display in all browsers.
   */

summary {
    display: list-item;
  }

/* Misc
     ========================================================================== */

/**
   * Add the correct display in IE 10+.
   */

template {
    display: none;
  }

/**
   * Add the correct display in IE 10.
   */

[hidden] {
    display: none;
  }

* {
    box-sizing: border-box;
}

html, body {
    margin: 0;
    padding: 0;
    border: 0;
}

a {
    text-decoration: none;
}

a:link, a:visited {
        text-decoration: none;
    }

body {
    font-family: hauss;

    background: #ffffff;
    color: #000000;
    overflow-x: hidden !important;

    /* test font-size */
    font-size: clamp(14px, 1vw, 35px);
    min-height: 0vw;
}

@media (max-width: 1080px) {

body {
        font-size: 14px;
        font-size: clamp(14px, 1vw, 35px)
}
    }

h2, .h2 {
    margin-top: .2em;
    font-size: 4em;
    font-weight: 800;
}

button, a, ul, li, span {
    -webkit-tap-highlight-color: transparent;
}

/* Главный компонент Lead */

.main-lead {
    display: flex;
    justify-content: center;
    margin: 100px 0;
}

.without-top-padding {
    padding-top: 0;
    margin-top: -4em;
}

.title-mb-0 h2, .title-mb-0 .h2 {
        margin-bottom: 0;
    }

/*============= Главная обложка с меню ================*/

.word1, .word2 {
    position: absolute;
    width: 100%;
}

.word2 {
    opacity: 0;
}

.word2 {
    -webkit-animation: text-fade-first 15s linear infinite;
            animation: text-fade-first 15s linear infinite;
}

.word1 {
    -webkit-animation: text-fade-second 15s linear infinite;
            animation: text-fade-second 15s linear infinite;
}

@-webkit-keyframes text-fade-first {
    0% {
        opacity: 1;
    }
    15% {
        opacity: 1;
    }
    20% {
        opacity: 0;
    }
    50% {
        opacity: 0;
    }
    75% {
        opacity: 0;
    }
    80% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}

@keyframes text-fade-first {
    0% {
        opacity: 1;
    }
    15% {
        opacity: 1;
    }
    20% {
        opacity: 0;
    }
    50% {
        opacity: 0;
    }
    75% {
        opacity: 0;
    }
    80% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes text-fade-second {
    0% {
        opacity: 0;
    }
    20% {
        opacity: 0;
    }
    25% {
        opacity: 1;
    }
    50% {
        opacity: 1;
    }
    70% {
        opacity: 1;
    }
    75% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@keyframes text-fade-second {
    0% {
        opacity: 0;
    }
    20% {
        opacity: 0;
    }
    25% {
        opacity: 1;
    }
    50% {
        opacity: 1;
    }
    70% {
        opacity: 1;
    }
    75% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

.main-container {
    height: calc(100 * var(--vh));
    min-height: 610px;
}

.main-container .header {
        padding: 1.5em 2em;
        position: absolute;
        color: #fff;
        z-index: 110;
    }

.main-container .hero__content {
        color: #fff;
        padding: 0 2em;
    }

.main-container .hero__content .content__title {
            position: relative;
            min-height: 7em;
        }

@media (max-width: 568px) {

.main-container .hero__content .content__title {
                min-height: 10em
        }
                        .main-container .hero__content .content__title--custom span span {
                            display: block;
                        }
            }

.main-container .hero__content .content__title h1, .main-container .hero__content .content__title .h1 {
                font-size: 3.4em;
                /* margin-right: 1em; */
                /* width: 50%; */
                line-height: 1.3;
                font-weight: 800;
            }

.main-container .hero__content .content__title h1 span, .main-container .hero__content .content__title .h1 span {
                    color: #7CBA00;
                }

.main-container .hero__content .content__title p {
                font-size: 2em;
                line-height: 1.4;
                width: 35%;
            }

.main-container .hero__content.white {
            color: #000;
        }

.main-container .hero__content .main-menu__sub-link {
                height: 14em;
            }

.main-container .hero__intro.white {
        opacity: 1;
        background: #fff;
    }

@media (max-width: 768px) {

        .main-container .hero__content {
            padding: 0;
            font-size: max(2.4vw, 14px);
        }

            .main-container .hero__content .content__title {
                font-size: inherit;
                padding-left: 14px;
            }

            .main-container .hero__content .main-menu__wrapper {
                display: flex;
                padding: 0;
                flex-wrap: nowrap;
                overflow-x: scroll;
                padding-left: 1em;
                padding-right: 100px;
            }
                
                .main-container .hero__content .main-menu__wrapper::-webkit-scrollbar {
                    display: none;
                }

                .main-container .hero__content .main-menu__wrapper .main-menu__sub-link {
                    height: 6em;
                    width: 12em;
                    margin-bottom: 0.75em;
                }
    }

.main-container .hero__intro-media video::-webkit-media-controls {
          display: none!important;
          /* -webkit-appearance: none; */
        }

/* Old shadow dom for play button */

.main-container .hero__intro-media video::-webkit-media-controls-play-button {
          display: none!important;
          -webkit-appearance: none;
        }

/* This one works! */

.main-container .hero__intro-media video::-webkit-media-controls-start-playback-button {
          display: none!important;
          -webkit-appearance: none;
        }

/* New shadow dom for play button */

.main-container .hero__intro-media .media-controls-container {
            display: none !important;
        }

.animate {
    -webkit-animation: opacityShow .7s;
            animation: opacityShow .7s;
}

@-webkit-keyframes opacityShow {
    from {
      opacity: 0;
    }
  
    to {
      opacity: 1;
    }
}

@keyframes opacityShow {
    from {
      opacity: 0;
    }
  
    to {
      opacity: 1;
    }
}

/*============= Блок с картой ================*/

.geomap {
    /* overflow: hidden; */
}

.main-map {
    overflow: hidden;
    touch-action: pan-x pan-y;
}

.main-map__textAlign {
        text-align: center;
    }

.geomap-padding-none {
    padding-bottom: 0;
    margin-top: -7em;
}

/*============= Блок "Люди" ================*/

.people .content-block__content {
        z-index: 1;
    }

/*============= Главная --> Большой блок с фото ================*/

.big-cover-photo {
    height: 120vh;
    padding: 3em;
    color: #fff;
    min-height: 40em;
}

.big-cover-photo h2, .big-cover-photo .h2 {
        margin-bottom: 0 !important;
        line-height: 1.3;
    }

.big-cover-photo h2 span, .big-cover-photo .h2 span {
            color: #6BB557;
        }

.big-cover-photo__content {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        margin: 4em 0;
    }

.big-cover-photo__content .item + .item {
            margin-left: 2em;
        }

.big-cover-photo__content .item img {
                height: 5em;
            }

.big-cover-photo__content .item p {
                max-width: 12em;
                font-size: 1.2em;
                font-weight: 500;
            }

.big-cover-photo__link {
        font-size: 1.4em;
        font-weight: 500;
    }

.big-cover-photo__link a:link, .big-cover-photo__link a:visited {
            display: inline-block;
            outline: none;
            border-bottom: 1px solid #fff;
            line-height: 1.1em;
            color: #fff;
            transition: opacity .5s;
        }

.big-cover-photo__link a:link:hover, .big-cover-photo__link a:visited:hover {
                opacity: .7;
            }

@media (max-width: 768px) {

        .big-cover-photo__title {
            margin-top: 1em;
            font-size: 2em;
        }

        .big-cover-photo__content {
            font-size: max(2.3vw, 14px);
            grid-template-columns: 1fr 1fr;
            grid-gap: 2em;
        }

            .big-cover-photo__content .item + .item {
                margin-left: 0;
            }
    }

@media (max-width: 500px) {
        .big-cover-photo__content {
            grid-template-columns: auto auto;
        }
                .big-cover-photo__content .item img {
                    height: 3.5em;
                }

                .big-cover-photo__content .item p {
                    font-size: 1em;
                }
    }

/*============= Сельское хозяйство --> Хранение ================*/

/* .storage {
    .lead {
        margin: 0 auto;
    }
} */

/* .anim-mode {

    h1 {
        b {
            display: none;
            animation: textAnim 5s ease-in infinite;
        }
    }
}

@keyframes textAnim {
    0% {
        display: block;
        opacity: 1;
    },
    40% {
        display: block;
        opacity: 1;
    },
    60% {
        display: block;
        opacity: 0;
    },
    61% {
        opacity: 0;
    },
    80% {
        
        opacity: 0;
    },
    81% {
        display: block;
        opacity: 0;
    },
    100% {
        display: block;
        opacity: 1;
    }
} */

.search-popup-content {
    -webkit-animation: slide-bottom 0.3s cubic-bezier(0.38, 0.1, 0.36, 0.9) forwards;
            animation: slide-bottom 0.3s cubic-bezier(0.38, 0.1, 0.36, 0.9) forwards;
}

/* Анимация текста на видео обложке */

.text-transition_placeholder {
    visibility: visible !important;
}

.text-transition_placeholder h1, .text-transition_placeholder .h1 {
        -webkit-animation: textAnim 6s ease-in-out;
                animation: textAnim 6s ease-in-out;
    }

.text-transition h1, .text-transition .h1 {
        width: 100% !important;
    }

.text-transition_inner {
    display: none !important;
}

@-webkit-keyframes textAnim {
    0% {
        opacity: 0;
    }15% {
        opacity: 1;
    }85% {
        opacity: 1;
    }100% {
        opacity: 0;
    }
}

@keyframes textAnim {
    0% {
        opacity: 0;
    }15% {
        opacity: 1;
    }85% {
        opacity: 1;
    }100% {
        opacity: 0;
    }
}

/* Общие стили для popup */

.popup-modal-content {
    max-height: 100vh;
    /* width: 45%; */
    width: 75%;
    max-width: max(800px, 45vw);
    height: 100vh;
    margin-right: 0 !important;
    padding: 0;
    border: none;
    background: none;
    overflow-y: scroll;

    -webkit-animation: slide-left 0.3s cubic-bezier(0.38, 0.1, 0.36, 0.9) forwards;

            animation: slide-left 0.3s cubic-bezier(0.38, 0.1, 0.36, 0.9) forwards;
}

.popup-modal-content .close {
        position: absolute;
        right: 0;
        padding: 2em;
        background: none;
        border: none;
        cursor: pointer;
        outline: none;
        z-index: 1;
    }

.popup-mobile-content {
    padding-top: 30vh;
    width: 100%;
    -webkit-animation: slide-top 0.3s cubic-bezier(0.38, 0.1, 0.36, 0.9) forwards;
            animation: slide-top 0.3s cubic-bezier(0.38, 0.1, 0.36, 0.9) forwards;
}

.popup-mobile-content .content {
        font-size: 1.3em;
    }

/* 404 page */

.error-page {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100vh;
}

.error-page .header {
        padding: 1.5em 2em;
    }

.error-page .hero__content {
        position: relative;
    }

.error-page .header__logo-light {
        display: none !important;
    }

.error-page .header__logo-dark {
        display: block !important;
    }

.error-page .content__title {
        display: flex;
        align-items: flex-end;
    }

.error-page .content__title h1, .error-page .content__title .h1 {
            font-size: 3.4em;
            margin-right: 1em;
            width: 50%;
            line-height: 1.3;
            font-weight: 800;
        }

.error-page .content__title h1 span, .error-page .content__title .h1 span {
                color: #7CBA00;
            }

.error-page .content__title p {
            font-size: 2em;
            line-height: 1.4;
            width: 35%;
        }

.error-page .content__title p.flex-p {
                -webkit-margin-after: .62em;
                        margin-block-end: .62em;
                display: flex;
                flex-direction: column;
            }

.error-page .content__title p.flex-p .return-main a {
                          font-size: max(.7em, 18px);
                          color: #7CBA00;
                    }

@media (max-width: 768px) {
                       .error-page .content__title p.flex-p .return-main {
                          margin-top: 3px
                       }
                    }

@media (max-width: 768px) {
        .error-page .hero__content {
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            padding: 0;
        }

        .error-page .footer__menu {
            justify-self: flex-end;
        }

        .error-page .main-menu__wrapper {
            display: flex;
            padding: 0;
            flex-wrap: nowrap;
            overflow-x: scroll;
            padding-left: 1em;
        }

            .error-page .main-menu__wrapper::-webkit-scrollbar {
                display: none;
            }

            .error-page .main-menu__wrapper .main-menu__sub-link {
                height: 6em;
                width: 12em;
            }

        .error-page .content__title {
            flex-direction: column;
            align-items: flex-start;
            font-size: 80%;
            padding-left: 2.5em;
            padding-right: 2.5em;
            position: relative;
            bottom: auto;
        }

            .error-page .content__title h1, .error-page .content__title .h1, .error-page .content__title p {
                width: 100%;
            }
            .error-page svg rect {
                fill: #7CBA00;
            }
            .error-page .header-mobile .main-menu__sub-link {
                width: 100%;
            }
    }

/* Press-centre page */

.press-centre-page .page.ru {
           height: calc(100vh - 17em - 5px) !important;
        }

@media (max-width: 768px) {
              .press-centre-page .page.ru {
                 height: 45vh !important;
                 min-height: 25em !important;
              }
           }

.press-centre-page .page.en {
            height: calc(100vh - 17em + 14px) !important;
        }

@media (max-width: 768px) {
                .press-centre-page .page.en {
                    height: 45vh !important;
                    min-height: 25em !important;
                }
            }

.press-centre-page .hero.white {
        min-height: 25em;
    }

.presscenter-content {
    margin: 1em auto;
}

.presscenter-content a {
        display: block;
        max-width: 12em;
        margin: 0.3em auto 0;
        font-size: .6em;
        transition: opacity .5s;
    }

.presscenter-content a span {
            color: #7CBA00;
        }

.presscenter-content a a + a {
            margin: 0.3em auto;
        }

.presscenter-content a:hover {
            opacity: .7;
        }

@media (max-width: 768px) {

.presscenter-content {
        letter-spacing: 0
}
            .presscenter-content a {
                font-size: 0.5em;
            }
    }

/* single news page */

.news-page .page {
        padding: 1.5em 2em;
    }

.news-page .news-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 1em 4em 3.5em;
    }

.news-page .news-content a:link, .news-page .news-content a:visited {
            color: #7CBA00;
            transition: opacity .5s;
        }

.news-page .news-content a:link:hover, .news-page .news-content a:visited:hover {
                opacity: .7;
            }

.news-page .news-content__cover {
            width: 100%;
            text-align: center;
        }

.news-page .news-content__cover .title {
                max-width: 50em;
                margin: 0 auto;
            }

.news-page .news-content__cover .title h1, .news-page .news-content__cover .title .h1 {
                    font-size: 2.5em;
                    line-height: 1.3;
                }

.news-page .news-content__cover .details {
                margin: 2em auto;
            }

.news-page .news-content__cover span {
                color: #B2B2B2;
                font-size: 1em;
                font-weight: 500;
            }

.news-page .news-content__cover span + span::before {
                    content: '·';
                    height: 100%;
                    margin-right: 0.2em;
                }

.news-page .news-content__cover .cover-img {
                width: 100%;
                border-radius: 250px 0 250px 0;
                overflow: hidden;
                max-width: 810px;
                margin: 0 auto;
                /* height: 88vh; */
                max-height: 464px;
                height: 100%;
            }

.news-page .news-content__cover .cover-img img {
                    width: 100%;
                    height: 100%;
                    -o-object-fit: cover;
                       object-fit: cover;
                }

.news-page .news-content__cover .social-links {
                margin-bottom: 1.5em;
            }

.news-page .news-content__content {
            margin: 3em auto;
            max-width: 810px;
            width: 100%;
            font-size: 18px;
            line-height: 1.5;
        }

@media (max-width: 650px) {
                .news-page .news-content__content {
                    margin: 2em auto;
                }
            }

.news-page .news-content__content h4, .news-page .news-content__content .h4 {
                font-size: 1.5em;
            }

.news-page .news-content__content iframe {
                width: 100%;
                height: 26em;
            }

@media (max-width: 768px) {

.news-page .news-content__content iframe {
                    height: 20em
            }
                }

@media (max-width: 420px) {

.news-page .news-content__content iframe {
                    height: 13em
            }
                }

.news-page .news-content__content img {
                width: 100% !important;
                height: auto  !important;
                -o-object-fit: cover  !important;
                   object-fit: cover  !important;
                margin: 1em auto;
            }

@media (max-width: 650px) {

.news-page .news-content {
            padding-left: 0;
            padding-right: 0;
            paddint-top: 0;
            padding-bottom: 2.5em
    }
                .news-page .news-content__cover .title, .news-page .news-content__cover .details {
                    padding: 0 1em;
                }

                .news-page .news-content__cover h1, .news-page .news-content__cover .h1 {
                    font-size: 2em !important;
                }

                .news-page .news-content__cover .social-links {
                    margin: 1em 1em 1.5em;
                }
    
                    .news-page .news-content__cover .social-links svg {
                        width: 3em;
                    }

                .news-page .news-content__cover .cover-img {
                    height: 100%;
                    border-radius: 10em 0 10em 0;
                }

            .news-page .news-content__content {
                /* width: auto; */
                padding: 0 1em;
            }

                .news-page .news-content__content h4, .news-page .news-content__content .h4 {
                    font-size: 1em;
                }

                .news-page .news-content__content p {
                    font-size: 0.9em;
                }
        }

@media (max-width: 340px) {
                .news-page .news-content .news-content__content h4, .news-page .news-content .news-content__content .h4 {
                    font-size: 0.9em;
                }

                .news-page .news-content .news-content__content p {
                    font-size: 0.8em;
                }
        }

.news-page .btn__all-news a {
            font-weight: bold;
            font-size: max(1em, 18px);
        }

@media (max-width: 650px) {
                .news-page .btn__all-news a {
                    font-size: max(1em, 16px);
                }
            }

.activeAnim {
    -webkit-animation: opacityDisplay .5s ease-in-out;
            animation: opacityDisplay .5s ease-in-out;
}

/* Страница тендеров */

.tenders-page .page {
        height: 55vh !important;
    }

@-webkit-keyframes slide-left {
    0% {
      transform: translateX(100%);
      opacity: 0;
    }
    100% {
      transform: translateX(0);
      opacity: 1;
    }
}

@keyframes slide-left {
    0% {
      transform: translateX(100%);
      opacity: 0;
    }
    100% {
      transform: translateX(0);
      opacity: 1;
    }
}

/* Анимации */

@-webkit-keyframes slide-top {
    0% {
      transform: translateY(100%);
      opacity: 0;
    }
    100% {
      transform: translateY(0);
      opacity: 1;
    }
}

@keyframes slide-top {
    0% {
      transform: translateY(100%);
      opacity: 0;
    }
    100% {
      transform: translateY(0);
      opacity: 1;
    }
}

@-webkit-keyframes slide-bottom {
    0% {
      transform: translateY(-100%);
      opacity: 0;
    }
    100% {
      transform: translateY(0);
      opacity: 1;
    }
}

@keyframes slide-bottom {
    0% {
      transform: translateY(-100%);
      opacity: 0;
    }
    100% {
      transform: translateY(0);
      opacity: 1;
    }
}

@-webkit-keyframes nextPageAnimation {
    0% {
        height: 70vh;
    }100% {
        height: calc(100 * var(--vh));
    }
}

@keyframes nextPageAnimation {
    0% {
        height: 70vh;
    }100% {
        height: calc(100 * var(--vh));
    }
}

@-webkit-keyframes nextPageSubfooterTextAnimation {
    0% {
        transform: translateY(0);
        opacity: 1;
    }100% {
        transform: translateY(-6vh);
        opacity: 0;
    }
}

@keyframes nextPageSubfooterTextAnimation {
    0% {
        transform: translateY(0);
        opacity: 1;
    }100% {
        transform: translateY(-6vh);
        opacity: 0;
    }
}

@-webkit-keyframes opacity {
    0% {
        opacity: 1;
    }100% {
        opacity: 0;
    }
}

@keyframes opacity {
    0% {
        opacity: 1;
    }100% {
        opacity: 0;
    }
}

@-webkit-keyframes opacityHidden {
    from {
      opacity: 1;
    }
  
    to {
      opacity: 0;
    }
}

@keyframes opacityHidden {
    from {
      opacity: 1;
    }
  
    to {
      opacity: 0;
    }
}

@-webkit-keyframes opacityDisplay {
    from {
      opacity: 0;
    }
  
    to {
      opacity: 1;
    }
}

@keyframes opacityDisplay {
    from {
      opacity: 0;
    }
  
    to {
      opacity: 1;
    }
}

@-webkit-keyframes slideDown {
    from {
        transform: translateY(-100%);
    }
    to {
        transform: translateY(0);
    }
}

@keyframes slideDown {
    from {
        transform: translateY(-100%);
    }
    to {
        transform: translateY(0);
    }
}

.big-photos-grid {
    display: flex;
    justify-content: space-between;
}

.big-photos-grid .photo1, .big-photos-grid .photo2 {
        flex: 1;
        height: 90vh;
        min-height: 36em;
        padding: 3em;
    }

.big-photos-grid .photo1 span.h2, .big-photos-grid .photo2 span.h2 {
            display: block;
        }

.big-photos-grid .photo1 h2, .big-photos-grid .photo1 .h2, .big-photos-grid .photo2 h2, .big-photos-grid .photo2 .h2 {
            font-weight: bold;
            font-size: 10em;
            color: #fff;
            margin-bottom: 0;
        }

.big-photos-grid .photo1 p, .big-photos-grid .photo2 p {
            margin-top: 0.5em;
            font-size: 2.5em;
            font-weight: bold;
            color: #fff;
            max-width: 60%;
        }

.big-photos-grid .photo1 p span, .big-photos-grid .photo2 p span {
                color: #6BB557;
            }

@media (max-width: 768px) {
        .big-photos-grid {
            flex-direction: column-reverse;
        }
                .big-photos-grid .photo1 h2, .big-photos-grid .photo1 .h2, .big-photos-grid .photo2 h2, .big-photos-grid .photo2 .h2 {
                    font-size: 7em;
                    margin-top: 0em;
                }

                .big-photos-grid .photo1 p, .big-photos-grid .photo2 p {
                    font-size: 2em;
                    max-width: 100%;
                }
    }

.single-lead-content {
    margin: 6em 2.5em 9em;
}

@media (max-width: 768px) {
        .single-lead-content .lead {
            margin: 0 auto;
        }
    }

/* single news page */

.vacancy-page .page {
        padding: 1.5em 2em;
    }

.vacancy-page-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 1em 4em;
    }

.vacancy-page-content a:link, .vacancy-page-content a:visited {
            color: #7CBA00;
            transition: opacity .5s;
        }

.vacancy-page-content a:link:hover, .vacancy-page-content a:visited:hover {
                opacity: .7;
            }

.vacancy-page-content__cover {
            width: 100%;
            text-align: center;
        }

.vacancy-page-content__cover .title {
                max-width: 50em;
                margin: 0 auto;
            }

.vacancy-page-content__cover .title .career-link {
                    display: block;
                    margin: 2em auto;
                    font-size: 1.1em;
                }

.vacancy-page-content__cover .title-img {
                    width: 12em;
                    height: 12em;
                    -o-object-fit: cover;
                       object-fit: cover;
                    border-radius: 50%;
                }

.vacancy-page-content__cover .title h1, .vacancy-page-content__cover .title .h1 {
                    font-size: 3em;
                    line-height: 1.3;
                }

.vacancy-page-content__cover .details {
                margin: 2em auto;
            }

.vacancy-page-content__cover .details span {
                    font-size: 1.3em;
                }

.vacancy-page-content__cover .vacancy-area span {
                    display: block;
                    color: #b2b2b2;
                    font-size: 1em;
                }

.vacancy-page-content__cover span + span::before {
                    content: '·';
                    height: 100%;
                    margin-right: 0.2em;
                }

.vacancy-page-content__cover .cover-img {
                width: 100%;
                border-radius: 18em 0 18em 0;
                overflow: hidden;
                height: 88vh;
            }

.vacancy-page-content__cover .cover-img img {
                    width: 100%;
                    -o-object-fit: cover;
                       object-fit: cover;
                }

.vacancy-page-content__cover .social-links {
                margin-bottom: 1.5em;
            }

.vacancy-page-content__content {
            margin: 2em auto;
            max-width: 33em;
            width: 100%;
            font-size: 1.57em;
            line-height: 1.5;
        }

.vacancy-page-content__content h4, .vacancy-page-content__content .h4 {
                font-size: 1.5em;
                text-align: center;
            }

@media (max-width: 650px) {

.vacancy-page-content {
            padding: 0
    }
                .vacancy-page-content__cover .title, .vacancy-page-content__cover .details {
                    padding: 0 1em;
                }

                .vacancy-page-content__cover h1, .vacancy-page-content__cover .h1 {
                    font-size: 2em !important;
                }

                .vacancy-page-content__cover .social-links {
                    margin: 1em 1em 1.5em;
                }
    
                    .vacancy-page-content__cover .social-links svg {
                        width: 3em;
                    }

                .vacancy-page-content__cover .cover-img {
                    height: auto;
                    border-radius: 10em 0 10em 0;
                }

            .vacancy-page-content__content {
                width: auto;
                padding: 0 1em;
            }

                .vacancy-page-content__content h4, .vacancy-page-content__content .h4 {
                    font-size: 1em;
                }

                .vacancy-page-content__content p {
                    font-size: 0.9em;
                }
        }

@media (max-width: 340px) {
                .vacancy-page-content .news-content__content h4, .vacancy-page-content .news-content__content .h4 {
                    font-size: 0.9em;
                }

                .vacancy-page-content .news-content__content p {
                    font-size: 0.8em;
                }
        }

.vacancy-page .vacancy-form {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

.vacancy-page .vacancy-form h4, .vacancy-page .vacancy-form .h4 {
            font-size: 2.5em;
            margin-bottom: 2em;
            text-align: center;
        }

.harmony h3, .harmony .h3 {
        margin: 1.7em 0;
        font-size: 2em;
        text-align: center;
    }

@media (max-width: 500px) {
            .harmony h3, .harmony .h3 {
                font-size: 1.5em;
            }
        }

.products__our-brands h3, .products__our-brands .h3 {
        text-align: center;
        padding: 0 2em;
        font-size: 2em;
    }

.products__our-brands .our-brands__content {
        display: flex;
        justify-content: center;
        margin-bottom: 8em;

    }

.products__our-brands .our-brands__content-img {
            padding: 3em;
            min-height: 22em;
            min-width: 22em;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            border: 1px solid #F4F4F4;
        }

.products__our-brands .our-brands__content-img img {
                height: 7em;
                width: 16em;
            }

@media (max-width: 768px) {
            .products__our-brands .our-brands__content {
                font-size: 70%;
            }
        }

@media (max-width: 500px) {
            .products__our-brands .our-brands__content {
                font-size: 50%;
            }
        }

/* License page */

.license-page .page {
        height: initial !important;
        min-height: initial !important;
    }

.license-page .license-content {
        padding: 2em;
        max-width: 50em;
        margin: 0 auto;
        font-size: 1.5em;
        line-height: 1.3;
    }

.license-page .license-content h1, .license-page .license-content .h1 {
            padding-bottom: 1em;
            font-size: 2.5em;
            text-align: center;
        }

.license-page .license-content li {
            margin: 0.5em 0;
        }

.license-page .license-content a, .license-page .license-content a:visited, .license-page .license-content a:active {
            color: #7CBA00;
            transition: opacity .5s;
            outline: none;
        }

.license-page .license-content a:hover, .license-page .license-content a:visited:hover, .license-page .license-content a:active:hover {
                opacity: .7;
            }

.license-page .license-content a:hover p, .license-page .license-content a:visited:hover p, .license-page .license-content a:active:hover p {
                    opacity: .7;
                }

@media (max-width: 768px) {
            .license-page .license-content h1, .license-page .license-content .h1 {
                font-size: 1.7em;
            }
        }

@media (max-width: 444px) {
            .license-page .license-content {
                padding: 2.5em 1.5em;
                font-size: 1.2em;
            }
        }

@media (max-width: 400px) {
            .license-page .license-content h1, .license-page .license-content .h1 {
                font-size: 1.4em;
            }
        }

/* Страница Инвесторам */

.investors-page .hero.white {
        min-height: 35em;
    }