@font-face {
    font-family: mrglovani;
    src: url(../fonts/mrglovani.ttf);
}

body {
    font-family: mrglovani !important;
}


article, aside, audio, blockquote, body, canvas, dd, details, div, dl, dt, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, input, li, mark, menu, nav, ol, p, pre, section, summary, td, textarea, th, time, ul, video {
    margin: 0;
    padding: 0
}

address, caption, cite, code, th, var {
    font-style: normal;
    font-weight: 400
}

fieldset, img {
    border: none
}

ol, ul {
    list-style: none
}

caption, th {
    text-align: left
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

img, table {
    width: 100%
}

img {
    display: block;
    max-width: 100%
}

input[type=text], textarea {
    -webkit-appearance: none
}

input {
    border: none
}

input::placeholder {
    color: #828282;
    opacity: 1
}

input[type=number] {
    -moz-appearance: textfield
}

input[type=number]::-webkit-inner-spin-button {
    display: none
}

button {
    font-family: mrglovani, sans-serif;
    font-size: 16px;
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
    font-weight: 400;
    color: inherit;
    white-space: nowrap;
    cursor: pointer;
    border: none;
    background: transparent;
    user-select: none;
    text-decoration: none;
    text-align: left;
    padding: 0;
    margin: 0
}

button:hover {
    opacity: .7
}

* {
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent
}

:focus {
    outline: none
}

a {
    color: inherit;
    text-decoration: none
}

a[href^="tel:"] {
    white-space: nowrap
}

a:not:has(.btn):hover {
    opacity: .7
}

.btn {
    font-family: mrglovani, sans-serif;
    font-size: 16px;
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
    font-weight: 400;
    color: inherit;
    white-space: nowrap;
    cursor: pointer;
    background: transparent;
    user-select: none;
    text-decoration: none;
    text-align: left;
    margin: 0;
    transition: background-color .1s linear 0s, border-color .1s linear 0s, color .1s linear 0s;
    border-radius: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    display: inline-flex;
    border: 1px solid transparent;
    font-weight: 500;
    letter-spacing: 0;
    gap: 8px;
    padding: 12px 24px;
    background-clip: #fff
}

.btn:hover {
    opacity: 1
}

.btn--dark-blue {
    color: #fff;
    background-color: #0a2751
}

.btn--blue, .btn--dark-blue:hover {
    background-color: #2c447b
}

.btn--blue {
    color: #fff
}

.btn--blue:hover {
    background-color: #0a2751
}

.btn--white {
    border-color: currentColor;
    color: #000;
    background-color: #fff
}

.btn--white:hover {
    background-color: #f5f8ff
}

.btn--trans-black {
    color: #000;
    background-color: transparent;
    border-color: #6c6c6c
}

.btn--trans-black:hover {
    background-color: rgba(0, 0, 0, .04);
    border-color: #000
}

.btn--trans-white {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}

.btn--trans-dark-blue {
    display: flex;
    color: #0a2751;
    border: 1px solid;
    background-color: transparent
}

.btn--trans-dark-blue:hover {
    background-color: rgba(0, 0, 0, .04)
}

.btn--fluid {
    width: 100%
}

.btn--know-more {
    border: none;
    margin-top: 48px
}

@media only screen and (max-width:990px) {
    .btn--know-more {
        width: 100%;
        margin-top: 40px
    }
}

@media only screen and (max-width:768px) {
    .btn--know-more {
        margin-top: 32px
    }
}

.btn--no-radius {
    border-radius: unset
}

.btn--go-back {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    color: #6c6c6c;
    font-weight: 500;
    margin-bottom: 16px;
    display: none
}

@media only screen and (max-width:768px) {
    .btn--go-back {
        display: flex;
        gap: 11px;
        align-items: center
    }
}

.header--with-banner .btn--go-back {
    color: #fff;
    opacity: .5
}

.btn--sout {
    white-space: normal
}

@media only screen and (max-width:990px) {
    .btn--tablet-fluid {
        width: 100%
    }
}

@media only screen and (max-width:768px) {
    .btn--s-tablet-fluid {
        width: 100%
    }
}

.btn--new-main {
    display: none
}

@media only screen and (max-width:990px) {
    .btn--new-main {
        margin-top: 32px;
        display: flex
    }
}

.btn--catalogs {
    gap: 8px
}

@media only screen and (max-width:990px) {
    .btn--catalogs {
        width: calc(100% - 48px)
    }
}

@media only screen and (max-width:768px) {
    .btn--catalogs {
        width: calc(100% - 32px)
    }
}

.btn--new-main-equip {
    display: flex;
    width: min-content;
    margin-inline: auto;
    margin-top: 32px
}

@media only screen and (max-width:990px) {
    .btn--new-main-equip {
        width: 100%;
        margin-top: 24px
    }
}

@media only screen and (max-width:768px) {
    .btn--bim {
        width: calc(100% - 32px)
    }
}

.btn.disabled, .btn:disabled {
    background-color: transparent;
    border-color: #6c6c6c;
    color: rgba(0, 0, 0, .4);
    cursor: not-allowed
}

.btn.disabled {
    pointer-events: none
}

.button_pill {
    border-radius: 100px;
    padding: 12px 24px;
    border: 1px solid #000;
    font-size: 12px
}

.button_with-banner_navigation {
    position: absolute;
    top: 142px;
    left: 96px;
    margin: 0;
    font-weight: 500;
    color: #fff;
    opacity: .5
}

@media only screen and (max-width:990px) {
    .button_with-banner_navigation {
        top: 84px;
        left: 24px
    }
}

.button_secondary {
    color: #fff;
    background-color: #2c447b;
    border-color: #2c447b
}

@media only screen and (max-width:990px) {
    .button_fluid_md {
        width: 100%
    }
}

.button__icon {
    width: 20px;
    height: 20px
}

@media only screen and (min-width:991px) {
    .custom-cursor {
        overflow: hidden;
        cursor: none
    }
}

.custom-cursor__cursor {
    display: none
}

@media only screen and (min-width:991px) {
    .custom-cursor__cursor {
        width: 96px;
        height: 96px;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0;
        font-size: 14px;
        line-height: 16px;
        color: #fff;
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        z-index: 990
    }

    .custom-cursor__cursor, .dark-blue-container .custom-cursor__cursor {
        background-color: #d1373b
    }

    .clicked .custom-cursor__cursor {
        scale: .95
    }
}

.daterangepicker {
    font-family: mrglovani, sans-serif;
    box-shadow: 0 8px 16px -4px rgba(11, 31, 53, .08);
    width: min-content;
    transform: translateX(50px);
    min-width: 287px
}

.daterangepicker:after, .daterangepicker:before {
    display: none
}

.daterangepicker .drp-calendar {
    max-width: none
}

.daterangepicker .drp-calendar.left, .daterangepicker .drp-calendar.right {
    padding: 24px 16px 16px
}

.daterangepicker .drp-calendar.left, .daterangepicker .drp-calendar.right {
    float: none !important;
    display: inline-block
}

.daterangepicker .drp-calendar.right {
    position: relative;
    padding-inline: 0
}

.daterangepicker .drp-calendar.right thead tr .next.available {
    display: table-cell !important
}

.daterangepicker .drp-calendar.right .month, .daterangepicker .drp-calendar.right .table-condensed tbody, .daterangepicker .drp-calendar.right thead tr th {
    display: none
}

.daterangepicker .calendar-table td, .daterangepicker .calendar-table th {
    width: 40px;
    height: 40px;
    font-size: 16px
}

.daterangepicker .calendar-table th {
    cursor: default
}

.daterangepicker .calendar-table th:not(.month) {
    color: rgba(0, 0, 0, .3)
}

.daterangepicker .calendar-table th:first-letter {
    text-transform: capitalize
}

.daterangepicker .calendar-table th.available {
    transition: background-color .1s linear 0s;
    position: relative;
    cursor: pointer
}

.daterangepicker .calendar-table th.available:hover {
    background-color: #4666af
}

.daterangepicker .calendar-table th.available span {
    border: none
}

.daterangepicker .calendar-table th.available.next:after, .daterangepicker .calendar-table th.available.prev:after {
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 50%
}

.daterangepicker .calendar-table th.available.prev:after {
    content: "";
    position: absolute;
    border: solid transparent;
    border-right: solid #000;
    border-width: 5px 6px 5px 0
}

.daterangepicker .calendar-table th.available.next {
    position: absolute;
    top: -339px;
    left: 201px;
    width: 32px
}

.daterangepicker .calendar-table th.available.next:after {
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    content: "";
    position: absolute;
    border: solid transparent;
    border-left: solid #000;
    border-width: 5px 0 5px 6px
}

.daterangepicker .calendar-table td:hover {
    background-color: #2c447b
}

.daterangepicker .calendar-table td.active, .daterangepicker .calendar-table td.active:hover, .daterangepicker .calendar-table td.end-date {
    background-color: #0f1f3a
}

.daterangepicker .calendar-table td.off {
    pointer-events: none;
    opacity: 0
}

.daterangepicker .drp-buttons .drp-selected {
    display: none
}

.daterangepicker .drp-buttons .btn {
    font-size: 16px;
    line-height: 24px
}

@media only screen and (min-width:991px) {
    .daterangepicker .drp-buttons .btn {
        transition: opacity .1s linear 0s
    }

    .daterangepicker .drp-buttons .btn:hover {
        opacity: .6
    }
}

.daterangepicker .drp-buttons .btn.applyBtn {
    color: #0f1f3a
}

.daterangepicker .drp-buttons .btn.applyBtn:disabled {
    border-color: transparent;
    opacity: .3
}

.show {
    animation: smooth-show .2s linear forwards;
    display: block
}

@keyframes smooth-show {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}


.swiper-pagination-horizontal.swiper-pagination {
    position: static;
    display: flex;
    flex: 1;
    height: 4px;
    border-radius: 2px
}

.swiper-pagination-horizontal.swiper-pagination .swiper-pagination-bullet {
    background-color: currentColor;
    display: block;
    position: relative;
    height: 4px;
    width: 100%;
    border-radius: 2px;
    margin: 0
}

.swiper-pagination-horizontal.swiper-pagination .swiper-pagination-bullet:before {
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    display: block;
    content: "";
    height: 20px;
    width: 100%
}

.swiper-button-next, .swiper-button-prev {
    position: relative;
    width: auto;
    color: inherit
}

.swiper-button-next:after, .swiper-button-prev:after {
    content: "";
    position: absolute;
    top: calc(50% + 4px);
    right: 0;
    width: 13px;
    height: 13px;
    border-top: 2px solid;
    border-right: 2px solid
}

.swiper-button-prev:after {
    transform: rotate(-135deg)
}

.swiper-button-next:after {
    transform: rotate(45deg)
}

.swiper-button_gray:after {
    border-top: 2px solid #828282;
    border-right: 2px solid #828282
}

.swiper-slide_fluid, .values .swiper-slide {
    width: auto;
    height: auto
}

.values .swiper-slide:not(.swiper-slide-active) {
    visibility: visible
}

@media only screen and (max-width:990px) {
    .swiper-slide {
        flex-direction: column;
        justify-content: flex-end;
        gap: 32px
    }
}

.spinner {
    width: 36px;
    height: 36px;
    animation: spinning-animation 1.4s linear infinite;
    border: 4px solid #0f1f3a;
    border-top-color: transparent;
    border-radius: 50%;
    flex: none;
    margin: auto
}

.t40-40 {
    font-size: 40px;
    line-height: 40px
}

.service-list {
    margin-top: 64px;
    position: relative;
    display: flex;
    flex-direction: column
}

@media (max-width:1200px) {
    .service-list {
        margin-top: 32px
    }
}

@media (max-width:1200px) {
    .service-list__item:not(:last-child) {
        border-bottom: 1px solid #efefef
    }
}

.service-list__button {
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    transition: all .1s linear 0s;
    padding: 12px 0;
    justify-content: flex-start;
    width: 100%
}

@media only screen and (max-width:990px) {
    .service-list__button {
        font-size: 16px;
        line-height: 20px
    }
}

@media (min-width:1200px) {
    .service-list__button.active {
        font-size: 24px;
        line-height: 36px;
        font-weight: 600
    }
}

@media (max-width:1200px) {
    .service-list__button {
        font-size: 16px;
        line-height: 20px;
        font-weight: 400;
        gap: 12px;
        padding: 8px 0;
        position: relative
    }

    .service-list__button:after {
        border-top: 2px solid #828282;
        border-right: 2px solid #828282;
        position: absolute;
        content: "";
        top: 28px;
        right: 0;
        width: 8px;
        height: 8px;
        rotate: 135deg
    }

    .service-list__button.expanded:after {
        rotate: -45deg
    }
}

@media (max-width:1200px) and only screen and (max-width:990px) {
    .service-list__button {
        font-size: 14px;
        line-height: 18px
    }
}

.service-list__icon {
    width: 64px;
    height: 64px
}

@media (max-width:1200px) {
    .service-list__icon {
        width: 48px;
        height: 48px
    }
}

.service-info-list {
    animation: smooth-show .2s linear forwards;
    display: block;
    gap: 16px;
    padding: 32px;
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    flex-direction: column;
    width: 57%;
    height: 100%;
    background: #f7f7f7 url(../fonts/logo.svg) no-repeat right 32px bottom 32px;
    background-size: 342px 48px
}

@media (min-width:1200px) {
    .service-info-list.active {
        display: flex
    }
}

@media (max-width:1200px) {
    .service-info-list.expanded {
        transform: translateY(0);
        position: relative;
        display: flex;
        width: 100%;
        background: none;
        padding: 0 0 16px 60px
    }
}

@media only screen and (max-width:768px) {
    .service-info-list.expanded {
        padding-left: 0
    }
}

.service-info-list__item {
    padding-left: 12px;
    font-size: 18px;
    position: relative
}

.service-info-list__item:before {
    width: 4px;
    height: 4px;
    border-radius: 100%;
    position: absolute;
    top: 10px;
    left: 0;
    display: block;
    background-color: #6c6c6c;
    content: ""
}

@media (max-width:1200px) {
    .service-info-list__item {
        font-size: 14px;
        line-height: 18px;
        font-weight: 400
    }
}

.article__container {
    display: grid;
    grid-template-areas: "article contact""continuation contact";
    grid-template-columns: 1fr 400px;
    align-items: flex-start;
    gap: 48px
}

@media only screen and (max-width:990px) {
    .article__container {
        grid-template-areas: "article""contact""continuation";
        grid-template-columns: 1fr;
        gap: 32px
    }
}

.article__wrap {
    grid-area: article
}

.article__wrap+.article__wrap {
    margin-top: 48px
}

@media only screen and (max-width:990px) {
    .article__wrap {
        margin-bottom: 32px
    }
}

.article__wrap--no-offset {
    margin-bottom: 0
}

.article__wrap--continuation {
    grid-area: continuation
}

@media only screen and (min-width:991px) {
    .article__wrap a[href^="mailto:"] {
        color: #2c447b
    }
}

@media only screen and (max-width:990px) {
    .article__wrap p {
        font-size: 14px;
        line-height: 20px
    }
}

.article__wrap p a, .article__wrap p a[href^="mailto:"] {
    color: inherit
}

.article__wrap ul {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    list-style: none
}

@media only screen and (max-width:990px) {
    .article__wrap ul {
        font-size: 14px;
        line-height: 18px;
        line-height: 20px;
        list-style: initial;
        margin-left: 24px
    }
}

@media only screen and (max-width:768px) {
    .article__wrap ul {
        margin-left: 16px
    }
}

.article__wrap h4 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500
}

@media only screen and (max-width:990px) {
    .article__wrap h4 {
        font-size: 14px;
        line-height: 18px;
        font-size: 16px;
        line-height: 24px
    }
}

.article__wrap img {
    width: 100%;
    display: inline-block
}

@media only screen and (max-width:990px) {
    .article__wrap .article__img--major-repairs {
        display: none
    }
}

.article__wrap p+p {
    margin-top: 16px
}

.article__wrap h2, .article__wrap h4, .article__wrap li, .article__wrap ol, .article__wrap p, .article__wrap ul {
    max-width: 824px
}

.article__wrap ol {
    list-style: decimal;
    padding-left: 32px
}

.article__wrap ol li+.article__wrap ol li {
    margin-top: 10px
}

.article__wrap h4+img, .article__wrap ul+img {
    margin-top: 32px
}

.article__wrap img+h4 {
    margin-top: 40px
}

.article__wrap h4+p, .article__wrap h4+ul, .article__wrap ol+h4, .article__wrap ol+p, .article__wrap p+ol {
    margin-top: 24px
}

@media only screen and (max-width:990px) {
    .article__wrap h4+p, .article__wrap h4+ul, .article__wrap ol+h4, .article__wrap ol+p, .article__wrap p+ol {
        margin-top: 16px
    }
}

.article__wrap h4+ol, .article__wrap img+p, .article__wrap p+h4, .article__wrap p+img, .article__wrap p+ul, .article__wrap ul+h4, .article__wrap ul+p {
    margin-top: 48px
}

@media only screen and (max-width:990px) {
    .article__wrap h4+ol, .article__wrap img+p, .article__wrap p+h4, .article__wrap p+img, .article__wrap p+ul, .article__wrap ul+h4, .article__wrap ul+p {
        margin-top: 32px
    }
}

.article__wrap .project-slider {
    margin-top: 48px
}

@media only screen and (max-width:990px) {
    .article__wrap .project-slider {
        margin-top: 32px
    }
}

.article__date {
    opacity: .64;
    margin-bottom: 32px
}

@media only screen and (max-width:768px) {
    .article__date {
        display: none
    }
}

.article__wrap .article__list--style {
    list-style: none;
    margin-left: 0
}

.article__wrap .article__list--style li {
    font-size: 16px;
    line-height: 24px;
    position: relative;
    padding-left: 12px
}

.article__wrap .article__list--style li:after {
    border-radius: 3px;
    position: absolute;
    top: 11.1px;
    left: 0;
    background-color: #000;
    width: 3px;
    height: 3px;
    content: ""
}

.article__wrap .article__list--style li+li {
    margin-top: 10px
}

@media only screen and (max-width:990px) {
    .article__wrap .article__list--style li+li {
        margin-top: 6px
    }
}

.article__list--style-tablet-only {
    display: none
}

@media only screen and (max-width:990px) {
    .article__list--style-tablet-only {
        display: block
    }
}

.article__img--major-repairs {
    max-width: 824px
}

@media only screen and (max-width:990px) {
    .article__img--major-repairs {
        display: none
    }
}

@media only screen and (max-width:990px) {
    .article__strong {
        font-weight: 400
    }
}

.article__contact {
    grid-area: contact;
    background-color: #0f1f3a;
    position: sticky;
    align-self: start;
    top: 188px;
    max-width: 400px;
    padding: 32px;
    color: #fff
}

@media only screen and (max-width:990px) {
    .article__contact {
        max-width: 100%;
        position: static;
        padding: 24px
    }
}

.article__contact-title {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    margin-bottom: 16px
}

@media only screen and (max-width:990px) {
    .article__contact-title {
        font-size: 14px;
        line-height: 18px;
        font-size: 16px;
        line-height: 24px
    }
}

.article__contact-text {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    white-space: normal !important;
    opacity: .7
}

@media only screen and (max-width:990px) {
    .article__contact-text {
        font-size: 14px;
        line-height: 20px
    }
}

.article__contact-tel-block .article__contact-text {
    color: #6c6c6c
}

.article__contact-tel-block {
    background-color: #fff;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px;
    margin-top: 32px
}

.article__contact-tel-block:hover {
    opacity: .9
}

.article__contact-tel-title {
    font-size: 20px;
    line-height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    color: #000;
    margin-bottom: 10px
}

@media only screen and (max-width:990px) {
    .article__contact-tel-title {
        font-size: 14px;
        line-height: 18px;
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 8px
    }
}

.breadcrumbs {
    font-size: 14px;
    line-height: 18px;
    color: #2c447b;
    display: flex;
    align-items: center;
    font-weight: 500;
    max-width: 824px;
    margin-bottom: 24px;
    white-space: nowrap
}

@media only screen and (max-width:768px) {
    .breadcrumbs {
        display: none
    }
}

.header--with-banner .breadcrumbs {
    color: #fff;
    opacity: .6
}

.breadcrumbs__item:not(:last-child) {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    position: relative;
    padding-right: 24px;
    cursor: pointer;
    text-decoration: underline
}

.breadcrumbs__item:not(:last-child):after {
    font-size: 16px;
    line-height: 22px;
    color: #828282;
    position: absolute;
    content: "/";
    top: 0;
    right: 9px
}

.header--with-banner .breadcrumbs__item:not(:last-child):after {
    color: #fff;
    opacity: .6
}

.breadcrumbs__item:last-child {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    line-height: 22px;
    color: #6c6c6c;
    font-weight: 500
}

.header--with-banner .breadcrumbs__item:last-child {
    color: #fff
}

.breadcrumbs__link {
    color: inherit
}

.brochure__container {
    display: grid;
    grid-column-gap: 48px;
    grid-row-gap: 32px
}

@media only screen and (max-width:990px) {
    .brochure__container {
        display: flex;
        flex-direction: column;
        gap: 32px
    }
}

@media only screen and (max-width:768px) {
    .brochure__container {
        gap: 24px
    }
}

@media only screen and (min-width:991px) {
    #meteor-classic .brochure__container {
        row-gap: 0
    }
}

.brochure__heading {
    font-size: 40px;
    line-height: 44px;
    font-weight: 500;
    grid-area: heading;
    align-self: end
}

@media only screen and (max-width:990px) {
    .brochure__heading {
        font-size: 28px;
        line-height: 36px;
        align-self: flex-start
    }
}

.brochure__image {
    justify-self: center;
    min-height: 520px;
    grid-area: image;
    object-fit: cover;
    height: 100%
}

@media only screen and (max-width:990px) {
    .brochure__image {
        min-height: auto
    }
}

.brochure__text-content {
    display: flex;
    flex-direction: column;
    gap: 16px;
    grid-area: text
}

.brochure__buttons {
    gap: 16px;
    padding-top: 8px;
    display: flex;
    grid-area: buttons;
    align-self: start;
    width: 100%
}

@media only screen and (max-width:768px) {
    .brochure__buttons {
        flex-direction: column
    }
}

.brochure__paragraph_oneliner {
    margin-bottom: 8px
}

.card {
    overflow: hidden
}

.card:hover {
    opacity: .8
}

.card--release {
    background-color: #f7f7f7;
    min-height: 224px;
    padding: 40px;
    display: flex;
    flex-direction: column
}

@media only screen and (max-width:990px) {
    .card--release {
        min-height: 138px;
        padding: 24px
    }
}

@media only screen and (max-width:768px) {
    .card--release {
        display: block;
        padding: 16px;
        min-height: auto
    }
}

.card--values {
    background-color: #f7f7f7;
    padding: 24px
}

@media only screen and (max-width:768px) {
    .card--values {
        padding: 16px
    }
}

.card--technology {
    background-color: #fff;
    padding: 24px
}

@media only screen and (max-width:768px) {
    .card--technology {
        padding: 16px
    }
}

.card--equip {
    font-weight: 500
}

.card--equip:hover {
    opacity: 1
}

.card--flex {
    background-color: #fff;
    border: 1px solid #d9d9d9;
    display: flex;
    gap: 16px;
    align-items: center;
    padding: 26px 24px
}

@media only screen and (max-width:990px) {
    .card--flex {
        padding: 20px 16px
    }
}

.card--advantages {
    padding: 24px 16px
}

@media only screen and (max-width:990px) {
    .card--advantages {
        padding: 16px
    }
}

.card--flex-column {
    align-items: start;
    flex-direction: column;
    gap: 8px
}

.card--list {
    margin-top: 48px
}

@media only screen and (min-width:769px) {
    .card--list {
        display: none
    }
}

.card--list h3+p {
    margin-top: 16px
}

.card--list p {
    padding-left: 20px;
    position: relative
}

.card--list p:after {
    border-radius: 2px;
    position: absolute;
    top: 11px;
    left: 1px;
    background-color: #000;
    width: 4px;
    height: 4px;
    content: ""
}

.card--list p+p {
    margin-top: 10px
}

.card--list-item {
    border: 1px solid #d9d9d9;
    border-bottom: none;
    padding: 32px 32px 32px 84px;
    position: relative;
    counter-increment: list-item
}

.card--list-item:before {
    font-size: 28px;
    line-height: 36px;
    color: #0a2751;
    font-weight: 500;
    content: counter(list-item);
    position: absolute;
    top: 32px;
    left: 32px
}

@media only screen and (max-width:990px) {
    .card--list-item:before {
        font-size: 16px;
        line-height: 24px;
        top: 24px;
        left: 24px
    }
}

@media only screen and (max-width:768px) {
    .card--list-item:before {
        top: 16px;
        left: 16px
    }
}

@media only screen and (max-width:990px) {
    .card--list-item {
        padding: 24px 24px 24px 60px
    }
}

@media only screen and (max-width:768px) {
    .card--list-item {
        padding: 16px 16px 16px 44px
    }
}

.card--list-item:last-of-type {
    border-bottom: 1px solid #d9d9d9
}

.card--new-main {
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    color: #fff
}

.card--new-main:hover {
    opacity: 1
}

.card--service {
    border-radius: 8px;
    background-color: #f1f2f4;
    padding: 36px 32px;
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: stretch
}

.card--service .card__text, .card--service .card__title {
    text-align: center
}

.card--service .card__title {
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
    font-weight: 600;
    margin-bottom: 12px
}

.card--service .card__text {
    margin-bottom: 12px
}

.card--service:hover {
    opacity: 1
}

@media only screen and (max-width:768px) {
    .card--service {
        padding: 24px 16px
    }
}

.card--bim {
    border-radius: 8px;
    grid-area: bim;
    display: flex;
    flex-direction: column;
    align-items: start;
    padding: 64px 106px;
    background-color: #f1f2f4;
    position: relative
}

.card--bim:hover {
    opacity: 1
}

@media only screen and (max-width:990px) {
    .card--bim {
        padding: 32px 64px
    }
}

@media only screen and (max-width:768px) {
    .card--bim {
        padding: 24px 0;
        align-items: center
    }
}

.card--bim .card__text {
    max-width: 309px;
    margin-bottom: 32px;
    position: relative;
    z-index: 1
}

@media only screen and (max-width:768px) {
    .card--bim .card__text {
        text-align: center
    }
}

.card--bim .card__img--service {
    display: none
}

@media only screen and (max-width:768px) {
    .card--bim .card__img--service {
        display: block
    }
}

.card__img-container {
    padding-top: 60%;
    margin-bottom: 16px;
    position: relative;
    overflow: hidden
}

@media only screen and (max-width:990px) {
    .card__img-container {
        padding-top: 66.66666667%
    }
}

@media only screen and (max-width:768px) {
    .card__img-container {
        padding-top: 67.44186047%
    }
}

.card__img-container--main-page {
    padding-top: 87.58169935%
}

.card__img-container--project-page {
    padding-top: 56.22317597%;
    margin-bottom: 0
}

.card__img-container--evo-page {
    padding-top: 141%;
    margin-bottom: 0
}

@media only screen and (max-width:990px) {
    .card__img-container--evo-page {
        padding-top: 141.37931034%
    }
}

@media only screen and (max-width:768px) {
    .card__img-container--evo-page {
        padding-top: 141.27906977%
    }
}

.card__img-container--section {
    padding-top: 84.96732026%;
    grid-area: image;
    margin-bottom: 0;
    align-self: stretch
}

@media only screen and (max-width:990px) {
    .card__img-container--section {
        padding-top: 66.66666667%;
        margin-bottom: 32px
    }
}

@media only screen and (max-width:768px) {
    .card__img-container--section {
        padding-top: 67.44186047%;
        margin-bottom: 24px
    }
}

.card__img-container--fix {
    padding-top: 100%;
    margin-bottom: 24px
}

@media only screen and (max-width:990px) {
    .card__img-container--fix {
        padding-top: 66.66666667%;
        margin-bottom: 16px
    }
}

@media only screen and (max-width:768px) {
    .card__img-container--fix {
        padding-top: 67.44186047%
    }
}

.card__img-container--repair {
    padding-top: 65.35947712%
}

@media only screen and (max-width:990px) {
    .card__img-container--repair {
        padding-top: 56.25%;
        padding-top: 64.8255814%
    }
}

.card__img-container--map {
    padding-top: 50.96153846%;
    margin-top: 96px
}

@media only screen and (max-width:990px) {
    .card__img-container--map {
        margin-top: 48px
    }
}

@media only screen and (max-width:768px) {
    .card__img-container--map {
        display: none
    }
}

.card__img-container--404 {
    margin-inline: auto;
    padding-top: 58.57142857%;
    margin-bottom: 0;
    max-width: 770px
}

.card__img-container--elevators {

    margin-bottom: 0
}

p.card__text {
    height: 100% !important;
}

.card__img-container--travolators {
    padding-top: 50%;
    margin-bottom: 0
}

@media only screen and (max-width:990px) {
    .card__img-container--travolators {
        padding-top: 66.47230321%
    }
}

.card__img-container--square {
    padding-top: 100%
}

.card__img-container--radius-corner {
    border-radius: 8px
}

.card__img {
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.card__img--404 {
    margin-inline: auto;
    width: 100%;
    height: 100%;
    max-width: 770px;
    max-height: 451px
}

.card__img--service {
    width: auto;
    height: 140px;
    margin-bottom: 24px
}

@media only screen and (max-width:990px) {
    .card__img--service {
        height: 96px
    }
}

.card__img--bim {
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    right: 4%;
    height: 100%;
    max-width: 492px;
    z-index: 0
}

@media only screen and (max-width:990px) {
    .card__img--bim {
        max-width: 342px
    }
}

@media only screen and (max-width:768px) {
    .card__img--bim {
        display: none;
        right: 0
    }
}

.card__hover-block-container {
    color: #fff;
    display: none;
    position: absolute;
    inset: 0;
    padding: 32px
}

.card__hover-block-container:after {
    transform: rotate(180deg);
    background-color: rgba(10, 39, 81, .4);
    mix-blend-mode: hard-light;
    position: absolute;
    inset: 0;
    content: "";
    z-index: 1
}

.card__img-container:hover .card__hover-block-container {
    animation: smooth-show .2s linear forwards;
    display: block;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    opacity: 1
}

@media only screen and (max-width:990px) {
    .card--equip .card__img-container:hover .card__hover-block-container {
        display: none
    }
}

.card__hover-block {
    padding: 32px;
    background: rgba(10, 39, 81, .8);
    position: relative;
    z-index: 2
}

.card__hover-title {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 8px
}

@media only screen and (max-width:990px) {
    .card__hover-title {
        font-size: 14px;
        line-height: 18px
    }
}

@media only screen and (max-width:1200px) {
    .card__hover-title {
        font-size: 16px;
        line-height: 22px
    }
}

.card__hover-text {
    font-size: 16px;
    line-height: 24px
}

@media only screen and (max-width:1200px) {
    .card__hover-text {
        font-size: 12px;
        line-height: 16px
    }
}

.card__hover-text+.card__hover-text {
    margin-top: 12px
}

.card__text-container {
    background-color: #2e3b51;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: start;
    padding: 24px;
    margin-top: -1px
}

@media only screen and (max-width:990px) {
    .card__text-container {
        padding: 16px
    }
}

.card__icon {
    margin-bottom: 24px
}

@media only screen and (max-width:990px) {
    .card__icon {
        margin-bottom: 16px
    }
}

.card__title {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    margin-bottom: 16px
}

@media only screen and (max-width:990px) {
    .card__title {
        font-size: 14px;
        line-height: 18px;
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 12px
    }
}

.card__title--new--main {
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
    font-weight: 600;
    margin-bottom: 12px
}

.card__title--bim {
    font-size: 30px;
    line-height: 36px;
    font-weight: 500;
    font-weight: 700;
    margin-bottom: 12px;
    position: relative;
    z-index: 1
}

@media only screen and (max-width:990px) {
    .card__title--bim {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 8px
    }
}

@media only screen and (max-width:990px) and only screen and (max-width:990px) {
    .card__title--bim {
        font-size: 14px;
        line-height: 18px
    }
}

.card--new-main .card__title {
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
    font-weight: 600
}

.card__tag {
    color: #6c6c6c;
    margin-bottom: 12px;
    text-transform: uppercase
}

.card__text {
    font-size: 16px;
    line-height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

@media only screen and (max-width:990px) {
    .card__text {
        font-size: 14px;
        line-height: 20px
    }
}

.card--release .card__text {
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    position: relative
}

@media only screen and (max-width:990px) {
    .card--release .card__text {
        font-size: 16px;
        line-height: 22px
    }
}

@media only screen and (max-width:768px) {
    .card--release .card__text {
        margin-bottom: 16px
    }
}

.container-grid--3 .card__text, .container-grid--4 .card__text, .values-slider .card__text {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    overflow: visible;
    -webkit-box-orient: unset
}

.card__text--equip {
    font-size: 18px;
    line-height: 26px
}

@media only screen and (max-width:990px) {
    .card__text--equip {
        font-size: 16px;
        line-height: 22px
    }
}

.card__text--gray {
    color: #6c6c6c
}

.card__text--bottom-offset {
    margin-bottom: 32px;
    overflow: visible;
    -webkit-box-orient: unset
}

.card__text--new-main {
    font-size: 14px;
    line-height: 20px;
    opacity: .8;
    overflow: visible;
    -webkit-box-orient: unset;
    margin-bottom: 20px;
    max-width: 416px
}

@media only screen and (max-width:990px) {
    .card__text--new-main {
        font-size: 14px;
        line-height: 18px
    }
}

.container-grid--3 .card__text--news {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400
}

@media only screen and (max-width:990px) {
    .container-grid--3 .card__text--news {
        font-size: 16px;
        line-height: 20px;
        font-weight: 400
    }
}

@media only screen and (max-width:990px) and only screen and (max-width:990px) {
    .container-grid--3 .card__text--news {
        font-size: 14px;
        line-height: 18px
    }
}

.new--main .card__text--new-main-descr {
    display: none
}

.card__list {
    list-style: none
}

.card__list li {
    position: relative;
    padding-left: 12px
}

.card__list li:after {
    border-radius: 2px;
    position: absolute;
    top: 11px;
    left: 1px;
    background-color: #6c6c6c;
    width: 4px;
    height: 4px;
    content: ""
}

@media only screen and (max-width:768px) {
    .card__list li {
        padding-left: 16px
    }
}

.card__date {
    font-size: 12px;
    line-height: 16px;
    color: #6c6c6c;
    font-weight: 500;
    text-transform: uppercase;
    margin-top: auto
}

@media only screen and (max-width:768px) {
    .card__date {
        font-size: 10px;
        line-height: 14px
    }
}

.card__date--news {
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px
}

@media only screen and (max-width:990px) {
    .card__date--news {
        margin-bottom: 4px
    }
}

.card__link {
    font-size: 14px;
    line-height: 24px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-weight: 500;
    color: #ff7272;
    margin-top: auto;
    position: relative
}

.card__link:after {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    bottom: 4px;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid
}

.card__link:hover {
    color: #ffad72
}

.navlink-list-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0;
    padding: 10px 28px 10px 12px;
    border-radius: 4px;
    position: relative;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    white-space: nowrap
}

@media only screen and (min-width:1333px) {
    .navlink-list-item {
        cursor: pointer
    }
}

@media only screen and (min-width:1333px) {
    .navlink-list-item:hover .navlink {
        opacity: .6
    }
}

@media only screen and (max-width:1333px) {
    .navlink-list-item {
        text-transform: none;
        padding: 0;
        width: 100%
    }
}

.navlink-list-item--just-mobile {
    display: none
}

@media only screen and (max-width:1333px) {
    .navlink-list-item--just-mobile {
        display: block
    }
}

.navlink-list-item--with-submenu {
    padding-right: 28px
}

@media only screen and (max-width:1333px) {
    .navlink-list-item--with-submenu {
        padding-right: 0
    }
}

@media only screen and (min-width:1333px) {
    .topline--white .navlink-list-item--with-submenu:before {
        background: url(../fonts/topline-arrow-white.svg) 50% no-repeat
    }
}

@media only screen and (min-width:1333px) {
    .navlink-list-item--with-submenu:before {
        content: "";
        position: absolute;
        bottom: calc(50% - 3px);
        transition: rotate .1s linear 0s;
        transform-origin: center center;
        right: 12px;
        width: 8px;
        height: 6px;
        background: url(../fonts/topline-arrow.svg) 50% no-repeat
    }
}

@media only screen and (min-width:1333px) {
    .navlink-list-item--with-submenu:hover:before {
        rotate: -180deg;
        margin-top: 3px
    }
}

@media only screen and (min-width:1333px) {
    .navlink-list-item.current {
        background-color: rgba(0, 0, 0, .08)
    }
}

.navlink-list-item .navlink-list-item__submenu {
    animation: smooth-show .2s linear forwards;
    display: block;
    display: none;
    opacity: 0
}

.navlink-list-item .navlink-list-item__submenu:before {
    content: "";
    position: absolute;
    top: -10px;
    width: 100%;
    display: block;
    height: 20px;
    background-color: transparent
}

@media only screen and (max-width:1333px) {
    .active>.navlink-list-item__submenu {
        background-color: #fff;
        display: flex;
        flex-direction: column;
        position: fixed;
        top: 92px;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1060;
        padding-inline: 96px
    }
}

@media only screen and (max-width:1200px) {
    .active>.navlink-list-item__submenu {
        top: 86px;
        padding-inline: 40px
    }
}

@media only screen and (max-width:990px) {
    .active>.navlink-list-item__submenu {
        top: 82px;
        padding-inline: 24px
    }
}

@media only screen and (max-width:768px) {
    .active>.navlink-list-item__submenu {
        top: 54px;
        padding-inline: 16px
    }
}

@media only screen and (min-width:1333px) {
    .navlink-list-item:hover .navlink-list-item__submenu {
        position: absolute;
        top: 52px;
        right: -276px;
        background-color: #fff;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        flex-wrap: wrap;
        width: 552px;
        padding: 24px;
        border-radius: 4px;
        box-shadow: 0 1px 15px rgba(0, 0, 0, .08);
        text-transform: none;
        white-space: normal
    }
}

@media only screen and (min-width:1333px) {
    .navlink-list-item__submenu_item:hover {
        border-radius: 4px;
        transition: background-color .1s linear 0s;
        background-color: #f7f7f7
    }
}

.navlink-list-item__comeback-button {
    display: none
}

@media only screen and (max-width:1333px) {
    .navlink-list-item__comeback-button {
        color: #6c6c6c;
        display: inline-flex;
        align-self: start;
        align-items: center;
        gap: 12px;
        padding: 12px 12px 12px 0
    }
}

.navlink-list-item__submenu_link {
    display: block;
    padding: 16px;
    color: #000;
    position: relative
}

@media only screen and (max-width:1333px) {
    .navlink-list-item__submenu_link {
        padding: 16px 0
    }
}

.navlink-list-item__submenu_link:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    border-bottom: 1px solid #efefef;
    display: block
}

@media only screen and (max-width:1333px) {
    .navlink-list-item__submenu_link:after {
        width: calc(100% + 96px);
        margin-left: -96px
    }
}

@media only screen and (max-width:1200px) {
    .navlink-list-item__submenu_link:after {
        width: calc(100% + 40px);
        margin-left: -40px
    }
}

@media only screen and (max-width:990px) {
    .navlink-list-item__submenu_link:after {
        width: calc(100% + 24px);
        margin-left: -24px
    }
}

@media only screen and (max-width:768px) {
    .navlink-list-item__submenu_link:after {
        width: calc(100% + 16px);
        margin-left: -16px
    }
}

.navlink {
    font-size: 15px;
    font-weight: 500;
    position: relative;
    text-transform: uppercase;
    white-space: nowrap
}

@media only screen and (max-width:1333px) {
    .navlink:hover {
        opacity: .6
    }
}

.navlink--active {
    border-radius: 4px;
    display: block;
    background-color: rgba(0, 0, 0, .08)
}

@media only screen and (max-width:1333px) {
    .navlink {
        text-transform: none
    }
}

.navlink__btn {
    display: none
}

@media only screen and (max-width:1333px) {
    .navlink__btn {
        width: 20px;
        height: 20px;
        display: block;
        position: relative
    }
}

@media only screen and (max-width:1333px) {
    .navlink__btn:before {
        transform: translate(-50%, -50%);
        left: 50%;
        top: 50%;
        content: "";
        position: absolute;
        border: solid transparent;
        border-left: solid #6c6c6c;
        border-width: 5px 0 5px 5px;
        right: 0
    }
}

.submenu__heading {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    margin-bottom: 8px
}

.submenu__paragraph {
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    color: #6c6c6c;
    white-space: normal
}

@media only screen and (max-width:990px) {
    .submenu__paragraph {
        font-size: 10px;
        line-height: 14px
    }
}

.topline {
    transition: background-color .1s linear 0s, color .1s linear 0s;
    background-color: #fff;
    position: fixed;
    top: 0;
    z-index: 1030;
    width: 100%;
    padding-block: 23px
}

@media only screen and (max-width:990px) {
    .topline {
        padding-block: 18px
    }
}

.topline--white {
    color: #fff;
    background-color: transparent
}

.topline--shadow {
    box-shadow: 0 1px 10px rgba(0, 0, 0, .07)
}

.topline__logo {
    width: 150px;
    height: 100%
}

@media only screen and (max-width:768px) {
    .topline__logo {
        width: 120px;
        height: 100%
    }
}

.topline__logo--white {
    display: none
}

.topline--white .topline__logo--white {
    display: block
}

.topline--white .topline__logo--colored {
    display: none
}

@media only screen and (min-width:991px) {
    a .topline__logo {
        transition: opacity .1s linear 0s
    }

    a .topline__logo:hover {
        opacity: .6
    }
}

.topline__content, .topline__menu {
    display: flex;
    align-items: center
}

.topline__menu {
    margin-left: auto;
    justify-content: space-between;
    gap: 0
}

@media only screen and (max-width:1333px) {
    .topline__menu {
        display: none;
        padding-top: 4px
    }
}

@media only screen and (max-width:1333px) {
    .topline__menu.show {
        animation: smooth-show .2s linear forwards;
        display: flex;
        gap: 12px;
        flex-direction: column;
        justify-content: start;
        align-items: start;
        background-color: #fff;
        position: fixed;
        left: 0;
        top: 90px;
        width: 100%;
        height: 100%;
        padding-inline: 96px
    }
}

@media only screen and (max-width:1200px) {
    .topline__menu.show {
        top: 86px
    }
}

@media only screen and (max-width:990px) {
    .topline__menu.show {
        top: 80px;
        padding-inline: 24px
    }
}

@media only screen and (max-width:768px) {
    .topline__menu.show {
        top: 64px;
        padding-inline: 16px
    }
}

.topline--white .topline__menu.show {
    color: #000
}

.topline__search-button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    margin-right: 18px
}

@media only screen and (max-width:1333px) {
    .topline__search-button {
        margin-left: auto
    }
}

@media only screen and (max-width:768px) {
    .topline__search-button {
        display: none
    }
}

.topline__query-button {
    font-size: 14px;
    line-height: 20px
}

@media only screen and (min-width:769px) {
    .topline--white .topline__query-button {
        background-color: transparent;
        color: inherit;
        border-color: inherit
    }
}

.topline--white .topline__query-button:hover {
    background-color: rgba(0, 0, 0, .04)
}

@media only screen and (max-width:1333px) {
    .topline__query-button {
        margin-right: 43px
    }
}

@media only screen and (max-width:768px) {
    .topline__query-button {
        display: none
    }
}

@media only screen and (max-width:768px) {
    .topline__query-button.mobile {
        transform: translateX(-50%);
        width: calc(100% - 32px);
        display: flex;
        position: fixed;
        left: 50%;
        bottom: 64px
    }
}

.topline__button-burger {
    width: 24px;
    height: 24px
}

@media (min-width:1334px) {
    .topline__button-burger {
        display: none
    }
}

@media only screen and (max-width:768px) {
    .topline__button-burger {
        margin-left: auto
    }
}

.topline__button-close {
    width: 24px;
    height: 24px;
    display: none
}

@media only screen and (max-width:768px) {
    .topline__button-close {
        margin-left: auto
    }
}

@media only screen and (max-width:1333px) {
    .topline__button-close.show {
        display: block
    }
}

.topline__mobile-menu-btn {
    border-block: 1px solid currentColor;
    width: 22px;
    height: 8px;
    margin-left: auto;
    display: none
}

@media only screen and (max-width:768px) {
    .topline__mobile-menu-btn {
        display: block
    }
}

.topline__hidden {
    display: none
}

.wrap {
    width: 100%;
    height: 100%;
    max-width: 1600px;
    padding-inline: 96px;
    margin-inline: auto;
    overflow: hidden;
    position: relative
}

@media only screen and (max-width:1200px) {
    .wrap {
        padding-inline: 40px
    }
}

@media only screen and (max-width:990px) {
    .wrap {
        padding-inline: 24px
    }
}

@media only screen and (max-width:768px) {
    .wrap {
        padding-inline: 16px
    }
}

.wrap--menu {
    max-width: 1728px
}

.wrap--no-overflow {
    overflow: visible
}

.wrap--align-center {
    display: flex;
    flex-direction: column;
    align-items: center
}

.wrap--top-auto {
    margin-top: auto
}

.wrap--center {
    display: flex;
    flex-direction: column;
    align-items: center
}

.wrap--dispatch {
    border-radius: 8px;
    color: #fff;
    position: relative;
    overflow: hidden
}

@media only screen and (max-width:990px) {
    .wrap--dispatch {
        border-radius: 0
    }
}

.topline .wrap {
    overflow: unset
}

.icon {
    width: 24px;
    height: 24px
}

.icon--12 {
    width: 12px;
    height: 12px
}

.card__link .icon--12 {
    margin-bottom: -2px
}

.icon--16 {
    width: 16px;
    height: 16px
}

.icon--18 {
    width: 18px;
    height: 18px
}

.icon--20 {
    width: 20px;
    height: 20px
}

.icon--24 {
    width: 24px;
    height: 24px
}

.icon--32 {
    width: 32px;
    height: 32px
}

.icon--34 {
    width: 34px;
    height: 34px
}

.icon--48 {
    width: 48px;
    height: 48px
}

.icon--64 {
    width: 64px;
    height: 64px
}

@media only screen and (max-width:990px) {
    .icon--64 {
        width: 48px;
        height: 48px
    }
}

.icon--80 {
    width: 80px;
    height: 80px
}

@media only screen and (max-width:990px) {
    .icon--80 {
        width: 64px;
        height: 64px
    }
}

.icon--90deg {
    rotate: 90deg
}

.icon--180deg {
    rotate: 180deg
}

.icon--270deg {
    rotate: 270deg
}

@media only screen and (max-width:990px) {
    .icon--otis {
        display: none
    }
}

.menu {
    display: flex;
    align-items: center;
    gap: 56px;
    font-weight: 600;
    white-space: nowrap
}

@media only screen and (max-width:990px) {
    .menu {
        flex-direction: row;
        align-items: start;
        gap: 32px;
        margin-right: 26px
    }
}

@media only screen and (max-width:768px) {
    .menu {
        flex-direction: column;
        align-items: start;
        gap: 20px;
        margin-block: 96px 32px
    }
}

.menu__item {
    letter-spacing: .003em
}

@media only screen and (min-width:991px) {
    .menu__item {
        transition: opacity .1s linear 0s
    }

    .menu__item:hover {
        opacity: .6
    }
}

.menu__item.active {
    opacity: .6;
    cursor: default
}

.pagination {
    display: flex
}

@media only screen and (max-width:990px) {
    .pagination {
        display: none
    }
}

.pagination__item {
    transition: background-color .1s linear 0s;
    width: 40px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0
}

a.pagination__item:hover {
    background-color: rgba(70, 102, 175, .3)
}

.pagination__item--prev {
    rotate: 180deg
}

.pagination__item.active {
    background-color: #4666af;
    font-weight: 600;
    cursor: default;
    color: #fff
}

.pagination__item.disabled {
    color: #d9d9d9;
    cursor: default
}

.pagination__btn {
    display: none
}

@media only screen and (max-width:990px) {
    .pagination__btn {
        display: flex
    }
}

.container-grid--4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px
}

@media only screen and (max-width:1333px) {
    .container-grid--4 {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media only screen and (max-width:574px) {
    .container-grid--4 {
        display: flex;
        flex-direction: column;
        gap: 16px
    }
}

.container-grid--3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 24px;
    row-gap: 40px
}

@media only screen and (max-width:990px) {
    .container-grid--3 {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 32px
    }
}

@media only screen and (max-width:768px) {
    .container-grid--3 {
        display: flex;
        flex-direction: column;
        gap: 32px
    }
}

.container-grid--3-sout {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 24px
}

@media only screen and (max-width:990px) {
    .container-grid--3-sout {
        grid-template-columns: 1fr;
        gap: 16px
    }
}

.container-grid--3-new-main {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px
}

@media only screen and (max-width:1200px) {
    .container-grid--3-new-main {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media only screen and (max-width:768px) {
    .container-grid--3-new-main {
        display: flex;
        flex-direction: column;
        gap: 16px
    }
}

.container-grid--3-services {
    display: grid;
    grid-template-areas: ". . ."". . .""bim bim bim";
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, auto);
    gap: 32px
}

@media only screen and (max-width:990px) {
    .container-grid--3-services {
        grid-template-areas: ". ."". ."". .""bim bim";
        grid-template-columns: repeat(2, 1fr)
    }
}

@media only screen and (max-width:768px) {
    .container-grid--3-services {
        grid-template-areas: "."".""."".""."".""bim";
        grid-template-columns: 1fr;
        gap: 16px
    }
}

.container-grid--2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 40px;
    column-gap: 24px
}

@media only screen and (max-width:990px) {
    .container-grid--2 {
        display: flex;
        flex-direction: column;
        gap: 32px
    }
}

.container-grid--2-new-main {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 40px;
    column-gap: 24px
}

@media only screen and (max-width:768px) {
    .container-grid--2-new-main {
        display: flex;
        flex-direction: column;
        gap: 32px
    }
}

.container-grid--2-equip {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px
}

@media only screen and (max-width:574px) {
    .container-grid--2-equip {
        display: flex;
        flex-direction: column;
        gap: 16px
    }
}

.container-grid--2-press {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px
}

@media only screen and (max-width:1200px) {
    .container-grid--2-press {
        display: grid;
        grid-template-columns: 100%;
        gap: 16px
    }
}

.container-grid--img-text {
    display: grid;
    grid-template-areas: "image header""image text""image buttons";
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr auto 1fr;
    column-gap: 24px
}

@media only screen and (max-width:990px) {
    .container-grid--img-text {
        display: block
    }
}

.container-grid--text-img-align-top {
    display: grid;
    grid-template-areas: "header image""text image""buttons image";
    grid-template-columns: 1fr 1fr;
    align-items: start;
    grid-template-rows: min-content;
    column-gap: 24px
}

@media only screen and (max-width:990px) {
    .container-grid--text-img-align-top {
        display: block
    }
}

.container-grid--otis {
    display: grid;
    grid-template-columns: 294px auto;
    align-items: flex-start;
    gap: 24px
}

@media only screen and (max-width:990px) {
    .container-grid--otis {
        display: flex;
        flex-direction: column;
        align-items: stretch
    }
}

.container--list {
    counter-reset: list-item 0
}

.container--toogle-list {
    display: none
}

.container--toogle-list.show {
    display: block
}

.equipment__heading {
    font-size: 40px;
    line-height: 44px;
    font-weight: 500;
    margin-bottom: 24px
}

@media only screen and (max-width:990px) {
    .equipment__heading {
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 8px
    }
}

.equipment__paragraph {
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
    max-width: 890px;
    margin-bottom: 48px
}

@media only screen and (max-width:990px) {
    .equipment__paragraph {
        font-size: 14px;
        line-height: 18px;
        font-weight: 400;
        margin-bottom: 32px
    }
}

.equipment__figures {
    display: flex;
    gap: 24px;
    justify-content: space-between
}

@media only screen and (max-width:768px) {
    .equipment__figures {
        flex-direction: column;
        align-items: center
    }
}

.equipment__figure_image {
    width: 612px;
    height: 520px
}

@media only screen and (max-width:990px) {
    .equipment__figure_image {
        width: 348px;
        height: 280px
    }
}

.equipment__figcaption {
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
    margin-top: 16px
}

@media only screen and (max-width:990px) {
    .equipment__figcaption {
        font-size: 14px;
        line-height: 18px;
        font-weight: 400
    }
}

.footer {
    background-color: #0f1f3a;
    color: #fff
}

.footer__menu-container {
    display: flex;
    width: 100%;
    max-height: 510px;
    padding-block: 71px;
    gap: 24px
}

@media only screen and (max-width:1023px) {
    .footer__menu-container {
        max-height: 630px
    }
}

@media only screen and (max-width:768px) {
    .footer__menu-container {
        display: block;
        padding-block: 32px;
        max-height: max-content
    }
}

@media only screen and (max-width:1023px) {
    .footer--new .footer__menu-container {
        max-height: 510px;
        gap: 20px
    }
}

@media only screen and (max-width:990px) {
    .footer--new .footer__menu-container {
        display: block;
        padding-block: 32px;
        max-height: max-content
    }
}

.footer__menu {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 30px
}

@media only screen and (max-width:1023px) {
    .footer__menu {
        gap: 24px
    }
}

.footer__column, .footer__contacts {
    display: flex;
    flex-direction: column;
    gap: 14px
}

.footer__about-title {
    font-size: 18px;
    line-height: 40px;
    font-weight: 500;
}

.footer__column  {
    gap: 0;
    margin-bottom: 32px;
}

.footer__column {
    min-width: 33.3%
}

.footer__contacts {
    min-width: 24%
}

.footer--new .footer__contacts {
    gap: 0;
    margin-bottom: 32px
}

.footer__contacts-text {
    font-weight: 500;
    opacity: .7
}

.footer--new .footer__contacts-text {
    margin-bottom: 24px
}



.footer__about-text {
    font-weight: 500;
    opacity: .7;
    font-size: 15px;
}


.footer__column-title, .footer__contacts_phone {
    font-size: 18px;
    line-height: 40px;
    font-weight: 500
}

.footer__column-title {
    position: relative
}

@media only screen and (max-width:768px) {
    .footer__column-title--with-submenu:after {
        transition: transform .1s linear 0s;
        transform: translateY(calc(50% - 8px));
        content: "";
        position: absolute;
        border: solid transparent;
        border-top: solid #d9d9d9;
        border-width: 6px 5px 0;
        right: 0;
        top: 50%;
        transform-origin: 50% 0 0
    }
}

@media only screen and (max-width:990px) {
    .footer--new .footer__column-title--with-submenu:after {
        transition: transform .1s linear 0s;
        transform: translateY(calc(50% - 8px));
        content: "";
        position: absolute;
        border: solid transparent;
        border-top: solid #d9d9d9;
        border-width: 6px 5px 0;
        right: 0;
        top: 50%;
        transform-origin: 50% 0 0
    }
}

@media only screen and (max-width:768px) {
    .active .footer__column-title--with-submenu:after {
        transform: rotate(180deg)
    }
}

@media only screen and (max-width:990px) {
    .footer--new .active .footer__column-title--with-submenu:after {
        transform: rotate(180deg)
    }
}

.active .footer__column-title--with-submenu {
    margin-bottom: 8px;
    text-decoration: underline;
    text-decoration-color: hsla(0, 0%, 96.9%, .4)
}

@media only screen and (max-width:990px) {
    .footer--new .active .footer__column-title--with-submenu {
        margin-bottom: 8px;
        text-decoration: underline;
        text-decoration-color: hsla(0, 0%, 96.9%, .4)
    }
}

.footer__column-link {
    font-size: 15px;
    line-height: 30px;
    color: #fff;
    opacity: .7;
}

.footer__column-link:hover {
    color: hsla(0, 0%, 100%, .7)
}

@media only screen and (max-width:768px) {
    .footer__column-link {
        display: none
    }
}

@media only screen and (max-width:990px) {
    .footer--new .footer__column-link {
        display: none
    }
}

@media only screen and (max-width:768px) {
    .active .footer__column-link {
        animation: smooth-show .2s linear forwards;
        display: block;
        padding-block: 8px
    }
}

@media only screen and (max-width:990px) {
    .footer--new .active .footer__column-link {
        animation: smooth-show .2s linear forwards;
        display: block;
        padding-block: 8px
    }
}

.footer__contacts-phone {
    margin-bottom: 10px
}

@media only screen and (max-width:768px) {
    .footer__contacts-phone {
        margin-top: 52px;
        margin-bottom: 32px
    }
}

.footer--new .footer__contacts-phone {
    margin-bottom: 0
}

@media only screen and (max-width:990px) {
    .footer--new .footer__contacts-phone {
        margin-top: 52px
    }
}

.footer__social-icon-container {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 24px
}

.footer__terms {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0;
    padding-block: 32px;
    border-top: 1px solid hsla(0, 0%, 85.1%, .2);
    color: hsla(0, 0%, 96.9%, .7)
}

@media only screen and (max-width:768px) {
    .footer__terms {
        display: block
    }
}

.footer__terms a, .footer__terms p {
    font-size: 14px;
    line-height: 20px
}

@media only screen and (max-width:768px) {
    .footer__terms a, .footer__terms p {
        display: block
    }
}

@media only screen and (max-width:768px) {
    .footer__copyright {
        margin-bottom: 32px
    }
}

.footer__terms-group {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    gap: 16px
}

@media only screen and (max-width:768px) {
    .footer__terms-group {
        display: block
    }
}

@media only screen and (max-width:768px) {
    .footer__terms-group-link+.footer__terms-group-link {
        margin-top: 16px
    }
}

.period, .projects {
    position: relative;
    min-width: 287px;
    color: #828282
}

@media only screen and (max-width:990px) {
    .period, .projects {
        flex: 1 auto;
        max-width: calc(50% - 12px)
    }
}

@media only screen and (max-width:768px) {
    .period, .projects {
        flex: 1 100%;
        min-width: 100%
    }
}

.period__current-btn, .projects__current-btn {
    font-size: 14px;
    line-height: 20px;
    border: 1px solid #d9d9d9;
    display: flex;
    padding: 12px 14px;
    position: relative;
    width: 100%
}

@media only screen and (min-width:991px) {
    .period__current-btn, .projects__current-btn {
        transition: opacity .1s linear 0s
    }

    .period__current-btn:hover, .projects__current-btn:hover {
        opacity: .6
    }
}

.period__current-btn:after, .projects__current-btn:after {
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    right: 14px;
    content: "";
    width: 8px;
    height: 6px;
    background: url(../fonts/topline-arrow.svg)
}

.period__current-btn:focus, .period__current-btn:hover, .projects__current-btn:focus, .projects__current-btn:hover {
    border: 1px solid #4666af;
    opacity: 1
}

@media tablet {
    .period__current-btn, .projects__current-btn {
        width: 100%
    }
}

.period__current, .projects__current {
    pointer-events: none;
    padding-right: 27px
}

.period__current:after, .projects__current:after {
    transform: translateY(-50%);
    top: 50%;
    position: absolute;
    border: solid transparent;
    border-top: solid #fff;
    border-width: 6px 5px 0;
    transition: transform .1s linear 0s;
    transform-origin: 50% 25% 0;
    content: "";
    right: 5px
}

@media only screen and (max-width:768px) {
    .period__current:after, .projects__current:after {
        right: 15px
    }
}

.active .period__current:after, .active .projects__current:after {
    transform: scaleY(-1)
}

.period__dropdown, .projects__dropdown {
    width: 100%;
    position: absolute;
    border-radius: 4px;
    box-shadow: 0 8px 16px -4px rgba(11, 31, 53, .08);
    overflow: hidden;
    margin-top: 10px;
    display: none;
    background: #fff;
    z-index: 1030
}

.period.active .period__dropdown, .period.active .projects__dropdown, .projects.active .period__dropdown, .projects.active .projects__dropdown {
    animation: smooth-show .2s linear forwards;
    display: block
}

.period__option, .projects__option {
    transition: background-color .1s linear 0s;
    display: block;
    position: relative;
    width: 100%;
    height: 48px;
    padding-inline: 16px
}

@media only screen and (max-width:768px) {
    .period__option, .projects__option {
        height: 56px;
        border-width: 1px 0
    }

    .period__option+.period__option, .period__option+.projects__option, .projects__option+.period__option, .projects__option+.projects__option {
        margin-top: -1px
    }
}

.period__option.current:after, .projects__option.current:after {
    width: 20px;
    height: 20px;
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    content: "";
    right: 24px
}

@media only screen and (max-width:768px) {
    .period__option--calendar:before, .projects__option--calendar:before {
        transform: translateY(-50%);
        top: 50%;
        content: "";
        position: absolute;
        border: solid transparent;
        border-left: solid #000;
        border-width: 5px 0 5px 6px;
        right: 12px
    }
}

.form__filter {
    display: flex;
    position: relative;
    z-index: 999;
    gap: 24px;
    margin-bottom: 46px
}

@media only screen and (max-width:990px) {
    .form__filter {
        flex-wrap: wrap
    }
}

@media only screen and (max-width:768px) {
    .form__filter {
        flex-direction: column
    }
}

.send-result__title {
    margin-bottom: 16px
}

.send-result__title--success {
    color: green
}

.send-result__title--error {
    color: red
}

.send-result__text {
    font-size: 18px;
    line-height: 24px
}

#date-error, #email-error, #name-error {
    position: absolute;
    left: 0;
    bottom: -40px;
    color: #b3001b
}

@media only screen and (max-width:768px) {
    #date-error, #email-error, #name-error {
        font-size: 14px;
        line-height: 16px;
        bottom: -24px
    }
}

.contacts__form, .contacts__send-result {
    flex: 1;
    min-width: 0;
    display: none
}

.contacts__form {
    position: relative
}

.error.contacts__form:after {
    font-size: 16px;
    line-height: 24px;
    content: "Все поля обязательны для заполнения";
    position: absolute;
    left: 0;
    top: -20px;
    color: #d1373b
}

@media only screen and (max-width:768px) {
    .error.contacts__form:after {
        font-size: 14px;
        line-height: 16px;
        top: -16px
    }
}

.contacts-form {
    display: flex;
    flex-direction: column;
    gap: 30px;
    color: #828282
}

.contacts-form__row {
    display: flex;
    gap: 24px;
    padding-top: 16px;
    position: relative
}

@media only screen and (max-width:767px) {
    .contacts-form__row {
        padding-top: 0;
        flex-direction: column
    }
}

.contacts-form__row img {
    width: min-content !important
}

.contacts-form__row .mf-text {
    white-space: nowrap;
    align-self: center
}

.contacts-form__row input[name=captcha_word] {
    transition: border-color .1s linear 0s !important;
    background-color: #d9d9d9 !important;
    border-bottom: 1px solid #6c6c6c !important;
    font-size: 18px !important;
    position: relative;
    padding-bottom: 8px !important
}

@media only screen and (max-width:1023px) {
    .contacts-form__row input[name=captcha_word] {
        font-size: 16px
    }
}

@media only screen and (max-width:767px) {
    .contacts-form__row input[name=captcha_word] {
        font-size: 14px
    }
}

.contacts-form__row input[name=captcha_word]:hover {
    border-color: #000
}

.contacts-form__row input[name=captcha_word].disabled {
    cursor: not-allowed
}

.contacts-form__row input[name=captcha_word].disabled:hover {
    border-color: #828282
}

.contacts-form__row input[name=captcha_word]:after {
    transition: transform .1s linear 0s;
    transform: translateY(calc(50% - 8px));
    content: "";
    position: absolute;
    border: solid transparent;
    border-top: solid #000;
    border-width: 6px 5px 0;
    right: 0;
    top: 50%;
    transform-origin: 50% 0 0
}

.active .contacts-form__row input[name=captcha_word]:after {
    transform: scaleY(-1)
}

.contacts-form__row input[name=phone]:focus::placeholder {
    color: #828282
}

.contacts-form__row.captchaError {
    position: relative
}

.contacts-form__row.captchaError:before {
    content: "Неверно введен Код";
    position: absolute;
    top: -4px;
    left: 0;
    color: red
}

@media only screen and (max-width:767px) {
    .contacts-form__row.captchaError:before {
        top: -16px
    }
}

.contacts-form__input-container {
    width: 100%;
    position: relative
}


@media only screen and (max-width:1200px) {
    .contacts-form__input-container--email.error:after, .contacts-form__input-container--name.error:after, .contacts-form__input-container--phone.error:after {
        font-size: 12px;
        line-height: 16px;
        bottom: -22px
    }
}

@media only screen and (max-width:990px) {
    .contacts-form__input-container--email.error:after, .contacts-form__input-container--name.error:after, .contacts-form__input-container--phone.error:after {
        bottom: -20px
    }
}


.contacts-form__btn {
    align-self: start
}

.select {
    width: 100%;
    height: 48px
}

.select__button {
    font-size: 18px;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #828282
}

.select__current {
    font-family: mrglovani, sans-serif;
    transition: border-color .1s linear 0s;
    border-bottom: 1px solid #828282;
    font-size: 18px;
    position: relative;
    width: 100%;
    height: 100%;
    padding-bottom: 8px
}

@media only screen and (max-width:1023px) {
    .select__current {
        font-size: 16px
    }
}

@media only screen and (max-width:767px) {
    .select__current {
        font-size: 14px
    }
}

.select__current:hover {
    border-color: #000
}

.select__current.disabled {
    cursor: not-allowed
}

.select__current.disabled:hover {
    border-color: #828282
}

.select__current:after {
    transition: transform .1s linear 0s;
    transform: translateY(calc(50% - 8px));
    content: "";
    position: absolute;
    border: solid transparent;
    border-top: solid #000;
    border-width: 6px 5px 0;
    right: 0;
    top: 50%;
    transform-origin: 50% 0 0
}

.active .select__current:after {
    transform: scaleY(-1)
}

.select__options {
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #828282;
    overflow: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 2;
    margin-top: -4px;
    display: none
}

.select.active .select__options {
    animation: smooth-show .2s linear forwards;
    display: block
}

.select__option {
    transition: background-color .1s linear 0s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    height: 48px;
    padding-inline: 16px
}

.select__option.current {
    color: #000
}

.select__native-select {
    width: 0;
    height: 0;
    font-size: 18px;
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: 0
}

@media only screen and (max-width:1023px) {
    .select__native-select {
        pointer-events: all
    }
}

.checkbox {
    position: relative
}

.checkbox__field {
    position: absolute;
    clip: rect(0, 0, 0, 0)
}

.checkbox__text {
    font-size: 14px;
    color: #000;
    display: block;
    position: relative;
    cursor: pointer;
    user-select: none;
    padding-left: 40px
}

@media only screen and (max-width:1023px) {
    .checkbox__text {
        padding-left: 36px
    }
}

.checkbox__field:disabled+.checkbox__text {
    cursor: not-allowed
}

@media only screen and (max-width:1023px) {
    .checkbox__field:disabled+.checkbox__text:hover:before {
        border-color: #efefef
    }
}

.checkbox__text:before {
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    width: 24px;
    height: 24px;
    border-radius: 2px;
    transition: border-color .1s linear 0s, background .1s linear 0s;
    content: "";
    border: 2px solid #828282;
    left: 0;
    background: no-repeat url(../fonts/checkmark.svg) 50%/1px
}

@media only screen and (max-width:1023px) {
    .checkbox__text:before {
        width: 20px;
        height: 20px
    }
}

.checkbox__field:not(:disabled):checked+.checkbox__text:before {
    background-color: #0a2751;
    border-color: #0a2751
}

.checkbox__field:checked+.checkbox__text:before {
    background-size: 20px auto
}

.checkbox__field:disabled+.checkbox__text:before {
    background-color: #6c6c6c
}

.input {
    font-family: mrglovani, sans-serif;
    transition: border-color .1s linear 0s;
    font-size: 18px;
    border: none;
    border-bottom: 1px solid #828282;
    width: 100%;
    height: 48px;
    position: relative;
    background-color: transparent
}

@media only screen and (max-width:990px) {
    .input {
        font-size: 14px;
        line-height: 18px;
        font-weight: 400;
        height: 49px
    }
}

.input:focus, .input:hover {
    border-color: #000
}

.input:disabled {
    cursor: not-allowed
}

.input:disabled:hover {
    border-color: #6c6c6c
}

.input.error {
    border-bottom: 1px solid #b3001b
}

.input--textarea {
    display: block;
    resize: vertical;
    height: 100px;
    padding-top: 10px
}

@media only screen and (max-width:1023px) {
    .input--textarea {
        height: 92px
    }
}

.input__container {
    position: relative;
    min-width: 287px
}

@media only screen and (max-width:990px) {
    .input__container {
        flex: 1 50%;
        max-width: calc(50% - 12px)
    }
}

@media only screen and (max-width:768px) {
    .input__container {
        flex: 1 100%;
        min-width: 100%
    }
}

.input__search {
    font-family: mrglovani, sans-serif;
    font-size: 14px;
    line-height: 20px;
    padding: 12px 40px 12px 14px;
    border: 1px solid #d9d9d9;
    width: 100%
}

.input__search:focus, .input__search:hover {
    border: 1px solid #4666af
}

.input__search-btn {
    width: 30px;
    height: 30px;
    color: #828282;
    position: absolute;
    top: 12px;
    right: 0
}

.input__search-btn::placeholder {
    font-size: 14px;
    line-height: 20px
}

.contacts {
    padding-top: 156px !important
}

@media only screen and (max-width:990px) {
    .contacts {
        padding-top: 72px
    }
}

@media only screen and (max-width:1023px) {
    .contacts {
        padding-top: 0 !important
    }
}

.contacts .container {
    display: grid;
    grid-template-columns: auto max-content;
    column-gap: 40px;
    row-gap: 64px
}

@media only screen and (max-width:990px) {
    .contacts .container {
        grid-template-columns: auto;
        row-gap: 24px
    }
}

.contacts__contact-info {
    display: flex;
    flex-direction: column;
    gap: 20px;
    flex-shrink: 0;
    margin-top: 150px
}

@media only screen and (max-width:990px) {
    .contacts__contact-info {
        margin-top: 0;
        padding-bottom: 8px
    }
}

.contacts__contact-info_label {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: #6c6c6c
}

@media only screen and (max-width:990px) {
    .contacts__contact-info_label {
        font-size: 14px;
        line-height: 18px;
        font-size: 12px;
        line-height: 16px;
        font-weight: 400
    }
}

@media only screen and (max-width:990px) and only screen and (max-width:990px) {
    .contacts__contact-info_label {
        font-size: 10px;
        line-height: 14px
    }
}

.contacts__contact-info_value {
    font-size: 20px;
    line-height: 24px;
    font-weight: 500
}

@media only screen and (max-width:990px) {
    .contacts__contact-info_value {
        font-size: 16px;
        line-height: 20px;
        font-size: 14px;
        line-height: 18px;
        font-weight: 400;
        font-weight: 500
    }
}

.contacts__container {
    display: grid;
    gap: 64px 24px;
    grid-template-columns: 1fr 1fr 1fr;
    margin-bottom: 64px
}

@media only screen and (max-width:990px) {
    .contacts__container {
        display: flex;
        flex-direction: column;
        gap: 16px
    }
}

.contacts__map {
    filter: invert(87%);
    height: 360px;
    width: 100%
}

@media only screen and (max-width:768px) {
    .contacts__map {
        height: 514px
    }
}

.contacts__paragraph {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400
}

@media only screen and (max-width:990px) {
    .contacts__paragraph {
        font-size: 14px;
        line-height: 18px;
        font-weight: 400
    }
}

.contacts__column {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.contacts__column_small {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.contacts__content {
    position: relative
}

.contact-us {
    background-color: #f1f2f4
}

.contact-us__heading {
    font-size: 40px;
    line-height: 44px;
    font-weight: 500;
    position: relative;
    margin-bottom: 64px
}

@media only screen and (max-width:990px) {
    .contact-us__heading {
        font-size: 28px;
        line-height: 36px;
        font-weight: 500;
        margin-bottom: 54px
    }
}

.contact-us .form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 24px;
    row-gap: 40px
}

@media only screen and (max-width:990px) {
    .contact-us .form {
        grid-template-columns: auto;
        row-gap: 24px
    }
}

.select {
    position: relative
}

@media only screen and (max-width:990px) {
    .textarea {
        height: auto
    }

    .button-send, .checkbox, .textarea {
        grid-column: span 1
    }

    .button-send {
        width: 100%;
        justify-content: center
    }
}

.header {
    padding-block: 140px 96px
}

@media only screen and (max-width:990px) {
    .header {
        padding-block: 83px 40px
    }
}

@media only screen and (max-width:768px) {
    .header {
        padding-block: 79px 32px
    }
}

.header--no-bottom-padding {
    padding-bottom: 0;
    margin-bottom: 64px
}

@media only screen and (max-width:990px) {
    .header--no-bottom-padding {
        margin-bottom: 32px
    }
}

.header--no-bottom-offset {
    padding-bottom: 0;
    margin-bottom: 0
}

.header--with-banner {
    color: #fff;
    overflow: hidden;
    position: relative;
    height: 840px
}

.header--with-banner:after {
    background-color: rgba(15, 53, 107, .7);
    mix-blend-mode: color;
    position: absolute;
    inset: 0;
    content: "";
    z-index: 0
}

@media only screen and (max-width:990px) {
    .header--with-banner {
        height: 640px
    }
}

.header--main {
    padding-bottom: 42px
}

@media only screen and (max-width:1200px) {
    .header--main {
        height: 639px;
        padding-top: 32px
    }
}

@media only screen and (max-width:990px) {
    .header--main {
        padding-bottom: 16px
    }
}

.header--new-main {
    color: #fff;
    position: relative;
    height: 782px;
    width: 100%;
    text-align: center;
    max-width: 1440px;
    margin-inline: auto;
    padding: 96px 20px 0
}

@media only screen and (max-width:990px) {
    .header--new-main {
        text-align: left;
        align-items: start;
        padding: 64px 0 0;
        height: 641px
    }
}

.header__wrap {
    display: flex;
    flex-direction: column;
    align-items: start;
    z-index: 1;
    height: 100%
}

.header__wrap--main {
    padding-bottom: 10px
}

@media only screen and (max-width:768px) {
    .header__wrap--main {
        padding-bottom: 0
    }
}

.header__wrap--new-main {
    position: relative;
    height: 100%;
    align-items: center;
    padding-bottom: 116px
}

@media only screen and (max-width:990px) {
    .header__wrap--new-main {
        align-items: start;
        padding-bottom: 46px
    }
}

.header__img-wrap {
    border-radius: 8px;
    overflow: hidden;
    position: absolute;
    inset: 0;
    z-index: -1
}

@media only screen and (max-width:990px) {
    .header__img-wrap {
        border-radius: 0
    }
}

.header__img-wrap:before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(.55deg, rgba(4, 22, 42, .352) 37.73%, rgba(5, 46, 87, 0) 50%);
    z-index: 2
}

.header__img-wrap:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(.55deg, rgba(4, 22, 42, .8) 22.87%, rgba(5, 46, 87, 0) 81.37%);
    z-index: 0
}

.header__img {
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
    top: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
    z-index: 0
}

.header__go-back-btn {
    display: none
}

@media only screen and (max-width:990px) {
    .header__go-back-btn {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        opacity: .5;
        margin-bottom: 53px
    }
}

@media only screen and (max-width:990px) and only screen and (max-width:768px) {
    .header__go-back-btn {
        margin-bottom: 32px
    }
}

.header__h1 {
    max-width: 1000px;
    margin-bottom: 24px
}

@media only screen and (max-width:990px) {
    .header__h1 {
        margin-bottom: 16px
    }
}

@media only screen and (max-width:768px) {
    .header__h1 {
        margin-bottom: 8px
    }
}

.header--with-banner .header__h1 {
    margin-top: auto;
    margin-bottom: 32px
}

@media only screen and (max-width:990px) {
    .header--with-banner .header__h1 {
        margin-bottom: 16px
    }
}

.header--new-main .header__h1--new-main {
    margin-top: auto;
    margin-bottom: 24px;
    text-transform: none;
    font-weight: 700
}

@media only screen and (max-width:768px) {
    .header--new-main .header__h1--new-main {
        font-size: 40px;
        line-height: 40px
    }
}

.header--with-banner .header__text {
    font-size: 18px;
    line-height: 26px;
    max-width: 824px;
    margin-bottom: 40px
}

@media only screen and (max-width:990px) {
    .header--with-banner .header__text {
        font-size: 16px;
        line-height: 24px;
        max-width: 627px
    }
}

@media only screen and (max-width:425px) {
    .header--with-banner .header__text {
        font-size: 14px;
        line-height: 16px
    }
}

.header__text--new-main {
    font-size: 30px;
    line-height: 36px;
    font-weight: 500;
    max-width: 570px
}

@media only screen and (max-width:768px) {
    .header__text--new-main {
        font-size: 20px;
        line-height: 24px;
        font-weight: 400
    }
}

.header__btn {
    border: none
}

@media only screen and (max-width:990px) {
    .header__btn {
        width: 100%
    }
}

.news__btn--press {
    color: #bebebe
}

@media only screen and (max-width:1200px) {
    .news__btn--press {
        display: none
    }
}

@media only screen and (max-width:1200px) {
    .news__btn--news:hover {
        opacity: 1
    }
}

@media only screen and (max-width:1200px) {
    .news__btn--news {
        cursor: auto
    }
}

.news__link--news {
    margin-left: auto
}

@media only screen and (max-width:768px) {
    .news__link--news {
        display: none
    }
}

.press__btn--news {
    color: #bebebe
}

@media only screen and (max-width:1200px) {
    .press__btn--news {
        display: none
    }
}

@media only screen and (max-width:1200px) {
    .press__btn--press:hover {
        opacity: 1
    }
}

@media only screen and (max-width:1200px) {
    .press__btn--press {
        cursor: auto
    }
}

.press__link--press {
    margin-left: auto
}

@media only screen and (max-width:990px) {
    .press__link--press {
        display: none
    }
}

.press__card {
    background: hsla(0, 0%, 100%, .04);
    display: flex;
    gap: 16px;
    flex-direction: column;
    min-height: 224px;
    padding: 40px
}

.press__card:hover {
    background-color: hsla(0, 0%, 100%, .13)
}

.press__card--white {
    background-color: #fff
}

.press__card--white:hover {
    background-color: hsla(0, 0%, 51%, .07)
}

@media only screen and (max-width:1200px) {
    .press__card {
        min-height: 144px;
        padding: 24px
    }
}

@media only screen and (max-width:556px) {
    .press__card {
        min-height: 136px;
        padding: 16px
    }
}

.section--press-white .press__card {
    background-color: #f7f7f7;
    transition: background-color .1s linear 0s
}

.section--press-white .press__card:hover {
    background-color: #efefef
}

.press__card-title {
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
    font-weight: 500
}

@media only screen and (max-width:768px) {
    .press__card-title {
        font-size: 16px;
        line-height: 24px
    }
}

.press__card-text {
    font-size: 12px;
    line-height: 16px;
    color: hsla(0, 0%, 100%, .64);
    font-weight: 500;
    text-transform: uppercase;
    margin-top: auto
}

.section--press-white .press__card-text {
    color: #6c6c6c
}

.press__card--white .press__card-text {
    color: rgba(0, 0, 0, .64)
}

.paginationjs-pages ul {
    display: flex
}

.paginationjs-next, .paginationjs-page, .paginationjs-prev {
    transition: background-color .1s linear 0s;
    width: 40px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    cursor: pointer
}

.paginationjs-next:hover, .paginationjs-page:hover, .paginationjs-prev:hover {
    background-color: rgba(70, 102, 175, .3)
}

.paginationjs-next.active, .paginationjs-page.active, .paginationjs-prev.active {
    background-color: #4666af;
    font-weight: 600;
    cursor: default;
    color: #fff
}

.paginationjs-next.disabled, .paginationjs-page.disabled, .paginationjs-prev.disabled {
    color: #d9d9d9;
    cursor: default
}

.paginationjs-next a, .paginationjs-page a, .paginationjs-prev a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    width: 100%;
    height: 100%
}

.overlay, .pagination--hidden {
    display: none
}

.overlay {
    background-color: rgba(0, 0, 0, .2);
    position: fixed;
    inset: 0;
    z-index: 1050
}

.overlay.shown {
    animation: smooth-show .2s linear forwards;
    display: block
}

.overlay__close-button {
    color: #fff;
    font-weight: 600;
    position: absolute;
    top: 28px;
    right: 96px
}

@media only screen and (min-width:991px) {
    .overlay__close-button {
        transition: opacity .1s linear 0s
    }

    .overlay__close-button:hover {
        opacity: .6
    }
}

@media only screen and (max-width:990px) {
    .overlay__close-button {
        top: 16px;
        right: 24px
    }
}

@media only screen and (max-width:768px) {
    .overlay__close-button {
        right: 16px
    }
}

.overlay__item {
    align-items: center;
    justify-content: center;
    min-height: 100%;
    display: none
}

.overlay__item.shown {
    display: flex;
    background-color: rgba(0, 0, 0, .2)
}

.section {
    height: 100%;
    padding-block: 96px
}

@media only screen and (max-width:1333px) {
    .section {
        padding-block: 80px
    }
}

@media only screen and (max-width:1200px) {
    .section {
        padding-block: 64px
    }
}

@media only screen and (max-width:768px) {
    .section {
        padding-block: 48px
    }
}

.section--news.show, .section--press.show {
    animation: smooth-show .3s linear forwards;
    display: block
}

.section--news {
    display: none;
    background-color: #f7f7f7
}

.section--press {
    display: none;
    background-color: #0f1f3a;
    color: #fff;
    border-bottom: 1px solid hsla(0, 0%, 85.1%, .2)
}

@media only screen and (max-width:1200px) {
    .section--press {
        display: block
    }
}

.section--press-white {
    background-color: #fff
}

.section--paginaion {
    margin-top: auto;
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding-bottom: 96px
}

@media only screen and (max-width:990px) {
    .section--paginaion {
        padding-bottom: 48px
    }
}

@media only screen and (max-width:768px) {
    .section--paginaion {
        padding-bottom: 40px
    }
}

.section--career {
    position: relative;
    overflow: hidden;
    padding-block: 125px;
    color: #fff
}

@media only screen and (max-width:990px) {
    .section--career {
        padding-block: 48px
    }
}

.section--low-padding {
    padding-block: 64px
}

@media only screen and (max-width:990px) {
    .section--low-padding {
        padding-block: 48px
    }
}

.section--only-relative {
    position: relative
}

.section--dispatch {
    margin-inline: auto;
    width: 100%;
    max-width: 1440px;
    padding-inline: 16px
}

@media only screen and (max-width:990px) {
    .section--dispatch {
        padding-inline: 0
    }
}

.section--gray {
    margin: 20px 0px 0px 20px;
    background-color: #fff
}

.section--white {
    background-color: #fff
}

.section--no-top-padding {
    padding-top: 0
}

.section--no-bottom-padding {
    padding-bottom: 0
}

@media only screen and (max-width:990px) {
    .section_page_plants.section {
        padding-top: 24px
    }
}

.section__heading {
    font-size: 40px;
    line-height: 44px;
    font-weight: 500;
    margin-bottom: 24px
}

@media only screen and (max-width:990px) {
    .section__heading {
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 16px
    }
}

.section__paragraph {
    font-size: 20px;
    line-height: 24px;
    font-weight: 400
}

.section__text-container {
    max-width: 930px;
    margin-bottom: 48px
}

@media only screen and (max-width:990px) {
    .section__text-container {
        margin-bottom: 32px
    }
}

.section__bg-wrap {
    border-radius: 8px;
    position: absolute;
    inset: 0;
    z-index: -1;
    background: url(../images/6.jpg) 100% 0/cover no-repeat;
    overflow: hidden
}

.section__bg-wrap:before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(.55deg, rgba(4, 22, 42, .352) 37.73%, rgba(5, 46, 87, 0) 50%);
    z-index: 1
}

.section__bg-wrap:after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    background: linear-gradient(0deg, rgba(4, 22, 42, .3), rgba(4, 22, 42, .3))
}

@media only screen and (max-width:990px) {
    .section__bg-wrap {
        border-radius: 0
    }
}

.section__bg-img {
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1
}

@media only screen and (max-width:768px) {
    .section__bg-img--meteor-desktop {
        display: none
    }
}

.section__bg-img--meteor-mobile {
    display: none
}

@media only screen and (max-width:768px) {
    .section__bg-img--meteor-mobile {
        display: block
    }
}

.section--dispatch .section__bg-img {
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
    min-height: 100%;
    width: min-content
}

.section__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0;
    align-items: start;
    gap: 32px;
    margin-bottom: 48px
}

.wrap--align-center .section__header {
    text-align: center
}

@media only screen and (max-width:990px) {
    .section__header {
        margin-bottom: 32px
    }
}

.section__header--news-press {
    justify-content: start;
    align-items: start
}

.section__header--article {
    margin-bottom: 24px
}

@media only screen and (max-width:990px) {
    .section__header--article {
        max-width: 650px;
        margin-bottom: 16px
    }
}

@media only screen and (max-width:768px) {
    .section__header--article {
        margin-bottom: 24px
    }
}

.section__header--more-offset {
    margin-bottom: 64px
}

@media only screen and (max-width:990px) {
    .section__header--more-offset {
        margin-bottom: 48px;
        margin-bottom: 32px
    }
}

.section__header--img-text {
    grid-area: header;
    align-self: end;
    margin-left: 24px
}

@media only screen and (max-width:990px) {
    .section__header--img-text {
        margin-left: 0
    }
}

.section__header--text-img {
    grid-area: header;
    margin-bottom: 32px;
    align-self: start
}

@media only screen and (max-width:768px) {
    .section__header--text-img {
        margin-bottom: 24px
    }
}

.section__header--new-main {
    font-size: 48px;
    line-height: 58px;
    font-weight: 700;
    margin-bottom: 32px;
    position: relative
}

@media only screen and (max-width:990px) {
    .section__header--new-main {
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 24px
    }
}

.contact-us .section__header--new-main {
    margin-bottom: 16px
}

.wrap--align-center .section__header {
    margin-bottom: 12px
}

.section__header-btn-container {
    display: flex;
    flex-wrap: nowrap;
    align-items: start;
    gap: 24px;
    margin-bottom: 24px
}

@media only screen and (max-width:768px) {
    .section__header-btn-container {
        flex-direction: column;
        gap: 12px
    }
}

@media only screen and (max-width:990px) {
    .section__header-btn {
        display: none
    }
}

@media only screen and (max-width:1200px) {
    .section__header-btn--press {
        display: none
    }
}

.section__header-btn--no-radius {
    border-radius: unset;
    width: 100%
}

.section__subtitle {
    font-size: 30px;
    line-height: 36px;
    font-weight: 500;
    font-weight: 700;
    margin-bottom: 32px
}

@media only screen and (max-width:990px) {
    .section__subtitle {
        font-size: 20px;
        line-height: 24px;
        font-weight: 400;
        margin-bottom: 24px;
        font-weight: 700
    }
}

.section__subtitle--low-margin {
    margin-bottom: 8px
}

.btn--new-main-equip+.section__subtitle {
    margin-top: 32px
}

@media only screen and (max-width:768px) {
    .section--dispatch .section__subtitle {
        text-align: center;
        max-width: 80%
    }
}

.section__header-text {
    max-width: 930px
}

@media only screen and (max-width:990px) {
    .section__header-text {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 32px
    }

    .section--career .section__header-text {
        margin-bottom: 0
    }
}

@media only screen and (max-width:768px) {
    .section__header-text {
        margin-bottom: 24px
    }
}

.section__header-text--gray {
    color: #6c6c6c
}

.wrap--align-center .section__header-text--gray {
    text-align: center
}

.section__header-text+.section__header-text {
    margin-top: 10px
}

.section__header-text:last-of-type {
    margin-bottom: 48px
}

.section__map {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%
}

.section__btn-more {
    display: none
}

@media only screen and (max-width:556px) {
    .section__btn-more {
        font-size: 14px;
        line-height: 20px;
        display: flex;
        color: #6c6c6c
    }
}

.section__btn-to {
    display: none
}

@media only screen and (max-width:990px) {
    .section__btn-to {
        display: flex;
        margin-top: 32px
    }
}

.section__btn-to--press {
    display: none
}

@media only screen and (max-width:1200px) {
    .section__btn-to--press {
        display: flex;
        margin-top: 32px
    }
}

.section__text {
    grid-area: text;
    margin-left: 28px;
    margin-bottom: 32px
}

@media only screen and (max-width:990px) {
    .section__text {
        margin-left: 0;
        margin-bottom: 48px
    }
}

@media only screen and (max-width:768px) {
    .section__text {
        margin-bottom: 32px
    }
}

.section__text--new-main {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 32px
}

@media only screen and (max-width:990px) {
    .section__text--new-main {
        font-size: 16px;
        line-height: 20px;
        font-weight: 400;
        margin-bottom: 24px
    }
}

@media only screen and (max-width:990px) and only screen and (max-width:990px) {
    .section__text--new-main {
        font-size: 14px;
        line-height: 18px
    }
}

.section--dispatch .section__text--new-main {
    margin-bottom: 16px
}

.section__text--no-ml {
    margin-left: 0
}

.section__text--important {
    font-size: 80px;
    line-height: 98px;
    font-weight: 500;
    text-align: center
}

.section__text--important-sign+.section__text--important {
    margin-top: 64px
}

@media only screen and (max-width:990px) {
    .section__text--important-sign+.section__text--important {
        margin-top: 48px
    }
}

@media only screen and (max-width:990px) {
    .section__text--important {
        font-size: 40px;
        line-height: 49px
    }
}

@media (max-width:365px) {
    .section__text--important {
        font-size: 32px;
        line-height: 40px
    }
}

.section__text--important-sign {
    font-size: 20px;
    line-height: 20px;
    text-align: center
}

@media only screen and (max-width:990px) {
    .section__text--important-sign {
        font-size: 16px;
        line-height: 20px;
        font-weight: 400
    }
}

@media only screen and (max-width:990px) and only screen and (max-width:990px) {
    .section__text--important-sign {
        font-size: 14px;
        line-height: 18px
    }
}

.section__text--important+.section__text--important-sign {
    margin-top: 16px
}

.section__text-img {
    grid-area: text;
    margin-bottom: 40px
}

@media only screen and (max-width:1439px) {
    .section__text-img p {
        font-size: 14px;
        line-height: 20px
    }
}

@media only screen and (max-width:768px) {
    .section__text-img p {
        margin-bottom: 32px
    }
}

.section__text-img p+p {
    margin-top: 16px
}

.section__text-img--list {
    align-self: start
}

.section__text-img--list p {
    position: relative;
    padding-left: 20px
}

.section__text-img--list p:after {
    border-radius: 2px;
    position: absolute;
    top: 11px;
    left: 1px;
    background-color: #000;
    width: 4px;
    height: 4px;
    content: ""
}

.section__btn {
    grid-area: buttons;
    align-self: start;
    width: fit-content;
    margin-left: 28px
}

@media only screen and (max-width:990px) {
    .section__btn {
        margin-left: 0;
        width: 100%
    }
}

.section__btn--text-img {
    grid-area: buttons;
    align-self: start;
    width: fit-content;
    margin-bottom: auto
}

@media only screen and (max-width:990px) {
    .section__btn--text-img {
        width: 100%
    }
}

.search {
    background-color: hsla(0, 0%, 100%, .1);
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100vh
}

.search__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0;
    height: 236px;
    background-color: #fff;
    padding: 96px;
    position: relative
}

@media only screen and (max-width:990px) {
    .search__header {
        padding: 48px
    }
}

.search__field {
    font-size: 40px !important;
    line-height: 44px !important;
    font-weight: 500 !important;
    border: transparent;
    color: #000;
    border-bottom: none !important
}

@media only screen and (max-width:990px) {
    .search__field {
        font-size: 28px;
        line-height: 36px
    }
}

.search__field::placeholder {
    font-family: mrglovani, sans-serif;
    font-size: 40px;
    line-height: 44px;
    font-weight: 500;
    color: #828282;
    opacity: .2;
    border: transparent
}

@media only screen and (max-width:990px) {
    .search__field::placeholder {
        font-size: 28px;
        line-height: 36px
    }
}

.search__clear-btn {
    display: inline-block;
    position: absolute;
    top: 40px;
    right: 96px;
    padding: 6px
}

@media only screen and (max-width:990px) {
    .search__clear-btn {
        right: 48px
    }
}

.search__search-btn {
    padding: 10px;
    display: inline-block
}

.search__item {
    display: block
}

.search__item+.search__item {
    margin-top: 40px
}

@media only screen and (max-width:768px) {
    .search__item+.search__item {
        margin-top: 32px
    }
}

.search__item-title {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 16px;
    font-weight: 500
}

@media only screen and (max-width:990px) {
    .search__item-title {
        font-size: 14px;
        line-height: 18px
    }
}

.search__item-title b {
    color: #000;
    font-weight: 700
}

@media only screen and (max-width:768px) {
    .search__item-title {
        margin-bottom: 12px
    }
}

.search__item-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: #6c6c6c
}

.search__item-text b {
    color: #000;
    font-weight: 500
}

@media only screen and (max-width:990px) {
    .search__item-text {
        font-size: 12px;
        line-height: 16px
    }
}

.evo-slider {
    position: relative;
    width: 100%;
    margin-bottom: 34px
}

@media only screen and (max-width:768px) {
    .evo-slider {
        margin-bottom: 59px
    }
}

@media only screen and (max-width:556px) {
    .evo-slider {
        margin-bottom: 42px
    }
}

.evo-slider__slide {
    align-self: stretch
}

.evo-slider__slide:hover {
    opacity: 1
}

@media only screen and (max-width:768px) {
    .evo-slider__slide {
        width: 100%
    }
}

.evo-slider__swiper-controls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0;
    gap: 30px;
    position: relative;
    width: 100%;
    color: #4666af;
    padding-bottom: 3px
}

@media only screen and (max-width:556px) {
    .evo-slider__swiper-controls {
        display: none
    }
}

.evo-slider__buttons-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    gap: 60px;
    color: #000
}

@media only screen and (max-width:768px) {
    .evo-slider__buttons-container {
        display: none
    }
}

.news-slider {
    position: relative;
    width: 100%;
    margin-bottom: 34px
}

@media only screen and (max-width:768px) {
    .news-slider {
        margin-bottom: 59px
    }
}

@media only screen and (max-width:556px) {
    .news-slider {
        margin-bottom: 42px
    }
}

@media only screen and (max-width:556px) {
    .news-slider__wrapper {
        flex-direction: column;
        gap: 16px
    }
}

.news-slider__swiper-controls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0;
    gap: 30px;
    position: relative;
    width: 100%;
    color: #4666af;
    padding-bottom: 3px
}

@media only screen and (max-width:768px) {
    .news-slider__swiper-controls {
        margin-bottom: 40px
    }
}

@media only screen and (max-width:556px) {
    .news-slider__swiper-controls {
        display: none
    }
}

.news-slider__buttons-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    gap: 60px;
    color: #000
}

@media only screen and (max-width:768px) {
    .news-slider__buttons-container {
        display: none
    }
}

.news-slider-slide {
    align-self: stretch;
    overflow: hidden
}

.news-slider-slide:hover {
    opacity: 1
}

.news-slider-slide__img-container {
    padding-top: 64.20454545%;
    position: relative;
    overflow: hidden
}

@media only screen and (max-width:1439px) {
    .news-slider-slide__img-container {
        padding-top: 64.1025641%
    }
}

@media only screen and (max-width:768px) {
    .news-slider-slide__img-container {
        padding-top: 66.66666667%
    }
}

@media only screen and (max-width:556px) {
    .news-slider-slide__img-container {
        padding-top: 66.79389313%
    }
}

@media only screen and (max-width:376px) {
    .news-slider-slide__img-container {
        padding-top: 66.86046512%
    }
}

.news-slider-slide__img {
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: grayscale(100%)
}

.news-slider-slide:hover .news-slider-slide__img {
    filter: unset
}

@media only screen and (max-width:990px) {
    .news-slider-slide__img {
        filter: unset
    }
}

.news-slider-slide__block-container {
    transition: background-color .1s linear 0s;
    background-color: rgba(10, 39, 81, .4);
    color: #fff;
    mix-blend-mode: hard-light;
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: end
}

.news-slider-slide:hover .news-slider-slide__block-container {
    background-color: unset
}

@media only screen and (max-width:990px) {
    .news-slider-slide__block-container {
        background-color: unset;
        mix-blend-mode: unset
    }
}

.news-slider-slide__block {
    padding: 32px;
    position: relative;
    z-index: 2
}

@media only screen and (max-width:990px) {
    .news-slider-slide__block {
        padding: 24px;
        background: rgba(10, 39, 81, .8)
    }
}

@media only screen and (max-width:768px) {
    .news-slider-slide__block {
        padding: 16px
    }
}

.news-slider-slide__text {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 16px;
    text-shadow: 0 2px 16px rgba(0, 0, 0, .32)
}

@media only screen and (max-width:425px) {
    .news-slider-slide__text {
        font-size: 12px;
        line-height: 16px
    }
}

.news-slider-slide__date {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    text-transform: uppercase;
    opacity: .68
}

@media only screen and (max-width:1200px) {
    .news-slider-slide__date {
        font-size: 12px;
        line-height: 16px
    }
}

@media only screen and (max-width:768px) {
    .news-slider-slide__date {
        font-size: 12px;
        line-height: 16px
    }
}

.project-slider {
    position: relative;
    width: 100%;
    margin-bottom: 34px
}

@media only screen and (max-width:768px) {
    .project-slider {
        margin-bottom: 32px
    }
}

@media only screen and (max-width:556px) {
    .project-slider {
        margin-bottom: 24px
    }
}

.project-slider__slide {
    align-self: stretch
}

.project-slider__slide:hover {
    opacity: 1
}

.project-slider__swiper-controls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0;
    gap: 30px;
    position: relative;
    width: 100%;
    color: #4666af;
    padding-bottom: 3px
}

.project-slider__buttons-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    gap: 60px;
    color: #000
}

@media only screen and (max-width:768px) {
    .project-slider__buttons-container {
        display: none
    }
}

.projects-slider {
    position: relative;
    width: 100%;
    margin-bottom: 34px
}

@media only screen and (max-width:768px) {
    .projects-slider {
        margin-bottom: 59px
    }
}

@media only screen and (max-width:556px) {
    .projects-slider {
        margin-bottom: 42px
    }
}

.projects-slider__wrapper {
    height: auto !important
}

@media only screen and (max-width:556px) {
    .projects-slider__wrapper {
        flex-direction: column;
        gap: 32px
    }
}

.projects-slider__slide {
    align-self: stretch
}

@media only screen and (max-width:768px) {
    .projects-slider__slide {
        width: 100%
    }
}

.projects-slider__swiper-controls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0;
    gap: 30px;
    position: relative;
    width: 100%;
    color: #4666af;
    padding-bottom: 3px
}

@media only screen and (max-width:768px) {
    .projects-slider__swiper-controls {
        margin-bottom: 40px
    }
}

@media only screen and (max-width:556px) {
    .projects-slider__swiper-controls {
        display: none
    }
}

.projects-slider__buttons-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    gap: 60px;
    color: #000
}

@media only screen and (max-width:768px) {
    .projects-slider__buttons-container {
        display: none
    }
}

.values-slider {
    position: relative;
    width: 100%;
    margin-bottom: 34px
}

@media only screen and (max-width:768px) {
    .values-slider {
        margin-bottom: 32px
    }
}

@media only screen and (max-width:556px) {
    .values-slider {
        margin-bottom: 24px
    }
}

.values-slider__slide {
    align-self: stretch
}

@media only screen and (max-width:768px) {
    .values-slider__slide {
        width: 100%
    }
}

.values-slider__swiper-controls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0;
    gap: 30px;
    position: relative;
    width: 100%;
    color: #4666af;
    padding-bottom: 3px
}

.values-slider__buttons-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    gap: 60px;
    color: #000
}

@media only screen and (max-width:768px) {
    .values-slider__buttons-container {
        display: none
    }
}

html {
    height: 100%
}

body {
    font-family: mrglovani, sans-serif;
    display: flex;
    flex-direction: column;
    min-height: 100%;
    font-size: 16px;
    line-height: 24px;
    -webkit-text-size-adjust: 100%;
    font-feature-settings: "tnum"on, "lnum"on;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden
}

body.body-lock {
    overflow: hidden
}

.h1 {
    font-size: 76px;
    line-height: 84px;
    font-weight: 500;
    text-transform: uppercase
}

@media only screen and (max-width:990px) {
    .h1 {
        font-size: 44px;
        line-height: 52px
    }
}

@media only screen and (max-width:768px) {
    .h1 {
        font-size: 28px;
        line-height: 36px
    }
}

.h2 {
    font-size: 40px;
    line-height: 44px;
    font-weight: 500
}

@media only screen and (max-width:990px) {
    .h2 {
        font-size: 28px;
        line-height: 36px
    }
}

.h3 {
    font-size: 32px;
    line-height: 36px;
    font-weight: 500
}

@media only screen and (max-width:990px) {
    .h3 {
        font-size: 24px;
        line-height: 28px
    }
}

.h4 {
    font-size: 24px;
    line-height: 36px;
    font-weight: 600
}

.h5 {
    font-size: 20px;
    line-height: 24px;
    font-weight: 500
}

@media only screen and (max-width:990px) {
    .h5 {
        font-size: 16px;
        line-height: 20px
    }
}

.main {
    flex: 1;
    display: flex;
    flex-direction: column
}

.container-history, .container-mission {
    display: grid;
    grid-column-gap: 48px;
    grid-template-columns: 1fr 1fr;
    grid-row-gap: 32px
}

.container-mission {
    grid-template-areas: "image heading""image text"
}

@media only screen and (max-width:990px) {
    .container-mission {
        grid-template-areas: "heading heading""image image""text text";
        gap: 32px
    }
}

@media only screen and (max-width:768px) {
    .container-mission {
        grid-template-columns: auto
    }
}

.container-history {
    grid-template-areas: "heading   image""text image"
}

@media only screen and (max-width:990px) {
    .container-history {
        grid-template-areas: "heading heading""image image""text text";
        gap: 32px
    }
}

@media only screen and (max-width:768px) {
    .container-history {
        grid-template-columns: auto
    }
}

.history__heading {
    font-size: 40px;
    line-height: 44px;
    font-weight: 500;
    grid-area: heading;
    align-self: end
}

@media only screen and (max-width:990px) {
    .history__heading {
        font-size: 28px;
        line-height: 36px
    }
}

.history__image {
    grid-area: image;
    width: 100%;
    height: auto
}

.history__paragraph {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    grid-area: text
}

@media only screen and (max-width:990px) {
    .history__paragraph {
        font-size: 14px;
        line-height: 18px
    }
}

.history__text-content {
    display: flex;
    flex-direction: column;
    gap: 16px;
    grid-area: text
}

.mission__heading {
    font-size: 40px;
    line-height: 44px;
    font-weight: 500;
    grid-area: heading;
    align-self: end
}

@media only screen and (max-width:990px) {
    .mission__heading {
        font-size: 28px;
        line-height: 36px
    }
}

.mission__image {
    grid-area: image;
    width: 100%;
    height: auto
}

.mission__paragraph {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    grid-area: text
}

@media only screen and (max-width:990px) {
    .mission__paragraph {
        font-size: 14px;
        line-height: 18px
    }
}

.mission__text-content {
    display: flex;
    flex-direction: column;
    gap: 16px;
    grid-area: text
}

@media (max-width:1100px) {
    .values h2 {
        font-size: 28px;
        line-height: 36px
    }

    .values__list {
        display: grid;
        grid-template-columns: 1fr 1fr
    }

    .values__list-item_heading {
        margin-top: 16px
    }

    .values__list-item_paragraph {
        font-size: 12px;
        line-height: 16px;
        font-weight: 400
    }
}

@media (max-width:1100px) and only screen and (max-width:990px) {
    .values__list-item_paragraph {
        font-size: 10px;
        line-height: 14px
    }
}

@media only screen and (max-width:990px) {
    .company__heading {
        font-size: 36px;
        line-height: 40px;
        margin-bottom: 8px
    }

    .history__heading, .mission__heading {
        font-size: 32px;
        line-height: 36px;
        font-weight: 500;
        max-width: unset;
        margin: 0
    }
}

@media only screen and (max-width:990px) and only screen and (max-width:990px) {
    .history__heading, .mission__heading {
        font-size: 24px;
        line-height: 28px
    }
}

@media only screen and (max-width:768px) {
    .history__paragraph, .mission__paragraph {
        font-size: 14px;
        line-height: 18px;
        font-weight: 400
    }
}

.header-slider {
    margin-top: auto;
    position: relative;
    width: 100%;
    margin-bottom: 32px
}

@media only screen and (max-width:990px) {
    .header-slider {
        margin-bottom: 20px
    }
}

@media only screen and (max-width:556px) {
    .header-slider {
        margin-bottom: 16px
    }
}

.header-slider__slide {
    display: flex;
    flex-direction: column;
    justify-content: end;
    width: 100%
}

@media only screen and (max-width:990px) {
    .header-slider__slide {
        flex-direction: column;
        align-items: start;
        justify-content: end
    }
}

.header-slider__slide-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    align-items: center;
    width: 100%
}

@media only screen and (max-width:768px) {
    .header-slider__slide-wrapper {
        flex-direction: column;
        align-items: start
    }
}

.header-slider__statement {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-self: center;
    height: 100%
}

.header-slider__statement--short {
    max-width: 400px
}

@media only screen and (max-width:990px) {
    .header-slider__statement {
        align-self: start
    }
}

.header-slider__h1 {
    max-width: 811px;
    transform: translateX(-7px);
    margin-block: 0 32px
}

@media only screen and (max-width:1200px) {
    .header-slider__h1 {
        font-size: 44px;
        line-height: 52px;
        transform: translateX(-3px)
    }
}

@media only screen and (max-width:556px) {
    .header-slider__h1 {
        font-size: 36px;
        line-height: 42px;
        margin-bottom: 16px;
        transform: translateX(-1px)
    }
}

@media only screen and (max-width:376px) {
    .header-slider__h1 {
        font-size: 32px;
        line-height: 40px
    }
}

.header-slider__subtitle {
    font-size: 18px;
    line-height: 26px;
    max-width: 600px;
    align-self: start
}

@media only screen and (max-width:1200px) {
    .header-slider__subtitle {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (max-width:556px) {
    .header-slider__subtitle {
        font-size: 14px;
        line-height: 18px
    }
}

.header-slider__description {
    font-size: 16px;
    line-height: 22px;
    padding: 16px;
    max-width: 506px;
    background-color: rgba(0, 0, 0, .4)
}

.header-slider__description p+p {
    margin-top: 20px
}

@media only screen and (max-width:768px) {
    .header-slider__description p+p {
        margin-top: 10px
    }
}

@media only screen and (max-width:1200px) {
    .header-slider__description {
        font-size: 14px;
        line-height: 20px;
        max-width: 453px
    }
}

@media only screen and (max-width:768px) {
    .header-slider__description {
        font-size: 14px;
        line-height: 18px;
        max-width: 100%
    }
}

@media only screen and (max-width:376px) {
    .header-slider__description {
        font-size: 12px;
        line-height: 16px
    }
}

.header-slider__swiper-controls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0;
    gap: 30px;
    position: relative;
    width: 100%
}

.header-slider__swiper-controls .swiper-pagination-bullet-active {
    opacity: .5
}

.header-slider__buttons-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    gap: 60px
}

@media only screen and (max-width:768px) {
    .header-slider__buttons-container {
        display: none
    }
}

.maintenance__service-list {
    display: flex;
    justify-content: space-between;
    gap: 24px
}

@media only screen and (max-width:768px) {
    .maintenance__service-list {
        flex-direction: column
    }
}

.maintenance__service-list_item {
    flex: 1
}

@media only screen and (max-width:990px) {
    .maintenance__service-list_item {
        min-width: 348px;
        max-width: 48%
    }
}

@media only screen and (max-width:768px) {
    .maintenance__service-list_item {
        max-width: unset
    }
}

@media only screen and (max-width:990px) {
    .maintenance__service-list {
        flex-wrap: wrap
    }
}

.maintenance__service-item_heading {
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    font-weight: 600;
    margin: 24px 0 16px
}

@media only screen and (max-width:990px) {
    .maintenance__service-item_heading {
        font-size: 16px;
        line-height: 20px
    }
}

.maintenance__service-item_heading:hover {
    text-decoration: underline
}

.maintenance__service-item_description {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: #6c6c6c
}

@media only screen and (max-width:990px) {
    .maintenance__service-item_description {
        font-size: 14px;
        line-height: 18px
    }
}

@media only screen and (max-width:990px) {
    .maintenance__heading {
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 8px
    }

    .maintenance__service-item_heading {
        font-size: 16px;
        line-height: 20px;
        font-weight: 400;
        margin: 16px 0 12px;
        font-weight: 600
    }

    .maintenance__service-item_description {
        font-size: 12px;
        line-height: 16px;
        font-weight: 400
    }
}

@media only screen and (max-width:990px) and only screen and (max-width:990px) {
    .maintenance__service-item_heading {
        font-size: 14px;
        line-height: 18px
    }
}

@media only screen and (max-width:990px) and only screen and (max-width:990px) {
    .maintenance__service-item_description {
        font-size: 10px;
        line-height: 14px
    }
}

@media only screen and (max-width:768px) {
    .maintenance__servict-item_description {
        margin-bottom: 32px
    }
}

.manufacturer-service__benefits_heading {
    font-size: 40px;
    line-height: 44px;
    font-weight: 500;
    margin-bottom: 64px
}

@media only screen and (max-width:990px) {
    .manufacturer-service__benefits_heading {
        font-size: 28px;
        line-height: 36px
    }
}

.manufacturer-service__benefit-list {
    display: flex;
    flex-wrap: wrap;
    gap: 24px
}

@media only screen and (max-width:768px) {
    .manufacturer-service__benefit-list {
        gap: 16px
    }
}

.manufacturer-service__benefit_description {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    flex: 1;
    font-weight: 500
}

.manufacturer-service__benefit_image {
    width: 64px;
    height: 64px
}

@media only screen and (max-width:990px) {
    .manufacturer-service__heading {
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 8px
    }

    .manufacturer-service__benefits_heading {
        margin-bottom: 48px
    }

    .manufacturer-service__benefit_image {
        width: 48px;
        height: 48px
    }

    .hq-service__image {
        width: 100%;
        height: auto;
        margin-bottom: 32px
    }

    .hq-service__button {
        width: 100%
    }
}

@media only screen and (max-width:768px) {
    .hq-service__text-content {
        margin-bottom: 32px
    }

    .hq-service__text-content_paragraph {
        font-size: 14px;
        line-height: 18px;
        font-weight: 400
    }
}

.brochure__container_page_elevators {
    grid-template-areas: "image heading""image text""image buttons";
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr auto 1fr
}

.elevator-parameter__icon {
    width: 24px;
    height: 24px;
    color: #828282
}

.elevator-parameter-list {
    margin-top: 16px
}

.elevator-parameter-list__item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    padding-block: 12px
}

.elevator-parameter-list__item:not(:last-child) {
    border-bottom: 1px solid #d9d9d9
}

.elevator-parameter__value {
    margin-left: auto
}

.button_show_parameters {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px
}

@media (min-width:990px) {
    .button_show_parameters {
        display: none
    }
}

.tech-specs__heading {
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    padding: 16px;
    color: #fff;
    background-color: #2c447b;
    text-transform: uppercase;
    border: 1px solid #2c447b
}

@media only screen and (max-width:990px) {
    .tech-specs__heading {
        font-size: 10px;
        line-height: 14px
    }
}

.tech-specs__heading:not(:last-child) {
    border-right-color: #fff
}

.tech-specs__cell {
    padding: 24px 16px;
    border: 1px solid #d9d9d9
}

@media only screen and (max-width:990px) {
    .tech-specs__cell {
        padding-block: 16px
    }
}

.tech-specs__param {
    gap: 16px;
    display: flex;
    align-items: center
}

@media only screen and (max-width:990px) {
    .tech-specs__table {
        display: none
    }
}

.section__heading_segments {
    margin-bottom: 40px
}

.segments__tab-list {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    padding-bottom: 40px;
    border-bottom: 1px solid #d9d9d9
}

@media only screen and (max-width:1200px) {
    .segments__tab-list {
        flex-wrap: nowrap;
        overflow-x: auto;
        width: 100%;
        height: auto
    }
}

.segments__tab {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    padding: 16px;
    border: 1px solid #828282
}

@media only screen and (max-width:990px) {
    .segments__tab {
        font-size: 14px;
        line-height: 18px
    }
}

.segments__tab.active {
    background-color: #2c447b;
    border-color: #2c447b;
    color: #fff
}

@media only screen and (max-width:990px) {
    .segments__tab {
        font-size: 14px;
        line-height: 18px;
        font-weight: 400;
        padding-block: 12px
    }
}

.segments__tab-content {
    display: none
}

.segments__tab-content.active {
    animation: smooth-show .3s linear forwards;
    display: block;
    padding-top: 40px
}

.segments__image {
    width: 100%
}

.tab-content__heading {
    font-size: 32px;
    line-height: 36px;
    font-weight: 500
}

@media only screen and (max-width:990px) {
    .tab-content__heading {
        font-size: 24px;
        line-height: 28px
    }
}

.tab-content__text-container {
    display: flex;
    flex-direction: column;
    gap: 32px;
    max-width: 824px;
    margin-bottom: 48px
}

@media only screen and (max-width:990px) {
    .tab-content__text-container {
        margin-bottom: 32px
    }
}

.brochure__container_section_installation {
    grid-template-areas: "heading image""text image""buttons image";
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr auto 1fr
}

.brochure__container_page_travolators {
    grid-template-areas: "image heading""image text";
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr auto
}

.catalogs__wrap {
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 50%
}

@media only screen and (max-width:990px) {
    .catalogs__wrap {
        width: 100%;
        padding-inline: 16px
    }
}

.catalogs__container {
    border-radius: 8px;
    width: 792px;
    background-color: #fff;
    height: min-content;
    padding: 48px 56px;
    position: relative
}

@media only screen and (max-width:990px) {
    .catalogs__container {
        width: 100%;
        padding: 24px
    }
}

.catalogs__close-btn {
    width: 22px;
    height: 22px;
    position: absolute;
    top: 24px;
    right: 24px
}

.catalogs__close-btn:after, .catalogs__close-btn:before {
    position: absolute;
    top: 50%;
    right: 19%;
    transform-origin: center center;
    background-color: #000;
    content: "";
    width: 17px;
    height: 1px;
    rotate: 45deg
}

.catalogs__close-btn:after {
    rotate: 135deg
}

.catalogs__title {
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
    font-weight: 700;
    margin-bottom: 40px
}

@media only screen and (max-width:990px) {
    .catalogs__title {
        margin-bottom: 24px
    }
}

.catalogs__subtitle {
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
    font-weight: 600;
    margin-bottom: 16px
}



.catalogs__meteor-wrap.show, .catalogs__xizi-wrap.show {
    display: block
}

.catalogs__meteor-wrap+.catalogs__button, .catalogs__xizi-wrap+.catalogs__button {
    margin-top: 36px
}

@media only screen and (max-width:990px) {
    .catalogs__meteor-wrap+.catalogs__button, .catalogs__xizi-wrap+.catalogs__button {
        margin-top: 32px
    }
}

.catalogs__meteor-wrap+.catalogs__xizi-wrap {
    margin-top: 32px
}

@media only screen and (max-width:990px) {
    .catalogs__meteor-wrap {
        margin-bottom: 32px
    }
}

.catalogs__meteor, .catalogs__xizi {
    display: flex;
    gap: 32px
}

@media only screen and (max-width:990px) {
    .catalogs__meteor, .catalogs__xizi {
        flex-direction: column;
        gap: 16px
    }
}

.catalogs__list-item {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 16px
}

.catalogs__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0;
    border-bottom: 1px dashed #828282
}

.catalogs__link {
    color: #0a2751;
    font-weight: 500
}

.catalogs__button {
    display: none
}

@media only screen and (max-width:990px) {
    .catalogs__button {
        width: 100%
    }
}

.catalogs__button+.catalogs__button {
    margin-top: 16px
}

@media only screen and (max-width:990px) {
    .catalogs__button.show {
        display: flex
    }
}

@media only screen and (max-width:990px) {
    .plants__heading {
        font-size: 32px;
        line-height: 36px;
        font-weight: 500;
        margin-bottom: 16px
    }
}

@media only screen and (max-width:990px) and only screen and (max-width:990px) {
    .plants__heading {
        font-size: 24px;
        line-height: 28px
    }
}

@media only screen and (max-width:990px) {
    .plants__paragraph {
        font-size: 16px;
        line-height: 20px;
        font-weight: 400;
        margin-bottom: 32px
    }
}

@media only screen and (max-width:990px) and only screen and (max-width:990px) {
    .plants__paragraph {
        font-size: 14px;
        line-height: 18px
    }
}

.plants__year-list {
    width: 294px;
    align-self: start;
    position: sticky;
    top: 100px
}

@media only screen and (max-width:990px) {
    .plants__year-list {
        position: static;
        gap: 12px;
        display: flex;
        width: 100%;
        overflow: auto
    }
}

@media only screen and (max-width:990px) {
    .plants__year-list-item button {
        font-size: 14px;
        line-height: 18px;
        font-weight: 400;
        border-bottom: 1px solid #d9d9d9
    }
}

.plants__year-list-item:hover {
    background-color: hsla(0, 0%, 85.1%, .6)
}

.plants__year-list-item:last-child button {
    border-bottom: 1px solid #d9d9d9
}

.plants__year-list-button {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    padding: 12px 16px;
    border-top: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
    color: #000;
    display: flex;
    width: 100%;
    justify-content: space-between
}

@media only screen and (max-width:990px) {
    .plants__year-list-button {
        font-size: 14px;
        line-height: 18px
    }
}

.plants__year-list-button.active {
    background-color: #2c447b;
    color: #fff;
    border-color: #2c447b
}

.plants__year-list-button.active img {
    filter: invert(100%) sepia(100%) saturate(0) hue-rotate(137deg) brightness(103%) contrast(101%)
}

.plants__document-list, .plants__region-list {
    animation: smooth-show .2s linear forwards;
    display: block
}

.plants__document-list:not(.active), .plants__region-list:not(.active) {
    display: none
}

.plants__document-list_item, .plants__region-list_item {
    display: flex;
    border: 1px solid #d9d9d9;
    border-bottom: none
}

.plants__document-list_item:last-child, .plants__region-list_item:last-child {
    border-bottom: 1px solid #d9d9d9
}

.plants__document-list_item a, .plants__document-list_item button, .plants__region-list_item a, .plants__region-list_item button {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 20px 64px 20px 24px;
    position: relative;
    font-weight: 500;
    white-space: normal;
    width: 100%
}

@media only screen and (max-width:990px) {
    .plants__document-list_item a, .plants__document-list_item button, .plants__region-list_item a, .plants__region-list_item button {
        font-size: 14px;
        line-height: 18px
    }
}

.plants__document-list_item a:after, .plants__document-list_item button:after, .plants__region-list_item a:after, .plants__region-list_item button:after {
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    right: 24px
}

.plants__document-list_item a:hover, .plants__document-list_item button:hover, .plants__region-list_item a:hover, .plants__region-list_item button:hover {
    background-color: #f7f7f7
}

@media only screen and (max-width:990px) {
    .plants__document-list_item a, .plants__document-list_item button, .plants__region-list_item a, .plants__region-list_item button {
        font-size: 14px;
        line-height: 18px;
        font-weight: 400
    }
}

.plants__document-list_item a:after {
    content: "PDF";
    color: #6c6c6c;
    font-weight: 400
}

.plants__region-list_item {
    flex-direction: column;
    border: none
}

.plants__region-list_item:first-child button {
    border-top: 1px solid #d9d9d9
}

.plants__region-list_item button {
    background-color: #f7f7f7;
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    border-top: 1px solid #d9d9d9
}

.plants__region-list_item button:after {
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    transition: rotate .1s linear 0s;
    transform-origin: top center;
    content: "";
    width: 8px;
    height: 8px;
    border-top: 2px solid #6c6c6c;
    border-right: 2px solid #6c6c6c;
    rotate: 135deg;
    margin-top: -1px
}

.plants__region-list_item button.expanded {
    border-bottom: none
}

.plants__region-list_item button.expanded+.nested {
    display: block
}

.plants__region-list_item button.expanded:after {
    margin-top: 3px;
    rotate: -45deg
}

.news-card {
    align-self: stretch;
    overflow: hidden;
    color: #fff
}

.news-card:hover {
    opacity: 1
}

@media only screen and (min-width:991px) {
    .news-card--no-image:hover {
        color: #000;
        background-color: #efefef
    }
}

@media only screen and (max-width:990px) {
    .news-card--no-image {
        background-color: #efefef
    }
}

.news-card__img-container {
    padding-top: 65.35947712%;
    position: relative;
    overflow: hidden
}

@media only screen and (max-width:990px) {
    .news-card__img-container {
        padding-top: 66.66666667%
    }
}

@media only screen and (max-width:768px) {
    .news-card__img-container {
        padding-top: 67.44186047%
    }
}

.news-card__img {
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: grayscale(100%)
}

.news-card:hover .news-card__img {
    filter: unset
}

@media only screen and (max-width:990px) {
    .news-card__img {
        filter: unset
    }
}

.news-card__logo {
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 50%;
    width: 172px;
    height: 24px
}

@media only screen and (max-width:768px) {
    .news-card__logo {
        width: 114px;
        height: 20px
    }
}

.news-card__block-container {
    transition: background-color .1s linear 0s;
    background-color: rgba(10, 39, 81, .4);
    color: inherit;
    mix-blend-mode: hard-light;
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: end
}

.news-card:hover .news-card__block-container {
    background-color: unset
}

@media only screen and (max-width:990px) {
    .news-card__block-container {
        background-color: unset;
        mix-blend-mode: unset
    }
}

.news-card__block {
    padding: 32px;
    position: relative;
    z-index: 2;
    color: inherit
}

@media only screen and (max-width:990px) {
    .news-card__block {
        padding: 24px;
        background: rgba(10, 39, 81, .8)
    }
}

@media only screen and (max-width:768px) {
    .news-card__block {
        padding: 16px
    }
}

.news-card__text {
    font-size: 16px;
    line-height: 24px;
    color: inherit;
    margin-bottom: 16px;
    text-shadow: 0 2px 16px rgba(0, 0, 0, .32)
}

@media only screen and (max-width:425px) {
    .news-card__text {
        font-size: 12px;
        line-height: 16px
    }
}

.news-card__date {
    color: inherit;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    text-transform: uppercase;
    opacity: .68
}

@media only screen and (max-width:1200px) {
    .news-card__date {
        font-size: 12px;
        line-height: 16px
    }
}

@media only screen and (max-width:768px) {
    .news-card__date {
        font-size: 12px;
        line-height: 16px
    }
}

.plant-list__item {
    background-color: #f7f7f7;
    display: flex;
    flex-grow: 1;
    min-height: 224px
}

.plant-list__item:hover {
    background-color: hsla(0, 0%, 85.1%, .6)
}

@media only screen and (max-width:990px) {
    .plant-list__item {
        min-height: 98px
    }
}

.plant-list__item a {
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%
}

@media only screen and (max-width:990px) {
    .plant-list__item a {
        padding: 24px
    }
}

.year-list {
    color: #6c6c6c;
    display: flex
}

.year-list__item {
    font-size: 12px;
    line-height: 16px;
    font-weight: 400
}

@media only screen and (max-width:990px) {
    .year-list__item {
        font-size: 10px;
        line-height: 14px
    }
}

.year-list__item:not(:last-child) {
    padding-right: 20px;
    position: relative
}

.year-list__item:not(:last-child):after {
    position: absolute;
    content: "•";
    right: 9px
}