@charset "UTF-8";

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

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

.tekhnikaNalichie-other__btns @font-face {
    font-family: Roboto;
    font-display: swap;
    src: url(../fonts/Roboto-Regular.woff2) format("woff2");
    font-weight: 400
}

@font-face {
    font-family: "Fira Sans";
    src: url(../fonts/FiraSans-Bold.eot);
    src: url(../fonts/FiraSans-Bold.eot?#iefix) format("embedded-opentype"), url(../fonts/FiraSans-Bold.woff2) format("woff2"), url(../fonts/FiraSans-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Fira Sans";
    src: url(../fonts/FiraSans-Regular.eot);
    src: url(../fonts/FiraSans-Regular.eot?#iefix) format("embedded-opentype"), url(../fonts/FiraSans-Regular.woff2) format("woff2"), url(../fonts/FiraSans-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

.container {
    display: block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap
}

@media (min-width:640px) {
    .container {
        width: 100%
    }
}

@media (min-width:768px) {
    .container {
        width: 100%
    }
}

@media (min-width:1024px) {
    .container {
        width: 95%
    }
}

@media (min-width:1280px) {
    .container {
        width: 95%
    }
}

@media (min-width:1440px) {
    .container {
        width: 1340px
    }
}

@media (min-width:1700px) {
    .container {
        width: 1600px
    }
}

.section-title {
    width: 100%;
    display: inline-block;
    font-weight: 700;
    font-family: HeliosC, sans-serif;
    color: #1f222d;
    font-size: 30px;
    line-height: 39px;
    margin: 40px 0 32px
}

@media (min-width:1280px) {
    .section-title {
        font-size: 40px;
        line-height: 120%
    }
}

.h2,
h2 {
    font-size: calc(24px + (40px - 24px) * ((100vw - 320px)/ (900px - 320px)));
    font-size: 24px;
    font-weight: 700;
    font-family: HeliosC, sans-serif;
    line-height: 39px;
    margin: 0 0 30px;
    color: #1f222d
}

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

    .h2,
    h2 {
        font-size: 24px
    }
}

@media screen and (min-width:900px) {

    .h2,
    h2 {
        font-size: 40px
    }
}

@media (min-width:1280px) {

    .h2,
    h2 {
        line-height: 48px;
        width: 80%
    }
}

@media (min-width:1700px) {

    .h2,
    h2 {
        width: 70%
    }
}

.h2 span,
h2 span {
    color: #f36e21
}

.other-page .h2 {
    font-size: calc(24px + (40px - 24px) * ((100vw - 320px)/ (900px - 320px)));
    font-weight: 700;
    font-family: HeliosC, sans-serif;
    line-height: 39px;
    margin: 0 0 30px;
    color: #1f222d;
    text-transform: initial
}

@media screen and (max-width:320px) {
    .other-page .h2 {
        font-size: 24px
    }
}

@media screen and (min-width:900px) {
    .other-page .h2 {
        font-size: 40px
    }
}

@media (min-width:1280px) {
    .other-page .h2 {
        line-height: 48px;
        width: 80%
    }
}

@media (min-width:1700px) {
    .other-page .h2 {
        width: 70%
    }
}

.h1,
h1 {
    font-size: calc(48px + (64px - 48px) * ((100vw - 320px)/ (900px - 320px)));
    margin: 0
}

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

    .h1,
    h1 {
        font-size: 48px
    }
}

@media screen and (min-width:900px) {

    .h1,
    h1 {
        font-size: 64px
    }
}

.other-page .contacts-list__name-block .h2 {
    width: 100%;
    padding-bottom: 0;
    font-size: 20px;
    margin-bottom: 0
}

.other-page .img-text-list h2 {
    padding-bottom: 0
}

.h3,
h3 {
    font-size: calc(20px + (30px - 20px) * ((100vw - 320px)/ (900px - 320px)));
    font-size: 20px;
    color: #1f222d;
    margin: 0;
    font-family: HeliosC, sans-serif
}

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

    .h3,
    h3 {
        font-size: 20px
    }
}

@media screen and (min-width:900px) {

    .h3,
    h3 {
        font-size: 30px
    }
}

@media (min-width:1280px) {

    .h3,
    h3 {
        line-height: rem(39px)
    }
}

.h4,
h4 {
    font-size: calc(22px + (24px - 22px) * ((100vw - 320px)/ (900px - 320px)));
    font-size: 22px;
    color: #282a31;
    margin: 0;
    font-weight: 700;
    font-family: HeliosC, sans-serif
}

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

    .h4,
    h4 {
        font-size: 22px
    }
}

@media screen and (min-width:900px) {

    .h4,
    h4 {
        font-size: 24px
    }
}

.other-page .h4 {
    font-size: 16px
}

.h5,
h5 {
    font-size: calc(18px + (20px - 18px) * ((100vw - 320px)/ (900px - 320px)));
    font-size: 18px;
    color: #282a31;
    font-family: HeliosC, sans-serif
}

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

    .h5,
    h5 {
        font-size: 18px
    }
}

@media screen and (min-width:900px) {

    .h5,
    h5 {
        font-size: 20px
    }
}

.h6,
h6 {
    font-size: calc(15px + (16px - 15px) * ((100vw - 320px)/ (900px - 320px)));
    font-size: 15px;
    color: #282a31;
    margin: 0;
    font-family: HeliosC, sans-serif
}

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

    .h6,
    h6 {
        font-size: 15px
    }
}

@media screen and (min-width:900px) {

    .h6,
    h6 {
        font-size: 16px
    }
}

.m40 {
    margin: 40px 0
}

section {
    width: 100%;
    display: inline-block;
    position: relative;
    padding: 3.75rem 0
}

@media (min-width:1280px) {
    section {
        padding: 5rem 0
    }
}

@media (min-width:1700px) {
    section {
        padding: 5.625rem 0
    }
}

.section-nav {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    margin: 0 0 2rem;
    padding: 0 15px
}

@media (min-width:1024px) {
    .section-nav {
        padding: 0
    }
}

.section-nav h1,
.section-nav h2 {
    margin: 0
}

.breadcrumbs {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    align-items: center;
    margin: 0;
    padding: 0
}

.breadcrumbs-home a {
    width: 20px;
    position: relative
}

.breadcrumbs-home a::before {
    content: "";
    width: 20px;
    height: 20px;
    background-image: url(../img/home-icon.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    left: 0;
    top: -16px
}

.breadcrumbs-item {
    color: #8e9aa9;
    text-decoration: none;
    display: inline-block;
    font-family: "Fira Sans", sans-serif;
    font-size: 14px;
    list-style-type: none
}

.breadcrumbs-item::after {
    content: "/";
    font-weight: 400;
    font-size: 14px;
    line-height: 160%;
    color: #4b535e;
    display: inline-block;
    position: relative;
    margin: 0 10px 0 8px;
    top: 0
}

.breadcrumbs-item:last-of-type::after {
    display: none
}

.breadcrumbs-item a {
    color: #4b535e;
    text-decoration: none;
    display: inline-block;
    font-family: "Fira Sans", sans-serif;
    font-size: 14px
}

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

    .breadcrumbs-item:first-of-type,
    .breadcrumbs-item:last-of-type {
        display: inline-block
    }
}

.breadcrumbs.breadcrumbs-for-cover .breadcrumbs-item a {
    color: #8e9aa9
}

.breadcrumbs.breadcrumbs-for-dark .breadcrumbs-item,
.breadcrumbs.breadcrumbs-for-dark .breadcrumbs-item a {
    color: #e0e6ed
}

.breadcrumbs.breadcrumbs-for-dark .breadcrumbs-item::after {
    color: #fff
}

.breadcrumbs.breadcrumbs-for-dark .breadcrumbs-home a {
    width: 20px;
    position: relative
}

.breadcrumbs.breadcrumbs-for-dark .breadcrumbs-home a::before {
    content: "";
    width: 20px;
    height: 20px;
    background-image: url(../img/home-icon-white.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    left: 0;
    top: -16px
}

.btn {
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    background: #f36e21;
    border-radius: 6px;
    padding: 0 1.375rem;
    height: 3.125rem;
    align-content: center;
    align-items: center;
    justify-content: center;
    transition: .5s ease;
    text-decoration: none;
    outline: 0;
    border: none;
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
    transition: .5s ease
}

@media (min-width:1024px) {
    .btn {
        padding: 0 2.8125rem
    }
}

@media (min-width:1700px) {
    .btn {
        height: 3.8125rem
    }
}

.btn span {
    font-size: 1.125rem;
    font-weight: 700;
    font-family: HeliosC, sans-serif;
    transition: .5s ease;
    position: relative;
    color: #fff
}

.btn span::after {
    content: "";
    background-image: url(../img/arrow-right--white.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: .875rem;
    height: .75rem;
    margin: 0 0 0 .8125rem;
    display: inline-block;
    transition: .5s ease;
    position: relative;
    top: .125rem
}

.btn:hover {
    background: #007249
}

.btn--grey {
    background: #525d7b
}

.link {
    font-weight: 700;
    font-size: 18px;
    color: #f36e21;
    font-family: HeliosC, sans-serif;
    position: relative;
    transition: .3s ease;
    text-decoration: none
}

.link::after {
    content: "";
    background-image: url(../img/arrow-right.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 1rem;
    height: .875rem;
    margin: 0 0 0 1rem;
    display: inline-block;
    transition: .3s ease;
    position: relative;
    top: 2px
}

.link:hover {
    color: #007249
}

.link:hover::after {
    background-image: url(../img/arrow-right--green.svg)
}

.link--md {
    font-size: 16px
}

.check {
    position: relative;
    cursor: pointer;
    display: inline-block;
    color: #282a31;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    padding: 0 0 0 2.25rem;
    box-sizing: border-box
}

.check>input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.check>span {
    display: inline-flex;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    top: .3125rem;
    position: absolute;
    left: 0;
    top: 0
}

.check>span::before {
    content: "";
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0;
    flex-grow: 0;
    border-radius: 4px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 60% 60%;
    transition: .3s ease
}

.check>input:checked+span::before {
    background-image: url(../img/tick.svg)
}

.check>input:disabled+span::before {
    background-color: #fff
}

.article-gallery__next,
.article-gallery__prev,
.slider-btn__l,
.slider-btn__r,
.video-gallery__next,
.video-gallery__prev {
    width: 3.5rem;
    height: 3.5rem;
    background: #fff;
    z-index: 3;
    border-radius: 50%;
    box-shadow: 0 10px 15px rgba(0, 0, 0, .05), 0 4px 6px rgba(0, 0, 0, .02);
    display: none
}

@media (min-width:1024px) {

    .article-gallery__next,
    .article-gallery__prev,
    .slider-btn__l,
    .slider-btn__r,
    .video-gallery__next,
    .video-gallery__prev {
        display: block
    }
}

.article-gallery__next svg,
.article-gallery__prev svg,
.slider-btn__l svg,
.slider-btn__r svg,
.video-gallery__next svg,
.video-gallery__prev svg {
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    left: calc(50% - 12px);
    top: calc(50% - 12px);
    fill: #8e9aa9;
    transition: .3s ease
}

.article-gallery__next svg,
.slider-btn__r svg,
.video-gallery__next svg,
.zavod-capacity__next svg {
    transform: rotate(180deg)
}

.page.cover::before {
    content: "";
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .4);
    z-index: 3
}

.h-ctr {
    text-align: center;
    width: 100%
}

button.plyr__control.plyr__control--overlaid {
    background-image: url(../img/videoPlay.svg);
    background-repeat: no-repeat;
    background-size: 100%
}

.plyr--full-ui input[type=range] {
    color: #f36e21
}

@-ms-viewport {
    width: device-width
}

.page {
    box-sizing: border-box;
    font-size: 100%;
    -webkit-tap-highlight-color: transparent;
    -ms-overflow-style: scrollbar;
    -ms-text-size-adjust: 100%;
    min-width: 320px;
    min-height: 100%
}

.page__inner {
    min-height: 100vh;
    display: flex;
    flex-direction: column
}

.page__content {
    flex-grow: 1;
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.page__footer-wrapper {
    flex-shrink: 0;
    position: relative
}

.overflowFix .page__content {
    overflow: initial
}

*,
:after,
:before {
    box-sizing: inherit
}

body {
    margin: 0;
    min-height: 100%;
    font-family: "Fira Sans", sans-serif;
    font-size: 1rem !important;
    line-height: 1.4;
    color: #000;
    overflow-x: hidden;
    transition: background-color .5s linear
}

[tabindex="-1"]:focus {
    outline: 0 !important
}

[role=button] {
    cursor: pointer
}

input[type=search] {
    -webkit-appearance: textfield
}

[role=button],
a,
button,
input,
label,
select,
textarea {
    touch-action: manipulation
}

a svg,
button svg {
    pointer-events: none
}

img {
    max-width: 100%;
    height: auto
}

button,
select {
    text-transform: none;
    outline: 0;
    cursor: pointer;
    padding: 0;
    border: none;
    outline: 0;
    background-color: transparent
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

textarea {
    overflow: auto;
    resize: vertical
}

svg {
    fill: currentColor
}

a svg,
button svg {
    pointer-events: none
}

svg:not(:root) {
    overflow: hidden
}

p {
    line-height: 24px
}

.page.is-scroll-disabled {
    height: 100vh;
    overflow: hidden
}

.page.is-scroll-disabled body {
    height: 100vh;
    overflow: hidden
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    html.is-scroll-disabled {
        overflow: hidden
    }
}

.no-scroll {
    overflow: hidden;
    -ms-overflow-style: none
}

.no-scroll-h {
    overflow-x: hidden
}

a {
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

.nav {
    width: 100%;
    padding: .9375rem 0;
    box-sizing: border-box;
    position: relative;
    z-index: 20;
    background-color: #fff
}

@media (min-width:1024px) {
    .nav {
        padding: .875rem 0
    }
}

@media (min-width:1700px) {
    .nav {
        padding: .9375rem 0
    }
}

.nav.nav-others {
    border-bottom: 1px solid #e0e6ed
}

.nav-logo {
    width: 40%;
    margin: 0 auto 0 0
}

@media (min-width:1024px) {
    .nav-logo {
        width: 180px
    }
}

@media (min-width:1100px) {
    .nav-logo {
        width: 200px
    }
}

@media (min-width:1440px) {
    .nav-logo {
        width: 250px;
        height: 40px
    }
}

.nav-logo img {
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.nav-wrap {
    width: 100%;
    padding: 0 .9375rem;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-end;
    align-content: center;
    align-items: center;
    position: relative
}

@media (min-width:1024px) {
    .nav-wrap {
        padding: 0 1.875rem;
        justify-content: space-between
    }
}

@media (min-width:1280px) {
    .nav-wrap {
        padding: 0 2.5rem;
        justify-content: space-between
    }
}

.nav-menu {
    margin: 0;
    padding: 0;
    flex-grow: 1;
    justify-content: center;
    display: none
}

@media (min-width:1170px) {
    .nav-menu {
        display: -ms-flex;
        display: flex;
        flex-flow: row wrap
    }
}

.nav-menu li {
    list-style-type: none;
    display: inline-block;
    width: auto;
    margin: 0 .625rem
}

@media (min-width:1280px) {
    .nav-menu li {
        margin: 0 .9375rem
    }
}

@media (min-width:1700px) {
    .nav-menu li {
        margin: 0 1.875rem
    }
}

.nav-menu li:hover a {
    color: #f36e21
}

.nav-menu a {
    text-decoration: none;
    font-weight: 400;
    font-size: 16px;
    font-family: "Fira Sans", sans-serif;
    color: #1f222d;
    position: relative
}

.nav-menu .active a {
    color: #f36e21
}

.nav-menu .active a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -16px;
    background-color: #f36e21;
    width: 100%;
    height: 2px
}

@media (min-width:1100px) {
    .nav-menu .active a::after {
        bottom: -16px
    }
}

@media (min-width:1200px) {
    .nav-menu .active a::after {
        bottom: -21px
    }
}

@media (min-width:1440px) {
    .nav-menu .active a::after {
        bottom: -25px
    }
}

@media (min-width:1700px) {
    .nav-menu .active a::after {
        bottom: -26px
    }
}

.nav-menu__sub:hover .menu-sub__item {
    display: flex;
    z-index: 30
}

.nav-menu__sub:hover .menu-sub__item .menu-sub__label {
    color: #1f222d
}

.nav-menu__sub:hover .menu-sub__item ul li a {
    color: #4b535e
}

.nav-menu__sub:hover .menu-sub__label:hover {
    color: #f36e21
}

.nav-phone {
    font-weight: 700;
    font-size: 0;
    font-family: HeliosC, sans-serif;
    color: #f36e21;
    text-decoration: none;
    position: relative;
    padding: 0 0 0 2.5rem;
    display: none
}

@media (min-width:1024px) {
    .nav-phone {
        display: inline-block;
        padding: 0 0 0 .9375rem
    }
}

@media (min-width:1150px) {
    .nav-phone {
        display: inline-block;
        padding: 0 0 0 2.5rem
    }
}

@media (min-width:1440px) {
    .nav-phone {
        font-size: 16px
    }
}

.nav-phone::before {
    content: "";
    background-image: url(../img/phone-nav__icon.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 1.5rem;
    HEIGHT: 1.5rem;
    position: relative;
    display: inline-block;
    left: 0;
    top: -.125rem
}

@media (min-width:1440px) {
    .nav-phone::before {
        display: none
    }
}

@media (min-width:1700px) {
    .nav-phone::before {
        position: absolute;
        display: inline-block
    }
}

.nav-lang {
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    margin: 0 0 0 20px;
    padding: 0
}

@media (min-width:1024px) {
    .nav-lang {
        margin: 0 0 0 .625rem
    }
}

@media (min-width:1150px) {
    .nav-lang {
        padding: 0 0 0 1.5rem
    }
}

.nav-lang li {
    list-style-type: none;
    margin-right: 1.25rem;
    position: relative
}

.nav-lang li::after {
    content: "";
    position: absolute;
    right: -10px;
    width: 1px;
    height: 22px;
    background-color: #8e9aa9
}

.nav-lang li:last-of-type {
    margin-right: 0
}

.nav-lang li:last-of-type::after {
    display: none
}

.nav-lang li a {
    font-weight: 700;
    font-size: 16px;
    color: #8e9aa9;
    font-family: HeliosC, sans-serif;
    text-decoration: none
}

.nav-lang li a:hover {
    color: #1f222d
}

.nav-lang .active a {
    color: #1f222d
}

.nav-loupe {
    width: 2rem;
    height: 2rem;
    margin: 0 0 0 20px;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    align-items: center;
    justify-content: center
}

@media (min-width:1024px) {
    .nav-loupe {
        margin: 0 0 0 .625rem
    }
}

@media (min-width:1150px) {
    .nav-loupe {
        margin: 0 0 0 1.5rem
    }
}

.loupe-icon {
    width: 1.5rem;
    height: 1.5rem;
    cursor: pointer;
    background-image: url(../img/loupe.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block
}

@media (min-width:1024px) {
    .loupe-icon {
        width: 2rem;
        height: 2rem
    }
}

.close-search {
    width: 24px;
    height: 24px;
    display: none;
    background-image: url(../img/close.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    transition: .3s ease
}

.close-search:hover {
    background-image: url(../img/close-hover.svg)
}

.nav-search {
    width: calc(100% - 30px);
    height: 3.25rem;
    border: 1px solid #e0e6ed;
    border-radius: 6px;
    position: absolute;
    right: 15px;
    top: 55px;
    background-color: #fff;
    padding: 0 .375rem 0 1rem;
    box-sizing: border-box;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    align-items: center;
    display: none;
    z-index: 10
}

@media (min-width:1024px) {
    .nav-search {
        width: calc(100% - 390px);
        right: 80px;
        top: calc(50% - 26px)
    }
}

.nav-search.open {
    display: flex
}

.nav-search__icon {
    width: 32px;
    height: 32px;
    background-image: url(../img/loupe-grey.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block
}

.nav-search__form {
    width: calc(100% - 33px)
}

.nav-search__field {
    width: calc(100% - 92px);
    height: 40px;
    outline: 0;
    border: none;
    background-color: #fff;
    padding: 0 16px;
    font-weight: 400;
    font-size: 16px;
    font-family: "Fira Sans", sans-serif;
    color: #000
}

.nav-search__field::-moz-placeholder {
    font-weight: 400;
    font-size: 16px;
    font-family: "Fira Sans", sans-serif;
    color: #8e9aa9
}

.nav-search__field:-ms-input-placeholder {
    font-weight: 400;
    font-size: 16px;
    font-family: "Fira Sans", sans-serif;
    color: #8e9aa9
}

.nav-search__field::placeholder {
    font-weight: 400;
    font-size: 16px;
    font-family: "Fira Sans", sans-serif;
    color: #8e9aa9
}

.nav-search_btn {
    width: 87px;
    height: 40px;
    background: #f36e21;
    border-radius: 6px;
    font-weight: 700;
    font-size: 12px;
    font-family: HeliosC, sans-serif;
    color: #fff;
    text-align: center;
    border: none;
    cursor: pointer
}

.nav-search_btn:hover {
    background: #007249
}

.nav-burger-menu {
    position: relative;
    width: 26px;
    height: 20px;
    margin: 0 0 0 1.25rem;
    cursor: pointer
}

@media (min-width:1170px) {
    .nav-burger-menu {
        display: none
    }
}

.nav-burger {
    position: absolute;
    background: #282a31;
    width: 100%;
    height: 2px;
    top: 50%;
    right: 0;
    border-radius: 24px;
    opacity: 1
}

.nav-burger::before {
    position: absolute;
    background: #282a31;
    width: 26px;
    height: 2px;
    top: 7px;
    content: "";
    display: block;
    border-radius: 24px
}

.nav-burger::after {
    position: absolute;
    background: #282a31;
    width: 26px;
    height: 2px;
    bottom: 7px;
    content: "";
    display: block;
    border-radius: 24px
}

.nav-burger,
.nav-burger::after,
.nav-burger::before {
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.nav-burger-menu.menu-on .nav-burger::after {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    bottom: 0
}

.nav-burger-menu.menu-on .nav-burger::before {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    top: 0
}

.nav-burger-menu.menu-on .nav-burger {
    background: rgba(112, 116, 121, 0)
}

.mobile-menu {
    width: 100%;
    position: fixed;
    left: 0;
    top: 62px;
    height: calc(100vh - 62px);
    background-color: #fff;
    z-index: 10;
    overflow-x: hidden;
    overflow-y: auto;
    border-top: 1px solid #e0e6ed;
    transform: translateX(-100%);
    transition: .4s ease
}

@media (min-width:900px) {
    .mobile-menu {
        top: 93px
    }
}

.mobile-menu.open {
    transform: translateX(0)
}

.menu-wrapper {
    width: 100%;
    display: inline-block;
    position: relative;
    height: 100vh
}

.list-wrapper {
    position: relative;
    width: 100%
}

.list-wrapper:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    transform: translateX(100%);
    height: 100%;
    max-height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform .5s;
    z-index: 24;
    background-color: #fff;
    padding: 0 0 15px;
    box-sizing: border-box
}

.list-wrapper:nth-child(2) .filter-box {
    margin: 20px 0 0;
    padding: 0 15px;
    box-sizing: border-box
}

.level-2,
.level-3 {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(120%);
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform .5s;
    z-index: 24;
    background-color: #fff;
    padding-bottom: 200px;
    box-sizing: border-box
}

.level-2 .filter-box,
.level-3 .filter-box {
    margin: 20px 0 0;
    padding: 0 15px;
    box-sizing: border-box
}

.level-2 .filter-box .dropdown__scroll,
.level-3 .filter-box .dropdown__scroll {
    max-height: calc(100vh - 180px)
}

.level-3 {
    min-height: 100%;
    padding-bottom: 0
}

.level-3 li a {
    font-weight: 400 !important
}

.list-wrapper:nth-child(2) {
    transition: transform .5s
}

.list-wrapper:nth-child(2).is-visible {
    transform: none
}

.level-2.active,
.level-3.active {
    transform: none;
    transform: translateX(0)
}

.level-wrap {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    padding: 15px;
    box-sizing: border-box;
    border-bottom: 1px solid #e7e7e7
}

.nested {
    width: 100%;
    font-weight: 500;
    font-size: 16px
}

.mobile-list {
    width: 100%;
    margin: 0;
    padding: 0
}

.mobile-list li {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0;
    box-sizing: border-box;
    border-bottom: 1px solid #e0e6ed
}

.mobile-list li a {
    font-weight: 700;
    font-size: 16px;
    font-family: HeliosC, sans-serif;
    color: #1f222d;
    text-decoration: none
}

.nested {
    width: 30px;
    height: 22px;
    display: inline-block;
    position: relative
}

.nested::before {
    content: "";
    background-image: url(../img/menu-chev.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 13px;
    height: 13px;
    display: inline-block;
    position: absolute;
    right: 0;
    top: calc(50% - 6px)
}

.mobile-list__nav {
    width: 100%;
    position: relative;
    padding: 20px 0;
    box-sizing: border-box;
    border-bottom: 1px solid #e0e6ed;
    text-align: center
}

.back-one-level {
    width: 15px;
    height: 15px;
    position: absolute;
    left: 0;
    top: calc(50% - 7.5px)
}

.back-one-level::before {
    content: "";
    background-image: url(../img/mobile-chev.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 7px;
    height: 12px;
    display: inline-block;
    position: absolute;
    right: 0;
    top: calc(50% - 6px);
    transform: rotate(-180deg)
}

.mobile-list__label {
    font-weight: 700;
    font-size: 16px;
    font-family: HeliosC, sans-serif;
    color: #f36e21;
    width: 100%;
    text-align: center;
    padding: 0 15px;
    box-sizing: border-box
}

.mobile-panel {
    margin: 40px 0 0;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    width: 100%
}

.mobile-phone {
    font-weight: 700;
    font-size: 20px;
    font-family: HeliosC, sans-serif;
    color: #f36e21;
    text-decoration: none
}

.mobile-btn {
    position: relative;
    display: inline-block
}

.mobile-btn::before {
    content: "";
    background-image: url(../img/phone-nav__icon.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 2.5rem;
    HEIGHT: 2.5rem;
    position: relative;
    display: inline-block;
    left: 0;
    top: -.125rem
}

.menu-sub__banner.menu-banner.menu-banner--mobile {
    width: 100%;
    height: 240px;
    background: linear-gradient(0deg, rgba(0, 0, 0, .6) 26.24%, rgba(0, 0, 0, 0) 90.05%);
    margin: 30px 0 20px
}

.menu-sub__banner.menu-banner.menu-banner--mobile img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.menu-sub__banner.menu-banner.menu-banner--mobile .link {
    color: #f36e21
}

.front-video {
    padding: 0;
    position: relative;
    height: calc(100vh - 70px);
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    align-items: center
}

.front-video::before {
    content: "";
    background: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2
}

.video-fon {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.front-video__content {
    position: relative;
    z-index: 3;
    width: 100%
}

@media (min-width:1024px) {
    .front-video__content {
        width: 54.375rem
    }
}

@media (min-width:1700px) {
    .front-video__content {
        width: 41.875rem
    }
}

.front-title {
    font-size: calc(48px + (64px - 48px) * ((100vw - 320px)/ (900px - 320px)));
    font-weight: 700;
    font-family: HeliosC, sans-serif;
    color: #fff
}

@media screen and (max-width:320px) {
    .front-title {
        font-size: 48px
    }
}

@media screen and (min-width:900px) {
    .front-title {
        font-size: 64px
    }
}

.front-sub {
    width: 100%;
    font-size: calc(15px + (22px - 15px) * ((100vw - 320px)/ (900px - 320px)));
    line-height: 1.5rem;
    font-weight: 400;
    font-family: "Fira Sans", sans-serif;
    margin: 1.625rem 0;
    color: #fff
}

@media screen and (max-width:320px) {
    .front-sub {
        font-size: 15px
    }
}

@media screen and (min-width:900px) {
    .front-sub {
        font-size: 22px
    }
}

@media (min-width:1024px) {
    .front-sub {
        line-height: 2.25rem
    }
}

.front-services {
    padding-bottom: 0
}

.front-services__wrap {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap
}

.front-services__item {
    width: 100%;
    background-color: #f5f7fa;
    padding: 1.5rem;
    box-sizing: border-box;
    position: relative;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    align-items: flex-start;
    text-decoration: none
}

@media (min-width:1024px) {
    .front-services__item {
        width: 33.3%;
        padding: 2.5rem 1.25rem
    }
}

.front-services__item::after {
    content: "";
    background-color: #f36e21;
    width: 0;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: .3s ease;
    z-index: 0
}

@media (min-width:1280px) {
    .front-services__item {
        padding: 2.5rem 1.25rem
    }
}

@media (min-width:1440px) {
    .front-services__item {
        padding: 2.5rem 1.25rem 2.5rem 7.75rem
    }
}

@media (min-width:1700px) {
    .front-services__item {
        padding: 2.5rem 1.25rem 2.5rem 7.75rem
    }
}

.front-services__item:hover .front-services__icon {
    fill: #fff
}

.front-services__item:hover .front-services__descr,
.front-services__item:hover .front-services__label {
    color: #fff
}

.front-services__item:hover::after {
    width: 100%
}

.front-services.front-services—static .front-services__item:hover .front-services__icon {
    fill: #007249
}

.front-services.front-services—static .front-services__item:hover .front-services__descr {
    color: #4b535e
}

.front-services.front-services—static .front-services__item:hover .front-services__label {
    color: #1f222d
}

.front-services.front-services—static .front-services__item:hover::after {
    width: 0
}

.front-services__label {
    display: inline-block;
    width: 100%;
    margin: 0 0 .75rem;
    font-size: calc(20px + (26px - 20px) * ((100vw - 320px)/ (900px - 320px)));
    color: #1f222d;
    font-weight: 700;
    font-family: HeliosC, sans-serif;
    line-height: 1.5rem;
    transition: .3s ease;
    position: relative;
    z-index: 1
}

@media screen and (max-width:320px) {
    .front-services__label {
        font-size: 20px
    }
}

@media screen and (min-width:900px) {
    .front-services__label {
        font-size: 26px
    }
}

@media (min-width:1280px) {
    .front-services__label {
        line-height: 2.4375rem;
        margin: 0 0 1rem
    }
}

@media (min-width:1700px) {
    .front-services__label {
        font-size: 30px
    }
}

.front-services__descr {
    width: 100%;
    font-size: calc(15px + (16px - 15px) * ((100vw - 320px)/ (900px - 320px)));
    display: inline-block;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #4b535e;
    transition: .3s ease;
    position: relative;
    z-index: 1
}

@media screen and (max-width:320px) {
    .front-services__descr {
        font-size: 15px
    }
}

@media screen and (min-width:900px) {
    .front-services__descr {
        font-size: 16px
    }
}

.front-services__icon {
    width: 5rem;
    height: 5rem;
    margin: 0 0 1rem;
    fill: #007249;
    transition: .3s ease;
    position: relative;
    z-index: 1
}

@media (min-width:1440px) {
    .front-services__icon {
        position: absolute;
        left: 1.25rem;
        top: 1.25rem
    }
}

.front-services__icon .cover-icon {
    fill: #00734a
}

.front-about__wrap {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-content: flex-start;
    align-items: flex-start
}

.front-about__content,
.front-about__info {
    width: 100%
}

@media (min-width:1024px) {

    .front-about__content,
    .front-about__info {
        width: 50%
    }
}

@media (min-width:1700px) {

    .front-about__content,
    .front-about__info {
        width: 56%
    }
}

@media (min-width:1280px) {
    .front-about__content {
        padding-right: 1.25rem
    }
}

@media (min-width:1700px) {
    .front-about__content {
        width: 44%;
        padding-right: 2rem;
        box-sizing: border-box
    }
}

.front-about__content p {
    width: 100%;
    display: block;
    font-size: calc(15px + (16px - 15px) * ((100vw - 320px)/ (900px - 320px)));
    line-height: 1.5rem;
    font-weight: 400;
    font-family: "Fira Sans", sans-serif;
    margin: 0;
    margin: 0 0 1.25rem
}

@media screen and (max-width:320px) {
    .front-about__content p {
        font-size: 15px
    }
}

@media screen and (min-width:900px) {
    .front-about__content p {
        font-size: 16px
    }
}

@media (min-width:1280px) {
    .front-about__content p {
        line-height: 1.5rem
    }
}

@media (min-width:1700px) {
    .front-about__content p {
        font-size: 16px
    }
}

.front-about__info {
    background: #f5f7fa;
    border-radius: 4px;
    padding: 2rem 1.5rem;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    box-sizing: border-box;
    margin: 2rem 0 0
}

@media (min-width:1024px) {
    .front-about__info {
        margin: 0;
        padding: 2rem
    }
}

@media (min-width:1700px) {
    .front-about__info {
        padding: 2.9375rem 2rem
    }
}

.front-about__item {
    width: 100%;
    box-sizing: border-box;
    margin: 0 0 1.25rem
}

@media (min-width:1024px) {
    .front-about__item {
        width: 50%;
        margin: 0 0 1.25rem;
        padding-right: 2rem
    }

    .front-about__item:nth-of-type(2n) {
        padding-right: 0
    }
}

@media (min-width:1700px) {
    .front-about__item {
        flex-basis: 33.3%;
        flex-grow: 1;
        padding-right: 2.5rem;
        margin: 0 0 1.875rem
    }

    .front-about__item:nth-of-type(2n) {
        padding-right: 2.5rem
    }

    .front-about__item:nth-of-type(3n) {
        padding-right: 0
    }
}

.front-about__descr {
    width: 100%;
    display: inline-block;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.375rem;
    font-family: "Fira Sans", sans-serif;
    color: #4b535e
}

@media (min-width:1440px) {
    .front-about__descr {
        font-size: .875rem;
        padding-right: 40px
    }
}

@media (min-width:1700px) {
    .front-about__descr {
        font-size: 1rem;
        padding: 0;
        margin: 0
    }
}

.front-about__descr span {
    color: #007249;
    font-weight: 700;
    font-family: HeliosC, sans-serif
}

.front-about__pic {
    display: inline-block;
    margin: .5rem 0 0;
    position: relative;
    font-weight: 700;
    font-size: 2.5rem;
    line-height: 3rem;
    font-family: HeliosC, sans-serif;
    color: #007249
}

@media (min-width:1700px) {
    .front-about__pic {
        font-size: 3.75rem;
        line-height: 4.5rem
    }
}

.front-about__pic span {
    font-style: normal;
    font-weight: 700;
    font-size: 2.5rem;
    line-height: 3rem;
    font-family: HeliosC, sans-serif;
    color: #007249
}

@media (min-width:1440px) {
    .front-about__pic span {
        font-size: 3.75rem;
        line-height: 4.5rem
    }
}

@media (min-width:1024px) {
    .front-about__item {
        padding: 0 1rem 0 0
    }
}

.front-about__pic.md::before {
    content: "";
    background-image: url(../img/about-cover-md.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 48px;
    height: 48px;
    position: absolute;
    left: 0;
    top: -5px
}

@media (min-width:1440px) {
    .front-about__pic.md::before {
        width: 50px;
        height: 50px;
        top: 4px;
        left: 4px
    }
}

@media (min-width:1700px) {
    .front-about__pic.md::before {
        width: 64px;
        height: 64px;
        top: -3px
    }
}

.front-about__pic.lg::before {
    content: "";
    background-image: url(../img/about-cover-lg.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 95px;
    height: 48px;
    position: absolute;
    left: 4px;
    top: -5px
}

@media (min-width:1440px) {
    .front-about__pic.lg::before {
        width: 113px;
        height: 55px;
        left: 17px;
        top: 2px
    }
}

.front-about__pic.xs::before {
    content: "";
    background-image: url(../img/about-cover-xs.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 52px;
    height: 52px;
    position: absolute;
    left: 0;
    top: -2px
}

@media (min-width:1700px) {
    .front-about__pic.xs::before {
        width: 64px;
        height: 64px;
        top: -8px
    }
}

.footer {
    background: #f5f7fa;
    padding: 2.5rem 0
}

.footer-info {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    align-items: flex-start
}

@media (min-width:1024px) {
    .footer-info {
        width: 40%
    }
}

.footer-logo {
    display: inline-block;
    margin: 0 0 2.5rem
}

.footer-logo img {
    height: 43px
}

.footer-phones {
    position: relative;
    padding: 0 0 0 2.4375rem;
    box-sizing: border-box;
    margin: 0 0 1rem;
    width: 100%
}

.footer-phones::before {
    content: "";
    background-image: url(../img/footer-phone.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 1.4375rem;
    height: 1.4375rem;
    position: absolute;
    left: 0;
    top: 2px
}

@media (min-width:1440px) {
    .footer-phones::before {
        width: 1.125rem;
        height: 1.125rem
    }
}

@media (min-width:1700px) {
    .footer-phones::before {
        width: 1.4375rem;
        height: 1.4375rem
    }
}

.footer-phones a:hover {
    color: #f36e21
}

.footer-phones__item {
    font-weight: 700;
    font-size: 16px;
    line-height: 1.375rem;
    font-family: HeliosC, sans-serif;
    color: #1f222d;
    display: inline-block;
    margin: 0 0 .25rem;
    text-decoration: none;
    width: 100%
}

@media (min-width:1440px) {
    .footer-phones__item {
        font-size: 14px
    }
}

@media (min-width:1700px) {
    .footer-phones__item {
        font-size: 16px;
        line-height: 1.375rem
    }
}

.footer-adress {
    width: 82%;
    position: relative;
    padding: 0 0 0 2.4375rem;
    box-sizing: border-box;
    margin: 0 0 1.375rem;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.625rem;
    color: #1f222d
}

@media (min-width:1024px) {
    .footer-adress {
        width: 100%
    }
}

@media (min-width:1440px) {
    .footer-adress {
        font-size: 14px
    }
}

@media (min-width:1700px) {
    .footer-adress {
        font-size: 16px;
        line-height: 1.375rem
    }
}

.footer-adress::before {
    content: "";
    background-image: url(../img/footer-geo.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 1.4375rem;
    height: 1.4375rem;
    position: absolute;
    left: 0;
    top: 5px
}

@media (min-width:1024px) {
    .footer-adress::before {
        top: -2px
    }
}

@media (min-width:1440px) {
    .footer-adress::before {
        width: 1.125rem;
        height: 1.125rem;
        top: 2px
    }
}

@media (min-width:1700px) {
    .footer-adress::before {
        width: 1.4375rem;
        height: 1.4375rem;
        top: -4px
    }
}

.footer-mail {
    width: 100%;
    position: relative;
    padding: 0 0 0 2.4375rem;
    box-sizing: border-box;
    margin: 0 0 1rem;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.625rem;
    color: #1f222d;
    text-decoration: none
}

.footer-mail a {
    color: #1f222d;
    text-decoration: none
}

.footer-mail a:hover {
    color: #f36e21
}

.footer-mail::before {
    content: "";
    background-image: url(../img/footer-mail.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    left: 0;
    top: -1px
}

@media (min-width:1440px) {
    .footer-mail::before {
        width: 1.125rem;
        height: 1.125rem;
        top: 2px
    }
}

@media (min-width:1700px) {
    .footer-mail::before {
        width: 1.5rem;
        height: 1.5rem;
        top: -1px
    }
}

@media (min-width:1440px) {
    .footer-mail {
        font-size: 14px
    }
}

@media (min-width:1700px) {
    .footer-mail {
        font-size: 16px;
        line-height: 1.375rem
    }
}

.footer-subscribe {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    margin: .375rem 0 0
}

.footer-subscribe__filed {
    width: calc(100% - 129px);
    height: 35px;
    border: 1px solid #a0a5ac;
    border-right: none;
    border-radius: 4px 0 0 4px;
    box-sizing: border-box;
    padding: 0 16px;
    background-color: transparent;
    outline: 0
}

.footer-subscribe__filed::-moz-placeholder {
    font-weight: 400;
    font-size: 12px;
    color: #8a8c94
}

.footer-subscribe__filed:-ms-input-placeholder {
    font-weight: 400;
    font-size: 12px;
    color: #8a8c94
}

.footer-subscribe__filed::placeholder {
    font-weight: 400;
    font-size: 12px;
    color: #8a8c94
}

.footer-subscribe__btn {
    width: 129px;
    height: 35px;
    border-radius: 0 4px 4px 0;
    border: none;
    outline: 0;
    background-color: #f36e21;
    font-weight: 700;
    font-size: 12px;
    font-family: HeliosC, sans-serif;
    color: #fff;
    transition: .3s ease;
    cursor: pointer
}

.footer-subscribe__btn:hover {
    background-color: #007249
}

.footer-subscribe__note {
    font-weight: 300;
    font-size: 10px;
    line-height: .8125rem;
    letter-spacing: .03em;
    color: #1f222d;
    width: 100%;
    margin: .5rem 0 0
}

.footer-subscribe__note a {
    color: #007249
}

.footer-subscribe__note a:hover {
    text-decoration: none
}

.footer-footnote {
    width: 100%;
    display: inline-block;
    font-weight: 300;
    font-size: 10px;
    line-height: .8125rem;
    letter-spacing: .03em;
    color: #1f222d;
    margin: 1.25rem 0 0
}

.footer-menu {
    width: 100%;
    display: flex;
    align-content: flex-start;
    align-items: flex-start
}

@media (max-width:1024px) {
    .footer-menu {
        flex-flow: row wrap;
        margin: 20px 0 0
    }
}

@media (min-width:1024px) {
    .footer-menu {
        padding: 0 0 0 2rem;
        width: 60%
    }
}

.footer-menu__main {
    width: 100%;
    padding: 10px 0;
    box-sizing: border-box
}

@media (max-width:1024px) {
    .footer-menu__main {
        justify-content: space-between;
        display: -ms-flex;
        display: flex;
        flex-flow: row wrap;
        align-items: center;
        align-content: center
    }

    .footer-menu__main a {
        width: auto
    }
}

@media (min-width:1024px) {
    .footer-menu__main {
        padding: 0
    }
}

.footer-menu__item.active .footer-menu__sub {
    display: block;
    margin: 0 0 20px
}

.footer-menu__item.active .footer-menu__chev:before {
    transform: rotate(270deg)
}

.footer-menu__item {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap
}

.footer-menu__item:last-child .footer-menu__sub ul li a {
    font-size: 14px;
    font-weight: 700;
    color: #1f242d;
    font-family: HeliosC, sans-serif;
}

@media (max-width:1024px) {
    .footer-menu__item {
        border-top: 1px solid #e0e6ed
    }

    /* .footer-menu__item:last-of-type {
        padding-top: 16px
    } */
}

@media (min-width:768px) {
    .footer-menu__item {
        width: 33.3%;
        padding-right: 1.25rem
    }
}

/* @media (min-width:1280px) {
    .footer-menu__item:nth-of-type(1) {
        width: 40%
    }

    .footer-menu__item:nth-of-type(2) {
        width: 50%
    }
} */
.footer-menu__item:nth-of-type(3) .footer-nav__item:nth-of-type(1) a {
    font-size: 16px;
    font-weight: 700;
    color: #1f242d;
    font-family: HeliosC, sans-serif;
}

.footer-menu__item:nth-of-type(3) .footer-nav__item:nth-of-type(1) {
    margin-top: 0;
}

.footer-menu__link {
    font-weight: 700;
    font-size: 16px;
    font-family: HeliosC, sans-serif;
    color: #1f222d;
    text-decoration: none;
    margin: 0 0 1.5rem;
    width: 100%
}

.footer-menu__link:last-of-type {
    margin: 0
}

@media (max-width:1024px) {
    .footer-menu__link {
        margin: 0 0 1.125rem
    }

}

.footer-menu__item:last-child .footer-menu__sub .footer-nav__item a {
    font-size: 16px !important;
}

@media(min-width: 768px) {
    .footer-menu__item:last-child .footer-menu__sub .footer-nav__item li {
        margin-top: 0.3rem;
    }
}

@media (min-width:1440px) and (max-width: 1700px) {
    .footer-menu__link {
        font-size: 14px
    }

    .footer-menu__item:last-child .footer-menu__sub .footer-nav__item a {
        font-size: 14px !important;
    }
}

@media (min-width:1700px) {
    .footer-menu__link {
        font-size: 16px
    }

    .footer-menu__item:last-child .footer-menu__sub ul li a {
        font-size: 16px !important;
    }
}

.footer-menu__link:hover {
    color: #f36e21
}

.footer-menu__sub {
    width: 100%;
    display: none
}

@media (min-width:768px) {
    .footer-menu__sub {
        display: block
    }
}

.footer-menu__sub ul {
    margin: 0;
    padding: 0;
    width: 100%
}

.footer-menu__sub ul li {
    list-style-type: none;
    width: 100%;
    display: inline-block;
    margin: 1rem 0 0
}

.footer-menu__sub ul li a {
    text-decoration: none;
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.375rem;
    font-family: "Fira Sans", sans-serif;
    color: #4b535e
}

.footer-menu__sub ul li a:hover {
    text-decoration: underline;
    color: #4b535e
}

@media (min-width:1440px) {
    .footer-menu__sub ul li a {
        font-size: .75rem;
        line-height: 1.125rem
    }
}

@media (min-width:1700px) {
    .footer-menu__sub ul li a {
        font-size: .875rem;
        line-height: 1.375rem
    }
}

.footer-bottom {
    width: 100%;
    background: #f5f7fa;
    padding: 0 0 2.5rem 0
}

@media (min-width:1024px) {
    .footer-bottom {
        padding: 0 0 1.375rem 0
    }
}

@media (min-width:1700px) {
    .footer-bottom {
        padding: 0 0 2.5rem 0
    }
}

.footer-bottom__wrap {
    border-top: 1px solid #e0e6ed;
    width: 100%;
    padding: 1rem 0 0;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-content: center;
    align-items: center
}

@media (min-width:1024px) {
    .footer-bottom__wrap {
        padding: 1.375rem 0 0
    }
}

@media (min-width:1700px) {
    .footer-bottom__wrap {
        padding: 2.5rem 0 0
    }
}

.footer-soc__item {
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block;
    margin: 0 1.5rem 0 0
}

.footer-soc__item:last-of-type {
    margin: 0
}

.footer-soc__item:hover .footer-soc__icon {
    fill: #f36e21
}

.footer-soc__icon {
    fill: #007249;
    width: 1.5rem;
    height: 1.5rem;
    transition: .3s linear
}

.footer-bottom__links {
    width: 100%;
    margin: 7px 0 0
}

@media (min-width:1024px) {
    .footer-bottom__links {
        width: auto;
        margin: 0
    }
}

.footer-bottom__links a {
    font-weight: 400;
    font-size: .75rem;
    line-height: 1.1875rem;
    font-family: "Fira Sans", sans-serif;
    color: #4b535e;
    text-decoration: none;
    margin: 0 0 10px 0;
    width: 100%;
    display: inline-block
}

@media (min-width:1024px) {
    .footer-bottom__links a {
        width: auto;
        margin: 0 2.9375rem 0 0
    }
}

.footer-bottom__links a:last-of-type {
    margin: 0
}

.footer-bottom__links a:hover {
    text-decoration: underline
}

.footer-menu__chev {
    width: 12px;
    height: 12px;
    position: relative;
    display: inline-block;
    margin-right: 5px
}

@media (min-width:768px) {
    .footer-menu__chev {
        display: none
    }
}

.footer-menu__chev::before {
    content: "";
    background-image: url(../img/mobile-chev.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 7px;
    height: 12px;
    display: inline-block;
    position: absolute;
    right: 0;
    top: calc(50% - 6px);
    transform: rotate(90deg);
    transition: .3s ease
}

.lid-popup.graph-modal__container {
    background: 0 0;
    border-radius: 0
}

@media (max-width:600px) {
    .lid-popup.graph-modal__container {
        padding: 20px 30px 20px 0
    }
}

@media (min-width:1024px) {
    .lid-popup.graph-modal__container {
        height: 550px
    }
}

.lid-popup.graph-modal__container::before {
    content: "";
    background-image: url(../img/lid-popup-bg-mob.png);
    width: 100%;
    height: 500px;
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: calc(50% - 250px)
}

@media (min-width:1024px) {
    .lid-popup.graph-modal__container::before {
        background-image: url(../img/lid-popup-bg.png);
        left: 20px;
        top: -9px;
        width: 725px;
        height: 570px;
        background-size: 100%
    }
}

.lid-popup__content {
    background: #ffa53b;
    height: 100%;
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    padding: 40px 20px;
    box-sizing: border-box;
    align-content: flex-start;
    align-items: flex-start
}

@media (min-width:1024px) {
    .lid-popup__content {
        padding: 100px 50px 50px 120px
    }
}

.lid-popup__title {
    width: 100%;
    display: inline-block;
    font-size: 1.375rem;
    line-height: 1.875rem;
    color: #fff;
    text-transform: uppercase;
    font-family: HeliosC, sans-serif;
    margin: 0 0 1.875rem;
    position: relative;
    z-index: 3
}

@media (min-width:1024px) {
    .lid-popup__title {
        font-size: 2.5rem;
        line-height: 3.125rem
    }
}

.lid-popup__sub {
    width: 100%;
    position: relative;
    z-index: 3;
    font-size: calc(15px + (22px - 15px) * ((100vw - 320px)/ (900px - 320px)));
    line-height: 1.25rem;
    font-weight: 400;
    font-family: "Fira Sans", sans-serif;
    color: #fff;
    margin: 0
}

@media screen and (max-width:320px) {
    .lid-popup__sub {
        font-size: 15px
    }
}

@media screen and (min-width:900px) {
    .lid-popup__sub {
        font-size: 22px
    }
}

@media (min-width:1024px) {
    .lid-popup__sub {
        width: 74%;
        margin: 0 0 0 16%;
        line-height: 2.25rem
    }
}

.lid-popup__sub:before {
    content: "";
    background-image: url(../img/lid-popup-arr.png);
    position: absolute;
    background-size: 100%;
    background-repeat: no-repeat;
    height: 113px;
    left: -65px;
    top: 85px
}

@media (max-width:600px) {
    .lid-popup__sub:before {
        width: 150px;
        transform: scale(1, -1) rotate(335deg);
        left: 0;
        top: 70px
    }
}

@media (min-width:1024px) {
    .lid-popup__sub:before {
        display: block;
        width: 200px
    }
}

.lid-popup__btn {
    width: 100%;
    position: relative;
    z-index: 3;
    background: #007249;
    margin: 90px 0 0;
    overflow: hidden;
    padding-top: 6px
}

@media (min-width:1024px) {
    .lid-popup__btn {
        margin: 40px 50px 0 auto;
        width: auto
    }
}

.lid-popup__btn span {
    text-transform: uppercase
}

.lid-popup__btn span::after {
    display: none
}

.lid-popup__btn:hover {
    transform: scale(1.05);
    background: #f36e21
}

.lid-popup__btn:after {
    content: "";
    display: block;
    width: 20px;
    height: 200px;
    margin-left: 50px;
    background: #fff;
    background: linear-gradient(to bottom, rgba(255, 255, 255, .5) 0, #fff 50%, rgba(255, 255, 255, .5) 100%);
    left: -40px;
    top: -100px;
    z-index: 1;
    transform: rotate(45deg);
    position: absolute;
    -webkit-animation: movingFlare 3.5s ease-in-out 50ms infinite;
    animation: movingFlare 3.5s ease-in-out 50ms infinite
}

@-webkit-keyframes movingFlare {
    0% {
        left: -30px;
        margin-left: 0
    }

    30% {
        left: 110%;
        margin-left: 80px
    }

    100% {
        left: 110%;
        margin-left: 80px
    }
}

@keyframes movingFlare {
    0% {
        left: -30px;
        margin-left: 0
    }

    30% {
        left: 110%;
        margin-left: 80px
    }

    100% {
        left: 110%;
        margin-left: 80px
    }
}

.lid-popup__close {
    background-size: 100%;
    background-repeat: no-repeat;
    right: 35px;
    top: 35px;
    z-index: 3;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpzdmdqcz0iaHR0cDovL3N2Z2pzLmNvbS9zdmdqcyIgdmVyc2lvbj0iMS4xIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnPjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgaWQ9Il8wMl9Vc2VyIiBkYXRhLW5hbWU9IjAyIFVzZXIiPjxwYXRoIGQ9Im0yNSA1MTJhMjUgMjUgMCAwIDEgLTE3LjY4LTQyLjY4bDQ2Mi00NjJhMjUgMjUgMCAwIDEgMzUuMzYgMzUuMzZsLTQ2MiA0NjJhMjQuOTMgMjQuOTMgMCAwIDEgLTE3LjY4IDcuMzJ6IiBmaWxsPSIjZmZmZmZmIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iIi8+PHBhdGggZD0ibTQ4NyA1MTJhMjQuOTMgMjQuOTMgMCAwIDEgLTE3LjY4LTcuMzJsLTQ2Mi00NjJhMjUgMjUgMCAwIDEgMzUuMzYtMzUuMzZsNDYyIDQ2MmEyNSAyNSAwIDAgMSAtMTcuNjggNDIuNjh6IiBmaWxsPSIjZmZmZmZmIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iIi8+PC9nPjwvZz48L3N2Zz4=)
}

.leader-modal.graph-modal__container,
.subscribe-modal.graph-modal__container,
.tnh-modal.graph-modal__container {
    background: #f5f7fa;
    border-radius: 4px;
    padding: 48px 24px
}

@media (min-width:1024px) {

    .leader-modal.graph-modal__container,
    .subscribe-modal.graph-modal__container,
    .tnh-modal.graph-modal__container {
        padding: 64px 80px;
        width: 560px
    }
}

@media (min-width:1024px) {
    .leader-modal.graph-modal__container {
        padding-bottom: 32px
    }
}

.subscribe-modal__content,
.tnh-modal__content {
    width: 100%;
    display: inline-block
}

.subscribe-modal__content h3,
.tnh-modal__content h3 {
    font-family: HeliosC, sans-serif;
    font-size: 24px;
    text-transform: none
}

@media (min-width:1024px) {

    .subscribe-modal__content h3,
    .tnh-modal__content h3 {
        font-size: 30px
    }
}

.leader-form,
.subscribe-form {
    width: 100%;
    margin: 30px 0 0
}

.leader-form .custom-form__row,
.leader-form .custom-form__row:nth-child(-n+3),
.subscribe-form .custom-form__row,
.subscribe-form .custom-form__row:nth-child(-n+3) {
    width: 100%;
    margin-right: 0;
    padding: 0
}

.subscribe-modal__submit {
    margin: 30px 0 0
}

.subscribe-modal__submit:hover {
    background: #525d7b
}

.subscribe-modal__close {
    width: 24px;
    height: 24px;
    background-size: 100%;
    background-repeat: no-repeat;
    right: 24px;
    top: 24px;
    position: absolute;
    background-image: url(../img/close-grey.svg)
}

.leader-modal__description,
.tnh-modal__descr {
    width: 100%;
    display: inline-block;
    font-weight: 400;
    font-size: 15px;
    line-height: 160%;
    color: #4b535e;
    margin: 5px 0 0
}

@media (min-width:768px) {

    .leader-modal__description,
    .tnh-modal__descr {
        font-size: 20px
    }
}

.history-modal__close {
    width: 28px;
    height: 28px;
    background-size: 100%;
    background-repeat: no-repeat;
    right: 20px;
    top: 24px;
    cursor: pointer;
    position: absolute;
    background-image: url(../img/close-grey.svg)
}

.history-modal {
    width: 100%;
    min-height: 100vh;
    margin: 0;
    padding: 40px 16px;
    overflow-y: auto
}

@media (min-width:1280px) {
    .history-modal {
        min-height: auto
    }
}

.history-modal__wrap {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    height: 100%
}

.history-modal__pic {
    width: 100%;
    height: 100%
}

.history-modal__content {
    height: 100%
}

.history-modal__content p {
    width: 100%;
    font-weight: 400;
    display: inline-block;
    font-size: 15px;
    line-height: 24px;
    font-family: "Fira Sans", sans-serif;
    color: #4b535e
}

.history-modal__scroll {
    width: 100%;
    height: 100%;
    overflow-y: auto
}

.history-modal__scroll .mCSB_scrollTools .mCSB_draggerContainer::before {
    content: "";
    position: absolute;
    left: 7px;
    top: 0;
    height: 100%;
    width: 2px;
    background: rgba(0, 0, 0, .15)
}

.history-modal__video.article-video {
    margin: 10px 0
}

.history-modal__box h5 {
    margin: 0 0 15px
}

.history-modal__box p {
    margin: 0
}

.history-modal__title {
    width: 100%;
    margin: 0 0 15px
}

.history-modal__post {
    width: 100%;
    display: inline-block;
    margin: 0 0 20px;
    font-family: HeliosC, sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #4b535e
}

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

@media (max-width:1024px) {
    .history-modal {
        position: absolute;
        left: 0;
        top: 0
    }

    .history-modal__pic {
        width: 100%;
        height: 480px;
        border-radius: 6px;
        overflow: hidden;
        margin: 0 0 15px
    }

    .history-modal__close {
        top: 6px
    }
}

@media (min-width:1024px) {
    .history-modal__video.article-video .detalnaya-video__btn {
        width: 80px;
        height: 80px
    }
}

@media (min-width:1280px) {
    .history-modal {
        width: 1097px;
        height: 487px;
        padding: 0;
        border-radius: 8px;
        overflow: hidden
    }

    .history-modal__pic {
        width: 360px
    }

    .history-modal__content {
        width: calc(100% - 360px);
        padding: 64px 24px 24px 64px;
        box-sizing: border-box
    }

    .history-modal__video.article-video {
        display: -ms-flex;
        display: flex;
        flex-flow: row wrap;
        align-content: center;
        align-items: center
    }

    .history-modal__video .article-video__wrap {
        width: 280px;
        height: 160px;
        margin: 0
    }

    .history-modal__box {
        width: calc(100% - 280px);
        padding-left: 32px
    }
}

@media (min-width:1700px) {
    .history-modal {
        width: 1397px;
        height: 690px
    }

    .history-modal__pic {
        width: 510px
    }

    .history-modal__content {
        width: calc(100% - 510px)
    }

    .history-modal__content p {
        font-size: 16px;
        line-height: 26px;
        color: #4b535e
    }

    .history-modal__video .article-video__wrap {
        width: 320px;
        height: 180px
    }

    .history-modal__box {
        width: calc(100% - 320px);
        padding-left: 32px
    }
}

.roads-popup.graph-modal__container {
    background: #12191b;
    padding: 0;
    border-radius: 0;
    overflow: hidden;
    padding: 60px 10px;
    width: 97%
}

@media (min-width:1024px) {
    .roads-popup.graph-modal__container {
        width: 1000px;
        padding: 50px;
        box-sizing: border-box
    }
}

.roads-popup.graph-modal__container::after {
    content: "";
    background-image: url(../img/meropriyatieFront-el.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    transform: rotate(42deg);
    width: 400px;
    height: 400px;
    right: -110px;
    bottom: -16%
}

@media (min-width:1024px) {
    .roads-popup.graph-modal__container::after {
        bottom: initial;
        width: 600px;
        height: 600px;
        right: -248px;
        top: -4px
    }
}

.roads-popup-header {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    align-items: center
}

.roads-popup-header__logo {
    width: 52%
}

@media (min-width:1024px) {
    .roads-popup-header__logo {
        width: auto
    }

    .roads-popup-header__logo img {
        width: 390px
    }
}

.roads-popup-header__date {
    margin-left: 10px;
    position: relative;
    display: grid
}

@media (min-width:1024px) {
    .roads-popup-header__date {
        margin-left: 23px;
        position: relative;
        top: -9px
    }
}

.roads-popup-header__date span {
    color: #fff;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    display: inline-block;
    text-transform: uppercase
}

@media (min-width:1024px) {
    .roads-popup-header__date span {
        font-size: 27px;
        line-height: 30px;
        font-weight: 400
    }
}

.roads-popup-header__flag {
    height: 46px;
    width: 4px;
    display: flex;
    flex-direction: column;
    margin-left: 20px
}

@media (min-width:1024px) {
    .roads-popup-header__flag {
        height: 90px;
        margin-left: 39px;
        width: 7px;
        top: -10px;
        position: relative
    }
}

.roads-popup-header__flag span {
    width: 100%;
    height: 33.3333333333%;
    background: #fff
}

.roads-popup-header__flag span:nth-of-type(2) {
    background: #0039a6
}

.roads-popup-header__flag span:nth-of-type(3) {
    background: #d52b1e
}

.roads-popup-content {
    width: 100%;
    display: inline-block;
    margin: 45px 0;
    position: relative;
    z-index: 3
}

@media (min-width:1024px) {
    .roads-popup-content {
        width: 88%;
        margin: 40px 0
    }
}

.roads-popup-content p {
    width: 100%;
    margin: 0 0 20px;
    font-weight: 400;
    color: #fff;
    font-size: 1.1875rem;
    font-family: "Fira Sans", sans-serif
}

@media (min-width:1024px) {
    .roads-popup-content p {
        font-size: 1.6875rem;
        line-height: 33px;
        margin: 0 0 28px
    }
}

.roads-popup-content p:last-of-type {
    margin-bottom: 0
}

.roads-popup-footer {
    width: 100%;
    padding: 0 7px;
    box-sizing: border-box;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 3;
    margin: 9px 0 0
}

@media (min-width:1024px) {
    .roads-popup-footer {
        padding: 0 7px 0 50px;
        margin: 20px 0 0
    }
}

.roads-popup-footer .btn {
    height: 60px;
    width: 240px;
    margin: 0 auto
}

.roads-popup-footer .btn span::after {
    display: none
}

@media (min-width:1024px) {
    .roads-popup-footer .btn {
        width: 365px;
        margin: 0
    }
}

@media (min-width:1024px) {
    .roads-popup-footer .btn span {
        font-size: 25px
    }
}

.roads-popup-footer__slogan {
    font-size: 30px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 30px;
    display: none;
    font-family: HeliosC, sans-serif;
    letter-spacing: -.5px;
    letter-spacing: 1.4px
}

.roads-popup-footer__slogan span {
    font-family: HeliosC, sans-serif;
    color: #f36e21
}

@media (min-width:1024px) {
    .roads-popup-footer__slogan {
        font-size: 48px;
        line-height: 48px;
        display: grid
    }
}

.roads-popup-footer__slogan.slogan-mob {
    margin-bottom: 20px;
    display: grid
}

@media (min-width:1024px) {
    .roads-popup-footer__slogan.slogan-mob {
        display: none
    }
}

.tour {
    padding-top: 0
}

.tour-wrap {
    width: 100%;
    height: 593px;
    background-image: url(../img/tour-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap
}

@media (max-width:768px) {
    .tour-wrap {
        background-position-x: 70%;
        background-image: url(../img/tour-bg-mob.jpg)
    }
}

@media (min-width:1024px) {
    .tour-wrap {
        height: 540px;
        align-content: center;
        align-items: center
    }
}

.tour-round {
    width: 45%;
    height: 236px;
    position: absolute;
    right: 0;
    bottom: 0
}

@media (min-width:1024px) {
    .tour-round {
        height: 100%;
        top: 0;
        bottom: initial
    }
}

.tour-round::before {
    content: "";
    width: 21rem;
    height: 21rem;
    border-radius: 50%;
    border: 1px solid #fff;
    position: absolute;
    right: -100px;
    bottom: -100px;
    transition: .7s ease
}

@media (max-width:768px) {
    .tour-round::before {
        right: -78px
    }
}

@media (min-width:1024px) {
    .tour-round::before {
        width: 48.125rem;
        height: 48.125rem;
        right: -200px;
        bottom: initial;
        top: calc(50% - 385px)
    }
}

.tour-round:hover::before {
    content: "";
    transform: scale(1.5);
    background: rgba(31, 34, 45, .5);
    border: 1px solid transparent
}

.tour-round:hover .tour-link {
    transform: rotate(238deg)
}

@media (min-width:1024px) {
    .tour-round:hover .tour-round__label {
        -webkit-animation-duration: .3s;
        animation-duration: .3s;
        -webkit-animation-name: slidein;
        animation-name: slidein;
        transform: translateX(112px);
        opacity: 1
    }
}

.tour-link {
    width: 3.75rem;
    height: 3.75rem;
    background-image: url(../img/play-btn.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    top: 51%;
    transition: .7s ease;
    right: 45px
}

@media (max-width:768px) {
    .tour-link {
        top: 48%;
        transition: .7s ease;
        right: 65px
    }
}

@media (min-width:1024px) {
    .tour-link {
        width: 7.5rem;
        height: 7.5rem;
        top: calc(50% - 60px);
        right: 180px
    }
}

.tour-round__label {
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    font-family: HeliosC, sans-serif;
    position: absolute;
    transition: .5s ease-in;
    text-decoration: none;
    top: 50%;
    transform: translateX(-60px);
    opacity: 0
}

.tour-round__label::after {
    content: "";
    background-image: url(../img/arrow-right.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: .875rem;
    height: .75rem;
    margin: 0 0 0 1rem;
    display: inline-block;
    transition: .3s ease
}

.tour-content {
    padding: 3rem 2rem;
    box-sizing: border-box
}

@media (min-width:1024px) {
    .tour-content {
        width: 50%;
        padding: 0 0 0 7.1875rem
    }
}

.tour-content__label {
    width: 100%;
    display: inline-block;
    font-size: calc(30px + (40px - 30px) * ((100vw - 320px)/ (900px - 320px)));
    font-weight: 700;
    font-family: HeliosC, sans-serif;
    color: #fff;
    line-height: 2.4375rem;
    margin: 0 0 1rem
}

@media screen and (max-width:320px) {
    .tour-content__label {
        font-size: 30px
    }
}

@media screen and (min-width:900px) {
    .tour-content__label {
        font-size: 40px
    }
}

@media (min-width:1280px) {
    .tour-content__label {
        line-height: 3rem;
        width: 100%
    }
}

.tour-content__label span {
    color: #f36e21
}

.tour-content__descr {
    width: 100%;
    display: inline-block;
    font-family: "Fira Sans", sans-serif;
    color: #fff;
    font-weight: 400;
    font-size: calc(14px + (16px - 14px) * ((100vw - 320px)/ (900px - 320px)));
    margin: 0 0 1.5rem
}

@media screen and (max-width:320px) {
    .tour-content__descr {
        font-size: 14px
    }
}

@media screen and (min-width:900px) {
    .tour-content__descr {
        font-size: 16px
    }
}

@media (min-width:1280px) {
    .tour-content__descr {
        line-height: 1.625rem;
        margin: 0 0 2.5rem
    }
}

.tour-icon {
    width: 4rem;
    height: 4rem;
    background-image: url(../img/tour-icon.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    margin: 0 0 2.5rem;
    display: none
}

@media (min-width:1280px) {
    .tour-icon {
        display: inline-block
    }
}

.front-cases {
    padding-top: 0
}

.front-cases .container {
    padding: 0
}

@media (min-width:1024px) {
    .front-cases .container {
        padding: 0 15px
    }
}

.front-cases__wrap {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    align-items: flex-start;
    position: relative
}

.front-cases__slider {
    width: 100%
}

.front-cases__item {
    width: 80%;
    position: relative;
    height: 241px
}

@media (max-width:1024px) {
    .front-cases__item:first-of-type {
        margin-left: 15px
    }

    .front-cases__item:last-of-type {
        margin-right: 15px
    }
}

@media (min-width:768px) {
    .front-cases__item {
        width: 70%
    }
}

@media (min-width:1280px) {
    .front-cases__item {
        width: 100%
    }
}

@media (min-width:1280px) {
    .front-cases__item {
        height: 17.5rem
    }
}

@media (min-width:1700px) {
    .front-cases__item {
        height: 17.5rem
    }
}

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

.front-cases__item::before {
    content: "";
    background: linear-gradient(360deg, rgba(0, 0, 0, .4) 27.65%, rgba(0, 0, 0, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: .5s ease
}

.front-cases__item:hover::before {
    background: linear-gradient(0deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5))
}

.front-cases__label {
    position: absolute;
    left: 2rem;
    bottom: 2rem;
    font-size: 1.25rem;
    color: #fff;
    margin: 0;
    font-family: HeliosC, sans-serif
}

@media (min-width:1280px) {
    .front-cases__label {
        line-height: 1.5rem;
        font-size: 1.25rem;
        width: calc(100% - 64px)
    }
}

@media (min-width:1700px) {
    .front-cases__label {
        line-height: 2rem;
        font-size: 1.625rem;
        width: calc(100% - 64px)
    }
}

.front-cases__link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.front-cases__cat {
    background: #007249;
    padding: .375rem 1rem;
    box-sizing: border-box;
    position: absolute;
    left: 2rem;
    top: 2rem;
    text-decoration: none;
    z-index: 3
}

.front-cases__cat span {
    color: #fff
}

.front-cases__l,
.front-cases__r,
.front-news__l,
.front-news__r {
    position: absolute;
    top: calc(40% - 28px);
    left: -28px
}

@media (min-width:1700px) {

    .front-cases__l,
    .front-cases__r,
    .front-news__l,
    .front-news__r {
        left: -15px
    }
}

@media (min-width:1700px) {

    .front-cases__l,
    .front-cases__r,
    .front-news__l,
    .front-news__r {
        left: -28px
    }
}

.front-cases__l:hover svg,
.front-cases__r:hover svg,
.front-news__l:hover svg,
.front-news__r:hover svg {
    fill: #f36e21
}

.front-news__l,
.front-news__r {
    top: 128px
}

@media (min-width:1280px) {

    .front-news__l,
    .front-news__r {
        top: 80px
    }
}

.front-cases__r,
.front-news__r {
    left: initial;
    right: -28px
}

@media (min-width:1700px) {

    .front-cases__r,
    .front-news__r {
        right: -15px
    }
}

@media (min-width:1700px) {

    .front-cases__r,
    .front-news__r {
        right: -28px
    }
}

.article-gallery__pagination,
.case__pagination,
.leaders-publish__pagination,
.news__pagination,
.video-gallery__pagination {
    width: 100%;
    display: inline-block;
    text-align: center;
    position: relative;
    bottom: 0 !important;
    margin: 1.6875rem 0 0
}

.article-gallery__pagination .swiper-pagination-bullet,
.case__pagination .swiper-pagination-bullet,
.leaders-publish__pagination .swiper-pagination-bullet,
.news__pagination .swiper-pagination-bullet,
.video-gallery__pagination .swiper-pagination-bullet {
    width: 2rem;
    height: .125rem;
    background: #b7c0ca;
    border-radius: 5px;
    margin: 0 8px
}

.article-gallery__pagination .swiper-pagination-bullet-active,
.case__pagination .swiper-pagination-bullet-active,
.leaders-publish__pagination .swiper-pagination-bullet-active,
.news__pagination .swiper-pagination-bullet-active,
.video-gallery__pagination .swiper-pagination-bullet-active {
    background: #f36e21
}

.leaders-publish__pagination {
    margin: .9375rem 0 1.25rem
}

@media (min-width:768px) {
    .leaders-publish__pagination {
        display: none
    }
}

.front-spare {
    background: #f5f7fa
}

@media (max-width:768px) {
    .front-spare {
        padding-bottom: 1.125rem
    }
}

.front-spare h2 {
    width: 100%
}

@media (min-width:1440px) {
    .front-spare h2 {
        margin: 0 0 40px
    }
}

@media (min-width:1700px) {
    .front-spare h2 {
        text-align: center;
        margin: 0 0 30px
    }
}

.front-spare__wrap {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    position: relative;
    align-content: flex-start;
    align-items: flex-start
}

.front-spare__info {
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    align-items: flex-start
}

@media (max-width:1024px) {
    .front-spare__info {
        order: 2
    }
}

@media (min-width:1700px) {
    .front-spare__info {
        width: calc(100% - 610px);
        padding-right: 1.25rem
    }
}

.front-spare__item-container {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    align-items: flex-start
}

.front-spare__item {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    align-items: center;
    box-sizing: border-box;
    margin: 0 0 1.875rem
}

@media (min-width:768px) {
    .front-spare__item {
        width: 50%
    }
}

@media (min-width:1024px) {
    .front-spare__item {
        width: calc(16.6666666667% - 17px);
        margin: 0 1.25rem 0 0;
        padding: 0 1.25rem 0 0
    }

    .front-spare__item:last-of-type {
        margin: 0
    }
}

@media (min-width:1440px) {
    .front-spare__item {
        padding: 0
    }
}

@media (min-width:1700px) {
    .front-spare__item {
        width: 31.3%;
        padding: 0;
        margin: 0 1.25rem 1.875rem 0
    }

    .front-spare__item:nth-of-type(3n) {
        margin-right: 0
    }
}

@media (min-width:1700px) {
    .front-spare__item {
        margin: 0 1.25rem 3.125rem 0
    }
}

.front-spare__icon {
    width: 3.5rem;
    height: 3.5rem;
    margin: 0 1rem 0 0
}

@media (min-width:1024px) {
    .front-spare__icon {
        margin: 0
    }
}

@media (min-width:1440px) {
    .front-spare__icon {
        margin: 0 0 24px;
        width: 4.375rem;
        height: 4.375rem
    }
}

@media (min-width:1700px) {
    .front-spare__icon {
        width: 3.5rem;
        height: 3.5rem;
        margin: 0
    }
}

.front-spare__descr {
    width: calc(100% - 80px);
    font-weight: 700;
    font-size: 16px;
    line-height: 1.375rem;
    font-family: HeliosC, sans-serif;
    color: #1f222d;
    box-sizing: border-box
}

@media (min-width:1024px) {
    .front-spare__descr {
        width: 100%;
        margin: 1rem 0 0
    }
}

@media (min-width:1440px) {
    .front-spare__descr {
        width: 100%;
        padding: 0;
        margin: 0;
        font-size: 14px;
        line-height: 1.25rem
    }
}

@media (min-width:1700px) {
    .front-spare__descr {
        letter-spacing: initial;
        width: calc(100% - 60px);
        font-size: 16px;
        line-height: 1.375rem;
        padding: 0 0 0 1rem
    }
}

.front-spare__text {
    width: 100%;
    display: inline-block
}

@media (min-width:1024px) {
    .front-spare__text {
        padding: 0 50% 0 0;
        margin: 2rem 0 0
    }
}

@media (min-width:1440px) {
    .front-spare__text {
        margin: 3.125rem 0 0
    }
}

@media (min-width:1700px) {
    .front-spare__text {
        width: 100%;
        padding: 0;
        margin: 0
    }
}

.front-spare__text p {
    width: 100%;
    display: inline-block;
    margin: 0 0 1.25rem;
    font-family: "Fira Sans", sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.625rem;
    color: #4b535e
}

@media (min-width:1440px) {
    .front-spare__text p {
        font-size: .9375rem;
        line-height: 1.25rem
    }
}

@media (min-width:1700px) {
    .front-spare__text p {
        font-size: 1rem;
        line-height: 1.625rem
    }
}

.front-spare__text p:last-of-type {
    margin: 0
}

.front-spare__pic {
    width: 100%;
    border-radius: 4px;
    overflow: hidden
}

@media (max-width:1024px) {
    .front-spare__pic {
        order: 1;
        margin: 0 0 1.875rem
    }
}

@media (min-width:1024px) {
    .front-spare__pic {
        width: 513px;
        height: 328px;
        position: absolute;
        right: 0;
        top: 10.9375rem
    }
}

@media (min-width:1440px) {
    .front-spare__pic {
        width: 513px;
        height: 257px
    }
}

@media (min-width:1700px) {
    .front-spare__pic {
        top: initial;
        width: 610px;
        height: 388px;
        position: relative
    }
}

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

.front-spare__btn {
    margin: 2.5rem 0 0;
    width: 100%
}

@media (min-width:768px) {
    .front-spare__btn {
        width: initial;
        height: 50px
    }
}

@media (min-width:1440px) {
    .front-spare__btn {
        margin: 3.125rem 0 0
    }
}

@media (min-width:1700px) {
    .front-spare__btn {
        margin: 2.5rem 0 0
    }
}

.front-news .container {
    padding: 0
}

@media (min-width:1024px) {
    .front-news .container {
        padding: 0 15px
    }
}

.front-news__wrap {
    width: 100%;
    display: inline-block;
    position: relative
}

.front-news__slider {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    align-items: flex-start
}

.front-news__item,
.news__item {
    border-radius: 4px;
    overflow: hidden;
    width: 85%;
    text-decoration: none;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    align-items: flex-start
}

@media (max-width:1024px) {

    .front-news__item:first-of-type,
    .news__item:first-of-type {
        margin-left: 15px
    }

    .front-news__item:last-of-type,
    .news__item:last-of-type {
        margin-right: 15px
    }
}

@media (min-width:768px) {

    .front-news__item,
    .news__item {
        width: 70%
    }
}

@media (min-width:1280px) {

    .front-news__item,
    .news__item {
        width: 100%
    }
}

.front-news__item:hover .front-news__label,
.news__item:hover .front-news__label {
    color: #f36e21
}

.front-news__pic {
    width: 100%;
    display: inline-block;
    height: 13.75rem;
    overflow: hidden
}

@media (min-width:1024px) {
    .front-news__pic {
        height: 13.75rem
    }
}

@media (min-width:1700px) {
    .front-news__pic {
        height: 18.25rem
    }
}

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

.front-news__content {
    width: 100%;
    border-top: none;
    border: 1px solid #f5f7fa;
    box-sizing: border-box;
    padding: 1rem 1.25rem;
    box-sizing: border-box;
    min-height: 138px
}

@media (min-width:1024px) {
    .front-news__content {
        padding: 1rem 1.5rem
    }
}

.front-news__date {
    width: 100%;
    display: inline-block;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.375rem;
    font-family: "Fira Sans", sans-serif;
    color: #4b535e
}

.front-news__label {
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.375rem;
    color: #1f222d;
    width: 100%;
    margin: 1rem 0 0;
    display: inline-block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: .4s ease
}

.front-news__title {
    width: 100%;
    display: inline-block;
    font-weight: 700;
    font-size: 16px;
    line-height: 140%;
    font-family: HeliosC, sans-serif;
    color: #1f222d
}

.front-perfomance .front-news__label {
    font-weight: 400
}

@media (min-width:1280px) {

    .front-perfomance .front-news__l,
    .front-perfomance .front-news__r {
        top: 119px
    }
}

.geography {
    overflow: hidden;
    padding: 0 0 3.75rem 0
}

@media (min-width:1280px) {
    .geography {
        padding: 0 0 5rem 0
    }
}

@media (min-width:1700px) {
    .geography {
        padding: 0 0 5.625rem 0
    }
}

.geography .container {
    padding: 0
}

@media (min-width:1280px) {
    .geography .container {
        padding: 0 15px
    }
}

.interactive-wrap {
    width: 100%;
    display: inline-block
}

.interactive-wrap::-webkit-scrollbar {
    width: 0
}

@media (max-width:1024px) {
    .interactive-wrap {
        overflow-x: auto
    }
}

.interactive-wrap svg {
    width: 100%;
    height: 652px;
    display: inline-block
}

@media (max-width:1024px) {
    .interactive-wrap svg {
        width: 800px;
        margin-top: -80px;
        height: 500px
    }
}

.interactive-wrap .map-path {
    transition: .4s ease;
    cursor: pointer;
    fill: #e8edf4
}

.interactive-wrap .pathClient,
.interactive-wrap .pathClient--grey {
    cursor: pointer;
    transition: .3s ease
}

.interactive-wrap .pathClient--plug {
    stroke: #fff;
    fill: #e0e6ed
}

.interactive-wrap .pathClient.pathClient--grey:hover {
    fill: #8e9aa9
}

.interactive-wrap path.pathClient.pathServices.pathMarker {
    transform: scale(1.1) translate(-20px, -51px)
}

.interactive-wrap path.pathClient.pathServices.pathMarker:hover {
    fill: #007249;
    padding: 10px
}

.interactive-wrap .pathClient:hover {
    fill: #f36e21
}

.interactive-wrap .pathClient.pathServices:hover {
    fill: #8e9aa9
}

.interactive-wrap .pathClient.pathMonitor:hover {
    fill: #b7c0ca
}

.interactive-wrap path.pathClient.pathcloud:hover {
    fill: #b7c0ca
}

.interactive-wrap svg path.storagePath.deliveryPath--grey {
    fill: #cacfd6
}

.interactive-wrap svg path.storagePath.deliveryPath--grey:hover {
    fill: #cacfd6
}

.interactive-map__title {
    width: 100%;
    display: inline-block;
    text-align: left;
    margin: 0;
    padding: 0 15px
}

@media (min-width:1024px) {
    .interactive-map__title {
        padding: 0;
        text-align: center
    }
}

.interactive-map__title span {
    width: 100%;
    display: inline-block
}

.interactive-map__subtitle {
    width: 100%;
    text-align: center;
    font-family: "Fira Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #1f222d;
    margin: 0 auto;
    padding: 0 15px
}

@media (min-width:1024px) {
    .interactive-map__subtitle {
        text-align: center;
        padding: 0;
        width: 50%
    }
}

.mod-svgmap .description {
    filter: drop-shadow(0 0 20px rgba(0, 0, 0, .07));
    background-color: #fff;
    position: absolute;
    border-radius: 4px;
    padding: 4px 6px 6px;
    box-sizing: border-box;
    opacity: 0;
    z-index: -10
}

@media (max-width:1024px) {
    .mod-svgmap .description {
        padding: 6px 16px;
        width: 80%;
        left: 10%;
        top: 350px;
        text-align: center
    }

    .mod-svgmap .description .description-close {
        top: -22px;
        right: 0
    }
}

.mod-svgmap .description.show {
    opacity: 1;
    z-index: 3
}

.mod-svgmap .description .pin {
    height: 13px;
    width: 13px;
    background: #fff;
    display: block;
    position: absolute;
    bottom: 7px;
    left: 50%;
    transform: translate(-50%, 10px) rotate(-45deg);
    z-index: -1
}

.mod-svgmap .description h4 {
    font-size: calc(15px + (16px - 15px) * ((100vw - 320px)/ (900px - 320px)));
    color: #282a31;
    margin: 0;
    position: relative;
    display: inline-block;
    font-weight: 700;
    margin: 0 0 1rem
}

@media screen and (max-width:320px) {
    .mod-svgmap .description h4 {
        font-size: 15px
    }
}

@media screen and (min-width:900px) {
    .mod-svgmap .description h4 {
        font-size: 16px
    }
}

.mod-svgmap .description p {
    width: 100%;
    margin: 0;
    color: #282a31;
    font-weight: 400;
    font-size: 1rem
}

.mod-svgmap .description.open {
    opacity: 1;
    z-index: 3
}

.geography__tabs-service .description {
    width: 483px;
    padding: 24px 16px;
    top: 100px
}

@media (max-width:1024px) {
    .geography__tabs-service .description {
        width: 90%;
        left: 5%;
        top: 180px
    }

    .geography__tabs-service .description .description-close {
        top: 10px;
        right: 10px
    }
}

.descriptions {
    filter: drop-shadow(0 0 20px rgba(0, 0, 0, .07));
    background-color: #fff;
    position: absolute;
    border-radius: 4px;
    padding: 4px 6px 6px;
    box-sizing: border-box;
    opacity: 0;
    display: block
}

@media (max-width:1024px) {
    .descriptions {
        padding: 6px 16px;
        width: 80%;
        left: 10%;
        top: 350px;
        text-align: center
    }

    .descriptions .description-close {
        top: -22px;
        right: 0
    }
}

.descriptions.show {
    opacity: 1
}

.descriptions .pin {
    height: 13px;
    width: 13px;
    background: #fff;
    display: block;
    position: absolute;
    bottom: 7px;
    left: 50%;
    transform: translate(-50%, 10px) rotate(-45deg);
    z-index: -1
}

.descriptions h4 {
    font-size: calc(15px + (16px - 15px) * ((100vw - 320px)/ (900px - 320px)));
    color: #282a31;
    margin: 0;
    position: relative;
    display: inline-block;
    font-weight: 700;
    margin: 0 0 1rem;
    z-index: 10
}

@media screen and (max-width:320px) {
    .descriptions h4 {
        font-size: 15px
    }
}

@media screen and (min-width:900px) {
    .descriptions h4 {
        font-size: 16px
    }
}

.descriptions p {
    width: 100%;
    margin: 0;
    color: #282a31;
    font-weight: 400;
    font-size: 1rem
}

.descriptions.open {
    opacity: 1;
    z-index: 3
}

.descriptions {
    width: 483px;
    padding: 24px 16px;
    top: 100px
}

@media (max-width:1024px) {
    .descriptions {
        width: 90%;
        left: 5%;
        top: 180px
    }

    .descriptions .description-close {
        top: 10px;
        right: 10px
    }
}

.descr-path {
    font-weight: 400;
    font-size: 12px;
    line-height: 130%;
    letter-spacing: .03em;
    color: #1f222d;
    font-family: "Fira Sans", sans-serif
}

.icon-map {
    background-image: url(../img/logo-inter-map.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 40px;
    height: 40px;
    display: inline-block;
    position: absolute;
    left: -56px;
    top: -10px
}

.description-close {
    width: 25px;
    position: absolute;
    height: 25px;
    background-image: url(../img/close-popap.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    right: 10px;
    top: 10px;
    z-index: 20
}

.map__descr {
    margin: 0 auto;
    color: #8e9aa9;
    font-size: 14px;
    font-weight: 400
}

@media (min-width:1024px) {
    .map__descr {
        display: none
    }
}

.map__descr span {
    position: relative;
    display: inline-block
}

.map__descr span::before {
    content: "";
    background-image: url(../img/double.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block;
    position: relative;
    margin-right: .3125rem;
    top: .4375rem
}

.map__descr span::after {
    content: "";
    background-image: url(../img/double.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block;
    position: relative;
    margin-left: .3125rem;
    transform: rotate(180deg);
    top: .4375rem
}

.map__descrs {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin: 1.875rem 0 0;
    padding: 0 0 0 15px
}

@media (min-width:1280px) {
    .map__descrs {
        margin: 0
    }
}

.map__item {
    font-weight: 400;
    font-size: 16px;
    color: #282a31;
    margin: 0 0 1.25rem 0;
    width: 100%
}

@media (min-width:768px) {
    .map__item {
        width: auto;
        margin: 0 2.5rem 0 0
    }
}

.map__item:last-of-type {
    margin: 0
}

.map__item span {
    width: 1.125rem;
    height: 1.125rem;
    border-radius: 3px;
    margin: 0 1rem 0 0;
    display: inline-block;
    position: relative;
    top: 3px
}

.geography__tabs-content {
    width: 100%;
    display: inline-block
}

@media (max-width:768px) {
    .geography__tabs-content {
        position: relative
    }
}

.geography__tabs-items {
    width: 100%;
    display: none;
    flex-flow: row wrap
}

.geography__tabs-items.show {
    display: flex
}

.geography__tabs {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin: 1.875rem 0 1.5rem;
    padding: 0 15px;
    box-sizing: border-box
}

@media (min-width:1024px) {
    .geography__tabs {
        padding: 0
    }
}

.geography__tabs li {
    list-style-type: none;
    border: 1px solid #f36e21;
    border-radius: 6px;
    width: 100%;
    height: 40px;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    margin: 0 0 16px
}

@media (min-width:600px) {
    .geography__tabs li {
        margin: 0 12px;
        padding: 0 20px;
        height: 40px;
        width: auto
    }
}

@media (min-width:1024px) {
    .geography__tabs li {
        width: 236px;
        padding: 0
    }
}

.geography__tabs li a {
    font-family: HeliosC, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    height: 40px;
    color: #f36e21;
    text-decoration: none;
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    align-items: center;
    justify-content: center
}

.geography__tabs li:hover {
    background-color: #f36e21
}

.geography__tabs li:hover a {
    color: #fff
}

.geography__tabs li:hover .geography__icon {
    stroke: #fff
}

.geography__icon {
    width: 19px;
    height: 19px;
    display: inline-block;
    margin: 0 12px 0 0;
    stroke: #f36e21;
    position: relative;
    top: -2px
}

.geography__tabs .current {
    background-color: #f36e21
}

.geography__tabs .current a {
    color: #fff
}

.geography__tabs .current .geography__icon {
    stroke: #fff
}

.description-icon {
    background-image: url("../img/ geography-icon.svg");
    background-repeat: no-repeat;
    background-size: 100%;
    width: 2.5rem;
    height: 2.5rem
}

.descr-service {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    box-sizing: border-box;
    padding-left: 56px;
    position: relative;
    z-index: 18
}

@media (min-width:768px) {
    .descr-service {
        min-height: initial
    }
}

@media (max-width:768px) {
    .descr-service {
        display: inline-block
    }
}

.descr-service::before {
    content: "";
    background-image: url(../img/geography-icon.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 40px;
    height: 40px;
    position: absolute;
    left: 0;
    top: 0
}

.descr-service.descr-avatar::before {
    content: "";
    background-image: url(../img/geography-icon-avatar.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 40px;
    height: 40px;
    position: absolute;
    left: 0;
    top: 0
}

.descr-service_city {
    font-weight: 700;
    font-size: 16px;
    font-family: HeliosC, sans-serif;
    width: 100%;
    display: inline-block;
    color: #1f222d;
    margin: 0 0 10px;
    text-align: left
}

.descr-service__label {
    width: 100%;
    display: inline-block;
    font-weight: 700;
    font-size: 16px;
    font-family: HeliosC, sans-serif;
    width: 100%;
    display: inline-block;
    color: #1f222d;
    text-transform: uppercase;
    margin: 0 0 10px;
    text-align: left
}

.descr-service__adress {
    width: 100%;
    font-family: "Fira Sans", sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #4b535e;
    display: inline-block;
    margin: 0 0 12px;
    text-align: left
}

.descr-service__phone {
    font-weight: 700;
    font-size: 20px;
    font-family: HeliosC, sans-serif;
    display: inline-block;
    color: #f36e21;
    text-decoration: none;
    text-align: left
}

.descr-service_line {
    width: 100%;
    display: inline-block;
    background-color: #e0e6ed;
    height: 1px;
    margin: 10px 0 12px
}

.geography__tabs-service .services-eng .description {
    width: initial;
    padding: 0
}

.geography__tabs-service .services-eng .description .descr-path {
    padding: 4px 6px 6px;
    text-align: center
}

.geography__tabs-service .services-eng .description .descr-service {
    width: 483px;
    padding: 24px 16px 24px 70px
}

.geography__tabs-service .services-eng .description .descr-service::before {
    content: "";
    top: 24px;
    left: 16px
}

.geography__tabs-service .services-eng .description .descr-service .descr-service__label,
.geography__tabs-service .services-eng .description .descr-service .descr-service_address,
.geography__tabs-service .services-eng .description .descr-service .descr-service_adress {
    width: 100%;
    display: inline-block
}

.geography__tabs-service .services-eng .description .descr-service .descr-service_address,
.geography__tabs-service .services-eng .description .descr-service .descr-service_adress {
    margin-bottom: 10px
}

.menu-sub {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    position: absolute;
    left: 0;
    top: 70px;
    height: calc(100vh - 70px)
}

.menu-sub__close {
    position: absolute;
    right: 40px;
    top: 10px;
    display: inline-block;
    background-color: #f36e21;
    cursor: pointer;
    width: 26px;
    height: 26px;
    border-radius: 50%
}

.menu-sub__close::before {
    content: "";
    background-image: url(../img/close-white.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px;
    position: absolute;
    left: calc(50% - 10px);
    top: calc(50% - 10px)
}

.nav-menu .active .menu-sub__item a::after {
    display: none
}

.menu-sub__item {
    width: 100%;
    background: #f5f7fa;
    flex-flow: row wrap;
    display: none;
    padding: 2.375rem 2.5rem;
    box-sizing: border-box;
    z-index: 20;
    position: absolute;
    left: 0;
    top: 48px;
    align-content: flex-start;
    align-items: flex-start
}

@media (min-width:1024px) {
    .menu-sub__item {
        top: 50px
    }
}

@media (min-width:1440px) {
    .menu-sub__item {
        padding: 1.875rem 2.5rem;
        top: 54px
    }
}

@media (min-width:1700px) {
    .menu-sub__item {
        top: 55px;
        padding: 2.375rem 9.375rem
    }
}

.menu-sub__item:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: -28px;
    left: 0;
    z-index: -1
}

.menu-sub__item.hide {
    display: flex
}

@media (min-width:1024px) {
    .menu-sub__item.digital .menu-sub__container {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr
    }
}

@media (min-width:1024px) {
    .menu-sub__item.digital .menu-sub__column {
        width: 100%
    }
}

@media (min-width:1024px) {
    .menu-sub__item.digital .menu-sub__column:first-of-type {
        grid-row: 1/4;
        grid-column: 1
    }
}

.menu-sub__wrap {
    width: calc(100% - 300px);
    height: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap
}

@media (min-width:1700px) {
    .menu-sub__wrap {
        width: calc(100% - 385px)
    }
}

.menu-sub__wrap—full {
    width: 100%
}

.menu-sub__container {
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    width: 100%
}

.menu-sub__block {
    width: 100%;
    margin: 1.5rem 0 0
}

@media (min-width:1700px) {
    .menu-sub__block {
        margin: 2.125rem 0 0
    }
}

.menu-sub__block:first-of-type {
    margin: 0
}

@media (min-width:1700px) {
    .menu-sub__block {
        margin: 4rem 0 0
    }
}

.menu-sub__block .menu-sub__label {
    width: 100%;
    display: inline-block;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.1875rem;
    font-family: HeliosC, sans-serif;
    color: #1f222d;
    text-decoration: none
}

.menu-sub__block .menu-sub__label >.accent, .mobile-list .accent {
    color: #f36e21;
}

@media (min-width:1440px) {
    .menu-sub__block .menu-sub__label {
        font-size: .875rem
    }
}

@media (min-width:1700px) {
    .menu-sub__block .menu-sub__label {
        line-height: 1.375rem;
        font-size: 1rem
    }
}

.menu-sub__block .menu-sub__label:hover {
    color: #f36e21
}

.menu-sub__list {
    margin: .625rem 0 0;
    padding: 0
}

@media (min-width:1700px) {
    .menu-sub__list {
        margin: 1rem 0 0
    }
}

.menu-sub__list li {
    list-style-type: none;
    margin: 0 0 1rem;
    width: 100%;
    display: inline-block
}

@media (min-width:1024px) {
    .menu-sub__list li {
        margin: 0 0 .25rem
    }
}

@media (min-width:1700px) {
    .menu-sub__list li {
        margin: 0 0 1rem
    }
}

.menu-sub__list li:last-of-type {
    margin: 0
}

.menu-sub__list li a {
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.375rem;
    font-family: "Fira Sans", sans-serif;
    color: #4b535e;
    text-decoration: none
}

@media (min-width:1024px) {
    .menu-sub__list li a {
        line-height: 1rem
    }
}

@media (min-width:1700px) {
    .menu-sub__list li a {
        font-size: .875rem;
        line-height: 1.375rem
    }
}

.menu-sub__list li a:hover {
    text-decoration: underline
}

.menu-sub__icon {
    height: 33px;
    display: inline-block;
    margin: 0 0 1.5rem
}

.menu-sub__icon svg {
    height: 100%;
    max-width: 64px;
    margin: 0 auto 0 0
}

.menu-sub__column {
    width: 33.3%;
    padding: 0 2.5rem 1rem 0;
    box-sizing: border-box;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    align-items: flex-start
}

.menu-sub__column:nth-last-child(-n+3) {
    padding: 0 2.5rem 0 0
}

.menu-sub__banner {
    width: 300px;
    height: 480px;
    border-radius: 6px;
    overflow: hidden;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    align-content: flex-end;
    align-items: flex-end;
    position: relative
}

@media (min-width:1700px) {
    .menu-sub__banner {
        height: 583px;
        width: 385px
    }
}

.menu-sub__banner img {
    width: 100%;
    height: 100%
}

.menu-banner__label {
    width: 100%;
    display: inline-block;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.8125rem;
    font-family: HeliosC, sans-serif;
    color: #fff;
    margin: 0 0 .4375rem
}

.menu-banner__descr {
    width: 100%;
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.625rem;
    font-family: "Fira Sans", sans-serif;
    color: #fff
}

.menu-banner__content {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 30px;
    box-sizing: border-box
}

.menu-banner__content .link {
    font-size: 16px;
    margin: .625rem 0 0;
    display: inline-block
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #f36e21
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #f36e21
}

.laboratory-tabs {
    padding-bottom: 0
}

.laboratory-tabs__title {
    width: 100%;
    text-align: center
}

.laboratory-tabs__nav {
    padding-bottom: 18px;
    width: 100%;
    border-bottom: 1px solid #f0f2f4;
    box-sizing: border-box;
    display: inline-block
}

.laboratory__tabs {
    display: flex;
    margin: 0;
    padding: 0;
    flex-flow: row wrap;
    width: 100%;
    justify-content: center
}

.laboratory__tabs li {
    list-style-type: none;
    margin: 0 30px 0 0;
    position: relative;
    display: inline-block
}

@media (min-width:1024px) {
    .laboratory__tabs li {
        margin: 0 15px
    }
}

.laboratory__tabs li a {
    text-decoration: none
}

.laboratory__tabs li a span {
    color: #b7c0ca;
    transition: .3s ease
}

@media (min-width:1024px) {
    .laboratory__tabs li a:hover {
        color: #171717
    }

    .laboratory__tabs li a:hover span {
        color: #171717
    }
}

.laboratory__tabs .current::before {
    content: "";
    width: 100%;
    height: 4px;
    background: #f36e21;
    border-radius: 3px 3px 0 0;
    position: absolute;
    left: 0;
    bottom: -19px
}

@media (min-width:1024px) {
    .laboratory__tabs .current::before {
        bottom: -19px
    }
}

.laboratory__tabs .current span {
    color: #1f222d
}

.laboratory-tabs__desctop {
    display: none
}

@media (min-width:1280px) {
    .laboratory-tabs__desctop {
        display: block
    }
}

.laboratory-tabs__mob {
    display: block
}

@media (min-width:1280px) {
    .laboratory-tabs__mob {
        display: none
    }
}

.laboratory__tabs-content {
    width: 100%;
    display: inline-block;
    margin: 30px 0 0
}

.laboratory__tabs-items {
    width: 100%;
    display: none;
    flex-flow: row wrap;
    align-content: center;
    align-items: center;
    position: relative
}

.tab-show {
    display: flex
}

.tabs-content__pic {
    width: 100%;
    overflow: hidden;
    border-radius: 4px;
    margin: 0 0 30px
}

@media (min-width:1024px) {
    .tabs-content__pic {
        width: 40%;
        margin: 0;
        height: 425px
    }
}

@media (min-width:1440px) {
    .tabs-content__pic {
        width: 50%
    }
}

@media (min-width:1700px) {
    .tabs-content__pic {
        width: 40%
    }
}

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

.tabs-content__content {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    box-sizing: border-box
}

@media (min-width:1024px) {
    .tabs-content__content {
        width: 60%;
        padding-left: 50px
    }
}

@media (min-width:1440px) {
    .tabs-content__content {
        width: 50%
    }
}

@media (min-width:1700px) {
    .tabs-content__content {
        width: 60%
    }
}

.tabs-content__title {
    width: 100%;
    margin: 0 0 1.5rem;
    display: inline-block;
    padding: 0
}

.tabs-content__descr {
    width: 100%;
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    font-family: "Fira Sans", sans-serif;
    font-size: .9375rem;
    line-height: 1.5rem;
    color: #4b535e;
    margin: 0 0 2.5rem
}

@media (min-width:1024px) {
    .tabs-content__descr {
        font-size: 1.125rem;
        line-height: 1.8125rem
    }
}

.tabs-content__descr p {
    width: 100%;
    display: block;
    margin: 0 0 12px;
    font-weight: 400;
    line-height: 160%;
    color: #4b535e;
    font-size: .9375rem
}

@media (min-width:1024px) {
    .tabs-content__descr p {
        font-size: 16px
    }
}

.tabs-content__link {
    position: relative;
    padding-left: 40px;
    box-sizing: border-box;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.375rem;
    font-family: HeliosC, sans-serif;
    color: #f36e21;
    text-decoration: none;
    transition: .5s ease
}

.tabs-content__link:hover {
    color: #007249
}

.tabs-content__link:hover:before {
    background-image: url(../img/pdf-icon-hover.svg)
}

.tabs-content__link::before {
    content: "";
    background-image: url(../img/pdf-icon.svg);
    width: 2rem;
    height: 2rem;
    display: inline-block;
    position: absolute;
    left: 0;
    top: -8px;
    transition: .5s ease
}

.tabs-content__link--desktop {
    display: none
}

@media (min-width:1024px) {
    .tabs-content__link--desktop {
        display: block
    }
}

.tabs-content__link--mobile {
    display: block
}

@media (min-width:1024px) {
    .tabs-content__link--mobile {
        display: none
    }
}

.front-repeating {
    background: #f5f7fa;
    padding: 1.5rem 0 3.125rem;
    z-index: 1
}

@media (min-width:1024px) {
    .front-repeating {
        padding: 1.5rem 0 4rem
    }
}

@media (min-width:1440px) and (max-width:1700px) {
    .napravlenii-front {
        min-height: 574px
    }

    .napravlenii-front .front-repeating__content {
        margin-top: 120px
    }

    .napravlenii-front .front-repeating__pic {
        margin-top: 60px
    }
}

.front-repeating__content {
    width: 100%;
    display: inline-block;
    margin: 2rem 0 0;
    box-sizing: border-box
}

@media (min-width:1024px) {
    .front-repeating__content {
        margin: 5rem 0 0;
        width: 50%;
        padding: 0 4rem 0 0
    }
}

@media (min-width:1440px) {
    .front-repeating__content {
        width: 40%;
        padding: 0
    }
}

.front-repeating__title {
    width: 100%;
    font-size: 1.875rem;
    line-height: 2.4375rem;
    color: #1f222d;
    font-family: HeliosC, sans-serif;
    margin: 0;
    width: 100%
}

@media (min-width:1024px) {
    .front-repeating__title {
        font-size: 2.5rem;
        line-height: 3rem
    }
}

@media (min-width:1280px) {
    .front-repeating__title {
        font-size: 3rem;
        line-height: 3.3125rem
    }
}

.front-repeating__title span {
    color: #f36e21
}

.front-repeating__descr {
    width: 100%;
    display: inline-block;
    margin: 1.5rem 0 0;
    font-weight: 400;
    font-size: .9375rem;
    line-height: 1.5rem;
    color: #4b535e;
    box-sizing: border-box
}

@media (min-width:1280px) {
    .front-repeating__descr {
        font-size: 1.125rem;
        line-height: 1.8125rem
    }
}

.front-repeating__pic {
    width: 100%;
    display: inline-block;
    text-align: right;
    margin: 30px 0 0
}

@media (min-width:1024px) {
    .front-repeating__pic {
        width: 50%;
        margin: 0
    }
}

@media (min-width:1440px) {
    .front-repeating__pic {
        width: 55%;
        margin: 0 0 0 auto
    }
}

.front-repeating__pic img {
    margin: 0 0 0 auto
}

.solutions__wrap {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap
}

.solutions__item {
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    align-items: flex-start;
    width: 100%;
    margin: 0 0 16px 0;
    background: #f5f7fa;
    border-radius: 4px;
    padding: 32px 24px 70px;
    position: relative;
    box-sizing: border-box;
    overflow: hidden
}

@media (min-width:768px) {
    .solutions__item {
        padding: 32px 24px;
        width: calc(50% - 13px);
        margin: 0 20px 20px 0;
        height: 400px
    }

    .solutions__item:nth-of-type(2n) {
        margin-right: 0
    }
}

@media (min-width:1024px) {
    .solutions__item {
        height: 340px;
        width: calc(33.3% - 14px)
    }

    .solutions__item:nth-of-type(2n) {
        margin-right: 20px
    }

    .solutions__item:nth-of-type(3n) {
        margin-right: 0
    }
}

@media (min-width:1440px) {
    .solutions__item {
        padding: 40px 32px;
        height: 400px
    }
}

.solutions__item:hover::before {
    opacity: 1;
    transform: rotate(-1deg)
}

@media (min-width:1024px) {
    .solutions__item:hover .solutions__link {
        right: 24px
    }
}

@media (min-width:1440px) {
    .solutions__item:hover .solutions__link {
        right: 32px
    }
}

.solutions__item:hover .solutions__link::after {
    background-image: url(../img/solutions-arr-hover.svg)
}

.solutions__item:hover .solutions__link-text {
    opacity: 1;
    transform: translateX(0)
}

.solutions__item::before {
    content: "";
    background-image: url(../img/solutions-bg.svg);
    background-repeat: no-repeat;
    background-size: 80%;
    position: absolute;
    z-index: 1;
    background-position: 100% 100%;
    opacity: 0;
    bottom: -139px;
    right: -101px;
    transform: rotate(-30deg);
    transition: .3s ease;
    transition-duration: .5s;
    width: 537px;
    height: 510px;
    display: none
}

@media (min-width:1280px) {
    .solutions__item::before {
        display: inline-block
    }
}

.solutions__label {
    width: 100%;
    display: inline-block;
    font-size: 20px;
    color: #1f222d;
    margin: 0 0 15px;
    font-weight: 700;
    font-family: HeliosC, sans-serif;
    position: relative;
    z-index: 2
}

@media (min-width:1024px) {
    .solutions__label {
        font-size: 24px
    }
}

@media (min-width:1440px) {
    .solutions__label {
        font-size: 1.875rem;
        line-height: 2.4375rem
    }
}

.solutions__descr {
    width: 100%;
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.625rem;
    color: #1f222d;
    position: relative;
    z-index: 2
}

.solutions__link {
    position: absolute;
    text-decoration: none;
    transition: .4s ease-in;
    right: 32px;
    bottom: 32px;
    z-index: 2
}

@media (min-width:1440px) {
    .solutions__link {
        right: 42px;
        bottom: 40px
    }
}

.solutions__link::after {
    content: "";
    width: 24px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-image: url(../img/solutions-arr-hover.svg);
    display: inline-block;
    position: relative;
    top: 5px;
    transition: .4s ease-in
}

@media (min-width:1024px) {
    .solutions__link::after {
        background-image: url(../img/solutions-arr.svg)
    }
}

.solutions__link-text {
    font-weight: 700;
    font-size: 1rem;
    line-height: 100%;
    font-family: HeliosC, sans-serif;
    color: #f36e21;
    display: inline-block;
    margin-right: 12px;
    transition: .4s ease-in
}

@media (min-width:1024px) {
    .solutions__link-text {
        opacity: 0;
        transform: translateX(100px)
    }
}

.napravlenii-about {
    padding-bottom: 0
}

.napravlenii-about::before {
    content: "";
    background-image: url(../img/napravlenii-round.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    left: 0;
    top: -550px;
    width: 1256px;
    height: 1608px;
    z-index: 0;
    display: none
}

@media (min-width:1024px) {
    .napravlenii-about::before {
        background-size: 90%;
        background-position: -50% 30%
    }
}

@media (min-width:1280px) {
    .napravlenii-about::before {
        display: block
    }
}

@media (min-width:1700px) {
    .napravlenii-about::before {
        background-size: 100%;
        background-position-x: 100%
    }
}

.napravlenii-about__title {
    z-index: 2
}

@media (min-width:1024px) {
    .napravlenii-about__title {
        width: 40%
    }
}

@media (min-width:1440px) {
    .napravlenii-about__title {
        width: 40%
    }
}

.napravlenii-about__content {
    z-index: 2;
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.8125rem;
    color: #4b535e
}

@media (min-width:1024px) {
    .napravlenii-about__content {
        width: 60%
    }
}

@media (min-width:1440px) {
    .napravlenii-about__content {
        width: 60%
    }
}

.napravlenii-about__content p {
    font-style: normal;
    font-weight: 400;
    font-size: .9375rem;
    line-height: 1.5rem;
    color: #4b535e;
    margin: 0 0 16px
}

@media (min-width:1024px) {
    .napravlenii-about__content p {
        font-size: 1.125rem;
        line-height: 1.625rem
    }
}

.awards {
    padding-top: 0
}

.pt-default {
    padding-top: 3.75rem
}

@media (min-width:1280px) {
    .pt-default {
        padding-top: 5rem
    }
}

@media (min-width:1700px) {
    .pt-default {
        padding-top: 5.625rem
    }
}

.awards__wrap {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap
}

.awards__item {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    border: 1px solid #e0e6ed;
    padding: 16px 24px;
    box-sizing: border-box;
    align-content: center;
    align-items: center;
    min-height: 286px
}

@media (min-width:768px) {
    .awards__item {
        width: 50%
    }
}

@media (min-width:1024px) {
    .awards__item {
        min-height: auto;
        padding: 24px 40px
    }
}

@media (min-width:1024px) {
    .awards__item:nth-of-type(2n) {
        border-left: none
    }

    .awards__item:nth-of-type(3),
    .awards__item:nth-of-type(4) {
        border-top: none
    }
}

.awards__pic {
    width: 124px
}

@media (min-width:1024px) {
    .awards__pic {
        width: 200px
    }
}

.awards__pic img {
    -o-object-fit: contain;
    object-fit: contain
}

.awards__content {
    width: 100%;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.625rem;
    color: #4b535e;
    box-sizing: border-box
}

@media (min-width:1024px) {
    .awards__content {
        width: calc(100% - 200px);
        padding-left: 32px
    }
}

.awards__content p {
    margin: 0;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.625rem;
    color: #4b535e;
    width: 100%;
    display: inline-block
}

.quote {
    padding: 0
}

@media (min-width:1700px) {
    .quote--fullWidth {
        background: #f5f7fa
    }
}

.mb-default {
    margin-bottom: 60px
}

@media (min-width:1280px) {
    .mb-default {
        margin-bottom: 80px
    }
}

@media (min-width:1700px) {
    .mb-default {
        margin-bottom: 90px
    }
}

.quote__wrap {
    background: #f5f7fa;
    border-radius: 4px;
    padding: 2rem 1rem;
    width: 100%;
    display: flex;
    flex-flow: column-reverse wrap;
    align-content: center;
    align-items: center;
    overflow: hidden
}

@media (min-width:1024px) {
    .quote__wrap {
        flex-flow: row wrap;
        padding: 3rem 5rem
    }
}

@media (min-width:1440px) {
    .quote__wrap {
        padding: 3rem 124px
    }
}

@media (min-width:1700px) {
    .quote__wrap {
        padding: 5.625rem 10%
    }
}

.quote__wrap.quote__wrap--rtl {
    flex-flow: row wrap;
    align-items: flex-start;
    align-content: flex-start
}

@media (min-width:1024px) {
    .quote__wrap.quote__wrap--rtl {
        flex-flow: row wrap;
        padding: 5rem 3rem
    }
}

@media (min-width:1440px) {
    .quote__wrap.quote__wrap--rtl {
        padding: 5rem 4rem
    }
}

@media (min-width:1700px) {
    .quote__wrap.quote__wrap--rtl {
        padding: 5rem 4rem
    }
}

.quote__wrap.quote-on-page {
    margin: 1.875rem 0
}

@media (min-width:1024px) {
    .quote__wrap.quote-on-page {
        flex-flow: row wrap;
        padding: 3rem 2.5rem
    }
}

@media (min-width:1440px) {
    .quote__wrap.quote-on-page {
        padding: 3rem 3.75rem
    }
}

@media (min-width:1700px) {
    .quote__wrap.quote-on-page {
        padding: 5.625rem 10%
    }
}

.quote__pic {
    width: 220px;
    height: 220px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto
}

@media (min-width:1024px) {
    .quote__pic {
        width: 306px;
        height: 306px
    }
}

@media (min-width:1024px) {
    .quote__wrap.quote__wrap--rtl .quote__pic {
        width: 284px;
        height: 284px
    }
}

.quote__content {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    margin: 24px 0 0;
    position: relative;
    z-index: 1;
    box-sizing: border-box
}

@media (min-width:1024px) {
    .quote__content {
        width: calc(100% - 306px);
        padding: 0 32px 0 0;
        margin: 0
    }
}

.quote__content::before {
    content: "";
    background-image: url(../img/quote-el.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 106px;
    height: 79px;
    position: absolute;
    left: -10px;
    top: -30px;
    z-index: -2
}

@media (min-width:1024px) {
    .quote__content::before {
        width: 211px;
        height: 157px;
        left: -1px;
        top: -63px
    }
}

@media (min-width:1440px) {
    .quote__content::before {
        width: 211px;
        height: 157px;
        left: -20px;
        top: -55px
    }
}

@media (min-width:1700px) {
    .quote__content::before {
        top: -90px
    }
}

@media (min-width:1024px) {
    .quote__wrap.quote__wrap--rtl .quote__content {
        width: calc(100% - 284px);
        padding: 0 0 0 80px;
        margin: 0
    }
}

.quote__wrap.quote__wrap--rtl .quote__content::before {
    content: "";
    background-image: url(../img/quote-el.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    z-index: -2;
    width: 140px;
    height: 104px;
    left: 0;
    top: -12px
}

@media (min-width:1024px) {
    .quote__wrap.quote__wrap--rtl .quote__content::before {
        width: 174px;
        height: 129px;
        left: 80px;
        top: 32px
    }
}

@media (min-width:1440px) {
    .quote__wrap.quote__wrap--rtl .quote__content::before {
        top: -32px
    }
}

.quote__title {
    width: 100%;
    display: inline-block;
    font-weight: 700;
    font-size: 30px;
    line-height: 39px;
    font-family: HeliosC, sans-serif;
    color: #1f222d;
    margin: 0 0 1.5rem
}

@media (min-width:1024px) {
    .quote__title {
        font-size: 40px;
        line-height: 46px
    }
}

.quote__descr {
    width: 100%;
    display: inline-block;
    font-style: italic;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.625rem;
    font-family: "Fira Sans", sans-serif;
    color: #4b535e;
    margin: 1rem 0 1.5rem
}

.quote__descr p {
    width: 100%;
    display: inline-block;
    font-style: italic;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.625rem;
    font-family: "Fira Sans", sans-serif;
    color: #4b535e;
    margin: 0 0 1.5rem
}

.quote__descr p:last-of-type {
    margin: 0
}

.quote__wrap.quote__wrap--rtl .quote__descr {
    margin-bottom: 0
}

.quote__author {
    font-family: HeliosC, sans-serif;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.375rem;
    color: #1f222d
}

.partners-wrap {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    border-top: 1px solid #e0e6ed;
    border-left: 1px solid #e0e6ed
}

.partners-item {
    width: 50%;
    min-height: 110px;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #e0e6ed;
    border-bottom: 1px solid #e0e6ed;
    box-sizing: border-box;
    filter: grayscale(1);
    transition: .5s ease-in;
    padding: 0 12px
}

.partners-item:hover {
    filter: grayscale(0)
}

@media (min-width:1280px) {
    .partners-item {
        width: 25%;
        min-height: 200px;
        padding: 0
    }
}

.partners-item a {
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    align-items: center;
    justify-content: center
}

.partners-item.partners-item--long {
    width: 100%;
    filter: grayscale(0);
    padding: 24px
}

.partners-item.partners-item--long .partners-item__logo {
    width: 180px;
    margin: 0 auto 0 0
}

@media (min-width:1024px) {
    .partners-item.partners-item--long .partners-item__logo {
        margin: 0 auto
    }
}

.partners-item.partners-item--long .partners-item__content {
    width: 100%;
    padding-top: 10px;
    box-sizing: border-box
}

@media (min-width:768px) {
    .partners-item.partners-item--long .partners-item__content {
        width: calc(100% - 180px);
        padding-left: 32px;
        padding-top: 0
    }
}

@media (min-width:1280px) {
    .partners-item.partners-item--long {
        width: 50%;
        padding: 24px 29px
    }
}

.partners-item__label {
    width: 100%;
    display: inline-block;
    font-family: HeliosC, sans-serif;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.625rem;
    color: #1f222d;
    margin: 0 0 5px
}

.partners-item__descr {
    font-weight: 400;
    font-size: 13px;
    line-height: 1.375rem;
    color: #8e9aa9;
    margin: 0;
    width: 100%;
    display: inline-block
}

.digitally-form {
    padding-top: 0
}

.digitally-form__wrap {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    align-items: center;
    background: #f5f7fa;
    border-radius: 4px;
    padding: 60px 24px;
    box-sizing: border-box
}

@media (min-width:1024px) {
    .digitally-form__wrap {
        padding: 80px 96px
    }
}

.digitally-form__column {
    width: 100%;
    box-sizing: border-box
}

@media (min-width:1440px) {
    .digitally-form__column {
        padding-right: 70px;
        width: 60%
    }
}

@media (min-width:1700px) {
    .digitally-form__column {
        padding-right: 100px
    }
}

@media (max-width:1024px) {
    .digitally-form__column .h2 {
        margin-bottom: 15px
    }
}

.digitally-form__pic {
    width: 40%;
    display: none
}

@media (min-width:1440px) {
    .digitally-form__pic {
        display: block
    }
}

.digitally-form__note {
    width: 100%;
    display: inline-block;
    font-weight: 400;
    font-size: .9375rem;
    line-height: 1.375rem;
    color: #1f222d;
    margin: 0 0 30px
}

@media (min-width:1290px) and (max-width:1600px) {
    .digitally-form__note {
        margin-bottom: 20px;
        font-size: 1.25rem;
        line-height: 2rem
    }
}

.digitally-form__note a {
    color: #f36e21;
    margin-right: 4px;
    display: inline-block
}

.custom-form {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    align-content: flex-start
}

.custom-form__row {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    margin: 0 0 16px;
    position: relative;
    background-color: #fff
}

@media (min-width:1024px) {
    .custom-form__row:nth-child(-n+4) {
        margin: 0 16px 16px 0;
        width: calc(50% - 8px)
    }
}

@media (min-width:1440px) {
    .custom-form__row:nth-child(-n+4) {
        margin: 0 0 16px;
        width: 100%
    }
}

.custom-form__row:nth-of-type(2n) {
    margin-right: 0
}

@media (min-width:1024px) {

    #vacancyDetailForm .custom-form__row:nth-child(-n+4),
    .tekhnikaNalichiiFormDetail .custom-form__row:nth-child(-n+4) {
        margin: 0 0 16px 0;
        width: 100%
    }
}

@media (min-width:600px) and (max-width:1700px) {

    #vacancyDetailForm .custom-form__captcha,
    .tekhnikaNalichiiFormDetail .custom-form__captcha {
        width: 50%
    }

    #vacancyDetailForm .custom-form__captcha img,
    .tekhnikaNalichiiFormDetail .custom-form__captcha img {
        width: 100%;
        height: 100%;
        display: block
    }

    #vacancyDetailForm .captcha-row,
    #vacancyDetailForm .vacancy-form__footer .captcha-row,
    .tekhnikaNalichiiFormDetail .captcha-row,
    .tekhnikaNalichiiFormDetail .vacancy-form__footer .captcha-row {
        margin-right: 0;
        width: calc(50% - 16px)
    }

    #vacancyDetailForm .captcha-row .custom-form__placeholder,
    .tekhnikaNalichiiFormDetail .captcha-row .custom-form__placeholder {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.custom-form__field {
    width: 100%;
    height: 58px;
    position: relative;
    display: inline-block;
    background: 0 0;
    border: 1px solid #b7c0ca;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 0 1rem;
    outline: 0;
    z-index: 2;
    font-size: 1rem;
    font-weight: 400;
    color: #1f222d
}

.custom-form__placeholder.filled {
    opacity: 0
}

.custom-form__placeholder {
    transition: .3s ease;
    display: inline-block;
    position: absolute;
    font-weight: 400;
    font-size: 16px;
    left: 16px;
    top: 20px;
    color: #b7c0ca
}

.custom-form__placeholder span {
    color: #d00
}

.custom-form__area {
    height: 140px;
    padding: 16px;
    font-family: "Fira Sans", sans-serif
}

@media (min-width:1290px) and (max-width:1600px) {
    .custom-form__area {
        height: 120px
    }
}

.custom-form__field.focus~.custom-form__placeholder,
.custom-form__field:focus~.custom-form__placeholder {
    opacity: 0
}

.checkboxs {
    width: 100%
}

.checkboxs>input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.checkboxs>span {
    display: block;
    cursor: pointer;
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.375rem;
    color: #4b535e;
    position: relative;
    padding-left: 36px;
    box-sizing: border-box
}

.checkboxs>span a {
    color: #4b535e
}

.checkboxs>span a {
    text-decoration: underline
}

.checkboxs>span a:hover {
    text-decoration: none
}

.checkboxs>span::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #525d7b;
    border-radius: 4px;
    margin-right: .5em;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
    position: absolute;
    left: 0;
    top: 1px
}

.checkboxs>input:checked+span::before {
    background-color: #525d7b;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e")
}

.custom-form__captcha {
    display: inline-block;
    margin: 2rem 0 1rem
}

.captcha-row {
    position: relative;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    margin: 0 0 24px;
    background-color: #fff
}

@media (min-width:768px) {
    .captcha-row {
        margin: 0 4% 0 0;
        width: auto;
        flex-grow: 1
    }
}

.captcha-row.field-error::before {
    height: 50px
}

.custom-form__captcha-field {
    height: 50px;
    width: 100%
}

@media (min-width:768px) {
    .custom-form__captcha-field {
        width: 100%
    }
}

.captcha-row .custom-form__placeholder {
    top: 14px
}

.custom-form__captcha-field:focus~.custom-form__placeholder {
    opacity: 0
}

.custom-form__submit {
    width: 100%
}

@media (min-width:768px) {
    .custom-form__submit {
        width: auto
    }
}

@media (min-width:1700px) {
    .custom-form__submit {
        height: 50px
    }
}

.custom-form__submit:hover {
    background: #f36e21
}

.field-error,
.form-row.field-error {
    background-color: transparent
}

.field-error::before,
.form-row.field-error::before {
    content: "";
    width: 100%;
    height: 58px;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 0
}

.field-error .custom-form__field,
.form-row.field-error .custom-form__field {
    border: 1px solid #d00
}

.field-error .custom-form__field:active,
.field-error .custom-form__field:focus,
.form-row.field-error .custom-form__field:active,
.form-row.field-error .custom-form__field:focus {
    border: 1px solid #d00
}

.field-error .error,
.form-row.field-error .error {
    width: 100%;
    display: inline-block;
    margin: 2px 0 0;
    font-weight: 400;
    font-size: .875rem;
    color: #d00;
    position: absolute;
    left: 0;
    bottom: -19px
}

.form-row .field-error::before,
.form-row::before {
    display: none
}

.custom-form__row .error {
    width: 100%;
    display: inline-block;
    margin: 2px 0 0;
    font-weight: 400;
    font-size: .875rem;
    color: #d00
}

.checkboxs.field-error span::before {
    border: 1px solid #d00
}

.custom-form__footer {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap
}

.custom-from__short-politics {
    width: 100%;
    display: inline-block;
    font-weight: 400;
    font-size: 12px;
    line-height: 130%;
    letter-spacing: .03em;
    color: #1f222d
}

.custom-from__short-politics a {
    color: #007249;
    text-decoration: none
}

.digitally-form__long {
    justify-content: space-between
}

@media (min-width:1024px) {
    .digitally-form__long {
        padding: 40px
    }
}

@media (min-width:1280px) {
    .digitally-form__long {
        padding: 60px 64px
    }
}

@media (min-width:1700px) {
    .digitally-form__long {
        padding: 80px 96px
    }
}

.digitally-form__long .h2 {
    width: 100%
}

.digitally-form__long .digitally-form__column {
    padding: 0;
    width: 100%
}

@media (min-width:1280px) {
    .digitally-form__long .digitally-form__column {
        width: 50%
    }
}

@media (min-width:1700px) {
    .digitally-form__long .digitally-form__column {
        width: 55%
    }
}

@media (min-width:768px) and (max-width:1280px) {
    .digitally-form__long .custom-form__row {
        margin-right: 16px;
        width: calc(33.3333333333% - 11px)
    }

    .digitally-form__long .custom-form__row:nth-of-type(5n) {
        margin-right: 0
    }
}

@media (min-width:768px) and (max-width:1280px) {
    .digitally-form__long .custom-form__footer .captcha-row {
        width: calc(33.3333333333% - 11px);
        flex-grow: 0
    }
}

.digitally-form__full h2 {
    width: 100%;
    padding: 0
}

.digitally-form__full .digitally-form__column {
    padding: 0;
    width: 100%
}

@media (min-width:1700px) {
    .digitally-form__full .digitally-form__column {
        width: 100%
    }
}

.digitally-form__full .custom-form__row {
    width: 100%
}

@media (min-width:1024px) {
    .digitally-form__full .custom-form__row {
        width: calc(50% - 9px);
        margin-right: 16px
    }
}

.digitally-form__full .custom-form__row:nth-of-type(even) {
    margin-right: 0
}

@media (min-width:1024px) {
    .digitally-form__full .custom-form__footer {
        padding-right: 47%
    }
}

@media (min-width:768px) and (max-width:1280px) {
    .digitally-form__full .custom-form__footer {
        padding: 0
    }
}

@media (min-width:768px) and (max-width:1280px) {
    .digitally-form__full .custom-form__footer .captcha-row {
        width: calc(33.3333333333% - 11px);
        flex-grow: 0
    }
}

.manager-box {
    background: #e0e6ed;
    border-radius: 24px;
    box-sizing: border-box;
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    align-items: center;
    margin: 1.875rem 0 0;
    padding: 1.5rem
}

@media (min-width:1024px) and (max-width:1280px) {
    .manager-box {
        padding: 1.875rem;
        margin: 2.5rem 0 0
    }
}

@media (min-width:1280px) {
    .manager-box {
        width: 480px;
        padding: 3.5rem 3rem
    }
}

.manager-box__info {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    align-items: center;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #b7c0ca
}

@media (min-width:1024px) {
    .manager-box__info {
        width: 40%;
        padding-right: 20px;
        margin-right: 20px;
        border-right: 1px solid #b7c0ca;
        border-bottom: none
    }
}

@media (min-width:1180px) and (max-width:1280px) {
    .manager-box__info {
        width: 400px;
        padding-bottom: 0
    }
}

@media (min-width:1280px) {
    .manager-box__info {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #b7c0ca;
        padding-right: 0;
        margin-right: 0
    }
}

.manager-box__pic {
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    overflow: hidden
}

.manager-box__content {
    width: 100%;
    box-sizing: border-box;
    padding-top: 16px
}

@media (min-width:768px) {
    .manager-box__content {
        width: calc(100% - 96px);
        padding-top: 0;
        padding-left: 24px
    }
}

.manager-box__name {
    font-family: HeliosC, sans-serif;
    width: 100%;
    display: inline-block;
    font-weight: 700;
    font-size: 24px;
    line-height: 120%;
    color: #1f222d
}

.manager-box__post {
    width: 100%;
    display: inline-block;
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
    color: #1f222d
}

.manager-box__row {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    margin: 1.5rem 0 0;
    padding-left: 4.25rem;
    box-sizing: border-box;
    position: relative
}

@media (min-width:1024px) {
    .manager-box__row {
        width: calc((60% - 20px)/ 2);
        margin: 0
    }
}

@media (min-width:1180px) and (max-width:1280px) {
    .manager-box__row {
        width: calc((100% - 420px)/ 2)
    }
}

@media (min-width:1280px) {
    .manager-box__row {
        width: 100%;
        margin: 1.5rem 0 0
    }
}

.manager-box__label {
    width: 100%;
    display: inline-block;
    font-weight: 700;
    font-size: 20px;
    line-height: 120%;
    color: #1f222d;
    font-family: HeliosC, sans-serif;
    margin: 0 0 5px
}

.manager-box__link {
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
    color: #1f222d;
    display: inline-block;
    text-decoration: none;
    transition: .3s ease
}

.manager-box__link:hover {
    color: #f36e21
}

.manager-box__phone:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 3rem;
    height: 3rem;
    background-image: url(../img/manager-tel.svg);
    background-repeat: no-repeat;
    background-size: 100%
}

.manager-box__mail:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 3rem;
    height: 3rem;
    background-image: url(../img/manager-mail.svg);
    background-repeat: no-repeat;
    background-size: 100%
}

.digitally-form--gn .custom-form__submit {
    background: #f36e21
}

.digitally-form--gn .custom-form__submit:hover {
    background: #007249
}

.digitally-form--gn .checkboxs>span::before {
    border-color: #f36e21
}

.digitally-form--gn .checkboxs>input:checked+span::before {
    background-color: #f36e21
}

.suppliers-form .digitally-form__full .custom-form__row.custom-form-attach {
    width: 100%;
    min-height: auto
}

@media (min-width:1440px) {
    .suppliers-form .digitally-form__full .custom-form__row.custom-form-attach {
        width: 100%;
        margin: 5px 0 0;
        min-height: auto
    }
}

.suppliers-form .vacancy-form__panel {
    margin: 10px 0 0
}

.input-file {
    position: relative;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    margin: 0 0 15px;
    width: 80%
}

@media (min-width:768px) {
    .input-file {
        width: auto
    }
}

.input-file-btn {
    position: relative;
    display: block;
    cursor: pointer;
    outline: 0;
    text-decoration: underline;
    box-sizing: border-box;
    border: none;
    margin: 0;
    transition: background-color .2s;
    font-weight: 400;
    font-size: 16px;
    line-height: 14px;
    font-family: HeliosC, sans-serif;
    color: #f36e21;
    padding-left: 30px
}

.input-file-btn::before {
    content: "";
    background-image: url(../img/clip.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 18px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 6px
}

@media (min-width:768px) {
    .input-file-btn::before {
        top: -6px
    }
}

.input-file-text {
    padding: 0 10px;
    line-height: 40px;
    display: inline-block
}

.input-file input[type=file] {
    position: absolute;
    z-index: -1;
    opacity: 0;
    display: block;
    width: 0;
    height: 0
}

.input-clear {
    display: inline-block;
    background-image: url(../img/atach-del.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    width: .75rem;
    height: .75rem;
    font-size: 0;
    cursor: pointer;
    display: block;
    margin-left: 4px;
    opacity: 0;
    z-index: -1
}

.input-clear.show {
    opacity: 1;
    z-index: 1
}

.custom-form-attach.single-attach {
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    align-content: flex-start
}

.geography-large {
    padding-top: 0
}

@media (min-width:1024px) {
    .solutions-front__content {
        width: 67%
    }
}

.solutions-front .front-repeating__pic {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: flex-end
}

@media (min-width:1024px) {
    .solutions-front .front-repeating__pic {
        width: 30%
    }
}

@media (min-width:1700px) {
    .solutions-front .front-repeating__pic {
        width: 32%
    }
}

.detalnaya-about {
    padding-bottom: 0
}

.detalnaya-about__text {
    grid-column: 1/4;
    font-weight: 400;
    font-size: .9375rem;
    line-height: 1.5rem;
    color: #4b535e
}

@media (min-width:1440px) {
    .detalnaya-about__text {
        padding-right: 40px;
        grid-column: 1/2;
        font-size: 1rem;
        line-height: 1.625rem
    }
}

@media (min-width:1700px) {
    .detalnaya-about__text {
        padding-right: 80px
    }
}

.detalnaya-about__text h2 {
    margin: 0 0 1rem
}

.detalnaya-about__text p {
    margin: 0 0 1.25rem;
    font-weight: 400;
    font-size: .9375rem;
    line-height: 1.5rem;
    color: #4b535e;
    padding: 0
}

@media (min-width:1440px) {
    .detalnaya-about__text p {
        font-size: 1rem;
        line-height: 1.625rem
    }
}

.detalnaya-about__text p:last-of-type {
    margin: 0
}

.detalnaya-about_wrap {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr)
}

.detalnaya-about__list {
    margin: 40px 0 0;
    grid-column: 1/4
}

@media (min-width:1024px) {
    .detalnaya-about__list {
        grid-column: 1/2
    }
}

@media (min-width:1440px) {
    .detalnaya-about__list {
        padding-right: 40px
    }
}

@media (min-width:1700px) {
    .detalnaya-about__list {
        padding-right: 80px
    }
}

.detalnaya-about__list h3 {
    font-family: HeliosC, sans-serif;
    font-size: 24px
}

.list__line-markers {
    width: 100%;
    margin: 1rem 0 0;
    padding: 0
}

.list__line-markers li {
    width: 100%;
    list-style-type: none;
    font-weight: 400;
    font-size: .9375rem;
    line-height: 1.5rem;
    color: #4b535e;
    position: relative;
    display: inline-block;
    margin: 0 0 .75rem;
    padding: 0 0 0 3.5rem;
    box-sizing: border-box
}

@media (min-width:1440px) {
    .list__line-markers li {
        font-size: 1rem;
        line-height: 1.625rem
    }
}

.list__line-markers li::before {
    content: "";
    width: 2.5625rem;
    height: .25rem;
    background: #f36e21;
    border-radius: 10px;
    position: absolute;
    left: 0;
    top: 9px
}

.list__line-markers li b {
    color: #1f222d
}

.detalnaya-about__pic {
    grid-column: 1/4;
    grid-row: 2/4;
    margin: 60px 0 0;
    height: min(460px, 100%);
    text-align: right
}

@media (min-width:1024px) {
    .detalnaya-about__pic {
        grid-column: 2/2;
        padding-left: 20px
    }
}

@media (min-width:1440px) {
    .detalnaya-about__pic {
        grid-row: 1/4;
        padding-left: 0
    }
}

.detalnaya-video__wrap {
    width: 100%;
    position: relative;
    height: 460px;
    text-align: center;
    background-image: url(../img/detalnaya-video__bg.jpg);
    border-radius: 4px;
    padding: 3rem 1.5rem;
    box-sizing: border-box
}

@media (min-width:1024px) {
    .detalnaya-video__wrap {
        height: 561px;
        padding: 4rem 8.4375rem
    }
}

.detalnaya-video__title {
    width: 100%;
    color: #fff;
    margin: 0 0 20px;
    text-align: left
}

.detalnaya-video__sub {
    text-align: left;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.625rem;
    color: #fff;
    width: 100%;
    margin: 0
}

@media (min-width:1024px) {
    .detalnaya-video__sub {
        width: 50%
    }
}

.detalnaya-video__btn {
    width: 80px;
    height: 80px;
    margin: 1.875rem auto 0;
    display: inline-block;
    background-image: url(../img/videoPlay.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    transition: .5s ease
}

@media (min-width:1024px) {
    .detalnaya-video__btn {
        position: absolute;
        width: 120px;
        height: 120px;
        left: calc(50% - 60px);
        top: calc(50% - 60px)
    }
}

.detalnaya-video__btn:hover {
    transform: scale(1.26)
}

.detalnaya-video__icon {
    width: 100%;
    height: 100%;
    fill: #f36e21;
    transition: .2s ease
}

.detalnaya-cases {
    padding-top: 0;
    padding-bottom: 0
}

.digitally-cases {
    width: 100%;
    display: inline-block
}

.digitally-cases__row {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    align-items: flex-start;
    padding: 24px 0;
    box-sizing: border-box;
    position: relative;
    border-top: 1px solid #e0e6ed
}

.digitally-cases__row:last-of-type {
    border-bottom: 1px solid #e0e6ed
}

@media (min-width:1280px) {
    .digitally-cases__row {
        padding: 40px 40px 40px 0
    }
}

.digitally-cases__content {
    padding: 24px 0 0 0;
    box-sizing: border-box
}

@media (min-width:1024px) {
    .digitally-cases__content {
        padding: 0 0 0 222px
    }
}

@media (min-width:1024px) {
    .digitally-cases__icon {
        position: absolute;
        left: 0;
        top: 40px
    }
}

.digitally-cases__label {
    font-family: HeliosC, sans-serif;
    margin: 0 0 .625rem;
    font-size: 24px;
    padding: 0;
    text-transform: none
}

@media (min-width:1024px) {
    .digitally-cases__label {
        font-size: 30px
    }
}

.digitally-cases__note {
    width: 100%;
    display: inline-block;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.625rem;
    color: #4b535e
}

.digitally-cases__hide {
    display: none;
    width: 100%;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.625rem;
    color: #4b535e
}

.digitally-cases__more {
    display: inline-block;
    margin: 1rem 0 0;
    font-family: HeliosC, sans-serif;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1rem;
    color: #f36e21
}

.digitally-cases__more::after {
    content: "";
    width: 12px;
    height: 7px;
    background-image: url(../img/more-orng-chev.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
    top: -1px;
    position: relative;
    margin-left: 14px;
    transition: .4s ease
}

.digitally-cases__more:hover {
    color: #525d7b
}

.digitally-cases__more:hover::after {
    background-image: url(../img/more-grey-chev.svg)
}

.digitally-cases__more.is-active::after {
    transform: rotate(-180deg)
}

.materials {
    padding-bottom: 0
}

.materials-wrap {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    margin: 0 0 5.625rem
}

.materials-item {
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    align-items: center;
    background: #f5f7fa;
    border-radius: 4px;
    width: 100%;
    margin: 0 0 16px 0;
    padding: 20px 18px;
    box-sizing: border-box
}

.materials-item:nth-of-type(2n) {
    margin-right: 0
}

@media (min-width:768px) {
    .materials-item {
        width: calc(50% - 10px);
        margin: 0 20px 20px 0;
        padding: 32px
    }
}

.materials-item:hover {
    background-color: #f36e21
}

.materials-item:hover .materials-item__link {
    color: #fff
}

.materials-item:hover .materials-item__link:before {
    background-image: url(../img/pdf-icon-hover-white.svg)
}

.materials-item__link {
    position: relative;
    text-decoration: none;
    font-weight: 700;
    font-size: 16px;
    font-family: HeliosC, sans-serif;
    color: #1f222d;
    padding-left: 50px;
    box-sizing: border-box
}

.materials-item__link::before {
    content: "";
    background-image: url(../img/pdf-icon.svg);
    width: 2rem;
    height: 2rem;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 3px;
    transition: .5s ease
}

@media (min-width:768px) {
    .materials-item__link::before {
        top: -8px
    }
}

.materials__descr {
    display: inline-block;
    width: 80%;
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
    color: #4b535e
}

.solutions__wrap--short {
    width: 100%
}

@media (min-width:768px) {
    .solutions__wrap--short .solutions__item {
        width: calc(50% - 20px);
        height: 400px;
        padding: 40px 32px
    }

    .solutions__wrap--short .solutions__item:nth-of-type(3n) {
        margin-right: 20px
    }
}

@media (min-width:1700px) {
    .solutions__wrap--short .solutions__item {
        width: calc(25% - 20px)
    }
}

.solutions__wrap--short .solutions__label {
    margin: .625rem 0 .9375rem
}

@media (min-width:1280px) {
    .solutions__wrap--short .solutions__label {
        padding-right: 20%;
        margin: 1.25rem 0 .9375rem
    }
}

@media (min-width:1440px) {
    .solutions__wrap--short .solutions__label {
        font-size: 1.5rem;
        line-height: 2.125rem
    }
}

@media (min-width:1700px) {
    .solutions__wrap--short .solutions__label {
        padding: 0
    }
}

.news-front .front-repeating__content {
    width: 100%
}

@media (min-width:768px) {
    .news-front .front-repeating__content {
        width: 70%
    }
}

.news-front__sub {
    width: 100%;
    display: inline-block;
    font-weight: 700;
    font-size: 20px;
    line-height: 120%;
    font-family: HeliosC, sans-serif;
    color: #1f222d
}

.news-front__categories {
    width: 100%;
    margin: 30px 0 0;
    padding: 0;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap
}

.news-front__item {
    height: 2.5rem;
    padding: 0 1.5rem;
    box-sizing: border-box;
    border: 1px solid #f36e21;
    border-radius: 4px;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    align-items: center;
    justify-content: center;
    margin: 0 1rem 1rem 0;
    text-decoration: none;
    color: #4b535e;
    transition: .3s ease
}

@media (min-width:768px) {
    .news-front__item {
        margin: 0 .5rem 0 0
    }
}

.news-front__item span {
    font-weight: 400;
    font-size: 14px;
    color: #f36e21
}

.news-front__item:hover {
    background: #f36e21;
    border: 1px solid #f36e21
}

.news-front__item:hover span {
    color: #fff
}

.news-front__item.active {
    background: #f36e21;
    border: 1px solid #f36e21
}

.news-front__item.active span {
    color: #fff
}

.digital-news .news-front__item {
    height: 2.5rem;
    padding: 0 1.5rem;
    box-sizing: border-box;
    border: 1px solid #b7c0ca;
    border-radius: 4px;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    align-items: center;
    justify-content: center;
    margin: 0 1rem 1rem 0;
    text-decoration: none;
    color: #4b535e;
    transition: .3s ease
}

@media (min-width:768px) {
    .digital-news .news-front__item {
        margin: 0 .5rem 0 0
    }
}

.digital-news .news-front__item span {
    font-weight: 400;
    font-size: 14px;
    color: #4b535e
}

.digital-news .news-front__item:hover {
    background: 0 0;
    border: 1px solid #f36e21
}

.digital-news .news-front__item:hover span {
    color: #f36e21
}

.digital-news .news-front__item.active {
    background: #525d7b;
    border: 1px solid #525d7b
}

.digital-news .news-front__item.active span {
    color: #fff
}

.news-front__panel {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    margin: 30px 0 0
}

.news-front__panel .news-front__categories {
    width: auto;
    margin: 0
}

.news-calendar__wrap {
    width: 252px;
    position: relative
}

.news-calendar__wrap span {
    width: 100%;
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    line-height: 17px;
    font-family: HeliosC, sans-serif;
    color: #525d7b;
    position: absolute;
    top: 15px
}

.news-calendar__wrap span::before {
    content: "";
    background-image: url(../img/calendar-icon.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 14.5px;
    height: 14.5px;
    position: relative;
    display: inline-block;
    margin-right: 14px;
    top: 1px
}

.news-calendar {
    position: relative;
    z-index: 3;
    height: 50px;
    width: 100%;
    border: 1px solid #525d7b;
    border-radius: 6px;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    align-items: center;
    padding: 0 .625rem;
    background: 0 0;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    outline: 0;
    cursor: pointer
}

.news-calendar__wrap.checked span {
    display: none
}

.air-datepicker--pointer:after {
    background: #525d7b
}

.air-datepicker--navigation {
    background: #525d7b;
    border-radius: 6px 6px 0 0
}

.air-datepicker-nav--title {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #fff
}

.air-datepicker-nav--title i {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #fff
}

.air-datepicker-nav--action path {
    fill: none;
    stroke: #fff;
    stroke-width: 2px
}

.air-datepicker-body--day-name {
    font-size: 12px;
    color: #525d7b;
    font-weight: 400
}

.air-datepicker-cell {
    color: #1f222d;
    font-weight: 400;
    font-size: 12px
}

.air-datepicker-cell.-selected- {
    background: #525d7b
}

.air-datepicker-cell.-selected-:hover {
    background: #525d7b
}

.air-datepicker-cell.-in-range- {
    background: #f4f6f8
}

.air-datepicker-cell.-range-from-,
.air-datepicker-cell.-range-to- {
    border: 1px solid #525d7b
}

.air-datepicker-button span {
    font-weight: 700;
    font-size: 12px;
    font-family: HeliosC, sans-serif;
    color: #525d7b
}

.air-datepicker-cell.-day-.-has-news-::before {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #b7c0ca;
    position: absolute;
    left: calc(50% - 2px);
    top: 4px
}

.air-datepicker-cell.-day-.-weekend-.-has-news-.-selected-.-range-from-::before {
    display: none
}

.news-wrap {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap
}

.news__item {
    width: 100%;
    margin: 0 0 20px 0
}

.news__item:last-of-type {
    margin-right: 0
}

.news__item:first-of-type {
    margin-left: 0
}

@media (min-width:768px) {
    .news__item {
        width: calc(50% - 15px);
        margin: 0 20px 32px 0
    }

    .news__item:nth-of-type(2n) {
        margin-right: 0
    }
}

@media (min-width:1024px) {
    .news__item {
        width: calc(33.3% - 15px)
    }

    .news__item:nth-of-type(2n) {
        margin-right: 20px
    }

    .news__item:nth-of-type(3n) {
        margin-right: 0
    }
}

.numbers-pagination {
    width: 100%;
    display: inline-block
}

.numbers-pagination__list {
    margin: 0;
    padding: 0;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap
}

.numbers-pagination__list li {
    list-style-type: none;
    display: inline-block;
    margin-right: 10px
}

.numbers-pagination__list li a {
    height: 2rem;
    min-width: 2rem;
    text-align: center;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    font-family: HeliosC, sans-serif;
    font-weight: 700;
    font-size: 12px;
    color: #1f222d;
    text-decoration: none;
    border-radius: 4px;
    transition: .3s ease
}

.numbers-pagination__list li a:hover {
    background-color: #f36e21;
    color: #fff
}

.numbers-pagination__list li.active a {
    background-color: #f36e21;
    color: #fff
}

.numbers-pagination__next svg {
    width: 19px;
    height: 19px;
    display: block;
    fill: #212429
}

.numbers-pagination__next:hover svg {
    fill: #fff
}

@media (min-width:768px) {
    .litsa-front .front-repeating__content {
        width: 70%
    }
}

.leaders-wrap {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap
}

.leaders__item::before {
    background-image: url(../img/solutions-bg-white.svg)
}

.leaders__item .solutions__label {
    margin: 0 0 .625rem
}

.leaders__item::before {
    transition: .3s ease;
    transition-duration: .5s;
    transition-delay: .3s
}

.leaders__photo {
    width: 8.75rem;
    height: 8.75rem;
    display: inline-block;
    border-radius: 50%;
    margin: 0 0 1.5rem;
    position: relative;
    z-index: 2
}

.leaders__item--plug {
    background: #e0e6ed;
    transition: .4s ease-in;
    height: 350px;
    padding-bottom: 32px
}

@media (min-width:1440px) {
    .leaders__item--plug {
        height: 400px
    }
}

.leaders__item--plug:hover {
    background: #525d7b
}

.leaders__item--plug:hover .solutions__descr,
.leaders__item--plug:hover .solutions__label {
    color: #fff
}

.leaders__item--plug:hover::after {
    -webkit-animation: none;
    animation: none
}

@media (min-width:1024px) {
    .leaders__item--plug:hover::after {
        right: -46%
    }
}

@media (min-width:1440px) {
    .leaders__item--plug:hover::after {
        right: -48%
    }
}

.leaders__item--plug:before {
    display: none;
    opacity: 0
}

.leaders__item--plug::after {
    content: "";
    background-image: url(../img/card-rect-el.svg);
    background-repeat: no-repeat;
    transition: .4s ease;
    width: 100%;
    height: 100%;
    position: absolute;
    right: -52%;
    top: 0;
    border-radius: 0
}

@media (min-width:1024px) {
    .leaders__item--plug::after {
        right: -50%
    }
}

@media (min-width:1440px) {
    .leaders__item--plug::after {
        right: -52%
    }
}

.leaders__btn {
    position: absolute;
    left: 24px;
    bottom: 32px;
    z-index: 3
}

.leaders__btn span {
    font-size: 1rem;
    line-height: 4px
}

@media (min-width:1024px) {
    .leaders__btn {
        height: 50px
    }

    .leaders__btn span {
        font-size: 1rem
    }
}

@media (min-width:1440px) {
    .leaders__btn {
        left: 32px;
        bottom: 40px;
        height: 50px
    }

    .leaders__btn span {
        font-size: 1rem
    }
}

.leaders__btn:hover {
    background: #f5f7fa
}

.leaders__btn:hover span {
    color: #1f222d
}

.leaders__btn:hover span::after {
    content: "";
    background-image: url(../img/arrow-right--perp.svg)
}

.leaders-front__wrap {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    align-items: center;
    margin: 4rem 0 0
}

.leaders-front__pic {
    width: 11.625rem;
    height: 11.625rem;
    overflow: hidden;
    border-radius: 50%
}

@media (min-width:768px) {
    .leaders-front__pic {
        width: 17.75rem;
        height: 17.75rem
    }
}

.leaders-front__content {
    margin: 32px 0 0;
    box-sizing: border-box;
    position: relative
}

@media (min-width:768px) {
    .leaders-front__content {
        margin: 0;
        width: calc(100% - 284px);
        padding-left: 5rem;
        padding-right: 5%
    }
}

.leaders-front__content::after {
    content: "";
    background-image: url(../img/quote-el.svg);
    width: 250px;
    height: 186px;
    background-repeat: no-repeat;
    background-size: 100%;
    transform: rotate(-180deg);
    right: 0;
    top: -20px;
    position: absolute;
    z-index: -1
}

.leaders-front__content .btn:hover {
    background: #525d7b
}

.leaders-front__title {
    width: 100%;
    display: inline-block;
    margin: 0 0 1.25rem;
    font-family: HeliosC, sans-serif;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 46px;
    color: #1f222d
}

.leaders-front__post {
    width: 100%;
    display: inline-block;
    margin: 0 0 1.25rem;
    font-family: HeliosC, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.375rem;
    color: #4b535e
}

.leaders-front__descr {
    width: 100%;
    display: inline-block;
    margin: 0 0 1.25rem;
    font-weight: 400;
    font-size: 16px;
    font-style: italic;
    line-height: 160%;
    color: #4b535e
}

@media (min-width:1280px) {

    .leaders-about .front-news__l,
    .leaders-about .front-news__r {
        top: 120px
    }
}

.leaders-about__row {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap
}

@media (min-width:1024px) {
    .leaders-about__row {
        margin-bottom: 80px
    }
}

@media (min-width:1440px) {
    .leaders-about__row {
        margin-bottom: 90px
    }
}

.leaders-about__title {
    width: 100%
}

@media (min-width:1024px) {
    .leaders-about__title {
        width: 33%
    }
}

@media (min-width:1700px) {
    .leaders-about__title {
        width: 40%
    }
}

@media (min-width:1024px) {
    .leaders-about__content {
        width: 67%
    }
}

@media (min-width:1700px) {
    .leaders-about__content {
        width: 60%
    }
}

.leaders-about__content p {
    width: 100%;
    display: inline-block;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.625rem;
    color: #4b535e;
    margin: 0 0 1.25rem
}

.leaders-about__content h4 {
    width: 100%;
    font-family: HeliosC, sans-serif;
    display: inline-block;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.5rem;
    color: #1f222d;
    margin: 0 0 1.5rem;
    text-transform: none
}

.leaders-about__content .list__line-markers {
    margin-top: 0
}

.front-news__video .front-news__pic {
    position: relative;
    height: 220px
}

@media (min-width:768px) {
    .front-news__video .front-news__pic {
        height: 292px
    }
}

.front-news__video .front-news__pic::before {
    content: "";
    background-image: url(../img/videoPlay.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    width: 80px;
    height: 80px;
    left: calc(50% - 40px);
    top: calc(50% - 40px);
    transition: .3s ease;
    z-index: 3
}

@media (min-width:768px) {
    .front-news__video .front-news__pic::before {
        width: 120px;
        height: 120px;
        left: calc(50% - 60px);
        top: calc(50% - 60px)
    }
}

.front-news__video .front-news__pic::after {
    content: "";
    background-color: rgba(0, 0, 0, .4);
    position: absolute;
    transition: .4s ease-in;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0
}

.front-news__video:hover .front-news__pic::before {
    transform: scale(1.26)
}

.front-news__video:hover .front-news__pic::after {
    opacity: 1
}

.front-news__video:hover .front-news__label {
    color: #1f222d
}

.leaders-published {
    width: 100%;
    display: inline-block;
    margin: 90px 0 0
}

@media (min-width:1280px) {
    .leaders-publish .swiper-wrapper {
        flex-flow: row wrap;
        height: auto
    }
}

.leaders-publish__item {
    background: #f5f7fa;
    border-radius: 4px;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    text-decoration: none;
    width: 85%;
    overflow: hidden
}

@media (min-width:1280px) {
    .leaders-publish__item {
        width: calc(50% - 12px);
        margin: 0 24px 24px 0
    }

    .leaders-publish__item:nth-of-type(2n) {
        margin-right: 0
    }
}

@media (max-width:768px) {
    .leaders-publish__item:first-of-type {
        margin-left: 15px
    }
}

@media (max-width:768px) {
    .leaders-publish__item:last-of-type {
        margin-right: 15px
    }
}

.leaders-publish__pic {
    width: 100%;
    height: 220px
}

@media (min-width:768px) {
    .leaders-publish__pic {
        width: 250px;
        height: 180px
    }
}

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

.leaders-publish__content {
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    display: inline-block
}

@media (min-width:768px) {
    .leaders-publish__content {
        width: calc(100% - 250px);
        padding: 32px
    }
}

.leaders-publish__date {
    width: 100%;
    display: inline-block;
    font-weight: 400;
    font-size: 14px;
    line-height: 160%;
    color: #4b535e;
    margin: 0 0 15px
}

.leaders-publish__label {
    width: 100%;
    display: inline-block;
    font-family: HeliosC, sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 140%;
    color: #1f222d;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.leaders-publish__subscribe {
    margin: 0 auto
}

@media (max-width:768px) {
    .leaders-publish__subscribe {
        width: calc(100% - 30px)
    }
}

@media (min-width:768px) {
    .leaders-publish__subscribe {
        margin: 30px auto 0
    }
}

@media (min-width:1280px) {
    .leaders-publish__subscribe {
        margin: 0 auto
    }
}

.leaders-publish__subscribe:hover {
    background: #525d7b
}

.leaders-news {
    padding-top: 0
}

@media (max-width:768px) {
    .leaders-news .container {
        padding: 0
    }
}

.news-article {
    border-top: 1px solid #e0e6ed;
    padding-top: 1.5rem
}

.news-article__wrap {
    width: 100%;
    display: flex;
    flex-direction: column-reverse
}

@media (min-width:1700px) {
    .news-article__wrap {
        flex-direction: row
    }
}

.news-article__sidebar {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    align-items: flex-start
}

@media (min-width:1280px) {
    .news-article__sidebar {
        padding: 0 8.3%
    }
}

@media (min-width:1700px) {
    .news-article__sidebar {
        padding: 0;
        width: 16.6%
    }
}

.news-article__content {
    width: 100%;
    box-sizing: border-box;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.625rem;
    color: #4b535e
}

@media (min-width:1280px) {
    .news-article__content {
        padding: 0 8.3%
    }
}

@media (min-width:1700px) {
    .news-article__content {
        width: 66.7%;
        padding: 0
    }
}

.news-article__content p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.625rem;
    color: #4b535e;
    width: 100%;
    display: block;
    margin: 0 0 1.5rem
}

.news-article__content p b {
    font-family: HeliosC, sans-serif
}

.news-article__content a {
    color: #f36e21
}

.news-article__content ul {
    width: 100%;
    margin: 1.5rem 0;
    padding: 0
}

.news-article__content ul li {
    width: 100%;
    list-style-type: none;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.625rem;
    color: #4b535e;
    position: relative;
    display: inline-block;
    margin: 0 0 .75rem;
    padding: 0 0 0 3.5rem;
    box-sizing: border-box
}

.news-article__content ul li::before {
    content: "";
    width: 2.5625rem;
    height: .25rem;
    background: #f36e21;
    border-radius: 10px;
    position: absolute;
    left: 0;
    top: 9px
}

.news-article__content ul li a {
    color: #f36e21;
    text-decoration: none
}

.news-article__content h3,
.news-article__content h4,
.news-article__content h5 {
    margin: 4rem 0 .625rem
}

.news-article__content .news-article__date {
    margin-bottom: 30px;
    display: inline-block
}

@media (min-width:1700px) {
    .news-article__content .news-article__date {
        display: none
    }
}

.article-gallery {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    align-items: flex-start;
    margin: 0 0 32px;
    position: relative
}

.article-gallery.missing-slides .article-gallery__thumbs {
    display: none
}

.article-gallery.missing-slides .article-gallery__next,
.article-gallery.missing-slides .article-gallery__prev {
    display: none
}

.article-gallery__single {
    width: 100%;
    height: 220px;
    display: inline-block
}

@media (min-width:768px) {
    .article-gallery__single {
        height: 450px
    }
}

@media (min-width:1024px) {
    .article-gallery__single {
        height: 749px;
        height: 500px
    }
}

.article-gallery__single .swiper-slide {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    overflow: hidden
}

.article-gallery__single .swiper-slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width:1024px) {
    .article-gallery__single .swiper-slide img {
        -o-object-fit: contain;
        object-fit: contain
    }
}

.article-gallery__thumbs {
    width: 100%;
    height: 70px;
    margin: 20px 0 0;
    display: inline-block
}

@media (min-width:768px) {
    .article-gallery__thumbs {
        height: 140px
    }
}

@media (min-width:1024px) {
    .article-gallery__thumbs {
        height: 240px
    }
}

.article-gallery__thumbs .swiper-slide {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    overflow: hidden
}

.article-gallery__thumbs .swiper-slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.article-gallery__prev {
    position: absolute;
    left: -28px;
    bottom: 147px
}

@media (min-width:1700px) {
    .article-gallery__prev {
        left: -15px
    }
}

@media (min-width:1700px) {
    .article-gallery__prev {
        left: -28px
    }
}

.article-gallery__prev:hover svg {
    fill: #f36e21
}

.article-gallery__next {
    position: absolute;
    right: -28px;
    bottom: 147px
}

@media (min-width:1700px) {
    .article-gallery__next {
        right: -15px
    }
}

@media (min-width:1700px) {
    .article-gallery__next {
        right: -28px
    }
}

.article-gallery__next:hover svg {
    fill: #f36e21
}

.tag-panel {
    width: 100%;
    display: inline-block;
    margin: 0 0 20px
}

.tag-item {
    text-decoration: none;
    display: inline-block;
    font-weight: 400;
    font-size: 16px;
    color: #f36e21;
    margin: 0 24px 5px 0
}

@media (min-width:1024px) {
    .tag-item {
        margin: 0 24px 10px 0
    }
}

.article-video {
    width: 100%;
    display: inline-block;
    margin: 3.125rem 0 1.25rem
}

@media (min-width:1024px) {
    .article-video {
        margin: 4.375rem 0 1.25rem
    }
}

.article-video__wrap {
    width: 100%;
    position: relative;
    height: 220px;
    display: inline-block;
    border-radius: 4px;
    overflow: hidden;
    margin: 0 0 30px
}

@media (min-width:1024px) {
    .article-video__wrap {
        height: 394px
    }
}

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

.article-video__wrap .detalnaya-video__btn {
    margin: 0;
    position: absolute;
    left: calc(50% - 40px);
    top: calc(50% - 40px)
}

.article-video__title,
h3.article-video__title {
    width: 100%;
    display: inline-block;
    font-weight: 700;
    font-size: 24px;
    line-height: 120%;
    font-family: HeliosC, sans-serif;
    color: #1f222d;
    margin: 0 0 7px
}

.article-video__descr,
p.article-video__descr {
    width: 100%;
    display: inline-block;
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
    color: #4b535e;
    margin: 0
}

.article-mark {
    width: 100%;
    display: inline-block;
    padding: 32px 48px;
    background: #f5f7fa;
    position: relative
}

.article-mark::before {
    content: "";
    width: 6px;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    background: #525d7b;
    border-radius: 0 8px 8px 0
}

.article-mark p {
    width: 100%;
    display: inline-block;
    margin: 0;
    font-style: italic;
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
    color: #4b535e
}

.article-mark--onpage {
    margin: 20px 0
}

.share-block {
    width: 100%;
    margin: 30px 0 0;
    display: flex
}

@media (min-width:1700px) {
    .share-block {
        flex-direction: column
    }
}

.share-item__icon {
    fill: #8e9aa9;
    width: 24px;
    height: 24px
}

.share-item {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #f5f7fa;
    margin: 0 15px 0 0;
    transition: .3s ease;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    align-items: center;
    justify-content: center
}

@media (min-width:1700px) {
    .share-item {
        margin: 0 0 15px
    }
}

.share-item:hover {
    background: #f36e21
}

.share-item:hover .share-item__icon {
    fill: #fff
}

.share-item:last-of-type .share-item__icon {
    width: 30px;
    height: 30px
}

.digital-news .share-item:hover {
    background: #525d7b
}

.digital-news .share-item:hover .share-item__icon {
    fill: #fff
}

.news-article__date {
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
    width: 100%;
    color: #4b535e;
    display: none
}

@media (min-width:1700px) {
    .news-article__date {
        display: inline-block
    }
}

.contacts__row {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid #e0e6ed
}

.contacts__row:nth-of-type(2) {
    border-bottom: none
}

.contacts__item {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    margin: 0 0 20px
}

@media (min-width:1024px) {
    .contacts__item {
        width: 33%;
        margin: 0
    }
}

.contacts__item:last-of-type {
    margin-bottom: 0
}

.contacts__icon {
    width: 48px
}

.contacts__content {
    width: calc(100% - 48px);
    padding-left: 20px
}

.contacts__label {
    width: 100%;
    display: inline-block;
    font-family: HeliosC, sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 120%;
    color: #1f222d;
    margin: 0 0 5px
}

@media (min-width:1024px) {
    .contacts__label {
        font-size: 20px;
        margin: 0 0 10px
    }
}

.contacts__descr {
    width: 100%;
    display: inline-block;
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
    color: #1f222d
}

.contacts__descr a {
    color: #1f222d;
    text-decoration: none
}

.contacts__descr a[href*=mailto] {
    text-decoration: underline
}

.contacts__wrap {
    width: 100%;
    display: flex;
    flex-flow: column-reverse wrap;
    margin: 20px 0 0;
    align-content: flex-start
}

@media (min-width:1024px) {
    .contacts__wrap {
        margin: 50px 0 0
    }
}

@media (min-width:1440px) {
    .contacts__wrap {
        flex-flow: row wrap
    }
}

.contacts__column {
    width: 100%
}

@media (min-width:1440px) {
    .contacts__column {
        width: 50%
    }
}

.contacts__column:first-of-type {
    border-radius: 4px;
    background: #f5f7fa;
    padding: 60px 24px
}

@media (min-width:1024px) {
    .contacts__column:first-of-type {
        padding: 60px
    }
}

@media (min-width:1500px) {
    .contacts__column:first-of-type {
        padding: 80px 96px
    }
}

.contacts__column h2 {
    width: 100%
}

@media (min-width:1290px) and (max-width:1600px) {
    .contacts__column h2 {
        margin-bottom: 20px
    }
}

@media (min-width:1440px) {
    .contacts__column .captcha-row {
        margin-right: 32px;
        width: 150px
    }

    .contacts__column .custom-form__captcha-field {
        width: 100%
    }

    .contacts__column .custom-form__submit {
        width: calc(100% - 182px)
    }
}

@media (min-width:1700px) {
    .contacts__column .captcha-row {
        width: 40%
    }

    .contacts__column .custom-form__submit {
        width: calc(60% - 32px)
    }
}

#contacts__map,
#zavod__map {
    display: inline-block;
    width: 100%;
    height: 450px;
    margin: 0 0 60px
}

@media (min-width:1024px) {

    #contacts__map,
    #zavod__map {
        height: 460px;
        margin: 0 0 80px
    }
}

@media (min-width:1440px) {

    #contacts__map,
    #zavod__map {
        height: 100%;
        margin: 0
    }
}

#contacts__map ymaps.ymaps-2-1-79-map,
#zavod__map ymaps.ymaps-2-1-79-map {
    height: 100% !important
}

[class*=ymaps-2][class*=-ground-pane] {
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(100%) !important
}

.balloon-root {
    background: #1f222d;
    border-radius: 6px;
    padding: 8px 16px;
    box-sizing: border-box;
    display: inline-block;
    width: 250px;
    position: relative;
    top: -54px !important
}

@media (min-width:1024px) {
    .balloon-root {
        width: 350px
    }
}

.balloon-root .close {
    width: 24px;
    height: 24px;
    background-image: url(../img/map-close.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    right: -12px;
    top: -12px;
    cursor: pointer
}

.balloon-body.balloon {
    font-weight: 400;
    font-size: 10px;
    line-height: 130%;
    letter-spacing: .03em;
    color: #fff
}

@media (min-width:1024px) {
    .balloon-body.balloon {
        font-size: 12px
    }
}

.about-info {
    padding-top: 1.5rem
}

.about-info__wrap {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-content: flex-start;
    align-items: flex-start
}

.about-text {
    font-weight: 400;
    font-size: .9375rem;
    line-height: 1.5rem;
    color: #4b535e;
    width: 100%
}

@media (min-width:1024px) {
    .about-text {
        width: 49%;
        font-size: 1rem;
        line-height: 1.625rem
    }
}

.about-text p {
    width: 100%;
    display: block;
    font-weight: 400;
    font-size: .9375rem;
    line-height: 1.5rem;
    color: #4b535e;
    margin: 0 0 1.25rem
}

@media (min-width:1024px) {
    .about-text p {
        font-size: 1rem;
        line-height: 1.625rem
    }
}

.about-text p:last-of-type {
    margin: 0
}

.about-text a {
    color: #f36e21;
    text-decoration: underline
}

.about-text a:hover {
    text-decoration: none
}

.about-info__pic {
    width: 100%;
    position: relative;
    display: inline-block;
    margin: 2.5rem 0 0;
    height: 200px
}

@media (min-width:768px) {
    .about-info__pic {
        height: 414px
    }
}

@media (min-width:1280px) {
    .about-info__pic {
        height: 488px
    }
}

@media (min-width:1700px) {
    .about-info__pic {
        height: 600px
    }
}

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

.about-info__plashka {
    width: 395px;
    position: absolute;
    right: 0;
    top: 0;
    padding: 3rem 2.5rem;
    box-sizing: border-box;
    background-image: url(../img/about-info__plashka.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    font-family: HeliosC, sans-serif;
    color: #fff;
    display: none
}

@media (min-width:768px) {
    .about-info__plashka {
        font-size: 1.5rem;
        line-height: 1.8125rem
    }
}

@media (min-width:1024px) {
    .about-info__plashka {
        display: block
    }
}

@media (min-width:1280px) {
    .about-info__plashka {
        font-size: 1.875rem;
        line-height: 2.4375rem
    }
}

.about-info__plashka::before {
    content: "";
    width: 24px;
    height: 120px;
    position: absolute;
    left: -24px;
    top: 0;
    background: #f36e21
}

.about-info__plashka--mob {
    width: calc(100% - 13px);
    position: relative;
    margin: 30px 0 30px auto;
    display: block
}

@media (min-width:1024px) {
    .about-info__plashka--mob {
        display: none
    }
}

.about-info__plashka--mob::before {
    width: 12px;
    left: -12px
}

.about-directions {
    padding-top: 0
}

.about-directions .h2 {
    text-align: center;
    width: 100%
}

.about-directions__wrap {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    border-radius: 6px;
    overflow: hidden;
    margin: 0 0 5.625rem
}

.about-directions__item {
    flex: 0 0 1;
    background: #f5f7fa;
    border-bottom: 1px solid #e0e6ed;
    padding: 2.5rem 1.5rem;
    box-sizing: border-box;
    position: relative
}

.about-directions__item:last-of-type {
    border-bottom: none
}

@media (min-width:768px) {
    .about-directions__item {
        flex: 0 0 50%;
        border-right: 1px solid #e0e6ed;
        border-bottom: none
    }

    .about-directions__item:nth-of-type(2n) {
        border-right: none
    }
}

@media (min-width:1280px) {
    .about-directions__item {
        flex: 0 0 25%
    }

    .about-directions__item:nth-of-type(2n) {
        border-right: 1px solid #e0e6ed
    }
}

.about-directions__item:last-of-type {
    border-right: none
}

.about-directions__item::after {
    content: "";
    background-color: #e0e6ed;
    width: 0;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: .3s ease;
    z-index: 0
}

.about-directions__item:hover::after {
    width: 100%
}

.about-directions__icon {
    width: 5rem;
    height: 5rem;
    fill: #007249;
    display: block;
    margin: 0 0 1.5rem;
    position: relative;
    z-index: 3
}

.about-directions__descr {
    width: 100%;
    display: inline-block;
    font-weight: 700;
    font-size: 1rem;
    line-height: 140%;
    font-family: HeliosC, sans-serif;
    color: #1f222d;
    position: relative;
    z-index: 3
}

.about-partners {
    padding-top: 0
}

.about-partners .h2 {
    text-align: center;
    width: 100%
}

.about-history {
    padding-top: 0
}

.about-history .h2 {
    text-align: center;
    width: 100%
}

.about-history__pic {
    width: 100%;
    overflow: hidden;
    border-radius: 4px
}

.about-history__wrap {
    width: 100%;
    position: relative;
    padding: 4.5rem 0 0
}

.timeline {
    width: 99%;
    margin: 0 auto;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    box-sizing: border-box;
    position: relative
}

@media (min-width:768px) {
    .timeline {
        padding: 0 100px 0 140px
    }
}

@media (min-width:1024px) {
    .timeline {
        padding: 0 170px 0 240px
    }
}

@media (min-width:1500px) {
    .timeline {
        width: 90%
    }
}

.timeline__nav {
    top: 0;
    left: 0;
    height: 100%;
    width: 250px;
    position: absolute;
    transition: .5s ease
}

@media (max-width:768px) {
    .timeline__nav {
        background-color: #fff;
        width: 100%;
        height: auto;
        position: relative;
        overflow-x: auto;
        padding: 24px 20px 16px;
        -ms-overflow-style: none;
        scrollbar-width: none;
        white-space: nowrap;
        transition: all 3s ease-out
    }
}

.timeline__nav::-webkit-scrollbar {
    width: 0;
    height: 0
}

@media (max-width:768px) {
    .timeline__nav.fixed {
        position: fixed;
        left: 0;
        top: 0;
        box-shadow: 0 4px 10px rgba(0, 0, 0, .17);
        z-index: 2
    }
}

.timeline__nav ul {
    position: sticky;
    top: 0;
    margin: 0;
    padding: 0;
    transition: .5s ease
}

@media (max-width:768px) {
    .timeline__nav ul {
        min-width: 100%;
        height: auto;
        display: flex;
        position: relative
    }
}

.timeline__nav ul li {
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    align-items: center;
    list-style-type: none;
    font-weight: 700;
    font-size: 16px;
    font-family: HeliosC, sans-serif;
    color: #1f222d;
    transition: .2s ease;
    cursor: pointer;
    position: relative;
    padding-left: 36px;
    margin-right: 30px
}

@media (min-width:768px) {
    .timeline__nav ul li {
        margin-bottom: 40px
    }
}

@media (min-width:1024px) {
    .timeline__nav ul li {
        margin-right: 30px
    }
}

@media (min-width:1280px) {
    .timeline__nav ul li {
        margin-bottom: 55px
    }
}

@media (min-width:1700px) {
    .timeline__nav ul li {
        margin-bottom: 74px
    }
}

.timeline__nav ul li::before {
    content: "";
    width: 1px;
    height: 24px;
    background: #e0e6ed;
    position: absolute;
    right: -17px;
    top: -3px
}

@media (min-width:768px) {
    .timeline__nav ul li::before {
        height: 17px;
        left: 4.5px;
        right: initial;
        top: 33px
    }
}

@media (min-width:1024px) {
    .timeline__nav ul li::before {
        height: 32px
    }
}

@media (min-width:1500px) {
    .timeline__nav ul li::before {
        height: 48px
    }
}

.timeline__nav ul li::after {
    content: "";
    width: 10px;
    height: 10px;
    background: #b7c0ca;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    left: 1px;
    top: 3px;
    z-index: 3
}

.timeline__nav ul li:last-of-type::before {
    display: none
}

.timeline__nav ul li.active {
    color: #f36e21
}

.timeline__nav ul li.active::after {
    background: #f36e21
}

.timeline__nav ul li.active .circle {
    border: 1px solid #f36e21
}

.timeline__nav ul li.active div[data-anim~=base] {
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-timing-function: linear
}

.timeline__nav ul li.active .timeline-round[data-anim~=wrapper] {
    -webkit-animation-duration: 10ms;
    -webkit-animation-delay: 1.5s;
    -webkit-animation-name: close-wrapper
}

.timeline__nav ul li.active .circle[data-anim~=left] {
    -webkit-animation-duration: 3s;
    -webkit-animation-name: left-spin
}

.timeline__nav ul li.active .circle[data-anim~=right] {
    -webkit-animation-duration: 1.5s;
    -webkit-animation-name: right-spin
}

.timeline__section {
    width: 100%;
    display: inline-block;
    padding-top: 30px
}

@media (min-width:1024px) {
    .timeline__section {
        padding-top: 200px
    }
}

.timeline__row {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 24px
}

@media (min-width:1024px) {
    .timeline__row {
        margin-bottom: 90px
    }
}

.timeline__year {
    font-weight: 700;
    width: 100%;
    font-size: 30px;
    font-family: HeliosC, sans-serif;
    color: #b7c0ca
}

@media (min-width:1024px) {
    .timeline__year {
        margin-right: 90px;
        width: 150px;
        font-size: 64px
    }
}

.timeline__wrap {
    width: 100%
}

@media (min-width:1024px) {
    .timeline__wrap {
        width: calc(100% - 240px)
    }
}

.timeline__wrap ul {
    width: 100%;
    margin: .625rem 0 0;
    padding: 0
}

.timeline__wrap ul li {
    width: 100%;
    list-style-type: none;
    font-weight: 400;
    font-size: .9375rem;
    line-height: 1.5rem;
    color: #4b535e;
    position: relative;
    display: inline-block;
    margin: 0 0 .75rem;
    padding: 0 0 0 1.5rem;
    box-sizing: border-box
}

@media (min-width:1024px) {
    .timeline__wrap ul li {
        font-size: 1rem;
        line-height: 1.625rem
    }
}

.timeline__wrap ul li::before {
    content: "";
    width: .5rem;
    height: .5rem;
    background: #f36e21;
    border-radius: 10px;
    position: absolute;
    left: 0;
    top: 9px
}

.timeline__wrap ul li a {
    color: #f36e21;
    text-decoration: none
}

.timeline__wrap ul li:last-of-type {
    margin-bottom: 0
}

.timeline-round {
    width: 28px;
    height: 28px;
    position: absolute;
    clip: rect(0, 28px, 28px, 14px);
    left: -7px;
    top: -5px
}

.circle {
    width: 26px;
    height: 26px;
    border: 1px solid transparent;
    border-radius: 50px;
    position: absolute;
    clip: rect(0, 14px, 28px, 0)
}

@-webkit-keyframes right-spin {
    from {
        -webkit-transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(180deg)
    }
}

@-webkit-keyframes left-spin {
    from {
        -webkit-transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@-webkit-keyframes close-wrapper {
    to {
        clip: rect(auto, auto, auto, auto)
    }
}

.about-gallery {
    padding-top: 0
}

.about-gallery .h2 {
    text-align: center;
    width: 100%
}

.about-gallery .container {
    padding: 0
}

@media (min-width:768px) {
    .about-gallery .container {
        padding: 0 15px
    }
}

@media (max-width:768px) {
    .about-gallery .laboratory-tabs__nav {
        border-bottom: none
    }
}

.about-gallery .laboratory__tabs {
    justify-content: flex-start;
    padding: 0 15px
}

@media (max-width:768px) {
    .about-gallery .laboratory__tabs {
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        display: inline-block;
        border-bottom: 1px solid #f0f2f4;
        height: 43px
    }
}

@media (min-width:768px) {
    .about-gallery .laboratory__tabs {
        padding: 0
    }
}

.about-gallery .laboratory__tabs li {
    margin: 0 30px 0 0
}

.about-gallery .laboratory__tabs a {
    font-weight: 700;
    font-size: 16px;
    font-family: HeliosC, sans-serif;
    color: #b7c0ca
}

.about-gallery .laboratory__tabs .current a {
    color: #1f222d
}

.laboratory__tabs::-webkit-scrollbar {
    display: none
}

.gal-wrapper {
    width: 100%;
    position: relative;
    display: inline-block
}

.gal {
    width: 100%;
    height: 425px;
    padding: 0 15px
}

@media (min-width:768px) {
    .gal {
        height: 611px;
        padding: 0
    }
}

@media (min-width:1280px) {
    .gal {
        height: 719px
    }
}

@media (min-width:1700px) {
    .gal {
        height: 883px
    }
}

.gal-single .gal {
    padding: 0
}

@media (max-width:768px) {
    .gal-single .grid-item--width2 {
        height: 90px
    }
}

@media (max-width:768px) {
    .gal-single .grid-item.grid-item--width2:nth-of-type(5) {
        height: 202px
    }
}

.grid {
    height: 460px
}

@media (min-width:768px) {
    .grid {
        height: 650px
    }
}

@media (min-width:1280px) {
    .grid {
        height: 760px
    }
}

@media (min-width:1700px) {
    .grid {
        height: 900px
    }
}

.grid-item {
    height: 90px;
    border-radius: 4px;
    overflow: hidden;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    display: flex;
    justify-content: center;
    align-items: center
}

@media (min-width:768px) {
    .grid-item {
        height: 190px
    }
}

@media (min-width:1280px) {
    .grid-item {
        height: 226px
    }
}

@media (min-width:1700px) {
    .grid-item {
        height: 280px
    }
}

.grid-item--width2 {
    height: 196px
}

@media (min-width:768px) {
    .grid-item--width2 {
        height: 400px
    }
}

@media (min-width:1280px) {
    .grid-item--width2 {
        height: 472px
    }
}

@media (min-width:1700px) {
    .grid-item--width2 {
        height: 580px
    }
}

.grid-item>img {
    grid-row: 1/-1;
    grid-column: 1;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.gal__pagination {
    width: 100%;
    display: inline-block;
    text-align: center;
    position: relative;
    bottom: 0 !important;
    margin: 1.6875rem 0 0
}

.gal__pagination .swiper-pagination-bullet {
    width: 2rem;
    height: .125rem;
    background: #b7c0ca;
    border-radius: 5px;
    margin: 0 8px
}

.gal__pagination .swiper-pagination-bullet-active {
    background: #f36e21
}

.video-gallery__single {
    width: calc(100% - 30px);
    height: 220px;
    margin: 0 auto;
    display: inline-block
}

@media (min-width:768px) {
    .video-gallery__single {
        height: 503px;
        width: 100%
    }
}

@media (min-width:1024px) {
    .video-gallery__single {
        height: 623px
    }
}

.video-gallery__single .swiper-slide {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    overflow: hidden
}

.video-gallery__single .swiper-slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.video-gallery__pic {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.video-gallery__thumbs {
    width: 100%;
    height: 78px;
    margin: 20px 0 0;
    display: inline-block
}

@media (min-width:768px) {
    .video-gallery__thumbs {
        height: 150px
    }
}

@media (min-width:1024px) {
    .video-gallery__thumbs {
        height: 178px
    }
}

@media (min-width:1500px) {
    .video-gallery__thumbs {
        height: 220px
    }
}

.video-gallery__thumbs .swiper-slide {
    width: 35%;
    height: 100%;
    border-radius: 4px;
    overflow: hidden
}

.video-gallery__thumbs .swiper-slide:first-of-type {
    margin-left: 15px
}

.video-gallery__thumbs .swiper-slide:last-of-type {
    margin-right: 15px
}

@media (min-width:768px) {
    .video-gallery__thumbs .swiper-slide {
        width: 100%
    }
}

@media (min-width:768px) {
    .video-gallery__thumbs .swiper-slide:first-of-type {
        margin-left: 0
    }

    .video-gallery__thumbs .swiper-slide:last-of-type {
        margin-right: 0
    }
}

.video-gallery__thumbs .swiper-slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.video-gallery__thumbs .video-gallery__play {
    width: 48px;
    height: 48px;
    left: calc(50% - 24px);
    top: calc(50% - 24px);
    transition: .3s ease;
    z-index: 3
}

@media (min-width:768px) {
    .video-gallery__thumbs .video-gallery__play {
        width: 80px;
        height: 80px;
        left: calc(50% - 40px);
        top: calc(50% - 40px)
    }
}

.video-gallery__prev {
    position: absolute;
    left: -28px;
    bottom: calc(50% - 28px)
}

@media (min-width:1700px) {
    .video-gallery__prev {
        left: -15px
    }
}

@media (min-width:1700px) {
    .video-gallery__prev {
        left: -28px
    }
}

.video-gallery__prev:hover svg {
    fill: #f36e21
}

.video-gallery__next {
    position: absolute;
    right: -28px;
    bottom: calc(50% - 28px)
}

@media (min-width:1700px) {
    .video-gallery__next {
        right: -15px
    }
}

@media (min-width:1700px) {
    .video-gallery__next {
        right: -28px
    }
}

.video-gallery__next:hover svg {
    fill: #f36e21
}

.video-gallery__block {
    position: relative
}

.video-gallery__play {
    background-image: url(../img/videoPlay.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    width: 80px;
    height: 80px;
    left: calc(50% - 40px);
    top: calc(50% - 40px);
    transition: .3s ease;
    z-index: 3
}

@media (min-width:768px) {
    .video-gallery__play {
        width: 120px;
        height: 120px;
        left: calc(50% - 60px);
        top: calc(50% - 60px)
    }
}

.video-gallery__cover {
    width: 100%;
    position: relative
}

.chart {
    overflow: hidden
}

.chart .h2 {
    text-align: center;
    width: 100%;
    margin: 0 0 15px
}

@media (min-width:1280px) {
    .chart {
        padding: 5rem 0 9.375rem
    }
}

@media (min-width:1700px) {
    .chart {
        padding: 5.625rem 0 9.375rem
    }
}

.chart-sub {
    width: 100%;
    display: inline-block;
    text-align: center;
    font-weight: 400;
    font-size: 20px;
    line-height: 160%;
    margin: 0;
    color: #4b535e
}

.chart-wrap {
    width: 100%;
    position: relative;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    height: 506px;
    align-items: flex-end;
    align-content: flex-end;
    margin: 130px 0 0
}

.chart-x {
    display: flex;
    flex-flow: column wrap;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    width: 40px;
    height: 100%
}

@media (min-width:1024px) {
    .chart-x {
        width: 50px
    }
}

.chart-x li {
    list-style-type: none;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    text-align: right;
    color: #8e9aa9
}

@media (min-width:1024px) {
    .chart-x li {
        font-size: 16px
    }
}

.chart-line {
    display: flex;
    flex-flow: column wrap;
    justify-content: space-between;
    margin: 0;
    padding: 0 0 0 30px;
    box-sizing: border-box;
    width: calc(100% - 40px);
    height: 98%
}

@media (min-width:1024px) {
    .chart-line {
        width: calc(100% - 50px);
        padding: 0 0 0 50px
    }
}

.chart-line li {
    list-style-type: none;
    background: #e0e6ed;
    height: 1px;
    width: 100%
}

.chart-data {
    width: calc(100% - 70px);
    height: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-content: flex-end;
    align-items: flex-end
}

@media (min-width:1024px) {
    .chart-data {
        width: calc(100% - 100px)
    }
}

@-webkit-keyframes animation-lightspeed-in {
    0% {
        opacity: 0;
        transform: translateY(200%)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes animation-lightspeed-in {
    0% {
        opacity: 0;
        transform: translateY(200%)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

.chart-item {
    position: relative;
    width: 1rem;
    background: #f36e21;
    border-radius: 8px 8px 0 0;
    height: 0;
    opacity: 0;
    transition: height 1.5s
}

@media (min-width:1024px) {
    .chart-item {
        width: 3.4375rem
    }
}

.chart-wrap.active .chart-item {
    opacity: 1
}

.chart-wrap.active .chart-item:nth-of-type(1) {
    height: 31%
}

.chart-wrap.active .chart-item:nth-of-type(2) {
    height: 65%
}

.chart-wrap.active .chart-item:nth-of-type(3) {
    height: 60%
}

.chart-wrap.active .chart-item:nth-of-type(4) {
    height: 62%
}

.chart-wrap.active .chart-item:nth-of-type(5) {
    height: 52%
}

.chart-wrap.active .chart-item:nth-of-type(6) {
    height: 77%
}

.chart-wrap.active .chart-item:nth-of-type(7) {
    height: 93%
}

.chart-wrap.active .chart-item:nth-of-type(8) {
    height: 76%
}

.chart-item__tooltip {
    width: 51px;
    height: 41px;
    background-image: url(../img/tooltip.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    left: calc(50% - 25.5px);
    top: -46px;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: .3s ease
}

@media (min-width:1024px) {
    .chart-item__tooltip {
        left: calc(50% - 50px);
        width: 100px;
        height: 91px;
        top: -90px
    }
}

.chart-item__tooltip span {
    font-weight: 700;
    font-size: 9px;
    line-height: 140%;
    font-family: HeliosC, sans-serif;
    color: #1f222d
}

@media (min-width:1024px) {
    .chart-item__tooltip span {
        font-size: 16px
    }
}

.chart-wrap.active .chart-item__tooltip {
    opacity: 1;
    transition-delay: .5s
}

.chart-item__year {
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: -35px;
    font-family: HeliosC, sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
    color: #8e9aa9
}

@media (min-width:1024px) {
    .chart-item__year {
        font-size: 16px;
        bottom: -55px
    }
}

.front-pic {
    padding: 1.5rem 0 10.625rem;
    min-height: 390px
}

@media (min-width:1024px) {
    .front-pic {
        padding: 1.5rem 0 6.25rem
    }
}

.front-pic .front-repeating__title {
    color: #fff;
    margin: 4rem 0 1.5rem
}

.front-pic .front-repeating__descr {
    color: #fff;
    width: 100%;
    box-sizing: border-box
}

@media (min-width:1024px) {
    .front-pic .front-repeating__descr {
        padding-right: 30%
    }
}

.front-pic .container {
    z-index: 3;
    position: relative
}

.front-pic__bg {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0
}

@media (min-width:768px) {
    .front-pic__bg--m {
        display: none
    }
}

.front-pic__bg--d {
    display: none
}

@media (min-width:768px) {
    .front-pic__bg--d {
        display: block
    }
}

.front-repeating__mediaLink {
    width: 150px;
    margin: 50px 0 0;
    transition: .4s ease-in;
    display: inline-block
}

@media (min-width:768px) {
    .front-repeating__mediaLink {
        width: 200px
    }

    .front-repeating__mediaLink:hover {
        transform: scale(1.04)
    }
}

.front-repeating__mediaLink img {
    width: 100%;
    transition: .2s ease
}

.manufacture {
    padding-bottom: 0
}

.manufacture .h2 {
    text-align: center;
    width: 100%
}

.manufacture-wrap {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    justify-content: center
}

.manufacture-item {
    width: 100%;
    margin: 0 0 20px 0;
    background: #f5f7fa;
    padding: 27px 24px;
    box-sizing: border-box;
    text-decoration: none;
    min-height: 204px;
    position: relative
}

@media (min-width:768px) {
    .manufacture-item {
        width: calc(50% - 10px);
        padding: 40px 24px;
        margin: 0 20px 20px 0;
        min-height: auto
    }

    .manufacture-item:nth-of-type(2n) {
        margin-right: 0
    }
}

@media (min-width:1280px) {
    .manufacture-item {
        width: calc(20% - 16px)
    }

    .manufacture-item:nth-of-type(2n) {
        margin-right: 20px
    }

    .manufacture-item:nth-of-type(4n) {
        margin-right: 0
    }
}

.manufacture-item::after {
    content: "";
    background-color: #e0e6ed;
    width: 0;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: .3s ease;
    z-index: 0
}

.manufacture-item:hover::after {
    width: 100%
}

.manufacture-pic {
    width: 5rem;
    height: 5rem;
    display: inline-block;
    position: relative;
    z-index: 4
}

.manufacture-descr {
    font-family: HeliosC, sans-serif;
    font-weight: 700;
    font-size: 1rem;
    line-height: 140%;
    width: 100%;
    color: #1f222d;
    display: inline-block;
    margin: 1rem 0 0;
    position: relative;
    z-index: 4
}

@media (max-width:768px) {
    .manufacture-descr {
        width: 90%
    }
}

.proizvo-about__content {
    width: 100%;
    padding-right: 2rem;
    box-sizing: border-box
}

@media (min-width:1280px) {
    .proizvo-about__content {
        width: 50%
    }
}

.proizvo-about__content ul {
    width: 100%;
    margin: 0;
    padding: 0
}

.proizvo-about__content ul li {
    list-style-type: none;
    font-weight: 400;
    font-size: 1rem;
    line-height: 160%;
    color: #4b535e;
    display: inline-block;
    margin: 0 0 1rem;
    padding: 0 0 0 1.5rem;
    box-sizing: border-box;
    position: relative
}

.proizvo-about__content ul li::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #f36e21;
    position: absolute;
    left: 0;
    top: 7px
}

.proizvo-info,
.zavod-counts {
    width: 50%
}

.proizvo-info .front-about__item,
.zavod-counts .front-about__item {
    width: 33.3333333333%
}

@media (min-width:1700px) {

    .proizvo-info .front-about__item,
    .zavod-counts .front-about__item {
        flex-grow: 0;
        flex-basis: 20%;
        padding-right: 1rem;
        margin: 0 0 1.875rem
    }

    .proizvo-info .front-about__item:nth-of-type(2n),
    .zavod-counts .front-about__item:nth-of-type(2n) {
        padding-right: 1rem
    }
}

.proizvo-info .front-about__item:nth-of-type(1) .front-about__pic::before,
.zavod-counts .front-about__item:nth-of-type(1) .front-about__pic::before {
    content: "";
    background-image: url(../img/about-cover-1.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    height: 60px;
    width: 160px;
    position: absolute;
    left: 4px;
    top: -5px
}

@media (min-width:1440px) {

    .proizvo-info .front-about__item:nth-of-type(1) .front-about__pic::before,
    .zavod-counts .front-about__item:nth-of-type(1) .front-about__pic::before {
        width: 152px;
        height: 51px;
        left: -4px;
        top: 5px
    }
}

.proizvo-info .front-about__item:nth-of-type(2) .front-about__pic::before,
.zavod-counts .front-about__item:nth-of-type(2) .front-about__pic::before {
    content: "";
    background-image: url(../img/about-cover-2.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 28px;
    height: 51px;
    position: absolute;
    left: 4px;
    top: -5px
}

@media (min-width:1440px) {

    .proizvo-info .front-about__item:nth-of-type(2) .front-about__pic::before,
    .zavod-counts .front-about__item:nth-of-type(2) .front-about__pic::before {
        width: 28px;
        height: 51px;
        left: -4px;
        top: 5px
    }
}

.proizvo-info .front-about__item:nth-of-type(3) .front-about__pic::before,
.zavod-counts .front-about__item:nth-of-type(3) .front-about__pic::before {
    content: "";
    background-image: url(../img/about-cover-3.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 80px;
    height: 50px;
    position: absolute;
    left: 4px;
    top: -5px
}

@media (min-width:1440px) {

    .proizvo-info .front-about__item:nth-of-type(3) .front-about__pic::before,
    .zavod-counts .front-about__item:nth-of-type(3) .front-about__pic::before {
        width: 87px;
        height: 65px;
        left: -3px;
        top: 1px
    }
}

.proizvo-info .front-about__item:nth-of-type(4) .front-about__pic::before,
.zavod-counts .front-about__item:nth-of-type(4) .front-about__pic::before {
    content: "";
    background-image: url(../img/about-cover-4.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 64px;
    height: 47px;
    position: absolute;
    left: 4px;
    top: -5px
}

@media (min-width:1440px) {

    .proizvo-info .front-about__item:nth-of-type(4) .front-about__pic::before,
    .zavod-counts .front-about__item:nth-of-type(4) .front-about__pic::before {
        width: 69px;
        height: 51px;
        left: 8px;
        top: 5px
    }
}

.proizvo-info .front-about__item:nth-of-type(5) .front-about__pic::before,
.zavod-counts .front-about__item:nth-of-type(5) .front-about__pic::before {
    content: "";
    background-image: url(../img/about-cover-5.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 96px;
    height: 58px;
    position: absolute;
    left: 4px;
    top: -5px
}

@media (min-width:1440px) {

    .proizvo-info .front-about__item:nth-of-type(5) .front-about__pic::before,
    .zavod-counts .front-about__item:nth-of-type(5) .front-about__pic::before {
        width: 105px;
        height: 51px;
        left: 8px;
        top: 4px
    }
}

.proizvo-info .front-about__pic,
.zavod-counts .front-about__pic {
    font-style: normal;
    font-weight: 700;
    font-size: 2.5rem;
    line-height: 3rem;
    font-family: HeliosC, sans-serif;
    color: #007249
}

@media (min-width:1440px) {

    .proizvo-info .front-about__pic,
    .zavod-counts .front-about__pic {
        font-size: 3.125rem;
        line-height: 4.5rem
    }
}

.proizvo-info .front-about__pic span,
.zavod-counts .front-about__pic span {
    font-style: normal;
    font-weight: 700;
    font-size: 2.5rem;
    line-height: 3rem;
    font-family: HeliosC, sans-serif;
    color: #007249
}

@media (min-width:1440px) {

    .proizvo-info .front-about__pic span,
    .zavod-counts .front-about__pic span {
        font-size: 3.125rem;
        line-height: 4.5rem
    }
}

@media (min-width:1440px) {

    .proizvo-info .front-about__descr,
    .zavod-counts .front-about__descr {
        font-size: 1rem;
        padding-right: 40px
    }
}

@media (max-width:1280px) {
    .proizvo-info {
        width: 100%
    }
}

@media (max-width:1024px) {
    .proizvo-info .front-about__item {
        width: 50%
    }
}

@media (max-width:768px) {
    .proizvo-info .front-about__item {
        width: 100%
    }
}

@media (min-width:1700px) {
    .proizvo-info .front-about__item {
        flex-grow: 0;
        flex-basis: 33.3%;
        padding-right: 1rem;
        margin: 0 0 1.875rem
    }

    .proizvo-info .front-about__item:nth-of-type(2n) {
        padding-right: 1rem
    }

    .proizvo-info .front-about__item:nth-of-type(3n) {
        padding-right: 0
    }
}

.development-prospect {
    padding-top: 0
}

.development-prospect .h2 {
    width: 100%;
    text-align: center
}

@media (min-width:1280px) {
    .development-prospect .h2 {
        width: 42%;
        text-align: left
    }
}

.development-content {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    align-items: flex-start;
    counter-reset: section
}

@media (min-width:1280px) {
    .development-content {
        width: 58%
    }
}

.development-row {
    width: 100%;
    border-bottom: 1px solid #e0e6ed;
    margin: 0 0 1.625rem
}

.development-title {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    margin: 0 0 1rem;
    position: relative
}

.development-row .development-count:before {
    counter-increment: section;
    content: "0" counter(section) ".";
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 130%;
    color: #f36e21;
    display: inline-block;
    left: 0;
    top: -3px
}

@media (min-width:1280px) {
    .development-row .development-count:before {
        font-size: 1.875rem;
        position: absolute
    }
}

.development-label {
    font-size: 1rem;
    line-height: 140%;
    color: #1f222d;
    width: 100%;
    box-sizing: border-box;
    font-family: "Fira Sans", sans-serif;
    font-weight: 700;
    display: inline-block
}

@media (max-width:1280px) {
    .development-label {
        margin: 1rem 0 0
    }
}

@media (min-width:1280px) {
    .development-label {
        padding-left: 4rem
    }
}

.development-descr {
    width: 100%;
    display: inline-block;
    font-weight: 400;
    font-size: 1rem;
    line-height: 160%;
    color: #1f222d
}

.development-descr p {
    width: 100%;
    display: inline-block;
    margin: 0 0 1.125rem
}

.zavod-counts {
    padding: 0
}

.zavod-counts .h2 {
    width: 100%;
    text-align: center
}

@media (max-width:1024px) {
    .zavod-counts .zavod-counts {
        background: #f5f7fa;
        border-radius: 4px;
        padding: 2rem 1.5rem;
        display: -ms-flex;
        display: flex;
        flex-flow: row wrap;
        box-sizing: border-box;
        margin: 2rem 0 0
    }

    .zavod-counts .zavod-counts .front-about__item {
        border-bottom: none
    }

    .zavod-counts .zavod-counts .front-about__pic {
        font-size: 2.5rem;
        line-height: 3rem
    }

    .zavod-counts .zavod-counts .front-about__descr {
        font-size: 1rem;
        line-height: 1.375rem
    }
}

.zavod-counts {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between
}

.zavod-counts .front-about__item {
    width: 100%;
    position: relative;
    border-bottom: 1px solid #e0e6ed;
    padding-top: 10px;
    padding-bottom: 16px;
    margin: 0
}

@media (min-width:768px) {
    .zavod-counts .front-about__item {
        width: 50%
    }
}

@media (min-width:1024px) {
    .zavod-counts .front-about__item {
        padding-bottom: 0;
        width: 20%;
        padding-left: 1.875rem;
        border-bottom: none
    }
}

.zavod-counts .front-about__item:first-of-type {
    padding-left: 0
}

.zavod-counts .front-about__item:last-of-type {
    border-bottom: none
}

.zavod-counts .front-about__item:last-of-type::after {
    display: none
}

.zavod-counts .front-about__item::after {
    content: "";
    width: 1px;
    height: 150px;
    background: #e0e6ed;
    position: absolute;
    right: 0;
    top: calc(50% - 75px);
    display: none
}

@media (min-width:1024px) {
    .zavod-counts .front-about__item::after {
        display: block
    }
}

@media (min-width:1280px) {
    .zavod-counts .front-about__item::after {
        top: calc(50% - 62px);
        height: 124px
    }
}

.zavod-counts .front-about__item .front-about__descr {
    padding: 0
}

.zavod-capacity {
    padding-top: 3.75rem
}

@media (max-width:1280px) {
    .zavod-capacity {
        padding-bottom: 2.5rem
    }
}

@media (min-width:1280px) {
    .zavod-capacity {
        padding-top: 5rem
    }
}

@media (min-width:1700px) {
    .zavod-capacity {
        padding-top: 5.625rem
    }
}

.zavod-capacity .h2,
.zavod-capacity .h3 {
    width: 100%;
    text-align: center
}

.zavod-capacity h3 {
    font-family: HeliosC, sans-serif !important;
    text-transform: initial !important;
    font-weight: 700 !important
}

@media (max-width:768px) {
    .tab-content--reverse {
        padding: 0 15px 20px;
        margin-top: 0
    }
}

.tab-content--reverse .tabs-content__content {
    padding: 0 3.125rem 0 0
}

@media (max-width:768px) {
    .tab-content--reverse .tabs-content__content {
        padding: 0
    }
}

.tab-content--reverse .tabs-content__descr {
    margin: 0
}

.tab-content--reverse .tabs-content__pic {
    margin: 0 0 2.5rem
}

@media (max-width:768px) {
    .tab-content--reverse .tabs-content__pic {
        display: none
    }
}

.zavod-capacity__nav {
    width: 100%;
    display: inline-block;
    width: 100%;
    box-sizing: border-box
}

@media (min-width:1024px) {
    .zavod-capacity__nav {
        border-bottom: 1px solid #f0f2f4
    }
}

.zavod-capacity__nav .swiper-slide {
    width: auto;
    display: inline-block;
    font-weight: 700;
    font-size: 16px;
    line-height: 140%;
    font-family: HeliosC, sans-serif;
    color: #b7c0ca;
    cursor: pointer;
    position: relative;
    height: 42px
}

@media (min-width:1024px) {
    .zavod-capacity__nav .swiper-slide {
        height: 46px
    }
}

.zavod-capacity__nav .swiper-slide-active {
    color: #1f222d
}

.zavod-capacity__nav .swiper-slide-active::before {
    content: "";
    width: 100%;
    height: 4px;
    background: #f36e21;
    border-radius: 3px 3px 0 0;
    position: absolute;
    left: 0;
    bottom: 0
}

.zavod-capacity__content {
    width: 100%;
    display: inline-block;
    margin-top: 30px;
    box-sizing: border-box
}

.zavod-capacity__content .swiper-slide {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    align-items: flex-start
}

@media (min-width:1024px) {
    .zavod-capacity__content .swiper-slide {
        align-content: center;
        align-items: center
    }
}

.zavod-line__title {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-content: center;
    align-items: center
}

.zavod-line__title .h3 {
    width: auto;
    padding: 0
}

.zavod-capacity__next,
.zavod-capacity__prev {
    display: flex;
    position: absolute
}

@media (max-width:1024px) {

    .zavod-capacity__next,
    .zavod-capacity__prev {
        width: 40px;
        height: 40px;
        display: none
    }
}

@media (min-width:1024px) {

    .zavod-capacity__next,
    .zavod-capacity__prev {
        bottom: 260px;
        left: 20px
    }
}

.zavod-capacity__next:hover,
.zavod-capacity__prev:hover {
    background: #f36e21
}

.zavod-capacity__next:hover svg,
.zavod-capacity__prev:hover svg {
    fill: #fff
}

.zavod-capacity__next {
    left: initial
}

@media (min-width:1024px) {
    .zavod-capacity__next {
        right: 20px
    }
}

.zavod-btn--mob {
    display: flex;
    position: relative;
    top: -2px
}

@media (min-width:1024px) {
    .zavod-btn--mob {
        display: none
    }
}

.zavod-btn.swiper-button-disabled {
    opacity: .6
}

.zavod-btn.swiper-button-disabled:hover {
    background: #fff
}

.zavod-btn.swiper-button-disabled:hover svg {
    fill: #8e9aa9
}

.zavod-line__wrap {
    width: 100%;
    display: none;
    -moz-column-gap: 20px;
    column-gap: 20px;
    margin: 2rem 0 0;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap
}

.zavod-line__item {
    width: 100%;
    position: relative;
    padding: 0 0 0 2.5rem;
    box-sizing: border-box
}

@media (max-width:1024px) {
    .zavod-line__item {
        flex-flow: column-reverse wrap;
        display: flex
    }
}

@media (min-width:1024px) {
    .zavod-line__item {
        width: auto;
        flex: 1;
        padding: 3.75rem 0 0
    }
}

.zavod-line__item::before {
    content: "";
    width: 16px;
    height: 16px;
    background-image: url(../img/zavod-round.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    left: 0;
    top: 257px
}

@media (min-width:1024px) {
    .zavod-line__item::before {
        width: 28px;
        height: 28px;
        top: 0
    }
}

.zavod-line__item::after {
    content: "";
    left: 8px;
    top: 280px;
    width: 1px;
    height: 90%;
    background: #e0e6ed;
    position: absolute
}

@media (min-width:1024px) {
    .zavod-line__item::after {
        width: calc(100% - 52px);
        height: 1px;
        left: 52px;
        top: 14px
    }
}

.zavod-line__item:last-of-type::after {
    display: none
}

.zavod-line__label {
    width: 100%;
    display: inline-block;
    font-weight: 700;
    font-size: 1rem;
    line-height: 140%;
    font-family: HeliosC, sans-serif;
    color: #1f222d;
    margin: 1rem 0 1.25rem
}

@media (min-width:1280px) {
    .zavod-line__label {
        min-height: 90px
    }
}

@media (min-width:1700px) {
    .zavod-line__label {
        font-size: 1.25rem;
        line-height: 120%;
        min-height: 100px;
        margin: 0
    }
}

.zavod-line__pic {
    height: 15rem;
    width: 100%;
    display: inline-block;
    border-radius: 4px;
    overflow: hidden
}

@media (min-width:1024px) {
    .zavod-line__pic {
        height: 12.5rem
    }
}

@media (min-width:1700px) {
    .zavod-line__pic {
        height: 18.25rem;
        margin: 2rem 0 0
    }
}

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

.zavod-about__row {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between
}

.zavod-about__short {
    width: 100%
}

@media (min-width:1280px) {
    .zavod-about__short {
        width: 40%
    }
}

.zavod-about__short .h2 {
    width: 100%
}

.zavod-about__short p {
    width: 100%;
    display: inline-block;
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
    color: #1f222d
}

.zavod-about__content {
    width: 100%
}

@media (min-width:1280px) {
    .zavod-about__content {
        width: 55%
    }
}

.zavod-about__content p {
    width: 100%;
    display: inline-block;
    font-weight: 400;
    font-size: .9375rem;
    line-height: 160%;
    color: #1f222d;
    margin: 0 0 1rem
}

@media (min-width:1280px) {
    .zavod-about__content p {
        font-size: 1rem
    }
}

.zavod-about__content p:last-of-type {
    margin: 0
}

.zavod-map {
    padding-bottom: 0
}

@media (max-width:768px) {
    .zavod-map {
        padding-top: 0
    }
}

.zavod-map .h2 {
    width: 100%;
    text-align: center
}

.zavod-map__wrap {
    width: 100%;
    position: relative
}

@media (min-width:1280px) {
    .zavod-map__wrap {
        height: 540px
    }
}

.zavod-map__wrap #zavod__map {
    width: 100%;
    height: 340px;
    margin: 0
}

@media (min-width:1280px) {
    .zavod-map__wrap #zavod__map {
        height: 100%
    }
}

.zavod-map__tabs {
    background: #fff;
    border-radius: 4px;
    z-index: 4;
    box-sizing: border-box
}

@media (min-width:1024px) {
    .zavod-map__tabs {
        position: absolute;
        top: calc(50% - 170px);
        left: calc((100vw - 1280px)/ 2);
        width: 36.4375rem;
        padding: 3rem 2.5rem
    }
}

@media (max-width:768px) {
    .zavod-map__tabs .laboratory-tabs__nav {
        border-bottom: none
    }
}

.zavod-map__tabs .laboratory__tabs {
    justify-content: flex-start;
    padding: 0 15px
}

@media (max-width:768px) {
    .zavod-map__tabs .laboratory__tabs {
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        display: inline-block;
        border-bottom: 1px solid #f0f2f4;
        height: 43px
    }
}

@media (min-width:1280px) {
    .zavod-map__tabs .laboratory__tabs {
        padding: 0
    }
}

.zavod-map__tabs .laboratory__tabs li {
    margin: 0 30px 0 0
}

.zavod-map__tabs .laboratory__tabs li:last-of-type {
    margin: 0
}

.zavod-map__tabs .laboratory__tabs a {
    font-weight: 700;
    font-size: 16px;
    font-family: HeliosC, sans-serif;
    color: #b7c0ca
}

.zavod-map__tabs .laboratory__tabs .current a {
    color: #1f222d
}

.zavod-map__tabs .h4 {
    margin-bottom: 1.125rem
}

@media (min-width:1024px) {
    .zavod-map__tabs {
        left: calc((100vw - 95%)/ 2)
    }
}

@media (min-width:1280px) {
    .zavod-map__tabs {
        left: calc((100vw - 95%)/ 2)
    }
}

@media (min-width:1440px) {
    .zavod-map__tabs {
        left: calc((100vw - 1340px)/ 2)
    }
}

@media (min-width:1700px) {
    .zavod-map__tabs {
        left: calc((100vw - 1600px)/ 2)
    }
}

.zavod-contacrs__row {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    align-items: center;
    margin: 0 0 .875rem;
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
    color: #1f222d;
    padding-left: 40px;
    box-sizing: border-box;
    position: relative
}

.zavod-contacrs__row a {
    color: #1f222d;
    text-decoration: none
}

.zavod-contacrs__row img {
    position: absolute;
    left: 0;
    top: calc(50% - 14px)
}

.zavod-flagman {
    padding-bottom: 0
}

.zavod-flagman .h2 {
    width: 100%;
    text-align: center
}

.zavod-flagman__wrap {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap
}

.zavod-flagman__item {
    width: 100%;
    margin: 0 0 20px 0;
    border: 1px solid #f5f7fa;
    border-radius: 4px;
    box-sizing: border-box;
    text-decoration: none
}

@media (min-width:768px) {
    .zavod-flagman__item {
        width: calc(50% - 10px);
        margin: 0 20px 20px 0
    }

    .zavod-flagman__item:nth-of-type(2n) {
        margin-right: 0
    }
}

@media (min-width:1024px) {
    .zavod-flagman__item {
        width: calc(33.3333333333% - 14px)
    }

    .zavod-flagman__item:nth-of-type(2n) {
        margin-right: 20px
    }

    .zavod-flagman__item:nth-of-type(3n) {
        margin-right: 0
    }
}

.zavod-flagman__item:hover .hvr__dots {
    opacity: 1
}

.zavod-flagman__item:hover .zavod-flagman__descr {
    color: #f36e21
}

.zavod-flagman__descr {
    width: 100%;
    font-family: HeliosC, sans-serif;
    font-weight: 700;
    font-size: 1rem;
    line-height: 120%;
    color: #1f222d;
    padding: 1rem 1.5rem;
    box-sizing: border-box
}

@media (min-width:1700px) {
    .zavod-flagman__descr {
        font-size: 1.25rem
    }
}

.hvr__images {
    position: relative
}

.hvr__sectors {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex
}

.hvr__sector {
    flex-grow: 1
}

.hover-gal {
    display: flex;
    overflow: hidden;
    border-radius: 4px
}

.himg {
    display: block;
    height: 220px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: none
}

.himg:first-of-type {
    display: block
}

@media (min-width:1280px) {
    .himg {
        height: 240px
    }
}

@media (min-width:1440px) {
    .himg {
        height: 292px
    }
}

.hvr {
    position: relative
}

.hvr__dots {
    width: calc(100% - 40px);
    position: absolute;
    left: 20px;
    bottom: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: .2s ease
}

.hvr__dot {
    flex: 1;
    height: 2px;
    margin: 10px 2px 0;
    background: #e0e6ed;
    border-radius: 5px
}

.hvr__dot--active {
    background: #f36e21
}

.services-business__wrap {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap
}

.services-business__item {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    align-content: center;
    padding: 32px 0;
    box-sizing: border-box;
    border-bottom: 1px solid #e0e6ed;
    flex-direction: column-reverse
}

.services-business__item:first-of-type {
    padding-top: 0
}

@media (min-width:768px) {
    .services-business__item {
        flex-direction: row;
        padding: 32px 0
    }

    .services-business__item:first-of-type {
        padding-top: 32px
    }
}

.services-business__item:last-of-type {
    border-bottom: none
}

.services-business__item ul {
    width: 100%;
    margin: 1.5rem 0;
    padding: 0
}

.services-business__item ul li {
    width: 100%;
    list-style-type: none;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.625rem;
    color: #4b535e;
    position: relative;
    display: inline-block;
    margin: 0 0 .75rem;
    padding: 0 0 0 3.5rem;
    box-sizing: border-box
}

.services-business__item ul li span {
    font-family: HeliosC, sans-serif;
    font-weight: 700;
    color: #1f222d
}

.services-business__item ul li::before {
    content: "";
    width: 2.5625rem;
    height: .25rem;
    background: #f36e21;
    border-radius: 10px;
    position: absolute;
    left: 0;
    top: 9px
}

.services-business__item ul li a {
    color: #f36e21;
    text-decoration: none
}

.services-business__pic {
    width: 100%
}

@media (min-width:768px) {
    .services-business__pic {
        width: 50%
    }
}

@media (min-width:1700px) {
    .services-business__pic {
        width: 655px
    }
}

.services-business__pic img {
    border-radius: 4px
}

.services-business__content {
    width: 100%
}

@media (min-width:768px) {
    .services-business__content {
        width: 50%;
        padding-left: 4rem
    }
}

@media (min-width:1700px) {
    .services-business__content {
        width: calc(100% - 655px)
    }
}

.complaens {
    padding-top: 1.5rem
}

.complaens .section-title {
    margin: 0
}

.complaens-info__pic {
    width: 328px;
    height: 400px;
    border-radius: 4px;
    overflow: hidden;
    margin: 12px auto 0
}

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

@media (min-width:1280px) {
    .complaens-info__pic {
        width: 373px;
        height: 426px;
        margin: 0
    }
}

@media (min-width:1440px) {
    .complaens-info__pic {
        width: 460px;
        height: 540px
    }
}

.complaens-info {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    padding: 1.5rem 0 0;
    box-sizing: border-box
}

.complaens-info__text {
    width: 100%
}

.complaens-info__text p {
    width: 100%;
    display: block;
    margin: 0 0 1.25rem;
    font-style: italic;
    font-weight: 400;
    font-size: .9375rem;
    line-height: 160%;
    color: #4b535e;
    position: relative;
    z-index: 1
}

.complaens-info__text p:first-of-type::before {
    content: "";
    background-image: url(../img/complaens-quote.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    width: 48px;
    height: 37px;
    z-index: -1;
    left: -5px;
    top: -12px
}

.complaens-info__post {
    width: 100%;
    margin: 1rem 0;
    display: inline-block;
    font-weight: 700;
    font-size: 16px;
    line-height: 140%;
    font-family: HeliosC, sans-serif;
    color: #1f222d
}

@media (min-width:768px) {
    .complaens-info {
        align-content: center;
        align-items: center
    }

    .complaens-info__text {
        width: calc(100% - 328px);
        padding-right: 30px
    }
}

@media (min-width:1280px) {
    .complaens-info {
        padding: 2.5rem 0 0
    }

    .complaens-info__text {
        width: calc(100% - 373px);
        padding-right: 48px
    }

    .complaens-info__text p {
        font-size: 1rem
    }

    .complaens-info__text p:first-of-type::before {
        width: 64px;
        height: 48px;
        left: -12px;
        top: -22px
    }

    .complaens-info__post {
        margin: 2.5rem 0
    }
}

@media (min-width:1440px) {
    .complaens-info__text {
        width: calc(100% - 460px);
        padding-right: 64px
    }
}

.complaens-materials {
    width: 100%;
    margin: 60px 0 0
}

.complaens-materials__wrap {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    margin: 32px 0 0
}

.complaens-materials__item {
    background: #f5f7fa;
    border-radius: 4px;
    width: 100%;
    margin: 0 0 16px;
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
    height: 72px;
    padding: 16px 16px 16px 80px;
    box-sizing: border-box;
    position: relative;
    text-decoration: none
}

.complaens-materials__item:last-of-type {
    margin-bottom: 0
}

.complaens-materials__item:hover span {
    color: #007249
}

.complaens-materials__item:hover span:before {
    background-image: url(../img/pdf-icon-hover.svg)
}

.complaens-materials__item span {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 140%;
    font-family: HeliosC, sans-serif;
    color: #1f222d;
    position: relative
}

.complaens-materials__item span::before {
    content: "";
    background-image: url(../img/pdf-icon.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 2.5rem;
    height: 2.5rem;
    display: inline-block;
    position: absolute;
    left: -64px;
    top: calc(50% - 20px);
    transition: .5s ease
}

@media (min-width:768px) {
    .complaens-materials__item {
        height: 92px;
        padding: 24px 32px 24px 96px
    }

    .complaens-materials__item span {
        font-size: 16px;
        line-height: 22px
    }

    .complaens-materials__item:nth-of-type(2n) {
        margin-right: 0
    }
}

@media (min-width:1024px) {
    .complaens-materials__item {
        width: calc(50% - 10px);
        margin-right: 20px
    }
}

@media (min-width:1280px) {
    .complaens-materials {
        margin: 96px 0 0
    }
}

.vacancy {
    background: #f5f7fa
}

@media (min-width:1024px) {
    .vacancy-form__container {
        width: 790px;
        margin: 0 auto
    }
}

.vacancy-form__container h2 {
    width: 100%;
    text-align: center;
    margin-bottom: 5px
}

.vacancy-form__container .vacancy-form__note {
    width: 100%;
    text-align: center;
    display: inline-block;
    color: #1f222d;
    font-family: "Fira Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px
}

@media (min-width:1024px) {
    .vacancy-form__container .vacancy-form__note {
        font-size: 20px;
        line-height: 160%
    }
}

.vacancy-form__container .custom-form {
    margin: 40px 0 0
}

@media (min-width:1024px) {
    .vacancy-form__container .vacancy-detail__btn {
        width: 290px;
        height: 50px;
        margin: 30px 0 0 40px
    }
}

@media (min-width:1024px) {
    .vacancy-form__container .form-row__captcha {
        width: calc(100% - 330px)
    }
}

@media (min-width:1024px) {
    .vacancy-form__container .form-row__captcha .custom-form__field {
        height: 50px;
        width: calc(100% - 237px) !important
    }
}

@media (min-width:1024px) {
    .vacancy-form__container .form-row__captcha .custom-form__captcha {
        height: 50px;
        margin: 0 8px 0 0;
        width: 228px !important
    }
}

@media (min-width:1024px) {
    .vacancy-form__container .form-row__captcha .custom-form__captcha img {
        -o-object-fit: cover;
        object-fit: cover;
        height: 100%
    }
}

@media (min-width:1024px) {
    .vacancy-form__container .droppedFile__remove::before {
        width: 16px;
        height: 16px;
        left: calc(50% - 8px);
        top: calc(50% - 8px)
    }
}

@media (min-width:1440px) {
    .vacancy-front .front-repeating__pic {
        width: 45%;
        max-height: 460px;
        margin-top: 0
    }

    .vacancy-front .front-repeating__pic img {
        height: 100%
    }
}

.vacancy h2 span {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    font-family: "Fira Sans", sans-serif;
    color: #4b535e;
    width: 100%;
    display: inline-block;
    margin: 16px 0 0 24px
}

.vacancy-wrap {
    width: 100%;
    display: flex;
    flex-flow: column-reverse wrap;
    align-content: flex-start;
    align-items: flex-start
}

.vacancy-filter {
    width: 100%;
    background: #fff;
    border-radius: 6px;
    padding: 32px 24px;
    box-sizing: border-box;
    display: none
}

.vacancy-filter.show {
    display: block;
    margin: 20px 0 0
}

.vacancy-filter__mob {
    width: 100%;
    background: #f36e21;
    border-radius: 6px;
    height: 40px;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    align-items: center;
    justify-content: center
}

.vacancy-filter__mob span {
    font-weight: 700;
    font-size: 14px;
    font-family: HeliosC, sans-serif;
    color: #fff;
    position: relative;
    padding-left: 30px
}

.vacancy-filter__mob span::before {
    content: "";
    background-image: url(../img/filter-icon.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px;
    display: inline-block;
    position: absolute;
    margin-right: 12px;
    top: -2px;
    left: 0
}

@media (min-width:1024px) {
    .vacancy-filter__mob {
        display: none
    }
}

.vacancy-container {
    width: 100%
}

.vacancy-item {
    width: 100%;
    background: #fff;
    border-radius: 6px;
    box-sizing: border-box;
    padding: 2rem 1.5rem;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    margin: 0 0 1.5rem
}

.vacancy-panel {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    margin: 0 0 1.5rem
}

.vacancy-tags {
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    margin: 24px 0 0
}

.vacancy-tags__item {
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    align-items: center;
    height: 30px;
    border-radius: 6px;
    padding: 3px 12px 0;
    box-sizing: border-box;
    background: #f5f7fa;
    margin: 0 16px 10px 0;
    transition: .5s ease
}

.vacancy-tags__item span {
    font-weight: 400;
    font-size: 14px;
    font-family: "Fira Sans", sans-serif;
    color: #4b535e;
    position: relative
}

.vacancy-city {
    background: rgba(0, 115, 74, .07)
}

.vacancy-city span {
    color: #1f222d;
    padding-left: 20px
}

.vacancy-city:hover {
    background: #007249
}

.vacancy-city:hover span {
    color: #fff
}

.vacancy-city:hover span::before {
    background-image: url(../img/vacancy-pin-white.svg)
}

.vacancy-type:hover {
    background: #f36e21
}

.vacancy-type:hover span {
    color: #fff
}

.vacancy-city span::before {
    content: "";
    background-image: url(../img/vacancy-pin.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 16px;
    height: 18px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: -1px
}

.vacancy-panel__title {
    flex-grow: 1;
    text-transform: none
}

.vacancy-descr {
    width: 100%;
    display: inline-block;
    margin: 0 0 2rem
}

.vacancy-descr p {
    font-family: "Fira Sans", sans-serif;
    font-weight: 400;
    font-size: .9375rem;
    line-height: 1.5rem;
    color: #4b535e;
    display: inline-block;
    margin: 0 0 10px
}

.vacancy-descr p:last-of-type {
    margin: 0
}

.vacancy-filter__title {
    margin: 0 0 24px;
    font-size: 20px;
    text-transform: none
}

.accordion__item {
    width: 100%;
    border-top: 1px solid #e0e6ed;
    padding: 16px 0;
    box-sizing: border-box
}

.accordion__item:last-of-type {
    border-bottom: 1px solid #e0e6ed
}

.vacancy-filter__scroll {
    width: 100%;
    max-height: 353px
}

.vacancy-filter .mCSB_scrollTools .mCSB_draggerContainer::before {
    content: "";
    position: absolute;
    left: 7px;
    top: 0;
    height: 100%;
    width: 2px;
    background: rgba(0, 0, 0, .15)
}

.vacancy-checkboxs {
    margin: 0 0 12px;
    display: inline-block
}

.vacancy-checkboxs>input:checked+span::before {
    background-color: #f36e21;
    border: 1px solid #f36e21
}

.vacancy-checkboxs>span::before {
    border: 1px solid #e0e6ed
}

.vacancy-checkboxs>span {
    font-size: 1rem
}

.accordion__content {
    display: none;
    margin: 16px 0 0
}

.accordion__title {
    width: 100%;
    position: relative;
    cursor: pointer
}

.accordion__title:hover .accordion__arrow {
    background-image: url(../img/vacancy-down-fill.svg)
}

.accordion__title-text {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    font-family: HeliosC, sans-serif;
    color: #1f222d
}

.accordion__arrow {
    width: 12px;
    height: 7px;
    background-image: url(../img/vacancy-down.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    right: 0;
    top: 8px
}

.accordion-active .accordion__arrow {
    transform: rotate(180deg)
}

.accordion__content--wrap {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap
}

.vacancy-category.checkboxs {
    width: auto;
    padding: 0 20px 0;
    border-radius: 100px;
    box-sizing: border-box;
    min-height: 32px;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    align-items: center;
    justify-content: center;
    margin: 0 10px 10px 0;
    position: relative
}

.vacancy-category.checkboxs span {
    font-family: "Fira Sans", sans-serif;
    font-weight: 400;
    font-size: 11px;
    line-height: 14px;
    color: #4b535e;
    padding-left: 0;
    position: initial;
    z-index: 1;
    text-align: center
}

@media (min-width:1440px) {
    .vacancy-category.checkboxs span {
        font-size: 15px
    }
}

.vacancy-category.checkboxs span::before {
    border: 1px solid #fbc9ac;
    background-image: none;
    background-color: transparent;
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 100px
}

.vacancy-category.checkboxs span::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #f36e21;
    opacity: 0;
    z-index: -1;
    border-radius: 100px
}

.vacancy-category.checkboxs>input:checked+span {
    color: #fff
}

.vacancy-category.checkboxs>input:checked+span::after {
    opacity: 1
}

.vacancy-category.checkboxs>input:checked+span::before {
    border: 1px solid #f36e21;
    background-image: none;
    background-color: transparent
}

.btn-clear-filter {
    width: 100%;
    margin: 32px 0 0;
    display: flex;
    flex-flow: row wrap;
    border: 1px solid #f36e21;
    border-radius: 6px;
    height: 50px;
    align-content: center;
    align-items: center;
    justify-content: center
}

.btn-clear-filter span {
    color: #f36e21;
    font-family: HeliosC, sans-serif;
    font-size: 16px;
    font-weight: 700
}

.btn-clear-filter:hover {
    background: #f36e21
}

.btn-clear-filter:hover span {
    color: #fff
}

.btn-more {
    width: 100%;
    margin: 32px 0 0;
    flex-flow: row wrap;
    border: 1px solid #f36e21;
    background: #f36e21;
    border-radius: 6px;
    height: 50px;
    align-content: center;
    align-items: center;
    justify-content: center;
    display: none
}

.btn-more span {
    color: #fff;
    font-family: HeliosC, sans-serif;
    font-size: 16px;
    font-weight: 700
}

.btn-more:hover {
    background: #fff
}

.btn-more:hover span {
    color: #f36e21
}

.btn-more.show {
    display: flex
}

.vacancy-container .numbers-pagination {
    margin: 16px 0 0
}

.vacancy-container .numbers-pagination__list li a:hover {
    background: #f36e21
}

.vacancy-container .numbers-pagination__list li a {
    background-color: #fff
}

.vacancy-container .numbers-pagination__list li.active a {
    background-color: #f36e21
}

.vacancy-container .numbers-pagination__list li.active a:hover {
    color: #fff
}

.custom-form-attach input[type=file] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    font-size: 0
}

.attach {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    position: relative;
    margin: 0 0 1.25rem
}

@media (min-width:768px) {
    .attach {
        margin: 0
    }
}

.attach label {
    font-weight: 700;
    font-size: 18px;
    color: #f36e21;
    font-family: HeliosC, sans-serif;
    position: relative;
    padding-left: 30px;
    cursor: pointer
}

.attach label::before {
    content: "";
    background-image: url(../img/clip.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 18px;
    height: 20px;
    position: absolute;
    left: 0;
    top: -2px
}

.attach .one-file {
    width: 100%
}

.attach .one-file~.one-file label {
    display: none
}

.attach .one-file.error {
    border: none
}

.attach .one-file.error .file-name {
    color: red;
    font-size: 16px
}

.attach .file-item {
    position: relative;
    margin-top: 4px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0 0 7px;
    padding-right: 20px;
    box-sizing: border-box
}

.attach .file-item.hide-btn {
    display: none
}

.attach .file-name {
    font-size: 18px;
    font-weight: 400;
    color: #838890;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 10px;
    word-break: break-all
}

.attach .btn-del-file {
    display: inline-block;
    background-image: url(../img/atach-del.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    width: .75rem;
    height: .75rem;
    font-size: 0;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 2px
}

.custom-form-attach {
    background-color: transparent;
    min-height: 58px;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    align-items: center
}

.suppliers-form,
.vacancy-form {
    padding-top: 3.75rem
}

@media (min-width:1280px) {

    .suppliers-form,
    .vacancy-form {
        padding-top: 5rem
    }
}

@media (min-width:1700px) {

    .suppliers-form,
    .vacancy-form {
        padding-top: 5.625rem
    }
}

.vacancy-form__footer {
    align-content: center;
    align-items: center;
    margin: 32px 0 0
}

.vacancy-form__footer .custom-form__captcha {
    margin: 0
}

@media (max-width:450px) {
    .vacancy-form__footer .custom-form__captcha {
        width: 100%
    }

    .vacancy-form__footer .custom-form__captcha img {
        width: 100%
    }
}

.vacancy-form__footer .captcha-row {
    width: 215px;
    flex-grow: 0;
    margin-left: 16px;
    margin-right: 32px
}

@media (max-width:450px) {
    .vacancy-form__footer .captcha-row {
        width: 100%;
        margin: 5px 0 24px
    }
}

.vacancy-filter__cover {
    width: 100%;
    margin: 0 0 20px
}

.vacancy-about .front-about__content p {
    color: #4b535e;
    line-height: 1.625rem
}

@media (min-width:1024px) {
    .vacancy-form__footer {
        padding: 0 !important
    }

    .vacancy h2 span {
        width: auto;
        font-size: 20px
    }

    .suppliers-form .custom-form__row {
        width: calc(33.3% - 11px);
        margin-bottom: 22px
    }

    .suppliers-form .custom-form__row:nth-of-type(2) {
        margin-right: 16px
    }

    .suppliers-form .custom-form__row:nth-of-type(4) {
        margin-right: 0 !important
    }
}

@media (min-width:1280px) {
    .vacancy-about .front-about__info {
        width: 750px
    }

    .vacancy-about .front-about__content {
        width: calc(100% - 750px);
        padding-right: 40px
    }

    .vacancy-about .front-about__item {
        width: 33.3%
    }

    .vacancy-about .front-about__descr {
        padding-right: 30px
    }

    .vacancy-wrap {
        flex-direction: row
    }

    .vacancy-filter__cover {
        width: 260px;
        min-height: 100%;
        position: relative;
        margin-left: 20px
    }

    .vacancy-filter {
        width: 100%;
        position: sticky;
        top: 0;
        display: block
    }

    .vacancy-container {
        width: calc(100% - 280px)
    }

    .vacancy-item {
        padding: 3rem
    }

    .vacancy-tags {
        width: auto;
        margin: 0 0 0 auto
    }

    .vacancy-tags__item {
        height: 38px;
        padding: 3px 16px 0;
        margin: 0 0 0 16px
    }

    .vacancy-descr p {
        font-size: 1rem;
        line-height: 1.625rem
    }

    .suppliers-form .digitally-form__wrap,
    .vacancy-form .digitally-form__wrap {
        padding: 80px 64px
    }
}

@media (min-width:1440px) {
    .vacancy-filter {
        width: 310px
    }

    .vacancy-container {
        width: calc(100% - 330px)
    }

    .suppliers-form .custom-form__row,
    .vacancy-form .custom-form__row {
        width: 20%
    }

    .suppliers-form .digitally-form__wrap,
    .vacancy-form .digitally-form__wrap {
        padding: 80px 64px
    }

    .suppliers-form .digitally-form__full .custom-form__row,
    .vacancy-form .digitally-form__full .custom-form__row {
        width: 25%
    }

    .suppliers-form .digitally-form__full .custom-form__row {
        width: 20%
    }

    .suppliers-form .digitally-form__full .custom-form__row:nth-of-type(even),
    .vacancy-form .digitally-form__full .custom-form__row:nth-of-type(even) {
        margin-right: 16px
    }

    .vacancy-form .digitally-form__full .custom-form__row:nth-of-type(6) {
        margin-right: 0;
        width: 220px
    }

    .vacancy-form .digitally-form__full .tekhnikaNalichiiForm .custom-form__row:nth-of-type(6) {
        margin-right: 0;
        width: 25%
    }

    .vacancy-form .digitally-form__full .tekhnikaNalichiiForm .custom-form__row {
        width: calc(25% - 16px)
    }
}

@media (min-width:1700px) {
    .vacancy-category.checkboxs {
        height: 38px;
        padding: 0 32px;
        margin: 0 16px 16px 0
    }

    .vacancy-filter {
        width: 385px
    }

    .vacancy-container {
        width: calc(100% - 405px)
    }

    .suppliers-form .digitally-form__wrap,
    .vacancy-form .digitally-form__wrap {
        padding: 80px 96px
    }
}

.vacancy-link {
    padding-top: 5px;
    height: 3.125rem
}

.vacancy-form__panel {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap
}

.vacancy-form__panel .checkboxs {
    width: auto;
    margin-right: 7px
}

.vacancy-form__panel a {
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.375rem;
    color: #4b535e;
    position: relative;
    cursor: pointer;
    text-decoration: underline
}

.vacancy-form__panel a:hover {
    text-decoration: none
}

.filepond--file-info .filepond--file-info-main {
    overflow: visible
}

.form-row {
    width: 100%;
    position: relative
}

.form-row .custom-form__field {
    background: #fff;
    transition: .3s ease;
    padding-right: 3.125rem
}

.form-row .custom-form__field::-moz-placeholder {
    color: #b7c0ca !important;
    font-family: "Fira Sans", sans-serif;
    font-size: 16px;
    font-weight: 400
}

.form-row .custom-form__field:-ms-input-placeholder {
    color: #b7c0ca !important;
    font-family: "Fira Sans", sans-serif;
    font-size: 16px;
    font-weight: 400
}

.form-row .custom-form__field::placeholder {
    color: #b7c0ca !important;
    font-family: "Fira Sans", sans-serif;
    font-size: 16px;
    font-weight: 400
}

.form-row .custom-form__field:active,
.form-row .custom-form__field:focus,
.form-row .custom-form__field:hover {
    border: 1px solid #525d7b
}

.form-row .custom-form__field:focus::-moz-placeholder {
    font-size: 0
}

.form-row .custom-form__field:focus:-ms-input-placeholder {
    font-size: 0
}

.form-row .custom-form__field:focus::placeholder {
    font-size: 0
}

.form-row textarea.custom-form__field {
    min-height: 140px;
    padding: 15px
}

.form-row .custom-form__placeholder {
    position: relative;
    color: #4b535e;
    font-size: 15px;
    font-weight: 400;
    line-height: 160%;
    margin-bottom: 5px;
    left: initial;
    top: initial
}

.form-row__separator {
    width: 100%;
    display: inline-block;
    text-align: center;
    margin: 5px 0;
    color: #1f222d;
    font-family: "Fira Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 160%
}

.form-row--short {
    margin-bottom: 24px
}

@media (min-width:768px) {
    .form-row--short {
        width: calc(50% - 10px);
        margin-right: 20px
    }

    .form-row--short:nth-of-type(2n) {
        margin-right: 0
    }
}

.form-row__checkboxs {
    margin-top: 20px;
    padding-left: 36px
}

.form-row__checkboxs span {
    padding-left: 0
}

.form-row__checkboxs span::before {
    left: -35px
}

.form-row__captcha {
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin: 30px 0 0
}

.form-row__captcha .custom-form__captcha {
    width: 100%
}

@media (min-width:768px) {
    .form-row__captcha .custom-form__captcha {
        width: 180px !important;
        margin: 0 19px 0 0
    }
}

.form-row__captcha .custom-form__captcha img {
    -o-object-fit: contain;
    object-fit: contain
}

@media (min-width:768px) {
    .form-row__captcha .custom-form__field {
        height: 44px;
        width: calc(100% - 200px) !important
    }
}

.form-mt {
    margin-top: 40px
}

@media (min-width:768px) {
    .form-mb0 {
        margin-bottom: 0
    }
}

.custom-form__clear {
    position: absolute;
    right: 2px;
    height: 56px;
    width: 46px;
    z-index: 2;
    cursor: pointer;
    bottom: 1px;
    display: none;
    background: #fff
}

.custom-form__clear:hover::before {
    background-image: url(../img/clearField--hover.svg)
}

.custom-form__clear::before {
    content: "";
    width: 14px;
    height: 14px;
    background-image: url(../img/clearField.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    left: calc(50% - 7px);
    top: calc(50% - 7px);
    transition: .3s ease
}

.drop-zone {
    width: 100%;
    height: 100%;
    border: 1px dashed #b7c0ca;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    border-radius: 4px;
    overflow: hidden
}

.drop-zone.added {
    border: 1px solid #b7c0ca
}

.drop-zone.added .drop-zone__descr {
    opacity: 0;
    overflow: hidden;
    z-index: -2
}

.drop-zone.added .droppedFile {
    z-index: 6
}

.progress-bar {
    width: calc(100% - 44px);
    height: 6px;
    background-color: rgba(14, 188, 125, .2);
    border-radius: 50px;
    margin-top: 8px;
    z-index: 2;
    color: #1f222d;
    font-family: "Fira Sans", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400
}

.progress {
    width: 0;
    height: 100%;
    background-color: #0ebc7d;
    border-radius: 50px;
    transition: .3s ease
}

#progressCount {
    color: #1f222d;
    font-family: "Fira Sans", sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin-left: 9px;
    display: inline-block;
    position: relative;
    top: 1px
}

.droppedDrag {
    border: 1px solid #f36e21;
    background: rgba(243, 110, 33, .03)
}

.droppedDrag .drop-zone__descr {
    opacity: 0;
    visibility: hidden;
    display: none
}

.droppedDrag .droppedDrag-content {
    overflow: visible;
    opacity: 1;
    z-index: 0
}

.droppedDrag-content {
    position: absolute;
    z-index: -200;
    opacity: 0;
    overflow: hidden
}

.droppedDrag-content span {
    width: 100%;
    display: inline-block;
    text-align: center;
    color: #1f222d;
    font-family: "Fira Sans", sans-serif;
    font-size: 17px;
    font-weight: 400;
    position: relative;
    padding-top: 34px
}

.droppedDrag-content span::before {
    content: "";
    background-image: url(../img/upload-icon.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 32px;
    height: 32px;
    position: absolute;
    left: calc(50% - 16px);
    top: 0
}

.hidden {
    display: none
}

.drop-zone__descr {
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    justify-content: center;
    color: #8e9aa9;
    font-size: 14px;
    font-weight: 400;
    line-height: 160%;
    transition: .3s ease
}

.drop-zone__note {
    font-family: "Fira Sans", sans-serif;
    font-weight: 400;
    color: #1f222d;
    font-size: 17px
}

.drop-zone__notes {
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 0 10px
}

.drop-zone__file {
    color: #f36e21;
    -webkit-text-decoration-color: #f36e21;
    text-decoration-color: #f36e21;
    font-size: 17px;
    font-weight: 400;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    cursor: pointer;
    margin-right: 3px;
    position: relative;
    z-index: 4
}

.drop-zone__file:hover {
    text-decoration: none
}

.drop-zone__file [type=file] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    font-size: 0
}

.droppedFile {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #f5f7fa;
    position: absolute;
    padding: 16px;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    align-items: center
}

.droppedFile__remove {
    width: 46px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer
}

.droppedFile__remove:hover::before {
    background-image: url(../img/clearField--hover.svg)
}

.droppedFile__remove::before {
    content: "";
    width: 12px;
    height: 12px;
    background-image: url(../img/clearField.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    left: calc(50% - 6px);
    top: calc(50% - 6px);
    transition: .3s ease
}

.droppedFile__name {
    width: calc(100% - 70px);
    padding: 0 19px 0 16px;
    box-sizing: border-box;
    color: #1f222d;
    font-family: "Fira Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 19px;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap
}

.droppedFile__label {
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.drop-zone__error {
    width: 100%;
    color: #d00;
    font-family: "Fira Sans", sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin: 2px 0 0;
    line-height: 150%
}

.dropZone-main {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 3
}

@media (min-width:1700px) {

    .notWidePage .vacancy-detail__panel,
    .notWidePage .vacancy-detail__wrap {
        padding: 0 108px
    }
}

.vacancy-detail {
    padding-top: 24px
}

.vacancy-detail .vacancy-detail__title {
    margin-bottom: 0
}

.vacancy-detail__descr {
    width: 100%;
    display: inline-block;
    margin: 30px 0 5px;
    font-family: "Fira Sans", sans-serif;
    color: #4b535e;
    font-size: 15px
}

@media (min-width:1024px) {
    .vacancy-detail__descr {
        font-size: 16px;
        width: 70%
    }
}

@media (min-width:1700px) {
    .vacancy-detail__descr {
        font-size: 20px;
        line-height: 32px;
        width: calc(100% - 520px);
        padding-right: 64px
    }
}

.vacancy-detail__panel {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    margin: 40px 0
}

.vacancy-detail__panel .vacancy-tags {
    margin: 0
}

@media (min-width:1024px) {
    .vacancy-detail__panel {
        margin-bottom: 0
    }

    .vacancy-detail__panel .vacancy-tags {
        width: auto;
        margin: 0 0 0 auto
    }
}

@media (min-width:1024px) {
    .vacancy-detail__title {
        width: 70%
    }
}

@media (min-width:1700px) {
    .vacancy-detail__title {
        width: calc(100% - 520px);
        padding-right: 64px
    }
}

.vacancy-detail__wrap {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    align-items: flex-start
}

@media (min-width:1024px) {
    .vacancy-detail__wrap {
        flex-direction: row;
        margin: 64px 0 0
    }
}

.vacancy-detail__form {
    width: 100%;
    background: #f5f7fa;
    border-radius: 4px;
    padding: 32px 16px;
    box-sizing: border-box;
    margin: 50px 0 0
}

@media (min-width:1024px) {
    .vacancy-detail__form {
        width: 420px;
        margin: 0;
        padding: 32px 24px
    }
}

@media (min-width:1440px) {
    .vacancy-detail__form {
        width: 520px
    }
}

.vacancy-detail__form .custom-form {
    margin: 30px 0 0
}

.vacancy-detail__form .attach .file-item {
    justify-content: flex-start;
    margin: 0 0 7px 30px
}

.vacancy-detail__form h4 {
    text-transform: none
}

@media (min-width:1024px) {
    .vacancy-detail__form h4 {
        font-size: 30px
    }
}

.vacancy-detail__content {
    width: 100%
}

@media (min-width:1024px) {
    .vacancy-detail__content {
        width: calc(100% - 420px);
        padding-right: 64px;
        box-sizing: border-box
    }
}

@media (min-width:1440px) {
    .vacancy-detail__content {
        width: calc(100% - 520px)
    }
}

@media (min-width:1700px) {
    .vacancy-detail__content {
        width: calc(100% - 520px)
    }
}

.vacancy-detail__content p,
.vacancy-detail__content ul li {
    margin: 0 0 5px;
    font-family: "Fira Sans", sans-serif;
    color: #4b535e;
    font-size: 15px
}

@media (min-width:1024px) {

    .vacancy-detail__content p,
    .vacancy-detail__content ul li {
        font-size: 16px
    }
}

@media (min-width:1700px) {

    .vacancy-detail__content p,
    .vacancy-detail__content ul li {
        font-size: 20px;
        line-height: 32px
    }
}

.vacancy-detail__content ul {
    padding: 0;
    margin-bottom: 20px
}

.vacancy-detail__content ul li {
    list-style-type: none;
    position: relative;
    padding-left: 24px;
    box-sizing: border-box;
    margin: 10px 0 5px
}

.vacancy-detail__content ul li::before {
    content: "";
    width: 8px;
    height: 8px;
    background-color: #f36e21;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 8px !important
}

.vacancy-detail__content ul li ul li {
    padding-left: 0
}

.vacancy-detail__content ul li ul li::before {
    display: none
}

.vacancy-detail__content h4 {
    margin: 0;
    color: #1f222d
}

@media (min-width:1024px) {
    .vacancy-detail__content h4 {
        margin: 0
    }
}

.vacancy-detail__btn {
    width: 100%;
    margin: 40px 0 0
}

.vacancy-detail__btn span::after {
    display: none
}

.vacancy-detail .checkboxs>input:checked+span::before {
    background-color: #f36e21;
    border: 1px solid #f36e21
}

.attachZone {
    display: block;
    border-radius: 4px;
    height: 110px;
    background: #fff;
    box-sizing: border-box
}

.checkboxsModal {
    color: #f36e21;
    text-decoration: underline
}

.checkboxsModal:hover {
    text-decoration: none
}

.suppliers {
    padding-top: 1.5rem;
    padding-bottom: 0
}

.suppliers-wrap {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap
}

@media (min-width:768px) {
    .suppliers-pic {
        width: 328px
    }
}

@media (min-width:1280px) {
    .suppliers-pic {
        width: 440px
    }
}

@media (min-width:768px) {
    .suppliers-content {
        width: calc(100% - 328px);
        padding-right: 20px
    }
}

@media (min-width:1280px) {
    .suppliers-content {
        width: calc(100% - 440px);
        padding-right: 60px;
        box-sizing: border-box;
        display: inline-block;
        -moz-column-count: 2;
        column-count: 2;
        -moz-column-gap: 50px;
        column-gap: 50px
    }
}

@media (min-width:1700px) {
    .suppliers-content {
        padding: 30px 60px 30px 0
    }
}

.suppliers-content p {
    color: #4b535e;
    font-weight: 400;
    display: block;
    margin: 0 0 18px;
    font-size: .9375rem
}

@media (min-width:1024px) {
    .suppliers-content p {
        font-size: 1rem
    }
}

.suppliers-content p b {
    color: #1f222d
}

.suppliers-pic__picture {
    border-radius: 4px;
    overflow: hidden;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.suppliers-pic__label {
    width: 100%;
    font-family: HeliosC, sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #1f222d;
    display: inline-block;
    margin: 18px 0 0
}

@media (max-width:1024px) {
    .meropriyatieQuote {
        padding-bottom: 64px
    }
}

.meropriyatieQuote .quote__wrap {
    padding: 2rem 1rem
}

@media (min-width:1024px) {
    .meropriyatieQuote .quote__wrap {
        padding: 6rem 5.625rem
    }
}

@media (min-width:1440px) {
    .meropriyatieQuote .quote__wrap {
        padding: 6rem 7.0625rem
    }
}

@media (min-width:1700px) {
    .meropriyatieQuote .quote__wrap {
        padding: 5.625rem 135px
    }
}

.pt-0 {
    padding-top: 0 !important
}

@media (max-width:1024px) {
    .pt-0 {
        padding-top: 0
    }
}

.pb-0 {
    padding-bottom: 0 !important
}

@media (max-width:1024px) {
    .pb-0 {
        padding-bottom: 0
    }
}

.bron-descr {
    color: #8e9aa9;
    width: 100%;
    display: inline-block;
    font-family: "Fira Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin: 38px 0 0
}

@media (min-width:1440px) {
    .bron-descr {
        font-size: 18px;
        margin: 48px 0 0
    }
}

.bron-phone {
    width: 100%;
    display: inline-block;
    margin: 20px 0 0
}

@media (min-width:1024px) {
    .bron-phone {
        margin: 16px 0 0
    }
}

.bron-phone a {
    color: #4b535e;
    font-family: "Fira Sans", sans-serif;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    text-decoration: none
}

.bron-phone a:hover {
    color: #f36e21
}

@media (min-width:1280px) {
    .bron-phone a {
        font-size: 24px
    }
}

@media (min-width:1440px) {
    .bron-phone a {
        font-size: 26px
    }
}

.bron-mail {
    width: 100%;
    display: inline-block
}

.bron-mail a {
    color: #4b515e;
    font-family: "Fira Sans", sans-serif;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    text-decoration: none
}

.bron-mail a:hover {
    color: #f36e21
}

@media (min-width:1280px) {
    .bron-mail a {
        font-size: 24px
    }
}

@media (min-width:1440px) {
    .bron-mail a {
        font-size: 26px
    }
}

.bron-price {
    width: 100%;
    display: inline-block;
    margin-bottom: 16px
}

.bron-price__label {
    color: #8e9aa9;
    width: 100%;
    font-family: "Fira Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin-bottom: 4px
}

@media (min-width:1440px) {
    .bron-price__label {
        font-size: 18px
    }
}

.bron-price__label span {
    color: #d00
}

.bron-price__price {
    width: 100%;
    display: inline-block;
    color: #4b535e;
    font-family: "Fira Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%
}

.bron-price__price span {
    font-size: 20px;
    font-family: HeliosC, sans-serif
}

@media (min-width:1440px) {
    .bron-price__price span {
        font-size: 24px
    }
}

@media (min-width:1440px) {
    .bron-price__price {
        font-size: 18px
    }
}

.bron-note {
    width: 100%;
    display: inline-block;
    color: #8e9aa9;
    font-family: "Fira Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin: 8px 0 24px
}

.bron-note span {
    color: #d00
}

@media (min-width:1440px) {
    .bron-note {
        font-size: 18px
    }
}

.promo-wrap {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    border-radius: 16px;
    border: 1px dashed #b7c0ca;
    min-height: 144px;
    padding: 24px 16px;
    box-sizing: border-box;
    position: relative
}

@media (min-width:1024px) {
    .promo-wrap {
        min-height: 100px;
        padding: 24px
    }
}

.promo-content {
    width: calc(100% - 70px)
}

@media (min-width:1024px) {
    .promo-content {
        width: calc(100% - 150px)
    }
}

.promo-content span {
    color: #8e9aa9;
    width: 100%;
    display: inline-block;
    font-family: HeliosC, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%
}

@media (min-width:1440px) {
    .promo-content span {
        font-size: 18px;
        font-weight: 400
    }
}

.promo-text {
    color: #000;
    width: 100%;
    display: inline-block;
    font-family: HeliosC, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    margin: 5px 0 0
}

@media (min-width:1440px) {
    .promo-text {
        font-size: 20px
    }
}

.promo-copy {
    color: #f36e21;
    font-size: 0;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    font-family: "Fira Sans", sans-serif;
    position: relative;
    padding-right: 36px
}

.promo-copy::after {
    content: "";
    width: 24px;
    height: 24px;
    background-image: url(../img/copy-btn.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
    position: absolute;
    right: 0;
    top: calc(50% - 12px)
}

@media (min-width:1024px) {
    .promo-copy {
        font-size: 14px
    }
}

.copy_link_mess {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .702);
    display: none;
    font-size: 16px;
    font-weight: 700;
    color: #f36e21;
    font-family: "Fira Sans", sans-serif
}

.copy_link_mess.show {
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    align-items: center;
    justify-content: center
}

.meropriyatieFront {
    height: 730px;
    background: #12191b;
    position: relative
}

@media (min-width:768px) {
    .meropriyatieFront {
        height: 50rem
    }
}

@media (min-width:1024px) {
    .meropriyatieFront {
        overflow: hidden;
        height: 42.5rem
    }

    .meropriyatieFront::before {
        content: "";
        width: 100%;
        height: 40px;
        background-color: #fff;
        display: inline-block;
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 1
    }
}

@media (min-width:1440px) {
    .meropriyatieFront {
        height: 40rem
    }
}

.meropriyatieFront::after {
    content: "";
    background-image: url(../img/meropriyatieFront-el-2.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    width: 600px;
    height: 628px;
    right: -50%;
    top: 53%;
}

@media (min-width:550px) {
    .meropriyatieFront::after {
        right: calc(38% - 300px);
        top: 45%;
    }
}

@media (min-width:768px) {
    .meropriyatieFront::after {
        top: 37%;
    }
}

@media (min-width:1024px) {
    .meropriyatieFront::after {
        width: 766px;
        height: 738px;
        right: -50px;
        top: 28%
    }
}

@media (min-width:1440px) {
    .meropriyatieFront::after {
        width: 833px;
        height: 810px;
    }
}

@media (min-width:1700px) {
    .meropriyatieFront::after {
        width: 1057px;
        height: 1033px;
        top: 15%;
    }
}

@media (max-width:1280px) {
    .meropriyatieFront .container {
        padding: 0
    }
}

.meropriyatieFront-content {
    width: 100%
}

@media (max-width:1280px) {
    .meropriyatieFront-content {
        padding: 0 15px
    }
}

@media (min-width:1280px) {
    .meropriyatieFront-content {
        width: 58%
    }
}

.meropriyatieFront-content__hashtag {
    width: 100%;
    display: inline-block;
    font-size: 16px;
    font-family: "Fira Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    color: rgba(255, 255, 255, .4);
    text-transform: uppercase;
    margin: 0 0 1.25rem
}

.meropriyatieFront-content__logo {
    width: 370px;
    margin-bottom: 32px
}

.meropriyatieFront-content__descr {
    width: 100%;
    display: inline-flex;
    align-items: center;
    gap: 15px;
    font-size: 18px;
    font-family: HeliosC, sans-serif;
    font-weight: 700;
    line-height: 130%;
    color: #fff;
    margin-bottom: 32px;
}

@media (min-width:1024px) {
    .meropriyatieFront-content__descr {
        margin-bottom: 0;
        font-size: 20px;
        padding-right: 20%
    }
}

@media (min-width:1440px) {
    .meropriyatieFront-content__descr {
        margin-bottom: 50px
    }
}

.meropriyatieFront-content__descr--left {
    font-size: 5em;
    line-height: 1;
}

.meropriyatieFront-content__descr--right {
    text-transform: uppercase;
    flex-direction: column;
    display: flex;
}

.meropriyatieFront-content__descr--right span {
    font-weight: 400;
    opacity: .7;
}

.meropriyatieFront-panel {
    width: 100%;
    display: flex;
    flex-flow: column-reverse wrap
}

@media (min-width:1440px) {
    .meropriyatieFront-panel {
        flex-flow: row wrap;
        align-content: center;
        align-items: center
    }
}

.meropriyatieFront-btn {
    width: 100%;
    background: #f36e21;
    border-radius: 6px;
    height: 61px;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: .4s ease;
    z-index: 4
}

@media (max-width:768px) {
    .meropriyatieFront-btn {
        position: absolute;
        left: 15px;
        width: calc(100% - 30px);
        bottom: 100px
    }
}

@media (min-width:1024px) {
    .meropriyatieFront-btn {
        width: 272px
    }
}

.meropriyatieFront-btn span {
    color: #fff;
    font-size: 18px;
    font-family: HeliosC, sans-serif;
    font-style: normal;
    font-weight: 700
}

.meropriyatieFront-btn:hover {
    background: #007249
}

.meropriyatieFront-info {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    align-items: center;
    margin-bottom: 30px
}

@media (min-width:1024px) {
    .meropriyatieFront-info {
        margin-bottom: 32px
    }
}

@media (min-width:1440px) {
    .meropriyatieFront-info {
        width: auto;
        margin-left: 55px;
        margin-bottom: 0
    }
}

.meropriyatieFront-info__box {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    align-items: flex-start;
    margin-bottom: 24px
}

@media (min-width:1024px) {
    .meropriyatieFront-info__box {
        margin-bottom: 0
    }

    .meropriyatieFront-info__box:first-of-type {
        width: 150px;
        margin-right: 10px
    }

    .meropriyatieFront-info__box:last-of-type {
        width: 210px
    }

    .meropriyatieFront-info__box:last-of-type .meropriyatieFront-info__descr {
        margin-top: 10px
    }
}

.meropriyatieFront-info__label {
    width: 100%;
    display: inline-block;
    font-size: 30px;
    font-family: HeliosC, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    color: #f36e21;
    height: 36px;
    padding-top: 11px
}

.meropriyatieFront-info__icon {
    width: 36px;
    height: 36px
}

.meropriyatieFront-info__descr {
    width: 100%;
    display: inline-block;
    font-size: 16px;
    font-family: "Fira Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    color: #fff;
    margin: 8px 0 0
}

.meropriyatieFront-menu {
    border-radius: 8px;
    width: 100%;
    background: #e0e6ed;
    height: 80px;
    z-index: 4;
    position: relative;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    align-items: center;
    margin: 50px 0 0
}

@media (min-width:1024px) {
    .meropriyatieFront-menu {
        border-radius: 6px;
        margin: 90px 0 0
    }
}

@media (min-width:1280px) {
    .meropriyatieFront-menu {
        margin: 70px 0 0
    }
}

@media (min-width:1700px) {
    .meropriyatieFront-menu {
        margin: 60px 0 0
    }
}

@media (max-width:768px) {
    .meropriyatieFront-menu {
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        display: inline-block;
        position: absolute;
        bottom: -40px
    }

    .meropriyatieFront-menu::-webkit-scrollbar {
        display: none
    }
}

.meropriyatieFront-menu__list {
    margin: 0 auto;
    padding: 0;
    width: auto
}

@media (min-width:768px) {
    .meropriyatieFront-menu__list {
        text-align: center
    }
}

@media (min-width:1024px) {
    .meropriyatieFront-menu__list {
        display: -ms-flex;
        display: flex;
        flex-flow: row wrap;
        margin: 0 auto
    }
}

.meropriyatieFront-menu__list li {
    list-style-type: none;
    position: relative;
    width: auto;
    display: inline-block;
    margin: 0 15px
}

@media (min-width:1024px) {
    .meropriyatieFront-menu__list li {
        margin: 0 40px
    }
}

.meropriyatieFront-menu__list li::after {
    background: 0 0;
    transition: .4s ease
}

.meropriyatieFront-menu__list li a {
    text-decoration: none;
    color: #1f222d;
    font-size: 16px;
    font-family: "Fira Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    transition: .4s ease
}

.meropriyatieFront-menu__list .active::after,
.meropriyatieFront-menu__list li:hover::after {
    content: "";
    width: 100%;
    height: 3px;
    background: #f36e21;
    position: absolute;
    left: 0;
    bottom: -27px
}

.meropriyatieFront-menu__list .active a,
.meropriyatieFront-menu__list li:hover a {
    color: #f36e21
}

@media (max-width:1024px) {
    .meropriyatieContacts {
        padding-bottom: 0
    }
}

@media (max-width:1024px) {
    .meropriyatieContacts .container {
        padding-left: 0;
        padding-right: 0
    }
}

.meropriyatieContacts-wrap {
    width: 100%;
    overflow: hidden;
    background: #12191b;
    padding: 48px 16px;
    position: relative;
    box-sizing: border-box;
    border-radius: 8px 8px 0 0
}

@media (min-width:1024px) {
    .meropriyatieContacts-wrap {
        border-radius: 0;
        padding: 64px 94px
    }
}

@media (min-width:1280px) {
    .meropriyatieContacts-wrap {
        padding: 64px 110px
    }
}

@media (min-width:1700px) {
    .meropriyatieContacts-wrap {
        padding: 64px 135px
    }
}

.meropriyatieContacts-wrap::after {
    content: "";
    background-image: url(../img/meropriyatieContacts-2.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    display: none
}

@media (min-width:1024px) {
    .meropriyatieContacts-wrap::after {
        width: 900px;
        height: 100%;
        z-index: 0;
        position: absolute;
        display: block;
        right: -150px;
        top: 0;
    }
}

.meropriyatieContacts-wrap label.custom-form__checkbox.checkboxs.field-error::before {
    display: none
}

.meropriyatieContacts-wrap .meropriyatieFront-content__descr {
    width: auto;
    font-size: 16px;
    margin: 30px 0 0;
    padding: 15px;
    gap: 5px;
    display: none;
}

@media (min-width: 1024px) {
    .meropriyatieContacts-wrap .meropriyatieFront-content__descr {
        text-align: right;
        margin: 0 0 0 auto;
        flex-direction: column;
        align-items: flex-end;
        right: 0;
        bottom: 0;
        position: absolute;
        display: inline-flex;
    }
}

.meropriyatieContacts-box {
    width: 100%;
    background: #12191b;
    z-index: 1;
    position: relative;
}

@media (min-width:1024px) {
    .meropriyatieContacts-box {
        width: 447px;
        padding: 0 15px 0 0;
    }
}

@media (min-width:1280px) {
    .meropriyatieContacts-box {
        width: 530px
    }
}

@media (min-width:1700px) {
    .meropriyatieContacts-box {
        width: 654px
    }
}

.meropriyatieContacts-box__logo {
    height: 60px;
}

.meropriyatieContacts-box__descr {
    width: 100%;
    display: inline-block;
    color: #fff;
    font-size: 16px;
    font-family: "Fira Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin: 24px 0
}

@media (min-width:1024px) {
    .meropriyatieContacts-box__descr {
        font-size: 18px
    }
}

.meropriyatieContacts-box__note {
    width: 100%;
    display: inline-block;
    color: #8e9aa9;
    font-size: 14px;
    font-family: "Fira Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 160%
}

.meropriyatieContacts-form {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    margin: 32px 0 0
}

.meropriyatieContacts-row {
    position: relative;
    height: 58px;
    border-radius: 4px;
    background: #1f2b2e;
    margin-bottom: 16px;
    display: inline;
    z-index: 1;
    width: 100%;
    overflow: hidden
}

.meropriyatieContacts-row.captcha-field {
    height: auto;
}

@media (min-width:768px) {
    .meropriyatieContacts-row {
        width: calc(50% - 8px)
    }

    .meropriyatieContacts-row:nth-of-type(odd) {
        margin-right: 16px
    }

    .meropriyatieContacts-row:last-of-type {
        width: 100%;
        margin: 0
    }
}

.meropriyatieContacts-row__field {
    width: 100%;
    height: 100%;
    border: none;
    outline: 0;
    background: 0 0;
    color: #b7c0ca;
    font-size: 16px;
    font-family: "Fira Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    padding: 0 16px
}

.meropriyatieContacts-row__placeholder {
    position: absolute;
    left: 16px;
    color: #b7c0ca;
    font-size: 16px;
    font-family: "Fira Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    top: 16px;
    opacity: 0;
    z-index: -1
}

.meropriyatieContacts-row__placeholder span {
    color: #d00;
    margin-left: 2px
}

input:-moz-placeholder-shown+.meropriyatieContacts-row__placeholder {
    opacity: 1
}

input:-ms-input-placeholder+.meropriyatieContacts-row__placeholder {
    opacity: 1
}

input:placeholder-shown+.meropriyatieContacts-row__placeholder {
    opacity: 1
}

.meropriyatieContacts-row__field:active+.meropriyatieContacts-row__placeholder,
.meropriyatieContacts-row__field:focus+.meropriyatieContacts-row__placeholder {
    opacity: 0
}

.meropriyatieContacts-submit {
    width: 100%;
    background: #f36e21;
    border-radius: 6px;
    height: 61px;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    margin: 25px 0 16px;
    transition: .4s ease;
    cursor: pointer
}

.meropriyatieContacts-submit span {
    color: #fff;
    font-size: 18px;
    font-family: HeliosC, sans-serif;
    font-style: normal;
    font-weight: 700
}

.meropriyatieContacts-submit:hover {
    background: #007249
}

.meropriyatieContacts-row.field-error {
    background: #1f2b2e;
    border: 1px solid red
}

.meropriyatieContacts-row.field-error input {
    background: 0 0
}

.meropriyatieContacts-row.field-error::before {
    display: none
}

.meropriyatieContent {
    padding-top: 104px;
    padding-bottom: 0
}

@media (min-width:1024px) {
    .meropriyatieContent {
        padding-top: 64px;
        padding-bottom: 0
    }
}

@media (min-width:1280px) {
    .meropriyatieContent {
        padding-top: 80px;
        padding-bottom: 0
    }
}

@media (min-width:1440px) {
    .meropriyatieContent {
        padding-top: 80px;
        padding-bottom: 0
    }
}

@media (min-width:1700px) {
    .meropriyatieContent {
        padding-top: 96px;
        padding-bottom: 0
    }
}

.meropriyatieContent-column {
    width: 100%
}

@media (min-width:1024px) {
    .meropriyatieContent-column {
        width: 50%
    }
}

.meropriyatieContent-column:first-of-type {
    margin-bottom: 28px
}

@media (min-width:1024px) {
    .meropriyatieContent-column:first-of-type {
        padding-right: 72px;
        box-sizing: border-box
    }
}

@media (min-width:1700px) {
    .meropriyatieContent-column:first-of-type {
        padding-right: 157px
    }
}

.meropriyatieContent p {
    width: 100%;
    display: block;
    color: #4b535e;
    font-size: 16px;
    font-family: "Fira Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin: 0 0 24px
}

@media (min-width:1440px) {
    .meropriyatieContent p {
        font-size: 18px
    }
}

.meropriyatieContent p:last-of-type {
    margin-bottom: 0
}

.meropriyatieContent h2 {
    width: 100%;
    font-size: 32px;
    font-family: HeliosC, sans-serif;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    color: #1f222d;
    margin: 0
}

@media (min-width:1440px) {
    .meropriyatieContent h2 {
        font-size: 40px
    }
}

.meropriyatieContent h3 {
    width: 100%;
    margin: 0 0 10px;
    color: #4b535e;
    font-size: 20px;
    font-family: HeliosC, sans-serif;
    font-style: normal;
    font-weight: 700;
    line-height: 130%
}

.meropriyatieContent ul {
    width: 100%;
    margin: 0 0 24px;
    padding: 0
}

.meropriyatieContent ul li {
    width: 100%;
    list-style-type: none;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #4b535e;
    position: relative;
    display: inline-block;
    margin: 0 0 .75rem;
    padding: 0 0 0 3.5rem;
    box-sizing: border-box
}

.meropriyatieContent ul li:last-of-type {
    margin-bottom: 0
}

@media (min-width:1440px) {
    .meropriyatieContent ul li {
        font-size: 1.125rem;
        line-height: 1.625rem
    }
}

.meropriyatieContent ul li::before {
    content: "";
    width: 2.5625rem;
    height: .25rem;
    background: #f36e21;
    border-radius: 10px;
    position: absolute;
    left: 0;
    top: 10px
}

.meropriyatieContent ul li b {
    color: #1f222d
}

.meropriyatieContent-row {
    width: 100%;
    display: inline-block;
    margin: 30px 0 0
}

.meropriyatieContent-row__label {
    width: 100%;
    color: #b7c0ca;
    display: inline-block;
    font-size: 16px;
    font-family: "Fira Sans", sans-serif;
    font-weight: 400;
    line-height: 160%
}

@media (min-width:1440px) {
    .meropriyatieContent-row__label {
        font-size: 18px
    }
}

.meropriyatieContent-row__descr {
    width: 100%;
    display: inline-block;
    color: #4b535e;
    font-size: 16px;
    font-family: "Fira Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 160%
}

@media (min-width:1440px) {
    .meropriyatieContent-row__descr {
        font-size: 18px
    }
}

.meropriyatieBanner {
    padding-bottom: 0
}

@media (min-width:1024px) {
    .meropriyatieBanner {
        padding-top: 64px;
        padding-bottom: 0
    }
}

@media (min-width:1280px) {
    .meropriyatieBanner {
        padding-top: 80px;
        padding-bottom: 0
    }
}

@media (min-width:1440px) {
    .meropriyatieBanner {
        padding-top: 80px;
        padding-bottom: 0
    }
}

@media (min-width:1700px) {
    .meropriyatieBanner {
        padding-top: 96px;
        padding-bottom: 0
    }
}

.meropriyatieBanner-wrap {
    width: 100%;
    background: #f5f7fa;
    padding: 48px 16px 280px;
    position: relative;
    border-radius: 6px;
    overflow: hidden
}

@media (min-width:1024px) {
    .meropriyatieBanner-wrap {
        padding: 48px
    }
}

.meropriyatieBanner-wrap::after {
    content: "";
    background-image: url(../img/meropriyatieBanner-el-2.svg);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100%;
    transform: rotate(-10deg);
    width: 500px;
    height: 280px;
    bottom: -60px;
    right: -70px;
    position: absolute
}

@media (min-width:1024px) {
    .meropriyatieBanner-wrap::after {
        width: 600px;
        height: 100%;
        bottom: initial;
        right: -90px;
        top: 70px;
        bottom: -80px;
    }
}

@media (min-width:1280px) {
    .meropriyatieBanner-wrap::after {
        width: 700px;
        height: 460.751px;
    }
}

@media (min-width:1700px) {
    .meropriyatieBanner-wrap::after {
        width: 660px;
        height: 400.751px;
    }
}

@media (min-width:1024px) {
    .meropriyatieBanner-content {
        width: 60%
    }
}

.meropriyatieBanner-content__hashtag {
    width: 100%;
    display: inline-block;
    color: #8e9aa9;
    font-size: 18px;
    font-family: HeliosC, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    text-transform: uppercase;
    margin: 0 0 16px
}

.meropriyatieBanner-content__title {
    width: 100%;
    display: inline-block;
    color: #1f222d;
    font-size: 24px;
    font-family: HeliosC, sans-serif;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    margin: 0 0 32px
}

@media (min-width:1280px) {
    .meropriyatieBanner-content__title {
        width: 700px
    }
}

@media (min-width:1440px) {
    .meropriyatieBanner-content__title {
        font-size: 30px
    }
}

@media (min-width:1700px) {
    .meropriyatieBanner-content__title {
        width: 900px
    }
}

.meropriyatieBanner-btn {
    width: 100%;
    background: #f36e21;
    border-radius: 6px;
    height: 61px;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: .4s ease
}

@media (min-width:1024px) {
    .meropriyatieBanner-btn {
        width: 272px
    }
}

.meropriyatieBanner-btn span {
    color: #fff;
    font-size: 18px;
    font-family: HeliosC, sans-serif;
    font-style: normal;
    font-weight: 700
}

.meropriyatieBanner-btn:hover {
    background: #007249
}

.meropriyatieVideo {
    height: 531px;
    background-size: cover;
    background-position: center;
    padding: 0 20px;
    margin: 64px 0
}

@media (min-width:1440px) {
    .meropriyatieVideo {
        height: 598px;
        margin: 80px 0
    }
}

@media (min-width:1700px) {
    .meropriyatieVideo {
        height: 800px;
        margin: 96px 0
    }
}

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

.meropriyatieVideo-play {
    position: absolute;
    width: 120px;
    height: 120px;
    left: calc(50% - 60px);
    top: calc(24% - 60px);
    margin: 1.875rem auto 0;
    display: inline-block;
    background-image: url(../img/videoPlay.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    transition: .5s ease
}

@media (min-width:1024px) {
    .meropriyatieVideo-play {
        top: calc(50% - 60px)
    }
}

.meropriyatieVideo-play:hover {
    transform: scale(1.26)
}

.meropriyatieVideo-info {
    position: absolute;
    left: 20px;
    width: calc(100% - 40px);
    bottom: 48px
}

@media (min-width:1024px) {
    .meropriyatieVideo-info {
        width: 420px;
        left: 78px;
        bottom: 96px
    }
}

@media (min-width:1280px) {
    .meropriyatieVideo-info {
        width: 618px;
        left: 60px
    }
}

@media (min-width:1700px) {
    .meropriyatieVideo-info {
        left: 135px
    }
}

.meropriyatieVideo-info__label {
    width: 100%;
    display: inline-block;
    color: #fff;
    font-size: 32px;
    font-family: HeliosC, sans-serif;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 16px
}

@media (min-width:1440px) {
    .meropriyatieVideo-info__label {
        font-size: 40px
    }
}

.meropriyatieVideo-info__descr {
    color: #fff;
    font-size: 16px;
    font-family: "Fira Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 160%
}

.meropriyatieSlider,
.meropriyatieSlider-section {
    position: relative;
    padding: 0;
    margin-top: 60px;
}

@media (min-width:1024px) {

    .meropriyatieSlider,
    .meropriyatieSlider-section {
        margin-top: 64px;
        padding-bottom: 0
    }
}

@media (min-width:1280px) {

    .meropriyatieSlider,
    .meropriyatieSlider-section {
        margin-top: 80px;
        padding-bottom: 0
    }
}

@media (min-width:1440px) {

    .meropriyatieSlider,
    .meropriyatieSlider-section {
        margin-top: 80px;
        padding-bottom: 0
    }
}

@media (min-width:1700px) {

    .meropriyatieSlider,
    .meropriyatieSlider-section {
        margin-top: 96px;
        padding-bottom: 0
    }
}

.meropriyatieSlider-slide {
    width: 271px;
    height: 172px
}

@media (min-width:1024px) {
    .meropriyatieSlider-slide {
        width: 540px;
        height: 343px
    }
}

@media (min-width:1440px) {
    .meropriyatieSlider-slide {
        width: 640px;
        height: 406px
    }
}

@media (min-width:1700px) {
    .meropriyatieSlider-slide {
        width: 789px;
        height: 500px
    }
}

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

@media (max-width:1024px) {
    .meropriyatieSlider-slide:first-of-type {
        margin-left: 15px
    }

    .meropriyatieSlider-slide:last-of-type {
        margin-right: 15px
    }
}

.meropriyatieSlider-navigation {
    margin: 0 auto;
    position: absolute;
    z-index: 3;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    top: calc(50% - 29px);
    left: calc(50% - 343px);
    width: 686px
}

@media (min-width:1440px) {
    .meropriyatieSlider-navigation {
        width: 786px;
        top: calc(50% - 29px);
        left: calc(50% - 393px)
    }
}

@media (min-width:1700px) {
    .meropriyatieSlider-navigation {
        width: 935px;
        left: calc(50% - 467.5px)
    }
}

.meropriyatieSlide__l,
.meropriyatieSlide__r {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background: #f2f9fb;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    align-items: center;
    justify-content: center;
    transition: .3s ease;
    display: none
}

@media (min-width:1024px) {

    .meropriyatieSlide__l,
    .meropriyatieSlide__r {
        display: flex
    }
}

.meropriyatieSlide__l svg,
.meropriyatieSlide__r svg {
    stroke: #8e9aa9;
    fill: transparent;
    width: 10px;
    height: 15px
}

.meropriyatieSlide__l:hover,
.meropriyatieSlide__r:hover {
    background: #f36e21
}

.meropriyatieSlide__l:hover svg,
.meropriyatieSlide__r:hover svg {
    stroke: #fff
}

.meropriyatieSlide__l {
    transform: rotate(-180deg)
}

.meropriyatieSlider-section .meropriyatieSlider {
    padding: 0;
    margin-top: 32px
}

@media (min-width:1024px) {
    .meropriyatieSlider-section .meropriyatieSlider {
        margin-top: 48px
    }
}

.meropriyatieSlider-title {
    width: 100%;
    display: inline-block;
    text-align: left;
    color: #1f222d;
    font-family: HeliosC, sans-serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    margin: 0 0 10px
}

@media (min-width:1024px) {
    .meropriyatieSlider-title {
        text-align: center;
        margin: 0
    }
}

.meropriyatieSlider-descr {
    width: 100%;
    display: inline-block;
    text-align: left;
    color: #4b535e;
    font-family: "Fira Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin: 0
}

@media (min-width:1024px) {
    .meropriyatieSlider-descr {
        text-align: center;
        font-size: 18px
    }
}

.meropriyatie-program {
    padding-bottom: 0
}

@media (max-width:1024px) {
    .meropriyatie-program {
        padding-top: 100px
    }
}

.meropriyatie-program {
    width: 100%
}

.meropriyatie-program h2 {
    width: 100%;
    font-size: 32px;
    font-family: HeliosC, sans-serif;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    color: #1f222d;
    margin: 0
}

@media (min-width:1440px) {
    .meropriyatie-program h2 {
        font-size: 40px
    }
}

.meropriyatieProgram-wrap {
    width: 100%;
    display: inline-block
}

.meropriyatieProgram-row {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    padding: 3.125rem 0;
    border-bottom: 1px solid #e0e6ed
}

@media (min-width:1024px) {
    .meropriyatieProgram-row {
        padding: 3.9375rem 0
    }
}

@media (min-width:1440px) {
    .meropriyatieProgram-row {
        padding: 5rem 0
    }
}

.meropriyatieProgram-row .meropriyatieContent-column {
    padding-right: 0;
    width: 100%
}

@media (min-width:1280px) {
    .meropriyatieProgram-row:not(.meropriyatieProgram-row__one-column) .meropriyatieContent-column {
        width: 48%
    }
}

.meropriyatieProgram-row .meropriyatieContent-column:first-of-type {
    margin-bottom: 0
}

.meropriyatieProgram-row .meropriyatieContent-column:last-of-type {
    margin-top: 20px
}

@media (min-width:1024px) {
    .meropriyatieProgram-row .meropriyatieContent-column:last-of-type {
        margin-top: 0
    }
}

@media (max-width:1024px) {
    .meropriyatieProgram-row:first-of-type {
        border-bottom: none;
        padding-bottom: 0
    }
}

.meropriyatieProgram-row:first-of-type .meropriyatieContent-column {
    border-bottom: none
}

.meropriyatieProgram-row:first-of-type .meropriyatieContent-column:last-of-type {
    margin-top: 0
}

@media (min-width:1024px) and (max-width:1440px) {
    .meropriyatieProgram-row:first-of-type {
        width: 100%
    }
}

.meropriyatieProgram-row h2 {
    margin: 0 0 30px
}

.meropriyatieProgram-row h3 {
    width: 100%;
    margin: 0 0 8px;
    display: inline-block;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    font-family: HeliosC, sans-serif;
    color: #1f222d
}

@media (min-width:1440px) {
    .meropriyatieProgram-row h3 {
        margin-bottom: 24px
    }
}

.meropriyatieProgram-row h3 span {
    color: #f36e21
}

.meropriyatieProgram-row p {
    width: 100%;
    display: block;
    color: #4b535e;
    font-size: 16px;
    font-family: "Fira Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin: 0 0 24px
}

@media (min-width:1440px) {
    .meropriyatieProgram-row p {
        font-size: 18px
    }
}

.meropriyatieProgram-row strong {
    width: 100%;
    display: inline-block;
    color: #1f222d;
    font-family: HeliosC, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    margin: 0 0 32px
}

.meropriyatieProgram-row ul {
    width: 100%;
    margin: 0 0 24px;
    padding: 0
}

.meropriyatieProgram-row ul li {
    width: 100%;
    list-style-type: none;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #4b535e;
    position: relative;
    display: inline-block;
    margin: 0 0 .75rem;
    padding: 0 0 0 3.5rem;
    box-sizing: border-box
}

.meropriyatieProgram-row ul li:last-of-type {
    margin-bottom: 0
}

@media (min-width:1440px) {
    .meropriyatieProgram-row ul li {
        font-size: 1.125rem;
        line-height: 1.625rem
    }
}

.meropriyatieProgram-row ul li::before {
    content: "";
    width: 2.5625rem;
    height: .25rem;
    background: #f36e21;
    border-radius: 10px;
    position: absolute;
    left: 0;
    top: 10px
}

.meropriyatieProgram-row ul li b {
    color: #4b535e
}

.meropriyatieProgram-row ul li ul {
    width: 100%;
    display: inline-block;
    margin: 10px 0 0
}

.meropriyatieProgram-row ul li ul li {
    padding-left: 15px;
    margin: 0 0 .5rem
}

.meropriyatieProgram-row ul li ul li::before {
    background: #4b535e;
    width: 5px;
    height: 5px
}

.meropriyatieProgram-row ol {
    width: 100%;
    margin: 0;
    padding-left: 22px
}

.meropriyatieProgram-row ol li {
    width: 100%;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #4b535e;
    position: relative;
    text-align: left;
    margin: 0 0 .75rem
}

@media (min-width:1440px) {
    .meropriyatieProgram-row ol li {
        font-size: 1.125rem;
        line-height: 1.625rem
    }
}

.meropriyatieProgram-row:last-of-type {
    border-bottom: none;
    padding-bottom: 0
}

.meropriyatieCompany {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap
}

.meropriyatieCompany-item {
    margin-right: 16px;
    margin-bottom: 16px;
    border-radius: 6px;
    background: #e0e6ed;
    height: 200px;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    align-items: center;
    justify-content: center;
    width: calc(50% - 8px)
}

.meropriyatieCompany-item:nth-of-type(2n) {
    margin-right: 0
}

.meropriyatieCompany-item:last-of-type {
    background: 0 0;
    border: 1px solid #e0e6ed;
    padding: 14px;
    box-sizing: border-box
}

@media (max-width:600px) {
    .meropriyatieCompany-item:last-of-type {
        width: 100%;
        padding: 0;
        border: none;
        height: auto;
        margin: 20px 0 0
    }
}

@media (min-width:1280px) {
    .meropriyatieCompany-item {
        width: calc(33.3% - 11px)
    }

    .meropriyatieCompany-item:nth-of-type(2n) {
        margin-right: 16px
    }

    .meropriyatieCompany-item:nth-of-type(3n) {
        margin-right: 0
    }
}

.meropriyatieCompany-item p {
    width: 100%;
    margin: 0;
    display: inline-block;
    text-align: center;
    font-family: "Fira Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px
}

.meropriyatieCompany-link {
    background: #f36e21;
    width: 100%;
    height: 5cqmax;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    border-radius: 6px;
    align-content: center;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    margin: 16px 0 0
}

@media (min-width:1024px) {
    .meropriyatieCompany-link {
        width: 215px;
        height: 40px;
        margin: 16px auto 0
    }
}

@media (min-width:1280px) {
    .meropriyatieCompany-link {
        height: 32px
    }
}

.meropriyatieCompany-link span {
    font-family: HeliosC, sans-serif;
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 700
}

@media (min-width:1280px) {
    .meropriyatieCompany-link span {
        font-size: 12px
    }
}

.meropriyatieCalendar {
    padding-bottom: 0
}

@media (max-width:1024px) {
    .meropriyatieCalendar {
        padding-top: 100px
    }
}

.meropriyatieCalendar h2 {
    width: 100%;
    font-size: 32px;
    font-family: HeliosC, sans-serif;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    color: #1f222d;
    margin: 0
}

@media (min-width:1440px) {
    .meropriyatieCalendar h2 {
        font-size: 40px
    }
}

.meropriyatieCalenda-row {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    padding: 32px 0;
    justify-content: space-between
}

@media (min-width:1024px) {
    .meropriyatieCalenda-row {
        border-bottom: 1px solid #e0e6ed;
        padding: 64px 0
    }
}

.meropriyatieCalenda-row:first-of-type {
    margin-top: 30px
}

@media (min-width:1024px) {
    .meropriyatieCalenda-row:first-of-type {
        margin-top: 0
    }
}

.meropriyatieCalenda-row:last-of-type {
    border-bottom: none;
    padding-bottom: 0
}

.meropriyatieCalendar-date {
    color: #b7c0ca;
    letter-spacing: -2.9px;
    font-family: HeliosC, sans-serif;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    text-transform: uppercase;
    margin-bottom: 20px
}

@media (min-width:1440px) {
    .meropriyatieCalendar-date {
        font-size: 60px
    }
}

.meropriyatieCalendar-date span {
    color: #f36e21;
    margin-right: -5px
}

.meropriyatieCalendar-box {
    width: 100%
}

@media (min-width:1024px) {
    .meropriyatieCalendar-box {
        width: 59%
    }
}

.meropriyatieCalendar-line {
    padding: 16px;
    box-sizing: border-box;
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    align-items: flex-start;
    border-radius: 6px;
    margin-bottom: 8px
}

@media (min-width:1024px) {
    .meropriyatieCalendar-line {
        padding: 20px 32px
    }
}

.meropriyatieCalendar-line:nth-of-type(odd) {
    background: #f5f7fa
}

.meropriyatieCalendar-line__time {
    width: 100%;
    display: inline-block;
    color: #4b535e;
    font-family: HeliosC, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    margin-bottom: 8px
}

@media (min-width:1024px) {
    .meropriyatieCalendar-line__time {
        width: 30%;
        margin-bottom: 0
    }
}

@media (min-width:1440px) {
    .meropriyatieCalendar-line__time {
        font-size: 18px
    }
}

.meropriyatieCalendar-line__content {
    width: 100%
}

@media (min-width:1024px) {
    .meropriyatieCalendar-line__content {
        width: 70%
    }
}

.meropriyatieCalendar-line__label {
    width: 100%;
    display: inline-block;
    color: #4b535e;
    font-family: "Fira Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin: 0 0 8px
}

@media (min-width:1440px) {
    .meropriyatieCalendar-line__label {
        font-size: 18px
    }
}

.meropriyatieCalendar-line__descr {
    width: 100%;
    display: inline-block;
    color: #8e9aa9;
    font-family: "Fira Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%
}

@media (min-width:1440px) {
    .meropriyatieCalendar-line__descr {
        font-size: 18px
    }
}

section.meropriyatie-program.prozhivanie-one.pt-0 {
    padding-top: 64px !important
}

@media (min-width:1024px) {
    section.meropriyatie-program.prozhivanie-one.pt-0 {
        padding-top: 0
    }
}

@media (max-width:1024px) {
    section.meropriyatie-program.prozhivanie-one.pt-0 {
        padding-bottom: 20px
    }
}

section.meropriyatie-program.prozhivanie-one.pt-0 .meropriyatieContent-column {
    margin-bottom: 20px
}

section.meropriyatie-program.prozhivanie-second .meropriyatieContent-column:first-of-type {
    margin-bottom: 16px
}

section.predsedatel.front-repeating {
    background: #fff
}

.predsedatel-wrap {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    align-items: flex-start;
    margin: 2.5rem 0 0
}

.predsedatel-pic {
    width: 100%;
    display: inline-block;
    border-radius: 4px;
    overflow: hidden
}

@media (min-width:768px) {
    .predsedatel-pic {
        width: 30%
    }
}

@media (min-width:1280px) {
    .predsedatel-pic {
        width: 420px
    }
}

@media (min-width:1700px) {
    .predsedatel-pic {
        width: 520px
    }
}

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

.predsedatel-content {
    width: 100%
}

@media (min-width:768px) {
    .predsedatel-content {
        width: 70%;
        padding-left: 40px
    }
}

@media (min-width:1280px) {
    .predsedatel-content {
        width: calc(100% - 420px);
        box-sizing: border-box
    }
}

@media (min-width:1700px) {
    .predsedatel-content {
        width: calc(100% - 520px);
        padding-left: 60px
    }
}

.predsedatel-content .section-title {
    margin: 24px 0 8px
}

.predsedatel-content p {
    width: 100%;
    margin: 0 0 24px;
    color: #1f222d;
    font-family: "Fira Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 160%
}

.predsedatel-post {
    color: #4b535e;
    width: 100%;
    font-family: "Fira Sans", sans-serif;
    display: inline-block;
    text-align: left;
    font-size: 16px;
    font-weight: 400;
    line-height: 160%;
    text-transform: uppercase
}

.predsedatel-info {
    margin: 24px 0 48px;
    width: 100%;
    display: inline-block
}

.predsedatel-info ul {
    width: 100%;
    margin: 1rem 0 0;
    padding: 0
}

.predsedatel-info ul li {
    width: 100%;
    list-style-type: none;
    font-weight: 400;
    font-size: .9375rem;
    line-height: 1.5rem;
    color: #4b535e;
    position: relative;
    display: inline-block;
    margin: 0 0 .75rem;
    padding: 0 0 0 3.5rem;
    box-sizing: border-box
}

@media (min-width:1440px) {
    .predsedatel-info ul li {
        font-size: 1rem;
        line-height: 1.625rem
    }
}

.predsedatel-info ul li::before {
    content: "";
    width: 2.5625rem;
    height: .25rem;
    background: #f36e21;
    border-radius: 10px;
    position: absolute;
    left: 0;
    top: 9px
}

.predsedatel-info ul li b {
    color: #1f222d
}

.awards-wrap {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    margin: 24px 0 48px
}

.awards-item {
    border-radius: 4px;
    border-left: 4px solid #007249;
    background: #f5f7fa;
    overflow: hidden;
    margin: 0 0 20px;
    min-height: 92px;
    padding: 24px 32px;
    box-sizing: border-box;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
    width: 100%
}

@media (min-width:1024px) {
    .awards-item {
        width: calc(50% - 10px);
        margin: 0 20px 20px 0
    }

    .awards-item:nth-of-type(2n) {
        margin-right: 0
    }
}

.awards-item span {
    color: #1f222d;
    font-family: HeliosC, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 140%
}

@media (min-width:1700px) {
    .awards-item span {
        font-size: 16px
    }
}

.front-managements .front-repeating__content {
    width: 100%
}

.managements-wrap {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start
}

.managements-item__pic {
    width: 140px;
    height: 140px;
    position: relative;
    overflow: hidden
}

@media (min-width:1024px) {
    .managements-item__pic {
        width: 100%;
        height: auto
    }
}

@media (min-width:1700px) {
    .managements-item__pic {
        max-height: 382px
    }
}

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

@media (max-width:768px) {
    .managements-item__pic img {
        height: auto;
        position: absolute;
        left: 0;
        top: 0
    }
}

.managements-item {
    width: 100%;
    background: #f5f7fa;
    border-radius: 0 0 4px 4px;
    margin: 0 0 20px 0;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap
}

.managements-item:nth-of-type(2n) {
    margin-right: 0
}

@media (min-width:768px) {
    .managements-item {
        width: calc(50% - 10px);
        margin: 0 20px 20px 0
    }
}

@media (min-width:1280px) {
    .managements-item {
        width: calc(25% - 20px)
    }

    .managements-item:nth-of-type(2n) {
        margin-right: 20px
    }

    .managements-item:nth-of-type(4n) {
        margin-right: 0
    }
}

.managements-item:hover .managements-content {
    background: #e0e6ed
}

.managements-item:hover .managements-item__link {
    background: #f36e21;
    transform: scale(1.3333)
}

.managements-item:hover .managements-item__link::before {
    transform: scale(.75);
    background-image: url(../img/white-arro.svg)
}

.managements-content {
    width: calc(100% - 140px);
    display: flex;
    flex-flow: column wrap;
    padding: 10px;
    box-sizing: border-box;
    transition: .4s ease
}

@media (min-width:1024px) {
    .managements-content {
        width: 100%;
        padding: 30px 26px;
        min-height: 240px
    }
}

@media (min-width:1700px) {
    .managements-content {
        padding: 40px 32px;
        min-height: 292px
    }
}

.managements-item__name {
    color: #1f222d;
    width: 100%;
    display: inline-block;
    font-family: HeliosC, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    line-height: 120%;
    margin: 0 0 10px
}

@media (min-width:1024px) {
    .managements-item__name {
        font-size: 1.25rem;
        margin: 0 0 16px
    }
}

@media (min-width:1700px) {
    .managements-item__name {
        font-size: 1.5rem
    }
}

.managements-item__post {
    color: #525d7b;
    font-family: "Fira Sans", sans-serif;
    font-size: .625rem;
    font-weight: 400;
    line-height: 140%
}

@media (min-width:1024px) {
    .managements-item__post {
        font-size: .875rem;
        line-height: 160%
    }
}

@media (min-width:1700px) {
    .managements-item__post {
        font-size: 1rem
    }
}

.managements-item__panel {
    flex-grow: 1;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-content: flex-end;
    position: relative
}

.managements-item__mail {
    color: #f36e21;
    font-family: "Fira Sans", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 160%;
    text-decoration: none;
    word-break: break-all
}

@media (min-width:1024px) {
    .managements-item__mail {
        font-size: .875rem
    }
}

@media (min-width:1700px) {
    .managements-item__mail {
        font-size: 16px
    }
}

.managements-item__link {
    border-radius: 50%;
    width: 36px;
    height: 36px;
    position: relative;
    right: 0;
    bottom: -7px;
    transition: .4s ease
}

@media (min-width:400px) {
    .managements-item__link {
        position: absolute
    }
}

@media (min-width:1024px) {
    .managements-item__link {
        background: #e0e6ed
    }
}

.managements-item__link::before {
    content: "";
    width: 16px;
    height: 12px;
    background-image: url(../img/darks-arro.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    left: calc(50% - 8px);
    top: calc(50% - 6px);
    transition: .4s ease
}

section.tekhnikaNalichii.front-repeating {
    background: #fff;
    padding-bottom: 0
}

.tekhnikaNalichii-wrap {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between
}

.tekhnikaNalichii-sort {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    margin: 0 0 30px;
    box-sizing: border-box
}

@media (min-width:1280px) {
    .tekhnikaNalichii-sort {
        margin: 0 0 40px;
        padding-left: 16px
    }
}

.tekhnikaNalichii-sort__type {
    margin-left: 24px;
    color: #1f222d;
    font-family: HeliosC, sans-serif;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer
}

@media (min-width:1280px) {
    .tekhnikaNalichii-sort__type {
        margin-left: 32px
    }
}

@media (min-width:1440px) {
    .tekhnikaNalichii-sort__type {
        font-size: 16px
    }
}

.tekhnikaNalichii-sort__type:hover {
    color: #f36e21
}

.tekhnikaNalichii-sort__type.active {
    color: #f36e21
}

.tekhnikaNalichii-sort__decr {
    color: #8e9aa9;
    font-family: HeliosC, sans-serif;
    font-size: 14px;
    font-weight: 700
}

@media (min-width:1440px) {
    .tekhnikaNalichii-sort__decr {
        font-size: 16px
    }
}

.tekhnikaNalichii-aside {
    position: relative;
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    align-items: flex-start
}

@media (min-width:1280px) {
    .tekhnikaNalichii-aside {
        width: 261px;
        min-height: 100%
    }
}

@media (min-width:1440px) {
    .tekhnikaNalichii-aside {
        width: 310px
    }
}

@media (min-width:1700px) {
    .tekhnikaNalichii-aside {
        width: 385px
    }
}

.tekhnikaNalichii-filter {
    width: 100%;
    position: sticky;
    top: 0;
    margin: 0 0 32px;
    box-sizing: border-box
}

@media (min-width:1280px) {
    .tekhnikaNalichii-filter {
        padding: 32px;
        border-radius: 4px;
        background: #f5f7fa;
        margin: 0
    }
}

.tekhnikaNalichii-filter.show .tekhnikaNalichii-filter__list {
    display: flex
}

.tekhnikaNalichii-filter.sticky {
    top: 30px
}

.tekhnikaNalichii-filter__list {
    width: 100%;
    margin: 20px 0 0;
    padding: 0;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    align-items: flex-start;
    display: none
}

@media (min-width:1280px) {
    .tekhnikaNalichii-filter__list {
        display: flex;
        margin: 0
    }
}

.tekhnikaNalichii-filter__list li {
    width: 100%;
    display: inline-block;
    list-style-type: none;
    margin: 0 0 12px
}

@media (min-width:1280px) {
    .tekhnikaNalichii-filter__list li {
        margin: 0 0 26px
    }
}

.tekhnikaNalichii-filter__list li:last-of-type {
    margin-bottom: 0
}

.tekhnikaNalichii-filter__list li a {
    color: #1f222d;
    font-family: HeliosC, sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 140%;
    text-decoration: none;
    color: #4b535e
}

@media (min-width:1280px) {
    .tekhnikaNalichii-filter__list li a {
        color: #1f222d
    }
}

@media (min-width:1700px) {
    .tekhnikaNalichii-filter__list li a {
        font-size: 16px
    }
}

.tekhnikaNalichii-filter__list li:hover a {
    color: #f36e21
}

.tekhnikaNalichii-filter__list .active a {
    color: #f36e21
}

.tekhnikaNalichii-filter__mob {
    width: 100%;
    height: 50px;
    border-radius: 6px;
    background: #8e9aa9;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    align-items: center;
    justify-content: center
}

@media (min-width:1280px) {
    .tekhnikaNalichii-filter__mob {
        display: none
    }
}

.tekhnikaNalichii-filter__mob span {
    color: #fff;
    font-family: HeliosC, sans-serif;
    font-size: 16px;
    font-weight: 700;
    position: relative;
    line-height: 66px
}

.tekhnikaNalichii-filter__mob span::after {
    content: "";
    width: 24px;
    height: 24px;
    background-image: url(../img/filter-icon2.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
    margin-left: 14px;
    position: relative;
    top: 8px
}

.tekhnikaNalichii-container {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    justify-content: space-between
}

@media (min-width:1280px) {
    .tekhnikaNalichii-container {
        width: calc(100% - 285px)
    }
}

@media (min-width:1440px) {
    .tekhnikaNalichii-container {
        width: calc(100% - 358px)
    }
}

@media (min-width:1700px) {
    .tekhnikaNalichii-container {
        width: calc(100% - 433px)
    }
}

.tekhnikaNalichii-container .numbers-pagination {
    display: flex;
    justify-content: center
}

.tekhnikaNalichii-item {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    align-items: flex-start;
    box-sizing: border-box;
    transition: .4s ease;
    margin-bottom: 48px
}

@media (min-width:768px) {
    .tekhnikaNalichii-item {
        width: 49%
    }
}

@media (min-width:1280px) {
    .tekhnikaNalichii-item {
        width: 100%;
        padding: 16px 16px 32px;
        margin-right: 0
    }

    .tekhnikaNalichii-item:hover {
        border-radius: 11px;
        background: #fff;
        box-shadow: 0 0 20px 0 rgba(31, 34, 45, .1)
    }
}

.tekhnikaNalichii-item__gal {
    width: 100%;
    margin-bottom: 25px
}

@media (min-width:1280px) {
    .tekhnikaNalichii-item__gal {
        width: 312px;
        height: 208px;
        margin-bottom: 0;
        overflow: visible
    }
}

@media (min-width:1440px) {
    .tekhnikaNalichii-item__gal {
        width: 385px;
        height: 257px
    }
}

.tekhnikaNalichii-item__gal .hover-gal {
    position: relative;
    height: 100%;
    border-radius: 0;
    z-index: initial
}

@media (max-width:1280px) {
    .tekhnikaNalichii-item__gal .hover-gal {
        overflow: visible
    }
}

.tekhnikaNalichii-item__gal .hvr,
.tekhnikaNalichii-item__gal .hvr__images {
    height: 100%
}

.tekhnikaNalichii-item__gal .hvr__dots {
    opacity: 1;
    bottom: -16px
}

.tekhnikaNalichii-item__gal .hvr__dot {
    border-radius: 50%;
    width: 6px;
    height: 6px;
    flex: initial
}

.tekhnikaNalichii-item__gal .himg {
    width: 100%;
    height: 100%
}

@media (max-width:1280px) {
    .tekhnikaNalichii-item__gal .himg {
        display: block
    }
}

@media (min-width:1280px) {
    .tekhnikaNalichii-item__gal .himg {
        height: 100%
    }
}

@media (min-width:1440px) {
    .tekhnikaNalichii-item__gal .himg {
        height: 100%
    }
}

.tekhnikaNalichii-item__content {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap
}

@media (min-width:1280px) {
    .tekhnikaNalichii-item__content {
        width: calc(100% - 312px);
        padding: 0 0 0 24px
    }
}

@media (min-width:1440px) {
    .tekhnikaNalichii-item__content {
        width: calc(100% - 385px);
        padding: 0 0 0 24px
    }
}

@media (min-width:1700px) {
    .tekhnikaNalichii-item__column {
        width: calc(100% - 271px);
        padding-right: 64px;
        box-sizing: border-box
    }
}

.tekhnikaNalichii-item__box {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    margin-top: 23px
}

@media (min-width:1700px) {
    .tekhnikaNalichii-item__box {
        width: 271px;
        margin-top: 0
    }
}

.tekhnikaNalichii-item__anchor,
.tekhnikaNalichii-item__link {
    padding: 0 10px;
    width: 100%;
    margin-bottom: 16px;
    height: 50px
}

@media (min-width:1280px) {

    .tekhnikaNalichii-item__anchor,
    .tekhnikaNalichii-item__link {
        width: calc(50% - 8px);
        margin-right: 8px;
        margin-bottom: 8px;
        height: 40px
    }
}

@media (min-width:1700px) {

    .tekhnikaNalichii-item__anchor,
    .tekhnikaNalichii-item__link {
        width: 100%;
        height: 50px;
        margin-right: 0
    }
}

.tekhnikaNalichii-item__anchor span,
.tekhnikaNalichii-item__link span {
    font-size: 14px
}

@media (min-width:1700px) {

    .tekhnikaNalichii-item__anchor span,
    .tekhnikaNalichii-item__link span {
        font-size: 16px
    }
}

.tekhnikaNalichii-item__anchor span::after,
.tekhnikaNalichii-item__link span::after {
    display: none
}

.tekhnikaNalichii-item__anchor {
    border: 1px solid #f36e21;
    background-color: #fff;
    margin-right: 0
}

.tekhnikaNalichii-item__anchor span {
    color: #f36e21
}

.tekhnikaNalichii-item__anchor:hover {
    background-color: #f36e21
}

.tekhnikaNalichii-item__anchor:hover span {
    color: #fff
}

.tekhnikaNalichii-item__label {
    width: 100%;
    display: inline-block;
    color: #1f222d;
    font-family: HeliosC, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 140%;
    margin: 0 0 12px
}

.tekhnikaNalichii-item__descr {
    width: 100%;
    display: inline-block;
    color: #4b535e;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 10px
}

@media (min-width:1280px) {
    .tekhnikaNalichii-item__descr {
        margin-bottom: 23px
    }
}

@media (min-width:1700px) {
    .tekhnikaNalichii-item__descr {
        -webkit-line-clamp: 4;
        font-size: 16px
    }
}

.tekhnikaNalichii-chars {
    width: 100%;
    display: inline-block
}

.tekhnikaNalichii-chars--single {
    border-radius: 6px;
    border: 1px solid #e0e6ed;
    padding: 16px;
    box-sizing: border-box;
    margin: 32px 0
}

.tekhnikaNalichii-chars--single .tekhnikaNalichii-chars__item {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 8px
}

.tekhnikaNalichii-chars__item {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    color: #1f222d;
    font-family: "Fira Sans", sans-serif;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 4px
}

.tekhnikaNalichii-chars__item span {
    color: #8e9aa9;
    font-family: "Fira Sans", sans-serif;
    font-weight: 400;
    margin-right: 6px
}

.tekhnikaNalichii--status {
    font-weight: 700;
    color: #009e65
}

.tekhnikaNalichii-chars--not {
    color: #ce4040
}

.tekhnikaNalichi-gallery-pagination,
.tekhnikaNalichii-pagination {
    position: relative;
    text-align: center;
    bottom: 3px !important
}

.tekhnikaNalichi-gallery-pagination .swiper-pagination-bullet,
.tekhnikaNalichii-pagination .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    background: #b7c0ca;
    opacity: 1;
    margin: 0 2px !important
}

.tekhnikaNalichi-gallery-pagination .swiper-pagination-bullet-active,
.tekhnikaNalichii-pagination .swiper-pagination-bullet-active {
    background: #f36e21
}

section.tekhnikaNalichiiDetail.front-repeating {
    background: #fff
}

.tekhnikaNalichi-content {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    margin: 24px 0 0
}

@media (min-width:1280px) {
    .tekhnikaNalichi-content {
        margin: 40px 0 0
    }
}

.tekhnikaNalichi-gallery {
    width: 100%
}

@media (min-width:1280px) {
    .tekhnikaNalichi-gallery {
        width: 60%
    }
}

.tekhnikaNalichi-info {
    width: 100%;
    box-sizing: border-box;
    padding-top: 20px
}

.tekhnikaNalichi-info h1 {
    font-weight: 700
}

@media (min-width:1280px) {
    .tekhnikaNalichi-info {
        padding-left: 48px;
        padding-top: 0;
        width: 40%
    }
}

@media (min-width:1440px) {
    .tekhnikaNalichi-info {
        padding-left: 64px
    }
}

.tekhnikaNalichi-info .btn {
    width: 100%;
    height: 50px
}

.tekhnikaNalichi-gallery--main {
    width: 100%;
    position: relative
}

.tekhnikaNalichi-gallery--main .swiper-slide {
    position: relative;
    text-align: center
}

.tekhnikaNalichi-gallery--main .tekhnikaNalichi-gallery--main__next,
.tekhnikaNalichi-gallery--main .tekhnikaNalichi-gallery--main__prev {
    position: absolute;
    left: 24px;
    top: calc(50% - 20px);
    width: 40px;
    height: 40px
}

.tekhnikaNalichi-gallery--main .tekhnikaNalichi-gallery--main__next {
    right: 24px;
    left: initial
}

.tekhnikaNalichi-gallery--thumbs {
    width: 504px;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    align-items: center;
    box-sizing: border-box;
    position: relative;
    margin: 0
}

.tekhnikaNalichi-gallery--thumbs .tekhnikaNalichi-gallery__item {
    width: 120px;
    height: 89px;
    border-radius: 6px;
    border: 3px solid transparent;
    box-sizing: border-box;
    overflow: hidden
}

.tekhnikaNalichi-gallery--thumbs .tekhnikaNalichi-gallery__item:hover {
    border: 3px solid rgba(243, 110, 33, .5)
}

.tekhnikaNalichi-gallery--thumbs .tekhnikaNalichi-gallery__item img {
    -o-object-fit: cover;
    object-fit: cover
}

.tekhnikaNalichi-gallery--cover {
    width: 100%;
    position: relative;
    display: none;
    align-content: center;
    align-items: center;
    justify-content: center;
    margin: 20px auto 0
}

@media (min-width:1280px) {
    .tekhnikaNalichi-gallery--cover {
        display: -ms-flex;
        display: flex;
        flex-flow: row wrap
    }
}

.tekhnikaNalichi-gallery--thumbs-next,
.tekhnikaNalichi-gallery--thumbs-prev {
    width: 40px;
    height: 40px;
    margin: 0 10px
}

.tekhnikaNalichi-gallery--thumbs-next svg,
.tekhnikaNalichi-gallery--thumbs-prev svg {
    fill: transparent;
    width: 100%;
    height: 100%
}

.tekhnikaNalichi-gallery--thumbs-prev {
    transform: rotate(180deg)
}

.tekhnikaNalichii-item__download {
    border-radius: 6px;
    border: 1px solid #8e9aa9;
    background: #fff
}

.tekhnikaNalichii-item__download span {
    color: #8e9aa9;
    font-size: 14px;
    position: relative;
    margin-left: -20px
}

@media (min-width:1700px) {
    .tekhnikaNalichii-item__download span {
        font-size: 16px
    }
}

.tekhnikaNalichii-item__download span::after {
    display: none
}

.tekhnikaNalichii-item__download svg {
    width: 28px;
    height: 28px;
    fill: #8e9aa9;
    position: absolute;
    right: -48px;
    top: calc(50% - 14px)
}

.tekhnikaNalichii-item__download:hover {
    background: #8e9aa9
}

.tekhnikaNalichii-item__download:hover span {
    color: #4b535e
}

.tekhnikaNalichii-item__download:hover span svg {
    fill: #4b535e
}

.tekhnikaNalichiiDetail-content {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    margin: 32px 0 0
}

.tekhnikaNalichiiDetail-info {
    width: 100%;
    box-sizing: border-box;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    align-items: flex-start
}

@media (min-width:1280px) {
    .tekhnikaNalichiiDetail-info {
        width: 60%;
        padding-right: 64px
    }
}

.tekhnikaNalichiiDetail-info h2 {
    font-size: calc(22px + (24px - 22px) * ((100vw - 320px)/ (900px - 320px)));
    font-size: 22px;
    color: #1f222d;
    margin: 60px 0 16px;
    font-weight: 700;
    font-family: HeliosC, sans-serif;
    line-height: 120%
}

@media screen and (max-width:320px) {
    .tekhnikaNalichiiDetail-info h2 {
        font-size: 22px
    }
}

@media screen and (min-width:900px) {
    .tekhnikaNalichiiDetail-info h2 {
        font-size: 24px
    }
}

@media (max-width:1280px) {
    .tekhnikaNalichiiDetail-info h2 {
        margin: 48px 0 16px
    }

    .tekhnikaNalichiiDetail-info h2:first-of-type {
        margin-top: 20px
    }
}

.tekhnikaNalichiiDetail-info p {
    width: 100%;
    display: inline-block;
    margin: 0 0 20px;
    color: #4b535e;
    font-family: "Fira Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 160%
}

.tekhnikaNalichiiDetail-info p b {
    color: #000;
    font-weight: 700
}

.tekhnikaNalichiiDetail-info ul {
    width: 100%;
    margin: 0 0 20px;
    padding: 0
}

.tekhnikaNalichiiDetail-info ul li {
    width: 100%;
    display: inline-block;
    position: relative;
    padding-left: 24px;
    box-sizing: border-box;
    color: #4b535e;
    font-family: "Fira Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 160%;
    margin: 0 0 12px
}

.tekhnikaNalichiiDetail-info ul li p {
    margin: 0;
    color: #4b535e;
    font-family: "Fira Sans", sans-serif;
    font-size: 16px
}

.tekhnikaNalichiiDetail-info ul li:last-of-type {
    margin: 0
}

.tekhnikaNalichiiDetail-info ul li::before {
    content: "";
    background-image: none;
    background-color: #4b535e;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    position: absolute;
    left: 7px;
    top: 8px
}

.tekhnikaNalichiiDetail-wrap {
    width: 100%;
    box-sizing: border-box;
    position: relative
}

@media (min-width:1280px) {
    .tekhnikaNalichiiDetail-wrap {
        padding-left: 48px;
        width: 40%;
        min-height: 100%
    }
}

@media (min-width:1440px) {
    .tekhnikaNalichiiDetail-wrap {
        padding-left: 64px
    }
}

.tekhnikaNalichiiDetail-wrap .vacancy-detail__form {
    width: 100%;
    position: sticky;
    top: 0
}

.tekhnikaNalichiiDetail-wrap .vacancy-detail__form h4 span {
    color: #f36e21
}

.tekhnikaNalichiiDetail-wrap .vacancy-detail__form.active {
    top: 30px
}

.tekhnikaNalichieOther-slider {
    width: 100%;
    margin: 32px 0 0
}

.tekhnikaNalichieOther-slider .tekhnikaNalichii-item {
    padding: 0;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0
}

.tekhnikaNalichieOther-slider .tekhnikaNalichii-item .tekhnikaNalichii-item__gal {
    height: 200px
}

.tekhnikaNalichieOther-slider .tekhnikaNalichii-item .tekhnikaNalichii-item__content {
    width: 100%;
    padding: 30px 0 0
}

.tekhnikaNalichieOther-slider .tekhnikaNalichii-item .tekhnikaNalichii-item__column {
    width: 100%;
    padding: 0
}

.tekhnikaNalichieOther-slider .tekhnikaNalichii-item .tekhnikaNalichii-item__box {
    width: 100%;
    margin: 5px 0 0
}

.tekhnikaNalichieOther-slider .tekhnikaNalichii-item .tekhnikaNalichii-item__anchor,
.tekhnikaNalichieOther-slider .tekhnikaNalichii-item .tekhnikaNalichii-item__link {
    width: 100%;
    height: 50px;
    margin-right: 0
}

.tekhnikaNalichie-other {
    overflow: hidden;
}

.tekhnikaNalichie-other__panel {
    width: 100%;
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between
}

.tekhnikaNalichie-other__btns {
    display: -ms-flex;
    display: flex;
    flex-flow: row wrap;
    margin-right: 20px;
}

.tekhnikaNalichie-other__next,
.tekhnikaNalichie-other__prev {
    position: relative;
    width: 40px;
    height: 40px;
    margin-left: 16px
}

.tekhnikaNalichie-other {
    display: none
}

@media (min-width:1280px) {
    .tekhnikaNalichie-other {
        display: flex
    }
}

.tekhnikaNalichiiForm {
    width: 100%
}

@media (min-width:1024px) {
    .tekhnikaNalichiiForm {
        margin: 30px 0 0
    }
}