@charset "UTF-8"; /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth;
    font-family: 'TT-Regular';
}
@font-face {
    font-family: "TT-Medium";
    src: url("../fonts/TT-Medium.eot");
    src: url("../fonts/TT-Medium.eot?#iefix")format("embedded-opentype"), url("../fonts/TT-Medium.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "TT-Regular";
    src: url("../fonts/TT-Regular.eot");
    src: url("../fonts/TT-Regular.eot?#iefix")format("embedded-opentype"), url("../fonts/TT-Regular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
a {
    color: inherit;
}

:root {
    --red: #D00E46;
    --textColor: #393649;
    --rose: #f09eb5;
    --brown: #740827;
    --textGray: #929292;
    --lightGray: #c2c0c6;
    --grayBg: #ebebeb;
    --lineHeight: 1.5rem;
    --lightRose: #f7e5ea;
    --white: #fff;
}

input[type=file], /* FF, IE7+, chrome (except button) */
input[type=file]::-webkit-file-upload-button { /* chromes and blink button */
    cursor: pointer;
}

.filter__row {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
}
.filter__row .filter__item {
    width: 23%;

}
.filter__row .filter__item input {
    background-color: transparent;
    border: unset;
    border-bottom: 1px solid #c4c3c8;
    border-radius: 0px;
    font-family: "TT-Regular";
    cursor: pointer;
    outline: none;
    width: 100%;
    display: block;
}
.filter__row .filter__item select {
    background-color: transparent;
    border: unset;
    border-bottom: 1px solid #c4c3c8;
    border-radius: 0px;
    font-family: "TT-Regular";
    cursor: pointer;
    outline: none;
    width: 100%;
    display: block;
}
.btns__filter {
    display: flex;
    flex-direction: row;
    width: 23%;
}
.btns__filter .btn {
    width: max-content;
    padding-left: 15px;
    padding-right: 15px;
    min-width: 160px;
    font-size: 14px;
    height: 40px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px 10px;
}
.btns__filter input {
    width: max-content;
    padding-left: 15px;
    padding-right: 15px;
    min-width: 160px;
    font-size: 14px;
    height: 40px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px 10px;
    border: none;
    cursor: pointer;
}
.afisha__list {
    margin-top: 30px;
}
.fa-chevron-down:before {
    display: none;
}
.banner__img-2 {
    width: 846px;
    height: 503px;
    position: absolute;
    top: 0;
    left: calc(50% + 115px);
    clip-path: polygon( 0% 0%,100% 0%,100% 100%,47.313% 100%,47.313% 100%,45.244% 99.998%,43.373% 99.982%,41.68% 99.939%,40.147% 99.855%,38.752% 99.716%,37.477% 99.51%,36.302% 99.221%,35.208% 98.838%,34.175% 98.345%,33.183% 97.73%,33.183% 97.73%,32.223% 96.986%,31.286% 96.105%,30.351% 95.075%,29.399% 93.882%,28.41% 92.512%,27.366% 90.951%,26.246% 89.186%,25.031% 87.204%,23.702% 84.99%,22.238% 82.531%,10.386% 62.598%,10.386% 62.598%,8.924% 60.136%,7.608% 57.9%,6.429% 55.856%,5.38% 53.973%,4.452% 52.216%,3.638% 50.554%,2.928% 48.953%,2.316% 47.38%,1.792% 45.803%,1.35% 44.189%,1.35% 44.189%,0.984% 42.521%,0.691% 40.783%,0.463% 38.943%,0.292% 36.967%,0.169% 34.823%,0.086% 32.477%,0.036% 29.898%,0.011% 27.051%,0.001% 23.904%,0% 20.425%,0% 0% );
    display: flex;
    align-items: center;
    justify-content: center;
}
.residents_infographic__wrapper {
    display: flex;
    justify-content: space-around;
}
.residents_infographic{
    padding: 8rem 0;
}

.residents_infographic__text {
    font-family: "TT-Medium";
    text-align: center;
    padding-top: 1rem;
}

.residents_infographic__item {
    position: relative;
}

.residents_infographic__item::after {
    content: url("../img/lin_frame_R.svg");
    position: absolute;
    top: 4rem;
    left: 4rem;
    width: 10rem;
    height: 10rem;
}

.residents_infographic__item::before {
    content: url("../img/lin_frame_L.svg");
    position: absolute;
    top: -4rem;
    right: 4rem;
    width: 10rem;
    height: 10rem;
}

.header__mobile {
    display: none;
}
.red{
    color: var(--red);
}
.underline {
    text-decoration: underline;
}
.brown {
    color: var(--brown);
 }

body {
    margin: 0;
    color: var(--textColor);
}

details,main {
    display: block
}

h1 {
    font-size: calc(32*2560px / 1920);
    font-size: calc(32*var(--width-multiplier));
    margin: calc(22*2560px / 1920) 0;
    margin: calc(22*var(--width-multiplier)) 0;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

code,kbd,pre,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

ul{
    list-style: none;
}

b,strong {
    font-weight: bolder
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none;
}

button,input,optgroup,select,textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}
button{
    border: none;
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

[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 {
    border-style: none;
    padding: 0
}

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

fieldset {
    padding: .35em .75em .625em
}

legend {
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],[type=radio],legend {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

[hidden],template {
    display: none
}
.hidden{
    display: none;
    opacity: 0;
    transition: all .3s ease-out;
    visibility: hidden;
}
/*!
 * Bootstrap Grid v4.1.2 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
@keyframes fancybox-rotate {
    to {
        transform: rotate(360deg)
    }
}

@keyframes fadeOverlay {
    0% {
        opacity: 0
    }

    to {
        opacity: .9
    }
}

@keyframes fade {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

html {
    -ms-overflow-style: scrollbar;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    overflow-x: hidden;
}

html.is-locked {
    overflow: hidden;
}

*,::after,::before {
    box-sizing: inherit
}
.slick-loading .slick-list
{
    /*background: #fff url('./ajax-loader.gif') center center no-repeat;*/
}
@font-face
{
    font-family: slick;
    font-style: normal;
    font-weight: 400;
    src: url(fonts/slick.eot);
    src: url(fonts/slick.eot?#iefix) format("embedded-opentype"),url(fonts/slick.woff) format("woff"),url(fonts/slick.ttf) format("truetype"),url(fonts/slick.svg#slick) format("svg");
}
.slick-next,.slick-prev
{
    background: 0 0;
    border: none;
    color: transparent;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 20px;
    line-height: 0;
    ms-transform: translate(0,-50%);
    outline: 0;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    webkit-transform: translate(0,-50%);
    width: 20px;
}
.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover
{
    background: 0 0;
    color: transparent;
    outline: 0;
}
.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before
{
    opacity: 1;
}
.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before
{
    opacity: .25;
}
.slick-next:before,.slick-prev:before
{
    color: #fff;
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    moz-osx-font-smoothing: grayscale;
    opacity: .75;
    webkit-font-smoothing: antialiased;
}
.slick-prev
{
    left: -25px;
}
[dir=rtl] .slick-prev
{
    left: auto;
    right: -25px;
}
.slick-prev:before
{
    content: "←";
}
[dir=rtl] .slick-prev:before
{
    content: "→";
}
.slick-next
{
    right: -25px;
}
[dir=rtl] .slick-next
{
    left: -25px;
    right: auto;
}
.slick-next:before
{
    content: "→";
}
[dir=rtl] .slick-next:before
{
    content: "←";
}

.slick-dots li
{
    cursor: pointer;
    display: inline-block;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    position: relative;
    width: 20px;
}
.slick-dots li button
{
    background: 0 0;
    border: 0;
    color: transparent;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 20px;
    line-height: 0;
    outline: 0;
    padding: 5px;
    width: 20px;
}
.slick-dots li button:focus,.slick-dots li button:hover
{
    outline: 0;
}
.slick-dots li button:focus:before,.slick-dots li button:hover:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    color: #000;
    content: "•";
    font-family: slick;
    font-size: 6px;
    height: 20px;
    left: 0;
    line-height: 20px;
    moz-osx-font-smoothing: grayscale;
    opacity: .25;
    position: absolute;
    text-align: center;
    top: 0;
    webkit-font-smoothing: antialiased;
    width: 20px;
}
.slick-dots li.slick-active button:before
{
    color: #000;
    opacity: .75;
}
.slick-slider
{
    box-sizing: border-box;
    display: block;
    moz-user-select: none;
    ms-touch-action: pan-y;
    ms-user-select: none;
    position: relative;
    touch-action: pan-y;
    user-select: none;
    webkit-box-sizing: border-box;
    webkit-tap-highlight-color: transparent;
    webkit-touch-callout: none;
    webkit-user-select: none;
}
.slick-list
{
    display: block;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}
.slick-list:focus
{
    outline: 0;
}
.slick-list.dragging
{
    cursor: hand;
    cursor: pointer;
}
.slick-slider .slick-list,.slick-slider .slick-track
{
    ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    webkit-transform: translate3d(0,0,0);
}
.slick-track
{
    display: block;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 0;
}
.slick-track:after,.slick-track:before
{
    content: "";
    display: table;
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}
.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir=rtl] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-slide--img-full .slider-banner__img img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: fill;
}
.slick-slide.slick-slide--img-full .slider-banner__img::after {
    display: none;
}
@media (max-width: 1023px) {
    /* .slick-slide.slick-slide--img-full {
        display: flex !important;
        height: auto;
    } */

    .slick-slide--img-full .slider-banner__img {
        height: 100% !important;
    }
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
@media (max-width: 1023px) {
    .slider-banner-main .slick-initialized .slick-slide {
        display: flex;
        height: auto;
    }
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    border: 1px solid transparent;
    display: block;
    height: auto;
}
.slick-arrow.slick-hidden
{
    display: none;
}
.tab-contents {
  display: none;
}

.tab-contents.active-tab {
  display: block;
}
@-webkit-keyframes show-header
{
    0%
    {
        top: -100%;
    }
    100%
    {
        top: 0;
    }
}
@keyframes show-header
{
    0%
    {
        top: -100%;
    }
    100%
    {
        top: 0;
    }
}
@-webkit-keyframes fade-up-big
{
    0%
    {
        opacity: 0;
        transform: translateY(1rem);
        webkit-transform: translateY(1rem);
    }
    100%
    {
        opacity: 1;
        transform: translateY(0);
        webkit-transform: translateY(0);
    }
}
@keyframes fade-up-big
{
    0%
    {
        opacity: 0;
        transform: translateY(1rem);
        webkit-transform: translateY(1rem);
    }
    100%
    {
        opacity: 1;
        transform: translateY(0);
        webkit-transform: translateY(0);
    }
}
@-webkit-keyframes rotation
{
    from
    {
        transform: rotate(0);
        webkit-transform: rotate(0);
    }
    to
    {
        transform: rotate(359deg);
        webkit-transform: rotate(359deg);
    }
}
@keyframes rotation
{
    from
    {
        transform: rotate(0);
        webkit-transform: rotate(0);
    }
    to
    {
        transform: rotate(359deg);
        webkit-transform: rotate(359deg);
    }
}

[class*=__container] {
    margin: 0 auto;
    max-width: calc(1200*2560px / 1920);
    max-width: calc(1200*var(--width-multiplier));
}

[class*=-mtitle]
{
    color: #393649;
    font-family: 'TT-Medium';
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.3;
    padding-bottom: 25px;
    text-align: center;
}
[class*=-smtitle]
{
    color: #111;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 16px;
}
[class*=__mdescription]
{
    color: #393649;
    font-family: national2,Arial;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.4;
}
[class*=tag__text]
{
    border: none;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    opacity: .56;
    padding: 0;
    text-transform: uppercase;
}

[class*=-ibg]
{
    position: relative;
}
[class*=-ibg] img
{
    height: 100%;
    left: 0;
    object-fit: cover;
    o-object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
}
[class*=-ibg_contain] img
{
    object-fit: contain;
    o-object-fit: contain;
}

.about {
    position: relative;
}

@media (max-width: 1023px) {
    .about {
        display: flex;
        flex-direction: column-reverse;
        margin-top: calc(100*2560px / 1920);
        margin-top: calc(100*var(--width-multiplier));
    }
}

.about__img {
    background-image: url('../img/about_bg.jpg');
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 45%;
    z-index: 7;
}

@media (max-width: 1023px) {
    .about__img {
        position: relative;
        right: auto;
        top: auto;
        background-image: url('../img/about_bg-mobile.jpg');
        background-position: center center;
        width: auto;
        height: calc(300*2560px / 1920);
        height: calc(300*var(--width-multiplier));
    }

    .about__img::before {
        content: "";
        position: absolute;
        left: 0;
        top: -1px;
        z-index: 1;
        width: 100%;
        height: calc(120*2560px / 1920);
        height: calc(120*var(--width-multiplier));
        background: linear-gradient(180deg, #fff 18.81%, rgba(255, 255, 255, 0.9) 38.75%, rgba(255, 255, 255, 0) 100%);
    }
}

.about__container {
    position: relative;
}

.about__title {
    color: #393649;
    font-family: 'TT-Medium';
    font-size: calc(58*2560px / 1920);
    font-size: calc(58*var(--width-multiplier));
    font-weight: 500;
    line-height: 1.35;
    max-width: calc(600*2560px / 1920);
    max-width: calc(600*var(--width-multiplier));
    padding-bottom: 0;
    padding-top: calc(120*2560px / 1920);
    padding-top: calc(120*var(--width-multiplier));
    width: 100%;
    margin: calc(40*2560px / 1920) 0;
    margin: calc(40*var(--width-multiplier)) 0;
}

.about__desc {
    max-width: calc(570*var(--width-multiplier));
    font-size: calc(20* var(--width-multiplier));
    line-height: calc(24* var(--width-multiplier));
    font-family: "TT-Medium";
    font-weight: 500;
    margin-bottom: calc(5 * var(--width-multiplier));
}

.about__wrapper {
    display: flex;
    justify-content: space-between;
    margin: calc(70 * var(--width-multiplier)) auto 0;
    max-width: calc(1200* var(--width-multiplier));
    position: relative;
    width: 100%;
}

.about__text-wrap {
    width: calc(455 * var(--width-multiplier));
}

.about__text-wrap h5 {
    margin: calc(10 * var(--width-multiplier)) 0;
    text-transform: uppercase;
    font-size: calc(14* var(--width-multiplier));
    font-weight: 700;
    line-height: calc(16 * var(--width-multiplier));
    letter-spacing: calc(0.5 * var(--width-multiplier));
}

.about__text-wrap p {
    color: #393649;
    font-family: TT_Moscow, Arial;
    font-size: calc(16* var(--width-multiplier));
    line-height: calc(18 * var(--width-multiplier));
    margin-bottom: calc(40 * var(--width-multiplier));
}

.about__text-wrap .advanthov__list {
    margin-bottom: calc(40 * var(--width-multiplier));
}

@media (max-width: 1023px) {
    .about__title {
        margin: 0 0 0 calc(50*2560px / 1920);
        margin: 0 0 0 calc(50*var(--width-multiplier));
        padding: 0;
        font-size: calc(34*2560px / 1920);
        font-size: calc(34*var(--width-multiplier));
        line-height: calc(38*2560px / 1920);
        line-height: calc(38*var(--width-multiplier));
        max-width: calc(250*2560px / 1920);
        max-width: calc(250*var(--width-multiplier));
    }

    .about__text-wrap p {
        margin-top: calc(10* var(--width-multiplier));
        margin-bottom: calc(32* var(--width-multiplier));
    }

    .about__text-wrap .advanthov__list {
        margin-top: calc(-20 * var(--width-multiplier));
        margin-bottom: calc(32 * var(--width-multiplier));
    }

    .about__text-wrap h5 {
        margin-bottom: 0;
    }

    .about__wrapper {
        margin: calc(40* var(--width-multiplier)) auto 0;
        padding: 0 calc(20 * var(--width-multiplier));
        flex-direction: column;
        max-width: 100%;
    }

    .about__text-wrap {
        width: 100%;
    }
}

.about__title span {
    color: #d00e46;
}

.about__left-img img {
    left: calc(-115*2560px / 1920);
    left: calc(-115*var(--width-multiplier));
    position: absolute;
    top: calc(100*2560px / 1920);
    top: calc(100*var(--width-multiplier));
    width: calc(64*2560px / 1920);
    width: calc(64*var(--width-multiplier));
    height: calc(400* var(--width-multiplier));
    object-fit: cover;
    object-position: top;
}

@media (max-width: 1023px) {
    .about__left-img img {
        left: calc(-5*2560px / 1920);
        left: calc(-5*var(--width-multiplier));
        top: 0;
        width: calc(24*2560px / 1920);
        width: calc(24*var(--width-multiplier));
        height: auto;
    }
}

.advant {
    background-color: #fff;
    margin-bottom: calc(40*2560px / 1920);
    margin-bottom: calc(40*var(--width-multiplier));
    position: relative;
    z-index: 2;
}

@media (max-width: 1023px) {
    .advant {
        margin-top: calc(10*var(--width-multiplier));
    }
}

.advant__container {
    margin: 0 auto;
    padding: 80px 65px;
    padding-bottom: 150px;
    position: relative;
    z-index: 2;
}

.advant__img-left {
    height: auto;
    left: 0;
    position: absolute;
    top: 0;
    width: calc(300*2560px / 1920);
    width: calc(300*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .advant__img-left {
        display: none;
    }
}

.advant__img-right {
    bottom: 0;
    height: auto;
    position: absolute;
    right: 0;
    width: calc(300*2560px / 1920);
    width: calc(300*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .advant__img-right {
        display: none;
    }
}

.advantmobile {
    display: none;
}

@media (max-width: 1023px) {
    .advantmobile {
        display: block;
    }

    .advantmobile__container {
        display: flex;
        overflow-x: auto;
    }
}

.advant__row {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    justify-content: space-between;
    ms-flex-pack: justify;
    webkit-box-pack: justify;
}

@media (max-width: 1023px) {
    .advant__row {
        display: none;
    }
}

.advant__divider
{
    background-color: #d00e46;
    height: 1px;
    margin-top: 88px;
    max-width: 97px;
    width: 100%;
}

.advant__item {
    cursor: pointer;
    height: calc(150*var(--width-multiplier));
    position: relative;
    width: calc(190*var(--width-multiplier));
    opacity: 1;
    margin-right: calc(90*var(--width-multiplier));
    opacity: 0.6;
}

.advant__item::before {
    content: '';
    position: absolute;
    width: calc(90*2560px / 1920);
    width: calc(90*var(--width-multiplier));
    height: 1px;
    background-color: rgb(208, 14, 70);
    top: calc(88*2560px / 1920);
    top: calc(88*var(--width-multiplier));
    right: calc(-90*2560px / 1920);
    right: calc(-90*var(--width-multiplier));
    z-index: 9;
}

.advant__item:last-child {
    margin-right: 0px;
}
.advant__item:last-child::before {
    display: none;
}
.advant__item.active {
    opacity: 1;
}

.advantmobile__item {
    position: relative;
    margin: 0 auto;
    max-width: calc(500*var(--width-multiplier));
    width: 100%;
}

@media (max-width: 1023px) {
    .advantmobile__item {
        max-width: none;
        flex-shrink: 0;
        width: calc(300 * var(--width-multiplier));
    }

    .advantmobile__item + .advantmobile__item .main__divider::before {
        content: "";
        position: absolute;
        left: calc(-80* var(--width-multiplier));
        top: 0;
        width: calc(60* var(--width-multiplier));
        height: 1px;
        background: var(--red);
    }
}

.advantmobile__img-wrap {
    height: calc(150*var(--width-multiplier));
    margin: 0 auto;
    position: relative;
    width: calc(190*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .advantmobile__img-wrap {
        height: calc(130* var(--width-multiplier));
    }
}

.advantmobile__item-img1,.advantmobile__item-img2,.advantmobile__item-img3,.advantmobile__item-img4 {
    background-image: url(../images/icon_official_01_active.svg);
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: cover;
    height: calc(95*2560px / 1920);
    height: calc(95*var(--width-multiplier));
    ms-transform: translateY(-50%);
    position: absolute;
    right: calc(40*2560px / 1920);
    right: calc(40*var(--width-multiplier));
    top: 50%;
    transform: translateY(-50%);
    transition: all .3s ease;
    webkit-transform: translateY(-50%);
    webkit-transition: all .3s ease;
    width: calc(90*2560px / 1920);
    width: calc(90*var(--width-multiplier));
}

.advantmobile__item-img1 {
    background-image: url(/local/templates/technopolis/css/../img/icon_official_01_active.svg);
}

.advantmobile__item-img2 {
    background-image: url(/local/templates/technopolis/css/../img/icon_official_02_active.svg);
}

.advantmobile__item-img3 {
    background-image: url(/local/templates/technopolis/css/../img/icon_official_03_active.svg);
    right: calc(20*2560px / 1920);
    right: calc(20*var(--width-multiplier));
}

.advantmobile__item-img4 {
    background-image: url(/local/templates/technopolis/css/../img/icon_official_03_active_1.svg);
}

.advantmobile__item-number1,.advantmobile__item-number2,.advantmobile__item-number3,.advantmobile__item-number4 {
    color: #d00e46;
    font-family: TT_Moscow;
    font-size: calc(78*2560px / 1920);
    font-size: calc(78*var(--width-multiplier));
    font-weight: 500;
    left: calc(33*2560px / 1920);
    left: calc(33*var(--width-multiplier));
    ms-transform: translateY(-50%);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    webkit-transform: translateY(-50%);
}

.advantmobile__item-number3 {
    left: calc(25*2560px / 1920);
    left: calc(25*var(--width-multiplier));
}

.advant__item-img1,.advant__item-img2,.advant__item-img3,.advant__item-img4 {
    background-image: url('../img/icon_official_01_active.svg');
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: cover;
    height: calc(115*2560px / 1920);
    height: calc(115*var(--width-multiplier));
    ms-transform: translateY(-50%);
    position: absolute;
    right: calc(20*2560px / 1920);
    right: calc(20*var(--width-multiplier));
    top: 50%;
    transform: translateY(-50%);
    webkit-transform: translateY(-50%);
    width: calc(110*2560px / 1920);
    width: calc(110*var(--width-multiplier));
}

.advant__item-img1
{
    background-image: url(../img/icon_official_01_active.svg);
}
.advant__item-img2
{
    background-image: url(../img/icon_official_02_active.svg);
}
.advant__item-img3
{
    background-image: url(../img/icon_official_03_active.svg);
}
.advant__item-img4
{
    background-image: url(../img/icon_official_03_active_1.svg);
}

.advant__item-number1,.advant__item-number2,.advant__item-number3,.advant__item-number4 {
    color: #d00e46;
    font-family: 'TT-Medium';
    font-size: calc(78*2560px / 1920);
    font-size: calc(78*var(--width-multiplier));
    font-weight: 500;
    left: calc(33*2560px / 1920);
    left: calc(33*var(--width-multiplier));
    ms-transform: translateY(-50%);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    webkit-transform: translateY(-50%);
}

.advant__item-number3 {
    left: calc(25*2560px / 1920);
    left: calc(25*var(--width-multiplier));
}

.advant__item-text {
    color: #393649;
    font-family: 'TT-Medium';
    font-size: calc(20*2560px / 1920);
    font-size: calc(20*var(--width-multiplier));
    font-weight: 500;
    line-height: 1.4;
    padding-top: calc(160*2560px / 1920);
    padding-top: calc(160*var(--width-multiplier));
    text-align: center;
    text-transform: uppercase;
}

.pl10
{
    padding-left: 10px;
}

.advanthov-desktop {
    margin: 0 auto;
    margin-top: calc(-30*2560px / 1920);
    margin-top: calc(-30*var(--width-multiplier));
    max-width: calc(1200*2560px / 1920);
    max-width: calc(1200*var(--width-multiplier));
    padding-bottom: calc(40*2560px / 1920);
    padding-bottom: calc(40*var(--width-multiplier));
    transition: all .3s ease;
    webkit-transition: all .3s ease;
    width: 100%;
}

@media (max-width: 1023px) {
    .advanthov-desktop {
        display: none;
    }
}

.advanthov {
    max-width: calc(580*2560px / 1920);
    max-width: calc(580*var(--width-multiplier));
    width: 100%;
}

.advanthov__title {
    color: #393649;
    font-family: 'TT-Medium';
    font-size: calc(32*var(--width-multiplier));
    font-style: normal;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: calc(24*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .advanthov__title {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        font-size: calc(23*var(--width-multiplier));
        text-transform: uppercase;
        margin-top: 0;
        min-height: calc(83* var(--width-multiplier));
    }
}

/*#extencion1
{
    display: none;
}
#extencion1.show
{
    display: block;
}
#extencion2
{
    display: none;
}
#extencion2.show
{
    display: block;
}
#extencion3
{
    display: none;
}
#extencion3.show
{
    display: block;
}
#extencion4
{
    display: none;
}
#extencion4.show
{
    display: block;
}*/

.advanthov__text {
    color: #393649;
    font-family: 'TT-Regular';
    font-size: calc(16*2560px / 1920);
    font-size: calc(16*var(--width-multiplier));
    line-height: 1.3;
    margin-top: calc(40*2560px / 1920);
    margin-top: calc(40*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .advanthov__text {
        padding: 0 calc(20*2560px / 1920);
        padding: 0 calc(20*var(--width-multiplier));
    }
}

.advanthov__list {
    margin-top: calc(40*2560px / 1920);
    margin-top: calc(40*var(--width-multiplier));
    padding-left: calc(20*2560px / 1920);
    padding-left: calc(20*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .advanthov__list {
        padding-right: calc(20*2560px / 1920);
        padding-right: calc(20*var(--width-multiplier));
    }
}

.advanthov__list li {
    line-height: 1.3;
    list-style-type: none;
    margin-bottom: calc(5*2560px / 1920);
    margin-bottom: calc(5*var(--width-multiplier));
    position: relative;
}

.advanthov__list li::after {
    content: '';
    position: absolute;
    background-color: #d00e46;
    border-radius: 50%;
    display: inline-block;
    height: calc(10*2560px / 1920);
    height: calc(10*var(--width-multiplier));
    top: calc(4*2560px / 1920);
    top: calc(4*var(--width-multiplier));
    left: calc(-20*2560px / 1920);
    left: calc(-20*var(--width-multiplier));
    width: calc(10*2560px / 1920);
    width: calc(10*var(--width-multiplier));
}

.advanthov__lisc-disk {
    background-color: #d00e46;
    border-radius: 50%;
    display: inline-block;
    height: calc(10*2560px / 1920);
    height: calc(10*var(--width-multiplier));
    margin-right: calc(10*2560px / 1920);
    margin-right: calc(10*var(--width-multiplier));
    padding-bottom: calc(4*2560px / 1920);
    padding-bottom: calc(4*var(--width-multiplier));
    width: calc(10*2560px / 1920);
    width: calc(10*var(--width-multiplier));
    display: none;
}

.stages {
    background-color: #ebebeb;
    padding: calc(100*var(--width-multiplier)) 0 calc(70 * var(--width-multiplier));
    -webkit-box-shadow: 0 calc(-20*var(--width-multiplier)) calc(20*var(--width-multiplier)) calc(-5*var(--width-multiplier)) rgba(0,0,0,0.2);
    -moz-box-shadow: 0 calc(-20*var(--width-multiplier)) calc(20*var(--width-multiplier)) calc(-5*var(--width-multiplier)) rgba(0,0,0,0.2);
    box-shadow: 0 calc(-20*var(--width-multiplier)) calc(20*var(--width-multiplier)) calc(-5*var(--width-multiplier)) rgba(0,0,0,0.2);
}

@media (max-width: 1023px) {
    .stages {
        padding: calc(60*var(--width-multiplier)) 0 calc(40 * var(--width-multiplier));
    }
}

.stages__container {
    max-width: calc(1200*var(--width-multiplier));
    position: relative;
    width: 100%;
}

.stages__slider {
    margin: 0 auto;
    margin-top: calc(100*2560px / 1920);
    margin-top: calc(100*var(--width-multiplier));
    max-width: calc(1215*2560px / 1920);
    max-width: calc(1215*var(--width-multiplier));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (max-width: 1023px) {
    .stages__slider {
        margin-top: calc(30*2560px / 1920);
        margin-top: calc(30*var(--width-multiplier));
    }
}

.stages__slide
{
    display: inline-block;
    margin: 0;
    width: 400px;
}

.stages__slide-year {
    color: #d00e46;
    display: block;
    font-family: 'TT-Medium';
    font-size: calc(48*2560px / 1920);
    font-size: calc(48*var(--width-multiplier));
    font-weight: 500;
    margin-bottom: calc(30*2560px / 1920);
    margin-bottom: calc(30*var(--width-multiplier));
    position: relative;
    text-align: center;
}

@media (max-width: 1023px) {
    .stages__slide-year {
        font-size: calc(28*2560px / 1920);
        font-size: calc(28*var(--width-multiplier));
        margin-bottom: calc(25*2560px / 1920);
        margin-bottom: calc(25*var(--width-multiplier));
    }
}

.stages__slide-year::after {
    background-color: #8590a6;
    bottom: calc(20*2560px / 1920);
    bottom: calc(20*var(--width-multiplier));
    content: "";
    height: 1px;
    position: absolute;
    right: 0;
    width: calc(96*2560px / 1920);
    width: calc(96*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .stages__slide-year::after {
        display: none;
    }
}

.stages__slide-year::before {
    background-color: #8590a6;
    bottom: calc(20*2560px / 1920);
    bottom: calc(20*var(--width-multiplier));
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: calc(96*2560px / 1920);
    width: calc(96*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .stages__slide-year::before {
        display: none;
    }
}

.stages__slide-text {
    font-family: 'TT-Regular';
    font-size: calc(16*2560px / 1920);
    font-size: calc(16*var(--width-multiplier));
    font-weight: 400;
    max-width: calc(370*2560px / 1920);
    max-width: calc(370*var(--width-multiplier));
    padding: 0 calc(20*2560px / 1920);
    padding: 0 calc(20*var(--width-multiplier));
    width: 100%;
}

@media (max-width: 1023px) {
    .stages__slide-text {
        margin: 0 auto;
        max-width: none;
        text-align: center;
        width: 100%;
    }
}

.stages__slider .prev-arrow {
    background: 0 0;
    background-image: url(../img/arrow_gr_lev.svg);
    background-repeat: no-repeat;
    height: calc(110*2560px / 1920);
    height: calc(110*var(--width-multiplier));
    left: -12%;
    position: absolute;
    z-index: 1;
    top: 0;
    width: calc(55*2560px / 1920);
    width: calc(55*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .stages__slider .prev-arrow {
        height: calc(55* 2560px / 1920);
        height: calc(55* var(--width-multiplier));
        left: 5%;
        top: -3%;
        width: calc(30* 2560px / 1920);
        width: calc(30* var(--width-multiplier));
    }
}

.stages__slider .next-arrow {
    background: 0 0;
    background-image: url(../img/arrow_gr_right.svg);
    background-repeat: no-repeat;
    height: calc(110*2560px / 1920);
    height: calc(110*var(--width-multiplier));
    position: absolute;
    z-index: 1;
    right: -12%;
    top: 0;
    width: calc(55*2560px / 1920);
    width: calc(55*var(--width-multiplier));
    cursor: pointer;
}

@media (max-width: 1023px) {
    .stages__slider .next-arrow {
        height: calc(55* 2560px / 1920);
        height: calc(55* var(--width-multiplier));
        right: 5%;
        top: -3%;
        width: calc(30* 2560px / 1920);
        width: calc(30* var(--width-multiplier));
    }
}
.stages__slider .prev-arrow:hover
{
    background-image: url(../img/arrow_red_lev_active.svg);
}
.stages__slider .next-arrow:hover
{
    background-image: url(../img/arrow_red_right_active.svg);
}
.team
{
    padding-bottom: 80px;
    padding-top: 80px;
}
.team__container
{
    max-width: calc(1380 * var(--width-multiplier));
    padding: 0 calc(120 * var(--width-multiplier));
    position: relative;
    width: 100%;
}

.main__divider {
    background-color: #d00e46;
    display: block;
    height: 1px;
    margin: 5px auto;
    position: relative;
    width: 220px;
}
.main__divider::after
{
    background-color: #d00e46;
    content: "";
    display: block;
    height: 5px;
    left: 50%;
    ms-transform: translateX(-50%);
    position: absolute;
    top: -2px;
    transform: translateX(-50%);
    webkit-transform: translateX(-50%);
    width: 35px;
}
.team__slider
{
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    justify-content: space-between;
    margin: 0 auto;
    margin-top: 90px;
    max-width: 1200px;
    ms-flex-pack: justify;
    webkit-box-pack: justify;
}
.team__slide
{
    display: inline-block;
    margin: 0 15px;
    width: 250px;
}
.team__image
{
    height: calc(255 * var(--width-multiplier));
    width: calc(255 * var(--width-multiplier));
}
.team__image img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}
.team__name
{
    color: #393649;
    font-family: 'TT-Medium';
    font-size: calc(22 * var(--width-multiplier));
    font-weight: 500;
    line-height: 1.1;
    margin: calc(25 * var(--width-multiplier)) 0 calc(10 * var(--width-multiplier));
    text-align: center;
}
.team__proffecion {
    font-family: 'TT-Medium';
    font-size: calc(15 * var(--width-multiplier));
    font-weight: 400;
    line-height: 1.1;
    color: var(--red);
    text-transform: uppercase;
    text-align: center;
}
.team_position
{
    color: var(--textGray);
    font-family: 'TT-Medium';
    font-size: calc(16 * var(--width-multiplier));
    font-weight: 400;
    line-height: 1.1;
    margin-top: calc(10 * var(--width-multiplier));
    text-align: center;
}
.no-webp .team-img1
{
    background-image: url(../img/team_dogtev.jpg);
}
.no-webp .team-img2
{
    background-image: url(../img/team_lukin.jpg);
}
.no-webp .team-img3
{
    background-image: url(../img/team_zhukov.jpg);
}
.no-webp .team-img4
{
    background-image: url(../img/team_semenova.jpg);
}
.no-webp .team-img5
{
    background-image: url(../img/team_rocheva.png);
}
.no-webp .team-img6
{
    background-image: url(../img/team_dogtev.jpg);
}
.no-webp .team-img7
{
    background-image: url(../img/team_zhukov.jpg);
}
.team__slider .prev-arrow
{
    background: 0 0;
    background-image: url(../img/arrow_gr_lev.svg);
    background-repeat: no-repeat;
    height: 7rem;
    left: -12%;
    position: absolute;
    top: 30%;
    width: 7rem;
}
.prev-arrow:hover
{
    background-image: url(../img/arrow_red_lev_active.svg);
    cursor: pointer;
}
.team__slider .next-arrow
{
    background: 0 0;
    background-image: url(../img/arrow_gr_right.svg);
    background-repeat: no-repeat;
    height: 7rem;
    position: absolute;
    right: -17%;
    top: 30%;
    width: 7rem;
}
.next-arrow:hover
{
    background-image: url(../img/arrow_red_right_active.svg);
}

.stages__dots {
    display: inline-block;
    text-align: center;
    margin: 0 auto;
}

@media (max-width: 1023px) {
    .stages__dots {
        margin-top: calc(20*2560px / 1920);
        margin-top: calc(20*var(--width-multiplier));
    }
}

.clients__dots,.stages__dots,.team__dots {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: calc(40 * var(--width-multiplier));
}

@media (max-width: 1023px) {
    .clients__dots,.stages__dots,.team__dots {
        margin-top: calc(20 * var(--width-multiplier));
    }
}

.clients__dots ul,.stages__dots ul,.team__dots ul
{
    align-items: center;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    justify-content: center;
    list-style: none;
    margin: 0;
    ms-flex-align: center;
    ms-flex-pack: center;
    padding: 0;
    webkit-box-align: center;
    webkit-box-pack: center;
}

.clients__dots ul li,.stages__dots ul li,.team__dots ul li {
    background-color: #8590a6;
    border-radius: 50%;
    cursor: pointer;
    height: calc(6*2560px / 1920);
    height: calc(6*var(--width-multiplier));
    margin: 0 calc(3*2560px / 1920);
    margin: 0 calc(3*var(--width-multiplier));
    transition: .2s all ease-out;
    webkit-transition: .2s all ease-out;
    width: calc(6*2560px / 1920);
    width: calc(6*var(--width-multiplier));
}

.clients__dots ul .slick-active,.stages__dots ul .slick-active,.team__dots ul .slick-active {
    background: #d00e46;
    border-radius: calc(3*2560px / 1920);
    border-radius: calc(3*var(--width-multiplier));
    width: calc(28*2560px / 1920);
    width: calc(28*var(--width-multiplier));
}

.team__container .slick-dots
{
    bottom: 10px;
    position: absolute;
}
.clients__dots ul li button,.team__dots ul li button
{
    display: none;
}
.pink
{
    color: #d00e46;
}

.science {
    padding-bottom: calc(120*var(--width-multiplier));
    -webkit-box-shadow: 0 calc(-20*var(--width-multiplier)) calc(20*var(--width-multiplier)) calc(-5*var(--width-multiplier)) rgba(0,0,0,0.2);
    -moz-box-shadow: 0 calc(-20*var(--width-multiplier)) calc(20*var(--width-multiplier)) calc(-5*var(--width-multiplier)) rgba(0,0,0,0.2);
    box-shadow: 0 calc(-20*var(--width-multiplier)) calc(20*var(--width-multiplier)) calc(-5*var(--width-multiplier)) rgba(0,0,0,0.2);
}

@media (max-width: 1023px) {
    .science {
        padding: calc(60 *var(--width-multiplier)) 0 calc(100* var(--width-multiplier));
    }
}

.science__container {
    position: relative;
}

.science__row {
    display: flex;
    justify-content: space-between;
    ms-flex-pack: justify;
    webkit-box-pack: justify;
}

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

.science__content {
    margin-right: calc(150*2560px / 1920);
    margin-right: calc(150*var(--width-multiplier));
    max-width: calc(480*2560px / 1920);
    max-width: calc(480*var(--width-multiplier));
    width: 100%;
}

@media (max-width: 1023px) {
    .science__content {
        max-width: none;
        margin-right: 0;
    }
}

.science-mtitle {
    max-width: calc(300*var(--width-multiplier));
    padding-bottom: calc(20*var(--width-multiplier));
    padding-top: calc(100*var(--width-multiplier));
    width: 100%;
}

@media (max-width: 1023px) {
    .science-mtitle {
        padding: 0 calc(20*var(--width-multiplier));
        max-width: none;
    }
}

.science-mtitle[class*=-mtitle] {
    margin: calc(90 * var(--width-multiplier)) 0 calc(20 * var(--width-multiplier));
    padding: 0;
    text-align: left;
}

@media (max-width: 1023px) {
    .science-mtitle[class*=-mtitle] {
        margin: 0 0 calc(20 * var(--width-multiplier));
        text-align: center;
    }
}

.science__mob-img {
    display: none;
}

.science__divider
{
    background-color: #d00e46;
    display: block;
    height: 1px;
    margin: 5px 0;
    position: relative;
    text-align: left;
    width: 220px;
}
.science__divider::after
{
    background-color: #d00e46;
    content: "";
    display: block;
    height: 5px;
    left: 0;
    position: absolute;
    top: -2px;
    width: 35px;
}

.science__text {
    color: #393649;
    font-family: 'TT-Medium';
    font-size: calc(16*2560px / 1920);
    font-size: calc(16*var(--width-multiplier));
    line-height: 1.6;
    margin-bottom: calc(70*2560px / 1920);
    margin-bottom: calc(70*var(--width-multiplier));
    margin-top: calc(70*2560px / 1920);
    margin-top: calc(70*var(--width-multiplier));
    max-width: calc(480*2560px / 1920);
    max-width: calc(480*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .science__text {
        max-width: none;
        padding: 0 calc(20*2560px / 1920);
        padding: 0 calc(20*var(--width-multiplier));
        margin: calc(30*2560px / 1920) 0;
        margin: calc(30*var(--width-multiplier)) 0;
        text-align: center;
    }
}

.science__btn {
    align-items: center;
    background-color: #393649;
    border: 1px solid #393649;
    border-radius: calc(8*2560px / 1920);
    border-radius: calc(8*var(--width-multiplier));
    color: #fff;
    display: flex;
    display: -ms-flexbox;
    font-size: calc(18*2560px / 1920);
    font-size: calc(18*var(--width-multiplier));
    font-weight: 500;
    height: calc(55*2560px / 1920);
    height: calc(55*var(--width-multiplier));
    justify-content: center;
    margin: calc(50*2560px / 1920) 0;
    margin: calc(50*var(--width-multiplier)) 0;
    margin-bottom: 0;
    max-width: calc(260*2560px / 1920);
    max-width: calc(260*var(--width-multiplier));
    ms-flex-align: center;
    ms-flex-pack: center;
    transition: all .3s ease;
    webkit-box-align: center;
    webkit-box-pack: center;
    webkit-transition: all .3s ease;
    width: 100%;
}

@media (max-width: 1023px) {
    .science__btn {
        font-size: calc(16*2560px / 1920);
        font-size: calc(16*var(--width-multiplier));
        margin: calc(30*2560px / 1920) auto 0;
        margin: calc(30*var(--width-multiplier)) auto 0;
        height: calc(50*2560px / 1920);
        height: calc(50*var(--width-multiplier));
        max-width: calc(230*2560px / 1920);
        max-width: calc(230*var(--width-multiplier));
    }
}

.science__btn:hover
{
    background-color: #d00e46;
    border: 1px solid #d00e46;
    transition: all .3s ease;
    webkit-transition: all .3s ease;
}

.science__image {
    height: calc(590*2560px / 1920);
    height: calc(590*var(--width-multiplier));
    max-width: calc(590*2560px / 1920);
    max-width: calc(590*var(--width-multiplier));
    position: relative;
    width: 100%;
}

@media (max-width: 1023px) {
    .science__image {
        height: calc(335*2560px / 1920);
        height: calc(335*var(--width-multiplier));
        max-width: none;
        margin-top: calc(40*2560px / 1920);
        margin-top: calc(40*var(--width-multiplier));
    }
}

.science__img-top {
    height: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: calc(480*2560px / 1920);
    width: calc(480*var(--width-multiplier));
    z-index: 3;
}

@media (max-width: 1023px) {
    .science__img-top {
        right: calc(10*2560px / 1920);
        right: calc(10*var(--width-multiplier));
        width: calc(290*2560px / 1920);
        width: calc(290*var(--width-multiplier));
        border-radius: calc(15*2560px / 1920) calc(15*2560px / 1920) 0 0;
        border-radius: calc(15*var(--width-multiplier)) calc(15*var(--width-multiplier)) 0 0;
    }
}

.science__img-bottom {
    height: auto;
    position: absolute;
    top: calc(280*2560px / 1920);
    top: calc(280*var(--width-multiplier));
    width: calc(320*2560px / 1920);
    width: calc(320*var(--width-multiplier));
    z-index: 2;
}

@media (max-width: 1023px) {
    .science__img-bottom {
        top: calc(140*2560px / 1920);
        top: calc(140*var(--width-multiplier));
        left: calc(10*2560px / 1920);
        left: calc(10*var(--width-multiplier));
        width: calc(260*2560px / 1920);
        width: calc(260*var(--width-multiplier));
    }
}

.science__lines {
    background-image: url(../img/lin_03_fon.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: calc(512*2560px / 1920);
    height: calc(512*var(--width-multiplier));
    ms-transform: translateY(-50%);
    position: absolute;
    right: 0;
    top: 60%;
    transform: translateY(-50%);
    webkit-transform: translateY(-50%);
    width: calc(512*2560px / 1920);
    width: calc(512*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .science__lines {
        height: calc(330*2560px / 1920);
        height: calc(330*var(--width-multiplier));
        right: calc(-30*2560px / 1920);
        right: calc(-30*var(--width-multiplier));
        top: calc(220*2560px / 1920);
        top: calc(220*var(--width-multiplier));
        width: 100%;
    }
}

.clients {
    background-color: #ebebeb;
    padding: calc(100*var(--width-multiplier)) 0 calc(70* var(--width-multiplier));
}

@media (max-width: 1023px) {
    .clients {
        padding: calc(60*var(--width-multiplier)) 0;
    }
}

.clients__container {
    max-width: calc(1200*2560px / 1920);
    max-width: calc(1200*var(--width-multiplier));
    position: relative;
    width: 100%;
}

@media (max-width: 1023px) {
    .clients__container {
        padding: 0;
    }
}

.clients__slider {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    justify-content: space-between;
    margin: 0 auto;
    margin-top: calc(80*2560px / 1920);
    margin-top: calc(80*var(--width-multiplier));
    margin-bottom: calc(30*2560px / 1920);
    margin-bottom: calc(30*var(--width-multiplier));
    max-width: calc(1400*2560px / 1920);
    max-width: calc(1400*var(--width-multiplier));
    ms-flex-pack: justify;
    webkit-box-pack: justify;
    margin-right: 2px;
}

@media (max-width: 1023px) {
    .clients__slider {
        margin-top: calc(40*2560px / 1920);
        margin-top: calc(40*var(--width-multiplier));
        margin-bottom: calc(40*2560px / 1920);
        margin-bottom: calc(40*var(--width-multiplier));
        max-width: none;
        margin-right: 0;
    }
}

.clients__slide {
    display: inline-block;
    margin: 0 1px;
    padding: calc(20*2560px / 1920) calc(40*2560px / 1920);
    padding: calc(20*var(--width-multiplier)) calc(40*var(--width-multiplier));
    position: relative;
    width: calc(350*2560px / 1920);
    width: calc(350*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .clients__slide {
        width: calc(150*2560px / 1920);
        width: calc(150*var(--width-multiplier));
        padding: 0 calc(20*2560px / 1920);
        padding: 0 calc(20*var(--width-multiplier));
    }
}

.clients__slide::before {
    background-color: #cecece;
    content: " ";
    height: calc(60*2560px / 1920);
    height: calc(60*var(--width-multiplier));
    ms-transform: translateY(-50%);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    webkit-transform: translateY(-50%);
    width: 1px;
    z-index: 66;
}

.no-webp .clients-img1
{
    background-image: url(../img/clients1.png);
}
.no-webp .clients-img2
{
    background-image: url(../img/clients22.png);
}
.no-webp .clients-img3
{
    background-image: url(../img/clients3.png);
}
.no-webp .clients-img4
{
    background-image: url(../img/clients4.png);
}
.no-webp .clients-img5
{
    background-image: url(../img/clients3.png);
}

.clients__slide-img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative;
    width: 100%;
}

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

.clients__slider .next-arrow {
    background: 0 0;
    background-image: url(../img/arrow_gr_right.svg);
    background-repeat: no-repeat;
    height: calc(110*2560px / 1920);
    height: calc(110*var(--width-multiplier));
    right: -10%;
    position: absolute;
    top: 12%;
    width: calc(55*2560px / 1920);
    width: calc(55*var(--width-multiplier));
    cursor: pointer;
}

.clients__slider .prev-arrow {
    background: 0 0;
    background-image: url(../img/arrow_gr_lev.svg);
    background-repeat: no-repeat;
    height: calc(110*2560px / 1920);
    height: calc(110*var(--width-multiplier));
    left: -10%;
    position: absolute;
    top: 12%;
    width: calc(55*2560px / 1920);
    width: calc(55*var(--width-multiplier));
}

.team__container .slick-dots
{
    bottom: 30px;
    position: absolute;
}
.clients__slider .prev-arrow:hover
{
    background-image: url(../img/arrow_red_lev_active.svg);
    cursor: pointer;
}
.clients__slider .next-arrow:hover
{
    background-image: url(../img/arrow_red_right_active.svg);
}
.contact
{
    padding-bottom: 100px;
    padding-top: 100px;
}

.contact-mtitle
{
    padding-bottom: 20px;
}
.contact__subtitle
{
    color: #393649;
    font-family: 'TT-Medium';
    font-size: 22px;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 30px;
    text-align: center;
}
.contact__row-button
{
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    justify-content: space-between;
    margin: 0 auto;
    margin-top: 60px;
    max-width: 590px;
    ms-flex-pack: justify;
    webkit-box-pack: justify;
    width: 100%;
}
.contact__resident-btn
{
    align-items: center;
    background-color: #d00e46;
    border: 1px solid #d00e46;
    border-radius: 8px;
    color: #fff;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    font-size: 18px;
    font-weight: 500;
    height: 55px;
    justify-content: center;
    margin: 0 10px;
    max-width: 260px;
    ms-flex-align: center;
    ms-flex-pack: center;
    transition: all .3s ease;
    webkit-box-align: center;
    webkit-box-pack: center;
    webkit-transition: all .3s ease;
    width: 100%;
}
.contact__resident-btn:hover
{
    background-color: #740827;
    border: 1px solid #740827;
    transition: all .3s ease;
    webkit-transition: all .3s ease;
}
.contact__notresident-btn
{
    align-items: center;
    background-color: #fff;
    border: 1px solid #b8b8b8;
    border-radius: 8px;
    color: #393649;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    font-size: 18px;
    font-weight: 500;
    height: 55px;
    justify-content: center;
    margin: 0 10px;
    max-width: 260px;
    ms-flex-align: center;
    ms-flex-pack: center;
    transition: all .3s ease;
    webkit-box-align: center;
    webkit-box-pack: center;
    webkit-transition: all .3s ease;
    width: 100%;
}

.contact__notresident-btn:hover
{
    background-color: #393649;
    color: #fff;
    transition: all .3s ease;
    webkit-transition: all .3s ease;
}
.contact__form-row
{
    align-items: center;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    justify-content: space-between;
    margin-bottom: 20px;
    ms-flex-align: center;
    ms-flex-pack: justify;
    webkit-box-align: center;
    webkit-box-pack: justify;
}
.form__input
{
    border-bottom: 1px solid #b8b8b8;
    font-size: 19px;
    margin: 0 10px;
    max-width: 350px;
    padding: 10px 0;
    width: 100%;
}
.form-btn
{
    align-items: center;
    background-color: #393649;
    border: 1px solid #393649;
    border-radius: 8px;
    color: #fff;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    font-size: 18px;
    font-weight: 500;
    height: 55px;
    justify-content: center;
    margin: 50px auto;
    max-width: 260px;
    ms-flex-align: center;
    ms-flex-pack: center;
    transition: all .3s ease;
    webkit-box-align: center;
    webkit-box-pack: center;
    webkit-transition: all .3s ease;
    width: 100%;
}
.form-btn:hover
{
    background-color: #d00e46;
    border: 1px solid #d00e46;
    transition: all .3s ease;
    webkit-transition: all .3s ease;
}
input:focus
{
    border-color: #d00e46;
    outline: #d00e46;
}
.contact__agreement
{
    color: #b8b8b8;
    line-height: 1.3;
    margin: auto;
    max-width: 850px;
    text-align: center;
    width: 100%;
}
.moscow_md
{
    font-weight: 500;
}
@media (max-width:1560.98px)
{
    [class*=__mdescription]
    {
        font-size: 22px;
    }
}
@media (max-width:1530.98px)
{
    .team__slider .prev-arrow
    {
        height: 100px;
        left: -90px;
        width: 50px;
    }
    .team__slider .next-arrow
    {
        height: 100px;
        right: -90px;
        width: 50px;
    }
}

@media (max-width:1430.98px)
{
    .team__slider .prev-arrow
    {
        height: 80px;
        left: -80px;
        width: 40px;
    }
    .team__slider .next-arrow
    {
        height: 80px;
        right: -80px;
        width: 40px;
    }
}

@media (max-width:1240.98px)
{
    .team__container
    {
        padding: 0 100px;
    }
}

@media (max-width:1080.98px)
{
    .advant__divider
    {
        display: none;
    }
}

@media (max-width:1010.98px)
{
    [class*=__mdescription]
    {
        font-size: 17px;
    }
}
@media (max-width:1000.98px)
{
    .no-webp .science__mob-img
    {
        background-image: url(../img/science_top.png);
    }
}
@media (max-width:920.98px)
{
    .no-webp .about
    {
        background-image: url(../img/second-header-about.jpg);
    }
    .about__title span
    {
        color: #fff;
    }
}
@media (max-width:900.98px)
{
    .advantmobile__item-number3
    {
        left: 50px;
    }
    .team__container
    {
        padding: 0 60px;
    }
}
@media (max-width:770.98px)
{
    .team__container
    {
        padding: 0 20px;
    }
}
@media (max-width:768.98px)
{
    [class*=-smtitle]
    {
        font-size: 22px;
        line-height: 30px;
        margin-top: 40px;
    }
    [class*=tag__text]
    {
        font-size: 14px;
    }
}

@media (max-width:540.98px)
{
    .team__container
    {
        padding: 0 80px;
    }
    .team__slider
    {
        margin-top: 60px;
    }
    .team__image
    {
        height: 310px;
    }
}

@media (max-width:500.98px)
{
    .team__container
    {
        padding: 0 60px;
    }
}
@media (max-width:490.98px)
{
    .team__container .slick-dots
    {
        bottom: 30px;
    }
    .team__container .slick-dots
    {
        bottom: 0;
    }
}
@media (max-width:460.98px)
{
    .team__container
    {
        padding: 0 40px;
    }
}
@media (max-width:450.98px)
{
    .team__name
    {
        font-size: 18px;
    }
    .team_position
    {
        font-size: 18px;
    }
}
@media (max-width:420.98px)
{
    [class*=-smtitle]
    {
        font-size: 20px;
        line-height: 28px;
    }
    [class*=tag__text]
    {
        font-size: 12px;
    }
    [class*=-ltext]
    {
        font-size: 18px;
    }
}

.webp .about__img
{
    background-image: url(../img/about_bg.webp);
}
.webp .team-img1
{
    background-image: url(../img/team_dogtev.webp);
}
.webp .team-img2
{
    background-image: url(../img/team_lukin.webp);
}
.webp .team-img3
{
    background-image: url(../img/team_zhukov.webp);
}
.webp .team-img4
{
    background-image: url(../img/team_semenova.webp);
}
.webp .team-img5
{
    background-image: url(../img/team_rocheva.webp);
}
.webp .team-img6
{
    background-image: url(../img/team_dogtev.webp);
}
.webp .team-img7
{
    background-image: url(../img/team_zhukov.webp);
}
.webp .clients-img1
{
    background-image: url(../img/clients1.webp);
}
.webp .clients-img2
{
    background-image: url(../img/clients22.webp);
}
.webp .clients-img3
{
    background-image: url(../img/clients3.webp);
}
.webp .clients-img4
{
    background-image: url(../img/clients4.webp);
}
.webp .clients-img5
{
    background-image: url(../images/clients3.webp);
}
@media (max-width:1000.98px)
{
    .webp .science__mob-img
    {
        background-image: url(../img/science_top.webp);
    }
}
@media (max-width:920.98px)
{
    .webp .about
    {
        background-image: url(../img/second-header-about.webp);
    }
}
.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}

@media (min-width: 576px) {
    .afisha__item {
        width: 100%;
        margin-right: 15px;
        margin-left: 15px;
    }

}

.flexrow {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.swiper-slide .flexrow {
    margin: calc(14 * var(--width-multiplier)) 0;
}

.flexrow .name {
    margin: 0;
}

.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: calc(-15*2560px / 1920);
    margin-right: calc(-15*var(--width-multiplier));
    margin-left: calc(-15*2560px / 1920);
    margin-left: calc(-15*var(--width-multiplier));
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto {
    width: 100%;
    min-height: 1px;
    padding-right: calc(15*2560px / 1920);
    padding-right: calc(15*var(--width-multiplier));
    padding-left: calc(15*2560px / 1920);
    padding-left: calc(15*var(--width-multiplier));
}

.col-auto {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9 {
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none
}

.col-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
}

.col-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
}

.col-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
}

.col-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
}

.col-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

.offset-1 {
    margin-left: 8.3333333333%
}

.offset-2 {
    margin-left: 16.6666666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.3333333333%
}

.offset-5 {
    margin-left: 41.6666666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.3333333333%
}

.offset-8 {
    margin-left: 66.6666666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.3333333333%
}

.offset-11 {
    margin-left: 91.6666666667%
}

@media (min-width: 1024px) {
    .col-lg {
        flex-basis:0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-lg-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-lg-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-lg-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-lg-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-lg-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-lg-first {
        order: -1
    }

    .order-lg-last {
        order: 13
    }

    .order-lg-0 {
        order: 0
    }

    .order-lg-1 {
        order: 1
    }

    .order-lg-2 {
        order: 2
    }

    .order-lg-3 {
        order: 3
    }

    .order-lg-4 {
        order: 4
    }

    .order-lg-5 {
        order: 5
    }

    .order-lg-6 {
        order: 6
    }

    .order-lg-7 {
        order: 7
    }

    .order-lg-8 {
        order: 8
    }

    .order-lg-9 {
        order: 9
    }

    .order-lg-10 {
        order: 10
    }

    .order-lg-11 {
        order: 11
    }

    .order-lg-12 {
        order: 12
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.3333333333%
    }

    .offset-lg-2 {
        margin-left: 16.6666666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.3333333333%
    }

    .offset-lg-5 {
        margin-left: 41.6666666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.3333333333%
    }

    .offset-lg-8 {
        margin-left: 66.6666666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.3333333333%
    }

    .offset-lg-11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width: 1308px) {
    .col-xl {
        flex-basis:0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-xl-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-xl-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-xl-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-xl-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-xl-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xl-first {
        order: -1
    }

    .order-xl-last {
        order: 13
    }

    .order-xl-0 {
        order: 0
    }

    .order-xl-1 {
        order: 1
    }

    .order-xl-2 {
        order: 2
    }

    .order-xl-3 {
        order: 3
    }

    .order-xl-4 {
        order: 4
    }

    .order-xl-5 {
        order: 5
    }

    .order-xl-6 {
        order: 6
    }

    .order-xl-7 {
        order: 7
    }

    .order-xl-8 {
        order: 8
    }

    .order-xl-9 {
        order: 9
    }

    .order-xl-10 {
        order: 10
    }

    .order-xl-11 {
        order: 11
    }

    .order-xl-12 {
        order: 12
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.3333333333%
    }

    .offset-xl-2 {
        margin-left: 16.6666666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.3333333333%
    }

    .offset-xl-5 {
        margin-left: 41.6666666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.3333333333%
    }

    .offset-xl-8 {
        margin-left: 66.6666666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.3333333333%
    }

    .offset-xl-11 {
        margin-left: 91.6666666667%
    }
}

.d-none {
    display: none!important
}

.d-inline {
    display: inline!important
}

.d-inline-block {
    display: inline-block!important
}

.d-block {
    display: block!important
}

.d-table {
    display: table!important
}

.d-table-row {
    display: table-row!important
}

.d-table-cell {
    display: table-cell!important
}

.d-flex {
    display: flex!important
}

.d-inline-flex {
    display: inline-flex!important
}

@media (min-width: 576px) {
    .d-sm-none {
        display:none!important
    }

    .d-sm-inline {
        display: inline!important
    }

    .d-sm-inline-block {
        display: inline-block!important
    }

    .d-sm-block {
        display: block!important
    }

    .d-sm-table {
        display: table!important
    }

    .d-sm-table-row {
        display: table-row!important
    }

    .d-sm-table-cell {
        display: table-cell!important
    }

    .d-sm-flex {
        display: flex!important
    }

    .d-sm-inline-flex {
        display: inline-flex!important
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display:none!important
    }

    .d-md-inline {
        display: inline!important
    }

    .d-md-inline-block {
        display: inline-block!important
    }

    .d-md-block {
        display: block!important
    }

    .d-md-table {
        display: table!important
    }

    .d-md-table-row {
        display: table-row!important
    }

    .d-md-table-cell {
        display: table-cell!important
    }

    .d-md-flex {
        display: flex!important
    }

    .d-md-inline-flex {
        display: inline-flex!important
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display:none!important
    }

    .d-lg-inline {
        display: inline!important
    }

    .d-lg-inline-block {
        display: inline-block!important
    }

    .d-lg-block {
        display: block!important
    }

    .d-lg-table {
        display: table!important
    }

    .d-lg-table-row {
        display: table-row!important
    }

    .d-lg-table-cell {
        display: table-cell!important
    }

    .d-lg-flex {
        display: flex!important
    }

    .d-lg-inline-flex {
        display: inline-flex!important
    }
}

@media (min-width: 1308px) {
    .d-xl-none {
        display:none!important
    }

    .d-xl-inline {
        display: inline!important
    }

    .d-xl-inline-block {
        display: inline-block!important
    }

    .d-xl-block {
        display: block!important
    }

    .d-xl-table {
        display: table!important
    }

    .d-xl-table-row {
        display: table-row!important
    }

    .d-xl-table-cell {
        display: table-cell!important
    }

    .d-xl-flex {
        display: flex!important
    }

    .d-xl-inline-flex {
        display: inline-flex!important
    }
}

@media print {
    .d-print-none {
        display: none!important
    }

    .d-print-inline {
        display: inline!important
    }

    .d-print-inline-block {
        display: inline-block!important
    }

    .d-print-block {
        display: block!important
    }

    .d-print-table {
        display: table!important
    }

    .d-print-table-row {
        display: table-row!important
    }

    .d-print-table-cell {
        display: table-cell!important
    }

    .d-print-flex {
        display: flex!important
    }

    .d-print-inline-flex {
        display: inline-flex!important
    }
}

.flex-row {
    flex-direction: row!important
}

.flex-column {
    flex-direction: column!important
}

.flex-row-reverse {
    flex-direction: row-reverse!important
}

.flex-column-reverse {
    flex-direction: column-reverse!important
}

.flex-wrap {
    flex-wrap: wrap!important
}

.flex-nowrap {
    flex-wrap: nowrap!important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse!important
}

.flex-fill {
    flex: 1 1 auto!important
}

.flex-grow-0 {
    flex-grow: 0!important
}

.flex-grow-1 {
    flex-grow: 1!important
}

.flex-shrink-0 {
    flex-shrink: 0!important
}

.flex-shrink-1 {
    flex-shrink: 1!important
}

.justify-content-start {
    justify-content: flex-start!important
}

.justify-content-end {
    justify-content: flex-end!important
}

.justify-content-center {
    justify-content: center!important
}

.justify-content-between {
    justify-content: space-between!important
}

.justify-content-around {
    justify-content: space-around!important
}

.align-items-start {
    align-items: flex-start!important
}

.align-items-end {
    align-items: flex-end!important
}

.align-items-center {
    align-items: center!important
}

.align-items-baseline {
    align-items: baseline!important
}

.align-items-stretch {
    align-items: stretch!important
}

.align-content-start {
    align-content: flex-start!important
}

.align-content-end {
    align-content: flex-end!important
}

.align-content-center {
    align-content: center!important
}

.align-content-between {
    align-content: space-between!important
}

.align-content-around {
    align-content: space-around!important
}

.align-content-stretch {
    align-content: stretch!important
}

.align-self-auto {
    align-self: auto!important
}

.align-self-start {
    align-self: flex-start!important
}

.align-self-end {
    align-self: flex-end!important
}

.align-self-center {
    align-self: center!important
}

.align-self-baseline {
    align-self: baseline!important
}

.align-self-stretch {
    align-self: stretch!important
}

@media (min-width: 576px) {
    .flex-sm-row {
        flex-direction:row!important
    }

    .flex-sm-column {
        flex-direction: column!important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-sm-wrap {
        flex-wrap: wrap!important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .flex-sm-fill {
        flex: 1 1 auto!important
    }

    .flex-sm-grow-0 {
        flex-grow: 0!important
    }

    .flex-sm-grow-1 {
        flex-grow: 1!important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1!important
    }

    .justify-content-sm-start {
        justify-content: flex-start!important
    }

    .justify-content-sm-end {
        justify-content: flex-end!important
    }

    .justify-content-sm-center {
        justify-content: center!important
    }

    .justify-content-sm-between {
        justify-content: space-between!important
    }

    .justify-content-sm-around {
        justify-content: space-around!important
    }

    .align-items-sm-start {
        align-items: flex-start!important
    }

    .align-items-sm-end {
        align-items: flex-end!important
    }

    .align-items-sm-center {
        align-items: center!important
    }

    .align-items-sm-baseline {
        align-items: baseline!important
    }

    .align-items-sm-stretch {
        align-items: stretch!important
    }

    .align-content-sm-start {
        align-content: flex-start!important
    }

    .align-content-sm-end {
        align-content: flex-end!important
    }

    .align-content-sm-center {
        align-content: center!important
    }

    .align-content-sm-between {
        align-content: space-between!important
    }

    .align-content-sm-around {
        align-content: space-around!important
    }

    .align-content-sm-stretch {
        align-content: stretch!important
    }

    .align-self-sm-auto {
        align-self: auto!important
    }

    .align-self-sm-start {
        align-self: flex-start!important
    }

    .align-self-sm-end {
        align-self: flex-end!important
    }

    .align-self-sm-center {
        align-self: center!important
    }

    .align-self-sm-baseline {
        align-self: baseline!important
    }

    .align-self-sm-stretch {
        align-self: stretch!important
    }
}

@media (min-width: 768px) {
    .flex-md-row {
        flex-direction:row!important
    }

    .flex-md-column {
        flex-direction: column!important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-md-wrap {
        flex-wrap: wrap!important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .flex-md-fill {
        flex: 1 1 auto!important
    }

    .flex-md-grow-0 {
        flex-grow: 0!important
    }

    .flex-md-grow-1 {
        flex-grow: 1!important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1!important
    }

    .justify-content-md-start {
        justify-content: flex-start!important
    }

    .justify-content-md-end {
        justify-content: flex-end!important
    }

    .justify-content-md-center {
        justify-content: center!important
    }

    .justify-content-md-between {
        justify-content: space-between!important
    }

    .justify-content-md-around {
        justify-content: space-around!important
    }

    .align-items-md-start {
        align-items: flex-start!important
    }

    .align-items-md-end {
        align-items: flex-end!important
    }

    .align-items-md-center {
        align-items: center!important
    }

    .align-items-md-baseline {
        align-items: baseline!important
    }

    .align-items-md-stretch {
        align-items: stretch!important
    }

    .align-content-md-start {
        align-content: flex-start!important
    }

    .align-content-md-end {
        align-content: flex-end!important
    }

    .align-content-md-center {
        align-content: center!important
    }

    .align-content-md-between {
        align-content: space-between!important
    }

    .align-content-md-around {
        align-content: space-around!important
    }

    .align-content-md-stretch {
        align-content: stretch!important
    }

    .align-self-md-auto {
        align-self: auto!important
    }

    .align-self-md-start {
        align-self: flex-start!important
    }

    .align-self-md-end {
        align-self: flex-end!important
    }

    .align-self-md-center {
        align-self: center!important
    }

    .align-self-md-baseline {
        align-self: baseline!important
    }

    .align-self-md-stretch {
        align-self: stretch!important
    }
}

@media (min-width: 992px) {
    .flex-lg-row {
        flex-direction:row!important
    }

    .flex-lg-column {
        flex-direction: column!important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-lg-wrap {
        flex-wrap: wrap!important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .flex-lg-fill {
        flex: 1 1 auto!important
    }

    .flex-lg-grow-0 {
        flex-grow: 0!important
    }

    .flex-lg-grow-1 {
        flex-grow: 1!important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1!important
    }

    .justify-content-lg-start {
        justify-content: flex-start!important
    }

    .justify-content-lg-end {
        justify-content: flex-end!important
    }

    .justify-content-lg-center {
        justify-content: center!important
    }

    .justify-content-lg-between {
        justify-content: space-between!important
    }

    .justify-content-lg-around {
        justify-content: space-around!important
    }

    .align-items-lg-start {
        align-items: flex-start!important
    }

    .align-items-lg-end {
        align-items: flex-end!important
    }

    .align-items-lg-center {
        align-items: center!important
    }

    .align-items-lg-baseline {
        align-items: baseline!important
    }

    .align-items-lg-stretch {
        align-items: stretch!important
    }

    .align-content-lg-start {
        align-content: flex-start!important
    }

    .align-content-lg-end {
        align-content: flex-end!important
    }

    .align-content-lg-center {
        align-content: center!important
    }

    .align-content-lg-between {
        align-content: space-between!important
    }

    .align-content-lg-around {
        align-content: space-around!important
    }

    .align-content-lg-stretch {
        align-content: stretch!important
    }

    .align-self-lg-auto {
        align-self: auto!important
    }

    .align-self-lg-start {
        align-self: flex-start!important
    }

    .align-self-lg-end {
        align-self: flex-end!important
    }

    .align-self-lg-center {
        align-self: center!important
    }

    .align-self-lg-baseline {
        align-self: baseline!important
    }

    .align-self-lg-stretch {
        align-self: stretch!important
    }
}

@media (min-width: 1308px) {
    .flex-xl-row {
        flex-direction:row!important
    }

    .flex-xl-column {
        flex-direction: column!important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-xl-wrap {
        flex-wrap: wrap!important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .flex-xl-fill {
        flex: 1 1 auto!important
    }

    .flex-xl-grow-0 {
        flex-grow: 0!important
    }

    .flex-xl-grow-1 {
        flex-grow: 1!important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1!important
    }

    .justify-content-xl-start {
        justify-content: flex-start!important
    }

    .justify-content-xl-end {
        justify-content: flex-end!important
    }

    .justify-content-xl-center {
        justify-content: center!important
    }

    .justify-content-xl-between {
        justify-content: space-between!important
    }

    .justify-content-xl-around {
        justify-content: space-around!important
    }

    .align-items-xl-start {
        align-items: flex-start!important
    }

    .align-items-xl-end {
        align-items: flex-end!important
    }

    .align-items-xl-center {
        align-items: center!important
    }

    .align-items-xl-baseline {
        align-items: baseline!important
    }

    .align-items-xl-stretch {
        align-items: stretch!important
    }

    .align-content-xl-start {
        align-content: flex-start!important
    }

    .align-content-xl-end {
        align-content: flex-end!important
    }

    .align-content-xl-center {
        align-content: center!important
    }

    .align-content-xl-between {
        align-content: space-between!important
    }

    .align-content-xl-around {
        align-content: space-around!important
    }

    .align-content-xl-stretch {
        align-content: stretch!important
    }

    .align-self-xl-auto {
        align-self: auto!important
    }

    .align-self-xl-start {
        align-self: flex-start!important
    }

    .align-self-xl-end {
        align-self: flex-end!important
    }

    .align-self-xl-center {
        align-self: center!important
    }

    .align-self-xl-baseline {
        align-self: baseline!important
    }

    .align-self-xl-stretch {
        align-self: stretch!important
    }
}

.w-25 {
    width: 25%!important
}

.w-50 {
    width: 50%!important
}

.w-75 {
    width: 75%!important
}

.w-100 {
    width: 100%!important
}

.w-auto {
    width: auto!important
}

.h-25 {
    height: 25%!important
}

.h-50 {
    height: 50%!important
}

.h-75 {
    height: 75%!important
}

.h-100 {
    height: 100%!important
}

.h-auto {
    height: auto!important
}

.mw-100 {
    max-width: 100%!important
}

.mh-100 {
    max-height: 100%!important
}

.m-0 {
    margin: 0!important
}

.mt-0,.my-0 {
    margin-top: 0!important
}

.mr-0,.mx-0 {
    margin-right: 0!important
}

.mb-0,.my-0 {
    margin-bottom: 0!important
}

.ml-0,.mx-0 {
    margin-left: 0!important
}

.m-1 {
    margin: .25rem!important
}

.mt-1,.my-1 {
    margin-top: .25rem!important
}

.mr-1,.mx-1 {
    margin-right: .25rem!important
}

.mb-1,.my-1 {
    margin-bottom: .25rem!important
}

.ml-1,.mx-1 {
    margin-left: .25rem!important
}

.m-2 {
    margin: .5rem!important
}

.mt-2,.my-2 {
    margin-top: .5rem!important
}

.mr-2,.mx-2 {
    margin-right: .5rem!important
}

.mb-2,.my-2 {
    margin-bottom: .5rem!important
}

.ml-2,.mx-2 {
    margin-left: .5rem!important
}

.m-3 {
    margin: 1rem!important
}

.mt-3,.my-3 {
    margin-top: 1rem!important
}

.mr-3,.mx-3 {
    margin-right: 1rem!important
}

.mb-3,.my-3 {
    margin-bottom: 1rem!important
}

.ml-3,.mx-3 {
    margin-left: 1rem!important
}

.m-4 {
    margin: 1.5rem!important
}

.mt-4,.my-4 {
    margin-top: 1.5rem!important
}

.mr-4,.mx-4 {
    margin-right: 1.5rem!important
}

.mb-4,.my-4 {
    margin-bottom: 1.5rem!important
}

.ml-4,.mx-4 {
    margin-left: 1.5rem!important
}

.m-5 {
    margin: 3rem!important
}

.mt-5,.my-5 {
    margin-top: 3rem!important
}

.mr-5,.mx-5 {
    margin-right: 3rem!important
}

.mb-5,.my-5 {
    margin-bottom: 3rem!important
}

.ml-5,.mx-5 {
    margin-left: 3rem!important
}

.p-0 {
    padding: 0!important
}

.pt-0,.py-0 {
    padding-top: 0!important
}

.pr-0,.px-0 {
    padding-right: 0!important
}

.pb-0,.py-0 {
    padding-bottom: 0!important
}

.pl-0,.px-0 {
    padding-left: 0!important
}

.p-1 {
    padding: .25rem!important
}

.pt-1,.py-1 {
    padding-top: .25rem!important
}

.pr-1,.px-1 {
    padding-right: .25rem!important
}

.pb-1,.py-1 {
    padding-bottom: .25rem!important
}

.pl-1,.px-1 {
    padding-left: .25rem!important
}

.p-2 {
    padding: .5rem!important
}

.pt-2,.py-2 {
    padding-top: .5rem!important
}

.pr-2,.px-2 {
    padding-right: .5rem!important
}

.pb-2,.py-2 {
    padding-bottom: .5rem!important
}

.pl-2,.px-2 {
    padding-left: .5rem!important
}

.p-3 {
    padding: 1rem!important
}

.pt-3,.py-3 {
    padding-top: 1rem!important
}

.pr-3,.px-3 {
    padding-right: 1rem!important
}

.pb-3,.py-3 {
    padding-bottom: 1rem!important
}

.pl-3,.px-3 {
    padding-left: 1rem!important
}

.p-4 {
    padding: 1.5rem!important
}

.pt-4,.py-4 {
    padding-top: calc(24*2560px / 1920) !important;
    padding-top: calc(24*var(--width-multiplier)) !important;
}

.pr-4,.px-4 {
    padding-right: 1.5rem!important
}

.pb-4,.py-4 {
    padding-bottom: 1.5rem!important
}

.pl-4,.px-4 {
    padding-left: 1.5rem!important
}

.p-5 {
    padding: 3rem!important
}

.pt-5,.py-5 {
    padding-top: calc(48*2560px / 1920) !important;
    padding-top: calc(48*var(--width-multiplier)) !important;
}

.pr-5,.px-5 {
    padding-right: 3rem!important
}

.pb-5,.py-5 {
    padding-bottom: calc(48*2560px / 1920) !important;
    padding-bottom: calc(48*var(--width-multiplier)) !important;
}

.pl-5,.px-5 {
    padding-left: 3rem!important
}

.m-auto {
    margin: auto!important
}

.mt-auto,.my-auto {
    margin-top: auto!important
}

.mr-auto,.mx-auto {
    margin-right: auto!important
}

.mb-auto,.my-auto {
    margin-bottom: auto!important
}

.ml-auto,.mx-auto {
    margin-left: auto!important
}

@media (min-width: 576px) {
    .m-sm-0 {
        margin:0!important
    }

    .mt-sm-0,.my-sm-0 {
        margin-top: 0!important
    }

    .mr-sm-0,.mx-sm-0 {
        margin-right: 0!important
    }

    .mb-sm-0,.my-sm-0 {
        margin-bottom: 0!important
    }

    .ml-sm-0,.mx-sm-0 {
        margin-left: 0!important
    }

    .m-sm-1 {
        margin: .25rem!important
    }

    .mt-sm-1,.my-sm-1 {
        margin-top: .25rem!important
    }

    .mr-sm-1,.mx-sm-1 {
        margin-right: .25rem!important
    }

    .mb-sm-1,.my-sm-1 {
        margin-bottom: .25rem!important
    }

    .ml-sm-1,.mx-sm-1 {
        margin-left: .25rem!important
    }

    .m-sm-2 {
        margin: .5rem!important
    }

    .mt-sm-2,.my-sm-2 {
        margin-top: .5rem!important
    }

    .mr-sm-2,.mx-sm-2 {
        margin-right: .5rem!important
    }

    .mb-sm-2,.my-sm-2 {
        margin-bottom: .5rem!important
    }

    .ml-sm-2,.mx-sm-2 {
        margin-left: .5rem!important
    }

    .m-sm-3 {
        margin: 1rem!important
    }

    .mt-sm-3,.my-sm-3 {
        margin-top: 1rem!important
    }

    .mr-sm-3,.mx-sm-3 {
        margin-right: 1rem!important
    }

    .mb-sm-3,.my-sm-3 {
        margin-bottom: 1rem!important
    }

    .ml-sm-3,.mx-sm-3 {
        margin-left: 1rem!important
    }

    .m-sm-4 {
        margin: 1.5rem!important
    }

    .mt-sm-4,.my-sm-4 {
        margin-top: 1.5rem!important
    }

    .mr-sm-4,.mx-sm-4 {
        margin-right: 1.5rem!important
    }

    .mb-sm-4,.my-sm-4 {
        margin-bottom: 1.5rem!important
    }

    .ml-sm-4,.mx-sm-4 {
        margin-left: 1.5rem!important
    }

    .m-sm-5 {
        margin: 3rem!important
    }

    .mt-sm-5,.my-sm-5 {
        margin-top: 3rem!important
    }

    .mr-sm-5,.mx-sm-5 {
        margin-right: 3rem!important
    }

    .mb-sm-5,.my-sm-5 {
        margin-bottom: 3rem!important
    }

    .ml-sm-5,.mx-sm-5 {
        margin-left: 3rem!important
    }

    .p-sm-0 {
        padding: 0!important
    }

    .pt-sm-0,.py-sm-0 {
        padding-top: 0!important
    }

    .pr-sm-0,.px-sm-0 {
        padding-right: 0!important
    }

    .pb-sm-0,.py-sm-0 {
        padding-bottom: 0!important
    }

    .pl-sm-0,.px-sm-0 {
        padding-left: 0!important
    }

    .p-sm-1 {
        padding: .25rem!important
    }

    .pt-sm-1,.py-sm-1 {
        padding-top: .25rem!important
    }

    .pr-sm-1,.px-sm-1 {
        padding-right: .25rem!important
    }

    .pb-sm-1,.py-sm-1 {
        padding-bottom: .25rem!important
    }

    .pl-sm-1,.px-sm-1 {
        padding-left: .25rem!important
    }

    .p-sm-2 {
        padding: .5rem!important
    }

    .pt-sm-2,.py-sm-2 {
        padding-top: .5rem!important
    }

    .pr-sm-2,.px-sm-2 {
        padding-right: .5rem!important
    }

    .pb-sm-2,.py-sm-2 {
        padding-bottom: .5rem!important
    }

    .pl-sm-2,.px-sm-2 {
        padding-left: .5rem!important
    }

    .p-sm-3 {
        padding: 1rem!important
    }

    .pt-sm-3,.py-sm-3 {
        padding-top: 1rem!important
    }

    .pr-sm-3,.px-sm-3 {
        padding-right: 1rem!important
    }

    .pb-sm-3,.py-sm-3 {
        padding-bottom: 1rem!important
    }

    .pl-sm-3,.px-sm-3 {
        padding-left: 1rem!important
    }

    .p-sm-4 {
        padding: 1.5rem!important
    }

    .pt-sm-4,.py-sm-4 {
        padding-top: 1.5rem!important
    }

    .pr-sm-4,.px-sm-4 {
        padding-right: 1.5rem!important
    }

    .pb-sm-4,.py-sm-4 {
        padding-bottom: 1.5rem!important
    }

    .pl-sm-4,.px-sm-4 {
        padding-left: 1.5rem!important
    }

    .p-sm-5 {
        padding: 3rem!important
    }

    .pt-sm-5,.py-sm-5 {
        padding-top: 3rem!important
    }

    .pr-sm-5,.px-sm-5 {
        padding-right: 3rem!important
    }

    .pb-sm-5,.py-sm-5 {
        padding-bottom: 3rem!important
    }

    .pl-sm-5,.px-sm-5 {
        padding-left: 3rem!important
    }

    .m-sm-auto {
        margin: auto!important
    }

    .mt-sm-auto,.my-sm-auto {
        margin-top: auto!important
    }

    .mr-sm-auto,.mx-sm-auto {
        margin-right: auto!important
    }

    .mb-sm-auto,.my-sm-auto {
        margin-bottom: auto!important
    }

    .ml-sm-auto,.mx-sm-auto {
        margin-left: auto!important
    }
}

@media (min-width: 768px) {
    .m-md-0 {
        margin:0!important
    }

    .mt-md-0,.my-md-0 {
        margin-top: 0!important
    }

    .mr-md-0,.mx-md-0 {
        margin-right: 0!important
    }

    .mb-md-0,.my-md-0 {
        margin-bottom: 0!important
    }

    .ml-md-0,.mx-md-0 {
        margin-left: 0!important
    }

    .m-md-1 {
        margin: .25rem!important
    }

    .mt-md-1,.my-md-1 {
        margin-top: .25rem!important
    }

    .mr-md-1,.mx-md-1 {
        margin-right: .25rem!important
    }

    .mb-md-1,.my-md-1 {
        margin-bottom: .25rem!important
    }

    .ml-md-1,.mx-md-1 {
        margin-left: .25rem!important
    }

    .m-md-2 {
        margin: .5rem!important
    }

    .mt-md-2,.my-md-2 {
        margin-top: .5rem!important
    }

    .mr-md-2,.mx-md-2 {
        margin-right: .5rem!important
    }

    .mb-md-2,.my-md-2 {
        margin-bottom: .5rem!important
    }

    .ml-md-2,.mx-md-2 {
        margin-left: .5rem!important
    }

    .m-md-3 {
        margin: 1rem!important
    }

    .mt-md-3,.my-md-3 {
        margin-top: 1rem!important
    }

    .mr-md-3,.mx-md-3 {
        margin-right: 1rem!important
    }

    .mb-md-3,.my-md-3 {
        margin-bottom: 1rem!important
    }

    .ml-md-3,.mx-md-3 {
        margin-left: 1rem!important
    }

    .m-md-4 {
        margin: 1.5rem!important
    }

    .mt-md-4,.my-md-4 {
        margin-top: 1.5rem!important
    }

    .mr-md-4,.mx-md-4 {
        margin-right: 1.5rem!important
    }

    .mb-md-4,.my-md-4 {
        margin-bottom: 1.5rem!important
    }

    .ml-md-4,.mx-md-4 {
        margin-left: 1.5rem!important
    }

    .m-md-5 {
        margin: 3rem!important
    }

    .mt-md-5,.my-md-5 {
        margin-top: 3rem!important
    }

    .mr-md-5,.mx-md-5 {
        margin-right: 3rem!important
    }

    .mb-md-5,.my-md-5 {
        margin-bottom: 3rem!important
    }

    .ml-md-5,.mx-md-5 {
        margin-left: 3rem!important
    }

    .p-md-0 {
        padding: 0!important
    }

    .pt-md-0,.py-md-0 {
        padding-top: 0!important
    }

    .pr-md-0,.px-md-0 {
        padding-right: 0!important
    }

    .pb-md-0,.py-md-0 {
        padding-bottom: 0!important
    }

    .pl-md-0,.px-md-0 {
        padding-left: 0!important
    }

    .p-md-1 {
        padding: .25rem!important
    }

    .pt-md-1,.py-md-1 {
        padding-top: .25rem!important
    }

    .pr-md-1,.px-md-1 {
        padding-right: .25rem!important
    }

    .pb-md-1,.py-md-1 {
        padding-bottom: .25rem!important
    }

    .pl-md-1,.px-md-1 {
        padding-left: .25rem!important
    }

    .p-md-2 {
        padding: .5rem!important
    }

    .pt-md-2,.py-md-2 {
        padding-top: .5rem!important
    }

    .pr-md-2,.px-md-2 {
        padding-right: .5rem!important
    }

    .pb-md-2,.py-md-2 {
        padding-bottom: .5rem!important
    }

    .pl-md-2,.px-md-2 {
        padding-left: .5rem!important
    }

    .p-md-3 {
        padding: 1rem!important
    }

    .pt-md-3,.py-md-3 {
        padding-top: 1rem!important
    }

    .pr-md-3,.px-md-3 {
        padding-right: 1rem!important
    }

    .pb-md-3,.py-md-3 {
        padding-bottom: 1rem!important
    }

    .pl-md-3,.px-md-3 {
        padding-left: 1rem!important
    }

    .p-md-4 {
        padding: 1.5rem!important
    }

    .pt-md-4,.py-md-4 {
        padding-top: 1.5rem!important
    }

    .pr-md-4,.px-md-4 {
        padding-right: 1.5rem!important
    }

    .pb-md-4,.py-md-4 {
        padding-bottom: 1.5rem!important
    }

    .pl-md-4,.px-md-4 {
        padding-left: 1.5rem!important
    }

    .p-md-5 {
        padding: 3rem!important
    }

    .pt-md-5,.py-md-5 {
        padding-top: 3rem!important
    }

    .pr-md-5,.px-md-5 {
        padding-right: 3rem!important
    }

    .pb-md-5,.py-md-5 {
        padding-bottom: 3rem!important
    }

    .pl-md-5,.px-md-5 {
        padding-left: 3rem!important
    }

    .m-md-auto {
        margin: auto!important
    }

    .mt-md-auto,.my-md-auto {
        margin-top: auto!important
    }

    .mr-md-auto,.mx-md-auto {
        margin-right: auto!important
    }

    .mb-md-auto,.my-md-auto {
        margin-bottom: auto!important
    }

    .ml-md-auto,.mx-md-auto {
        margin-left: auto!important
    }
}

@media (min-width: 992px) {
    .m-lg-0 {
        margin:0!important
    }

    .mt-lg-0,.my-lg-0 {
        margin-top: 0!important
    }

    .mr-lg-0,.mx-lg-0 {
        margin-right: 0!important
    }

    .mb-lg-0,.my-lg-0 {
        margin-bottom: 0!important
    }

    .ml-lg-0,.mx-lg-0 {
        margin-left: 0!important
    }

    .m-lg-1 {
        margin: .25rem!important
    }

    .mt-lg-1,.my-lg-1 {
        margin-top: .25rem!important
    }

    .mr-lg-1,.mx-lg-1 {
        margin-right: .25rem!important
    }

    .mb-lg-1,.my-lg-1 {
        margin-bottom: .25rem!important
    }

    .ml-lg-1,.mx-lg-1 {
        margin-left: .25rem!important
    }

    .m-lg-2 {
        margin: .5rem!important
    }

    .mt-lg-2,.my-lg-2 {
        margin-top: .5rem!important
    }

    .mr-lg-2,.mx-lg-2 {
        margin-right: .5rem!important
    }

    .mb-lg-2,.my-lg-2 {
        margin-bottom: .5rem!important
    }

    .ml-lg-2,.mx-lg-2 {
        margin-left: .5rem!important
    }

    .m-lg-3 {
        margin: 1rem!important
    }

    .mt-lg-3,.my-lg-3 {
        margin-top: 1rem!important
    }

    .mr-lg-3,.mx-lg-3 {
        margin-right: 1rem!important
    }

    .mb-lg-3,.my-lg-3 {
        margin-bottom: 1rem!important
    }

    .ml-lg-3,.mx-lg-3 {
        margin-left: 1rem!important
    }

    .m-lg-4 {
        margin: 1.5rem!important
    }

    .mt-lg-4,.my-lg-4 {
        margin-top: 1.5rem!important
    }

    .mr-lg-4,.mx-lg-4 {
        margin-right: 1.5rem!important
    }

    .mb-lg-4,.my-lg-4 {
        margin-bottom: 1.5rem!important
    }

    .ml-lg-4,.mx-lg-4 {
        margin-left: 1.5rem!important
    }

    .m-lg-5 {
        margin: 3rem!important
    }

    .mt-lg-5,.my-lg-5 {
        margin-top: 3rem!important
    }

    .mr-lg-5,.mx-lg-5 {
        margin-right: 3rem!important
    }

    .mb-lg-5,.my-lg-5 {
        margin-bottom: 3rem!important
    }

    .ml-lg-5,.mx-lg-5 {
        margin-left: 3rem!important
    }

    .p-lg-0 {
        padding: 0!important
    }

    .pt-lg-0,.py-lg-0 {
        padding-top: 0!important
    }

    .pr-lg-0,.px-lg-0 {
        padding-right: 0!important
    }

    .pb-lg-0,.py-lg-0 {
        padding-bottom: 0!important
    }

    .pl-lg-0,.px-lg-0 {
        padding-left: 0!important
    }

    .p-lg-1 {
        padding: .25rem!important
    }

    .pt-lg-1,.py-lg-1 {
        padding-top: .25rem!important
    }

    .pr-lg-1,.px-lg-1 {
        padding-right: .25rem!important
    }

    .pb-lg-1,.py-lg-1 {
        padding-bottom: .25rem!important
    }

    .pl-lg-1,.px-lg-1 {
        padding-left: .25rem!important
    }

    .p-lg-2 {
        padding: .5rem!important
    }

    .pt-lg-2,.py-lg-2 {
        padding-top: .5rem!important
    }

    .pr-lg-2,.px-lg-2 {
        padding-right: .5rem!important
    }

    .pb-lg-2,.py-lg-2 {
        padding-bottom: .5rem!important
    }

    .pl-lg-2,.px-lg-2 {
        padding-left: .5rem!important
    }

    .p-lg-3 {
        padding: 1rem!important
    }

    .pt-lg-3,.py-lg-3 {
        padding-top: 1rem!important
    }

    .pr-lg-3,.px-lg-3 {
        padding-right: 1rem!important
    }

    .pb-lg-3,.py-lg-3 {
        padding-bottom: 1rem!important
    }

    .pl-lg-3,.px-lg-3 {
        padding-left: 1rem!important
    }

    .p-lg-4 {
        padding: 1.5rem!important
    }

    .pt-lg-4,.py-lg-4 {
        padding-top: 1.5rem!important
    }

    .pr-lg-4,.px-lg-4 {
        padding-right: 1.5rem!important
    }

    .pb-lg-4,.py-lg-4 {
        padding-bottom: 1.5rem!important
    }

    .pl-lg-4,.px-lg-4 {
        padding-left: 1.5rem!important
    }

    .p-lg-5 {
        padding: 3rem!important
    }

    .pt-lg-5,.py-lg-5 {
        padding-top: 3rem!important
    }

    .pr-lg-5,.px-lg-5 {
        padding-right: 3rem!important
    }

    .pb-lg-5,.py-lg-5 {
        padding-bottom: 3rem!important
    }

    .pl-lg-5,.px-lg-5 {
        padding-left: 3rem!important
    }

    .m-lg-auto {
        margin: auto!important
    }

    .mt-lg-auto,.my-lg-auto {
        margin-top: auto!important
    }

    .mr-lg-auto,.mx-lg-auto {
        margin-right: auto!important
    }

    .mb-lg-auto,.my-lg-auto {
        margin-bottom: auto!important
    }

    .ml-lg-auto,.mx-lg-auto {
        margin-left: auto!important
    }
}

@media (min-width: 1308px) {
    .m-xl-0 {
        margin:0!important
    }

    .mt-xl-0,.my-xl-0 {
        margin-top: 0!important
    }

    .mr-xl-0,.mx-xl-0 {
        margin-right: 0!important
    }

    .mb-xl-0,.my-xl-0 {
        margin-bottom: 0!important
    }

    .ml-xl-0,.mx-xl-0 {
        margin-left: 0!important
    }

    .m-xl-1 {
        margin: .25rem!important
    }

    .mt-xl-1,.my-xl-1 {
        margin-top: .25rem!important
    }

    .mr-xl-1,.mx-xl-1 {
        margin-right: .25rem!important
    }

    .mb-xl-1,.my-xl-1 {
        margin-bottom: .25rem!important
    }

    .ml-xl-1,.mx-xl-1 {
        margin-left: .25rem!important
    }

    .m-xl-2 {
        margin: .5rem!important
    }

    .mt-xl-2,.my-xl-2 {
        margin-top: .5rem!important
    }

    .mr-xl-2,.mx-xl-2 {
        margin-right: .5rem!important
    }

    .mb-xl-2,.my-xl-2 {
        margin-bottom: .5rem!important
    }

    .ml-xl-2,.mx-xl-2 {
        margin-left: .5rem!important
    }

    .m-xl-3 {
        margin: 1rem!important
    }

    .mt-xl-3,.my-xl-3 {
        margin-top: 1rem!important
    }

    .mr-xl-3,.mx-xl-3 {
        margin-right: 1rem!important
    }

    .mb-xl-3,.my-xl-3 {
        margin-bottom: 1rem!important
    }

    .ml-xl-3,.mx-xl-3 {
        margin-left: 1rem!important
    }

    .m-xl-4 {
        margin: 1.5rem!important
    }

    .mt-xl-4,.my-xl-4 {
        margin-top: 1.5rem!important
    }

    .mr-xl-4,.mx-xl-4 {
        margin-right: 1.5rem!important
    }

    .mb-xl-4,.my-xl-4 {
        margin-bottom: 1.5rem!important
    }

    .ml-xl-4,.mx-xl-4 {
        margin-left: 1.5rem!important
    }

    .m-xl-5 {
        margin: 3rem!important
    }

    .mt-xl-5,.my-xl-5 {
        margin-top: 3rem!important
    }

    .mr-xl-5,.mx-xl-5 {
        margin-right: 3rem!important
    }

    .mb-xl-5,.my-xl-5 {
        margin-bottom: 3rem!important
    }

    .ml-xl-5,.mx-xl-5 {
        margin-left: 3rem!important
    }

    .p-xl-0 {
        padding: 0!important
    }

    .pt-xl-0,.py-xl-0 {
        padding-top: 0!important
    }

    .pr-xl-0,.px-xl-0 {
        padding-right: 0!important
    }

    .pb-xl-0,.py-xl-0 {
        padding-bottom: 0!important
    }

    .pl-xl-0,.px-xl-0 {
        padding-left: 0!important
    }

    .p-xl-1 {
        padding: .25rem!important
    }

    .pt-xl-1,.py-xl-1 {
        padding-top: .25rem!important
    }

    .pr-xl-1,.px-xl-1 {
        padding-right: .25rem!important
    }

    .pb-xl-1,.py-xl-1 {
        padding-bottom: .25rem!important
    }

    .pl-xl-1,.px-xl-1 {
        padding-left: .25rem!important
    }

    .p-xl-2 {
        padding: .5rem!important
    }

    .pt-xl-2,.py-xl-2 {
        padding-top: .5rem!important
    }

    .pr-xl-2,.px-xl-2 {
        padding-right: .5rem!important
    }

    .pb-xl-2,.py-xl-2 {
        padding-bottom: .5rem!important
    }

    .pl-xl-2,.px-xl-2 {
        padding-left: .5rem!important
    }

    .p-xl-3 {
        padding: 1rem!important
    }

    .pt-xl-3,.py-xl-3 {
        padding-top: 1rem!important
    }

    .pr-xl-3,.px-xl-3 {
        padding-right: 1rem!important
    }

    .pb-xl-3,.py-xl-3 {
        padding-bottom: 1rem!important
    }

    .pl-xl-3,.px-xl-3 {
        padding-left: 1rem!important
    }

    .p-xl-4 {
        padding: 1.5rem!important
    }

    .pt-xl-4,.py-xl-4 {
        padding-top: 1.5rem!important
    }

    .pr-xl-4,.px-xl-4 {
        padding-right: 1.5rem!important
    }

    .pb-xl-4,.py-xl-4 {
        padding-bottom: 1.5rem!important
    }

    .pl-xl-4,.px-xl-4 {
        padding-left: 1.5rem!important
    }

    .p-xl-5 {
        padding: 3rem!important
    }

    .pt-xl-5,.py-xl-5 {
        padding-top: 3rem!important
    }

    .pr-xl-5,.px-xl-5 {
        padding-right: 3rem!important
    }

    .pb-xl-5,.py-xl-5 {
        padding-bottom: 3rem!important
    }

    .pl-xl-5,.px-xl-5 {
        padding-left: 3rem!important
    }

    .m-xl-auto {
        margin: auto!important
    }

    .mt-xl-auto,.my-xl-auto {
        margin-top: auto!important
    }

    .mr-xl-auto,.mx-xl-auto {
        margin-right: auto!important
    }

    .mb-xl-auto,.my-xl-auto {
        margin-bottom: auto!important
    }

    .ml-xl-auto,.mx-xl-auto {
        margin-left: auto!important
    }
}

.visible {
    visibility: visible!important;
    opacity: 1 !important;
}

.invisible {
    visibility: hidden!important
}

.slick-list,.slick-slider {
    position: relative;
    display: block
}

.slick-slider {
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,.slick-slider .slick-track {
    transform: translate3d(0,0,0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after,.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
    overflow: hidden;
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-initialized .slick-slide,.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}


body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-active {
    height: auto;
}

.html-overflow {
    overflow: hidden;
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute!important;
    top: -9999px;
    visibility: hidden
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: 0;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 9999;
}

.fancybox-container * {
    box-sizing: border-box
}

.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47,0,.74,.71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(.22,.61,.36,1)
}

.fancybox-infobar,.fancybox-toolbar {
    opacity: 0;
    position: absolute;
    z-index: 99997
}

.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar {
    direction: ltr;
    transition: opacity .25s ease,visibility 0s ease .25s;
    visibility: hidden
}

.fancybox-caption {
    opacity: 0;
    position: absolute
}

.fancybox-navigation .fancybox-button {
    z-index: 99997
}

.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    transition: opacity .25s ease 0s,visibility 0s ease 0s;
    visibility: visible
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform,opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994
}

.fancybox-slide::before {
    content: "";
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous {
    display: block
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0
}

.fancybox-slide--image::before {
    display: none
}

.fancybox-slide--html {
    padding: 6px
}

@media (max-width: 1023px) {
    .fancybox-slide--html {
        padding: 0 !important;
    }
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-image,.fancybox-slide--image .fancybox-content,.fancybox-spaceball {
    background: 0 0;
    left: 0;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(.5,0,.14,1);
    -webkit-backface-visibility: hidden;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    overflow: visible;
    transform-origin: top left;
    transition-property: transform,opacity;
    z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in
}

.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content {
    cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image,.fancybox-spaceball {
    border: 0;
    height: 100%;
    margin: 0;
    max-height: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff
}

.fancybox-iframe,.fancybox-video {
    background: 0 0;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0
}

.fancybox-button {
    background: rgba(30,30,30,.6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px;
    color: #ccc
}

.fancybox-button:link,.fancybox-button:visited {
    color: #ccc
}

.fancybox-button:hover {
    color: #fff
}

.fancybox-button:focus {
    outline: 0
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted
}

.fancybox-button[disabled],.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: 0
}

.fancybox-button div {
    height: 100%
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0
}

.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:nth-child(1),.fancybox-button--pause svg:nth-child(1),.fancybox-button--play svg:nth-child(2) {
    display: none
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998
}

.fancybox-close-small {
    background: 0 0;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden
}

.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small,.platform__dots ul li button,.slider-banner__dots ul li button,.slider-platform-first__dots ul li button{
    display: none
}

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px
}

.fancybox-navigation .fancybox-button div {
    padding: 7px
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right)
}

.fancybox-caption {
    background: linear-gradient(to top,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent 100%);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996
}

@supports (padding: max(0px)) {
    .fancybox-caption {
        padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))
    }
}

.fancybox-caption--separate {
    margin-top: -50px
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all
}

.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline
}

.fancybox-loading {
    animation: fancybox-rotate 1s linear infinite;
    background: 0 0;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0,0,.25,1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%,0,0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%,0,0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translate3d(0,0,0)
}

.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19,1,.22,1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5,1.5,1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(.5,.5,.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1,1,1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    transform: rotate(-360deg)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    transform: rotate(360deg)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    transform: rotate(0deg)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0,0,0) translate3d(-100%,0,0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0,0,0) translate3d(100%,0,0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1,1,1) translate3d(0,0,0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%,0,0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%,0,0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translate3d(0,0,0) scale(1)
}

@media all and (max-height: 576px) {
    .fancybox-slide {
        padding-left:6px;
        padding-right: 6px
    }

    .fancybox-slide--image {
        padding: 6px 0
    }

    .fancybox-close-small {
        right: -6px
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px
    }

    @supports (padding: max(0px)) {
        .fancybox-caption {
            padding-left:max(12px,env(safe-area-inset-left));
            padding-right: max(12px,env(safe-area-inset-right))
        }
    }
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px
}

.fancybox-share p {
    margin: 0;
    padding: 0
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.fancybox-share__button:link,.fancybox-share__button:visited {
    color: #fff
}

.fancybox-share__button:hover,a {
    text-decoration: none
}

.fancybox-share__button--fb {
    background: #3b5998
}

.fancybox-share__button--fb:hover {
    background: #344e86
}

.fancybox-share__button--pt {
    background: #bd081d
}

.fancybox-share__button--pt:hover {
    background: #aa0719
}

.fancybox-share__button--tw {
    background: #1da1f2
}

.fancybox-share__button--tw:hover {
    background: #0d95e8
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

.fancybox-share__button svg path {
    fill: #fff
}

.fancybox-share__input {
    background: 0 0;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0;
    outline: 0;
    padding: 10px 15px;
    width: 100%
}

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    width: 212px;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0,0,0,.3)
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0,0,0,.1);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px
}

.fancybox-thumbs__list a::before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s cubic-bezier(.25,.46,.45,.94);
    z-index: 99991
}

.fancybox-thumbs__list a:focus::before {
    opacity: .5
}

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
    opacity: 1
}

@media all and (max-width: 576px) {
    .fancybox-thumbs {
        width:110px
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px)
    }
}

.jq-checkbox,.jq-radio {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.jq-checkbox input,.jq-radio input {
    position: absolute;
    z-index: -1;
    margin: 0;
    padding: 0;
    opacity: 0
}

.jq-checkbox,.jq-file,.jq-radio {
    position: relative;
    display: inline-block;
    overflow: hidden
}

.jq-file input {
    position: absolute;
    top: 0;
    right: 0;
    height: auto;
    margin: 0;
    padding: 0;
    opacity: 0;
    font-size: 100px;
    line-height: 1em
}

.jq-file__name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.jq-select-multiple,.jq-selectbox {
    position: relative;
    display: inline-block
}

.jq-select-multiple select,.jq-selectbox select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    opacity: 0
}

.jq-select-multiple li,.jq-selectbox li {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.jq-selectbox {
    z-index: 10
}

.jq-selectbox__select {
    position: relative
}

.jq-selectbox__select-text {
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap;
    text-overflow: ellipsis
}

.jq-selectbox__dropdown {
    position: absolute
}

.jq-selectbox__search input {
    -webkit-appearance: textfield
}

.jq-selectbox__search input::-webkit-search-cancel-button,.jq-selectbox__search input::-webkit-search-decoration {
    -webkit-appearance: none
}

.jq-selectbox__dropdown ul {
    overflow: auto;
    list-style: none
}

.jq-select-multiple ul,.jq-selectbox__dropdown ul {
    position: relative;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch
}

.jq-number {
    display: inline-block
}

.jq-number__field input {
    -moz-appearance: textfield;
    text-align: left
}

.jq-number__field input::-webkit-inner-spin-button,.jq-number__field input::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none
}

.jq-checkbox,.jq-radio {
    vertical-align: -4px;
    width: 16px;
    height: 16px;
    margin: 0 4px 0 0;
    border: 1px solid #c3c3c3;
    background: linear-gradient(#fff,#e6e6e6);
    box-shadow: 0 1px 1px rgba(0,0,0,.05),inset -1px -1px #fff,inset 1px -1px #fff;
    cursor: pointer
}

.jq-checkbox.focused,.jq-radio.focused {
    border: 1px solid #08c
}

.jq-checkbox.disabled,.jq-radio.disabled {
    opacity: .55
}

.jq-checkbox {
    border-radius: 3px
}

.jq-checkbox.checked .jq-checkbox__div {
    width: 8px;
    height: 4px;
    margin: 3px 0 0 3px;
    border-bottom: 2px solid #666;
    border-left: 2px solid #666;
    transform: rotate(-50deg)
}

.jq-radio {
    border-radius: 50%
}

.jq-radio.checked .jq-radio__div {
    width: 10px;
    height: 10px;
    margin: 3px 0 0 3px;
    border-radius: 50%;
    background: #777;
    box-shadow: inset 1px 1px 1px rgba(0,0,0,.7)
}

.jq-file {
    width: 270px;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0,0,0,.1)
}

.jq-file input {
    cursor: pointer
}

.jq-file__name,.jq-number__field input {
    box-sizing: border-box;
    width: 100%;
    color: #333
}

.jq-file__name {
    height: 34px;
    padding: 0 80px 0 10px;
    border: 1px solid #ccc;
    border-bottom-color: #b3b3b3;
    border-radius: 4px;
    background: #fff;
    box-shadow: inset 1px 1px #f1f1f1;
    font: 14px/32px Arial,sans-serif
}

.jq-file__browse {
    position: absolute;
    top: 1px;
    right: 1px;
    padding: 0 10px;
    border-left: 1px solid #ccc;
    border-radius: 0 4px 4px 0;
    background: linear-gradient(#fff,#e6e6e6);
    box-shadow: inset 1px -1px #f1f1f1,inset -1px 0 #f1f1f1,0 1px 2px rgba(0,0,0,.1);
    font: 14px/32px Arial,sans-serif;
    color: #333;
    text-shadow: 1px 1px #fff
}

.jq-file:hover .jq-file__browse {
    background: linear-gradient(#f6f6f6,#e6e6e6)
}

.jq-file:active .jq-file__browse {
    background: #f5f5f5;
    box-shadow: inset 1px 1px 3px #ddd
}

.jq-file.focused .jq-file__name {
    border: 1px solid #5794bf
}

.jq-file.disabled,.jq-file.disabled .jq-file__browse,.jq-file.disabled .jq-file__name {
    border-color: #ccc;
    background: #f5f5f5;
    box-shadow: none;
    color: #888
}

.jq-number {
    position: relative;
    vertical-align: middle;
    padding: 0 36px 0 0
}

.jq-number__field,.jq-number__spin {
    width: 100px;
    border: 1px solid #ccc;
    border-bottom-color: #b3b3b3;
    border-radius: 4px;
    box-shadow: inset 1px 1px #f1f1f1,0 1px 2px rgba(0,0,0,.1)
}

.jq-number__field:hover,input[type=email].styler:hover,input[type=password].styler:hover,input[type=search].styler:hover,input[type=tel].styler:hover,input[type=text].styler:hover,input[type=url].styler:hover,textarea.styler:hover {
    border-color: #b3b3b3
}

.jq-number__field input {
    padding: 8px 9px;
    border: 0;
    outline: 0;
    background: 0 0;
    font: 14px Arial,sans-serif
}

.jq-number__spin {
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 14px;
    background: linear-gradient(#fff,#e6e6e6);
    box-shadow: inset 1px -1px #f1f1f1,inset -1px 0 #f1f1f1,0 1px 2px rgba(0,0,0,.1);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    text-shadow: 1px 1px #fff;
    cursor: pointer
}

.jq-number__spin.minus {
    top: auto;
    bottom: 0
}

.jq-number__spin:hover {
    background: linear-gradient(#f6f6f6,#e6e6e6)
}

.jq-number__spin:active {
    background: #f5f5f5;
    box-shadow: inset 1px 1px 3px #ddd
}

.jq-number__spin.minus:after,.jq-number__spin:after {
    border-right: 5px solid transparent;
    border-left: 5px solid transparent
}

.jq-number__spin:after {
    content: "";
    position: absolute;
    top: 4px;
    left: 11px;
    width: 0;
    height: 0;
    border-bottom: 5px solid #999
}

.jq-number__spin.minus:after {
    top: 5px;
    border-top: 5px solid #999;
    border-bottom: none
}

.jq-number__spin.minus:hover:after {
    border-top-color: #000
}

.jq-number__spin.plus:hover:after {
    border-bottom-color: #000
}

.jq-number.focused .jq-number__field {
    border: 1px solid #5794bf
}

.jq-number.disabled .jq-number__field,.jq-number.disabled .jq-number__spin {
    border-color: #ccc;
    background: #f5f5f5;
    box-shadow: none;
    color: #888
}

.jq-number.disabled .jq-number__spin:after {
    border-bottom-color: #aaa
}

.jq-number.disabled .jq-number__spin.minus:after {
    border-top-color: #aaa
}

.jq-selectbox {
    vertical-align: middle;
    cursor: pointer
}

.jq-selectbox__select {
    height: 32px;
    padding: 0 45px 0 10px;
    border: 1px solid #ccc;
    border-bottom-color: #b3b3b3;
    border-radius: 4px;
    background: linear-gradient(#fff,#e6e6e6);
    box-shadow: inset 1px -1px #f1f1f1,inset -1px 0 #f1f1f1,0 1px 2px rgba(0,0,0,.1);
    font: 14px/32px Arial,sans-serif;
    color: #333;
    text-shadow: 1px 1px #fff
}

.jq-selectbox__select:hover {
    background: linear-gradient(#f6f6f6,#e6e6e6)
}

.jq-selectbox__select:active {
    background: #f5f5f5;
    box-shadow: inset 1px 1px 3px #ddd
}

.jq-selectbox.focused .jq-selectbox__select {
    border: 1px solid #5794bf
}

.jq-selectbox.disabled .jq-selectbox__select {
    border-color: #ccc;
    background: #f5f5f5;
    box-shadow: none;
    color: #888
}

.jq-selectbox__select-text {
    display: block;
    width: 100%
}

.jq-selectbox .placeholder {
    color: #888
}

.jq-selectbox__trigger {
    position: absolute;
    top: 0;
    right: 0;
    width: 34px;
    height: 100%;
    border-left: 1px solid #ccc
}

.jq-selectbox__trigger-arrow {
    position: absolute;
    top: 14px;
    right: 12px;
    width: 0;
    height: 0;
    border-top: 5px solid #999;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent
}

.jq-selectbox:hover .jq-selectbox__trigger-arrow {
    border-top-color: #000
}

.jq-selectbox.disabled .jq-selectbox__trigger-arrow {
    border-top-color: #aaa
}

.jq-selectbox__dropdown {
    box-sizing: border-box;
    width: 100%;
    margin: 2px 0 0;
    padding: 0;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 2px 10px rgba(0,0,0,.2);
    font: 14px/18px Arial,sans-serif
}

.jq-selectbox__search {
    margin: 5px
}

.jq-selectbox__search input {
    width: 100%;
    margin: 0;
    padding: 5px 27px 6px 8px;
    border-radius: 3px;
    outline: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNqU078LAXEYx/FzYfNzk5TJaFNKYjFYSQZ/hvwBsvg1UCY2xT9gM8hukQGThWRjkcFw3pdnujhfT736Xn2fPvfc3fd07V0OFDDFAnM0ENYsZRiGLSc9OpqIYIA9fMhhjCrW2h9VlMlcH/aymMGtOqEugX08PwQucUZKdTozMIqdTc9WepQD7wjY9ARx+ydwhfyXfS+S0qMcOEQJGcueB3VccFINdMgal6NzkmPjRwJXxDBB7/2RDdtAp6wb+dpphHDASG5QQ0V6u2aoSqBZD/lDrNWRJynLK2qpBn4rc6K2XB9/Nb8EGABtf1thzY6X2AAAAABJRU5ErkJggg==) no-repeat 100% 50%;
    box-shadow: inset 1px 1px #f1f1f1
}

.jq-selectbox__not-found {
    margin: 5px;
    padding: 5px 8px 6px;
    background: #f0f0f0;
    font-size: 13px
}

.jq-select-multiple ul,.jq-selectbox ul {
    margin: 0;
    padding: 0
}

.jq-selectbox li {
    min-height: 18px;
    padding: 5px 10px 6px;
    color: #231f20
}

.jq-selectbox li.selected {
    background-color: #a3abb1;
    color: #fff
}

.jq-selectbox li:hover {
    background-color: #08c;
    color: #fff
}

.jq-selectbox li.disabled {
    color: #aaa
}

.jq-selectbox li.disabled:hover {
    background: 0 0
}

.jq-selectbox li.optgroup {
    font-weight: 700
}

.jq-selectbox li.optgroup:hover {
    background: 0 0;
    color: #231f20;
    cursor: default
}

.jq-selectbox li.option {
    padding-left: 25px
}

.jq-select-multiple,.jq-selectbox__search input {
    box-sizing: border-box;
    border: 1px solid #ccc;
    color: #333
}

.jq-select-multiple {
    padding: 1px;
    border-bottom-color: #b3b3b3;
    border-radius: 4px;
    background: #fff;
    box-shadow: inset 1px 1px #f1f1f1,0 1px 2px rgba(0,0,0,.1);
    font: 14px/18px Arial,sans-serif;
    cursor: default
}

.jq-select-multiple.focused {
    border: 1px solid #5794bf
}

.jq-select-multiple.disabled {
    border-color: #ccc;
    background: #f5f5f5;
    box-shadow: none;
    color: #888
}

.jq-select-multiple li {
    padding: 3px 9px 4px;
    list-style: none
}

.jq-select-multiple li:first-child {
    border-radius: 3px 3px 0 0
}

.jq-select-multiple li:last-child {
    border-radius: 0 0 3px 3px
}

.jq-select-multiple li.selected {
    background: #08c;
    color: #fff
}

.jq-select-multiple li.disabled {
    color: #aaa
}

.jq-select-multiple li.optgroup {
    font-weight: 700
}

.jq-select-multiple li.option {
    padding-left: 25px
}

.jq-select-multiple li.selected.disabled,.jq-select-multiple.disabled li.selected {
    background: #ccc;
    color: #fff
}

input[type=email].styler,input[type=password].styler,input[type=search].styler,input[type=tel].styler,input[type=text].styler,input[type=url].styler,textarea.styler {
    padding: 8px 9px;
    border: 1px solid #ccc;
    border-bottom-color: #b3b3b3;
    border-radius: 4px;
    box-shadow: inset 1px 1px #f1f1f1,0 1px 2px rgba(0,0,0,.1);
    font: 14px Arial,sans-serif;
    color: #333
}

input[type=search].styler {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

textarea.styler {
    overflow: auto
}

input[type=email].styler:hover:focus,input[type=password].styler:hover:focus,input[type=search].styler:hover:focus,input[type=tel].styler:hover:focus,input[type=text].styler:hover:focus,input[type=url].styler:hover:focus,textarea.styler:hover:focus {
    border-color: #b3b3b3 #ccc #ccc;
    outline: 0;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1)
}

button.styler,input[type=button].styler,input[type=reset].styler,input[type=submit].styler {
    overflow: visible;
    padding: 8px 11px;
    border: 1px solid #ccc;
    border-bottom-color: #b3b3b3;
    border-radius: 4px;
    outline: 0;
    background: linear-gradient(#fff,#e6e6e6);
    box-shadow: inset 1px -1px #f1f1f1,inset -1px 0 #f1f1f1,0 1px 2px rgba(0,0,0,.1);
    font: 14px Arial,sans-serif;
    color: #333;
    text-shadow: 1px 1px #fff;
    cursor: pointer
}

button.styler.styler::-moz-focus-inner,input[type=button].styler.styler::-moz-focus-inner,input[type=reset].styler.styler::-moz-focus-inner,input[type=submit].styler.styler::-moz-focus-inner {
    padding: 0;
    border: 0
}

button.styler:not([disabled]):hover,input[type=button].styler:not([disabled]):hover,input[type=reset].styler:hover,input[type=reset].styler:not([disabled]):hover,input[type=submit].styler:not([disabled]):hover {
    background: linear-gradient(#f6f6f6,#e6e6e6)
}

button.styler:active,input[type=button].styler:active,input[type=reset].styler:active,input[type=submit].styler:active {
    background: #f5f5f5;
    box-shadow: inset 1px 1px 3px #ddd
}

button.styler[disabled],input[type=button].styler[disabled],input[type=submit].styler[disabled] {
    border-color: #ccc;
    background: #f5f5f5;
    box-shadow: none;
    color: #888
}

@font-face {
    font-family: "TT Moscow Economy - Rg";
    font-weight: 400;
    font-style: normal;
    src: url("/assets/font/OTF/MEOT_OTF/TT Moscow Economy Regular.otf");
    src: url("/assets//font//TTF//TT Moscow Economy TrueType 3-000/TT Moscow Economy Regular.ttf") format("truetype")
}

@font-face {
    font-family: "TT Moscow Economy - Md";
    font-weight: 400;
    font-style: normal;
    src: url("/assets/font/OTF/MEOT_OTF/TT\ Moscow\ Economy\ Medium.otf");
    src: url("/assets/font/TTF/TT Moscow Economy TrueType 3-000/TT\ Moscow\ Economy\ Medium.ttf") format("truetype")
}

@font-face {
    font-family: "TT Moscow Economy - Bd";
    font-weight: 400;
    font-style: normal;
    src: url("/assets/fonts/TT Moscow Economy Bold/TT Moscow Economy Bold.eot");
    src: url("/assets/font/OTF/MEOT_OTF/TT Moscow Economy Bold.otf") format("truetype")
}

@font-face {
    font-family: "TT Moscow Economy DemiBold";
    font-weight: 400;
    font-style: normal;
    src: url("/assets/font/OTF/MEOT_OTF/TT Moscow Economy\ DemiBold.otf");
    src: url("/assets/font/TTF/TT Moscow Economy TrueType 3-000/TT\ Moscow Economy DemiBold.ttf") format("truetype")
}

@font-face {
    font-family: "TT Moscow Economy - Normal";
    font-weight: 400;
    font-style: normal;
    src: url("/assets/font/OTF/MEOT_OTF/TT Moscow Economy Normal.otf");
    src: url("/assets/font/TTF/TT Moscow Economy TrueType 3-000/TT Moscow Economy Normal.ttf") format("truetype")
}

@font-face {
    font-family: "TT Moscow Economy - Lt";
    font-weight: 400;
    font-style: normal;
    src: url("/assets/font/OTF/MEOT_OTF/TT\ Moscow\ Economy\ Light.otf") format("truetype");
    src: url("/assets/font/TTF/TT\ Moscow\ Economy\ TrueType\ 3-000/TT\ Moscow\ Economy\ Light.ttf") format("truetype")

}



body {
    overflow-x: hidden;
    margin: 0;
    -webkit-tap-highlight-color: transparent;
    font-family: "TT Moscow Economy - Rg";
    font-size: calc(16*2560px / 1920);
    font-size: calc(16*var(--width-multiplier));
    min-width: calc(320*2560px / 1920);
    min-width: calc(320*var(--width-multiplier));
    background: #fff;
    color: var(--textColor)}

body.open_modal {
    overflow: hidden;
    height: 100vh
}

.modal_overlay,.overlay {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #161616;
    opacity: .9;
    z-index: 20;
    display: none;
    animation: fadeOverlay .3s
}

.header__auth img,.modal_overlay.active,.overlay.active {
    display: block
}

img {
    max-width: 100%
}

.pb-130 {
    padding-bottom: calc(130*2560px / 1920);
    padding-bottom: calc(130*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .pb-130 {
        padding-bottom: calc(50*2560px / 1920);
        padding-bottom: calc(50*var(--width-multiplier));
    }
}

.pb-100 {
    padding-bottom: calc(100*2560px / 1920);
    padding-bottom: calc(100*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .pb-100 {
        padding-bottom: calc(50*2560px / 1920);
        padding-bottom: calc(50*var(--width-multiplier));
    }
}

.main-title {
    position: relative;
    margin-bottom: calc(30*2560px / 1920);
    margin-bottom: calc(30*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .main-title {
        margin-bottom: calc(20*2560px / 1920);
        margin-bottom: calc(20*var(--width-multiplier));
    }
}

.main-title::after,.main-title::before {
    content: "";
    display: block;
    background-color: var(--red);
}

.main-title::before {
    position: absolute;
    left: 50%;
    bottom: -2px;
    width: calc(35*var(--width-multiplier));
    height: calc(5*var(--width-multiplier));
    transform: translateX(-50%);
}

.main-title--left::before {
    left: 0;
    transform: none;
}

.main-title::after {
    margin-top: calc(23*var(--width-multiplier));
    width: calc(220*var(--width-multiplier));
    height: 1px;
}

@media (max-width: 1023px) {
    .main-title::after {
        width: calc(200*var(--width-multiplier));
    }
}

.main-title--center::after {
    margin: calc(23*var(--width-multiplier)) auto 0;
}

.main-title__title {
    font-family: "TT-Medium";
    color: var(--textColor);
    font-weight: 400;
    text-transform: uppercase;
    font-size: calc(36*2560px / 1920);
    font-size: calc(36*var(--width-multiplier));
    line-height: calc(40*2560px / 1920);
    line-height: calc(40*var(--width-multiplier));
    margin-top: calc(10*2560px / 1920);
    margin-top: calc(10*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .main-title__title {
        padding: 0 calc(10*2560px / 1920);
        padding: 0 calc(10*var(--width-multiplier));
        font-size: calc(24*2560px / 1920);
        font-size: calc(24*var(--width-multiplier));
        line-height: 1;
        margin-top: 0;
    }
}

.main-title__title span{
    color: var(--red);
}
.main-title__title--active{
    color: var(--red);
}

.platform-card__text-block {
    display: flex;
    align-items: center;
    gap: .6rem;
}

.texts__rlist {
    display: flex;
    flex-direction: column;
}

.texts__r {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: calc(20 * var(--width-multiplier));
}

.texts__r:last-child {
    margin-bottom: 0;
}

.texts__r-l {
    width: 40%;
    color: var(--textGray);
    font-size: calc(14 * var(--width-multiplier));
    font-family: "TT-Regular";
}

.texts__r-v {
    width: 45%;
    color: var(--textGray);
    font-size: calc(14 * var(--width-multiplier));
    font-family: "TT-Regular";
}

.texts__r-v b {
    color: var(--textColor);
    font-family: "TT-Medium";
    font-size: calc(14 * var(--width-multiplier));
    font-weight: 400;
    line-height: 1.2;
    margin-top: 0px;
}

.texts__left {
    position: relative;
}

.texts__left p:nth-of-type(1) {
    margin-left: 50px;
    width: 80%;
}
.texts__left p:nth-of-type(2) {
    margin-top: -14px;
}
.texts__left span {
    color: var(--textColor);
    font-family: "TT-Medium";
    font-size: 3.9rem;
    font-weight: 400;
    line-height: 22px;
    margin-top: 0px;
    display: block;
    float: left;
    position: absolute;
    top: 40px;
    left: 0px;
}
.texts__left b {
    color: var(--textColor);
    font-family: "TT-Medium";
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 22px;
    margin-top: 0px;
}

.texts__right p {
    color: var(--textColor);
    font-family: "TT-Medium";
    font-size: calc(14 * var(--width-multiplier));
    font-weight: 400;
    line-height: 1.2;
    margin-top: 0;
}

.services__list {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 160px;
    padding-bottom: 80px;
    padding: 0px 40px;
    margin-top: 100px;
    position: relative;
}
.services__list::after {
    content: '';
    background: url("../img/nig-l.svg");
    width: 200px;
    height: 200px;
    position: absolute;
    top: -50px;
    left: -60px;
    background-repeat: no-repeat;
}
.services__list::before {
    content: '';
    background: url("../img/nig-r.svg");
    width: 200px;
    height: 200px;
    position: absolute;
    bottom: -150px;
    right: -50px;
    background-repeat: no-repeat;
}
.services__item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 24%;
    position: relative;
    text-align: center;
}
.services__item::after {
    content: "";
    position: absolute;
    display: block;
    background-color: var(--red);
    width: 108px;
    height: 1px;
    top: 55px;
    margin-left: 340px;
}
.services__item:nth-of-type(3)::after {
    display: none;
}
.services__item-top {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 20px;
}
.services__item-num {
    font-family: "TT-Medium";
    color: var(--red);
    font-weight: 400;
    text-transform: uppercase;
    font-size: 76px;
    line-height: 40px;
    margin-top: 10px;
    margin-right: 10px;
}
.services__item-icon {
    width: 100px;
}
.services__item-title {
    color: var(--textColor);
    font-family: "TT-Medium";
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}

.vacancies-title {
    display: flex;
    gap: calc(32*2560px / 1920);
    gap: calc(32*var(--width-multiplier));
    justify-content: center;
}

.vacancies-title button {
    color: var(--textGray);
    background: none;
    cursor: pointer;
    transition: color .2s;
}

.vacancies-title button:hover {
    color: var(--red);
}

.vacancies-title button.vacancies-title-active {
    color: var(--red);
}

.vacancies-filter{
    display: flex;
    flex-wrap: wrap;
    gap: 1.2rem;
    color: var(--textGray);
    padding: 0;
}
.platform-filter{
    display: flex;
    font-family: "TT Moscow Economy - Md";
    flex-wrap: wrap;
    gap: 1.2rem;
    font-size: 1.1rem;
    color: var(--textGray);
    padding: 2rem 0;
}
.platform-filter--active{
    color: var(--textColor);
    position: relative;
    padding-bottom: .5rem;
}
.platform-filter--active::after{
position: absolute;
content: "";
width: 100%;
height: 3px;
background: var(--red);
bottom: 0;
left:0;
}
.platform-filter li{
    cursor: pointer;
}
.vacancies-filter li{
    cursor: pointer;
}
.vacancies-filter li:hover{

}

.active-vacancy{
    font-family: "TT Moscow Economy - Md";
    color:var(--textColor);
    position: relative;
}

.active-vacancy::after{
    position: absolute;
    content: "";
    background-color: var(--red);
    width: 100%;
    height: 2px;
    left: 0;
    bottom: -3px;
}

.main-title__subtitle {
    font-family: "TT-Medium";
    font-weight: 400;
    text-transform: uppercase;
    font-size: calc(36*2560px / 1920);
    font-size: calc(36*var(--width-multiplier));
    line-height: calc(40*2560px / 1920);
    line-height: calc(40*var(--width-multiplier));
    color: var(--red);
    margin-top: calc(10*2560px / 1920);
    margin-top: calc(10*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .main-title__subtitle {
        font-size: calc(19*2560px / 1920);
        font-size: calc(19*var(--width-multiplier));
        line-height: calc(22*2560px / 1920);
        line-height: calc(22*var(--width-multiplier));
    }
}

.main-title__subject {
    font-family: "TT-Medium";
    font-weight: 400;
    text-transform: uppercase;
    font-size: calc(20*2560px / 1920);
    font-size: calc(20*var(--width-multiplier));
    line-height: calc(30*2560px / 1920);
    line-height: calc(30*var(--width-multiplier));
    margin-top: calc(10*2560px / 1920);
    margin-top: calc(10*var(--width-multiplier));
    color: #4e4e50;
}

@media (max-width: 1023px) {
    .main-title__subject {
        font-size: calc(17*2560px / 1920);
        font-size: calc(17*var(--width-multiplier));
        line-height: calc(20*2560px / 1920);
        line-height: calc(20*var(--width-multiplier));
    }
}

.main-title__caption {
    font-size: 18px;
    color: #4a4c57;
    font-weight: 400;
    text-transform: uppercase;
    font-family: "TT Moscow Economy - Md";
    margin-bottom: 26px
}

@media (max-width: 991px) {
    .main-title__caption {
        font-size:16px;
        margin-bottom: 10px
    }
}

@media (max-width: 767px) {
    .main-title__caption {
        font-size:14px;
        margin-bottom: 8px
    }
}

.main-title--center {
    text-align: center
}
.main-title--red{
    color: var(--red);
}

.main-title--white .main-title__subtitle,.main-title--white .main-title__title {
    color: #fff
}

.main-title--large {
    margin-bottom: 70px
}

@media (max-width: 991px) {
    .main-title--large {
        margin-bottom:60px
    }
}

@media (max-width: 767px) {
    .main-title--large {
        margin-bottom:50px
    }
}

@media (max-width: 576px) {
    .main-title--large {
        margin-bottom:40px
    }
}

.main-title--large .main-title__title {
    color: var(--textColor);
    font-weight: 400;
    text-transform: uppercase;
    font-family: "TT Moscow Economy - Bd";
    font-size: 63px;
    margin-bottom: 37px
}

@media (max-width: 991px) {
    .main-title--large .main-title__title {
        font-size:26px;
        line-height: 30px;
        margin-bottom: 20px
    }
}

@media (max-width: 767px) {
    .main-title--large .main-title__title {
        font-size:22px;
        line-height: 26px
    }
}

@media (max-width: 576px) {
    .main-title--large .main-title__title {
        font-size:18px;
        line-height: 24px
    }
}

.btn {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    border: 0;
    outline: 0;
    transition: .2s all ease-out;
    font-family: "TT-Medium";
}

.btn-center {
    margin: 0 auto
}

.btn-right,.btn-right-lg {
    margin-left: auto
}

@media (max-width: 991px) {
    .btn-right-lg {
        margin-left:0
    }
}

.btn-semicircle {
    width: 216px;
    height: 56px;
    border-radius: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-family: "TT Moscow Economy - Md";
    font-size: 14px;
    font-weight: 400;
    border: 2px solid transparent
}

.btn-transparent {
    background-color: transparent !important;
    border: 1px solid #fff !important;
}
.btn-transparent:hover {
    background-color: var(--red) !important;
    border-color: transparent !important;
}

.btn-primary {
    background: var(--red);
    color: #fff
}

.btn-primary:hover {
    background: var(--brown);
    color: #fff
}

.btn-secondary {
    background-color: var(--textColor);
    color: #fff
}

.btn-banner{
    background-color: var(--lightGray);
}

.btn-secondary:hover {
    background: var(--red);
    color: #fff
}

.btn-secondary-border {
    border: 2px solid #c8c8c8;
    color: #c8c8c8
}

.btn-secondary-border:hover {
    background: #bebebe;
    border: 2px solid #bebebe;
    color: #fff
}

.btn-large,.btn-small {
    border-radius: calc(8 * var(--width-multiplier));
    justify-content: center;
    text-align: center
}

.btn-large {
    width: 282px;
    height: 52px;
    display: flex;
    align-items: center
}

.btn-small {
    width: calc(280*2560px / 1920);
    width: calc(280*var(--width-multiplier));
    height: calc(56*2560px / 1920);
    height: calc(56*var(--width-multiplier));
    font-size: calc(16*2560px / 1920);
    font-size: calc(16*var(--width-multiplier));
}

.btn-collection,.btn-small {
    display: flex;
    align-items: center
}

@media (max-width: 767px) {
    .btn-collection {
        flex-direction:column
    }
}

.btn-collection--center {
    justify-content: center
}

.btn-collection--center .btn {
    margin: 0 15px
}

@media (max-width: 767px) {
    .btn-collection--center .btn {
        margin:0 0 10px
    }
}

.tabs {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px
}

@media (max-width: 767px) {
    .tabs {
        display:none
    }
}

.tabs__tab {
    border: 1px solid transparent;
    min-height: 30px;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    transition: .2s all ease-out;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    color: #666565;
    font-family: "TT Moscow Economy - Md";
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    padding: 0 12px;
    margin-bottom: 10px
}

@media (max-width: 767px) {
    .tabs__tab {
        font-size:14px;
        line-height: 18px;
        padding: 5px 10px;
        margin-bottom: 6px
    }
}

@media (max-width: 576px) {
    .tabs__tab {
        width:100%
    }
}

.tabs__tab:hover {
    background: var(--red);
    color: #fff
}

.mobile-tabs .jq-selectbox.focused .jq-selectbox__select,.tabs__tab--active {
    border: 1px solid var(--red)
}

.mobile-tabs {
    display: none;
    margin-bottom: 16px
}

@media (max-width: 767px) {
    .mobile-tabs {
        display:block
    }
}

.mobile-tabs .jq-selectbox {
    width: 100%
}

.mobile-tabs .jq-selectbox__select {
    width: 100%;
    height: 56px;
    border-radius: 6px;
    border: 1px solid #6b687f;
    background: #fff;
    box-shadow: none;
    text-shadow: none;
    color: #4a5175;
    font-family: "TT Moscow Economy - Normal";
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    padding: 0 20px
}

@media (max-width: 1307px) {
    .mobile-tabs .jq-selectbox__select {
        font-size:14px;
        padding: 0 10px
    }
}

.mobile-tabs .jq-selectbox__select-text {
    height: 100%;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-top: 18px
}

.mobile-tabs .jq-selectbox__trigger {
    border: 0
}

.mobile-tabs .jq-selectbox__trigger-arrow {
    top: 25px
}

.mobile-tabs .jq-selectbox li:hover {
    background: #d00e46
}

.header__wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    height: calc(108*2560px / 1920);
    height: calc(108*var(--width-multiplier));
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    z-index: 1000;
    width: 100vw;
    box-shadow: 0 0 calc(25*2560px / 1920) #b4b4b4;
    box-shadow: 0 0 calc(25*var(--width-multiplier)) #b4b4b4;
    padding: 0 calc(15*2560px / 1920);
    padding: 0 calc(15*var(--width-multiplier));
    transition: height .3s ease-out;
}

@media (max-width: 1023px) {
    .header__wrapper {
        height: calc(60*2560px / 1920);
        height: calc(60*var(--width-multiplier));
    }
}

.header__logo {
    margin-right: calc(32*2560px / 1920);
    margin-right: calc(32*var(--width-multiplier));
    margin-top: calc(6*2560px / 1920);
    margin-top: calc(6*var(--width-multiplier));
    width: calc(240*2560px / 1920);
    width: calc(240*var(--width-multiplier));
    transition: width .3s ease-out;
    padding-right: 1rem;
}


@media (max-width: 767px) {
    .header__logo {
        width:200px;
    }
}

.header__menu {
    display: flex;
    align-items: center;
    height: 100%;
}

@media (max-width: 1307px) {
    .header__menu {
        display:none
    }
}

.header__menu-link {
    color: var(--textColor);
    font-family: "TT-Medium";
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    position: relative;
    cursor: pointer;
    transition: .2s all ease-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    padding-right: 10px;
    margin-right: 10px;
    display: flex;
    align-items: center;

}

.header__lang-link:hover .header__menu-link {
    color: var(--red);
}

.header__menu:hover .header__menu-link{
    color: var(--red);

}


.header__menu-link:hover::after {
    border-top: 5px solid var(--red);
}
.header__menu:hover .header__menu-link::after{
    border-top: 5px solid var(--red);

}
.header__menu:hover .header__menu-link:hover::after {
    border-top: 5px solid var(--red);
}

.header__menu-link::after,.header__menu-link::before {
    content: "";
    display: block;
    position: absolute;
    transition: .2s all ease-out
}

.header__menu-link::after {
    border: 3px solid transparent;
    border-top: 5px solid var(--textGray);
    opacity: 1;
    right: 0;
}

.header__menu-link::before {
    left: 0;
    bottom: 0px;
    width: 90%;
    height: 3px;
    background-color: var(--red);
    opacity: 0;
    border-radius: 5rem;


}
header a{
    color: var(--textColor);
}

.header__menu:hover .header__menu-link::before{
    opacity: 1

}


.main-first-section__links-link{
    display: flex;
    gap: .7rem;
    font-family: 'TT-Medium';
}
.main-first-section__links-link:hover a {
    color: var(--brown);
}
.main-first-section__links-link img{
    width: 1.3rem;

}
.main-first-section__links{
    position: absolute;
    font-family: "TT Moscow Economy - Md";
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: .6rem;
    bottom: 0rem;
    right: 11rem;
    z-index: 99;
}
.header__right {
    margin-top: calc(8*2560px / 1920);
    margin-top: calc(8*var(--width-multiplier));
    justify-content: space-between;
    padding-left: calc(32*2560px / 1920);
    padding-left: calc(32*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .header__right {
        margin-left: auto;
        padding-left: 0;
    }
}

.header__phone {
    color: var(--textColor);
    padding-right: 1rem;
    font-family: "TT Moscow Economy - Md";
}

@media (max-width: 1023px) {
    .header__phone {
        display: none;
    }
}

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

.header__lang-link,.header__lang-separator {
    color: var(--textGray);
    font-family: "TT Moscow Economy - Rg";
    font-size: calc(14*2560px / 1920);
    font-size: calc(14*var(--width-multiplier));
    font-weight: 400;
    text-transform: uppercase
}

@media (max-width: 1023px) {
    .header__lang-link,.header__lang-separator {
        font-size: calc(12*2560px / 1920);
        font-size: calc(12*var(--width-multiplier));
    }
}

.header__lang-link {
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transition: .2s all ease-out
}

.header__lang-link:hover{
    color: var(--red);
}



.header__lang-separator {
    margin: 0 2px
}

.header__lang-link--active {
    color: var(--red)
}

.download-card:hover .download-card__icon::after,.header__lang-link--active::before {
    opacity: 1
}

.header__auth {
    width: calc(44*2560px / 1920);
    width: calc(44*var(--width-multiplier));
    height: calc(44*2560px / 1920);
    height: calc(44*var(--width-multiplier));
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: calc(30*2560px / 1920);
    margin-left: calc(30*var(--width-multiplier));
    background-image: url("/assets/images/icon_LK.svg");
    background-repeat: no-repeat;
}
.header__auth:hover{
    background-image: url("/assets/images/icon_LK_active.svg");

}

@media (max-width: 1023px) {
    .header__auth {
        width: calc(26*2560px / 1920);
        width: calc(26*var(--width-multiplier));
        height: calc(26*2560px / 1920);
        height: calc(26*var(--width-multiplier));
        margin-left: 0;
    }
}

.header__search {
    cursor: pointer;
    margin-left: calc(18*2560px / 1920);
    margin-left: calc(18*var(--width-multiplier));
    transition: .2s all ease-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: calc(24*2560px / 1920);
    width: calc(24*var(--width-multiplier));
    height: calc(24*2560px / 1920);
    height: calc(24*var(--width-multiplier));
    background-image: url("../img/icon_search.svg");
    background-repeat: no-repeat;

}
.header__search:hover{
    background-image: url("../img/icon_search_active.svg");
}

@media (max-width: 1023px) {
    .header__search {
        width: calc(20*2560px / 1920);
        width: calc(20*var(--width-multiplier));
        height: calc(20*2560px / 1920);
        height: calc(20*var(--width-multiplier));
        margin-left: calc(10*2560px / 1920);
        margin-left: calc(10*var(--width-multiplier));
    }
}

.header__search:hover {
    opacity: .8
}

.header__mobile-menu-button {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: calc(47*2560px / 1920);
    width: calc(47*var(--width-multiplier));
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-left: calc(22*2560px / 1920);
    margin-left: calc(22*var(--width-multiplier));
    display: none
}

@media (max-width: 1023px) {
    .header__mobile-menu-button {
        width: calc(30*2560px / 1920);
        width: calc(30*var(--width-multiplier));
        display: flex;
        margin-left: 0;
        position: absolute;
        left: calc(20*2560px / 1920);
        left: calc(20*var(--width-multiplier));
    }
    .header__lang {
        position: absolute;
        left: calc(65*2560px / 1920);
        left: calc(65*var(--width-multiplier));
    }
    .header__logo {
        margin-right: 0rem;
        margin-bottom: 0.5rem;
        width: 240px;
        transition: width .3s ease-out;
        padding-right: 1rem;
        margin-left: 9rem;
    }
}

.header__mobile-menu-button span {
    width: 100%;
    height: 4px;
    border-radius: 2px;
    background-color: #252529;
    transition: .2s all ease-out;
    display: block
}

.header__mobile-menu-button span:nth-child(1) {
    width: 34px
}

@media (max-width: 767px) {
    .header__mobile-menu-button span:nth-child(1) {
        width:30px
    }
}

.header__mobile-menu-button span:nth-child(2) {
    margin: 7px 0
}

.header__mobile-menu-button span:nth-child(3) {
    width: 26px
}

@media (max-width: 767px) {
    .header__mobile-menu-button span:nth-child(3) {
        width:30px
    }
}

.header__mobile-menu-button:hover span {
    background-color: #d00e46
}

.header__mobile-menu-button:hover span:nth-child(1),.header__mobile-menu-button:hover span:nth-child(3) {
    width: 100%
}

.header__submenu {
    padding-top: 2rem;
    /* position: relative; */
}


.header_drop-menu:hover{
display: flex;
}

.header__menu:hover .header__drop-menu{
    display: flex;
    width: 100%;
}
.header__drop-menu {
    position: absolute;
    top: 85px;
    z-index: 4;
    width: auto;
    display: flex;
    flex-direction: column;
    display: none;
    /* animation: fade .3s ease-out; */
    background: #fff;
    padding: .5rem 0 1rem 0;
}
.header__drop-menu::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: -100%;
    top:0;
    background-color: #fff;
}

.header__drop-menu::after {
    content: "";
    display: block;
    border: 10px solid transparent;
    opacity: 1;
    position: absolute;
    left: 10px;
    top: -22px;
    transition: .2s all ease-out
}

.header__drop-menu a {
    color: #393649;
    font-family: "TT Moscow Economy - Normal";
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    white-space: nowrap;
    transition: .2s all ease-out
}

.header__drop-menu a:hover {
    color: var(--red);
}

.header__drop-menu:hover .menu-drop-filter{
    display: block;
}

.header__menu:hover .menu-drop-filter{
    display: block;
}

.menu-drop-filter{
    display: none;
    position: absolute;
    left: -100%;
    top: 100%;
    height: 100vh;
    width: 300vw;
    z-index: -100;
    backdrop-filter: blur(10px) ;
    background-color: rgba(57,54,73,.5);
}

.header__drop-menu:has(.menu-drop-filter:hover){
    display: none;
}

.header__disable {
    pointer-events: none;
    color: #e5e5e5
}

.header--inverse {
    background: #1b1e26
}

.header--inverse .header__lang-link,.header--inverse .header__lang-separator,.header--inverse .header__menu-link {
    color: #fff
}

.header--inverse .header__mobile-menu-button span {
    background-color: #fff
}

.header--inverse .header__menu-link::after {
    border-top: 5px solid #fff
}

.mobile-menu-close {
    background: url(../img/close_modal.svg) no-repeat center;
    width: 24px;
    height: 24px;
    position: fixed;
    top: 30px;
    right: 24px;
    z-index: 40;
    cursor: pointer;
    transform: rotate(0deg);
    transition: .5s transform ease-out;
    display: none
}

.mobile-menu-close:hover {
    transform: rotate(-180deg)
}

.footer__social-container a img,.mobile-menu-close--active {
    display: block
}

.mobile_menu_button {
    flex-direction: column;
    display: none;
    padding: 10px 6px;
    z-index: 10;
    margin-left: 16px
}

@media (max-width: 991px) {
    .mobile_menu_button {
        display:flex
    }
}

.mobile_menu_button span {
    display: block;
    width: 25px;
    height: 3px;
    border-radius: 5px;
    background: #d00e46;
    margin: 2px 0
}

.mobile-menu {
    position: fixed;
    top: 100px;
    z-index: 99;
    background: #fff url(../img/mobile-menu-bg.svg) no-repeat left bottom;
    box-shadow: 0 0 0;
    width: 320px;
    height: 100vh;
    right: -320px;
    transition: .3s all ease-out;
    overflow: auto;
    padding: 26px 24px 160px;
    border-radius: 67px 0 0 0
}

.mobile-menu__lang {
    display: flex;
    align-items: center;
    position: absolute;
    left: 35px;
    top: 32px
}

.mobile-menu__lang-link,.mobile-menu__lank-separator {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    text-decoration: underline;
    color: #4a4c57
}

.mobile-menu__lang-link:hover {
    text-decoration: none
}

.mobile-menu__lank-separator {
    margin: 0 2px
}

.mobile-menu__lang-link--active,.mobile-menu__link:hover {
    color: #d00e46
}

.mobile-menu__icon-block,.mobile-menu__link {
    display: flex;
    align-items: center;
    transition: .2s all ease-out
}

.mobile-menu__link {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    justify-content: flex-end;
    text-align: right;
    color: #4a4c57;
    min-height: 30px;
    margin-bottom: 10px
}

.mobile-menu__icon-block {
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    background: #4a4c57;
    justify-content: center;
    text-align: center;
    margin-left: 8px;
    border-radius: 50%
}

.mobile-menu__info {
    padding-top: 40px
}

.mobile-menu__phone {
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

.mobile-menu__phone-title {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #ff233a;
    margin-bottom: 5px
}

.mobile-menu__phone-num {
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    color: #000
}

.mobile-menu__phone-num span {
    font-weight: 400
}

.mobile-menu--active {
    right: 0;
    box-shadow: -10px 4px 34px rgba(0,0,0,.25)
}

.footer {
    background: var(--red);
    padding: 30px 0;
    text-align: left;

}

@media (max-width: 576px) {
    .footer {
        padding:20px 0
    }
}

.footer__logo {
    margin-bottom: 16px;
    display: block;
    transition: .2s all ease-out;
}

.footer__logo:hover {
    opacity: .8
}

.footer__copyright {
    color: #fff;
    font-size: 11px;
    line-height: 12px;
    font-family: "TT Moscow Economy - Md";
    margin-bottom: 3rem;
}

.footer__title {
    color: #fff;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 16px;
    text-transform: uppercase;
    font-family: "TT Moscow Economy DemiBold";
    margin-bottom: 2rem;
    text-align: left;
}

.footer__container {
    margin-top: 14px;
    padding-left: 2rem;
    padding-top: 6px;
    border-left: 4px solid var(--rose);
    color: white;
    min-height: 13rem;
    min-width: 20rem;
    text-align: left;
    margin-right: 1rem;

}


@media (max-width: 991px) {
    .footer__container {
        border:0;
        padding-left: 0;
        padding-top: 0;
        margin-top: 10px
    }
}

.footer__social-container {
    display: flex;
    align-items: center;
    gap: 1rem;

}
.footer__social-container img{
    width: 2rem;
}

@media (max-width: 767px) {
    .footer__social-container {
        margin-bottom:40px
    }
}

.footer__menu {
    display: grid;
    color: white;
    grid-template-columns: repeat(2, 1fr);
    font-size: .8rem;
    row-gap: 1rem;
    column-gap: 2rem;
    font-family: "TT Moscow Economy - Md";
    text-align: left;


}
.footer__menu a{
    color: var(--rose);
    transition: .2s all ease-out;


}
.footer__adress,.footer__email {
    font-size: 14px;
    font-weight: 400;
    transition: .2s all ease-out;
    color: var(--rose);
    font-family: "TT Moscow Economy - Md";

}

.footer__menu-link {
    line-height: 12px;
    }

.footer__adress:hover,.footer__email:hover,.footer__menu-link:hover,.footer__phone:hover {
    color: white;
}

.footer__adress,.footer__email,.footer__phone {
    line-height: 14px;
    margin-bottom: 1rem;
    display: block;
    position: relative;
    color: white;
    font-family: 'TT-Regular';
}

.footer__adress:hover::before,.footer__email:hover::before,.footer__phone:hover::before {
    transition: .2s all ease-out;
    opacity: .7
}

/* .footer__email::before {
    background: url(../img/footer-icon-email.svg) no-repeat center
} */

.footer__adress::before,.footer__email::before,.footer__phone::before {
    content: "";
    display: block;
    position: absolute;
    width: 14px;
    height: 14px;
    left: 0;
    top: 0
}
.footer__phone{
    font-size: 1.2rem;
}

/* .footer__phone::before {
    background: url(../img/footer-icon-phone.svg) no-repeat center
}

.footer__adress::before {
    background: url(../img/footer-icon-location.svg) no-repeat center
} */

.footer__menu-2 {
    display: flex;
    text-align: left;
    flex-direction: column;
}

.footer__menu-link-2 {
    color: var(--rose);
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    text-decoration-line: underline;
    margin-bottom: 8px;
    transition: .2s all ease-out
}

.footer__menu-link-2:hover {
    color: white;
    text-decoration: none
}

.clusters-card {
    display: flex;
    margin-bottom: calc(32*2560px / 1920);
    margin-bottom: calc(32*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .clusters-card {
        justify-content: center;
        margin-bottom: calc(25*2560px / 1920);
        margin-bottom: calc(25*var(--width-multiplier));
    }
}

.clusters-card__img {
    overflow: hidden;
    width: 184px;
    height: 100%;
    position: relative;
    z-index: 1
}

@media (max-width: 576px) {
    .clusters-card__img {
        width:100px
    }
}

.clusters-card__img::after {
    content: "";
    display: block;
    position: absolute;
    background: url(../img/clusters-card-img-bg.svg) no-repeat center;
    width: 20px;
    height: 100%;
    z-index: 2;
    top: 0;
    right: -5px
}

.clusters-card__img img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.clusters-card__text-block {
    display: flex;
    align-items: center;
    gap: calc(16*2560px / 1920);
    gap: calc(16*var(--width-multiplier));
    justify-content: center;
}

.clusters-card__title {
    color: var(--textColor);
    font-family: "TT-Medium";
    font-size: calc(18*2560px / 1920);
    font-size: calc(16*var(--width-multiplier));
    font-weight: 600;
    max-width: calc(240*2560px / 1920);
    max-width: calc(240*var(--width-multiplier));
    line-height: calc(21*2560px / 1920);
    line-height: calc(21*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .clusters-card__title {
        max-width: calc(204*2560px / 1920);
        max-width: calc(204*var(--width-multiplier));
    }

    .clusters-card__icon {
        display: none
    }
}

.clusters-card__title:hover {
    color: var(--red);
    cursor: pointer;
}

.clusters-card__icon img,.excursion-routes-card {
    display: block
}

.clusters-card__icon {
    width: calc(50*2560px / 1920);
    width: calc(50*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .clusters-card__icon {
        display: flex;
    }
}

.excursion-routes-card:hover .excursion-routes-card__img {
    opacity: .7
}

.excursion-routes-card:hover .excursion-routes-card__title {
    color: var(--red);
}

.excursion-routes-card__img {
    position: relative;
    border-radius: calc(12*2560px / 1920);
    border-radius: calc(12*var(--width-multiplier));
    overflow: hidden;
    height: calc(234*2560px / 1920);
    height: calc(234*var(--width-multiplier));
    border: 2px solid #fff;
    transition: .2s all ease-out
}

@media (max-width: 1023px) {
    .excursion-routes-card__img {
        height: calc(200*2560px / 1920);
        height: calc(200*var(--width-multiplier));
    }
}

.excursion-routes-card__img img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.excursion-routes-card__text-block {
    padding-top: calc(14*2560px / 1920);
    padding-top: calc(14*var(--width-multiplier));
    padding-bottom: calc(32*2560px / 1920);
    padding-bottom: calc(32*var(--width-multiplier))
}

@media (max-width: 1023px) {
    .excursion-routes-card__text-block {
        padding-left: calc(15*2560px / 1920);
        padding-left: calc(15*var(--width-multiplier));
    }
}

.excursion-routes {
    padding-top: calc(80*2560px / 1920);
    padding-top: calc(80*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .excursion-routes {
        padding-top: calc(60*2560px / 1920);
        padding-top: calc(60*var(--width-multiplier));
    }

    .excursion-routes__container {
        > .row {
            flex-wrap: nowrap !important;
            overflow-x: auto !important;
        }
    }

    .excursion-routes__col {
        flex-shrink: 0;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}

.excursion-routes-card__title {
    color: var(--red);
    text-transform: uppercase;
    font-family: "TT-Medium";
    font-size: calc(12*2560px / 1920);
    font-size: calc(12*var(--width-multiplier));
    font-weight: 400;
    margin: calc(16*2560px / 1920) 0;
    margin: calc(16*var(--width-multiplier)) 0;
    letter-spacing: calc(3.2*2560px / 1920);
    letter-spacing: calc(3.2*var(--width-multiplier));
    transition: .2s all ease-out;
    display: flex;
    justify-content: space-between;
}

.excursion-routes-card__date{
    background-image: url("../img/pl_red_01.svg");
    background-repeat: no-repeat;
    color: #fff;
    text-align: right;
    background-size: 100%;
    font-size: 1rem;
    padding-left: 1rem;
}

.excursion-routes-card__line {
    width: 30px;
    min-height: 1px;
    background-color: #ea114a;
    margin-bottom: 18px
}

.excursion-routes-card__desc {
    color: var(--textColor);
    font-size: calc(18*2560px / 1920);
    font-size: calc(18*var(--width-multiplier));
    font-weight: 400;
    font-family: "TT-Medium";
    padding-right: calc(66*2560px / 1920);
    padding-right: calc(66*var(--width-multiplier));
    line-height: calc(24*2560px / 1920);
    line-height: calc(24*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .excursion-routes-card__desc {
        padding-right: calc(50*2560px / 1920);
        padding-right: calc(50*var(--width-multiplier));
    }
}

.vacancies-card {
    width: 100%;
    min-height: calc(352*2560px / 1920);
    min-height: calc(352*var(--width-multiplier));
    position: relative;
    text-align: left;
    cursor: pointer;
}

@media (max-width: 1023px) {
    .vacancies-card {
        flex-shrink: 0;
        padding: 2px 0;
    }
}

.vacancies-card::before {
    content: "";
    position: absolute;
    left: -2px;
    top: -2px;
    right: -2px;
    bottom: -2px;
    clip-path: polygon(7.673% 0%, 92.327% 0%, 92.327% 0%, 93.572% 0.15%, 94.753% 0.584%, 95.853% 1.278%, 96.859% 2.209%, 97.753% 3.354%, 98.52% 4.688%, 99.144% 6.188%, 99.609% 7.831%, 99.9% 9.593%, 100% 11.45%, 100% 57.548%, 100% 57.548%, 99.96% 59.048%, 99.843% 60.53%, 99.649% 61.987%, 99.381% 63.413%, 99.04% 64.802%, 98.628% 66.147%, 98.147% 67.442%, 97.598% 68.681%, 96.984% 69.858%, 96.305% 70.966%, 80.822% 94.334%, 80.822% 94.334%, 80.076% 95.374%, 79.282% 96.316%, 78.444% 97.157%, 77.567% 97.895%, 76.656% 98.527%, 75.714% 99.05%, 74.746% 99.461%, 73.756% 99.759%, 72.749% 99.939%, 71.729% 100%, 7.673% 100%, 7.673% 100%, 6.428% 99.85%, 5.247% 99.416%, 4.147% 98.722%, 3.141% 97.791%, 2.247% 96.646%, 1.48% 95.312%, 0.856% 93.812%, 0.391% 92.169%, 0.1% 90.407%, 0% 88.55%, 0% 11.45%, 0% 11.45%, 0.1% 9.593%, 0.391% 7.831%, 0.856% 6.188%, 1.48% 4.688%, 2.247% 3.354%, 3.141% 2.209%, 4.147% 1.278%, 5.247% 0.584%, 6.428% 0.15%, 7.673% 0%);
    background: var(--grayBg);
}

@media (max-width: 1023px) {
    .vacancies-card::before {
        top: 0;
    }
}

.vacancies-card::after {
    content: url("../img/arrow_03_lev.svg");
    position: absolute;
    width: calc(32*2560px / 1920);
    width: calc(32*var(--width-multiplier));
    bottom: 0;
    right: calc(13*2560px / 1920);
    right: calc(13*var(--width-multiplier));
}

.vacancies-card__block {
    clip-path: polygon(7.673% 0%, 92.327% 0%, 92.327% 0%, 93.572% 0.15%, 94.753% 0.584%, 95.853% 1.278%, 96.859% 2.209%, 97.753% 3.354%, 98.52% 4.688%, 99.144% 6.188%, 99.609% 7.831%, 99.9% 9.593%, 100% 11.45%, 100% 57.548%, 100% 57.548%, 99.96% 59.048%, 99.843% 60.53%, 99.649% 61.987%, 99.381% 63.413%, 99.04% 64.802%, 98.628% 66.147%, 98.147% 67.442%, 97.598% 68.681%, 96.984% 69.858%, 96.305% 70.966%, 80.822% 94.334%, 80.822% 94.334%, 80.076% 95.374%, 79.282% 96.316%, 78.444% 97.157%, 77.567% 97.895%, 76.656% 98.527%, 75.714% 99.05%, 74.746% 99.461%, 73.756% 99.759%, 72.749% 99.939%, 71.729% 100%, 7.673% 100%, 7.673% 100%, 6.428% 99.85%, 5.247% 99.416%, 4.147% 98.722%, 3.141% 97.791%, 2.247% 96.646%, 1.48% 95.312%, 0.856% 93.812%, 0.391% 92.169%, 0.1% 90.407%, 0% 88.55%, 0% 11.45%, 0% 11.45%, 0.1% 9.593%, 0.391% 7.831%, 0.856% 6.188%, 1.48% 4.688%, 2.247% 3.354%, 3.141% 2.209%, 4.147% 1.278%, 5.247% 0.584%, 6.428% 0.15%, 7.673% 0%);
    padding: calc(24*2560px / 1920) calc(32*2560px / 1920);
    padding: calc(24*var(--width-multiplier)) calc(32*var(--width-multiplier));
    height: 100%;
    transition: all .2s ease-out;
    background: #fff;
}

.vacancies-card__block:hover {
    background: var(--grayBg);
}

.vacancies-cardholder {
    display: none;
    grid-template-columns: repeat(3, 1fr);
    row-gap: calc(16* var(--width-multiplier));
    column-gap: calc(16* var(--width-multiplier));
}

@media (max-width: 1023px) {
    .vacancies-cardholder {
        overflow-x: scroll;
        margin: 0 calc(-20*var(--width-multiplier));
        padding: 0 calc(20*var(--width-multiplier)) calc(10* var(--width-multiplier));
    }
}

.vacancies-cardholder .hiiden {
    display: none;
}

.vacancies-cardholder-active {
    display: grid;
    animation: vacanciesShow .2s;
}

@media (max-width: 1023px) {
    .vacancies-cardholder-active {
        display: flex;
    }
}

@keyframes vacanciesShow {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.vacancies-card__sphere {
    color: var(--lightGray);
    letter-spacing: calc(3.2*2560px / 1920);
    letter-spacing: calc(3.2*var(--width-multiplier));
    font-size: calc(13*2560px / 1920);
    font-size: calc(13*var(--width-multiplier));
    position: relative;
    margin-bottom: calc(21*2560px / 1920);
    margin-bottom: calc(21*var(--width-multiplier));
    padding-bottom: calc(16*2560px / 1920);
    padding-bottom: calc(16*var(--width-multiplier));
    font-family: "TT-Medium";
}

.vacancies-card__sphere::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100*2560px / 1920);
    width: calc(100*var(--width-multiplier));
    height: 1px;
    background: var(--red);
}

.vacancies-card__title {
    font-family: "TT-Medium";
    font-size: calc(17*2560px / 1920);
    font-size: calc(17*var(--width-multiplier));
    margin-bottom: calc(16*2560px / 1920);
    margin-bottom: calc(16*var(--width-multiplier));
}

.vacancies-card__desc {
    color: var(--red);
    font-family: "TT-Medium";
    font-size: calc(18*2560px / 1920);
    font-size: calc(18*var(--width-multiplier));
    max-width: 60%;
    line-height: calc(25*2560px / 1920);
    line-height: calc(25*var(--width-multiplier));
}

.vacancies-card__adress {
    position: absolute;
    max-width: 50%;
    color: var(--textGray);
    font-family: "TT-Regular";
    bottom: calc(28*2560px / 1920);
    bottom: calc(28*var(--width-multiplier));
}

.vacancies-card__name {
    color: #514f4f;
    font-family: "TT-Medium";
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 12px
}

.vacancies-card__position {
    color: #000;
    font-family: "TT-Medium";
    font-size: 18px;
    font-weight: 400;
    line-height: 22px
}

.vacancies-card__tag {
    height: 34px;
    border: 1px solid #6a6a6a;
    color: #6a6a6a;
   font-family: "TT-Medium";
    font-size: 14px;
    font-weight: 400;
    padding: 0 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    text-align: center;
    border-radius: 20px;
    position: absolute;
    bottom: 52px;
    left: 26px
}

.vacancies {
    padding-top: calc(48*2560px / 1920);
    padding-top: calc(48*var(--width-multiplier));
    -webkit-box-shadow: 0 calc(-27*2560px / 1920) calc(29*2560px / 1920) calc(-5*2560px / 1920) rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 calc(-27*var(--width-multiplier)) calc(29*var(--width-multiplier)) calc(-5*var(--width-multiplier)) rgba(0,0,0,0.2);
    -moz-box-shadow: 0 calc(-27*2560px / 1920) calc(29*2560px / 1920) calc(-5*2560px / 1920) rgba(0,0,0,0.2);
    -moz-box-shadow: 0 calc(-27*var(--width-multiplier)) calc(29*var(--width-multiplier)) calc(-5*var(--width-multiplier)) rgba(0,0,0,0.2);
    box-shadow: 0 calc(-27*2560px / 1920) calc(29*2560px / 1920) calc(-5*2560px / 1920) rgba(0,0,0,0.2);
    box-shadow: 0 calc(-27*var(--width-multiplier)) calc(29*var(--width-multiplier)) calc(-5*var(--width-multiplier)) rgba(0,0,0,0.2);
}

@media (max-width: 1023px) {
    .vacancies {
        padding-top: calc(60*2560px / 1920);
        padding-top: calc(60*var(--width-multiplier));
    }
}

.vacancies__filters {
    display: none;
}

.vacancies__filters.is-active {
    display: block;
    animation: vacanciesShow .2s;
}

.vacancies-sites {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    gap: calc(30*2560px / 1920);
    gap: calc(30*var(--width-multiplier));
    margin-top: calc(10*2560px / 1920);
    margin-top: calc(10*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .vacancies-sites {
        gap: calc(15*2560px / 1920);
        gap: calc(15*var(--width-multiplier));
    }
}

.vacancies-sites__item {
    position: relative;
    cursor: pointer;
    text-transform: uppercase;
    color: var(--textGray);
    font-family: "TT-Medium";
    font-weight: 400;
    transition: all .2s;
    border-bottom: 2px solid transparent;
}

.vacancies-direction {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: calc(30*var(--width-multiplier)) 0;
}

.vacancies-direction__item {
    margin-right: calc(30*var(--width-multiplier));
    margin-bottom: calc(20*var(--width-multiplier));
    position: relative;
    cursor: pointer;
    color: var(--textGray);
    font-family: "TT-Medium";
    font-weight: 400;
    transition: all .2s;
    border-bottom: 2px solid transparent;
}

@media (min-width: 1024px) {
    .vacancies-sites__item:hover,
    .vacancies-direction__item:hover {
        color: #000;
        border-bottom-color: #d00e46;
    }
}

.vacancies-sites__item.is-active,
.vacancies-direction__item.is-active {
    color: #000;
    border-bottom-color: #d00e46;
}

@media (max-width: 1023px) {
    .vacancies-direction__item {
        margin-right: calc(15*var(--width-multiplier));
        margin-bottom: calc(15*var(--width-multiplier));
    }
}

.vacancies-direction__item input {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: -1;
    opacity: 0;
    display: block;
    width: 0;
    height: 0;
}

.vacancies-direction__item span {
    transition: all .2s;
    border-bottom: 2px solid transparent;
}

.vacancies-direction__item input:checked ~ span {
    color: #000;
    border-bottom-color: #d00e46;
}

.vacancies-card__more {
    color: #d00e46;
    font-family: "TT Moscow Economy - Rg";
    font-size: 14px;
    font-weight: 400;
    transition: .2s all ease-out;
    position: absolute;
    bottom: 8px;
    right: 12px
}

.vacancies-card__more:hover {
    text-decoration: underline
}

.vacancies .btn.btn-secondary {
    margin-top: calc(50 * var(--width-multiplier));
}

.residents-card {
    position: relative;
    display: block;
    z-index: 1;
    width: calc(282*2560px / 1920);
    width: calc(282*var(--width-multiplier));
    height: calc(138*2560px / 1920);
    height: calc(138*var(--width-multiplier));
    transition: .2s all ease-out;
}

@media (max-width: 1023px) {
    .residents-card {
        width:100%
    }
}

.news-card:hover .news-card__img,.residents-card:hover {
    opacity: .7
}

.residents-card::after{
    content: "";
    display: block;
    width: 1px;
    height: 50%;
    background-color: var(--textGray);
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    z-index: 2
}

.residents-card::before {
    left: 0
}

.residents-card::after {
    opacity: 0.5;
    right: calc(5 * var(--width-multiplier));
}

.residents-card__img {
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.residents-card__img img {
    display: block;
    max-width: calc(212*2560px / 1920);
    max-width: calc(212*var(--width-multiplier));
    max-height: calc(90*2560px / 1920);
    max-height: calc(90*var(--width-multiplier));
    aspect-ratio: auto;
}

.for-residents-card {
    width: 282px;
    height: 117px;
    border-radius: 12px;
    background-color: #393649;
    position: relative;
    padding: 24px 20px 20px
}

@media (max-width: 991px) {
    .for-residents-card {
        width:100%;
        height: 160px
    }
}

@media (max-width: 576px) {
    .for-residents-card {
        height:118px
    }
}

.for-residents-card::before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 2px;
    background-color: #ea114a;
    margin-bottom: 12px
}

.for-residents-card::after {
    content: "";
    display: block;
    position: absolute;
    width: 28px;
    height: 28px;
    border-radius: 22px 5px 11px;
    background-color: #ea114a;
    right: 0;
    bottom: 0
}

.for-residents-card__title {
    color: #fff;
    font-family: "TT Moscow Economy - Md";
    font-size: 14px;
    font-weight: 400;
    line-height: 18px
}

@media (max-width: 991px) {
    .for-residents-card__title br {
        display:none
    }
}

.news-card {
    display: block
}
.platform-links {
    /*margin-top: calc(96*2560px / 1920);
    margin-top: calc(96*var(--width-multiplier));*/
}

@media (max-width: 1023px) {
    .platform-links {
        margin-top: calc(20*2560px / 1920);
        margin-top: calc(20*var(--width-multiplier));
    }
}

.platform-links.platform-links--map {
    margin: calc(48*2560px / 1920) 0;
    margin: calc(48*var(--width-multiplier)) 0;
    padding-left: calc(144*2560px / 1920);
    padding-left: calc(144*var(--width-multiplier));
    position: relative;
    display: none;
}

@media (max-width: 1023px) {
    .platform-links.platform-links--map {
        margin: calc(30*2560px / 1920) 0;
        margin: calc(30*var(--width-multiplier)) 0;
        padding-left: 0;
    }

    .residents-card::after {
        opacity: 0;
    }
}

.news-card:hover .news-card__title,.platform-links__link:hover .platform-links__text {
    color: var(--red);
}

.news-card__img {
    position: relative;
    overflow: hidden;
    height: calc(230*2560px / 1920);
    height: calc(230*var(--width-multiplier));
    padding-bottom: calc(24*2560px / 1920);
    padding-bottom: calc(24*var(--width-multiplier));
    margin-bottom: calc(16*2560px / 1920);
    margin-bottom: calc(16*var(--width-multiplier));
    transition: .2s all ease-out
}

@media (max-width: 1023px) {
    .news-card__img {
        margin-bottom: 0;
    }
}

.main-about__num--small {
    font-size: 2rem;
}

@media (max-width: 1023px) {
    .main-about__num--small {
        margin-left: calc(-10*2560px / 1920);
        margin-left: calc(-10*var(--width-multiplier));
        font-size: calc(24*2560px / 1920);
        font-size: calc(24*var(--width-multiplier));
    }
}

@media (max-width: 1023px) {
    .news-card__img {
        height: calc(200*2560px / 1920);
        height: calc(200*var(--width-multiplier));
    }
}

.news-card__img img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: calc(10*2560px / 1920);
    border-radius: calc(10*var(--width-multiplier));
}

.news-card__info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: calc(14*2560px / 1920);
    margin-bottom: calc(14*var(--width-multiplier));
}

.news-card__tag {
    color:var(--red);
    font-family: "TT-Medium";
    font-size: calc(16*2560px / 1920);
    font-size: calc(16*var(--width-multiplier));
    letter-spacing: 2px;
}

@media (max-width: 1023px) {
    .news-card__tag {
        font-size: calc(14*2560px / 1920);
        font-size: calc(14*var(--width-multiplier));
    }
}

.news-card__date {
    color: var(--textGray);
    font-size: calc(12*2560px / 1920);
    font-size: calc(12*var(--width-multiplier));
    font-family: "TT-Medium";
}

.show-afisha {
    margin: 0 auto;
    background: var(--textColor);
}
.afisha-preferences {
    padding-top: 0px;
    position: relative;
}
.afisha-preferences::after {
    right: 0px;
    top: 60px;
    position: absolute;
    content: '';
    width: 400px;
    height: 140px;
    background: url('../img/line-afisha.svg');
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
}

.afisha__main-top {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: calc(40 * var(--width-multiplier));
}
.afisha__main-tag {
    position: relative;
    background: var(--lightGray);
    color: #fff;
    font-weight: 600;
    font-size: calc(12 * var(--width-multiplier));
    padding: calc(4 * var(--width-multiplier)) calc(30 * var(--width-multiplier)) calc(4 * var(--width-multiplier)) calc(8 * var(--width-multiplier));
    margin-right: calc(30 * var(--width-multiplier));
    border-radius: calc(5 * var(--width-multiplier));
    /* clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%); */
    text-transform: uppercase;
}
.afisha__main-tag span {
    position: relative;
    z-index: 2;
}
.afisha__main-tag--is-red {
    background: var(--red);
}
.afisha__main-tag--is-red::after {
    content: '';
    position: absolute;
    right: calc(-18 * var(--width-multiplier));
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-mask-image: url('../../technopolis/img/afisha-tag.svg');
    mask-image: url('../../technopolis/img/afisha-tag.svg');
    mask-size: cover;
    mask-repeat: no-repeat;
    mask-position: right;
    background: var(--red);
}
.afisha__main-pl {
    font-weight: 600;
    font-size: calc(12 * var(--width-multiplier));
    text-transform: uppercase;
}
.afisha__main-date {
    font-family: "TT-Medium";
    color: var(--textColor);
    font-weight: 400;
    text-transform: uppercase;
    font-size: calc(20 * var(--width-multiplier));
    line-height: calc(40 * var(--width-multiplier));
    margin-top: calc(10 * var(--width-multiplier));
    margin-bottom: 0;
}
.afisha__main-date--is-red {
    color: var(--red);
}

.afisha__infos-row {
    display: flex;
    flex-direction: row;
}
.afisha__infos-left {
    position: relative;
    display: flex;
    flex-direction: column;
    padding-right: calc(100 * var(--width-multiplier));
    width: 76%;
}
.afisha__infos-right-border-left {
    position: absolute;
    top: calc(20 * var(--width-multiplier));
    background: #c0c0c3;
    left: 0;
    width: 1px;
    height: calc(100% - calc(20 * var(--width-multiplier)));
}
.afisha__infos-left ul {
    padding-left: calc(30 * var(--width-multiplier));
}
.afisha__infos-left ul li {
    position: relative;
}
.afisha__infos-left ul li::after {
    content: '';
    position: absolute;
    background: url('../img/strategy-check.svg');
    background-repeat: no-repeat;
    background-size: contain;
    width: calc(14 * var(--width-multiplier));
    height: calc(14 * var(--width-multiplier));
    top: calc(6 * var(--width-multiplier));
    left: calc(-30 * var(--width-multiplier));
}
.afisha__infos-right {
    width: 40%;
    padding-left: calc(50 * var(--width-multiplier));
    position: relative;
}
.afisha__infos-right-line {
    right: calc(-380 * var(--width-multiplier));
    top: calc(270 * var(--width-multiplier));
    position: absolute;
    width: calc(600 * var(--width-multiplier));
    height: calc(150 * var(--width-multiplier));
    background: url('../img/line-afisha.svg');
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
}
.afisha__infos-texts {
    color: var(--red);
    padding-bottom: 0;
    font-family: "TT-Medium";
    font-size: calc(18 * var(--width-multiplier));
    line-height: calc(22 * var(--width-multiplier));
    font-weight: 600;
    margin: 0;
}
.afisha__infos-desc--is-black {
    padding-bottom: 0;
    font-family: "TT-Medium";
    font-size: calc(18 * var(--width-multiplier));
    line-height: calc(22 * var(--width-multiplier));
    font-weight: 500;
    margin: calc(5 * var(--width-multiplier)) 0 0;
}
.afisha__infos-texts a{
    color: var(--red);
    text-decoration: none;
    border-bottom: 1px solid var(--red);
    padding-bottom: 0;
    font-family: "TT-Medium";
}
.afisha__main-image-detail {
    width: calc(775 * var(--width-multiplier));
    height: calc(450 * var(--width-multiplier));
    position: absolute;
    top: calc(75 * var(--width-multiplier));
    right: 0;
}
.afisha__main-image-detail img {
    object-fit: cover;
    object-position: top;
    height: 100%;
    width: 100%;
    max-width: none;
}

.afisha__main-image-detail::before {
    content: "";
    display: block;
    position: absolute;
    background: url("../img/bl-grey.svg") no-repeat left bottom;
    z-index: 2;
    left: calc(-3* var(--width-multiplier));
    bottom: calc(-2* var(--width-multiplier));
    width: 70%;
    height: 70%;
    background-size: contain;
}

.infos-right-block {
    margin-top: calc(40 * var(--width-multiplier));
}

.infos-right-block:last-child {
    margin-top: calc(10 * var(--width-multiplier));
}

.infos-right-block span {
    font-family: "TT-Medium";
    color: var(--textGray);
    font-weight: 400;
    text-transform: uppercase;
    font-size: calc(13 * var(--width-multiplier));
    line-height: calc(15 * var(--width-multiplier));
    margin: 0;
}
.infos-right-block .infos-right__date {
    margin: 0;
    font-weight: 500;
    color: var(--red);
    font-size: calc(18 * var(--width-multiplier));
    line-height: calc(20 * var(--width-multiplier));
}
.infos-right__adres {
    color: var(--textColor);
    margin: 0;
    font-weight: 500;
    font-size: calc(18 * var(--width-multiplier));
    line-height: calc(20 * var(--width-multiplier));
}

.infos-right-block a {
    text-decoration: underline;
    color: var(--textGray);
    font-size: calc(13 * var(--width-multiplier));
    display: block;
    margin-top: calc(5 * var(--width-multiplier));
}

.news-card__title {
    color: #393649;
    font-family: "TT-Medium";
    font-size: calc(21*2560px / 1920);
    font-size: calc(21*var(--width-multiplier));
    font-weight: 400;
    line-height: calc(27*2560px / 1920);
    line-height: calc(27*var(--width-multiplier));
    min-height: calc(108*2560px / 1920);
    min-height: calc(108*var(--width-multiplier));
    transition: .2s all ease-out
}

@media (max-width: 1023px) {
    .news-card__title {
        font-size: calc(16*2560px / 1920);
        font-size: calc(16*var(--width-multiplier));
        line-height: calc(20*2560px / 1920);
        line-height: calc(20*var(--width-multiplier));
        min-height: calc(100*2560px / 1920);
        min-height: calc(100*var(--width-multiplier));
    }
}

.news-card__line {
    width: 35px;
    height: 1px;
    background-color: #d00e46;
    margin-bottom: 18px
}

.news-card__desc {
    color: #393649;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

@media (max-width: 1307px) {
    .news-card__desc {
        font-size:14px;
        line-height: 20px
    }
}

@media (max-width: 767px) {
    .news-card__desc {
        font-size:12px;
        line-height: 18px
    }
}

.tax-preferences-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    min-height: calc(320*2560px / 1920);
    min-height: calc(320*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .tax-preferences-card {
        min-height: calc(250*2560px / 1920);
        min-height: calc(250*var(--width-multiplier));
    }
}

.tax-preferences-card::after {
    content: url("../img/lin_right_bann.svg");
    width: calc(48*2560px / 1920);
    width: calc(48*var(--width-multiplier));
    position: absolute;
    top: 50%;
    right: calc(60*2560px / 1920);
    right: calc(60*var(--width-multiplier));
    transform: translateY(-50%);
}

.tax-preferences-card::before {
    content: url("../img/lin_left_bann.svg");
    width: calc(48 * 2560px / 1920);
    width: calc(48 * var(--width-multiplier));
    position: absolute;
    top: 50%;
    left: calc(60 * 2560px / 1920);
    left: calc(60 * var(--width-multiplier));
    transform: translateY(-50%);
}


.tax-preferences-card__img {
    position: relative;
    overflow: hidden;
    height: 100%;
    transition: .2s all ease-out
}

.tax-preferences-card__img img {
    opacity: .55
}

.tax-preferences-card__text-block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.tax-preferences-card__percent,.tax-preferences-card__title {
    color: var(--red);
    font-family: "TT-Medium";
    font-size: 20px;
    line-height: calc(28*2560px / 1920);
    line-height: calc(28*var(--width-multiplier));
}

.tax-preferences-card__percent {
    background-color: transparent;
    font-size: calc(80*2560px / 1920);
    font-size: calc(80*var(--width-multiplier));
    color: var(--red);

}
.tax-preferences-card__text {
    color: var(--textColor);
    padding: 0 7rem;
font-size: .9rem;
font-family: "TT-Regular";
}
.tax-preferences-card__fio {
    color: var(--textColor);
    padding: 0 7rem;
font-size: .9rem;
font-family: "TT-Medium";
text-align: left;
width: 100%;
margin-top: 60px;
}

.tax-preferences-card__title {
    font-size: calc(19*2560px / 1920);
    font-size: calc(19*var(--width-multiplier));
    color: var(--textColor);
    padding: 0 calc(80*2560px / 1920);
    padding: 0 calc(80*var(--width-multiplier));
    text-align: center;
    line-height: calc(29*2560px / 1920);
    line-height: calc(29*var(--width-multiplier));
    margin-bottom: calc(20*2560px / 1920);
    margin-bottom: calc(20*var(--width-multiplier));
    text-transform: uppercase;
}

.tax-preferences-card__percent--small {
    font-size: calc(32*2560px / 1920);
    font-size: calc(32*var(--width-multiplier));
}

.platform-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: calc(64*2560px / 1920);
    gap: calc(64*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .platform-card {
        flex-direction:column;
        gap: calc(35*2560px / 1920);
        gap: calc(35*var(--width-multiplier));
    }
}

.platform-card__left {
    width: 50%;
    position: relative;
    z-index: 1;
    padding: calc(45*2560px / 1920) 0 calc(45*2560px / 1920) 0;
    padding: calc(45*var(--width-multiplier)) 0 calc(45*var(--width-multiplier)) 0;
}

@media (max-width: 1023px) {
    .platform-card__left {
        width: 100%;
        padding: 0;
    }
}

.platform-card__right {
    width: 50%
}

@media (max-width: 1023px) {
    .platform-card__right {
        width:100%
    }
}

.platform-card__img {
    overflow: hidden;
    border-radius: calc(10*2560px / 1920) calc(10*2560px / 1920) 0 calc(48*2560px / 1920);
    border-radius: calc(10*var(--width-multiplier)) calc(10*var(--width-multiplier)) 0 calc(48*var(--width-multiplier));
    position: relative;
    mask-image: url("../img/fon_img_gl_R.svg");
    -webkit-mask-image: url("../img/fon_img_gl_R.svg");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
}

@media (max-width: 1023px) {
    .platform-card__img {
        border-radius: calc(10*2560px / 1920);
        border-radius: calc(10*var(--width-multiplier));
        height: calc(200*2560px / 1920);
        height: calc(200*var(--width-multiplier));
        width: 100%;
        mask-image: none;
    }
}

.platform-card__left::after {
    position: absolute;
    content: url('../img/play_v.svg');
    width: calc(53*2560px / 1920);
    width: calc(53*var(--width-multiplier));
    height: calc(53*2560px / 1920);
    height: calc(53*var(--width-multiplier));
    bottom: calc(48*2560px / 1920);
    bottom: calc(48*var(--width-multiplier));
    right: 0;
}

@media (max-width: 1023px) {
    .platform-card__left::after {
        width: calc(43*2560px / 1920);
        width: calc(43*var(--width-multiplier));
        height: calc(43*2560px / 1920);
        height: calc(43*var(--width-multiplier));
        bottom: calc(-70*2560px / 1920);
        bottom: calc(-70*var(--width-multiplier));
        right: calc(10*2560px / 1920);
        right: calc(10*var(--width-multiplier));
    }
}

.platform .slick-arrow{
cursor: pointer;
}

.platform-card__img img,.tax-preferences-card__img img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.platform-card__title {
    color: #2b2c31;
    font-family: "TT-Medium";
    font-size: calc(30*2560px / 1920);
    font-size: calc(30*var(--width-multiplier));
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: calc(12*2560px / 1920);
    margin-bottom: calc(12*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .platform-card__title {
        font-size: calc(22*2560px / 1920);
        font-size: calc(22*var(--width-multiplier));
    }
}

.platform-card__title::after {
    content: "";
    display: block;
    width: calc(74*2560px / 1920);
    width: calc(74*var(--width-multiplier));
    height: 1px;
    background-color: var(--red);
    margin-top: calc(17*2560px / 1920);
    margin-top: calc(17*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .platform-card__title::after {
        margin-top: 0;
    }
}

.platform-card__subtitle {
    color: var(--textColor);
    font-family: "TT-Medium";
    font-size: calc(14*2560px / 1920);
    font-size: calc(14*var(--width-multiplier));
    font-weight: 400;
    line-height: calc(24*2560px / 1920);
    line-height: calc(24*var(--width-multiplier));
}

@media (max-width: 1307px) {
    .platform-card__subtitle {
        line-height:14px;
        margin-bottom: 6px
    }
}

@media (max-width: 576px) {
    .platform-card__subtitle {
        font-size:13px
    }
}

.banner-first-section__btn {
    background: var(--red);
}

.platform-card__desc {
    color: var(--textGray);
    font-family: "TT-Regular";
    font-size: calc(13*2560px / 1920);
    font-size: calc(13*var(--width-multiplier));
    font-weight: 400;
    line-height: calc(24*2560px / 1920);
    line-height: calc(24*var(--width-multiplier));
}

.platform-card__desc span {
    color: var(--red);
    margin-left: 10px;
}

@media (max-width: 1023px) {
    .platform-card__desc {
        font-size: calc(12*2560px / 1920);
        font-size: calc(12*var(--width-multiplier));
        line-height: calc(16*2560px / 1920);
        line-height: calc(16*var(--width-multiplier));
    }
}

.platform-card__num {
    color: var(--red);
    font-family: "TT-Medium";
    font-size: calc(16*2560px / 1920);
    font-size: calc(16*var(--width-multiplier));
    font-weight: 400;
    line-height: calc(20*2560px / 1920);
    line-height: calc(20*var(--width-multiplier));
}

.platform-card__num--brown{
    color: var(--brown);

}

.prev-arrow.platfrom-prev {
    top: 50%;
    left: calc(-145*2560px / 1920);
    left: calc(-145*var(--width-multiplier));
    transform: translateY(-50%);
}

.next-arrow.platfrom-next {
    top: 50%;
    right: calc(-145 * 2560px / 1920);
    right: calc(-145 * var(--width-multiplier));
    transform: translateY(-50%);
}

.platform-card__options {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    row-gap: calc(8*2560px / 1920);
    row-gap: calc(8*var(--width-multiplier));
    margin-bottom: calc(30*2560px / 1920);
    margin-bottom: calc(30*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .platform-card__options {
        grid-template-columns: repeat(2, 1fr);
        row-gap: calc(10*2560px / 1920);
        row-gap: calc(10*var(--width-multiplier));
        column-gap: calc(15*2560px / 1920);
        column-gap: calc(15*var(--width-multiplier));
        margin-bottom: calc(20*2560px / 1920);
        margin-bottom: calc(20*var(--width-multiplier));
    }
}

.platform-card__banners .platform-card__option{
    border-right: 1px solid var(--lightGray);
    padding-left: 10px;
    padding-right: 10px;
}

.platform-card__banners .platform-card__option:first-child {
    padding-left: 0px;
}

.platform-card__option--wide{
    grid-column: 2/span 2;
}

.platform-card__icon {
    flex-shrink: 0;
    width: calc(24*2560px / 1920);
    width: calc(24*var(--width-multiplier));
}

.platform-card__text-block {
    display: flex;
    align-items: center;
    gap: calc(9*2560px / 1920);
    gap: calc(9*var(--width-multiplier))
}

.platform-card__separator {
    width: calc(74*2560px / 1920);
    width: calc(74*var(--width-multiplier));
    height: 1px;
    background-color: #c7c3c3;
    margin: calc(20*2560px / 1920) 0;
    margin: calc(20*var(--width-multiplier)) 0;
}

.platform-card__footer {
    display: flex;
    align-items: center;
    padding-top: calc(38*2560px / 1920);
    padding-top: calc(38*var(--width-multiplier));
    gap: calc(20*2560px / 1920);
    gap: calc(20*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .platform-card__footer {
        padding-top: calc(60*2560px / 1920);
        padding-top:  calc(60*var(--width-multiplier));
    }

    .platform-card__footer .btn {
        min-width: auto;
        width: 47%;
        font-size: calc(14*2560px / 1920);
        font-size: calc(14*var(--width-multiplier));
    }
}

.platform-card__btn {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding-left: 26px;
    padding-right: 16px
}

@media (max-width: 1307px) {
    .platform-card__btn {
        width:220px;
        line-height: 16px
    }
}

@media (max-width: 991px) {
    .platform-card__btn {
        width:282px;
        margin-right: 30px
    }
}

@media (max-width: 576px) {
    .platform-card__btn {
        width:100%;
        margin-right: 0;
        margin-bottom: 14px
    }
}

.platform-card__btn-icon img,.platform-links__icon img {
    display: block
}

.platform-card__btn-icon {
    width: calc(32*2560px / 1920);
    width: calc(32*var(--width-multiplier));
    margin-left: calc(16*2560px / 1920);
    margin-left: calc(16*var(--width-multiplier));
}

.platform-card--inverse {
    flex-direction: row-reverse;
    text-align: right
}

@media (max-width: 991px) {
    .platform-card--inverse {
        flex-direction:column;
        text-align: left
    }
}

.platform-card--inverse .platform-card__left {
    padding: 45px 52px 45px 0
}

@media (max-width: 991px) {
    .platform-card--inverse .platform-card__left {
        padding:0 10%
    }
}

.platform-card--inverse .platform-card__left::before {
    left: auto;
    right: 0
}

.platform-card--inverse .platform-card__img,.platform-card--inverse .platform-card__title::after {
    margin-left: auto
}

@media (max-width: 991px) {
    .platform-card--inverse .platform-card__img {
        margin-left:0
    }
}

.platform-card--inverse .platform-card__options {
    flex-direction: row-reverse
}

@media (max-width: 991px) {
    .platform-card--inverse .platform-card__options {
        flex-direction:row
    }
}

.platform-card--inverse .platform-card__option {
    flex-direction: row-reverse
}

@media (max-width: 991px) {
    .platform-card--inverse .platform-card__option {
        flex-direction:row
    }
}

@media (max-width: 991px) {
    .platform-card--inverse .platform-card__title::after {
        margin-left:0
    }
}

.platform-card--inverse .platform-card__separator {
    margin-left: auto
}

@media (max-width: 991px) {
    .platform-card--inverse .platform-card__separator {
        margin-left:0
    }
}

.platform-links__link {
    display: flex;
    align-items: center;
    margin-bottom: calc(18*2560px / 1920);
    margin-bottom: calc(18*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .platform-links__link {
        margin-bottom: calc(10*2560px / 1920);
        margin-bottom: calc(10*var(--width-multiplier));
    }
}

.platform-links__icon {
    flex-shrink: 0;
    width: calc(44*2560px / 1920);
    width: calc(44*var(--width-multiplier));
    height: calc(44*2560px / 1920);
    height: calc(44*var(--width-multiplier));
    background-color: var(--red);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin-right: calc(5*2560px / 1920);
    margin-right: calc(5*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .platform-links__icon {
        width: calc(34*2560px / 1920);
        width: calc(34*var(--width-multiplier));
        height: calc(34*2560px / 1920);
        height: calc(34*var(--width-multiplier));
    }
}

.platform-links__icon img {
    width: calc(27*2560px / 1920);
    width: calc(27*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .platform-links__icon img {
        width: calc(20*2560px / 1920);
        width: calc(20*var(--width-multiplier));
    }
}

.platform-links__text {
    color: var(--textColor);
    font-family: "TT-Medium";
    font-size: calc(24*2560px / 1920);
    font-size: calc(24*var(--width-multiplier));
    font-weight: 400;
    text-transform: uppercase;
    flex: 1;
    transition: .2s all ease-out;
    margin-left: calc(20*2560px / 1920);
    margin-left: calc(20*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .platform-links__text {
        font-size: calc(12*2560px / 1920);
        font-size: calc(12*var(--width-multiplier));
        margin-left: calc(6*2560px / 1920);
        margin-left: calc(6*var(--width-multiplier));
    }
}

.stages-of-development-card {
    padding-top: 52px
}

.stages-of-development-card__wrapper {
    background: #393649 url(../img/stages-of-development-card-bg.png) no-repeat top right;
    position: relative;
    border-radius: 12px;
    padding: 26px 20px 20px;
    min-height: 183px
}

.stages-of-development-card__wrapper::after {
    content: "";
    display: block;
    position: absolute;
    width: 28px;
    height: 28px;
    border-radius: 22px 5px 11px;
    border: 0 solid #000;
    background-color: #ea114a;
    bottom: 4px;
    right: 4px
}

.stages-of-development-card__num {
    color: #393649;
    font-family: "Bebas Neue Bold";
    font-size: 72px;
    font-weight: 400;
    line-height: 57px;
    position: absolute;
    top: -50px;
    right: 30px
}

.stages-of-development-card__square {
    width: 8px;
    height: 8px;
    border-radius: 2px;
    background-color: #ea114a;
    margin-bottom: 10px
}

.stages-of-development-card__desc {
    color: #fff;
    font-family: "TT Moscow Economy - Md";
    font-size: 14px;
    font-weight: 400;
    line-height: 17px
}

.team-card {
    max-width: 282px;
    margin: 0 auto
}

.team-card__img {
    border: 1px solid #393649;
    border-radius: 16px;
    padding: 2px;
    margin-bottom: 1px
}

.team-card__img img {
    display: block;
    margin: 0 auto;
    border-radius: 16px
}

.team-card__name {
    height: 75px;
    border-radius: 12px;
    background-color: #ea114a;
    color: #fff;
    font-family: "TT Moscow Economy - Md";
    font-size: 18px;
    font-weight: 400;
    line-height: 23.38px;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-bottom: 2px
}

.successful-start-card,.team-card__position {
    border-radius: 12px;
    background-color: #393649;
    position: relative
}

.team-card__position {
    height: 127px;
    color: #fff;
    font-family: "TT Moscow Economy - Lt";
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    line-height: 19px;
    padding-top: 28px
}

.successful-start-card::after,.team-card__position::after,.team-card__position::before {
    content: "";
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 2px;
    background-color: #ea114a;
    bottom: 1px
}

.team-card__position::before {
    left: 0
}

.successful-start-card::after,.team-card__position::after {
    right: 0
}

.successful-start-card {
    height: 102px;
    padding-top: 16px;
    padding-left: 28px
}

.successful-start-card::after {
    width: 28px;
    height: 28px;
    border-radius: 22px 5px 11px;
    bottom: 4px;
    right: 4px
}

.successful-start-card__icon {
    position: relative;
    padding-left: 14px;
    margin-bottom: 10px
}

.successful-start-card__icon::before {
    content: "";
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 2px;
    background-color: #ea114a;
    left: 0;
    bottom: 0
}

.successful-start-card__icon img {
    display: block
}

.successful-start-card__title {
    color: #eaf0f1;
    font-size: 24px;
    font-weight: 400
}

.residents-card-large {
    margin-bottom: 25px
}

.residents-card-large__body,.residents-card-large__img {
    height: 122px;
    border-radius: 6px;
    border: 2px solid rgba(234,17,74,.92);
    background-color: #fff;
    margin-bottom: 4px;
    position: relative
}

.residents-card-large__img::after,.residents-card-large__img::before {
    content: "";
    display: block;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    width: 2px;
    height: 93px;
    background-color: #eae7e7
}

.residents-card-large__img::before {
    left: -2px
}

.residents-card-large__img::after {
    right: -2px
}

.residents {
    padding-top: calc(80*2560px / 1920);
    padding-top: calc(80*var(--width-multiplier));
    padding-bottom: calc(80*2560px / 1920);
    padding-bottom: calc(80*var(--width-multiplier));
    -webkit-box-shadow: 0 calc(-27*2560px / 1920) calc(29*2560px / 1920) calc(-5*2560px / 1920) rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 calc(-27*var(--width-multiplier)) calc(29*var(--width-multiplier)) calc(-5*var(--width-multiplier)) rgba(0,0,0,0.2);
    -moz-box-shadow: 0 calc(-27*2560px / 1920) calc(29*2560px / 1920) calc(-5*2560px / 1920) rgba(0,0,0,0.2);
    -moz-box-shadow: 0 calc(-27*var(--width-multiplier)) calc(29*var(--width-multiplier)) calc(-5*var(--width-multiplier)) rgba(0,0,0,0.2);
    box-shadow: 0 calc(-27*2560px / 1920) calc(29*2560px / 1920) calc(-5*2560px / 1920) rgba(0,0,0,0.2);
    box-shadow: 0 calc(-27*var(--width-multiplier)) calc(29*var(--width-multiplier)) calc(-5*var(--width-multiplier)) rgba(0,0,0,0.2);
}

@media (max-width: 1023px) {
    .residents {
        padding-top: calc(60*2560px / 1920);
        padding-top: calc(60*var(--width-multiplier));
        padding-bottom: calc(60*2560px / 1920);
        padding-bottom: calc(60*var(--width-multiplier));
    }
}

.residents-card-large__img img {
    display: block;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
    height: 100%
}

.residents-card-large__body {
    height: 106px;
    background-color: #393649
}

.residents-card-large__body-icon {
    position: absolute;
    top: -24px;
    right: 15px
}

.residents-card-large__title {
    color: #fff;
    font-family: "TT Moscow Economy - Md";
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    padding-left: 20px;
    display: flex;
    align-items: center;
    min-height: 70px
}

@media (max-width: 1307px) {
    .residents-card-large__title {
        padding-left:10px
    }
}

.residents-card-large__location {
    height: 32px;
    background-color: #ec2458;
    display: flex;
    align-items: center;
    padding-left: 20px
}

.residents-card-large__location-icon {
    margin-right: 8px;
    position: relative;
    top: 2px
}

.residents-card-large__location-value {
    color: #fff;
    font-family: "TT Moscow Economy - Normal";
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.residents-card-large__footer {
    height: 180px;
    border-radius: 6px;
    border: 2px solid rgba(234,17,74,.92);
    background-color: #fff;
    position: relative;
    padding-top: 12px;
    padding-left: 20px;
    padding-right: 20px
}

@media (max-width: 1307px) {
    .residents-card-large__footer {
        padding-left:10px;
        padding-right: 10px;
        height: 270px
    }
}

@media (max-width: 991px) {
    .residents-card-large__footer {
        height:180px
    }
}

@media (max-width: 767px) {
    .residents-card-large__footer {
        height:auto;
        padding-bottom: 16px
    }
}

.residents-card-large__footer::before {
    left: -2px;
    height: 93px;
    background-color: #eae7e7
}

.residents-card-large__footer::after,.residents-card-large__footer::before,.reviews-card::after,.reviews-card::before {
    content: "";
    display: block;
    width: 2px;
    position: absolute;
    transform: translateY(-50%);
    top: 50%
}

.residents-card-large__footer::after {
    right: -2px;
    height: 93px;
    background-color: #eae7e7
}

.residents-card-large__footer-desc {
    color: #393649;
    font-family: "TT Moscow Economy - Normal";
    font-size: 14px;
    font-weight: 400;
    line-height: 21px
}

@media (max-width: 767px) {
    .nums-card {
        margin-bottom:30px
    }
}

.nums-card__num {
    font-family: "Bebas Neue Bold";
    font-size: 146px;
    line-height: 120px;
    font-weight: 400;
    -webkit-background-clip: text;
    color: transparent;
    background-image: url(../img/nums-bg.png);
    background-repeat: no-repeat;
    background-position: -42px -132px;
    margin-bottom: 4px
}

@media (max-width: 1307px) {
    .nums-card__num {
        font-size:110px;
        line-height: 100px
    }
}

.nums-card__num span {
    font-size: 58px;
    line-height: 58px
}

@media (max-width: 1307px) {
    .nums-card__num span {
        font-size:40px;
        line-height: 40px
    }
}

.nums-card__title {
    color: #393649;
    font-family: "TT Moscow Economy - Md";
    font-size: 24px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 26px;
    margin-bottom: 20px
}

@media (max-width: 1307px) {
    .nums-card__title {
        font-size:22px;
        line-height: 24px
    }
}

@media (max-width: 991px) {
    .nums-card__title {
        font-size:18px;
        line-height: 20px
    }
}

.nums-card__desc {
    color: #393649;
    font-family: "TT Moscow Economy - Md";
    font-size: 16px;
    font-weight: 400;
    line-height: 19px
}

@media (max-width: 1307px) {
    .nums-card__desc {
        font-size:14px;
        line-height: 17px
    }
}

@media (max-width: 991px) {
    .nums-card__desc br {
        display:none
    }
}

.nums-card--center {
    text-align: center
}

@media (max-width: 991px) {
    .nums-card--center {
        text-align:left
    }
}

.nums-card--right .nums-card__num {
    position: relative;
    left: -16px
}

.reviews-card {
    display: flex;
    border-radius: 14px;
    border: 2px solid #efefef;
    background-color: #fff;
    position: relative;
    padding: 20px
}

.reviews-card::after,.reviews-card::before {
    height: 80%;
    background-color: #ea114a
}

.reviews-card::before {
    left: -2px
}

.reviews-card::after {
    right: -2px
}

.reviews-card__img {
    width: 130px;
    margin-right: 20px
}

@media (max-width: 576px) {
    .reviews-card__img {
        width:110px
    }
}

.reviews-card__img img {
    display: block;
    border-radius: 12px
}

.reviews-card__text-block {
    flex: 1;
    position: relative
}

.reviews-card__stars {
    position: absolute;
    right: 20px;
    top: 20px
}

@media (max-width: 1307px) {
    .reviews-card__stars {
        position:relative;
        top: auto;
        right: auto;
        margin-top: 10px
    }

    .reviews-card__stars img {
        margin: 0 auto
    }
}

.reviews-card__name {
    color: #292929;
    font-family: "TT Moscow Economy - Normal";
    font-weight: 400;
    line-height: 27px;
    text-transform: uppercase;
    font-size: 29px;
    margin-bottom: 6px
}

@media (max-width: 1307px) {
    .reviews-card__name {
        font-size:24px;
        line-height: 24px
    }
}

@media (max-width: 576px) {
    .reviews-card__name {
        font-size:20px;
        line-height: 20px
    }
}

.reviews-card__position {
    font-size: 14px;
    color: #292929;
    font-family: "TT Moscow Economy - Normal";
    font-weight: 400;
    line-height: 20px;
    text-transform: uppercase;
    margin-bottom: 20px
}

@media (max-width: 576px) {
    .reviews-card__position {
        font-size:13px;
        line-height: 17px
    }
}

.reviews-card__desc {
    color: #464545;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    min-height: 130px
}

@media (max-width: 1307px) {
    .reviews-card__desc {
        margin-bottom:10px
    }
}

.reviews-card__footer {
    text-align: right
}

.reviews-card__link {
    color: #ea114a;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-decoration: underline
}

.form-page__politicts a:hover,.reviews-card__link:hover,.second-header__date-link a:hover,.section-form__caption a:hover {
    text-decoration: none
}

.events-card {
    display: flex;
    position: relative;
    height: 280px;
    border-radius: 6px;
    overflow: hidden
}

@media (max-width: 1307px) {
    .events-card {
        flex-direction:column;
        height: auto
    }
}

.events-card__left {
    width: 50%;
    height: 100%
}

@media (max-width: 1307px) {
    .events-card__left {
        width:100%
    }
}

.events-card__right {
    width: 57%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

@media (max-width: 1307px) {
    .events-card__right {
        position:relative;
        right: auto;
        top: auto;
        width: 100%
    }
}

.events-card__img {
    position: relative;
    z-index: 1;
    height: 100%
}

.events-card__img img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.events-card__tag {
    height: 27px;
    border-radius: 6px;
    background-color: #393649;
    color: #fbf7f7;
    font-family: "TT Moscow Economy - Normal";
    font-size: 12px;
    font-weight: 400;
    padding: 0 15px;
    position: absolute;
    top: 13px;
    left: 20px;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center
}

.events-card__text-block {
    background: url(../img/events-card-bg.svg) no-repeat center;
    background-position: left top;
    padding: 28px 10px 30px 56px
}

@media (max-width: 1307px) {
    .events-card__text-block {
        background:#393649;
        padding-left: 26px;
        padding-right: 20px
    }
}

.events-card__title {
    color: #fff;
    font-family: "TT Moscow Economy - Normal";
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 17px;
    min-height: 65px
}

.events-card__line {
    width: 35px;
    height: 1px;
    background-color: #d00e46;
    margin-bottom: 16px
}

.events-card__desc {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
    min-height: 100px;
    margin-bottom: 10px
}

.events-card__footer {
    display: flex;
    justify-content: space-between;
    width: 252px;
    align-items: center
}

.events-card__btn-primary,.events-card__date {
    height: 31px;
    font-weight: 400;
    display: flex;
    align-items: center
}

.events-card__date {
    width: 113px;
    background: url(../img/events-card-button-secondary-bg.svg) no-repeat center;
    color: #fff;
    font-family: "TT Moscow Economy - Md";
    font-size: 12px;
    line-height: 30px;
    padding-left: 26px
}

.events-card__btn-primary {
    width: 134px;
    background: url(../img/events-card-button-primary-bg.svg) no-repeat center;
    color: #fbf7f7;
    font-family: "TT Moscow Economy - Normal";
    font-size: 14px;
    padding-left: 30px
}

.events-card__btn-primary:hover {
    opacity: .8
}

.events-card--internship .events-card__text-block {
    background: url(../img/events-card-bg-internship.svg) no-repeat center
}

.events-card--internship .events-card__tag {
    background: #32427e
}

.events-card--internship .events-card__date {
    background: 0 0
}

.events-card--excursions .events-card__text-block {
    background: url(../img/events-card-bg-excursions.svg) no-repeat center
}

.events-card--excursions .events-card__tag {
    background: #32427e
}

.events-card--excursions .events-card__date {
    background: 0 0
}

.download-card {
    position: relative;
    z-index: 1;
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 10px
}

@media (max-width: 991px) {
    .download-card {
        margin-bottom:20px
    }
}

.download-card::after,.download-card::before {
    content: "";
    display: block;
    left: 0;
    position: absolute
}

.download-card::before {
    width: 208px;
    border-radius: 22px;
    background-color: #393649;
    top: 0;
    z-index: -1;
    height: 100%
}

.download-card::after {
    transform: translateY(-50%);
    top: 50%;
    background: url(../img/infographics-polygon.png) no-repeat center;
    width: 29px;
    height: 25px
}

@media (max-width: 576px) {
    .download-card::after {
        display:none
    }
}

.download-card__wrapper {
    height: 344px;
    box-shadow: 10px 17px 14px 2px rgba(0,0,0,.1);
    border-radius: 16px;
    background: #fff url(../img/download-card-bg.png) no-repeat right top;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 15px;
    position: relative;
    max-width: 348px
}

@media (max-width: 1307px) {
    .download-card__wrapper {
        height:310px
    }
}

@media (max-width: 991px) {
    .download-card__wrapper {
        max-width:100%
    }
}

@media (max-width: 576px) {
    .download-card__wrapper {
        height:206px
    }
}

.download-card__icon {
    position: absolute;
    right: -26px;
    top: 44px;
    width: 70px;
    height: 70px;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center
}

.download-card__icon::after,.download-card__icon::before {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    z-index: -1
}

.download-card__icon::before {
    background: url(../img/download-card-icon-bg.png) no-repeat center
}

.download-card__icon::after {
    background: url(../img/download-card-icon-bg-hover.png) no-repeat center;
    opacity: 0;
    transition: .2s all ease-out
}

.download-card__icon img {
    display: block
}

.download-card__img {
    margin-bottom: 10px
}

.download-card__footer {
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media (max-width: 576px) {
    .download-card__footer {
        padding-right:10px
    }
}

.download-card__title {
    color: #393649;
    font-family: "TT Moscow Economy - Md";
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    padding-left: 22px
}

@media (max-width: 1307px) {
    .download-card__title {
        font-size:14px
    }
}

@media (max-width: 576px) {
    .download-card__title {
        padding-left:10px
    }
}

.download-card__btn {
    width: 178px;
    height: 56px;
    border-radius: 3px 3px 53px;
    background-color: #4a4f6a;
    background-image: #d00e46;
    display: flex;
    align-items: center;
    padding-left: 54px;
    position: relative;
    transition: .2s all ease-out;
    right: -26px
}

.download-card__btn:hover {
    background-color: #d00e46
}

.download-card__btn::before {
    content: "";
    display: block;
    left: 16px;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    background: url(../img/download-card-button-icon.png) no-repeat center;
    width: 10px;
    height: 12px
}

@media (max-width: 1307px) {
    .download-card__btn {
        width:150px;
        padding-left: 20px
    }

    .download-card__btn::before {
        display: none
    }
}

@media (max-width: 576px) {
    .download-card__btn {
        border-radius:3px;
        padding-left: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        right: auto;
        height: 40px
    }
}

.download-card--benefits .download-card__img {
    margin-bottom: 0;
    position: absolute;
    inset: 0
}

.download-card--benefits .download-card__img img {
    border-radius: 16px
}

.video-card {
    cursor: pointer;
    display: block;
    position: relative;
    border-radius: 6px;
    margin-bottom: 30px;
    overflow: hidden
}

.video-card:hover .video-card__text {
    opacity: 1
}

.video-card:hover .video-card__play {
    opacity: 0
}

.video-card__play {
    position: absolute;
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
    transition: .2s all ease-out;
    z-index: 2
}

.video-card__play:hover {
    opacity: .8
}

.video-card__img {
    height: 214px
}

.download-card--benefits .download-card__img img,.video-card__img img {
    display: block;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.video-card__img::after {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.5)
}

.video-card__text {
    border-radius: 0 6px 6px 0;
    background-color: rgba(234,17,74,.79);
    color: #fff;
    font-size: 14px;
    line-height: 17px;
    font-weight: 400;
    padding: 10px;
    position: absolute;
    left: 0;
    bottom: 12px;
    z-index: 2;
    width: 90%;
    opacity: 0;
    transition: .2s all ease-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.logistics-services-card {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px
}

@media (max-width: 991px) {
    .logistics-services-card {
        flex-direction:column
    }
}

.logistics-services-card:last-child,.second-text__desc p:last-child {
    margin-bottom: 0
}

.logistics-services-card__left {
    width: 490px
}

@media (max-width: 1307px) {
    .logistics-services-card__left {
        width:360px
    }
}

@media (max-width: 991px) {
    .logistics-services-card__left {
        width:100%;
        margin-bottom: 30px
    }
}

.logistics-services-card__right {
    flex: 1;
    background: linear-gradient(#fff,#fff) padding-box,linear-gradient(to left,#d00e46,#fff) border-box;
    border: 1px solid transparent;
    border-radius: 10px
}

@media (max-width: 991px) {
    .logistics-services-card__right {
        border:1px solid #d00e46
    }
}

.logistics-services-card__img {
    height: 100%;
    border-radius: 10px;
    overflow: hidden
}

@media (max-width: 991px) {
    .logistics-services-card__img {
        height:300px
    }
}

.gallery-card__img img,.logistics-services-card__img img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.logistics-services-card__text-block {
    background: url(../img/logistics-card-bg.png) no-repeat center;
    background-position: top right;
    padding: 24px 28px 30px 26px
}

.logistics-services-card__title {
    color: #2b2c31;
    font-family: "TT Moscow Economy - Md";
    font-size: 30px;
    font-weight: 400;
    line-height: 36px;
    margin-bottom: 25px
}

@media (max-width: 767px) {
    .logistics-services-card__title {
        font-size:24px;
        line-height: 30px;
        margin-bottom: 20px
    }
}

@media (max-width: 576px) {
    .logistics-services-card__title {
        font-size:20px;
        line-height: 26px;
        margin-bottom: 16px
    }
}

.logistics-services-card__line {
    width: 74px;
    height: 1px;
    background-color: #ea114a;
    margin-bottom: 26px
}

.logistics-services-card__desc,.logistics-services-card__desc ul li {
    color: #4a4c57;
    font-family: "TT Moscow Economy - Md";
    font-size: 16px;
    font-weight: 400
}

.logistics-services-card__desc {
    margin-bottom: 25px;
    min-height: 194px
}

@media (max-width: 767px) {
    .logistics-services-card__desc {
        font-size:14px;
        line-height: 20px
    }
}

.logistics-services-card__desc ul {
    padding-left: 18px
}

.logistics-services-card__desc ul li {
    line-height: 22px;
    margin-bottom: 6px
}

@media (max-width: 767px) {
    .logistics-services-card__desc ul li {
        font-size:14px;
        line-height: 20px
    }
}

@media (max-width: 576px) {
    .logistics-services-card__btn {
        width:100%
    }
}

.gallery-card {
    width: 282px;
    height: 282px;
    border-radius: 16px;
    border: 2px solid #fff;
    position: relative;
    display: block;
    margin: 0 auto
}

.gallery-card::after,.gallery-card::before {
    content: "";
    display: block;
    width: 2px;
    height: 181px;
    background-color: #ea114a;
    position: absolute;
    transform: translateY(-50%);
    top: 50%
}

.gallery-card::before {
    left: -2px
}

.gallery-card::after {
    right: -2px
}

.gallery-card__img {
    overflow: hidden;
    border-radius: 16px;
    height: 100%
}

.gallery-card__plus {
    position: absolute;
    width: 40px;
    height: 40px;
    bottom: 16px;
    right: 16px
}

.gallery-card__plus::after,.gallery-card__plus::before {
    content: "";
    display: block;
    background-color: #fff;
    position: absolute
}

.gallery-card__plus::before {
    width: 40px;
    height: 1px;
    left: 0;
    transform: translateY(-50%);
    top: 50%
}

.gallery-card__plus::after {
    height: 40px;
    width: 1px;
    top: 0;
    left: 50%;
    transform: translateX(-50%)
}

.oez-card {
    max-width: 386px;
    height: 141px;
    border-radius: 6px;
    background: #393649 url(../img/oez-card-bg.png) no-repeat right bottom;
    padding: 20px;
    margin-bottom: 20px
}

@media (max-width: 1307px) {
    .oez-card {
        height:160px
    }
}

@media (max-width: 767px) {
    .oez-card {
        max-width:100%;
        height: auto
    }
}

.oez-card__text {
    color: #fff;
    font-family: "TT Moscow Economy - Md";
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

@media (max-width: 767px) {
    .oez-card__text {
        font-size:14px;
        line-height: 20px
    }
}

.nums-card-large {
    position: relative;
    z-index: 1;
    padding-top: 15px;
    padding-left: 15px;
    padding-bottom: 15px;
    margin-bottom: 25px
}

.nums-card-large::before {
    content: "";
    display: block;
    position: absolute;
    width: 208px;
    border-radius: 22px;
    background-color: #393649;
    left: 0;
    top: 0;
    z-index: -1;
    height: 100%
}

.nums-card-large::after,.nums-card-large__element {
    position: absolute;
    transform: translateY(-50%);
    top: 50%
}

.nums-card-large::after {
    content: "";
    display: block;
    left: 0;
    background: url(../img/infographics-polygon.png) no-repeat center;
    width: 29px;
    height: 25px
}

@media (max-width: 576px) {
    .nums-card-large::after {
        display:none
    }
}

.nums-card-large__element {
    width: 15px;
    height: 58px;
    border-radius: 7px;
    background-color: #d00e46;
    right: 0
}

.nums-card-large__element-icon {
    background: url(../img/nums-card-large-polygon.png) no-repeat center;
    width: 55px;
    height: 48px;
    right: -14px;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2
}

.nums-card-large__element-icon img,.nums-card-small__element-icon img,.places-card__element-icon img,.position-card__icon img {
    display: block
}

.nums-card-large__wrapper {
    height: 285px;
    box-shadow: 10px 17px 14px 2px rgba(0,0,0,.1);
    border-radius: 16px;
    background: #fff url(../img/download-card-bg.png) no-repeat right top;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 42px;
    position: relative;
    max-width: 364px
}

@media (max-width: 991px) {
    .nums-card-large__wrapper {
        max-width:100%
    }
}

.nums-card-large__header {
    display: flex;
    justify-content: space-between;
    padding: 26px 20px 0 26px
}

@media (max-width: 1307px) {
    .nums-card-large__header {
        padding:26px 20px 0 16px
    }
}

.nums-card-large__num {
    color: #d00e46;
    font-family: "Bebas Neue Bold";
    font-size: 120px;
    font-weight: 400;
    line-height: 100px
}

@media (max-width: 1307px) {
    .nums-card-large__num {
        font-size:96px
    }
}

.nums-card-large__footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 25px;
    padding-right: 10px
}

.nums-card-large__title {
    color: #393649;
    font-family: "TT Moscow Economy - Md";
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 20px
}

@media (max-width: 1307px) {
    .nums-card-large__title {
        font-size:14px
    }
}

.nums-card-small {
    position: relative;
    z-index: 1;
    padding-top: 17px;
    padding-left: 17px;
    padding-bottom: 17px;
    margin-bottom: 25px
}

@media (max-width: 1307px) {
    .nums-card-small {
        padding-top:10px;
        padding-left: 10px;
        padding-bottom: 10px
    }
}

.nums-card-small::before {
    content: "";
    display: block;
    position: absolute;
    width: 208px;
    border-radius: 22px;
    background-color: #393649;
    left: 0;
    top: 0;
    z-index: -1;
    height: 100%
}

@media (max-width: 1307px) {
    .nums-card-small::before {
        width:170px
    }
}

.nums-card-small::after {
    content: "";
    display: block;
    left: 0;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    background: url(../img/infographics-polygon.png) no-repeat center;
    width: 29px;
    height: 25px
}

@media (max-width: 576px) {
    .nums-card-small::after {
        display:none
    }
}

.nums-card-small__element {
    width: 15px;
    height: 58px;
    border-radius: 7px;
    background-color: #d00e46;
    position: absolute;
    top: 32px;
    right: 14px
}

.nums-card-small__element-icon {
    background: url(../img/nums-card-large-polygon.png) no-repeat center;
    width: 55px;
    height: 48px;
    position: absolute;
    right: 0;
    top: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2
}

@media (max-width: 1307px) {
    .nums-card-small__element-icon {
        right:-20px
    }
}

.nums-card-small__wrapper {
    height: 180px;
    box-shadow: 10px 17px 14px 2px rgba(0,0,0,.1);
    border-radius: 16px;
    background: #fff url(../img/nums-card-small-bg.png) no-repeat right top;
    display: flex;
    flex-direction: column;
    padding-bottom: 42px;
    position: relative;
    max-width: 240px
}

@media (max-width: 991px) {
    .nums-card-small__wrapper {
        max-width:100%
    }
}

.nums-card-small__header {
    display: flex;
    justify-content: space-between;
    padding: 16px 20px 0 26px
}

@media (max-width: 1307px) {
    .nums-card-small__header {
        padding:10px 20px 0 16px
    }
}

.nums-card-small__num {
    color: #d00e46;
    font-family: "Bebas Neue Bold";
    font-size: 48px;
    font-weight: 400;
    line-height: 45.4px;
    margin-bottom: 8px
}

@media (max-width: 1307px) {
    .nums-card-small__num {
        font-size:36px
    }
}

.nums-card-small__footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 25px;
    padding-right: 10px
}

@media (max-width: 767px) {
    .nums-card-small__footer {
        padding-right:30px
    }
}

.nums-card-small__title {
    color: #393649;
    font-family: "TT Moscow Economy - Md";
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

@media (max-width: 1307px) {
    .nums-card-small__title {
        font-size:13px
    }
}

.requirements-card {
    position: relative;
    margin-bottom: 56px
}

.requirements-card::after,.requirements-card::before {
    content: "";
    display: block;
    width: 2px;
    height: 136px;
    background-color: #d00e46;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    z-index: 2
}

.requirements-card::before {
    left: 0
}

.requirements-card::after {
    right: 0
}

.requirements-card__wrapper {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 201px;
    box-shadow: 10px 17px 14px 2px rgba(0,0,0,.1);
    border-radius: 16px;
    border: 1px solid rgba(49,43,93,.09);
    background-color: #fff;
    position: relative;
    overflow: hidden
}

.requirements-card__wrapper::before {
    content: "";
    display: block;
    position: absolute;
    background: url(../img/requirements-card-bg-1.png) no-repeat center;
    width: 164px;
    height: 95px;
    left: 0;
    top: 0
}

.requirements-card__wrapper::after {
    content: "";
    display: block;
    position: absolute;
    background: url(../img/requirements-card-bg-2.png) no-repeat center;
    width: 298px;
    height: 102px;
    right: 0;
    bottom: 0
}

.requirements-card__title {
    color: #393649;
    font-family: "TT Moscow Economy - Md";
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 12px
}

@media (max-width: 767px) {
    .requirements-card__title {
        font-size:18px
    }
}

@media (max-width: 576px) {
    .requirements-card__title {
        font-size:16px
    }
}

.requirements-card__price,.requirements-card__price span {
    color: #d00e46;
    font-family: "Bebas Neue Bold";
    font-size: 41px;
    font-weight: 400;
    line-height: 45.4px
}

@media (max-width: 767px) {
    .requirements-card__price {
        font-size:36px
    }
}

@media (max-width: 576px) {
    .requirements-card__price {
        font-size:28px
    }
}

.requirements-card__price span {
    font-size: 24px
}

@media (max-width: 767px) {
    .requirements-card__price span {
        font-size:36px
    }
}

@media (max-width: 576px) {
    .requirements-card__price span {
        font-size:28px
    }
}

.requirements-card__more {
    width: 238px;
    height: 52px;
    border-radius: 8px;
    background-color: #393649;
    color: #fbf7f7;
    font-family: "TT Moscow Economy - Md";
    font-size: 16px;
    font-weight: 400;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -25px;
    transition: .2s all ease-out
}

.events-section__form .jq-selectbox li:hover,.form-page__select .jq-selectbox__dropdown li:hover,.news-category__form .jq-selectbox li:hover,.requirements-card__more:hover {
    background: #d00e46
}

@media (max-width: 991px) {
    .position-card {
        margin-bottom:130px
    }
}

.position-card__wrapper {
    background: linear-gradient(#fff,#fff) padding-box,linear-gradient(to bottom,#d00e46,#fff) border-box;
    border: 1px solid transparent;
    text-align: center;
    position: relative;
    border-radius: 10px;
    padding: 88px 10px 40px
}

.position-card__icon {
    background: url(../img/icons-bg.png) no-repeat center;
    width: 172px;
    height: 172px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 12px;
    top: -102px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

.position-card__title {
    color: #ce0e46;
    font-family: "TT-Medium";
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 22px
}

.feedback-btn {
    z-index: 993;
    cursor: pointer;
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(48*2560px / 1920);
    width: calc(48*var(--width-multiplier));
    height: calc(48*2560px / 1920);
    height: calc(48*var(--width-multiplier));
    right: calc(26*2560px / 1920);
    right: calc(26*var(--width-multiplier));
    bottom: calc(26*2560px / 1920);
    bottom: calc(26*var(--width-multiplier));
    border-radius: calc(10 * var(--width-multiplier));
    background: #393649;
    transition: .2s all ease-out;
}

.feedback-btn img{
    width: calc(48 * var(--width-multiplier));
    height: calc(48 * var(--width-multiplier));
    max-width: none;
}

.feedback-btn:hover {
    background: #ae0b39;;
}

.icon-btn {
    position: fixed;
    right: calc(26*var(--width-multiplier));
    bottom: calc(90*var(--width-multiplier));
    z-index: 993;
    width: calc(46 * var(--width-multiplier));
    height: calc(46 * var(--width-multiplier));
    background-color: #fff;
    border-radius: 50%;
}
.icon-btn::before {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
    transition: 0.3s ease-out;
    width: calc(48 * var(--width-multiplier));
    height: calc(48 * var(--width-multiplier));
}
.icon-btn--tg-job::before {
    background: url('/local/templates/technopolis/img/svg/icon_form_telegram.svg');
}
.icon-btn--tg-job:hover::before {
    background: url('/local/templates/technopolis/img/svg/icon_form_telegram_active.svg');
}
.icon-btn--vk-t-tour::before {
    background: url('/local/templates/technopolis/img/svg/vk_t-tour_inactive.svg');
}
.icon-btn--vk-t-tour:hover::before {
    background: url('/local/templates/technopolis/img/svg/vk_t-tour_active.svg');
}


.feedback-modal, .news-modal, .info-modal {
    padding: calc(64*2560px / 1920) calc(50*2560px / 1920) calc(32*2560px / 1920) calc(50*2560px / 1920);
    padding: calc(64*var(--width-multiplier)) calc(50*var(--width-multiplier)) calc(32*var(--width-multiplier)) calc(50*var(--width-multiplier));
    border: none;
    border-radius: calc(15*2560px / 1920);
    border-radius: calc(15*var(--width-multiplier));
    max-width: calc(688*2560px / 1920);
    max-width: calc(688*var(--width-multiplier));
}

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

.info-modal__wrapper img {
    width: calc(120 * var(--width-multiplier));
    height: calc(120 * var(--width-multiplier));
}

.info-modal__wrapper h3 {
    margin: calc(30 * var(--width-multiplier)) auto;
    line-height: 100%;
    text-align: center;
}

.open-news-modal {
	margin-bottom: calc(30 * var(--width-multiplier));
}

@media (max-width: 1023px) {
    .feedback-modal, .news-modal {
        margin: 0;
        border-radius: 0;
        width: 100%;
        height: 100%;
        max-width: none;
        max-height: none;
        padding: calc(60*2560px / 1920) calc(20*2560px / 1920) calc(50*2560px / 1920);
        padding: calc(60*var(--width-multiplier)) calc(20*var(--width-multiplier)) calc(50*var(--width-multiplier));
    }

    .info-modal {
        border-radius: 0;
        width: 100%;
        max-width: calc(340 * var(--width-multiplier));
        padding: calc(60*2560px / 1920) calc(20*2560px / 1920) calc(50*2560px / 1920);
        padding: calc(60*var(--width-multiplier)) calc(20*var(--width-multiplier)) calc(50*var(--width-multiplier));
    }

    .info-modal__wrapper img {
        width: calc(100 * var(--width-multiplier));
        height: calc(100 * var(--width-multiplier));
    }

    .info-modal__wrapper h3 {
        margin: calc(20 * var(--width-multiplier)) auto calc(25 * var(--width-multiplier));
        font-size: calc(28 * var(--width-multiplier));
    }
}

.subject-input {
    position: relative;
}

.subjects-list{
    position: absolute;
    top: 100%;
    background-color: var(--grayBg);
    margin: 0;
    padding: calc(16*2560px / 1920);
    padding: calc(16*var(--width-multiplier));
    width: 100%;
    font-size: calc(14*2560px / 1920);
    font-size: calc(14*var(--width-multiplier));
    color: var(--textColor);
    font-family: "TT Moscow Economy - Rg";
    display: flex;
    flex-direction: column;
    gap: calc(16*2560px / 1920);
    gap: calc(16*var(--width-multiplier));
    z-index: 1;
}

.subjects-list li:hover{
    cursor: pointer;
    color: var(--red);
}

.subjects-list li:last-child{
    padding-top: 1rem;
    border-top:1px solid var(--lightGray) ;
}

dialog::backdrop {
    backdrop-filter: blur(5px);
    background-color: rgba(57,54,73,.5);
}

dialog {
    border: none;
}

.feedback-modal::backdrop, .news-modal::backdrop {
    backdrop-filter: blur(5px);
    background-color: rgba(57,54,73,.5);
}

.feedback-modal__close-btn,
.news-modal__close-btn,
.info-modal__close-btn {
    position: absolute;
    right: calc(32*2560px / 1920);
    right: calc(32*var(--width-multiplier));
    top: calc(32*2560px / 1920);
    top: calc(32*var(--width-multiplier));
    width: calc(24*2560px / 1920);
    width: calc(24*var(--width-multiplier));
    height: calc(24*2560px / 1920);
    height: calc(24*var(--width-multiplier));
    cursor: pointer;
    background-color: #fff;
    background-image: url("../img/icon_close_inactive.svg");
    padding: 0;
    outline: none;
}

.feedback-modal__close-btn:hover,
.news-modal__close-btn:hover,
.info-modal__close-btn:hover {
    background-image: url("../img/icon_close_active.svg");
}

.feedback-modal__disclaimer, .news-modal__disclaimer {
    display: flex;
    justify-content: center;
    color: var(--textGray);
    font-size: calc(14*2560px / 1920);
    font-size: calc(14*var(--width-multiplier));
    margin-top: calc(16*2560px / 1920);
    margin-top: calc(16*var(--width-multiplier));
}

.feedback-modal__disclaimer div, .news-modal__disclaimer div{
    max-width: 75%;
    text-align: center;
    font-family: 'TT-Medium';
}

.feedback-modal__button-wrapper, .news-modal__button-wrapper {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin-top: calc(24*2560px / 1920);
    margin-top: calc(24*var(--width-multiplier));
}

.feedback-modal__heading-wrapper, .news-modal__heading-wrapper {
    display: flex;
    gap: calc(48*2560px / 1920);
    gap: calc(48*var(--width-multiplier));
    font-size: calc(21*2560px / 1920);
    font-size: calc(21*var(--width-multiplier));
    justify-content: center;
    position: relative;
}

@media (max-width: 1023px) {
    .feedback-modal__heading-wrapper, .news-modal__heading-wrapper {
        gap: calc(10*2560px / 1920);
        gap: calc(10*var(--width-multiplier));
        font-size: calc(18*2560px / 1920);
        font-size: calc(18*var(--width-multiplier));
        flex-direction: column;
        text-align: center;
        padding-bottom: calc(20*2560px / 1920);
        padding-bottom: calc(20*var(--width-multiplier));
    }
}

.feedback-modal__heading-wrapper::after,.feedback-modal__heading-wrapper::before,
.news-modal__heading-wrapper::after,.news-modal__heading-wrapper::before {
    content: "";
    display: block;
    background-color: var(--red);
}

.feedback-modal__heading-wrapper::before, .news-modal__heading-wrapper::before {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -2px;
    width: calc(30*2560px / 1920);
    width: calc(30*var(--width-multiplier));
    height: calc(5*2560px / 1920);
    height: calc(5*var(--width-multiplier));
}

.feedback-modal__heading-wrapper::after, .news-modal__heading-wrapper::after {
    position: absolute;
    width: calc(178*2560px / 1920);
    width: calc(178*var(--width-multiplier));
    height: 1px;
    bottom: 0;
}

@media (max-width: 1023px) {
    .feedback-modal__heading-wrapper::after,
    .news-modal__heading-wrapper::after {
        left: 50%;
        transform: translateX(-50%);
    }
}

.feedback-modal__heading--active, .news-modal__heading--active {
    color: var(--red)!important;
}

.feedback-modal__inputgrid, .news-modal__inputgrid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: calc(24*2560px / 1920);
    row-gap: calc(24*var(--width-multiplier));
    column-gap: calc(128*2560px / 1920);
    column-gap: calc(128*var(--width-multiplier));
    margin-top: calc(32*2560px / 1920);
    margin-top: calc(32*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .feedback-modal__inputgrid, .news-modal__inputgrid {
        grid-template-columns: repeat(1, 1fr);
    }
}

.feedback-modal__input, .news-modal__input {
    padding: calc(5*2560px / 1920);
    padding: calc(5*var(--width-multiplier)) 0;
    border: none;
    font-family: 'TT-Regular';
    border-bottom: 1px solid var(--lightGray);
    width: 100%;
}

.feedback-modal__callback-title, .feedback-modal__feedback-title, .news-modal__callback-title, .news-modal__feedback-title {
    cursor: pointer;
    color: var(--textColor);
}

@media (max-width: 1023px) {
    .feedback-modal__callback-title, .feedback-modal__feedback-title, .news-modal__callback-title, .news-modal__feedback-title {
        margin: 0;
    }
}

@media (min-width: 1024px) {
    .feedback-modal__input--wide, .news-modal__input--wide {
        grid-area:  3/ 1/ 3/ 3;
    }

    .feedback-modal__message-input, .news-modal__message-input {
        grid-area:  4/ 1/ 4/ 3;
    }
}

.feedback-modal__input:focus, .news-modal__input:focus {
    outline: none;
    border-bottom:var(--red) solid 1px ;
}

.feedback-modal__message-input, .news-modal__message-input {
    border: var(--lightGray) solid 1px;
    border-radius: calc(10*2560px / 1920);
    border-radius: calc(10*var(--width-multiplier));
    padding: calc(16*2560px / 1920);
    padding: calc(16*var(--width-multiplier));
    min-height: calc(112*2560px / 1920);
    min-height: calc(112*var(--width-multiplier));
    resize: none;
    font-family: 'TT-Regular';
    width: 100%;
}

.feedback-modal__message-input:focus, .news-modal__message-input:focus {
    outline: none;
    border: var(--red) solid 1px;
    border-radius: .6rem;
    padding: 1rem;
}

.feedback-modal__message-input::placeholder, .news-modal__message-input::placeholder {
    color:var(--lightGray);
}

.feedback-modal__inputflex, .news-modal__inputflex {
    display: flex;
    flex-direction: column;
    gap: calc(32*2560px / 1920);
    gap: calc(32*var(--width-multiplier));
    justify-content: center;
    align-items: center;
    margin-top: calc(32*2560px / 1920);
    margin-top: calc(32*var(--width-multiplier));
}

.feedback-modal__inputflex input, .news-modal__inputflex input {
   text-align: center;
   width: 60%;

}

.news-modal__disclaimer div {
    max-width: 100%;
    font-family: TT_Moscow, Arial;
}

.feedback-modal__callback, .news-modal__callback {
    color: var(--textGray);
    text-align: center;
    margin: calc(80*2560px / 1920) 0 calc(48*2560px / 1920) 0;
    margin: calc(80*var(--width-multiplier)) 0 calc(48*var(--width-multiplier)) 0;
    font-family: 'TT-Regular';
}

@media (max-width: 1023px) {
    .feedback-modal__callback, .news-modal__callback {
        margin: calc(40*2560px / 1920) 0 calc(45*2560px / 1920) 0;
        margin: calc(40*var(--width-multiplier)) 0 calc(45*var(--width-multiplier)) 0;
    }
}

@media (max-width: 1307px) {
    .position-card__title {
        font-size:14px
    }
}

.position-card__line {
    width: 30px;
    height: 2px;
    background-color: #d00e46;
    margin: 0 auto 22px
}

.position-card__desc {
    color: #393649;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px
}

.nums-card-dark {
    max-width: 386px;
    height: 200px;
    box-shadow: 10px 17px 14px 2px rgba(0,0,0,.1);
    border-radius: 16px;
    background-color: #3a3e51;
    position: relative;
    padding-top: 48px;
    padding-left: 48px;
    margin-bottom: 30px
}

@media (max-width: 1307px) {
    .nums-card-dark {
        padding-left:30px
    }
}

@media (max-width: 767px) {
    .nums-card-dark {
        max-width:100%;
        padding-top: 20px;
        height: auto;
        padding-bottom: 20px
    }
}

.nums-card-dark::after,.nums-card-dark::before {
    content: "";
    display: block;
    position: absolute;
    inset: 0
}

.nums-card-dark::before {
    background: url(../img/nums-card-dark-bg-1.png) no-repeat center;
    background-position: bottom left
}

.nums-card-dark::after {
    background: url(../img/nums-card-dark-bg-2.png) no-repeat center;
    background-position: top right
}

.nums-card-dark__num {
    color: #fff;
    font-family: "Bebas Neue Bold";
    font-size: 72px;
    font-weight: 400;
    line-height: 62px;
    margin-bottom: 10px
}

@media (max-width: 767px) {
    .nums-card-dark__num {
        font-size:42px;
        margin-bottom: 0
    }
}

.nums-card-dark__num span {
    font-size: 36px;
    line-height: 42px
}

@media (max-width: 767px) {
    .nums-card-dark__num span {
        font-size:28px
    }
}

.nums-card-dark__desc {
    color: #fff;
    font-family: "TT Moscow Economy - Md";
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 22px
}

@media (max-width: 767px) {
    .nums-card-dark__desc {
        font-size:14px
    }
}

.nums-card-dark--right {
    margin-left: auto
}

@media (max-width: 991px) {
    .nums-card-dark--right {
        margin-left:0
    }
}

.places-card {
    position: relative;
    z-index: 1;
    padding-top: 15px;
    padding-left: 15px;
    padding-bottom: 15px;
    margin-bottom: 30px
}

.places-card::before {
    content: "";
    display: block;
    position: absolute;
    width: 208px;
    border-radius: 22px;
    background-color: #393649;
    left: 0;
    top: 0;
    z-index: -1;
    height: 100%
}

.places-card::after,.places-card__element {
    position: absolute;
    transform: translateY(-50%);
    top: 50%
}

.places-card::after {
    content: "";
    display: block;
    left: 0;
    background: url(../img/infographics-polygon.png) no-repeat center;
    width: 29px;
    height: 25px
}

@media (max-width: 576px) {
    .places-card::after {
        display:none
    }
}

.places-card__element {
    width: 15px;
    height: 58px;
    border-radius: 7px;
    background-color: #d00e46;
    right: 15px
}

@media (max-width: 1307px) {
    .places-card__element {
        right:-7px
    }
}

.places-card__element-icon {
    background: url(../img/places-card-polygon.png) no-repeat center;
    width: 55px;
    height: 48px;
    right: 1px;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2
}

@media (max-width: 1307px) {
    .places-card__element-icon {
        right:-20px
    }
}

.places-card__wrapper {
    height: 285px;
    box-shadow: 10px 17px 14px 2px rgba(0,0,0,.1);
    border-radius: 16px;
    background: #fff url(../img/places-card-bg.png) no-repeat right top;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 10px;
    padding-left: 26px;
    padding-top: 24px;
    position: relative;
    max-width: 350px
}

@media (max-width: 991px) {
    .places-card__wrapper {
        max-width:100%
    }
}

.places-card__title {
    color: #393649;
    font-family: "TT Moscow Economy - Md";
    font-size: 24px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 30px
}

@media (max-width: 1307px) {
    .places-card__title {
        font-size:18px
    }
}

.places-card__icon {
    margin-bottom: 30px
}

.places-card__more {
    display: flex;
    align-items: center
}

.places-card__more-icon {
    margin-right: 10px
}

.places-card__more-title {
    color: #d00e46;
    font-family: "TT Moscow Economy - Md";
    font-size: 16px;
    font-weight: 400;
    line-height: 20px
}

.schedule-card {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    padding-top: 144px
}

@media (max-width: 991px) {
    .schedule-card {
        padding-top:0
    }
}

@media (max-width: 576px) {
    .schedule-card {
        flex-direction:column;
        margin-bottom: 40px
    }
}

.schedule-card__img,.schedule-card__text-block {
    width: 282px
}

@media (max-width: 1307px) {
    .schedule-card__img,.schedule-card__text-block {
        width:210px
    }
}

@media (max-width: 991px) {
    .schedule-card__img,.schedule-card__text-block {
        width:330px
    }
}

@media (max-width: 767px) {
    .schedule-card__img,.schedule-card__text-block {
        width:244px
    }
}

@media (max-width: 576px) {
    .schedule-card__img,.schedule-card__text-block {
        width:100%
    }
}

.schedule-card__img {
    height: 282px;
    position: relative
}

@media (max-width: 576px) {
    .schedule-card__img {
        height:220px;
        margin-bottom: 20px
    }
}

.schedule-card__img img {
    border-radius: 20px
}

.schedule-card__arrow,.schedule-card__img::before {
    position: absolute;
    transform: translateY(-50%);
    top: 50%
}

.schedule-card__img::before {
    content: "";
    display: block;
    width: 3px;
    height: 86%;
    background-color: #d00e46;
    left: 0
}

.schedule-card__arrow {
    left: -15px;
    width: 21px;
    height: 21px
}

@media (max-width: 991px) {
    .schedule-card__arrow {
        display:none
    }
}

.schedule-card__arrow::before {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10.5px 15px 10.5px 0;
    border-color: transparent #d00e46 transparent transparent
}

.schedule-card__arrow::after {
    content: "";
    display: block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #d00e46;
    width: 13px;
    height: 13px;
    background: #fff;
    left: -5px;
    top: 3px
}

.schedule-card__date {
    width: 130px;
    height: 30px;
    background-color: #393649;
    color: #fff;
    font-family: "TT Moscow Economy - Md";
    font-size: 18px;
    font-weight: 400;
    line-height: 45px;
    text-transform: uppercase;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-bottom: 20px
}

@media (max-width: 1307px) {
    .schedule-card__date {
        font-size:14px;
        height: 26px;
        width: 110px
    }
}

.schedule-card__title {
    color: #393649;
    font-family: "TT Moscow Economy DemiBold";
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    text-transform: uppercase;
    min-height: 105px
}

@media (max-width: 1307px) {
    .schedule-card__title {
        font-size:12px;
        line-height: 20px
    }
}

@media (max-width: 576px) {
    .schedule-card__title {
        min-height:auto
    }
}

.schedule-card__line {
    width: 74px;
    height: 1px;
    background-color: #d00e46;
    margin-bottom: 12px
}

.schedule-card__desc {
    color: #393649;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px
}

@media (max-width: 1307px) {
    .schedule-card__desc {
        font-size:12px;
        line-height: 20px
    }
}

.schedule-card--reverse {
    flex-direction: row-reverse;
    padding-top: 0
}

@media (max-width: 991px) {
    .schedule-card--reverse {
        flex-direction:row
    }
}

@media (max-width: 576px) {
    .schedule-card--reverse {
        flex-direction:column
    }
}

.schedule-card--reverse .schedule-card__img::before {
    left: auto;
    right: 0
}

@media (max-width: 991px) {
    .schedule-card--reverse .schedule-card__img::before {
        left:0;
        right: auto
    }
}

.schedule-card--reverse .schedule-card__text-block {
    text-align: right
}

@media (max-width: 991px) {
    .schedule-card--reverse .schedule-card__text-block {
        text-align:left
    }
}

.schedule-card--reverse .schedule-card__date {
    margin-left: auto
}

@media (max-width: 991px) {
    .schedule-card--reverse .schedule-card__date {
        margin-left:0
    }
}

.schedule-card--reverse .schedule-card__line {
    margin-left: auto
}

@media (max-width: 991px) {
    .schedule-card--reverse .schedule-card__line {
        margin-left:0
    }
}

.schedule-card--reverse .schedule-card__arrow {
    left: auto;
    right: -21px
}

.schedule-card--reverse .schedule-card__arrow::before {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10.5px 0 10.5px 15px;
    border-color: transparent transparent transparent #d00e46
}

.schedule-card--reverse .schedule-card__arrow::after {
    left: auto;
    right: 0
}

.speaker-card {
    position: relative;
    margin-bottom: 20px
}

.speaker-card::after,.speaker-card__header {
    background-image: linear-gradient(to right,#d00e46 0,rgba(255,255,255,0) 100%);
    position: relative;
    left: -15px
}

.speaker-card::after {
    content: "";
    display: block;
    height: 5px
}

@media (max-width: 991px) {
    .speaker-card::after {
        left:0
    }
}

.speaker-card__header {
    height: 19px;
    color: #fff;
    font-family: "TT Moscow Economy - Normal";
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    padding-left: 15px
}

@media (max-width: 991px) {
    .speaker-card__header {
        left:0
    }
}

.speaker-card__body {
    display: flex;
    justify-content: space-between
}

@media (max-width: 576px) {
    .speaker-card__body {
        flex-direction:column
    }
}

.speaker-card__item {
    padding: 20px 0 13px;
    display: flex;
    width: 282px
}

@media (max-width: 1307px) {
    .speaker-card__item {
        width:210px
    }
}

@media (max-width: 991px) {
    .speaker-card__item {
        width:330px;
        padding: 20px 0 20px 15px
    }
}

@media (max-width: 767px) {
    .speaker-card__item {
        width:244px
    }
}

@media (max-width: 576px) {
    .speaker-card__item {
        width:100%
    }
}

.speaker-card__img {
    width: 74px;
    height: 100px;
    margin-right: 30px;
    border-radius: 4px;
    overflow: hidden
}

@media (max-width: 1307px) {
    .speaker-card__img {
        margin-right:15px
    }
}

.schedule-card__img img,.speaker-card__img img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.speaker-card__text-block {
    flex: 1
}

.speaker-card__name {
    color: #393649;
    font-family: "TT Moscow Economy DemiBold";
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 17px;
    margin-bottom: 10px
}

@media (max-width: 1307px) {
    .speaker-card__name {
        font-size:12px;
        line-height: 15px
    }
}

.speaker-card__position {
    color: #d00e46;
    font-family: "TT Moscow Economy - Rg";
    font-size: 12px;
    font-weight: 400;
    line-height: 15px
}

.speaker-card--reverse {
    text-align: right
}

@media (max-width: 991px) {
    .speaker-card--reverse {
        text-align:left
    }
}

.speaker-card--reverse .speaker-card__header,.speaker-card--reverse::after {
    background-image: linear-gradient(to left,#d00e46 0,rgba(255,255,255,0) 100%);
    left: auto;
    right: -15px
}

@media (max-width: 991px) {
    .speaker-card--reverse::after {
        left:0;
        right: auto;
        background-image: linear-gradient(to right,#d00e46 0,rgba(255,255,255,0) 100%)
    }
}

.speaker-card--reverse .speaker-card__header {
    justify-content: flex-end;
    padding-right: 15px;
    padding-left: 0
}

@media (max-width: 991px) {
    .speaker-card--reverse .speaker-card__header {
        right:auto;
        left: 0;
        padding-right: 0;
        padding-left: 15px;
        background-image: linear-gradient(to right,#d00e46 0,rgba(255,255,255,0) 100%);
        justify-content: flex-start
    }
}

.speaker-card--reverse .speaker-card__item {
    flex-direction: row-reverse
}

@media (max-width: 991px) {
    .speaker-card--reverse .speaker-card__item {
        flex-direction:row
    }
}

.speaker-card--reverse .speaker-card__img {
    margin-right: 0;
    margin-left: 30px
}

@media (max-width: 1307px) {
    .speaker-card--reverse .speaker-card__img {
        margin-left:15px
    }
}

@media (max-width: 991px) {
    .speaker-card--reverse .speaker-card__img {
        margin-left:0;
        margin-right: 15px
    }
}

.useful-contacts-card {
    height: 107px;
    box-shadow: 10px 17px 14px 2px rgba(0,0,0,.1);
    border-radius: 12px;
    border: 6px solid rgba(49,43,93,.03);
    background: #fff url(../img/useful-contacts-card-bg.png) top center no-repeat;
    padding: 0 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 14px
}

@media (max-width: 991px) {
    .useful-contacts-card {
        padding:0 20px
    }
}

@media (max-width: 767px) {
    .useful-contacts-card {
        flex-direction:column;
        height: auto;
        padding: 20px
    }
}

.useful-contacts-card__left {
    width: 58%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media (max-width: 767px) {
    .useful-contacts-card__left {
        width:100%
    }
}

@media (max-width: 576px) {
    .useful-contacts-card__left {
        flex-direction:column;
        text-align: center
    }
}

.useful-contacts-card__right {
    width: 40%;
    text-align: right
}

@media (max-width: 767px) {
    .useful-contacts-card__right {
        width:100%
    }
}

@media (max-width: 576px) {
    .useful-contacts-card__right {
        text-align:center;
        padding-top: 10px
    }
}

.useful-contacts-card__contact-block {
    text-align: right
}

@media (max-width: 576px) {
    .useful-contacts-card__contact-block {
        text-align:center;
        padding-top: 10px
    }
}

.useful-contacts-card__title {
    color: #393649;
    font-family: "TT Moscow Economy - Normal";
    font-size: 20px;
    font-weight: 400
}

@media (max-width: 991px) {
    .useful-contacts-card__title {
        font-size:16px
    }
}

.useful-contacts-card__subtitle {
    color: #393649;
    font-family: "TT Moscow Economy - Normal";
    font-size: 14px;
    font-weight: 400
}

@media (max-width: 991px) {
    .useful-contacts-card__subtitle {
        font-size:13px
    }
}

.useful-contacts-card__phone {
    color: #393649;
    font-family: "TT Moscow Economy - Normal";
    font-size: 24px;
    font-weight: 400;
    transition: .2s all ease-out
}

.useful-contacts-card__phone:hover {
    color: #d00e46
}

@media (max-width: 991px) {
    .useful-contacts-card__phone {
        font-size:18px
    }
}

.useful-contacts-card__callback {
    color: #ea114a;
    font-family: "TT Moscow Economy - Normal";
    font-size: 14px;
    font-weight: 400;
    display: block
}

.useful-contacts-card__callback:hover {
    text-decoration: underline
}

.useful-contacts-card__email {
    color: #393649;
    font-family: "TT Moscow Economy - Normal";
    font-size: 14px;
    text-transform: uppercase;
    transition: .2s all ease-out
}

.useful-contacts-card__email:hover {
    color: #d00e46
}

@media (max-width: 991px) {
    .useful-contacts-card__email {
        font-size:12px
    }
}

.useful-contacts-card__send-message {
    color: #ea114a;
    font-family: "TT Moscow Economy - Normal";
    font-size: 14px;
    font-weight: 400;
    display: block
}

.useful-contacts-card__send-message:hover {
    text-decoration: underline
}

.infrastructure-card {
    position: relative;
    z-index: 1;
    padding-top: 15px;
    padding-left: 15px;
    padding-bottom: 15px;
    max-width: 282px;
    margin: 0 auto 25px
}

.infrastructure-card::before {
    content: "";
    display: block;
    position: absolute;
    width: 208px;
    border-radius: 22px;
    background-color: #393649;
    left: 0;
    top: 0;
    z-index: -1;
    height: 100%
}

.infrastructure-card::after {
    content: "";
    display: block;
    left: 0;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    background: url(../img/infographics-polygon.png) no-repeat center;
    width: 29px;
    height: 25px
}

@media (max-width: 576px) {
    .infrastructure-card::after {
        display:none
    }
}

.infrastructure-card__wrapper {
    height: 285px;
    box-shadow: 10px 17px 14px 2px rgba(0,0,0,.1);
    border-radius: 16px;
    background: #fff url(../img/infrastructure-card-bg.png) no-repeat right top;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 42px;
    position: relative;
    max-width: 270px;
    overflow: hidden
}

@media (max-width: 991px) {
    .infrastructure-card__wrapper {
        max-width:100%
    }
}

.infrastructure-card__img {
    position: absolute;
    inset: 0
}

.infrastructure-card__img img,.main-first-section__img img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: none;
    object-fit: none
}

.infrastructure-card__title {
    color: #d00e46;
    font-family: "TT Moscow Economy - Bd";
    font-size: 32px;
    font-weight: 400;
    line-height: 36.87px;
    text-transform: uppercase;
    min-height: 123px;
    background-image: linear-gradient(to top,#fff 0,rgba(255,255,255,0) 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding-top: 40px;
    padding-left: 20px
}






.excursions-card {
    margin-bottom: 68px
}

@media (max-width: 767px) {
    .excursions-card {
        margin-bottom:40px
    }
}

@media (max-width: 576px) {
    .excursions-card {
        margin-bottom:30px
    }
}

.excursions-card__header {
    display: flex;
    align-items: center;
    min-height: 74px;
    margin-bottom: 10px
}

.excursions-card__icon {
    margin-right: 30px
}

@media (max-width: 767px) {
    .excursions-card__icon {
        width:50px;
        margin-right: 16px
    }
}

.excursions-card__title {
    font-family: "TT Moscow Economy DemiBold";
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-transform: uppercase;
    color: #d00e46;
    flex: 1
}

@media (max-width: 1307px) {
    .excursions-card__title {
        font-size:14px
    }
}

.excursions-card__desc,.main-about__desc p {
    color: #393649;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

.excursions-card__desc {
    text-align: justify
}

@media (max-width: 1307px) {
    .excursions-card__desc {
        font-size:14px
    }
}
.text__container {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: calc(80 * var(--width-multiplier));
}

@media (max-width: 1023px) {
    .text__container {
        flex-direction: column;
        margin-top: calc(20 * var(--width-multiplier));
    }
}

.texts__left {
    width: 44%;
    color: var(--textGray);
font-size: .9rem;
font-family: "TT-Regular";
}
.texts__right {
    width: 44%;
}

@media (max-width: 1023px) {
    .texts__left,
    .texts__right {
        width: 100%;
    }
}

.btn--center {
    margin-top: calc(60 * var(--width-multiplier));
    display: flex;
    align-items: center;
    justify-content: center;
}


.log__list {
    display: flex;
    flex-wrap: wrap;
    padding-top: 80px;
    padding-bottom: 60px;
}
.log__item {
    width: 29%;
    margin-right: 60px;
    margin-bottom: 60px;
}
.log__item-top {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 10px;
}
.log__item-num {
    color: var(--red);
    font-family: "TT-Medium";
    font-size: 1.1rem;
    max-width: 80%;
    line-height: 1.6rem;
}
.log__item-title {
    color: var(--textGray);
    font-size: .9rem;
    font-family: "TT-Regular";
}
.log__item-icon {
    width: 40px;
    margin-right: 10px;
}

.main-first-section {
    position: relative;
    margin-top: 0px;
}

.main-first-section__left {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

@media (max-width: 1023px) {
    .main-first-section__left {
        text-align: center;
    }
}

.main-first-section__left::before {
    content: url('../img/lin_02_left_bann-2.svg');
    position: absolute;
    left: calc(-112*2560px / 1920);
    left: calc(-112*var(--width-multiplier));
    top: calc(32*2560px / 1920);
    top: calc(32*var(--width-multiplier));
    width: calc(64*2560px / 1920);
    width: calc(64*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .main-first-section__left::before {
        content: url("../img/lin_06_left_m.svg");
        left: calc(-12*2560px / 1920);
        left: calc(-12*var(--width-multiplier));
        top: calc(-3*2560px / 1920);
        top: calc(-3*var(--width-multiplier));
        width: calc(45*2560px / 1920);
        width: calc(45*var(--width-multiplier));
    }
}

.btn--center-red {
    background: var(--red);
    margin-top: 60px;
}

.main-first-section__bottom {
    margin-top: calc(96*2560px / 1920);
    margin-top: calc(96*var(--width-multiplier));
    position: relative;
    line-height: calc(24*2560px / 1920);
    line-height: calc(24*var(--width-multiplier));
    font-family: 'TT-Regular';
}

@media (max-width: 1023px) {
    .main-first-section__bottom {
        margin-top: calc(15*2560px / 1920);
        margin-top: calc(15*var(--width-multiplier));
        text-align: left;
    }
}

.main-first-section__bottom::before {
    content: '';
    position: absolute;
    width: calc(80*2560px / 1920);
    width: calc(80*var(--width-multiplier));
    height: 1px;
    background-color: var(--red);
}

@media (max-width: 1023px) {
    .main-first-section__bottom::before {
        left: 0;
    }
}

.main-first-section__subtitle {
    color: var(--textColor);
    font-family: "TT-Medium" ;
    font-size: calc(20*2560px / 1920);
    font-size: calc(20*var(--width-multiplier));
    font-weight: 400;
    line-height: calc(34*2560px / 1920);
    line-height: calc(34*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .main-first-section__subtitle {
        margin-bottom: calc(20*2560px / 1920);
        margin-bottom: calc(20*var(--width-multiplier));
        padding: 0 calc(36*2560px / 1920);
        padding: 0 calc(36*var(--width-multiplier));
        font-size: calc(18*2560px / 1920);
        font-size: calc(18*var(--width-multiplier));
        line-height: calc(23*2560px / 1920);
        line-height: calc(23*var(--width-multiplier));
        color: var(--textColor);
    }
}

.main-first-section__title {
    color: var(--red);
    font-family: "TT-Medium";
    font-size: calc(56*2560px / 1920);
    font-size: calc(56*var(--width-multiplier));
    line-height: calc(62*2560px / 1920);
    line-height: calc(62*var(--width-multiplier));
    text-transform: unset;
    margin-bottom: calc(60*2560px / 1920);
    margin-bottom: calc(60*var(--width-multiplier));
}

body .btn-rent {
    margin-top: calc(20 * var(--width-multiplier));
}

@media (max-width: 1023px) {
    .main-first-section__title {
        margin-bottom: calc(10*2560px / 1920);
        margin-bottom: calc(10*var(--width-multiplier));
        font-size: calc(38*2560px / 1920);
        font-size: calc(38*var(--width-multiplier));
        line-height: calc(38*2560px / 1920);
        line-height: calc(38*var(--width-multiplier));
    }

    body .btn-rent {
        margin-top: 0;
    }

    body .main-first-section__buttons-wrapper .btn-rent {
        background: var(--red);
    }
}

.main-first-section__buttons-wrapper {
    display: flex;
    gap: calc(20*2560px / 1920);
    gap: calc(20*var(--width-multiplier));
    margin-top: calc(32*2560px / 1920);
    margin-top: calc(32*var(--width-multiplier));
    align-items: center;
}

@media (max-width: 1023px) {
    .main-first-section__buttons-wrapper {
        flex-direction: column;
        gap: calc(15*2560px / 1920);
        gap: calc(15*var(--width-multiplier));
        margin-top: calc(5*2560px / 1920);
        margin-top: calc(5*var(--width-multiplier));
    }
}

.main-first-section__buttons-wrapper .btn {
    font-size: calc(16*2560px / 1920);
    font-size: calc(16*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .main-first-section__buttons-wrapper .btn {
        position: relative;
        z-index: 1;
        font-size: calc(14*2560px / 1920);
        font-size: calc(14*var(--width-multiplier));
    }
}

.main-first-section__btn {
    margin-top: 0;
    display: flex;
    gap: 1rem;
    font-family: 'TT-Medium';
    background: var(--textColor);
    font-size: 16px;
}
.main-first-section__btn:hover {
    background: var(--red);
}
.main-first-section__btn-icon {
    width: calc(32*2560px / 1920);
    width: calc(32*var(--width-multiplier));
    padding-top: 2px;
}

@media (max-width: 1023px) {
    .main-first-section__btn-icon {
        margin-left: calc(-10*2560px / 1920);
        margin-left: calc(-10*var(--width-multiplier));
        width: calc(24*2560px / 1920);
        width: calc(24*var(--width-multiplier));
        padding-top: 2px;
    }
}

.main-first-section__img-container {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 50%;
}

@media (max-width: 1023px) {
    .main-first-section__img-container {
        top: calc(466*2560px / 1920);
        top: calc(466*var(--width-multiplier));
        width: 100%;
        height: auto;
    }

    .main-first-section__img-container::after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
        width: 100%;
        height: calc(60*2560px / 1920);
        height: calc(60*var(--width-multiplier));
        background: linear-gradient(180deg, #fff 7.81%, rgba(255, 255, 255, 0.8) 18.75%, rgba(255, 255, 255, 0) 100%);
    }
}

.main-first-section__img {
    width: 100%;
    position: relative;
    z-index: 1;
    height: 80%;
}

.vk-link{
    background-image: url("../img/icon_vk_inactive.svg");
}
.vk-link:hover{
    background-image: url("../img/icon_vk_inactive_1.svg");
}
.youtube-link{
    background-image: url("../img/icon-youtube_inactive.svg");

}
.youtube-link:hover{
    background-image: url("../img/icon-youtube_active.svg");

}
.telegram-link{
    background-image: url("../img/icon_telegram_inactive.svg");

}
.telegram-link:hover{
    background-image: url("../img/icon_telegram_active.svg");

}

.main-first-section__img::before {
    content: "";
    display: block;
    position: absolute;
    left: calc(-2 * var(--width-multiplier));
    bottom: calc(-2 * var(--width-multiplier));
    background: url("../img/bl.svg") no-repeat left bottom;
    background-size: contain;
    width: calc(419*2560px / 1920);
    width: calc(419*var(--width-multiplier));
    height: 100%;
    z-index: 2
}

@media (max-width: 1023px) {
    .main-first-section__img::before {
        display:none
    }
}

.main-first-section__img img {
    -o-object-fit: cover;
    object-fit: cover
}

.main-first-section__social {
    display: flex;
    gap: calc(16*2560px / 1920);
    gap: calc(16*var(--width-multiplier));
    margin-top: calc(32*2560px / 1920);
    margin-top: calc(32*var(--width-multiplier));
}

body .forms-planning {
    padding: calc(80* var(--width-multiplier)) 0;
}

body .forms-planning .form-text {
    margin-bottom: calc(40* var(--width-multiplier));
}

body .forms-planning .form-column img {
    width: calc(163* var(--width-multiplier));
}

body .forms-planning .form {
    margin-top: calc(-25* var(--width-multiplier));
    padding: calc(0* var(--width-multiplier)) calc(100* var(--width-multiplier));
}

body .forms-planning .form-flex {
    -ms-flex-flow: wrap;
    flex-flow: wrap;
}

body .forms-planning textarea {
    height: calc(226* var(--width-multiplier));
    font-size: calc(18* var(--width-multiplier));
    border-radius: calc(15* var(--width-multiplier));
    padding: calc(24* var(--width-multiplier));
    margin-top: calc(25 * var(--width-multiplier));
    resize: none;
}

body .forms-planning .btn__submit {
    font-size: calc(18* var(--width-multiplier));
}

body .forms-planning p {
    margin: calc(50* var(--width-multiplier)) auto 0;
    width: calc(780* var(--width-multiplier));
}

@media (max-width: 1023px) {
    body .forms-planning p {
        margin: 0;
        width: 100%;
    }
}

body .forms-planning input {
    width: calc(350* var(--width-multiplier));
    margin: calc(25* var(--width-multiplier)) 0 0 0;
    font-size: calc(20* var(--width-multiplier));
    padding: calc(10* var(--width-multiplier)) 0;
}


.forms-planning .dropdown {
    margin-top: calc(25 * var(--width-multiplier));
	width: calc(350* var(--width-multiplier));
	position: relative;
}

body .form-planning input:nth-child(n+7) {
    margin-top: 0;
}

.forms-planning .dropdown__trigger {
	position: relative;
	/* border: 1px solid transparentize($color-grey-line, 0.65); */
	/* border-radius: vc(5); */
	width: 100%;
	height: 100%;
	transition: .3s all ease-out;
	border-bottom: 1px solid #C9C9C9;
	font-size: calc(20 * var(--width-multiplier));
	padding: calc(10* var(--width-multiplier)) 0;
	cursor: pointer;
}

.forms-planning .dropdown__current {
	color: #c4c3c8;
}

.forms-planning .dropdown__arrow {
	position: absolute;
	right: 0;
	top: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(20 * var(--width-multiplier));
	height: calc(10* var(--width-multiplier));
	transform: rotate(0) translateZ(0) translateY(-50%);
	transform-origin: top center;
	transition: .3s all ease-out;
	pointer-events: none;
}

body .forms-planning  .dropdown__arrow img {
	width: 100%;
	height: 100%;
}

.is-dropped .dropdown__arrow {
	transform: rotate(-180deg) translateZ(0) translateY(-50%);
}

.forms-planning .dropdown__options-wrapper {
	position: absolute;
	top: 100%;
	z-index: 100;
	overflow: hidden;
	margin-top: calc(-1 * var(--width-multiplier));
	width: 100%;
	height: 0;
	background-color: #ebebed;
	opacity: 0;
	transition: .3s all ease-out;
}

.is-dropped .dropdown__options-wrapper {
	opacity: 1;
}

.forms-planning .dropdown__circle {
    flex: 0 0 calc(18 * var(--width-multiplier));
	width: calc(18 * var(--width-multiplier));
	height: calc(18 * var(--width-multiplier));
	border-radius: 50%;
	background-color: #fff;
	margin-right: calc(10 * var(--width-multiplier));
	transition: .3s all ease-out;
}

.forms-planning .dropdown__options-list {
	padding: calc(20 * var(--width-multiplier)) calc(20 * var(--width-multiplier));
	width: 100%;
}

.forms-planning .dropdown__option {
	display: flex;
	align-items: center;
	padding: calc(8 * var(--width-multiplier)) 0;
	width: 100%;
	cursor: pointer;
}

.forms .is-selected {
	/*pointer-events: none;*/
    pointer-events: auto;
}

.forms .value-selected {
	color: #393649;
}

.forms-planning .dropdown__option span {
	line-height: calc(16 * var(--width-multiplier));
	font-weight: 400;
}

.is-selected .dropdown__circle {
	background-color: #d00e46;
}

.is-selected span {
	font-weight: 500;
}

.forms-planning .dropdown-event .dropdown__options-wrapper {
	width: calc(780 * var(--width-multiplier));
	left: calc(-430 * var(--width-multiplier));
}

.forms-planning .dropdown-event .dropdown__options-list {
	display: flex;
	flex-flow: wrap;
}

.forms-planning .dropdown-event .dropdown__option {
	width: calc(350 * var(--width-multiplier));
}

.forms-planning .dropdown-event .dropdown__option--is-end {
	margin-top: calc(10 * var(--width-multiplier));
	border-top: 1px solid #c4c3c8;
	width: calc(200 * var(--width-multiplier));
}

.forms-planning .dropdown-event .is-selected {
	pointer-events: all;
}

body .forms-planning .btn__pri {
    font-size: calc(18* var(--width-multiplier));
    margin-top: calc(20* var(--width-multiplier));
}

body .platform-first-section__buttons .btn-rent {
    margin-top: 0;
}

@media (max-width: 1023px) {
    .main-first-section__social {
        margin-top: calc(332*2560px / 1920);
        margin-top: calc(332*var(--width-multiplier));
    }

    body .forms-planning {
        padding: 0;
    }

    body .forms-planning .container {
        padding: calc(60* var(--width-multiplier)) calc(20 * var(--width-multiplier)) calc(40 * var(--width-multiplier));
    }

    body .forms-planning .form-text {
        margin-bottom: calc(40* var(--width-multiplier));
    }

    body .forms-planning .form-text h1 {
        font-size: calc(34* var(--width-multiplier));
        line-height: calc(36* var(--width-multiplier));
        margin-top: calc(15* var(--width-multiplier));
    }

    body .forms-planning .form {
        padding: 0 !important;
    }

    body .forms-planning .form input {
        width: 100%;
        margin: 0 0 calc(20* var(--width-multiplier)) 0;
        font-size: calc(16* var(--width-multiplier));
        padding: calc(5* var(--width-multiplier)) 0;
    }

    body .forms-planning .form textarea {
        margin-top: 0;
        font-size: calc(16* var(--width-multiplier));
        padding: calc(15* var(--width-multiplier));
    }

    body .forms-planning .btn__pri {
        font-size: calc(16* var(--width-multiplier));
    }

    body .forms-planning .form p {
        margin-top: calc(30* var(--width-multiplier));
        width: 100%;
    }

    body .forms-planning .form-column img {
        display: none;
    }

	body .forms-planning .dropdown__trigger {
		font-size: calc(16 * var(--width-multiplier));
		padding: calc(5* var(--width-multiplier)) 0;
	}

	body .forms-planning .dropdown {
		width: 100%;
        margin-top: 0;
		margin-bottom: calc(20 * var(--width-multiplier));
	}

	body .forms-planning .dropdown-event .dropdown__options-wrapper {
		width: 100%;
		left: 0;
	}

	body .forms-planning .dropdown-event .dropdown__option {
		width: 100%;
	}

    body .forms-planning .dropdown__arrow img {
        display: block;
    }
}

.main-first-section__social-link {
    transition: .2s all ease-out;
    width: calc(32*2560px / 1920);
    width: calc(32*var(--width-multiplier));
    height: calc(32*2560px / 1920);
    height: calc(32*var(--width-multiplier));
}

@media (max-width: 991px) {
    .main-first-section__social-link {
        margin:0 2px
    }
}

.main-first-section__social-link img {
    display: block
}



.main-first-section__social-link--link-3 {
    position: relative;
    left: -44px;
    top: -3px
}

@media (max-width: 991px) {
    .main-first-section__social-link--link-3 {
        left:auto;
        top: auto
    }
}

.main-first-section__social-link--link-2 {
    position: relative;
    left: -87px;
    top: -6px
}

@media (max-width: 991px) {
    .main-first-section__social-link--link-2 {
        left:auto;
        top: auto
    }
}

.main-first-section__social-link--link-1 {
    position: relative;
    left: -130px;
    top: -10px
}

@media (max-width: 991px) {
    .main-first-section__social-link--link-1 {
        left:auto;
        top: auto
    }
}

.main-about__decor {
    position: absolute;
    top: 0;
    left: 50%;
    width: calc(250*2560px / 1920);
    width: calc(250*var(--width-multiplier));
    transform: translateX(-50%);
}

@media (max-width: 1023px) {
    .main-about__decor {
        top: calc(-40*2560px / 1920);
        top: calc(-40*var(--width-multiplier));
        width: calc(167*2560px / 1920);
        width: calc(167*var(--width-multiplier));
    }
}

.main-about__row {
    display: flex;
    position: relative;
    justify-content: space-between;
}

@media (max-width: 1023px) {
    .main-about__row {
        overflow: auto;
        justify-content: normal;
    }
}

.main-about__item {
    display: flex;
    flex-direction: column;
}

@media (max-width: 1023px) {
    .main-about__item {
        width: 100%;
        flex-shrink: 0;
        align-items: center;
    }

    .main-about__item + .main-about__item {
        margin-left: calc(20*2560px / 1920);
        margin-left: calc(20*var(--width-multiplier));
    }
}

.main-about__item:nth-of-type(2) {
    display: flex;
    flex-direction: column-reverse;
}

@media (max-width: 1023px) {
    .main-about__item:nth-of-type(2) {
        flex-direction: column;
    }
}

.main-about__item .main-about__card {
    height: calc(280*2560px / 1920);
    height: calc(280*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .main-about__item .main-about__card {
        height: calc(220*2560px / 1920);
        height: calc(220*var(--width-multiplier));
    }
}

.main-about__item .main-about__text-block {
    height: calc(350*2560px / 1920);
    height: calc(350*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .main-about__item .main-about__text-block {
        flex-direction: row;
        align-items: center;
        flex-wrap: wrap;
        margin-top: calc(20*2560px / 1920);
        margin-top: calc(20*var(--width-multiplier));
        height: auto;
        padding: 0;
        text-align: center;
    }
}

.main-about__left {
    width: 330px;
    padding-top: 44px;
    margin-right: 40px
}

@media (max-width: 1307px) {
    .main-about__left {
        padding-top:16px
    }
}

@media (max-width: 991px) {
    .main-about__left {
        width:100%;
        padding-top: 0
    }
}

@media (max-width: 576px) {
    .main-about__left {
        margin-bottom:10px
    }
}

.main-about__logo {
    margin-bottom: 10px
}

.main-about__title {
    font-family: "TT-Medium";
    font-weight: 400;
    text-transform: uppercase;
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 20px
}

@media (max-width: 991px) {
    .main-about__title {
        font-size:26px;
        line-height: 30px;
        font-family: "TT-Regular";
    }
}

@media (max-width: 767px) {
    .main-about__title {
        font-size:22px;
        line-height: 26px;
        font-family: "TT-Regular";
    }
}

@media (max-width: 576px) {
    .main-about__title {
        font-size:18px;
        line-height: 24px;
        font-family: "TT-Regular";
    }
}

.main-about__title::after {
    content: "";
    display: block;
    width: 35px;
    height: 3px;
    background-color: #d00e46;
    margin-top: 15px
}

.main-about__desc p {
    margin: 0 0 24px
}

@media (max-width: 576px) {
    .main-about__desc p {
        font-size:14px;
        line-height: 22px;
        margin-bottom: 10px;
        font-family: "TT-Regular";
    }
}

.main-about__right {
    display: flex;
    flex-wrap: wrap;
    flex: 1
}

.main-about__card {
    overflow: hidden;
    border-radius: calc(20*2560px / 1920);
    border-radius: calc(20*var(--width-multiplier));
}


.divider{
    height: 30px;
    background: rgb(255,255,255);
background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 12%, rgba(234,234,234,1) 40%);
background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 12%, rgba(234,234,234,1) 40%);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 12%, rgba(234,234,234,1) 40%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#eaeaea",GradientType=1);
}

.first-divider {
    margin-top: 85px;
}

.main-about__card img {
    display: block;
    width: calc(350*2560px / 1920);
    width: calc(350*var(--width-multiplier));
    height: calc(350*2560px / 1920);
    height: calc(350*var(--width-multiplier));
    -o-object-fit: cover;
    object-fit: cover
}

.main-about__text-block {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    height: 100%;
}

.main-about {
    padding-bottom: calc(80*2560px / 1920);
    padding-bottom: calc(80*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .main-about {
        padding-bottom: 0;
    }
}

.main-about__num {
    padding-right: calc(16*2560px / 1920);
    padding-right: calc(16*var(--width-multiplier));
    line-height: calc(64*2560px / 1920);
    line-height: calc(64*var(--width-multiplier));
    font-size: calc(80*2560px / 1920);
    font-size: calc(80*var(--width-multiplier));
    color: var(--red);
    font-family: "TT-Medium";
}

@media (max-width: 1023px) {
    .main-about__num {
        padding-right: 0;
        font-size: calc(65*2560px / 1920);
        font-size: calc(65*var(--width-multiplier));
        line-height: 1;
    }
}

.main-about__side-text--red {
    color:var(--red)!important;
}

.main-about__subtitle {
    font-size: calc(19*2560px / 1920);
    font-size: calc(19*var(--width-multiplier));
    font-weight: 400;
    line-height: calc(27*2560px / 1920);
    line-height: calc(27*var(--width-multiplier));
    margin: calc(12*2560px / 1920) 0 calc(16*2560px / 1920);
    margin: calc(12*var(--width-multiplier)) 0 calc(12*var(--width-multiplier));
    color: var(--textColor);
    font-family: "TT-Medium";
}

@media (max-width: 1023px) {
    .main-about__subtitle {
        margin: 0 0 calc(16*2560px / 1920);
        margin: 0 0 calc(12*var(--width-multiplier));
        line-height: calc(22*2560px / 1920);
        line-height: calc(22*var(--width-multiplier));
        width: 100%;
    }
}

.main-about__subtitle--no-margin {
    font-size: calc(19*2560px / 1920);
    font-size: calc(19*var(--width-multiplier));
    color: var(--textColor);
    font-family: "TT-Medium";
}

@media (max-width: 1023px) {
    .main-about__subtitle--no-margin {
        margin-top: calc(-3*2560px / 1920);
        margin-top: calc(-3*var(--width-multiplier));
        width: 100%;
    }
}

.money-description {
    color: var(--red);
    font-family: "TT-Medium";
    font-size: calc(32*2560px / 1920);
    font-size: calc(32*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .money-description {
        margin-top: calc(20*2560px / 1920);
        margin-top: calc(20*var(--width-multiplier));
        margin-left: calc(5*2560px / 1920);
        margin-left: calc(5*var(--width-multiplier));
        font-size: calc(24*2560px / 1920);
        font-size: calc(24*var(--width-multiplier));
        line-height: 1;
    }
}

.main-about__wrapper{
    display: flex;
    align-items: center;
}

.main-about__side-text {
    text-align: left;
    font-size: calc(19*2560px / 1920);
    font-size: calc(19*var(--width-multiplier));
    font-family: "TT-Medium";
}

@media (max-width: 1023px) {
    .main-about__side-text {
        margin-left: calc(5*2560px / 1920);
        margin-left: calc(5*var(--width-multiplier));
    }
}

.main-about__side-text--red {
    color: var(--red);
    font-family: "TT-Medium";
}

@media (max-width: 1023px) {
    .main-about__side-text--red {
        line-height: 1;
    }
}

.main-about__caption {
    color: #393649;
    line-height: 24px
}

@media (max-width: 1307px) {
    .main-about__caption {
        font-size:14px;
        line-height: 22px
    }
}

.platform__dots {
    padding-top: calc(40*2560px / 1920);
    padding-top: calc(40*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .platform__dots {
        padding-top: 0;
        margin-top: calc(-115*2560px / 1920);
        margin-top: calc(-115*var(--width-multiplier));
    }
}

.tax-preferences__dots {
    margin-bottom: calc(32*2560px / 1920);
    margin-bottom: calc(32*var(--width-multiplier));
    width: 100%;
}

.for-residents__dots ul,.main-news__dots ul,.platform__dots ul,.residents__dots ul,.slider-banner__dots ul, .tax-preferences__dots ul, .people__dots ul, .slider-gallery-tsentr__dots ul, .slider-platform-first__dots ul,
.event__photo-dots ul, .dialog-photo__dots ul
{
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
    text-align: center;
}

.main-news__slider {
    padding-top: calc(48*2560px / 1920);
    padding-top: calc(48*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .main-news__slider {
        padding-top: 0;
    }

    .slider-platform-first__dots {
        margin-top: 20px;
    }
}

.for-residents__dots ul li,.main-news__dots ul li,.platform__dots ul li,.slider-platform-first__dots ul li,.residents__dots ul li,.slider-banner__dots ul li, .tax-preferences__dots ul li, .people__dots ul li, .slider-gallery-tsentr__dots ul li,
.event__photo-dots ul li, .dialog-photo__dots ul li {
    width: calc(6*2560px / 1920);
    width: calc(6*var(--width-multiplier));
    height: calc(6*2560px / 1920);
    height: calc(6*var(--width-multiplier));
    border-radius: 50%;
    background-color: #8590a6;
    cursor: pointer;
    transition: .2s all ease-out;
    margin: 0 calc(3*2560px / 1920);
    margin: 0 calc(3*var(--width-multiplier));
    text-align: center;
}

.dialog-photo__dots ul li {
    background-color: #fff;
}

.for-residents__dots ul .slick-active,.gallery__dots ul .slick-active,.main-news__dots ul .slick-active,.platform__dots ul .slick-active,.slider-platform-first__dots ul .slick-active,.residents__dots ul .slick-active,.reviews__dots ul .slick-active,.slider-banner__dots ul .slick-active, .tax-preferences__dots ul .slick-active, .people__dots ul .slick-active, .slider-gallery-tsentr__dots ul .slick-active,
.event__photo-dots ul .slick-active, .dialog-photo__dots ul .slick-active {
    width: calc(28*2560px / 1920);
    width: calc(28*var(--width-multiplier));
    border-radius: calc(8*2560px / 1920);
    border-radius: calc(8*var(--width-multiplier));
    background: #d00e46
}
.people__dots .slick-dots {
    bottom: 45px;
}
.slider-banner__slide {
    position: relative;
    border-radius: calc(30*var(--width-multiplier));
    overflow: hidden
}

@media (max-width: 1023px) {
    .slider-banner__slide {
        display: flex;
        flex-direction: column-reverse;
        border-radius: calc(10 * var(--width-multiplier));
        background: #ebebeb;
    }
}

.slider-banner__img {
    height: calc(386*var(--width-multiplier));
    position: relative;
}

.slider-banner__img--is-only::after {
    display: none;
}

.slider-banner__img img {
    height: 105%;
    object-fit: contain;
    object-position: left top;
    max-width: calc(1100 * var(--width-multiplier));
}

@media (min-width: 1024px) {
    .slider-banner__img--is-only img {
        width: 100%;
        height: 100%;
        max-width: 100%;
    }
}

@media (max-width: 1023px) {
    .slider-banner__img {
        height: calc(220 * var(--width-multiplier));
    }

    .slider-banner__img img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

    .slider-banner-main .slider-banner__header {
        display: flex;
        flex-flow: wrap;
        margin-bottom: calc(15 * var(--width-multiplier));
    }

    .slider-banner-main .slider-banner__date {
        margin-left: 0;
    }

    .slider-banner-main .slider-banner__desc {
        margin-top: 0;
    }

    .slider-banner-main .slider-banner__text-block {
        padding: calc(25 * var(--width-multiplier)) calc(20 * var(--width-multiplier)) calc(15 * var(--width-multiplier));
    }

    .slider-banner-main .slider-banner__img img {
        object-position: center;
        height: 112%;
    }
    .slider-banner-main .slick-slide--img-full .slider-banner__img img {
        height: 100%;
    }

    .slider-banner-main .btn-banner {
        background: #d3d3d3;
    }

    .slider-banner__img--is-only img {
        height: 100%;
    }

    .slider-banner-main .slider-banner__img {
        height: calc(200 * var(--width-multiplier));
    }

    .slider-banner-main .slider-banner__footer {
        bottom: calc(25 * var(--width-multiplier));
    }

    .slider-banner-main .slider-banner__time {
        font-size: calc(14 * var(--width-multiplier));
    }

    .slider-banner-main .slider-banner__type {
        margin-top: calc(10 * var(--width-multiplier));
        padding: calc(5 * var(--width-multiplier)) calc(30 * var(--width-multiplier)) calc(4 * var(--width-multiplier)) calc(10 * var(--width-multiplier));
    }
}

.slider-banner__img::after {
    position: absolute;
    content: url("../img/banner-mask.svg");
    top: -1px;
    left: 40%;
    width: calc(768*2560px / 1920);
    width: calc(768*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .slider-banner__img::after {
        display: none;
    }
}

.banner {
    background: #FFF;
    padding: 100px 0;
}

.slider-banner__text-block {
    width: 56%;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    padding-left: calc(120*var(--width-multiplier));
    display: flex;
    justify-content: center;
    flex-direction: column;
}

@media (max-width: 1023px) {
    .slider-banner__text-block {
        position: static;
        width: 100%;
        padding: calc(30* var(--width-multiplier)) calc(20* var(--width-multiplier));
    }
}

.slider-banner__header {
    display: flex;
    margin-bottom: calc(32*2560px / 1920);
    margin-bottom: calc(32*var(--width-multiplier));
    align-items: center;
}

.slider-banner__type-name {
    font-family: "TT-Regular";
    font-weight: 400;

}

.slider-banner__type {
  font-family: "TT-Medium";
    color: #fff;
    font-size: calc(12*var(--width-multiplier));
    border-radius: calc(4*var(--width-multiplier));
    background-color: var(--red);
    padding: calc(9*var(--width-multiplier)) calc(64*var(--width-multiplier)) calc(8*var(--width-multiplier)) calc(16*var(--width-multiplier));
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-right: calc(16*var(--width-multiplier));
    letter-spacing: 2px;
    font-weight: 700;
}

@media (max-width: 1023px) {
    .slider-banner__type {
        padding-right: calc(16 * var(--width-multiplier));
    }

    .slider-banner__type-name {
        font-size: calc(14 * var(--width-multiplier));
    }
}

.slider-banner__title {
    color: var(--red);
    font-family: "TT-Medium";
    font-size: calc(40*2560px / 1920);
    font-size: calc(40*var(--width-multiplier));
    line-height: calc(44*2560px / 1920);
    line-height: calc(44*var(--width-multiplier));
}

@media (max-width: 767px) {
    .slider-banner__title {
        font-size:30px;
        line-height: 34px
    }
}

@media (max-width: 576px) {
    .slider-banner__title {
        font-size:22px;
        line-height: 28px
    }
}

.slider-banner__small-title {
    color: #fff;
    font-family: "TT-Medium";
    font-size: 34px;
    font-weight: 400;
    line-height: 33px;
    margin-bottom: 14px
}

@media (max-width: 1307px) {
    .slider-banner__small-title {
        font-size:30px;
        line-height: 30px
    }
}

@media (max-width: 991px) {
    .slider-banner__small-title {
        margin-bottom:12px
    }
}

@media (max-width: 767px) {
    .slider-banner__small-title {
        font-size:26px;
        line-height: 28px;
        margin-bottom: 10px
    }
}

@media (max-width: 576px) {
    .slider-banner__small-title {
        font-size:20px;
        line-height: 24px
    }
}

.slider-banner__subtitle {
    font-size: 24px;
    color: #fff;
    font-family: "TT-Regular";
    margin-bottom: 30px
}

@media (max-width: 767px) {
    .slider-banner__subtitle {
        font-size:20px;
        margin-bottom: 20px
    }
}

@media (max-width: 576px) {
    .slider-banner__subtitle {
        font-size:18px
    }
}

.slider-banner__desc {
    color: var(--textColor) ;
     font-family: "TT-Medium";
    font-size: calc(16*var(--width-multiplier));
    font-weight: 400;
    line-height: calc(20*var(--width-multiplier));
    margin-bottom: calc(40*var(--width-multiplier));
    margin-top: calc(20*var(--width-multiplier));
    padding-right: calc(160*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .slider-banner__desc {
        margin-bottom: 0;
        padding-right: 0;
    }
}

.slider-banner__footer {
    display: flex;
    align-items: center
}

@media (max-width: 1023px) {
    .slider-banner__footer {
        position: absolute;
        left: 50%;
        bottom: calc(30 * var(--width-multiplier));
        transform: translateX(-50%);
    }
}

.slider-banner__date{
    color: var(--red);

}
.slider-banner__date::before {
    content: "|";
    color: var(--textColor);
    margin: 0 calc(8*2560px / 1920);
    margin: 0 calc(8*var(--width-multiplier));
}

.slider-banner__date::after{
    content: "|";
    color: var(--textColor);
    margin: 0 calc(8*2560px / 1920);
    margin: 0 calc(8*var(--width-multiplier));
}

.slider-banner__time{
    font-family: "TT-Medium";
}

.slider-banner__date,.slider-banner__form input {
    font-family: "TT-Medium";
    font-size: calc(14*2560px / 1920);
    font-size: calc(14*var(--width-multiplier));
    font-weight: 400
}

@media (max-width: 576px) {
    .slider-banner__date {
        margin-left:14px
    }
}

.slider-banner__form {
    position: relative;
    padding-right: 80px;
    display: block;
    padding-top: 10px
}

@media (max-width: 1307px) {
    .slider-banner__form {
        padding-right:20px
    }
}

@media (max-width: 576px) {
    .slider-banner__form {
        padding-right:0
    }
}

.slider-banner {
    padding-top: calc(64*2560px / 1920);
    padding-top: calc(64*var(--width-multiplier));
    padding-bottom: calc(64*2560px / 1920);
    padding-bottom: calc(64*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .slider-banner {
        display: none;
    }

    .slider-banner-main {
        padding-bottom: 0;
        display: block;
    }
}

.slider-banner__form input {
    width: 100%;
    height: 56px;
    border-radius: 28px;
    border: 1px solid #5b5770;
    background: 0 0;
    color: #918ab4;
    padding-left: 20px;
    outline: 0
}

@media (max-width: 576px) {
    .slider-banner__form input {
        width:250px
    }
}

.slider-banner__form button {
    position: absolute;
    right: 80px;
    top: 10px
}

@media (max-width: 1307px) {
    .slider-banner__form button {
        right:20px;
        width: 190px
    }
}

@media (max-width: 576px) {
    .slider-banner__form button {
        position:relative;
        right: auto;
        width: 250px
    }
}

.slider-banner__lists {
    display: flex;
    flex-wrap: wrap
}

@media (max-width: 576px) {
    .slider-banner__lists {
        flex-direction:column
    }
}

.slider-banner__list {
    width: 38%;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px
}

@media (max-width: 1307px) {
    .slider-banner__list {
        font-size:15px
    }
}

@media (max-width: 576px) {
    .slider-banner__list {
        width:100%
    }
}

.slider-banner__list span {
    color: #918ab4
}

.slider-banner__dots {
    padding-top: 40px
}

.main-vacancies__btn {
    margin-top: 10px
}

.main-vacancies__tabs {
    display: flex;
    align-items: center;
    margin-bottom: 38px
}

@media (max-width: 576px) {
    .main-vacancies__tabs {
        justify-content:center
    }
}

.main-vacancies__tab {
    font-family: "TT Moscow Economy - Md";
    font-size: 36px;
    font-weight: 400;
    line-height: 42px;
    text-transform: uppercase;
    color: #4a4c57;
    transition: .2s all ease-out;
    margin-right: 36px;
    cursor: pointer
}

@media (max-width: 1307px) {
    .main-vacancies__tab {
        font-size:28px
    }
}

@media (max-width: 767px) {
    .main-vacancies__tab {
        font-size:24px;
        margin-right: 20px;
        line-height: 30px
    }
}

@media (max-width: 576px) {
    .main-vacancies__tab {
        font-size:20px;
        margin-right: 5px;
        margin-left: 5px
    }
}

.main-vacancies__tab:hover {
    color: #d00e46
}

.main-vacancies__tab::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #d00e46;
    opacity: 0;
    transition: .2s all ease-out
}

.main-vacancies__tab--active {
    color: #ea114a
}

.main-vacancies__tab--active::after {
    opacity: 1
}

.residents-projects__title {
    font-family: "TT-Medium";
    text-transform: uppercase;
    font-size: calc(36*2560px / 1920);
    font-size: calc(36*var(--width-multiplier));
    line-height: calc(40*2560px / 1920);
    line-height: calc(40*var(--width-multiplier));
    margin-bottom: calc(80*2560px / 1920);
    margin-bottom: calc(80*var(--width-multiplier));
    padding-bottom: calc(13*2560px / 1920);
    padding-bottom: calc(13*var(--width-multiplier));
    position: relative;
    text-align: left;
    color: var(--textColor);
}

@media (max-width: 1023px) {
    .residents-projects__title {
        text-align: center;
        font-size: calc(24*2560px / 1920);
        font-size: calc(24*var(--width-multiplier));
        margin-bottom: calc(45*2560px / 1920);
        margin-bottom: calc(45*var(--width-multiplier));
        padding-bottom: 2px;
        line-height: 1;
    }
}

.residents-projects__title::after {
    content: "";
    display: block;
    position: absolute;
    width: calc(35*2560px / 1920);
    width: calc(35*var(--width-multiplier));
    height: calc(5*2560px / 1920);
    height: calc(5*var(--width-multiplier));
    background-color: var(--red);
    left: 0;
    bottom: calc(-20*2560px / 1920);
    bottom: calc(-20*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .residents-projects__title::after {
        width: calc(30*2560px / 1920);
        width: calc(30*var(--width-multiplier));
        left: 50%;
        transform: translateX(-50%);
    }
}

.residents-projects__lines {
    position: absolute;
    width: calc(512*2560px / 1920);
    width: calc(512*var(--width-multiplier));
    right: 0;
    top: calc(96*2560px / 1920);
    top: calc(96*var(--width-multiplier));
}

.residents-projects__title::before {
    content: "";
    display: block;
    position: absolute;
    width: calc(231*2560px / 1920);
    width: calc(231*var(--width-multiplier));
    height: 1px;
    background-color: var(--red);
    left: 0;
    bottom: calc(-18*2560px / 1920);
    bottom: calc(-18*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .residents-projects__title::before {
        width: calc(180*2560px / 1920);
        width: calc(180*var(--width-multiplier));
        left: 50%;
        transform: translateX(-50%);
    }
}

.residents-projects__title--red {
    color: var(--red)
}

@media (max-width: 767px) {
    .residents-projects__title--red {
        margin-bottom:30px
    }
}

.for-residents__dots ul li button,.main-news__dots ul li button,.residents-projects__title--red::after,.residents__dots ul li button, .tax-preferences__dots ul li button, .people__dots ul li button, .slider-gallery-tsentr__dots ul li button {
    display: none
}

.no-border {
    border: none;
}

.residents-projects__separator {
    width: 35px;
    height: 3px;
    background-color: var(--red)
}

.residents-projects {
    position: relative;
    padding-top: calc(128*2560px / 1920);
    padding-top: calc(128*var(--width-multiplier));
    padding-bottom: calc(96*2560px / 1920);
    padding-bottom: calc(96*var(--width-multiplier));
    -webkit-box-shadow: 0 calc(-27*2560px / 1920) calc(29*2560px / 1920) calc(-5*2560px / 1920) rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 calc(-27*var(--width-multiplier)) calc(29*var(--width-multiplier)) calc(-5*var(--width-multiplier)) rgba(0,0,0,0.2);
    -moz-box-shadow: 0 calc(-27*2560px / 1920) calc(29*2560px / 1920) calc(-5*2560px / 1920) rgba(0,0,0,0.2);
    -moz-box-shadow: 0 calc(-27*var(--width-multiplier)) calc(29*var(--width-multiplier)) calc(-5*var(--width-multiplier)) rgba(0,0,0,0.2);
    box-shadow: 0 calc(-27*2560px / 1920) calc(29*2560px / 1920) calc(-5*2560px / 1920) rgba(0,0,0,0.2);
    box-shadow: 0 calc(-27*var(--width-multiplier)) calc(29*var(--width-multiplier)) calc(-5*var(--width-multiplier)) rgba(0,0,0,0.2);
}

@media (max-width: 1023px) {
    .residents-projects {
        padding-top: calc(50*2560px / 1920);
        padding-top: calc(50*var(--width-multiplier));
        padding-bottom: calc(5*2560px / 1920);
        padding-bottom: calc(5*var(--width-multiplier));
    }
}

.main-shadow {
    -webkit-box-shadow: 0 calc(-27*2560px / 1920) calc(29*2560px / 1920) calc(-5*2560px / 1920) rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 calc(-27*var(--width-multiplier)) calc(29*var(--width-multiplier)) calc(-5*var(--width-multiplier)) rgba(0,0,0,0.2);
    -moz-box-shadow: 0 calc(-27*2560px / 1920) calc(29*2560px / 1920) calc(-5*2560px / 1920) rgba(0,0,0,0.2);
    -moz-box-shadow: 0 calc(-27*var(--width-multiplier)) calc(29*var(--width-multiplier)) calc(-5*var(--width-multiplier)) rgba(0,0,0,0.2);
    box-shadow: 0 calc(-27*2560px / 1920) calc(29*2560px / 1920) calc(-5*2560px / 1920) rgba(0,0,0,0.2);
    box-shadow: 0 calc(-27*var(--width-multiplier)) calc(29*var(--width-multiplier)) calc(-5*var(--width-multiplier)) rgba(0,0,0,0.2);
}

.residents-projects__images-wrapper {
    position: absolute;
    top: calc(-128*2560px / 1920);
    top: calc(-128*var(--width-multiplier));
    right: 0;
}

@media (max-width: 1023px) {
    .residents-projects__images-wrapper {
        display: none;
    }
}

.residents-projects__images-wrapper div {
    position: absolute;
}

.residents-projects__image--first{
    width: calc(480*2560px / 1920);
    width: calc(480*var(--width-multiplier));
    mask-image: url("../img/fon_img_gl_L.svg");
    mask-repeat: no-repeat;
    -webkit-mask-image: url("../img/fon_img_gl_L.svg");
    -webkit-mask-repeat: no-repeat;
    top: 0;
    right: 0;
    z-index: 1;
}

.residents-projects__image--first img {
    border-bottom-right-radius: calc(48*2560px / 1920);
    border-bottom-right-radius: calc(48*var(--width-multiplier));
}

.residents-projects__image--second {
    border-top-left-radius: 1rem;
    top: calc(256*2560px / 1920);
    top: calc(256*var(--width-multiplier));
    right: calc(208*2560px / 1920);
    right: calc(208*var(--width-multiplier));
    width: calc(352*2560px / 1920);
    width: calc(352*var(--width-multiplier));
    mask-image: url("../img/pl_img_L_01.svg");
    -webkit-mask-image: url("../img/pl_img_L_01.svg");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
}

.residents-projects__image--second img {
    border-radius: 1rem;
}

.residents-projects__left {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
    position: relative;
    height: 85%;
}

@media (max-width: 991px) {
    .residents-projects__left {
        margin-bottom:40px;
        height: auto
    }
}

.residents-projects__left-img {
    position: absolute;
    left: 0;
    bottom: 0
}

.residents-projects__left-img img {
    display: block
}

@media (max-width: 1307px) {
    .residents-projects__left-img {
        width:200px;
        height: 100%
    }

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

@media (max-width: 991px) {
    .residents-projects__left-img {
        width:468px
    }
}

@media (max-width: 767px) {
    .residents-projects__left-img {
        width:340px
    }
}

@media (max-width: 576px) {
    .residents-projects__left-img {
        width:50%
    }
}

.residents-projects__item {
    text-align: right;
    margin-top: 15px
}

.residents-projects__item-title {
    color: #d00e46;
    font-family: "TT Moscow Economy - Md";
    font-size: 48px;
    line-height: 48px
}

@media (max-width: 576px) {
    .residents-projects__item-title {
        font-size:30px;
        line-height: 38px
    }
}

.residents-projects__item-desc {
    font-size: 20px;
    line-height: 24px;
    font-family: "TT Moscow Economy - Rg";
    color: #d00e46
}

.residents-projects__item-img {
    border: 5px solid #fff;
    z-index: 2;
    position: relative;
    margin: 30px 0;
    width: 282px;
    height: 195px
}

.residents-projects__item-img img,.second-header__img img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.main-news {
    background-color: #FFF;
    /*padding-top: calc(112*2560px / 1920);
    padding-top: calc(112*var(--width-multiplier));*/
    padding: calc(80* var(--width-multiplier)) 0;
    -webkit-box-shadow: 0 calc(-27*2560px / 1920) calc(29*2560px / 1920) calc(-5*2560px / 1920) rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 calc(-27*var(--width-multiplier)) calc(29*var(--width-multiplier)) calc(-5*var(--width-multiplier)) rgba(0,0,0,0.2);
    -moz-box-shadow: 0 calc(-27*2560px / 1920) calc(29*2560px / 1920) calc(-5*2560px / 1920) rgba(0,0,0,0.2);
    -moz-box-shadow: 0 calc(-27*var(--width-multiplier)) calc(29*var(--width-multiplier)) calc(-5*var(--width-multiplier)) rgba(0,0,0,0.2);
    box-shadow: 0 calc(-27*2560px / 1920) calc(29*2560px / 1920) calc(-5*2560px / 1920) rgba(0,0,0,0.2);
    box-shadow: 0 calc(-27*var(--width-multiplier)) calc(29*var(--width-multiplier)) calc(-5*var(--width-multiplier)) rgba(0,0,0,0.2);

}

@media (max-width: 1023px) {
    .main-news {
        padding-bottom: calc(50*2560px / 1920);
        padding-bottom: calc(50*var(--width-multiplier));
        padding-top: calc(40*2560px / 1920);
        padding-top: calc(40*var(--width-multiplier));
    }
}

.main-news .slick-slide {
    margin: 0 calc(15*2560px / 1920);
    margin: 0 calc(15*var(--width-multiplier));
}

.main-news .slick-list {
    margin: 0 calc(-15*2560px / 1920);
    margin: 0 calc(-15*var(--width-multiplier));
}

.main-news__dots.slick-dots {
    bottom: calc(20*2560px / 1920);
    bottom: calc(20*var(--width-multiplier));
}

.main-news__btn {
    position: absolute;
    right: 0;
    top: 35px
}

@media (max-width: 991px) {
    .main-news__btn {
        position:relative;
        top: 0;
        right: auto
    }

    .main-news__btn--desctop {
        display: none
    }

    .main-news__btn--mobile {
        display: flex;
        margin-top: 30px
    }
}

.main-news--white {
    padding-top: 0;
    margin-bottom: 0;
    background: #fff;
    padding-bottom: 130px
}

@media (max-width: 991px) {
    .main-news--white {
        padding-bottom:100px
    }
}

@media (max-width: 767px) {
    .main-news--white {
        padding-bottom:80px
    }
}

@media (max-width: 576px) {
    .main-news--white {
        padding-bottom:60px
    }
}

.residents {
    overflow: hidden
}

.residents .slick-arrow {
    font-size: 0;
    border: calc(8*2560px / 1920) solid transparent;
    border: calc(8*var(--width-multiplier)) solid transparent;
    cursor: pointer;
    position: absolute;
    transform: translateY(-50%);
    top: 50%
}

.residents .slick-prev {
    left: -46px;
    border-right: 14px solid #2b2c31
}

.residents .slick-prev:hover {
    border-right: 14px solid #d00e46
}

.residents .slick-next {
    right: -46px;
    border-left: 14px solid #2b2c31
}

.residents .slick-next:hover {
    border-left: 14px solid #d00e46
}

.residents .slick-slide {
    margin: 0 calc(15*2560px / 1920);
    margin: 0 calc(15*var(--width-multiplier));
}

.residents .slick-list {
    margin: 0 calc(-15*2560px / 1920);
    margin: 0 calc(-15*var(--width-multiplier));
}

.residents__dots {
    padding-top: calc(40*2560px / 1920);
    padding-top: calc(40*var(--width-multiplier));
}

.for-residents {
    overflow: hidden
}

.for-residents .slick-arrow {
    font-size: 0;
    background: 0 0;
    border: 8px solid transparent;
    cursor: pointer;
    position: absolute;
    transform: translateY(-50%);
    top: 50%
}

.for-residents .slick-prev {
    left: -46px;
    border-right: 14px solid #2b2c31
}

.for-residents .slick-prev:hover {
    border-right: 14px solid #d00e46
}

.for-residents .slick-next {
    right: -46px;
    border-left: 14px solid #2b2c31
}

.for-residents .slick-next:hover {
    border-left: 14px solid #d00e46
}

.for-residents .slick-slide {
    margin: 0 15px
}

.for-residents .slick-list {
    margin: 0 -15px
}

.for-residents__dots {
    padding-top: 40px
}

.main {
  font-family:Arial;
  width:600px;
  display:block;
  margin:0 auto;
}
.slider-for .slick-arrow {
cursor: pointer;
position: absolute;
}
.slider-for .slick-prev {
top: 30%;
position: absolute;
left: -47%;
background: transparent;
background-image: url('../img/arrow_gr_lev.svg');
background-repeat: no-repeat;
width: 7rem;
height: 7rem;
}
.slider-for .slick-prev:hover {
background-image: url('../img/arrow_red_lev_active.svg');
background-repeat: no-repeat;
cursor: pointer;
}
.slider-for .slick-next {
top: 30%;
position: absolute;
right: -52%;
background: transparent;
width: 7rem;
height: 7rem;
background-image: url('../img/arrow_gr_right.svg');
background-repeat: no-repeat;
}
.slider-for .slides__for p {
    text-align: center;
}
.slider-for .slick-next:hover {
background-image: url('../img/arrow_red_right_active.svg');
background-repeat: no-repeat;
cursor: pointer;
}
.slider-nav ul {
margin: 0;
margin-top: 40px;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
list-style: none;
}
.slider-nav ul li {
width: 6px;
height: 6px;
border-radius: 3px;
background-color: #8590a6;
cursor: pointer;
transition: .2s all ease-out;
margin: 0 3px;
}
.slider-nav ul .slick-active {
    background: var(--red);
    width: 28px;
}
.slider-nav ul li button {
    display: none;
}
.slider-nav {
    width: 50%;
    margin: 60px auto;
}
.slider-nav .slides {
    width: 60px;
    height: 80px;
    border-radius: 10px;
    display: block;
    margin: 0px 10px;
}
.action{
  display:block;
  margin:100px auto;
  width:100%;
  text-align:center;
}
.action a {
  display:inline-block;
  padding:5px 10px;
  background:#f30;
  color:#fff;
  text-decoration:none;
}
.action a:hover{
  background:#000;
}
.preim__img {
    position: absolute;
    right: 0px;
    top: -100px;
    width: 450px;
}
.drop-down {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: fit-content;
    min-width: 190px;
}

.drop-down .headers {
    display: flex;
    flex-direction: row;
    border: none;
    outline: none;
    border-bottom: 1px solid var(--grayBg);
    font-family: 'TT-Regular';
    font-size: 16px;
    padding-bottom: 5px;
    color: var(--grayBg);
    height: 2rem;
    width: 100%;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.drop-down .headers .filter_selected {
    width: 100%;
    font-family: 'TT-Regular';
    font-size: 16px;
    padding-bottom: 5px;
    color: var(--textGray);
    opacity: 1;
    text-align: left;
}

.drop-down .headers i {
    background: url("../img/up.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 16px;
    height: 10px;
    color: var(--textGray);
    transition: transform .5s;
}
.drop-down .headers i.opened {
    transform: rotate(180deg);
    transition: transform .5s;
}
.drop-down .headers.opened {
     border-bottom: 1px solid var(--red);
}
.drop-down .headers:hover {
    border-bottom: 1px solid var(--red);
}
.drop-down .headers:active {
    border-bottom: 1px solid var(--red);
}
.drop-down .headers:focus {
    border-bottom: 1px solid var(--red);
}

.drop-down .filters {
    position: absolute;
    top: 3rem;
    display: flex;
    flex-direction: column;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
    justify-content: center;
    border-radius: 10px;
    width: 100%;
       font-family: 'TT-Regular';
    overflow: hidden;
    z-index: 9999;
    background: #fff;
}

.drop-down .filters .filter {
    padding: .5rem;
    text-align: left;
}

.drop-down .filters .filter:hover {
    background-color: var(--main-color);
    color: var(--red);
       font-family: 'TT-Regular';
}
.drop-down .filters .filter.selected {
    background-color: var(--main-color);
    color: var(--red);
    font-weight: bold;
       font-family: 'TT-Regular';
       text-align: left;
}

.tax-preferences {
    overflow: hidden;
    padding: calc(80*var(--width-multiplier)) 0;
    background-color: var(--grayBg);
    -webkit-box-shadow: 0 calc(-27*var(--width-multiplier)) calc(29*var(--width-multiplier)) calc(-5*var(--width-multiplier)) rgba(0,0,0,0.2);
    -moz-box-shadow: 0 calc(-27*var(--width-multiplier)) calc(29*var(--width-multiplier)) calc(-5*var(--width-multiplier)) rgba(0,0,0,0.2);
    box-shadow: 0 calc(-27*var(--width-multiplier)) calc(29*var(--width-multiplier)) calc(-5*var(--width-multiplier)) rgba(0,0,0,0.2);
}

@media (max-width: 1023px) {
    .tax-preferences {
        padding: calc(60*var(--width-multiplier)) 0;
    }

    .tax-preferences .main-title__subtitle {
        max-width: calc(220*var(--width-multiplier));
        margin-left: auto;
        margin-right: auto;
    }
}

.contact-preferences {
    overflow: hidden;
    padding-top: 5rem;
    background-color: #FFFFFF;
    margin-top: 120px;
    padding-bottom: 40px;
    -webkit-box-shadow: 0 calc(-27*var(--width-multiplier)) calc(29*var(--width-multiplier)) calc(-5*var(--width-multiplier)) rgba(0,0,0,0.2);
    -moz-box-shadow: 0 calc(-27*var(--width-multiplier)) calc(29*var(--width-multiplier)) calc(-5*var(--width-multiplier)) rgba(0,0,0,0.2);
    box-shadow: 0 calc(-27*var(--width-multiplier)) calc(29*var(--width-multiplier)) calc(-5*var(--width-multiplier)) rgba(0,0,0,0.2);
    margin-top: 120px;
}

.contact-preferences .contact__form textarea {
    height: calc(226* var(--width-multiplier));
    font-size: calc(18* var(--width-multiplier));
    border-radius: calc(15* var(--width-multiplier));
    padding: calc(24* var(--width-multiplier));
    margin-bottom: calc(20* var(--width-multiplier));
    resize: none;
    border: 1px solid #C9C9C9;
    width: 100%;
}

.contact-preferencess {
        overflow: hidden;
    padding-top: 5rem;
    background-color: #FFFFFF;
    margin-top: 120px;
    padding-bottom: 40px;
margin-top: 0px;
}
.contact-preferences .main-title__descr {
    text-transform: unset;
    color: var(--textColor);
    font-family: "TT-Medium";
    font-size: 20px;
    font-weight: 400;
    line-height: 34px;
    margin-top: 10px;
}
.contact__info {
    text-transform: unset;
    color: var(--textGray);
    font-family: "TT-Regular";
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}.wrapper  {
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin: 60px auto;
    width: 70%;
    align-items: center;
    text-align: center;
}
.container-ser {
    max-width: 920px;
    margin: 0 auto;
}
.wrapper .tab  {
     color: red; background: transparent;
     border: 1px solid var(--textGray);;
    color: var(--textColor);width: calc(260 * var(--width-multiplier));
    height: calc(56 * var(--width-multiplier));border-radius: 8px;
    justify-content: center;
    text-align: center;
    margin: 0px calc(10 * var(--width-multiplier));
    font-family: 'TT-Medium';
    align-items: center;
padding: calc(16 * var(--width-multiplier));
cursor: pointer;
}
.wrapper .tab:hover {
    color: red; background: var(--red);border: 1px solid var(--red);;
color: #fff;width: 260px;
height: 56px;border-radius: 8px;
justify-content: center;
text-align: center;
}
.wrapper .active { color: red; background: var(--red);border: 1px solid var(--red);;
color: #fff;width: calc(260 * var(--width-multiplier));
height: calc(56 * var(--width-multiplier));border-radius: 8px;
justify-content: center;
text-align: center;}

.tab_item { display: none; }
.tab_item:first-child { display: block; }
.form__contact {
    display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
    margin-top: 60px;
}
.form__group {
    width: 41%;
    margin-bottom: 35px;
}
.form__contact .btn--form{
    flex-direction: column;
    align-items: center;
}
.form__control{
    border: none;
    outline: none;
    border-bottom: 1px solid var(--grayBg);
    font-family: 'TT-Regular';
    font-size: 16px;
    padding-bottom: 5px;
    width: 100%;
}
.form__control:hover {
    border-bottom: 1px solid var(--red);
}
.btn--form {
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 40px;
    display: flex;
    justify-content: center;
     position: relative;
    z-index: 1;
}
.btn--form .btn--center-red {
    margin-top: 0px;
    background: var(--textColor);
    position: relative;
    z-index: 1;
}
.btn--form .btn--center-red:hover {
    background: var(--red);
}
.photo-preferences {
    overflow: hidden;
    padding-top: 5rem;
    background-color: #FFFFFF;
    margin-top: 40px;
    padding-bottom: 20px;
}
.services-preferences {
    overflow: hidden;
    padding-top: 5rem;
    background-color: #FFFFFF;
    margin-top: 40px;
    padding-bottom: 80px;
}

.tax-preferences__slider {
    padding-bottom: calc(30*2560px / 1920);
    padding-bottom: calc(30*var(--width-multiplier));
}

.button--is-hide {
    display: none !important;
}

@media (max-width: 1023px) {
    .tax-preferences__slider {
        margin: 0 calc(-20*2560px / 1920);
        margin: 0 calc(-20*var(--width-multiplier));
    }
}

.tax-preferences__slider .slick-arrow {
cursor: pointer;
position: absolute;
}

.tax-preferences__slider .prev-arrow {
    top: 30%;
    position: absolute;
    left: -7%;
    background: transparent;
    background-image: url('../img/arrow_gr_lev.svg');
    background-repeat: no-repeat;
    width: calc(112*2560px / 1920);
    width: calc(112*var(--width-multiplier));
    height: calc(112*2560px / 1920);
    height: calc(112*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .tax-preferences__slider .prev-arrow {
        display: none !important;
    }

    .contact-preferences .contact__form textarea {
        font-size: calc(16* var(--width-multiplier));
        padding: calc(15* var(--width-multiplier));
        margin-top: calc(10 * var(--width-multiplier));
        margin-bottom: 0;
    }

    .contact-preferences .contact__form {
        max-width: calc(325 * var(--width-multiplier));
    }
}

.tax-preferences__slider.prev-arrow:hover {
background-image: url('../img/arrow_red_lev_active.svg');
cursor: pointer;
}

.tax-preferences__slider .next-arrow {
    top: 30%;
    position: absolute;
    right: -11%;
    background: transparent;
    width: calc(112*2560px / 1920);
    width: calc(112*var(--width-multiplier));
    height: calc(112*2560px / 1920);
    height: calc(112*var(--width-multiplier));
    background-image: url('../img/arrow_gr_right.svg');
    background-repeat: no-repeat;
    cursor: pointer;
}

@media (max-width: 1023px) {
    .tax-preferences__slider .next-arrow {
        display: none !important;
    }
}

.tax-preferences__slider .next-arrow:hover {
    background-image: url('../img/arrow_red_right_active.svg');
}

.tax-preferences__slider {
    position: relative;
}

.tax-preferences__slider::before {
    content: "";
    position: absolute;
    left: calc(-15*2560px / 1920);
    left: calc(-15*var(--width-multiplier));
    top: 0;
    z-index: 1;
    width: calc(20*2560px / 1920);
    width: calc(20*var(--width-multiplier));
    height: 100%;
    background-color: var(--grayBg);
}

.tax-preferences__slider::after {
    content: "";
    position: absolute;
    right: calc(-15*2560px / 1920);
    right: calc(-15*var(--width-multiplier));
    top: 0;
    z-index: 1;
    width: calc(20*2560px / 1920);
    width: calc(20*var(--width-multiplier));
    height: 100%;
    background-color: var(--grayBg);
}

.tax-preferences .slick-slide {
    position: relative;
    padding: 0 calc(15*2560px / 1920);
    padding: 0 calc(15*var(--width-multiplier));
    overflow: visible;
}

.tax-preferences .slick-slide::after {
    content: "+";
    position: absolute;
    right: calc(-20*2560px / 1920);
    right: calc(-20*var(--width-multiplier));
    top: 50%;
    margin-top: calc(-10*2560px / 1920);
    margin-top: calc(-10*var(--width-multiplier));
    font-weight: 500;
    font-size: calc(70*2560px / 1920);
    font-size: calc(70*var(--width-multiplier));
    transform: translateY(-50%);
}

@media (max-width: 1023px) {
    .tax-preferences .slick-slide::after {
        right: calc(15*2560px / 1920);
        right: calc(15*var(--width-multiplier));
    }
}

.tax-preferences .slick-list {
    margin: 0 calc(-15*2560px / 1920);
    margin: 0 calc(-15*var(--width-multiplier));
}

.tax-preferences__card-wrapper{
    display: flex;
    align-items: center;
    justify-content: center;
}

.main-map-section {
    overflow: hidden;
    z-index: 1;
    position: relative
}

/*afisha*/

.smi__title {
color: #D00E46;
font-family: "TT-Medium";
font-weight: 500;
font-size: 48px;
line-height: 56px;
margin-bottom: 60px;
}
.smi__title span {
    color: var(--textColor)
}
.smi__buttons {
    position: relative;
    display: flex;
    z-index: 100;
}
.smi__buttons .btn:not(:last-child) {
    margin-right: calc(40*var(--width-multiplier));
}
@media (max-width: 1023px) {
    .smi__buttons {
        display: flex;
        flex-direction: column;
        margin-bottom: calc(40*var(--width-multiplier));
    }
    .smi__buttons .btn:not(:last-child) {
        margin-right: 0;
    }

    .smi__buttons .open-news-modal {
        margin-bottom: calc(20*var(--width-multiplier));
    }
}
.selects {
    margin-bottom: 60px;
}
.selects select {
background-color: transparent;
border: unset;
border-bottom: 1px solid #c4c3c8;
border-radius: 0px;
font-family: "TT-Regular";
cursor: pointer;
outline: none;
}
.selects select:hover {
    border-bottom: 1px solid var(--red);
}
.selects select:selected {
    border-bottom: 1px solid var(--red);
}
.selects select:focus {
    border-bottom: 1px solid var(--red);
}
select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("../img/up.png");
  background-repeat: no-repeat;
  background-size: 20px 10px;
  font-family: "TT-Regular";
  background-position-x: calc(100% - 5px);
  background-position-y: calc(100% - 10px);
  color: #929292;
  padding-bottom: 7px;
}
.date-select {
max-width: 200px;
width: 100%;
}
.search {
  display: flex;
  width: 100%;
  position: relative;
  max-width: 318px;
}

.search svg {
  position: absolute;
  right: 0;
}

.search input {
  background-color: transparent;
  border: unset;
  border-bottom: 1px solid #c4c3c8;
  width: 100%;
  color: #929292;
  outline: none;
  font-family: "TT-Regular";
}
.search input:hover {
border-bottom: 1px solid var(--red);
}
.search input:focus {
border-bottom: 1px solid var(--red);
}
.search__icon {
  width: 20px;
  height: 20px;
}

.selects {
    display: grid;
    grid-template-columns: 17% 25% 25% 35%;
    width: 100%;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 60px;
}

.afisha__item {
    display: flex;
    flex-direction: row;
    width: 47%;
    background: #FFF;
    border-radius: 12px;
    box-shadow: 0px 0px 25px #b4b4b4;
    height: 300px;
    margin-right: 35px;
    margin-bottom: 60px;
    margin-left: 0px;
    height: auto;
}
.afisha__item:nth-of-type(2n) {
    margin-right: 0xp;
}
.afisha__item:hover {
    background: var(--grayBg);
    cursor: pointer;
}
.afisha__item-l {
    width: 30%;
}
.afisha__item-l-image {
    height: calc(100% - 90px);
}
.afisha__item-l-date {
    background: var(--red);
    height: 90px;
    display: flex;
    flex-direction: column;
    border-bottom-left-radius: 12px;
    align-items: center;
    justify-content: center;
    font-family: 'TT-Regular';
    font-size: 16px;
    color: #FFFFFF;
}
.afisha__item-l-date span {
    font-family: 'TT-Medium';
    font-size: 36px;
    color: #FFFFFF;
    margin-bottom: -10px;
}
.afisha__item-l-image img {
    display: block;
    height: 260px;
    object-fit: cover;
    border-bottom-left-radius: 12px;
}
.afisha__item-r {
    width: 70%;
    padding: 20px 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.afisha__item-r-top {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--lightGray);
    padding-bottom: 10px;
}
.afisha__item-r-time {
    font-family: 'TT-Medium';
    font-size: 30px;
    color: var(--red);
    margin-bottom: -10px;
}
.afisha__item-r-tag {
    color: #929292;
  font-family: 'TT-Regular';
font-weight: 300;
letter-spacing: 0.5px;
font-size: 14px;
}
.afisha__item-r-title {
    color: #393649;
font-family: "TT-Medium";
font-size: 21px;
font-weight: 400;
line-height: 27px;
min-height: 38px;
transition: .2s all ease-out;
margin-bottom: 0px;
margin-top: 0px;
}
.afisha__item-r-text {
    color: var(--textGray);

font-size: .8rem;
font-family: "TT-Regular";
min-height: 100px;
padding-right: 100px;
}
.afisha__item-r-bottom {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.afisha__item-r-adres {
        color: var(--red);

font-size: .8rem;
font-family: "TT-Medium";
}
.afisha__item-r-link a{
            color: var(--textGray);

font-size: .8rem;
font-family: "TT-Medium";
text-decoration: underline;
}
.afisha__item-r-link a:hover {
    color: var(--red);
}
.afisha__item:nth-of-type(2) .afisha__item-l-date{
    background: #2ed27f;
}
.afisha__item:nth-of-type(2) .afisha__item-r-time{
    color: #2ed27f;
}
.afisha__item:nth-of-type(2) .afisha__item-r-adres{
    color: #2ed27f;
}
.afisha__item:nth-of-type(3) .afisha__item-l-date{
    background: #e69419;
}
.afisha__item:nth-of-type(3) .afisha__item-r-time{
    color: #e69419;
}
.afisha__item:nth-of-type(3) .afisha__item-r-adres{
    color: #e69419;
}
/* .main-map-section::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 38px;
    left: 0;
    width: 104%;
    height: 260px;
    background: linear-gradient(to top left,#393649 50%,transparent 51%);
    z-index: -1
} */

@media (max-width: 1307px) {
    .main-map-section::after {
        height:110px
    }
}

@media (max-width: 991px) {
    .main-map-section::after {
        height:60px
    }
}

@media (max-width: 767px) {
    .main-map-section::after {
        display:none
    }
}

.main-map-section__desktop-map {
    @media (max-width: 1023px) {
        display: none !important;
    }
}

.main-map-section__mobile-map {
    @media (min-width: 1024px) {
        display: none !important;
    }
}

.main-map-section__map img {
    max-width: calc(1196 * var(--width-multiplier));
    position: absolute;
    left: calc(68*2560px / 1920);
    left: calc(68*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .main-map-section__map img {
        max-width: 120%;
        top: 0;
        left: calc(-25*2560px / 1920);
        left: calc(-25*var(--width-multiplier));
        height: 100%;
    }
}

.main-map-section__map {
    padding-bottom: calc(60*2560px / 1920);
    padding-bottom: calc(60*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .main-map-section__map {
        padding-bottom: calc(260*2560px / 1920);
        padding-bottom: calc(260*var(--width-multiplier));
    }
}

/* @media (max-width: 1307px) {
    .main-map-section__map {
        background-size:1500px
    }
}

@media (max-width: 991px) {
    .main-map-section__map {
        background-size:1170px
    }
}

@media (max-width: 767px) {
    .main-map-section__map {
        background-size:138%;
        background: 0 0
    }
} */

.main-map-section__wrapper {
    height: calc(640*2560px / 1920);
    height: calc(640*var(--width-multiplier));
    position: relative;
}

@media (max-width: 1023px) {
    .main-map-section__wrapper {
        height: calc(233*2560px / 1920);
        height: calc(233*var(--width-multiplier));
    }
}

.main-map-section__desc p,.main-map-section__map-item {
    color: white;
    font-family: "TT Moscow Economy - Md";
    font-weight: 400;
}

.main-map-section__map-item {
    position: absolute;
    font-size: 14px;
    height: 22px;
    background-image: linear-gradient(-185deg,#737373 0,#111 100%);
    padding: 0 23px 0 10px;
    display: flex;
    align-items: center;
    border-radius: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transition: .2s all ease-out
}

@media (max-width: 767px) {
    .main-map-section__map-item {
        display:none
    }
}

.main-map-section__map-item:hover {
    color: #d00e46
}

.main-map-section__map-item::after {
    content: "";
    display: block;
    position: absolute;
    right: -3px;
    top: 0;
    background: url(../img/map-section-icon.png) no-repeat center;
    width: 26px;
    height: 37px
}

.main-map-section__map-item--reverse {
    padding: 0 10px 0 23px
}

.main-map-section__map-item--reverse::after {
    right: auto;
    left: -3px
}

.main-map-section__map-item--item-1 {
    left: 27px;
    top: 8px
}

@media (max-width: 1307px) {
    .main-map-section__map-item--item-1 {
        left:8px;
        top: 0
    }
}

@media (max-width: 991px) {
    .main-map-section__map-item--item-1 {
        left:-14px
    }
}

.main-map-section__map-item--item-2 {
    left: 58px;
    top: 62px
}

@media (max-width: 1307px) {
    .main-map-section__map-item--item-2 {
        left:18px;
        top: 42px
    }
}

@media (max-width: 991px) {
    .main-map-section__map-item--item-2 {
        top:34px;
        left: 45px;
        padding: 0 10px 0 23px
    }

    .main-map-section__map-item--item-2::after {
        right: auto;
        left: -3px
    }
}

.main-map-section__map-item--item-3 {
    left: 292px;
    top: 74px
}

@media (max-width: 1307px) {
    .main-map-section__map-item--item-3 {
        left:203px;
        top: 50px
    }
}

@media (max-width: 991px) {
    .main-map-section__map-item--item-3 {
        top:40px;
        left: 182px;
        padding: 0 10px 0 23px
    }

    .main-map-section__map-item--item-3::after {
        right: auto;
        left: -3px
    }
}

.main-map-section__map-item--item-4 {
    left: 392px;
    top: 38px
}

@media (max-width: 1307px) {
    .main-map-section__map-item--item-4 {
        top:23px;
        left: 278px
    }
}

@media (max-width: 991px) {
    .main-map-section__map-item--item-4 {
        top:18px;
        left: 256px;
        padding: 0 10px 0 23px
    }

    .main-map-section__map-item--item-4::after {
        right: auto;
        left: -3px
    }
}

.main-map-section__map-item--item-5 {
    left: 757px;
    top: 246px
}

@media (max-width: 1307px) {
    .main-map-section__map-item--item-5 {
        left:562px;
        top: 185px
    }
}

@media (max-width: 991px) {
    .main-map-section__map-item--item-5 {
        left:398px;
        top: 145px
    }
}

.main-map-section__map-item--item-6 {
    left: 1038px;
    top: 202px
}

@media (max-width: 1307px) {
    .main-map-section__map-item--item-6 {
        top:150px;
        left: 784px
    }
}

@media (max-width: 991px) {
    .main-map-section__map-item--item-6 {
        top:118px;
        left: 576px
    }
}

.prev-arrow {
    top: 30%;
    position: absolute;
    left: -15%;
    background: transparent;
    background-image: url('/local/templates/technopolis/img/arrow_gr_lev.svg');
    background-repeat: no-repeat ;
    width: calc(112*2560px / 1920);
    width: calc(112*var(--width-multiplier));
    height: calc(112*2560px / 1920);
    height: calc(112*var(--width-multiplier));
    background-position: 50% 50%;
    cursor: pointer;
}

.prev-arrow:hover {
    background-image: url('/local/templates/technopolis/img/arrow_red_lev_active.svg');
    cursor: pointer;
}

.next-arrow {
    top: 30%;
    position: absolute;
    right: -15%;
    background: transparent;
    width: calc(112*2560px / 1920);
    width: calc(112*var(--width-multiplier));
    height: calc(112*2560px / 1920);
    height: calc(112*var(--width-multiplier));
    background-image: url('/local/templates/technopolis/img/arrow_gr_right.svg');
    background-repeat: no-repeat ;
    background-position: 50% 50%;
    cursor: pointer;
}
.next-arrow:hover{
    background-image: url('/local/templates/technopolis/img/arrow_red_right_active.svg');
}

.main-map-section__desc {
    background: var(--textColor);
    position: absolute;
    border-radius: calc(10*2560px / 1920);
    border-radius: calc(10*var(--width-multiplier));
    padding: calc(6*2560px / 1920) calc(14*2560px / 1920);
    padding: calc(6*var(--width-multiplier)) calc(14*var(--width-multiplier));
    left: 0;
    transition: .2s all ease-out;
    cursor: pointer;
}

.main-map-section__desc--red {
    background: var(--brown);
}

.main-map-section__desc--red.main-map-section__desc::after {
    color: var(--brown);
}

.main-map-section__desc--red.main-map-section__desc span {
    background: var(--brown);
}

@media (max-width: 1023px) {
    .main-map-section__desc {
        display: flex;
        border-radius: calc(3*2560px / 1920);
        border-radius: calc(3*var(--width-multiplier));
        padding: calc(3*2560px / 1920) calc(6*2560px / 1920);
        padding: calc(3*var(--width-multiplier)) calc(6*var(--width-multiplier));
        transform-origin: center -50%;
    }
}

.main-map-section-platform-desc {
    position: absolute;
    display: flex;
    flex-direction: column;
    top: 70%;
    left: 64%;
    max-width: calc(368*2560px / 1920);
    max-width: calc(368*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .main-map-section-platform-desc {
        top: 100%;
        left: 0;
        max-width: 100%;
        padding: 0 calc(20*2560px / 1920);
        padding: 0 calc(20*var(--width-multiplier));
    }

    .main-map-section-platform-desc .btn {
        margin: calc(20*2560px / 1920) auto 0;
        margin: calc(20*var(--width-multiplier)) auto 0;
    }
}

.main-map-section-platform-desc::before {
    content: '';
    position: absolute;
    width: calc(64*2560px / 1920);
    width: calc(64*var(--width-multiplier));
    height: 1px;
    background-color: var(--red);
}

.main-map-section-platform-desc__heading {
    font-family: "TT-Medium";
    color: var(--textColor);
    font-size: calc(18*2560px / 1920);
    font-size: calc(18*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .main-map-section-platform-desc__heading {
        margin-bottom: 0;
    }
}

.main-map-section-platform-desc__heading--red {
    color: var(--red);
}

.privacy-page, .open-page {
    padding: calc(120 * var(--width-multiplier)) 0 calc(60 * var(--width-multiplier));
}

.open-page h1 {
    font-size: calc(36 * var(--width-multiplier));
}

.privacy-page h1 {
    margin-bottom: 0;
}

@media (max-width: 1023px) {
    .main-map-section-platform-desc__heading--red {
        display: block;
    }

    .privacy-page, .open-page {
        padding: calc(90 * var(--width-multiplier)) 0 calc(40 * var(--width-multiplier));
    }

    .privacy-page h1, .open-page h1 {
        font-size: calc(24 * var(--width-multiplier));
        line-height: 110%;
        margin-bottom: 0;
    }
}

.main-map-section-platform-desc__text {
    color: var(--textGray);
    font-size: calc(16*2560px / 1920);
    font-size: calc(16*var(--width-multiplier));
    line-height: 100%;
    font-family: "TT-Regular";
}

.main-map-section__desc span {
    color: #fff;
    font-size: calc(16*2560px / 1920);
    font-size: calc(16*var(--width-multiplier));
    font-family: "TT-Medium";
    transition: all .3s ease-out;
    background: var(--textColor);
    position: relative;
    z-index: 1;
}

@media (max-width: 1023px) {
    .main-map-section__desc span {
        font-size: calc(8*2560px / 1920);
        font-size: calc(8*var(--width-multiplier));
    }

    .main-map-section-platform-desc__text {
        font-size: calc(14*2560px / 1920);
        font-size: calc(14*var(--width-multiplier));
    }
}

.main-map-section__desc--1-item {
    top: 10.2%;
    left: 4.6%;
}

@media (max-width: 1023px) {
    .main-map-section__desc--1-item {
        top: 12%;
        left: -3.5%;
    }

    .main-map-section__desc--1-item.main-map-section__desc {
        transform-origin: -5% -50%;
    }

    .main-map-section__desc--1-item.main-map-section__desc::after {
        left: 11%;
    }
}

.main-map-section__desc--2-item {
    top: 45%;
    left: 68.5%;
}

@media (max-width: 1023px) {
    .main-map-section__desc--2-item {
        top: 49.5%;
        left: 65.5%;
    }
}

.main-map-section__desc--3-item {
    top: 38.5%;
    left: 90%;
}

@media (max-width: 1023px) {
    .main-map-section__desc--3-item {
        top: 42.5%;
        left: 90.5%;
    }

    .main-map-section__desc--3-item.main-map-section__desc {
        transform-origin: 65% -50%;
    }

    .main-map-section__desc--3-item.main-map-section__desc::after {
        left: 70%;
    }

    .main-map-section__desc--3-item.main-map-section__desc.active-map-title::after {
        left: 75%;
    }
}

.main-map-section__desc--4-item {
    top: 18.4%;
    left: 14%;
}

@media (max-width: 1023px) {
    .main-map-section__desc--4-item {
        top: 20%;
        left: 3%;
    }

    .main-map-section__desc--4-item.main-map-section__desc {
        transform-origin: 5% -50%;
    }

    .main-map-section__desc--4-item.main-map-section__desc::after {
        left: 38%;
    }
}

.main-map-section__desc--5-item {
    top: 14.5%;
    left: 40.2%;
}

@media (max-width: 1023px) {
    .main-map-section__desc--5-item {
        top: 16.7%;
        left: 32.2%;
    }
}

.main-map-section__desc--6-item{
    top: 20%;
    left: 30.2%;
}

@media (max-width: 1023px) {
    .main-map-section__desc--6-item {
        top: 22.5%;
        left: 19.8%;
    }
}

.main-map-section__desc--7-item{
    top: 33.5%;
    left: 62.6%;
}

@media (max-width: 1023px) {
    .main-map-section__desc--7-item {
        top: 15.5%;
        left: 73%;
    }

    .main-map-section__desc.main-map-section__desc--7-item::after {
        top: calc(30 * var(--width-multiplier));
        left: 23%;
    }

    .main-map-section__desc--7-item.active-map-title {
        transform: translateY(-230%) translateX(-45%) scale(2.3);
    }

    .main-map-section__desc.main-map-section__desc--7-item.active-map-title::after {
        left: 58%;
    }
}

.main-map-section__desc--8-item{
    top: 33.5%;
    left: 41.2%;
}

@media (min-width: 1024px) {
    .main-map-section__desc.main-map-section__desc--8-item::after {
        left: 75%;
    }

    .main-map-section__desc--8-item.active-map-title {
        transform: translateX(-23%);
    }
}

@media (max-width: 1023px) {
    .main-map-section__desc--8-item {
        top: 37.2%;
        left: 32.5%;
    }

    .main-map-section__desc.main-map-section__desc--8-item.active-map-title::after {
        left: 62%;
    }
}

.main-map-section__desc--9-item{
    top: 57%;
    left: 45%;
}

@media (max-width: 1023px) {
    .main-map-section__desc--9-item {
        top: 61.7%;
        left: 36%;
    }
}

.main-map-section__desc--10-item{
    top: 46.3%;
    left: 37.4%;
}

@media (max-width: 1023px) {
    .main-map-section__desc--10-item {
        top: 50.5%;
        left: 26.8%;
    }
}

.active-map-title span {
    font-size: calc(24*2560px / 1920);
    font-size: calc(24*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .active-map-title span {
        font-size: calc(8*2560px / 1920);
        font-size: calc(8*var(--width-multiplier));
    }
}

.active-map-title {
    z-index: 2;
    transform: translateX(-18%);
}

.faq .ac .ac-trigger {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: calc(25 * var(--width-multiplier)) calc(35 * var(--width-multiplier)) calc(25 * var(--width-multiplier)) calc(25 * var(--width-multiplier));
    text-transform: uppercase;
}

.faq .ac .ac-trigger svg {
    width: calc(20 * var(--width-multiplier));
    height: calc(16 * var(--width-multiplier));
    transition: 0.3s ease;
}

.faq .ac {
    margin-top: -1px;
    border: 1px solid #393649;
}

.faq .ac .ac-panel a {
    position: relative;
    display: block;
    padding-left: calc(50 * var(--width-multiplier));
}

.faq .ac .ac-panel a::before {
    content: '';
    position: absolute;
    left: 0;
    top: calc(1 * var(--width-multiplier));
    width: calc(40 * var(--width-multiplier));
    height: calc(16 * var(--width-multiplier));
    background: url('/local/templates/technopolis/img/faq.svg') 0 50% / contain no-repeat;
}

.faq .ac .ac-panel {
    border-top: 1px solid #393649;
    margin: 0 calc(25 * var(--width-multiplier));
}

.faq .ac.is-active svg {
    transform: rotate(180deg);
}

.faq .ac .accordion-item__content {
    padding: calc(10 * var(--width-multiplier)) 0;
}

.faq .ac .accordion-item__content--is-text a {
    padding-left: 0;
    display: inline;
    line-height: 100%;
    color: #ea114a;
    opacity: 1;
    transition: 0.3s ease;
}

.faq .ac .accordion-item__content--is-text a:before {
    display: none;
}

.faq .ac .accordion-item__content:first-child {
    margin-top: calc(12 * var(--width-multiplier));
}

.faq .ac .accordion-item__content:last-child {
    margin-bottom: calc(12 * var(--width-multiplier));
}

.faq .ac .ac-trigger,
.faq .ac .ac-trigger:focus {
    color: #393649;
}

.faq .ac.is-active>.ac-header .ac-trigger::after,
.faq .ac .ac-trigger::after {
    display: none;
}

.faq .accordion-container {
    margin-top: calc(40 * var(--width-multiplier));
}

.faq__wrapper {
    margin: calc(60* var(--width-multiplier)) auto calc(30* var(--width-multiplier));
    width: calc(765* var(--width-multiplier));
}

.faq__wrapper .tabs {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-bottom: calc(20* var(--width-multiplier));
}

.faq__wrapper .connect__btn-switch {
    align-items: center;
    background-color: #fff;
    border: 1px solid #b8b8b8;
    border-radius: calc(8* var(--width-multiplier));
    color: #393649;
    display: flex;
    font-size: calc(18* var(--width-multiplier));
    font-weight: 500;
    height: calc(55* var(--width-multiplier));
    justify-content: center;
    margin: 0 calc(10* var(--width-multiplier));
    max-width: calc(300* var(--width-multiplier));
    transition: all .3s ease;
    width: 100%;
    cursor: pointer;
}

.faq__wrapper .connect__btn-switch--is-active {
    background-color: #d00e46;
    color: #fff;
    pointer-events: none;
}

.faq__wrapper .form__contact {
    margin-top: calc(60* var(--width-multiplier));
}

.faq__wrapper .form__group {
    width: calc(315* var(--width-multiplier));
}

.faq__wrapper .form__control {
    font-size: calc(16* var(--width-multiplier));
    padding-bottom: calc(5* var(--width-multiplier));
}

.faq__connect.connect {
    overflow: hidden;
    background-color: #FFFFFF;
    margin-top: calc(120 * var(--width-multiplier));
    padding-top: calc(80* var(--width-multiplier));
    padding-bottom: calc(60* var(--width-multiplier));
    -webkit-box-shadow: 0 calc(-27* var(--width-multiplier)) calc(29* var(--width-multiplier)) calc(-5* var(--width-multiplier)) rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 calc(-27* var(--width-multiplier)) calc(29* var(--width-multiplier)) calc(-5* var(--width-multiplier)) rgba(0, 0, 0, 0.2);
    box-shadow: 0 calc(-27* var(--width-multiplier)) calc(29* var(--width-multiplier)) calc(-5* var(--width-multiplier)) rgba(0, 0, 0, 0.2);
    background-color: transparent;
}

.faq__wrapper .dropdown {
    width: calc(315* var(--width-multiplier));
    height: calc(27.4* var(--width-multiplier));
    margin-bottom: calc(35* var(--width-multiplier));
    position: relative;
}

.faq__wrapper .dropdown__trigger {
    position: relative;
    width: 100%;
    height: 100%;
    transition: .3s all ease-out;
    border-bottom: 1px solid var(--grayBg);
    font-size: calc(16* var(--width-multiplier));
    line-height: calc(21.84* var(--width-multiplier));
    padding: 0 0 calc(5* var(--width-multiplier)) 0;
    cursor: pointer;
}

.faq__wrapper .dropdown__arrow {
    position: absolute;
    right: 0;
    top: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(20* var(--width-multiplier));
    height: calc(10* var(--width-multiplier));
    transform: rotate(0) translateZ(0) translateY(-50%);
    transform-origin: top center;
    transition: .3s all ease-out;
    pointer-events: none;
}

.faq__wrapper .dropdown__options-wrapper {
    position: absolute;
    top: 100%;
    z-index: 100;
    overflow: hidden;
    margin-top: calc(-1* var(--width-multiplier));
    width: 100%;
    height: 0;
    background-color: #ebebed;
    opacity: 0;
    transition: .3s all ease-out;
    margin: 0;
}

.faq__wrapper .dropdown__options-list {
    padding: calc(20* var(--width-multiplier)) calc(20* var(--width-multiplier));
    width: 100%;
}

.faq__wrapper .dropdown__option {
    display: flex;
    align-items: center;
    padding: calc(8* var(--width-multiplier)) 0;
    width: 100%;
    cursor: pointer;
}

.faq__wrapper .is-dropped .dropdown__options-wrapper {
    opacity: 1;
}

.faq__wrapper .dropdown__circle {
    width: calc(18* var(--width-multiplier));
    height: calc(18* var(--width-multiplier));
    border-radius: 50%;
    background-color: #fff;
    margin-right: calc(10* var(--width-multiplier));
    transition: .3s all ease-out;
}

.faq__wrapper .dropdown__text {
    line-height: calc(16* var(--width-multiplier));
    font-weight: 400;
}

body .faq__wrapper .btn--form {
    margin-top: calc(20* var(--width-multiplier));
    margin-bottom: 0;
}

.faq__wrapper .is-selected {
    pointer-events: none;
}

.faq__wrapper .is-selected .dropdown__circle {
    background-color: #d00e46;
}

.faq__wrapper .is-selected span {
    font-weight: 500;
}

body .faq__connect .main-title__descr {
    font-size: calc(20* var(--width-multiplier));
    line-height: calc(34* var(--width-multiplier));
    margin-top: calc(10* var(--width-multiplier));
    text-transform: unset;
    color: var(--textColor);
    font-family: "TT-Medium";
    font-weight: 400;
}

@media (min-width: 1024px) {
    .faq__wrapper .dropdown__option:hover .dropdown__circle {
        background-color: #d00e46;
    }

    .faq__wrapper .dropdown__option:hover span {
        font-weight: 500;
    }
}

@media (max-width: 1023px) {
    .active-map-title {
        transform: translateX(-18%) scale(2.3);
    }

    .faq .ac .ac-trigger span {
        width: calc(280 * var(--width-multiplier));
    }

    .faq .ac .ac-trigger {
        padding: calc(10 * var(--width-multiplier)) calc(15 * var(--width-multiplier)) calc(10 * var(--width-multiplier)) calc(10 * var(--width-multiplier));
    }

    .faq .ac .ac-panel {
        margin: 0 calc(10 * var(--width-multiplier));
    }

    .faq .ac .ac-panel a {
        padding-left: calc(45 * var(--width-multiplier));
        line-height: 110%;
    }

    .faq .ac .accordion-item__content {
        padding: calc(5 * var(--width-multiplier)) 0;
    }

    .faq .ac .accordion-item__content:first-child {
        margin-top: calc(6 * var(--width-multiplier));
    }

    .faq .ac .accordion-item__content:last-child {
        margin-bottom: calc(6 * var(--width-multiplier));
    }

    .faq .accordion-container {
        margin-top: calc(25 * var(--width-multiplier));
    }

    .faq .ac .ac-panel a::before {
        top: 0;
        width: calc(38 * var(--width-multiplier));
        height: calc(15 * var(--width-multiplier));
    }

    body .faq__connect .wrapper {
		margin: calc(40* var(--width-multiplier)) auto;
		width: 100%;
	}

	body .faq__connect .form__contact {
		margin-top: 0;
	}

	body .faq__connect .form__group {
		width: 100%;
		margin-right: 0;
		margin-bottom: calc(35 * var(--width-multiplier));
	}

	body .faq__connect .tabs {
		justify-content: space-between;
	}

	body .faq__connect .connect__btn-switch {
		margin: 0;
		width: calc(140* var(--width-multiplier));
	}

	body .faq__connect .btn--form {
		margin-top: 0;
	}

	body .faq__connect {
		padding-top: calc(40* var(--width-multiplier));
		padding-bottom: calc(30* var(--width-multiplier));
		margin-top: 0;
	}

    .faq__connect .dropdown__trigger {
		font-size: calc(16 * var(--width-multiplier));
		padding: 0 0 calc(5* var(--width-multiplier)) 0;
	}

	.faq__connect .dropdown {
		width: 100%;
	}
}

.main-map-section__desc::after,.main-map-section__desc::before {
    content: "";
    display: block;
    transform: translateY(-50%);
    position: absolute;
}

.main-map-section__desc::after {
    color: var(--textColor);
    border: calc(14*2560px / 1920) solid transparent;
    border: calc(14*var(--width-multiplier)) solid transparent;
    border-left: calc(20*2560px / 1920) solid;
    border-left: calc(20*var(--width-multiplier)) solid;
    top: 0;
    left: 60%;
    transition: all 0.2s ease;
}

@media (max-width: 1023px) {
    .main-map-section__desc::after {
        border: calc(8*2560px / 1920) solid transparent;
        border: calc(8*var(--width-multiplier)) solid transparent;
        border-left: calc(8*2560px / 1920) solid;
        border-left: calc(8*var(--width-multiplier)) solid;
    }
}

.main-map-section__desc p {
    margin: 0;
    font-size: 16px;
    line-height: 24px
}

@media (max-width: 991px) {
    .main-map-section__desc p {
        font-size:14px;
        line-height: 20px
    }
}

.gallery__dots ul li button,.past-events__dots ul li button,.reviews__dots ul li button,.slider-gallery__dots ul li button,.stages-of-development__dots ul li button,.successful-start__dots ul li button,.team__dots ul li button {
    display: none
}

.main-map-section__map-item:hover+.main-map-section__desc {
    opacity: 1;
    visibility: visible
}
.platform-links__link:hover+.main-map-section__desc {
    opacity: 1;
    visibility: visible;
}
.platform-links__link:hover~.main-map-section-platform-desc {
    opacity: 1;
    visibility: visible;
}

.platform {
    padding-top: calc(80*2560px / 1920);
    padding-top: calc(80*var(--width-multiplier));
    -webkit-box-shadow: 0 calc(-27*2560px / 1920) calc(29*2560px / 1920) calc(-5*2560px / 1920) rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 calc(-27*var(--width-multiplier)) calc(29*var(--width-multiplier)) calc(-5*var(--width-multiplier)) rgba(0,0,0,0.2);
    -moz-box-shadow: 0 calc(-27*2560px / 1920) calc(29*2560px / 1920) calc(-5*2560px / 1920) rgba(0,0,0,0.2);
    -moz-box-shadow: 0 calc(-27*var(--width-multiplier)) calc(29*var(--width-multiplier)) calc(-5*var(--width-multiplier)) rgba(0,0,0,0.2);
    box-shadow: 0 calc(-27*2560px / 1920) calc(29*2560px / 1920) calc(-5*2560px / 1920) rgba(0,0,0,0.2);
    box-shadow: 0 calc(-27*var(--width-multiplier)) calc(29*var(--width-multiplier)) calc(-5*var(--width-multiplier)) rgba(0,0,0,0.2);
}

@media (max-width: 1023px) {
    .platform {
        padding-top: calc(60*2560px / 1920);
        padding-top: calc(60*var(--width-multiplier));
    }

    .platform__slider .slick-slide {
        margin: 0 calc(15*2560px / 1920);
        margin: 0 calc(15*var(--width-multiplier));
    }

    .platform__slider .slick-list {
        margin: 0 calc(-15*2560px / 1920);
        margin: 0 calc(-15*var(--width-multiplier));
    }
}

.main-bottom-section {
    text-align: center
}

.main-bottom-section__wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: calc(310*2560px / 1920);
    min-height: calc(310*var(--width-multiplier));
    max-width: 50%;
}

@media (max-width: 1023px) {
    .main-bottom-section__wrapper {
        max-width: 100%;
        min-height: auto;
        margin-bottom: calc(20*2560px / 1920);
        margin-bottom: calc(20*var(--width-multiplier));
    }
}

.main-bottom-section__title {
    color: var(--textColor);
    font-family: "TT-Medium";
    text-transform: uppercase;
    font-size: calc(36*2560px / 1920);
    font-size: calc(36*var(--width-multiplier));
    line-height: calc(44.06*2560px / 1920);
    line-height: calc(44.06*var(--width-multiplier));
    text-align: start;
    margin-top: calc(96*2560px / 1920);
    margin-top: calc(96*var(--width-multiplier));
    margin-bottom: calc(32*2560px / 1920);
    margin-bottom: calc(32*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .main-bottom-section__title {
        font-size: calc(27*2560px / 1920);
        font-size: calc(27*var(--width-multiplier));
        line-height: calc(32*2560px / 1920);
        line-height: calc(32*var(--width-multiplier));
        margin-top: calc(50*2560px / 1920);
        margin-top: calc(50*var(--width-multiplier));
        text-align: center;
    }
}

.main-bottom-section__title--red{
    color: var(--red);
}

.main-bottom-section__desc {
    color: var(--textColor);
    font-family: "TT-Medium";
    font-size: calc(20*2560px / 1920);
    font-size: calc(20*var(--width-multiplier));
    font-weight: 400;
    margin-bottom: calc(25*2560px / 1920);
    margin-bottom: calc(25*var(--width-multiplier));
    text-align: start;
}

@media (max-width: 1023px) {
    .main-bottom-section__desc {
        text-align: center;
    }
}

.main-bottom-section__desc--red {
    color: var(--red);
}

.main-bottom-section__desc--small {
    display: inline-block;
    line-height: calc(28*2560px / 1920);
    line-height: calc(28*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .main-bottom-section__desc--small {
        line-height: calc(26*2560px / 1920);
        line-height: calc(26*var(--width-multiplier));
    }
}

.main-bottom-section__caption {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 25px
}

@media (max-width: 767px) {
    .main-bottom-section__caption {
        font-size:14px;
        line-height: 24px
    }
}

.main-bottom-section__buttons {
    display: flex;
    gap: calc(16*2560px / 1920);
    gap: calc(16*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .main-bottom-section__buttons {
        flex-direction: column;
        align-items: center;
        width: 100%;
        gap: calc(10*2560px / 1920);
        gap: calc(10*var(--width-multiplier));
    }
}

.main-bottom-section--map {
    margin-top: -38px
}

@media (max-width: 767px) {
    .main-bottom-section--map {
        margin-top:0
    }
}

.second-header {
    position: relative;
    overflow: hidden;
    margin-bottom: 100px
}

.second-header__left {
    width: 56%;
    position: relative
}

@media (max-width: 1307px) {
    .second-header__left {
        width:52%
    }
}

@media (max-width: 767px) {
    .second-header__left {
        width:100%
    }
}

.second-header__nums-container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: absolute;
    bottom: 40px;
    right: 200px
}

@media (max-width: 1307px) {
    .second-header__nums-container {
        right:auto;
        flex-direction: column;
        align-items: flex-start;
        left: 20px
    }
}

@media (max-width: 767px) {
    .second-header__nums-container {
        align-items:center;
        right: 10px;
        left: 10px
    }
}

.second-header__nums {
    color: #fff;
    font-family: "Bebas Neue Bold";
    font-weight: 700;
    font-size: 64px;
    margin-left: 25px;
    white-space: nowrap;
    line-height: 64px
}

.second-header__nums span {
    font-size: 32px
}

@media (max-width: 1307px) {
    .second-header__nums {
        margin-left:20px
    }
}

@media (max-width: 767px) {
    .second-header__nums {
        margin-left:0
    }
}

@media (max-width: 576px) {
    .second-header__nums {
        font-size:42px;
        line-height: 42px
    }

    .second-header__nums span {
        font-size: 24px
    }
}

.second-header__img {
    height: 500px
}

@media (max-width: 767px) {
    .second-header__img {
        height:240px
    }
}

@media (max-width: 576px) {
    .second-header__img {
        height:180px
    }
}

.second-header__right {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 56%
}

@media (max-width: 1307px) {
    .second-header__right {
        width:64%
    }
}

@media (max-width: 991px) {
    .second-header__right {
        width:70%
    }
}

@media (max-width: 767px) {
    .second-header__right {
        width:100%;
        position: relative;
        right: auto;
        top: auto;
        height: auto
    }
}

.second-header__text-block {
    background: url(../img/second-header-bg.svg) no-repeat left top;
    padding-left: 238px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 100%;
    padding-right: 20px
}

@media (max-width: 1307px) {
    .second-header__text-block {
        padding-left:180px
    }
}

@media (max-width: 767px) {
    .second-header__text-block {
        background:#393649;
        padding: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center
    }
}

@media (max-width: 576px) {
    .second-header__text-block {
        padding:20px 15px 30px
    }
}

.second-header__header {
    display: flex;
    margin-bottom: 20px;
    align-items: center
}

.second-header__type {
    height: 28px;
    border-radius: 14px;
    background-color: #d00e46;
    background-image: linear-gradient(to right,#d85179 0,#ff004c 100%);
    padding: 0 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-right: 16px
}

.second-header__subtitle,.second-header__type,.second-header__type-name {
    color: #fff;
    font-family: "TT Moscow Economy - Md";
    font-size: 14px;
    font-weight: 400
}

.second-header__subtitle {
    line-height: 24px;
    margin-bottom: 18px;
    display: none
}

@media (max-width: 991px) {
    .second-header__subtitle {
        margin-bottom:10px
    }
}

@media (max-width: 576px) {
    .second-header__subtitle {
        font-size:12px;
        line-height: 18px
    }
}

.second-header__title {
    color: #fff;
    font-family: "TT Moscow Economy - Md";
    font-size: 34px;
    font-weight: 400;
    line-height: 42px;
    margin-bottom: 18px
}

@media (max-width: 1307px) {
    .second-header__title {
        font-size:32px;
        line-height: 40px
    }
}

@media (max-width: 991px) {
    .second-header__title {
        font-size:28px;
        line-height: 36px;
        margin-bottom: 10px
    }
}

@media (max-width: 576px) {
    .second-header__title {
        font-size:20px;
        line-height: 26px
    }
}

.second-header__desc {
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 18px
}

@media (max-width: 991px) {
    .second-header__desc {
        font-size:18px;
        line-height: 30px;
        margin-bottom: 10px
    }
}

@media (max-width: 576px) {
    .second-header__desc {
        font-size:14px;
        line-height: 20px
    }
}

.second-header__footer {
    padding-top: 10px
}

.second-header__btn-collection {
    display: flex;
    align-items: center
}

@media (max-width: 576px) {
    .second-header__btn-collection {
        flex-direction:column;
        align-items: flex-start
    }
}

.second-header__btn-collection .btn {
    margin-right: 30px
}

@media (max-width: 991px) {
    .second-header__btn-collection .btn {
        margin-right:10px
    }
}

@media (max-width: 576px) {
    .second-header__btn-collection .btn {
        margin-right:0;
        margin-bottom: 10px
    }
}

.second-header__date-container {
    display: flex;
    align-items: center
}

@media (max-width: 991px) {
    .second-header__date-container {
        flex-direction:column-reverse;
        align-items: flex-start
    }
}

.second-header__date {
    padding-left: 95px
}

@media (max-width: 1307px) {
    .second-header__date {
        padding-left:60px
    }
}

@media (max-width: 991px) {
    .second-header__date {
        padding-left:0;
        margin-bottom: 15px
    }
}

.second-header__date-link,.second-header__date-value {
    color: #fff;
    font-family: "TT Moscow Economy - Bd";
    font-size: 14px;
    font-weight: 400
}

.second-header__date-link {
    font-family: "TT Moscow Economy - Rg"
}

.second-header__date-link a {
    color: #ff004a;
    text-decoration: underline
}

.second-header__lists {
    margin-bottom: 14px
}

.second-header__lists-row {
    display: flex
}

@media (max-width: 767px) {
    .second-header__lists-row {
        flex-direction:column
    }
}

.second-header__lists-col {
    width: 31%;
    margin-right: 1%
}

@media (max-width: 1307px) {
    .second-header__lists-col {
        margin-right:4%
    }
}

@media (max-width: 767px) {
    .second-header__lists-col {
        margin:0;
        text-align: center;
        width: 100%
    }
}

.second-header__lists-title {
    color: #a08ff7;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 12px
}

.second-header__list {
    color: #cdc3ff;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    position: relative;
    padding-left: 10px
}

@media (max-width: 767px) {
    .second-header__list {
        padding-left:0
    }
}

.second-header__list::before {
    content: "•";
    position: absolute;
    left: 0;
    top: 0
}

@media (max-width: 767px) {
    .second-header__list::before {
        display:none
    }
}

.second-text__title {
    color: #393649;
    font-family: "TT Moscow Economy - Md";
    font-size: 36px;
    font-weight: 400;
    line-height: 44px;
    margin-bottom: 18px
}

@media (max-width: 1307px) {
    .second-text__title {
        font-size:28px;
        line-height: 36px
    }
}

@media (max-width: 767px) {
    .second-text__title {
        font-size:24px;
        line-height: 30px
    }
}

@media (max-width: 576px) {
    .second-text__title {
        font-size:20px;
        line-height: 26px
    }
}

.second-text__line {
    width: 35px;
    height: 3px;
    background-color: #d00e46;
    margin-bottom: 20px
}

.second-text__desc p {
    color: #393649;
    font-family: "TT Moscow Economy - Normal";
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 24px
}

@media (max-width: 767px) {
    .second-text__desc p {
        font-size:14px;
        line-height: 20px;
        margin-bottom: 16px
    }
}

.second-text__desc ul {
    padding-left: 18px
}

.second-text__content-title,.second-text__desc ul li {
    color: #393649;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    font-family: "TT Moscow Economy - Md"
}

@media (max-width: 767px) {
    .second-text__desc ul li {
        font-size:14px;
        line-height: 20px
    }
}

.second-text__content-title {
    font-family: "TT Moscow Economy - Bd";
    font-size: 36px;
    text-transform: uppercase;
    line-height: 46px;
    padding-top: 40px;
    margin-bottom: 46px
}

@media (max-width: 1307px) {
    .second-text__content-title {
        font-size:28px;
        line-height: 36px;
        padding-top: 30px;
        margin-bottom: 36px
    }
}

@media (max-width: 767px) {
    .second-text__content-title {
        font-size:24px;
        line-height: 30px;
        padding-top: 20px;
        margin-bottom: 26px
    }
}

@media (max-width: 576px) {
    .second-text__content-title {
        font-size:20px;
        line-height: 26px
    }
}

.second-text__right {
    height: 100%;
    display: flex;
    align-items: flex-end;
    position: relative
}

@media (max-width: 991px) {
    .second-text__right {
        padding-top:40px
    }
}

.second-text__img {
    position: relative;
    z-index: 1
}

@media (max-width: 991px) {
    .second-text__img {
        height:300px;
        width: 100%
    }

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

.second-text__img::before {
    content: "";
    display: block;
    position: absolute;
    inset: 5px;
    border-radius: 10px 22px;
    background-color: #d00e46;
    z-index: -1
}

.second-text__img img {
    display: block;
    border-radius: 10px 123px
}

.second-text__img-2 {
    width: 152px;
    height: 152px;
    border: 5px solid #fff;
    outline: 1px solid #000;
    background-color: #000;
    position: absolute;
    left: 25px;
    top: -76px;
    z-index: 2
}

@media (max-width: 991px) {
    .second-text__img-2 {
        display:none
    }
}

.second-map-section__img img,.second-text__img-2 img,.second-text__img-3 img,.slider-gallery__img img,.slider-gallery__small-img img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.second-text__img-3 {
    width: 282px;
    height: 282px;
    border: 5px solid #fff;
    outline: 1px solid #000;
    background-color: #000;
    position: absolute;
    right: 35px;
    bottom: -141px;
    z-index: 2
}

@media (max-width: 1307px) {
    .second-text__img-3 {
        width:210px;
        height: 210px;
        bottom: -105px
    }
}

@media (max-width: 991px) {
    .second-text__img-3 {
        display:none
    }
}

.second-text__num-item {
    display: flex;
    align-items: center;
    margin-bottom: 26px
}

.places-header__bottom-text-block p:last-child,.second-text__num-item:last-child {
    margin-bottom: 0
}

.second-text__num-left {
    margin-right: 38px
}

@media (max-width: 767px) {
    .second-text__num-left {
        margin-right:20px
    }
}

.second-text__num-value {
    font-family: "Bebas Neue Bold";
    font-size: 77px;
    line-height: 65px;
    font-weight: 400;
    -webkit-background-clip: text;
    color: transparent;
    background-image: url(../img/nums-bg.png);
    background-repeat: no-repeat;
    background-position: -42px -132px
}

@media (max-width: 767px) {
    .second-text__num-value {
        font-size:65px;
        line-height: 55px
    }
}

.second-text__num-minut {
    color: #393649;
    font-family: "TT Moscow Economy - Md";
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 16px
}

@media (max-width: 767px) {
    .second-text__num-minut {
        font-size:14px;
        line-height: 14px
    }
}

.second-text__num-desc {
    color: #393649;
    font-family: "TT Moscow Economy - Rg";
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

@media (max-width: 767px) {
    .second-text__num-desc {
        font-size:14px;
        line-height: 22px
    }
}

.second-text--about {
    margin-bottom: 60px
}

.second-text--excursions {
    padding-top: 90px
}

@media (max-width: 1307px) {
    .second-text--excursions {
        padding-top:60px
    }
}

@media (max-width: 991px) {
    .second-text--excursions {
        padding-top:0
    }
}

.second-text--excursions .second-text__right {
    align-items: flex-start;
    height: auto
}

.second-text--excursions-2 {
    margin-bottom: 60px
}

.second-text--excursions-2 .second-text__line,.second-text--excursions-2 .second-text__title {
    margin-left: 96px
}

@media (max-width: 991px) {
    .second-text--excursions-2 .second-text__line,.second-text--excursions-2 .second-text__title {
        margin-left:0
    }

    .second-text--excursions-2 .second-text__num-item:last-child {
        margin-bottom: 26px
    }
}

.reviews {
    overflow: hidden;
    z-index: 1;
    position: relative
}

.reviews .slick-slide {
    margin: 0 15px
}

.reviews .slick-list {
    margin: 0 -15px
}

.reviews__dots {
    padding-top: 40px
}

.gallery__dots ul,.past-events__dots ul,.reviews__dots ul,.slider-gallery__dots ul,.stages-of-development__dots ul,.successful-start__dots ul,.team__dots ul {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none
}

.gallery__dots ul li,.kc-slider ul.slick-dots li,.past-events__dots ul li,.reviews__dots ul li,.slider-gallery__dots ul li,.stages-of-development__dots ul li,.successful-start__dots ul li,.team__dots ul li {
    width: 6px;
    height: 6px;
    border-radius: 3px;
    background-color: #8590a6;
    cursor: pointer;
    transition: .2s all ease-out;
    margin: 0 3px
}

.reviews--triange::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 38px;
    left: 0;
    width: 104%;
    height: 260px;
    background: linear-gradient(to top left,#393649 50%,transparent 51%);
    z-index: -1
}

@media (max-width: 1307px) {
    .reviews--triange::after {
        height:110px;
        display: none
    }
}

@media (max-width: 991px) {
    .reviews--triange::after {
        height:60px
    }
}

@media (max-width: 767px) {
    .reviews--triange::after {
        display:none
    }
}

.contact-section {
    background: #393649 url(../img/contact-section-bg.png) no-repeat;
    background-size: cover;
    padding-top: 54px;
    padding-bottom: 52px;
    overflow: hidden
}

.contact-section .main-title {
    margin-bottom: 20px
}

.contact-section__text-block {
    display: flex;
    flex-direction: column;
    max-width: 420px;
    margin: 0 auto;
    position: relative;
    left: 16px
}

@media (max-width: 767px) {
    .contact-section__text-block {
        max-width:340px
    }
}

@media (max-width: 576px) {
    .contact-section__text-block {
        max-width:250px
    }
}

.contact-section__phone {
    color: #fff;
    font-family: "TT Moscow Economy - Md";
    font-size: 24px;
    font-weight: 400;
    line-height: 57px;
    text-transform: uppercase;
    position: relative;
    padding-left: 60px
}

@media (max-width: 767px) {
    .contact-section__phone {
        font-size:20px;
        line-height: 54px;
        padding-left: 40px
    }
}

@media (max-width: 576px) {
    .contact-section__phone {
        font-size:14px;
        line-height: 46px
    }
}

.contact-section__phone span,.our-social__item:hover .our-social__text {
    color: #d00e46
}

.contact-section__phone::before {
    content: "";
    display: block;
    background: url(../img/contact-section-phone.svg) no-repeat center;
    width: 43px;
    height: 43px;
    position: absolute;
    left: 0;
    top: 5px
}

@media (max-width: 767px) {
    .contact-section__phone::before {
        width:30px;
        height: 30px;
        top: 12px
    }
}

@media (max-width: 576px) {
    .contact-section__phone::before {
        top:7px
    }
}

.contact-section__email {
    color: #fff;
    font-family: "TT Moscow Economy - Md";
    font-size: 24px;
    font-weight: 400;
    line-height: 57px;
    text-transform: uppercase;
    padding-left: 60px;
    position: relative
}

@media (max-width: 767px) {
    .contact-section__email {
        font-size:20px;
        line-height: 54px;
        padding-left: 40px
    }
}

@media (max-width: 576px) {
    .contact-section__email {
        font-size:14px;
        line-height: 46px
    }
}

.contact-section__email::before {
    content: "";
    display: block;
    background: url(../img/contact-section-email.svg) no-repeat center;
    width: 43px;
    height: 43px;
    position: absolute;
    left: 0;
    top: 5px
}

@media (max-width: 767px) {
    .contact-section__email::before {
        width:30px;
        height: 30px;
        top: 12px
    }
}

@media (max-width: 576px) {
    .contact-section__email::before {
        top:7px
    }
}

.subscribe-section {
    background-color: #302d40;
    padding-top: 42px;
    padding-bottom: 48px
}

.subscribe-section__title {
    font-family: "TT Moscow Economy - Md";
    font-weight: 400;
    text-transform: uppercase;
    font-size: 36px;
    line-height: 40px;
    color: #fff;
    text-align: center
}

@media (max-width: 991px) {
    .subscribe-section__title {
        font-size:26px;
        line-height: 30px
    }
}

@media (max-width: 767px) {
    .subscribe-section__title {
        font-size:22px;
        line-height: 26px
    }
}

@media (max-width: 576px) {
    .subscribe-section__title {
        font-size:18px;
        line-height: 24px
    }
}

.subscribe-section__form input,.subscribe-section__subtitle {
    color: #fff;
    font-family: "TT Moscow Economy - Md";
    font-weight: 400
}

.subscribe-section__subtitle {
    font-size: 18px;
    text-transform: uppercase;
    line-height: 30px;
    text-align: center
}

@media (max-width: 991px) {
    .subscribe-section__subtitle {
        font-size:16px;
        line-height: 28px
    }
}

@media (max-width: 767px) {
    .subscribe-section__subtitle {
        font-size:14px;
        line-height: 26px
    }
}

@media (max-width: 576px) {
    .subscribe-section__subtitle {
        font-size:12px;
        line-height: 24px
    }
}

.subscribe-section__form {
    display: flex;
    justify-content: space-between;
    max-width: 800px;
    margin: 0 auto;
    padding-top: 20px
}

@media (max-width: 767px) {
    .subscribe-section__form {
        flex-direction:column;
        align-items: center
    }
}

.subscribe-section__form input {
    width: 100%;
    max-width: 490px;
    height: 52px;
    border-radius: 8px;
    border: 1px solid #6b687f;
    background-color: #d00e46;
    outline: 0;
    font-size: 16px;
    background: 0 0;
    padding: 0 18px
}

.subscribe-section__form input::-moz-placeholder {
    color: #fff
}

.subscribe-section__form input::placeholder {
    color: #fff
}

@media (max-width: 991px) {
    .subscribe-section__form input {
        max-width:380px
    }
}

@media (max-width: 767px) {
    .subscribe-section__form input {
        margin-bottom:20px;
        max-width: 282px
    }
}

.section-form {
    overflow: hidden
}

.section-form__container {
    position: relative;
    padding: 15px;
    max-width: 891px;
    margin: 0 auto 28px
}

.section-form__container::after,.section-form__container::before {
    content: "";
    display: block;
    position: absolute;
    width: 153px;
    height: 100%;
    border-radius: 22px;
    background-color: #393649;
    top: 0
}

.section-form__container::before {
    left: 0
}

.section-form__container::after {
    right: 0
}

.section-form__wrapper {
    max-width: 862px;
    width: 100%;
    box-shadow: 10px 17px 14px 2px rgba(0,0,0,.1);
    border-radius: 16px;
    background-color: #fff;
    padding: 40px 30px 20px;
    position: relative;
    z-index: 1;
    overflow: hidden
}

@media (max-width: 576px) {
    .section-form__wrapper {
        padding:30px 20px 20px
    }
}

.section-form__wrapper::before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    background: url(../img/section-form-bg-1.png) no-repeat center;
    width: 230px;
    height: 237px;
    z-index: -1
}

.section-form__wrapper::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(../img/section-form-bg-2.png) no-repeat center;
    width: 247px;
    height: 184px;
    z-index: -1
}

.section-form__form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.section-form__input-control {
    position: relative;
    margin-bottom: 20px;
    max-width: 386px;
    width: 100%
}

@media (max-width: 991px) {
    .section-form__input-control {
        max-width:100%;
        margin-bottom: 10px
    }
}

.section-form__input-control input,.section-form__input-control label {
    color: #393649;
    font-family: "TT Moscow Economy - Normal";
    font-size: 18px;
    font-weight: 400
}

.section-form__input-control input {
    width: 100%;
    height: 61px;
    border-radius: 6px;
    border: 2px solid rgba(57,54,73,.24);
    background-color: #fff;
    padding: 0 26px;
    outline: 0
}

@media (max-width: 576px) {
    .section-form__input-control input {
        height:40px;
        font-size: 14px;
        padding: 0 16px
    }
}

.section-form__input-control label {
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    left: 26px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none
}

@media (max-width: 576px) {
    .section-form__input-control label {
        font-size:14px;
        left: 16px
    }
}

.section-form__input-control input[required]+label:after {
    content: "*";
    color: #d00e46;
    font-size: 24px
}

@media (max-width: 576px) {
    .section-form__input-control input[required]+label:after {
        font-size:20px
    }
}

.form-page__input-control input[required]:focus+label,.section-form__input-control input[required]:focus+label {
    display: none
}

.section-form__textarea-control {
    width: 100%
}

.section-form__textarea-control textarea {
    width: 100%;
    height: 141px;
    border-radius: 4px;
    border: 2px solid rgba(57,54,73,.24);
    background-color: #fff;
    color: #393649;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    padding: 10px 18px;
    font-family: "TT Moscow Economy - Normal";
    outline: 0
}

@media (max-width: 576px) {
    .section-form__textarea-control textarea {
        font-size:14px;
        left: 16px
    }
}

.section-form__caption {
    color: #97959f;
    font-family: "TT Moscow Economy - Normal";
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    line-height: 17px;
    margin-bottom: 24px
}

@media (max-width: 576px) {
    .section-form__caption br {
        display:none
    }
}

.section-form__caption a {
    color: #d00e46;
    text-decoration: underline
}

.section-form__btn {
    width: 238px;
    height: 56px;
    box-shadow: 0 4px 0 #702;
    border-radius: 6px;
    background-color: #d00e46;
    color: #fff;
    font-family: "TT Moscow Economy DemiBold";
    font-size: 16px;
    font-weight: 400;
    border: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline: 0;
    transition: .2s all ease-out;
    margin: 0 auto;
    display: block
}

.section-form__btn:hover {
    box-shadow: none
}

.section-form__img-events {
    position: absolute;
    left: -207px;
    top: -114px
}

@media (max-width: 991px) {
    .section-form__img-events {
        display:none
    }
}

.our-social__container {
    display: flex;
    justify-content: space-between;
    max-width: 934px;
    margin: 0 auto;
    padding-top: 90px
}

@media (max-width: 991px) {
    .our-social__container {
        padding-top:40px
    }
}

@media (max-width: 767px) {
    .our-social__container {
        padding-top:20px
    }
}

@media (max-width: 576px) {
    .our-social__container {
        flex-wrap:wrap;
        justify-content: center
    }
}

.our-social__item {
    width: 132px;
    text-align: center;
    display: block;
    margin-bottom: 22px
}

@media (max-width: 767px) {
    .our-social__item {
        width:20%
    }
}

@media (max-width: 576px) {
    .our-social__item {
        width:30%
    }
}

.our-social__icon {
    margin-bottom: 26px
}

@media (max-width: 991px) {
    .our-social__icon {
        width:60px;
        margin: 0 auto 10px
    }
}

@media (max-width: 767px) {
    .our-social__icon {
        width:40px;
        margin-bottom: 6px
    }
}

.our-social__text {
    color: #000;
    font-family: "TT Moscow Economy - Normal";
    font-size: 18px;
    font-weight: 400;
    transition: .2s all ease-out
}

@media (max-width: 991px) {
    .our-social__text {
        font-size:16px;
        line-height: 22px
    }
}

@media (max-width: 767px) {
    .our-social__text {
        font-size:13px;
        line-height: 18px
    }
}

@media (max-width: 576px) {
    .our-social__text {
        font-size:11px;
        line-height: 16px
    }
}

.gallery .slick-slide {
    margin: 0 15px
}

.gallery .slick-list {
    margin: 0 -15px
}

.gallery__dots {
    padding-top: 40px
}

.second-map-section__left {
    padding-top: 80px
}

@media (max-width: 1307px) {
    .second-map-section__left {
        padding-top:0
    }
}

@media (max-width: 991px) {
    .second-map-section__left {
        margin-bottom:30px
    }
}

.second-map-section__footer {
    display: flex
}

@media (max-width: 1307px) {
    .second-map-section__footer {
        flex-direction:column
    }
}

@media (max-width: 991px) {
    .second-map-section__footer {
        align-items:center
    }
}

.second-map-section__text-block {
    margin-right: 45px
}

@media (max-width: 1307px) {
    .second-map-section__text-block {
        margin-right:0;
        margin-bottom: 16px
    }
}

@media (max-width: 991px) {
    .second-map-section__text-block {
        text-align:center
    }
}

.second-map-section__title {
    color: #292929;
    font-family: "TT Moscow Economy - Md";
    font-weight: 400;
    text-transform: uppercase;
    font-size: 36px;
    line-height: 50px
}

@media (max-width: 767px) {
    .second-map-section__title {
        font-size:28px;
        line-height: 40px
    }
}

@media (max-width: 576px) {
    .second-map-section__title {
        font-size:24px;
        line-height: 32px
    }
}

.second-map-section__desc {
    color: #292929;
    font-family: "TT Moscow Economy - Md";
    font-weight: 400;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 30px
}

@media (max-width: 767px) {
    .second-map-section__desc {
        font-size:16px
    }
}

@media (max-width: 576px) {
    .second-map-section__desc {
        font-size:14px
    }
}

.second-map-section__img-container {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 18px;
    width: 510px;
    margin-left: auto
}

@media (max-width: 1307px) {
    .second-map-section__img-container {
        width:100%
    }
}

@media (max-width: 991px) {
    .second-map-section__img-container {
        display:none
    }
}

.second-map-section__img {
    width: 211px;
    height: 211px;
    box-shadow: 9px 18px 29px #c3bebf;
    border-radius: 16px;
    border: 2px solid #fff;
    position: relative;
    overflow: hidden
}

.second-map-section__img::after,.second-map-section__img::before {
    content: "";
    display: block;
    width: 2px;
    height: 136px;
    background-color: #ea114a;
    position: absolute;
    transform: translateY(-50%);
    top: 50%
}

.second-map-section__img::before {
    left: 0
}

.second-map-section__img::after {
    right: 0
}

.second-map-section__img--big {
    grid-row: span 2;
    width: 282px;
    height: auto
}

.second-map-section__map {
    height: 415px;
    width: 100%;
    margin-top: -268px
}

@media (max-width: 991px) {
    .second-map-section__map {
        margin-top:0;
        height: 300px
    }
}

.second-map-section__map--img {
    background: url(../temp/second-map.jpg) no-repeat center;
    background-size: cover
}

.second-map-section--dark {
    background: #393649 url(../img/second-map-section--dark-bg.png) no-repeat top center;
    background-size: contain;
    color: #fff
}

.second-map-section--dark .main-title {
    margin-bottom: 20px
}

@media (max-width: 991px) {
    .second-map-section--dark .main-title {
        text-align:center
    }

    .second-map-section--dark .main-title::after {
        margin: 23px auto 0
    }
}

.second-map-section--dark .second-map-section__left {
    flex-direction: column;
    align-items: flex-start;
    padding-top: 50px
}

@media (max-width: 991px) {
    .second-map-section--dark .second-map-section__left {
        align-items:center
    }
}

.second-map-section--dark .second-map-section__desc,.second-map-section--dark .second-map-section__title {
    color: #fff
}

.second-map-section--dark .contact-section__text-block {
    left: 0;
    margin: 0 0 30px
}

@media (max-width: 991px) {
    .second-map-section--dark .contact-section__text-block {
        margin:0 auto 30px;
        left: 20px
    }
}

@media (max-width: 576px) {
    .second-map-section--dark .contact-section__text-block {
        left:0
    }
}

.second-map-section--dark .second-map-section__img {
    box-shadow: none
}

.second-map-section--dark .second-map-section__img-container {
    padding-top: 168px
}

.second-map-section--dark .second-map-section__map {
    margin-top: -154px
}

@media (max-width: 1307px) {
    .second-map-section--dark .second-map-section__map {
        margin-top:-20px
    }
}

@media (max-width: 991px) {
    .second-map-section--dark .second-map-section__map {
        margin-top:0
    }
}

@media (max-width: 1307px) {
    .second-map-section--dark .contact-section__email,.second-map-section--dark .contact-section__phone {
        font-size:20px
    }
}

@media (max-width: 767px) {
    .second-map-section--dark .contact-section__email,.second-map-section--dark .contact-section__phone {
        font-size:20px;
        line-height: 54px;
        padding-left: 40px
    }
}

@media (max-width: 576px) {
    .second-map-section--dark .contact-section__email,.second-map-section--dark .contact-section__phone {
        font-size:14px;
        line-height: 46px
    }
}

@media (max-width: 1307px) {
    .second-map-section--dark .contact-section__phone::before {
        width:36px;
        height: 36px;
        top: 8px
    }
}

@media (max-width: 767px) {
    .second-map-section--dark .contact-section__phone::before {
        width:30px;
        height: 30px;
        top: 12px
    }
}

@media (max-width: 1307px) {
    .second-map-section--dark .contact-section__email::before {
        width:36px;
        height: 36px;
        top: 8px
    }
}

@media (max-width: 767px) {
    .second-map-section--dark .contact-section__email::before {
        width:30px;
        height: 30px;
        top: 12px
    }
}

.slider-gallery {
    overflow: hidden
}

.slider-gallery__slider {
    margin-bottom: calc(30*2560px / 1920);
    margin-bottom: calc(30*var(--width-multiplier));
}

.slider-gallery__slider .slick-list {
    margin: 0 calc(-15* 2560px / 1920);
    margin: 0 calc(-15* var(--width-multiplier));
}

.slider-gallery__slider .slick-slide {
    margin: 0 calc(15* 2560px / 1920);
    margin: 0 calc(15* var(--width-multiplier));
}

.slider-gallery__slide {
    position: relative;
    display: block
}

.slider-gallery__img {
    height: 500px;
    border-radius: 16px;
    overflow: hidden
}

@media (max-width: 991px) {
    .slider-gallery__img {
        height:400px
    }
}

@media (max-width: 767px) {
    .slider-gallery__img {
        height:300px
    }
}

.slider-gallery__text,.slider-gallery__text p {
    color: #fff;
    font-family: "TT Moscow Economy - Md";
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
    text-transform: uppercase
}

.slider-gallery__text {
    border-radius: 0 12px 12px 0;
    background-color: rgba(151,31,32,.76);
    padding: 20px 40px 20px 30px;
    position: absolute;
    left: 0;
    bottom: 30px
}

@media (max-width: 576px) {
    .slider-gallery__text {
        font-size:10px;
        line-height: 18px
    }
}

.slider-gallery__text p {
    margin: 0
}

@media (max-width: 576px) {
    .slider-gallery__text p {
        font-size:10px;
        line-height: 18px
    }
}

.slider-gallery__plus {
    position: absolute;
    width: 80px;
    height: 80px;
    bottom: 30px;
    right: 30px
}

@media (max-width: 767px) {
    .slider-gallery__plus {
        display:none
    }
}

.slider-gallery__plus::after,.slider-gallery__plus::before {
    content: "";
    display: block;
    background-color: #fff;
    position: absolute
}

.slider-gallery__plus::before {
    width: 80px;
    height: 1px;
    left: 0;
    transform: translateY(-50%);
    top: 50%
}

.slider-gallery__plus::after {
    height: 80px;
    width: 1px;
    top: 0;
    left: 50%;
    transform: translateX(-50%)
}

.slider-gallery__slide-small {
    cursor: pointer;
    transition: .2s all ease-out
}

.slider-gallery__slide-small:hover {
    opacity: .7
}

.slider-gallery__small-img {
    width: 88px;
    height: 88px;
    margin: 0 auto;
    border: 1px solid transparent;
    border-radius: 12px;
    overflow: hidden
}

.slider-gallery .slick-slide {
    margin: 0 15px
}

.slider-gallery .slick-list {
    margin: 0 -15px
}

.slider-gallery__dots,.stages-of-development__dots,.successful-start__dots,.team__dots {
    padding-top: 40px
}

.kc-slider ul.slick-dots .slick-active,.past-events__dots ul .slick-active,.slider-gallery__dots ul .slick-active,.stages-of-development__dots ul .slick-active,.successful-start__dots ul .slick-active,.team__dots ul .slick-active {
    width: 28px;
    background: var(--red);
}

.events-section__form .jq-selectbox.focused .jq-selectbox__select,.news-category__form .jq-selectbox.focused .jq-selectbox__select,.slider-gallery__thumb-slider .slick-current .slider-gallery__small-img {
    border: 1px solid #d00e46
}
.thumb-slide{
    cursor: pointer;
}
.pointer-mikron{

}

.stages-of-development .slick-arrow {
    font-size: 0;
    background: 0 0;
    border: 8px solid transparent;
    cursor: pointer;
    position: absolute;
    transform: translateY(-50%);
    top: 60%
}

.stages-of-development .slick-prev {
    left: -46px;
    border-right: 14px solid #2b2c31
}

.stages-of-development .slick-prev:hover {
    border-right: 14px solid #d00e46
}

.stages-of-development .slick-next {
    right: -46px;
    border-left: 14px solid #2b2c31
}

.stages-of-development .slick-next:hover {
    border-left: 14px solid #d00e46
}

.stages-of-development .slick-slide {
    margin: 0 15px
}

.stages-of-development .slick-list {
    margin: 0 -15px
}

.team .slick-arrow {
    font-size: 0;
    border: 8px solid transparent;
    cursor: pointer;
    position: absolute;
    transform: translateY(-50%);
    top: 50%
}

.team .slick-prev {
    left: -46px;
    border-right: 14px solid #2b2c31
}

.team .slick-prev:hover {
    border-right: 14px solid #d00e46
}

.team .slick-next {
    right: -46px;
    border-left: 14px solid #2b2c31
}

.team .slick-next:hover {
    border-left: 14px solid #d00e46
}

.team .slick-slide {
    margin: 0 15px
}

.team .slick-list {
    margin: 0 -15px
}

.successful-start .slick-arrow {
    font-size: 0;
    background: 0 0;
    border: 8px solid transparent;
    cursor: pointer;
    position: absolute;
    transform: translateY(-50%);
    top: 50%
}

.successful-start .slick-prev {
    left: -46px;
    border-right: 14px solid #2b2c31
}

.successful-start .slick-prev:hover {
    border-right: 14px solid #d00e46
}

.successful-start .slick-next {
    right: -46px;
    border-left: 14px solid #2b2c31
}

.successful-start .slick-next:hover {
    border-left: 14px solid #d00e46
}

.successful-start .slick-slide {
    margin: 0 15px
}

.successful-start .slick-list {
    margin: 0 -15px
}

@media (max-width: 767px) {
    .residents-large--mobile .residents-large__col {
        display:none
    }

    .residents-large--mobile .residents-large__col:nth-child(-n+3) {
        display: block
    }
}

.infographics-header {
    background: #1d1b27 url(../temp/infographics-header-bg.png) no-repeat center;
    background-size: cover;
    height: 670px;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width: 767px) {
    .infographics-header {
        height:300px
    }
}

.infographics-header__text-block {
    border-radius: 16px;
    background-color: rgba(18,26,37,.65);
    text-align: center;
    max-width: 802px;
    margin: 0 auto;
    padding: 24px 15px 20px
}

.infographics-header__title {
    color: #fff;
    font-family: "TT Moscow Economy - Normal";
    font-size: 36px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 44px;
    margin-bottom: 14px
}

@media (max-width: 767px) {
    .infographics-header__title {
        font-size:22px;
        line-height: 28px
    }
}

@media (max-width: 576px) {
    .infographics-header__title {
        font-size:20px;
        line-height: 26px
    }

    .infographics-header__title br {
        display: none
    }
}

.infographics-header__desc {
    color: #fff;
    font-family: "TT Moscow Economy - Normal";
    font-size: 18px;
    font-weight: 400;
    line-height: 30px
}

@media (max-width: 767px) {
    .infographics-header__desc {
        font-size:14px;
        line-height: 22px
    }
}

.infographics-page {
    margin-top: -142px
}

@media (max-width: 767px) {
    .infographics-page {
        margin-top:60px
    }
}

.infographics-page__card {
    position: relative;
    z-index: 1;
    margin-bottom: 20px;
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 10px
}

.infographics-page__card::before {
    content: "";
    display: block;
    position: absolute;
    width: 208px;
    border-radius: 22px;
    background-color: #393649;
    left: 0;
    top: 0;
    z-index: -1;
    height: 100%
}

.infographics-page__card::after {
    content: "";
    display: block;
    left: 0;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    background: url(../img/infographics-polygon.png) no-repeat center;
    width: 29px;
    height: 25px
}

.infographics-page__img {
    box-shadow: 10px 17px 14px 2px rgba(0,0,0,.1);
    background-color: #fff;
    border-radius: 16px;
    overflow: hidden
}



.infographics-page__card--reverse {
    padding-left: 0;
    padding-right: 10px
}

@media (max-width: 991px) {
    .infographics-page__card--reverse {
        padding-left:10px;
        padding-right: 0
    }
}

.infographics-page__card--reverse::before {
    left: auto;
    right: 0
}

@media (max-width: 991px) {
    .infographics-page__card--reverse::before {
        left:0;
        right: auto
    }
}

.infographics-page__card--reverse::after {
    left: auto;
    right: 0
}

@media (max-width: 991px) {
    .infographics-page__card--reverse::after {
        left:0;
        right: auto
    }
}

.events-section .events-card {
    margin-bottom: 30px
}

.events-section__form {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px
}

@media (max-width: 991px) {
    .events-section__form {
        flex-wrap:wrap
    }
}

@media (max-width: 576px) {
    .events-section__form {
        flex-direction:column
    }
}

.events-section__form .jq-selectbox {
    width: 100%
}

.events-section__form .jq-selectbox__select,.events-section__input-control input {
    width: 100%;
    height: 56px;
    border-radius: 6px;
    border: 1px solid #6b687f;
    color: #4a5175;
    font-family: "TT Moscow Economy - Normal";
    font-size: 16px;
    font-weight: 400
}

.events-section__form .jq-selectbox__select {
    background: #fff;
    box-shadow: none;
    text-shadow: none;
    line-height: normal;
    padding: 0 20px
}

@media (max-width: 1307px) {
    .events-section__form .jq-selectbox__select {
        font-size:14px;
        padding: 0 10px
    }
}

@media (max-width: 991px) {
    .events-section__form .jq-selectbox__select {
        margin-bottom:16px
    }
}

.events-section__form .jq-selectbox__select-text {
    height: 100%;
    display: flex;
    align-items: center
}

.events-section__form .jq-selectbox__trigger {
    border: 0
}

.events-section__form .jq-selectbox__trigger-arrow {
    top: 25px
}

.events-section__input-control {
    position: relative;
    width: 100%
}

@media (max-width: 991px) {
    .events-section__input-control {
        margin-bottom:16px
    }
}

.events-section__input-control input {
    line-height: 27px;
    outline: 0;
    padding-left: 18px;
    padding-right: 40px
}

@media (max-width: 1307px) {
    .events-section__input-control input {
        font-size:14px;
        padding-left: 10px
    }
}

.events-section__input-control button,.news-category__input-control button {
    right: 18px;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    background: url(../img/event-section-search-icon.png) no-repeat center;
    width: 18px;
    height: 18px;
    border: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    outline: 0
}

.past-events .slick-slide {
    margin: 0 15px
}

.past-events .slick-list {
    margin: 0 -15px
}

.past-events__dots {
    padding-top: 40px
}







.news-category .news-card {
    margin-bottom: 40px
}

.news-category__form {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px
}

@media (max-width: 991px) {
    .news-category__form {
        flex-wrap:wrap
    }
}

@media (max-width: 576px) {
    .news-category__form {
        flex-direction:column
    }
}

.news-category__form .jq-selectbox {
    width: 100%
}

.news-category__form .jq-selectbox__select,.news-category__input-control input {
    width: 100%;
    height: 56px;
    border-radius: 6px;
    border: 1px solid #6b687f;
    color: #4a5175;
    font-family: "TT Moscow Economy - Normal";
    font-size: 16px;
    font-weight: 400
}

.news-category__form .jq-selectbox__select {
    background: #fff;
    box-shadow: none;
    text-shadow: none;
    line-height: normal;
    padding: 0 20px
}

@media (max-width: 1307px) {
    .news-category__form .jq-selectbox__select {
        font-size:14px;
        padding: 0 10px
    }
}

@media (max-width: 991px) {
    .news-category__form .jq-selectbox__select {
        margin-bottom:16px
    }
}

.news-category__form .jq-selectbox__select-text {
    height: 100%;
    display: flex;
    align-items: center
}

.news-category__form .jq-selectbox__trigger {
    border: 0
}

.news-category__form .jq-selectbox__trigger-arrow {
    top: 25px
}

.news-category__input-control {
    position: relative;
    width: 100%
}

@media (max-width: 991px) {
    .news-category__input-control {
        margin-bottom:16px
    }
}

.news-category__input-control input {
    line-height: 27px;
    outline: 0;
    padding-left: 18px;
    padding-right: 40px
}

@media (max-width: 1307px) {
    .news-category__input-control input {
        font-size:14px;
        padding-left: 10px
    }
}

.news-buttons {
    margin-bottom: 30px
}

.news-buttons__wrapper {
    display: flex;
    justify-content: space-between
}

@media (max-width: 991px) {
    .news-buttons__wrapper {
        flex-wrap:wrap
    }
}

.news-buttons__news-button,.oez-section__desc p {
    font-family: "TT Moscow Economy - Normal";
    font-weight: 400
}

.news-buttons__news-button {
    position: relative;
    width: 178px;
    height: 56px;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    z-index: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    line-height: 17px;
    border-radius: 6px;
    overflow: hidden
}

@media (max-width: 1307px) {
    .news-buttons__news-button {
        width:140px;
        font-size: 13px
    }
}

@media (max-width: 991px) {
    .news-buttons__news-button {
        width:32%;
        margin-bottom: 20px
    }
}

@media (max-width: 576px) {
    .news-buttons__news-button {
        width:49%
    }
}

.news-buttons__news-button:hover::after {
    opacity: 1
}

.news-buttons__news-button::after,.news-buttons__news-button::before {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    background-repeat: repeat;
    background-size: cover;
    z-index: -1
}

.news-buttons__news-button::before {
    background: url(../img/news-button-bg.png)
}

.news-buttons__news-button::after {
    background: url(../img/news-button-bg-hover.png);
    opacity: 0;
    transition: .2s all ease-out
}

.news-buttons__news-button--active::after {
    opacity: 1
}

.oez-section {
    margin-bottom: 40px
}

@media (max-width: 767px) {
    .oez-section {
        margin-bottom:20px
    }
}

.oez-section__title {
    color: #393649;
    font-family: "TT Moscow Economy - Md";
    font-size: 36px;
    font-weight: 400;
    line-height: 42px;
    margin-bottom: 20px
}

@media (max-width: 991px) {
    .oez-section__title {
        font-size:26px;
        line-height: 30px
    }
}

@media (max-width: 767px) {
    .oez-section__title {
        font-size:22px;
        line-height: 26px
    }
}

@media (max-width: 576px) {
    .oez-section__title {
        font-size:18px;
        line-height: 24px
    }
}

.oez-section__line {
    width: 35px;
    height: 3px;
    background-color: #d00e46;
    margin-bottom: 24px
}

.oez-section__desc p {
    color: #1f1e32;
    font-size: 16px;
    line-height: 24px;
    margin-top: 0;
    margin-bottom: 25px
}

@media (max-width: 767px) {
    .oez-section__desc p {
        font-size:14px;
        line-height: 22px;
        margin-bottom: 20px
    }

    .oez-section__desc p br {
        display: none
    }
}

.oez-banner {
    margin-bottom: 50px
}

.oez-banner__wrapper {
    min-height: 156px;
    border-radius: 6px;
    background-color: #d00e46;
    position: relative;
    text-align: center;
    padding-top: 18px
}

@media (max-width: 576px) {
    .oez-banner__wrapper {
        display:flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        padding-top: 0
    }
}

.oez-banner__wrapper::before {
    left: 0;
    width: 100%;
    background: url(../img/oez-banner-bg-1.png) no-repeat center;
    background-position: top left
}

.oez-banner__wrapper::after,.oez-banner__wrapper::before,.schedule__content::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    height: 100%
}

.oez-banner__wrapper::after {
    right: 0;
    width: 100%;
    background: url(../img/oez-banner-bg-2.png) no-repeat center;
    background-position: top right
}

.oez-banner__num {
    color: #fff;
    font-family: "Bebas Neue Bold";
    font-size: 105px;
    font-weight: 400;
    line-height: 90px;
    text-transform: uppercase;
    margin-bottom: 10px
}

@media (max-width: 767px) {
    .oez-banner__num {
        font-size:74px;
        line-height: 70px;
        margin-bottom: 20px
    }
}

.oez-banner__desc,.places-header__bottom-text-block p {
    font-family: "TT Moscow Economy - Normal";
    font-weight: 400
}

.oez-banner__desc {
    color: #fff;
    font-size: 30px;
    line-height: 24px;
    text-transform: uppercase
}

@media (max-width: 767px) {
    .oez-banner__desc {
        font-size:24px
    }
}

@media (max-width: 576px) {
    .oez-banner__desc {
        font-size:20px
    }
}

.oez-text-section__title {
    color: #000;
    font-family: "TT Moscow Economy - Bd";
    font-size: 24px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 28px;
    margin-bottom: 42px
}

@media (max-width: 991px) {
    .oez-text-section__title {
        font-size:20px
    }
}

@media (max-width: 767px) {
    .oez-text-section__title {
        font-size:18px
    }

    .oez-text-section__title br {
        display: none
    }
}

@media (max-width: 576px) {
    .oez-text-section__title {
        font-size:16px
    }
}

.oez-text-section__line {
    width: 283px;
    height: 3px;
    background-color: #d00e46;
    margin-bottom: 44px
}

.oez-text-section__caption {
    color: #1f1e32;
    font-family: "TT Moscow Economy DemiBold";
    font-size: 16px;
    font-weight: 400;
    line-height: 24.01px;
    margin-bottom: 48px
}

@media (max-width: 767px) {
    .oez-text-section__caption br {
        display:none
    }
}

@media (max-width: 576px) {
    .oez-text-section__caption {
        font-size:14px
    }
}

.oez-text-section__container {
    display: flex;
    justify-content: center;
    flex-direction: column
}

@media (max-width: 767px) {
    .oez-text-section__container {
        flex-direction:column
    }
}

.oez-text-section__item {
    width: 100%;
    color: #1f1e32;
    font-family: "TT Moscow Economy - Normal";
    font-size: 16px;
    font-weight: 400;
    line-height: 24.01px;
    text-align: justify;
    margin: 0 0 20px
}

@media (max-width: 767px) {
    .oez-text-section__item {
        width:100%;
        margin: 0 0 20px
    }
}

@media (max-width: 576px) {
    .oez-text-section__item {
        font-size:14px
    }
}

.how-residents-banner {
    min-height: 86px;
    border-radius: 8px;
    background-color: #d00e46;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 18px 10px 30px;
    margin-bottom: 30px
}

@media (max-width: 767px) {
    .how-residents-banner {
        flex-direction:column;
        text-align: center
    }
}

.how-residents-banner__title {
    color: #fff;
    font-family: "TT Moscow Economy - Md";
    font-size: 30px;
    font-weight: 400;
    flex: 1
}

@media (max-width: 991px) {
    .how-residents-banner__title {
        font-size:28px;
        line-height: 32px
    }
}

@media (max-width: 767px) {
    .how-residents-banner__title {
        font-size:24px;
        line-height: 28px;
        margin-bottom: 16px
    }
}

@media (max-width: 576px) {
    .how-residents-banner__title {
        font-size:20px;
        line-height: 24px
    }
}

.how-residents-banner__btn,.how-residents-documents__title {
    color: #393649;
    font-family: "TT Moscow Economy - Md";
    font-weight: 400
}

.how-residents-banner__btn {
    width: 238px;
    height: 52px;
    border-radius: 8px;
    background-color: #fff;
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .2s all ease-out
}

.how-residents-banner__btn:hover {
    background: #393649;
    color: #fff
}

.how-residents-documents__title {
    font-size: 30px;
    text-transform: uppercase;
    text-align: center;
    line-height: 30px;
    margin-bottom: 26px
}

@media (max-width: 991px) {
    .how-residents-documents__title {
        font-size:26px;
        line-height: 30px
    }
}

@media (max-width: 767px) {
    .how-residents-documents__title {
        font-size:22px;
        line-height: 26px
    }
}

@media (max-width: 576px) {
    .how-residents-documents__title {
        font-size:18px;
        line-height: 24px
    }
}

.how-residents-documents__item {
    min-height: 86px;
    border-radius: 8px;
    background-color: #393649;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 22px 10px 25px;
    margin-bottom: 10px
}

.how-residents-documents__item-title {
    color: #fff;
    font-family: "TT Moscow Economy - Md";
    font-size: 18px;
    font-weight: 400;
    flex: 1;
    padding-right: 20px
}

@media (max-width: 991px) {
    .how-residents-documents__item-title {
        font-size:16px
    }

    .how-residents-documents__item-title br {
        display: none
    }
}

@media (max-width: 767px) {
    .how-residents-documents__item-title {
        font-size:14px
    }
}

.how-residents-documents__icon {
    width: 33px
}

.position-cards {
    padding-top: 60px
}

@media (max-width: 576px) {
    .position-cards {
        padding-top:100px
    }
}

.schedule {
    position: relative
}

.schedule__tabs {
    display: flex;
    justify-content: center;
    align-items: center
}

@media (max-width: 576px) {
    .schedule__tabs {
        flex-direction:column
    }
}

.schedule__tab {
    width: 216px;
    height: 56px;
    border-radius: 8px;
    border: 2px solid #b5b5b5;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #4a4c57;
    font-family: "TT Moscow Economy - Md";
    font-size: 18px;
    font-weight: 400;
    transition: .2s all ease-out;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    margin: 0 15px
}

@media (max-width: 576px) {
    .schedule__tab {
        width:100%;
        margin: 0 0 10px
    }
}

.schedule__tab:hover {
    border: 2px solid #d00e46
}

.schedule__tab--selected {
    color: #fff;
    background: #d00e46;
    border: 2px solid #d00e46;
    pointer-events: none
}

.schedule__content {
    display: none;
    animation: fade .3s ease-out;
    position: relative;
    padding-top: 40px;
    padding-bottom: 40px
}

.schedule__content::before {
    left: 50%;
    transform: translateX(-50%);
    width: 1px;
    background-color: #d00e46
}

@media (max-width: 991px) {
    .schedule__content::before {
        display:none
    }
}

.schedule__content--active {
    display: block
}

.places-header {
    position: relative;
    margin-bottom: 44px
}

.places-header__img {
    width: 100%;
    position: absolute;
    left: 0;
    pointer-events: none
}

@media (max-width: 991px) {
    .places-header__img {
        display:none
    }
}

.places-header__img--mobile {
    display: none
}

@media (max-width: 991px) {
    .places-header__img--mobile {
        display:block
    }
}

.places-header__top {
    background-color: #3a3d51;
    position: relative
}

@media (max-width: 991px) {
    .places-header__top {
        overflow:hidden
    }
}

.places-header__top::before,.places-header__triangle {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.places-header__top::before {
    content: "";
    height: 400px;
    background-color: #1f2225
}

@media (max-width: 991px) {
    .places-header__top::before {
        left:0;
        top: 0;
        bottom: 0;
        right: 0;
        background: rgba(31,34,37,.6);
        z-index: 2;
        height: auto
    }
}

.places-header__top::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: calc((100% - 1218px)/2);
    background-color: #5a77b1
}

@media (max-width: 1307px) {
    .places-header__top::after {
        width:calc((100% - 930px)/2)
    }
}

@media (max-width: 991px) {
    .places-header__top::after {
        width:calc((100% - 690px)/2);
        display: none
    }
}

.places-header__triangle {
    height: 206px;
    background: linear-gradient(-6deg,#fff 0,#fff 50%,transparent 51%,transparent);
    z-index: 2
}

@media (max-width: 991px) {
    .places-header__triangle {
        display:none
    }
}

.places-header__text-wrapper {
    display: flex;
    justify-content: flex-end
}

.places-header__text-block {
    text-align: right;
    padding-top: 110px;
    position: relative;
    z-index: 1
}

@media (max-width: 991px) {
    .places-header__text-block {
        width:100%;
        text-align: center;
        padding-bottom: 100px;
        z-index: 5
    }
}

.places-header__text-block::before {
    content: "";
    display: block;
    position: absolute;
    background-color: #5a77b1;
    z-index: -1
}

@media (max-width: 991px) {
    .places-header__text-block::before {
        display:none
    }
}

.places-header__subtitle {
    min-height: 21px;
    color: #fff;
    font-family: "TT Moscow Economy - Normal";
    font-size: 22px;
    font-weight: 400;
    line-height: 20px
}

@media (max-width: 1307px) {
    .places-header__subtitle {
        font-size:20px
    }
}

.places-header__title {
    color: #fff;
    font-family: "TT Moscow Economy - Normal";
    font-size: 129px;
    font-weight: 400;
    line-height: 102px;
    margin-bottom: 25px
}

@media (max-width: 1307px) {
    .places-header__title {
        font-size:110px;
        line-height: 88px
    }
}

@media (max-width: 991px) {
    .places-header__title {
        font-size:100px;
        line-height: 78px
    }
}

@media (max-width: 767px) {
    .places-header__title {
        font-size:80px
    }
}

@media (max-width: 576px) {
    .places-header__title {
        font-size:50px
    }
}

.places-header__desc {
    color: #fff;
    font-family: "TT Moscow Economy - Normal";
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 35px
}

@media (max-width: 1307px) {
    .places-header__desc {
        font-size:18px
    }
}

@media (max-width: 576px) {
    .places-header__desc {
        font-size:16px
    }
}

.places-header__btn {
    width: 254px;
    height: 56px;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #fff;
    font-family: "TT Moscow Economy - Normal";
    font-size: 16px;
    font-weight: 400;
    line-height: 33px;
    margin-left: auto
}

@media (max-width: 991px) {
    .places-header__btn {
        margin:0 auto
    }
}

.places-header__bottom {
    position: relative;
    margin-top: -336px;
    z-index: 5
}

@media (max-width: 991px) {
    .places-header__bottom {
        margin-top:0
    }
}

.places-header__bottom-left {
    height: 100%
}

@media (max-width: 991px) {
    .places-header__bottom-left {
        display:flex;
        align-items: center;
        flex-wrap: wrap
    }
}

.places-header__bottom-caption {
    color: #fff;
    font-family: "TT Moscow Economy - Normal";
    font-size: 18px;
    font-weight: 400;
    position: relative;
    padding-left: 22px;
    margin-bottom: 10px;
    margin-top: 10px;
    line-height: 22px;
    text-transform: uppercase
}

@media (max-width: 1307px) {
    .places-header__bottom-caption {
        font-size:16px;
        line-height: 20px
    }
}

@media (max-width: 991px) {
    .places-header__bottom-caption {
        color:#393649;
        margin-right: 20px
    }
}

@media (max-width: 767px) {
    .places-header__bottom-caption {
        font-size:14px;
        line-height: 18px
    }
}

.places-header__bottom-caption::before {
    content: "";
    display: block;
    left: 0;
    height: 92%;
    width: 5px;
    background: #d00e46;
    position: absolute;
    transform: translateY(-50%);
    top: 50%
}

.places-header__bottom-text-block {
    border-radius: 16px;
    background: #fff url(../img/places-header-text-block-bg.png) right top no-repeat;
    padding: 18px 30px 30px;
    text-align: right
}

@media (max-width: 991px) {
    .places-header__bottom-text-block {
        text-align:left;
        background: 0 0;
        padding: 20px 0 0
    }
}

.places-header__bottom-text-block p {
    color: #393649;
    font-size: 23px;
    line-height: 28px;
    margin: 0 0 28px
}

@media (max-width: 1307px) {
    .places-header__bottom-text-block p {
        font-size:20px;
        margin-bottom: 20px
    }
}

@media (max-width: 991px) {
    .places-header__bottom-text-block p {
        font-size:18px;
        line-height: 26px;
        margin-bottom: 18px
    }
}

@media (max-width: 767px) {
    .places-header__bottom-text-block p {
        font-size:16px;
        line-height: 24px;
        margin-bottom: 16px
    }
}

@media (max-width: 576px) {
    .places-header__bottom-text-block p {
        font-size:14px;
        line-height: 22px;
        margin-bottom: 14px
    }
}

.places-header--rudnevo .places-header__img {
    background: url(../img/places-header-img-rudnevo.png) no-repeat center;
    background-position: center top;
    height: 100%;
    z-index: 4;
    top: -88px
}

@media (max-width: 1307px) {
    .places-header--rudnevo .places-header__img {
        background-size:1310px;
        top: 82px
    }
}

@media (max-width: 991px) {
    .places-header--rudnevo .places-header__img {
        z-index:1
    }
}

.places-header--rudnevo .places-header__text-block {
    padding-bottom: 448px
}

@media (max-width: 991px) {
    .places-header--rudnevo .places-header__text-block {
        padding-bottom:100px
    }
}

.places-header--rudnevo .places-header__text-block::before {
    right: 0;
    bottom: 0;
    top: 0;
    left: 13px
}

@media (max-width: 1307px) {
    .places-header--rudnevo .places-header__text-block::before {
        left:10px
    }
}

.places-header--rudnevo .places-header__bottom-left {
    padding-top: 98px
}

@media (max-width: 1307px) {
    .places-header--rudnevo .places-header__bottom-left {
        padding-top:96px
    }
}

@media (max-width: 991px) {
    .places-header--rudnevo .places-header__bottom-left {
        padding-top:30px
    }
}

.places-header--alabushevo .places-header__img {
    background: url(../img/places-header-img-alabushevo.png) no-repeat center;
    background-position: center top;
    height: 100%;
    z-index: 4;
    top: -50px
}

@media (max-width: 1307px) {
    .places-header--alabushevo .places-header__img {
        background-size:1310px;
        top: 132px
    }
}

@media (max-width: 991px) {
    .places-header--alabushevo .places-header__img {
        z-index:1
    }
}

.places-header--alabushevo .places-header__text-block {
    padding-bottom: 380px
}

@media (max-width: 991px) {
    .places-header--alabushevo .places-header__text-block {
        padding-bottom:100px
    }
}

.places-header--alabushevo .places-header__text-block::before {
    right: 0;
    bottom: 0;
    top: 0;
    left: 2px
}

@media (max-width: 1307px) {
    .places-header--alabushevo .places-header__text-block::before {
        left:10px
    }
}

.places-header--alabushevo .places-header__bottom-left {
    padding-top: 98px
}

@media (max-width: 1307px) {
    .places-header--alabushevo .places-header__bottom-left {
        padding-top:96px
    }
}

@media (max-width: 991px) {
    .places-header--alabushevo .places-header__bottom-left {
        padding-top:30px
    }
}

.places-header--pechatniki .places-header__img {
    background: url(../img/places-header-img-pechatniki.png) no-repeat center;
    background-position: center top;
    height: 100%;
    z-index: 4;
    top: 10px
}

@media (max-width: 1307px) {
    .places-header--pechatniki .places-header__img {
        background-size:1422px;
        top: 132px;
        left: -20px
    }
}

@media (max-width: 991px) {
    .places-header--pechatniki .places-header__img {
        z-index:1;
        top: 70px;
        left: 0
    }
}

.places-header--pechatniki .places-header__text-block {
    padding-bottom: 488px
}

@media (max-width: 991px) {
    .places-header--pechatniki .places-header__text-block {
        padding-bottom:100px
    }
}

.places-header--pechatniki .places-header__text-block::before {
    right: 0;
    bottom: 0;
    top: 0;
    left: -40px
}

@media (max-width: 1307px) {
    .places-header--pechatniki .places-header__text-block::before {
        left:10px
    }
}

.places-header--pechatniki .places-header__bottom-left {
    padding-top: 106px
}

@media (max-width: 1307px) {
    .places-header--pechatniki .places-header__bottom-left {
        padding-top:96px
    }
}

@media (max-width: 991px) {
    .places-header--pechatniki .places-header__bottom-left {
        padding-top:30px
    }
}

.places-header--angstrem .places-header__img {
    background: url(../img/places-header-img-angstrem.png) no-repeat center;
    background-position: center top;
    height: 100%;
    z-index: 4;
    top: 10px
}

@media (max-width: 1307px) {
    .places-header--angstrem .places-header__img {
        background-size:1422px;
        top: 132px;
        left: -20px
    }
}

@media (max-width: 991px) {
    .places-header--angstrem .places-header__img {
        z-index:1;
        top: 70px;
        left: 0
    }
}

.places-header--angstrem .places-header__text-block {
    padding-bottom: 386px
}

@media (max-width: 991px) {
    .places-header--angstrem .places-header__text-block {
        padding-bottom:100px
    }
}

.places-header--angstrem .places-header__text-block::before {
    right: 0;
    bottom: 0;
    top: 0;
    left: -51px
}

@media (max-width: 1307px) {
    .places-header--angstrem .places-header__text-block::before {
        left:-8px
    }
}

.places-header--angstrem .places-header__bottom-left {
    padding-top: 140px
}

@media (max-width: 1307px) {
    .places-header--angstrem .places-header__bottom-left {
        padding-top:136px
    }
}

@media (max-width: 991px) {
    .places-header--angstrem .places-header__bottom-left {
        padding-top:30px
    }
}

.places-header--mikron .places-header__img {
    background: url(../img/places-header-img-mikron.png) no-repeat center;
    background-position: center top;
    height: 100%;
    z-index: 4;
    top: 10px;
    left: -36px
}

@media (max-width: 1307px) {
    .places-header--mikron .places-header__img {
        background-size:1422px;
        top: 132px;
        left: -38px
    }
}

@media (max-width: 991px) {
    .places-header--mikron .places-header__img {
        z-index:1;
        top: 30px;
        left: 0
    }
}

.places-header--mikron .places-header__text-block {
    padding-bottom: 444px
}

@media (max-width: 991px) {
    .places-header--mikron .places-header__text-block {
        padding-bottom:100px
    }
}

.places-header--mikron .places-header__text-block::before {
    right: 0;
    bottom: 0;
    top: 0;
    left: -51px
}

@media (max-width: 1307px) {
    .places-header--mikron .places-header__text-block::before {
        left:-8px
    }
}

.places-header--mikron .places-header__bottom-left {
    padding-top: 140px
}

@media (max-width: 1307px) {
    .places-header--mikron .places-header__bottom-left {
        padding-top:136px
    }
}

@media (max-width: 991px) {
    .places-header--mikron .places-header__bottom-left {
        padding-top:30px
    }
}

.places-header--miet .places-header__img {
    background: url(../img/places-header-img-miet.png) no-repeat center;
    background-position: center top;
    height: 100%;
    z-index: 4;
    top: 90px;
    left: 0
}

@media (max-width: 1307px) {
    .places-header--miet .places-header__img {
        background-size:1422px;
        top: 132px
    }
}

@media (max-width: 991px) {
    .places-header--miet .places-header__img {
        z-index:1;
        top: 0;
        left: 0
    }
}

.places-header--miet .places-header__text-block {
    padding-bottom: 580px;
    padding-right: 310px;
    padding-top: 60px
}

@media (max-width: 1307px) {
    .places-header--miet .places-header__text-block {
        padding-right:254px
    }
}

@media (max-width: 991px) {
    .places-header--miet .places-header__text-block {
        padding-bottom:100px;
        padding-right: 0
    }
}

.places-header--miet .places-header__text-block::before {
    right: 0;
    bottom: 0;
    top: 0;
    left: -51px
}

@media (max-width: 1307px) {
    .places-header--miet .places-header__text-block::before {
        left:-8px
    }
}

.places-header--miet .places-header__bottom-left {
    padding-top: 140px
}

@media (max-width: 1307px) {
    .places-header--miet .places-header__bottom-left {
        padding-top:136px
    }
}

@media (max-width: 991px) {
    .places-header--miet .places-header__bottom-left {
        padding-top:30px
    }
}

.nums-card-dark-section {
    position: relative;
    z-index: 7
}

.places-cards-section {
    padding-top: 40px;
    margin-bottom: 35px;
    overflow: hidden
}

.places-cards-section__desc {
    max-width: 801px;
    color: #393649;
    font-family: "TT Moscow Economy - Normal";
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: justify;
    margin: 0 auto 70px;
    -moz-text-align-last: center;
    text-align-last: center
}

.places-cards-section__title {
    color: #4a4c57;
    font-family: "TT Moscow Economy - Md";
    font-size: 36px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 42px;
    margin-top: 10px
}

@media (max-width: 991px) {
    .places-cards-section__title {
        font-size:26px;
        line-height: 30px
    }
}

@media (max-width: 767px) {
    .places-cards-section__title {
        font-size:22px;
        line-height: 26px
    }
}

@media (max-width: 576px) {
    .places-cards-section__title {
        font-size:18px;
        line-height: 24px
    }
}

.places-cards-section__line {
    width: 178px;
    height: 1px;
    background-color: #ea114a;
    position: relative;
    margin: 30px 0 20px
}

@media (max-width: 767px) {
    .places-cards-section__line {
        margin:20px 0
    }
}

.places-cards-section__line::before {
    content: "";
    display: block;
    position: absolute;
    width: 30px;
    height: 5px;
    background-color: #ea114a;
    left: 0;
    top: -2px
}

.places-cards-section__text {
    color: #393649;
    font-family: "TT Moscow Economy - Normal";
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

@media (max-width: 767px) {
    .places-cards-section__text {
        font-size:14px;
        line-height: 22px
    }
}

.places-about {
    position: relative;
    margin-bottom: 80px
}

@media (max-width: 991px) {
    .places-about {
        margin-bottom:70px
    }
}

@media (max-width: 767px) {
    .places-about {
        margin-bottom:60px
    }
}

@media (max-width: 576px) {
    .places-about {
        margin-bottom:40px
    }
}

.places-about::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 84px;
    background: url(../img/places-about-overlay-1.png) repeat-x;
    z-index: 2
}

@media (max-width: 767px) {
    .places-about::before {
        display:none
    }
}

.places-about::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 98px;
    background: url(../img/places-about-overlay-2.png) repeat-x;
    z-index: 2
}

@media (max-width: 767px) {
    .places-about::after {
        display:none
    }
}

.places-about__marquee {
    display: flex;
    overflow: hidden;
    align-items: center;
    height: 91px;
    background-color: #e30646
}

@media (max-width: 991px) {
    .places-about__marquee {
        height:80px
    }
}

@media (max-width: 767px) {
    .places-about__marquee {
        height:60px
    }
}

.places-about__marquee p {
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    line-height: 24px;
    text-transform: uppercase;
    white-space: nowrap;
    margin-right: 50px
}

@media (max-width: 991px) {
    .places-about__marquee p {
        font-size:22px
    }
}

@media (max-width: 767px) {
    .places-about__marquee p {
        font-size:18px;
        margin-right: 30px
    }
}

.places-about__item {
    display: flex
}

@media (max-width: 767px) {
    .places-about__item {
        flex-direction:column
    }
}

.places-about__left {
    background-color: #3a3e51;
    width: 49%;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

@media (max-width: 767px) {
    .places-about__left {
        width:100%;
        justify-content: center;
        padding: 40px 0
    }
}

.places-about__right {
    width: 51%
}

@media (max-width: 767px) {
    .places-about__right {
        width:100%
    }
}

.places-about__img {
    height: 710px
}

@media (max-width: 991px) {
    .places-about__img {
        height:520px
    }
}

@media (max-width: 767px) {
    .places-about__img {
        height:300px
    }
}

@media (max-width: 576px) {
    .places-about__img {
        height:260px
    }
}

.places-about__img img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.places-about__text-block {
    text-align: right;
    padding-right: 90px;
    padding-left: 90px;
    padding-top: 100px
}

@media (max-width: 1307px) {
    .places-about__text-block {
        padding-left:30px;
        padding-right: 30px
    }
}

@media (max-width: 767px) {
    .places-about__text-block {
        text-align:center;
        padding-top: 0
    }
}

.places-about__title {
    color: #fff;
    font-family: "TT Moscow Economy - Md";
    font-size: 38px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 42px;
    margin-bottom: 40px
}

@media (max-width: 1307px) {
    .places-about__title {
        font-size:32px;
        line-height: 38px;
        margin-bottom: 30px
    }
}

@media (max-width: 767px) {
    .places-about__title {
        font-size:28px;
        line-height: 36px
    }
}

@media (max-width: 576px) {
    .places-about__title {
        font-size:24px;
        line-height: 30px;
        margin-bottom: 20px
    }
}

.places-about__option {
    color: #fff;
    font-family: "TT Moscow Economy - Md";
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    text-transform: uppercase;
    margin-bottom: 15px
}

.benefits-section__desc p:last-child,.places-about__option:last-child {
    margin-bottom: 0
}

@media (max-width: 1307px) {
    .places-about__option {
        font-size:16px;
        margin-bottom: 10px
    }
}

@media (max-width: 991px) {
    .places-about__option {
        font-size:14px;
        line-height: 20px
    }
}

.places-about__option span {
    color: #97a8f6
}

.places-about__item--reverse {
    flex-direction: row-reverse
}

@media (max-width: 767px) {
    .places-about__item--reverse {
        flex-direction:column
    }
}

.places-about__item--reverse .places-about__text-block {
    text-align: left;
    padding-top: 0;
    padding-bottom: 100px
}

@media (max-width: 767px) {
    .places-about__item--reverse .places-about__text-block {
        text-align:center;
        padding-bottom: 0
    }
}

.places-about__item--reverse .places-about__left {
    justify-content: flex-start
}

@media (max-width: 767px) {
    .places-about__item--reverse .places-about__left {
        justify-content:center
    }
}

.kc-slider ul.slick-dots li button,.places-about--mikron::after {
    display: none
}

.places-about-2 {
    overflow: hidden
}

.places-about-2__top {
    position: relative;
    z-index: 2
}

.places-about-2__top::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 50%;
    background: #fff;
    z-index: -1
}

.places-about-2__top-left {
    width: 50%;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%
}

@media (max-width: 991px) {
    .places-about-2__top-left {
        display:none
    }
}

.places-about-2__top-left img {
    max-width: 100%;
    margin-left: auto;
    display: block;
    position: relative
}

.places-about-2__text-wrapper {
    padding-bottom: 24px
}

.places-about-2__title {
    color: #2b2c31;
    font-family: "TT Moscow Economy - Md";
    line-height: 62px;
    text-transform: uppercase;
    font-size: 60px
}

@media (max-width: 991px) {
    .places-about-2__title {
        font-size:50px;
        line-height: 52px
    }
}

@media (max-width: 767px) {
    .places-about-2__title {
        font-size:40px;
        line-height: 42px
    }
}

.places-about-2__title::after {
    content: "";
    display: block;
    width: 74px;
    height: 1px;
    background-color: #d00e46;
    margin-bottom: 24px;
    margin-top: 16px
}

.places-about-2__caption {
    font-size: 16px;
    color: #ea114a;
    font-family: "TT Moscow Economy - Md";
    text-transform: uppercase;
    line-height: 20px;
    margin-bottom: 8px
}

.places-about-2__options {
    display: flex;
    flex-wrap: wrap;
    max-width: 360px
}

.places-about-2__option {
    width: 50%;
    display: flex;
    margin-bottom: 10px
}

@media (max-width: 767px) {
    .places-about-2__option {
        width:50%;
        margin-bottom: 14px
    }
}

.places-about-2__icon {
    width: 30px
}

@media (max-width: 576px) {
    .places-about-2__icon {
        width:26px
    }
}

.places-about-2__subtitle {
    color: #2b2c31;
    font-family: "TT Moscow Economy - Md";
    font-size: 14px;
    font-weight: 400;
    line-height: 24px
}

@media (max-width: 1307px) {
    .places-about-2__subtitle {
        line-height:14px;
        margin-bottom: 6px
    }
}

@media (max-width: 576px) {
    .places-about-2__subtitle {
        font-size:13px
    }
}

.places-about-2__num {
    color: #ea114a;
    font-family: "TT Moscow Economy - Md";
    font-size: 16px;
    font-weight: 400;
    line-height: 20px
}

@media (max-width: 576px) {
    .places-about-2__num {
        font-size:14px
    }
}

.places-about-2__desc {
    color: #8e8e8e;
    font-family: "TT Moscow Economy - Md";
    font-size: 14px;
    font-weight: 400;
    line-height: 24px
}

@media (max-width: 576px) {
    .places-about-2__desc {
        font-size:13px
    }
}

.places-about-2__separator {
    width: 74px;
    height: 1px;
    background-color: #c7c3c3;
    margin-bottom: 30px;
    margin-top: 20px
}

.places-about-2__footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 20px
}

@media (max-width: 991px) {
    .places-about-2__footer {
        justify-content:flex-start
    }
}

@media (max-width: 576px) {
    .places-about-2__footer {
        flex-direction:column
    }
}

.places-about-2__btn {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding-left: 26px;
    padding-right: 16px
}

@media (max-width: 1307px) {
    .places-about-2__btn {
        width:220px;
        line-height: 16px
    }
}

@media (max-width: 991px) {
    .places-about-2__btn {
        width:282px;
        margin-right: 30px
    }
}

@media (max-width: 576px) {
    .places-about-2__btn {
        width:100%;
        margin-right: 0;
        margin-bottom: 14px
    }
}

.places-about-2__btn-icon img {
    display: block
}

.places-about-2__bottom {
    position: relative;
    z-index: 1;
    margin-top: -106px;
    background-color: #3a3e51
}

@media (max-width: 991px) {
    .places-about-2__bottom {
        margin-top:40px
    }
}

.places-about-2__bottom::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: #d00e46 url(../img/places-about-2-left-bg.png) left bottom no-repeat;
    width: 31%
}

@media (max-width: 1680px) {
    .places-about-2__bottom::before {
        width:26%
    }
}

@media (max-width: 991px) {
    .places-about-2__bottom::before {
        display:none
    }
}

.places-about-2__bottom::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    background-color: #3a3e51;
    height: 100%;
    width: 69%;
    z-index: -1
}

@media (max-width: 1680px) {
    .places-about-2__bottom::after {
        width:74%
    }
}

@media (max-width: 991px) {
    .places-about-2__bottom::after {
        display:none
    }
}

.places-about-2__bottom-wrapper {
    padding-top: 158px;
    padding-bottom: 50px;
    position: relative
}

@media (max-width: 991px) {
    .places-about-2__bottom-wrapper {
        padding-top:26px
    }
}

.places-about-2__bottom-caption {
    color: #fff;
    font-family: "TT Moscow Economy - Md";
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
    text-transform: uppercase;
    position: absolute;
    left: 0;
    top: 25px
}

@media (max-width: 991px) {
    .places-about-2__bottom-caption {
        position:relative;
        top: 0;
        margin-bottom: 20px
    }
}

.places-about-2__bottom-text {
    padding-left: 40px
}

@media (max-width: 1307px) {
    .places-about-2__bottom-text {
        padding-left:0
    }
}

.places-about-2__bottom-title {
    color: #fff;
    font-family: "TT Moscow Economy - Md";
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
    text-transform: uppercase;
    padding-left: 62px;
    margin-bottom: 34px
}

@media (max-width: 1307px) {
    .places-about-2__bottom-title {
        padding-left:0
    }
}

@media (max-width: 767px) {
    .places-about-2__bottom-title {
        font-size:20px;
        line-height: 26px
    }
}

.places-about-2__bottom-items {
    display: flex;
    flex-wrap: wrap
}

.places-about-2__bottom-item {
    display: flex;
    align-items: center;
    width: 50%
}

@media (max-width: 767px) {
    .places-about-2__bottom-item {
        width:100%;
        margin-bottom: 10px
    }
}

.places-about-2__bottom-icon {
    margin-right: 26px;
    width: 42px
}

@media (max-width: 767px) {
    .places-about-2__bottom-icon {
        margin-right:16px
    }
}

.places-about-2__bottom-desc {
    color: #fff;
    font-family: "TT Moscow Economy - Md";
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    text-transform: uppercase;
    flex: 1
}

@media (max-width: 767px) {
    .places-about-2__bottom-desc {
        font-size:12px
    }
}

.places-about-2--rudnevo .places-about-2__top-left {
    background: url(../img/places-about-rudnevo.png) no-repeat center;
    background-position: right top 24px
}

.places-about-2--alabushevo .places-about-2__top-left {
    background: url(../img/places-about-alabushevo.png) no-repeat center;
    background-position: right top 34px
}

.places-about-2--pechatniki .places-about-2__top-left {
    background: url(../img/places-about-pechatniki.png) no-repeat center;
    background-position: right top 0
}

.places-about-2--miet,.places-about-2--mikron {
    overflow: visible
}

.places-about-2--mikron .places-about-2__top-left {
    background: url(../img/places-about-mikron.png) no-repeat center;
    background-position: right top 0;
    height: calc(100% + 67px);
    top: -67px
}

.places-about-2--miet .places-about-2__top-left {
    background: url(../img/places-about-miet.png) no-repeat center;
    background-position: right top 0;
    height: calc(100% + 67px);
    top: -67px
}

.places-img-section {
    position: relative;
    height: 822px;
    margin-bottom: 130px
}

@media (max-width: 1307px) {
    .places-img-section {
        height:700px
    }
}

@media (max-width: 991px) {
    .places-img-section {
        height:500px
    }
}

@media (max-width: 767px) {
    .places-img-section {
        height:400px
    }
}

@media (max-width: 576px) {
    .places-img-section {
        height:300px
    }
}

@media (max-width: 991px) {
    .places-img-section {
        margin-bottom:100px
    }
}

@media (max-width: 767px) {
    .places-img-section {
        margin-bottom:80px
    }
}

@media (max-width: 576px) {
    .places-img-section {
        margin-bottom:60px
    }
}

.places-img-section::after,.places-img-section::before {
    content: "";
    display: block;
    position: absolute;
    background-repeat: repeat-x;
    width: 100%;
    height: 86px;
    left: 0;
    z-index: 2
}

.places-img-section::before {
    background: url(../img/places-img-section-top-overlay.png) no-repeat center;
    top: 0
}

.places-img-section::after {
    background: url(../img/places-img-section-bottom-overlay.png) no-repeat center;
    bottom: 0
}

.places-img-section__img {
    position: absolute;
    inset: 0
}

.kc-slider__img img,.places-img-section__img img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.places-img-section__text-block {
    text-align: right;
    padding-top: 100px
}

@media (max-width: 767px) {
    .places-img-section__text-block {
        text-align:center
    }
}

.places-img-section__title {
    color: #fff;
    font-family: "TT Moscow Economy - Normal";
    font-size: 100px;
    font-weight: 400;
    line-height: 96px
}

@media (max-width: 991px) {
    .places-img-section__title {
        font-size:80px;
        line-height: 86px
    }
}

@media (max-width: 767px) {
    .places-img-section__title {
        font-size:70px;
        line-height: 76px
    }
}

@media (max-width: 576px) {
    .places-img-section__title {
        font-size:60px;
        line-height: 66px
    }
}

.places-img-section__subtitle {
    color: #fff;
    font-family: "TT Moscow Economy - Normal";
    font-size: 22px;
    font-weight: 400;
    line-height: 20px
}

.kc-slider {
    margin-bottom: 20px
}

.kc-slider__img,.kc-slider__slide {
    position: relative
}

.kc-slider__img {
    border-radius: 0 12px 12px;
    overflow: hidden
}

@media (max-width: 1307px) {
    .kc-slider__img {
        height:411px
    }
}

@media (max-width: 767px) {
    .kc-slider__img {
        height:310px
    }
}

@media (max-width: 576px) {
    .kc-slider__img {
        height:210px
    }
}

.kc-slider__img::after,.kc-slider__img::before {
    content: "";
    display: block;
    position: absolute;
    width: 104px;
    height: 100%;
    opacity: .47;
    top: 0
}

.kc-slider__img::before {
    background-image: linear-gradient(to right,#000 0,rgba(57,54,73,0) 100%);
    left: 0
}

.kc-slider__img::after {
    background-image: linear-gradient(to left,#000 0,rgba(57,54,73,0) 100%);
    right: 0
}

.kc-slider__bottom-text {
    color: #fff;
    font-family: "Bebas Neue Regular";
    font-size: 36px;
    font-weight: 700;
    line-height: 45.4px;
    bottom: 8px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

@media (max-width: 767px) {
    .kc-slider__bottom-text {
        left:20px;
        transform: translateX(0);
        bottom: 16px
    }
}

.kc-slider ul.slick-dots,.kc-slider__right {
    display: flex;
    align-items: center;
    position: absolute
}

.kc-slider__right {
    bottom: 20px;
    right: 20px;
    justify-content: flex-end
}

.kc-slider__floor {
    height: 40px;
    border-radius: 20px;
    background-color: #ea114a;
    display: flex;
    align-items: center;
    padding-left: 14px;
    padding-right: 20px
}

.kc-slider__floor-icon {
    margin-right: 16px
}

.information-system__img img,.kc-section__btn img,.kc-section__tab-icon img,.kc-slider__floor-icon img {
    display: block
}

.kc-slider__floor-text {
    color: #fbf7f7;
    font-family: "TT Moscow Economy - Md";
    font-size: 16px;
    font-weight: 400
}

.kc-slider__plus {
    width: 52px;
    height: 52px;
    border-radius: 22px 5px 11px;
    background-color: #ea114a;
    position: relative;
    margin-left: 20px
}

@media (max-width: 576px) {
    .kc-slider__plus {
        display:none
    }
}

.kc-slider__plus::after,.kc-slider__plus::before {
    content: "";
    display: block;
    width: 2px;
    height: 34px;
    background-color: #fff;
    position: absolute;
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%
}

.kc-slider__plus::after {
    width: 34px;
    height: 2px
}

.kc-slider .slick-arrow {
    font-size: 0;
    background: 0 0;
    border: 0;
    outline: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 26px;
    height: 30px;
    position: absolute;
    z-index: 2
}

.kc-slider .slick-arrow:hover {
    opacity: .7
}

.kc-slider .slick-next,.kc-slider .slick-prev {
    position: absolute;
    transform: translateY(-50%);
    top: 50%
}

.kc-slider .slick-prev {
    background: url(../img/kc-slider-arrow-left.png) no-repeat center;
    left: 10px
}

.kc-slider .slick-next {
    background: url(../img/kc-slider-arrow-right.png) no-repeat center;
    right: 10px
}

.kc-slider ul.slick-dots {
    margin: 0;
    padding: 0;
    justify-content: center;
    list-style: none;
    bottom: -50px;
    width: 100%;
    left: 0
}

@media (max-width: 1307px) {
    .kc-slider ul.slick-dots {
        display:none!important
    }
}

.kc-section__tabs {
    min-height: 50px;
    display: flex;
    align-items: flex-end
}

@media (max-width: 576px) {
    .kc-section__tabs {
        flex-direction:column
    }
}

.kc-section__tab {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transition: .2s all ease-out;
    width: 163px;
    height: 43px;
    border-radius: 6px 6px 0 0;
    background-color: #393649;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1px
}

@media (max-width: 576px) {
    .kc-section__tab {
        border-radius:6px;
        margin-bottom: 10px;
        margin-right: 0;
        width: 100%
    }
}

.kc-section__tab:hover {
    background-color: #2b2937
}

.kc-section__tab--active {
    background: #d00e46;
    height: 50px;
    pointer-events: none
}

.kc-section__tab-icon {
    margin-right: 14px
}

.kc-section__tab-text {
    color: #fbf7f7;
    font-family: "TT Moscow Economy - Normal";
    font-size: 17px;
    font-weight: 400;
    transition: .2s all ease-out
}

.kc-section__btn {
    justify-content: space-between;
    padding: 0 20px;
    z-index: 2;
    position: relative;
    margin-bottom: 20px;
    margin-left: auto
}

@media (max-width: 991px) {
    .kc-section__btn {
        margin-left:0
    }
}

.kc-section__text-block {
    width: 100%;
    box-shadow: 0 0 30px rgba(0,0,0,.05);
    border-radius: 6px;
    background: #fff url(../img/kc-section-text-block-bg.png) right top no-repeat;
    padding: 12px 20px 14px;
    margin-bottom: 20px
}

.kc-section__floor-nums {
    color: #d00e46;
    font-family: "Bebas Neue Regular";
    font-size: 60px;
    font-weight: 400;
    line-height: 60px;
    margin-bottom: 10px
}

.kc-section__floor-title,.kc-section__title {
    color: #d00e46;
    font-family: "Bebas Neue Regular";
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 24px
}

.kc-section__title {
    color: #393649;
    font-family: "TT Moscow Economy - Md";
    line-height: 32px;
    text-transform: uppercase;
    border-top: 2px dashed #e2e2e2;
    border-bottom: 2px dashed #e2e2e2;
    padding-top: 24px;
    min-height: 186px
}

@media (max-width: 767px) {
    .kc-section__title {
        font-size:22px;
        line-height: 30px
    }
}

@media (max-width: 576px) {
    .kc-section__title {
        font-size:20px;
        line-height: 28px
    }
}

.kc-section__footer {
    display: flex;
    justify-content: space-between
}

@media (max-width: 991px) {
    .kc-section__footer {
        justify-content:flex-start
    }
}

.kc-section__footer-nums {
    color: #d00e46;
    font-family: "Bebas Neue Regular";
    font-size: 48px;
    line-height: 48px;
    margin-right: 50px;
    white-space: nowrap
}

.kc-section__footer-nums span {
    font-size: 24px
}

.kc-advantages__container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 800px;
    width: 100%;
    margin: 0 auto
}

.information-system {
    overflow: hidden
}

.information-system__img {
    position: absolute;
    left: -155px;
    top: -27px;
    width: 947px
}

@media (max-width: 1307px) {
    .information-system__img {
        width:850px
    }
}

@media (max-width: 991px) {
    .information-system__img {
        display:none
    }
}

.information-system__text-block {
    padding-top: 68px;
    padding-bottom: 200px
}

@media (max-width: 991px) {
    .information-system__text-block {
        text-align:center;
        padding-bottom: 0;
        padding-top: 0
    }
}

.information-system__title {
    color: #4a4c57;
    font-family: "TT Moscow Economy - Md";
    font-size: 30px;
    font-weight: 400;
    line-height: 36px;
    margin-bottom: 22px
}

@media (max-width: 991px) {
    .information-system__title {
        font-size:24px;
        line-height: 30px
    }
}

@media (max-width: 767px) {
    .information-system__title {
        font-size:20px;
        line-height: 26px
    }
}

@media (max-width: 576px) {
    .information-system__title {
        font-size:18px;
        line-height: 24px
    }
}

.information-system__lists {
    margin-bottom: 26px
}

.information-system__list {
    color: #4a4c57;
    font-family: "TT Moscow Economy - Md";
    font-size: 16px;
    font-weight: 400;
    line-height: 38px;
    padding-left: 12px;
    position: relative
}

.information-system__list::before {
    content: "•";
    position: absolute;
    display: block;
    left: 0;
    top: 0
}

@media (max-width: 991px) {
    .information-system__list::before {
        display:none
    }
}

@media (max-width: 767px) {
    .information-system__list {
        font-size:14px;
        line-height: 36px
    }
}

@media (max-width: 991px) {
    .information-system__btn {
        margin:0 auto
    }
}

.form-page {
    background: #393649 url(../img/form-page-bg.png) top center no-repeat;
    padding-top: 130px;
    padding-bottom: 50px
}

.form-page__form-header {
    position: relative
}

.form-page__back {
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    transition: .2s all ease-out
}

@media (max-width: 576px) {
    .form-page__back {
        top:-68px;
        width: 30px
    }
}

.form-page__back:hover {
    opacity: .7
}

.form-page__form-title {
    color: #fff;
    font-family: "TT Moscow Economy - Md";
    font-weight: 400;
    text-transform: uppercase;
    font-size: 36px;
    text-align: center;
    margin-bottom: 42px
}

@media (max-width: 991px) {
    .form-page__form-title {
        font-size:30px
    }
}

@media (max-width: 767px) {
    .form-page__form-title {
        font-size:26px
    }
}

@media (max-width: 576px) {
    .form-page__form-title {
        font-size:24px;
        margin-bottom: 24px
    }
}

.form-page__form-subtitle {
    color: #fff;
    font-family: "TT Moscow Economy - Md";
    font-size: 29px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 40px;
    line-height: 36px
}

@media (max-width: 991px) {
    .form-page__form-subtitle {
        font-size:26px
    }
}

@media (max-width: 767px) {
    .form-page__form-subtitle {
        font-size:22px
    }
}

@media (max-width: 576px) {
    .form-page__form-subtitle {
        font-size:18px
    }
}

.form-page__input-control {
    position: relative;
    margin-bottom: 20px;
    max-width: 100%;
    width: 100%
}

@media (max-width: 991px) {
    .form-page__input-control {
        max-width:100%;
        margin-bottom: 10px
    }
}

.form-page__input-control input,.form-page__input-control label {
    color: #393649;
    font-family: "TT Moscow Economy - Normal";
    font-size: 18px;
    font-weight: 400
}

.form-page__input-control input {
    width: 100%;
    height: 61px;
    border-radius: 6px;
    border: 2px solid rgba(57,54,73,.24);
    background-color: #fff;
    padding: 0 26px;
    outline: 0
}

@media (max-width: 576px) {
    .form-page__input-control input {
        height:40px;
        font-size: 14px;
        padding: 0 16px
    }
}

.form-page__input-control label {
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    left: 26px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none
}

@media (max-width: 576px) {
    .form-page__input-control label {
        font-size:14px;
        left: 16px
    }
}

.form-page__input-control input[required]+label:after {
    content: "*";
    color: #d00e46;
    font-size: 24px;
    display: none
}

@media (max-width: 576px) {
    .form-page__input-control input[required]+label:after {
        font-size:20px
    }
}

.form-page__input-control--requared input[required]+label:after {
    display: inline
}

.form-page__range-control {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px
}

@media (max-width: 991px) {
    .form-page__range-control {
        margin-bottom:10px
    }
}

.form-page__range-label {
    color: #fff;
    font-family: "TT Moscow Economy - Normal";
    font-size: 18px;
    font-weight: 400
}

.form-page__range-label span {
    color: #d00e46
}

.form-page__range-container {
    display: flex;
    align-items: center
}

.form-page__range-input {
    position: relative;
    width: 216px
}

@media (max-width: 1307px) {
    .form-page__range-input {
        width:150px
    }
}

@media (max-width: 991px) {
    .form-page__range-input {
        width:94px
    }
}

@media (max-width: 576px) {
    .form-page__range-input {
        width:78px
    }
}

.form-page__range-input input,.form-page__range-placeholder {
    color: #393649;
    font-family: "TT Moscow Economy - Normal";
    font-size: 18px;
    font-weight: 400
}

.form-page__range-input input {
    width: 100%;
    height: 61px;
    border-radius: 6px;
    border: 2px solid rgba(57,54,73,.24);
    background-color: #fff;
    padding: 0 44px 0 14px;
    outline: 0
}

@media (max-width: 576px) {
    .form-page__range-input input {
        height:40px;
        font-size: 14px;
        padding: 0 16px
    }
}

.form-page__range-placeholder {
    right: 14px;
    position: absolute;
    transform: translateY(-50%);
    top: 50%
}

@media (max-width: 576px) {
    .form-page__range-placeholder {
        font-size:14px
    }
}

.form-page__range-caption {
    color: #fff;
    font-family: "TT Moscow Economy - Normal";
    font-size: 18px;
    font-weight: 400;
    margin: 0 10px
}

@media (max-width: 576px) {
    .form-page__range-caption {
        font-size:14px
    }
}

.form-page__select {
    width: 100%;
    margin-bottom: 20px
}

@media (max-width: 991px) {
    .form-page__select {
        margin-bottom:10px
    }
}

.form-page__politicts,.form-page__select .jq-selectbox__select {
    width: 100%;
    font-family: "TT Moscow Economy - Normal";
    font-weight: 400
}

.form-page__select .jq-selectbox__select {
    height: 61px;
    border-radius: 6px;
    border: 2px solid rgba(57,54,73,.24)!important;
    background: #fff;
    color: #393649;
    font-size: 18px;
    box-shadow: none;
    padding: 0 26px
}

@media (max-width: 576px) {
    .form-page__select .jq-selectbox__select {
        height:40px;
        font-size: 14px;
        padding: 0 16px
    }
}

.form-page__select .jq-selectbox__select-text {
    height: 100%;
    display: flex;
    align-items: center
}

.form-page__select .jq-selectbox__trigger {
    border: 0
}

.form-page__select .jq-selectbox__trigger-arrow {
    top: 26px;
    right: 20px
}

@media (max-width: 576px) {
    .form-page__select .jq-selectbox__trigger-arrow {
        top:18px
    }
}

.form-page__select .jq-selectbox__dropdown li {
    height: 40px;
    display: flex;
    align-items: center;
    font-family: "TT Moscow Economy - Normal"
}

@media (max-width: 576px) {
    .form-page__select .jq-selectbox__dropdown li {
        height:30px
    }
}

.form-page__select--requared .jq-selectbox__select-text::after {
    content: "*";
    color: #d00e46;
    font-size: 24px
}

@media (max-width: 576px) {
    .form-page__select--requared .jq-selectbox__select-text::after {
        font-size:20px
    }
}

.form-page__politicts {
    max-width: 695px;
    color: #97959f;
    font-size: 14px;
    margin: 20px auto 30px;
    text-align: center
}

@media (max-width: 991px) {
    .form-page__politicts br {
        display:none
    }
}

.form-page__politicts a {
    color: #d00e46;
    text-decoration: underline;
    display: block
}

.form-page__btn {
    width: 386px;
    height: 56px;
    box-shadow: 0 4px 0 #702;
    border-radius: 6px;
    background-color: #d00e46;
    color: #fff;
    font-family: "TT Moscow Economy DemiBold";
    font-size: 16px;
    font-weight: 400;
    border: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline: 0;
    transition: .2s all ease-out;
    margin: 0 auto;
    display: block
}

@media (max-width: 576px) {
    .form-page__btn {
        width:278px
    }
}

.form-page__btn:hover {
    box-shadow: none
}

.benefits-section {
    margin-bottom: 80px
}

@media (max-width: 991px) {
    .benefits-section {
        margin-bottom:70px
    }
}

@media (max-width: 767px) {
    .benefits-section {
        margin-bottom:60px
    }
}

.benefits-section__wrapper {
    display: flex;
    align-items: center;
    margin: 0 auto;
    width: 100%;
    padding-left: 105px
}

@media (max-width: 1307px) {
    .benefits-section__wrapper {
        padding-left:0
    }
}

@media (max-width: 991px) {
    .benefits-section__wrapper {
        flex-direction:column;
        align-items: flex-start
    }
}

.benefits-section__left {
    width: 285px
}

@media (max-width: 991px) {
    .benefits-section__left {
        margin-bottom:40px
    }
}

.benefits-section__right {
    border-left: 2px solid #d00e46;
    padding-left: 30px
}

.benefits-section__num {
    font-family: "Bebas Neue Bold";
    font-size: 146px;
    font-weight: 400;
    line-height: 122px;
    display: flex;
    align-items: flex-start;
    -webkit-background-clip: text;
    color: transparent;
    background-image: url(../img/nums-bg.png);
    background-repeat: no-repeat;
    background-position: -42px -132px;
    margin-bottom: 10px
}

.benefits-section__num span {
    font-size: 70px;
    line-height: 62px
}

.benefits-section__num-title,.benefits-section__subtitle {
    color: #393649;
    font-family: "TT Moscow Economy - Md";
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 20px
}

.benefits-section__subtitle {
    color: #ea114a;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 12px
}

@media (max-width: 767px) {
    .benefits-section__subtitle {
        font-size:14px;
        line-height: 20px
    }
}

.benefits-section__right-body {
    display: flex;
    align-items: flex-start
}

@media (max-width: 767px) {
    .benefits-section__right-body {
        flex-direction:column
    }
}

.benefits-section__nums-container {
    display: flex;
    margin-right: 42px
}

@media (max-width: 767px) {
    .benefits-section__nums-container {
        flex-wrap:wrap
    }
}

.benefits-section__num-container {
    border-right: 2px solid #d00e46;
    padding-right: 12px;
    margin-right: 11px
}

@media (max-width: 767px) {
    .benefits-section__num-container {
        margin-bottom:15px
    }
}

.benefits-section__sub-num {
    font-family: "Bebas Neue Bold";
    font-size: 69px;
    font-weight: 400;
    line-height: 58px;
    display: flex;
    align-items: flex-start;
    -webkit-background-clip: text;
    color: transparent;
    background-image: url(../img/nums-bg.png);
    background-repeat: no-repeat;
    background-position: -42px -132px
}

.benefits-section__sub-num span {
    font-size: 30px;
    line-height: 26px
}

.benefits-section__num-subtitle {
    color: #393649;
    font-family: "TT Moscow Economy - Md";
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase
}

.benefits-section__desc {
    color: #393649;
    font-family: "TT Moscow Economy - Normal";
    font-size: 14px;
    font-weight: 400;
    line-height: 17px
}

@media (max-width: 767px) {
    .benefits-section__desc br {
        display:none
    }
}

.benefits-section__desc p {
    margin: 0 0 10px
}

.excursions-section,.excursions-section .main-title {
    margin-bottom: 70px
}

@media (max-width: 767px) {
    .excursions-section .main-title {
        margin-bottom:40px
    }
}

@media (max-width: 576px) {
    .excursions-section .main-title {
        margin-bottom:30px
    }
}

.info__title {
  color: #3c3849;
  font-family: "TT-Medium";
  font-weight: 500;
  font-size: 48px;
  line-height: 56px;
  margin-bottom: 30px;
}

.info__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}/*# sourceMappingURL=style.css.map */
.people{
    padding-top: 4rem;
    position: relative;
    overflow: hidden;
    padding-bottom: 3rem;
}

.people__slide::before {
    position: absolute;
    content: url("../img/lin_04_left.svg");
    left: 0;
    top: calc(-16*2560px / 1920);
    top: calc(-16*var(--width-multiplier));
    width: calc(112*2560px / 1920);
    width: calc(112*var(--width-multiplier));
    height: calc(112*2560px / 1920);
    height: calc(112*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .people__slide::before {
        display: none;
    }
}

.people__slide::after {
    position: absolute;
    content: url("../img/lin_04_right.svg");
    right: 0;
    top: calc(-16*2560px / 1920);
    top: calc(-16*var(--width-multiplier));
    width: calc(112*2560px / 1920);
    width: calc(112*var(--width-multiplier));
    height: calc(112*2560px / 1920);
    height: calc(112*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .people__slide::after {
        display: none;
    }
}

.people__slide {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: calc(80*2560px / 1920) auto;
    margin: calc(80*var(--width-multiplier)) auto;
    position: relative;
    max-width: calc(1200*2560px / 1920);
    max-width: calc(1200*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .people__slide {
        flex-direction: column-reverse;
        margin: calc(10*2560px / 1920) auto;
        margin: calc(10*var(--width-multiplier)) auto;
        max-width: none;
    }
}

.people__left {
    padding: 0 calc(45*2560px / 1920) 0 calc(224*2560px / 1920);
    padding: 0 calc(45*var(--width-multiplier)) 0 calc(224*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .people__left {
        padding: 0 calc(15*2560px / 1920);
        padding: 0 calc(15*var(--width-multiplier));
    }
}

.people__right {
    padding: 0 calc(128*2560px / 1920) 0 0;
    padding: 0 calc(128*var(--width-multiplier)) 0 0;
}

@media (max-width: 1023px) {
    .people__right {
        padding: 0 calc(70*2560px / 1920);
        padding: 0 calc(70*var(--width-multiplier));
    }
}

.people__description {
    font-family: "TT-Medium";
    font-size: calc(21*2560px / 1920);
    font-size: calc(21*var(--width-multiplier));
    padding-bottom: calc(48*2560px / 1920);
    padding-bottom: calc(48*var(--width-multiplier));
    line-height: calc(32*2560px / 1920);
    line-height: calc(32*var(--width-multiplier));
    position: relative;
}

@media (max-width: 1023px) {
    .people__description {
        font-size: calc(19*2560px / 1920);
        font-size: calc(19*var(--width-multiplier));
        padding-bottom: calc(20*2560px / 1920);
        padding-bottom: calc(20*var(--width-multiplier));
        line-height: calc(26*2560px / 1920);
        line-height: calc(26*var(--width-multiplier));
    }
}

.people__description::after{
    position: absolute;
    content: "";
    width: calc(80*2560px / 1920);
    width: calc(80*var(--width-multiplier));
    height: 1px;
    background-color: var(--red);
    left: 0;
    bottom: 0;
}

.people__description::before {
    position: absolute;
    content: url("../img/q_marks.svg");
    width: calc(80*2560px / 1920);
    width: calc(80*var(--width-multiplier));
    height: calc(80*2560px / 1920);
    height: calc(80*var(--width-multiplier));
    left: calc(-128*2560px / 1920);
    left: calc(-128*var(--width-multiplier));
    top: calc(8*2560px / 1920);
    top: calc(8*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .people__description::before {
        width: calc(100*2560px / 1920);
        width: calc(100*var(--width-multiplier));
        height: calc(100*2560px / 1920);
        height: calc(100*var(--width-multiplier));
        left: calc(-5*2560px / 1920);
        left: calc(-5*var(--width-multiplier));
        top: calc(-180*2560px / 1920);
        top: calc(-180*var(--width-multiplier));
    }
}

.people__description--red{
    color: var(--red);
}

.people__img {
    width: calc(436*2560px / 1920);
    width: calc(436*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .people__img {
        width: 100%;
    }
}

.people__title {
    color: var(--red);
    font-size: 2rem;
    font-family: "TT-Medium";
}

.people__author {
    font-family: "TT-Medium";
    margin-bottom: calc(11*2560px / 1920);
    margin-bottom: calc(11*var(--width-multiplier));
    font-size: calc(17*2560px / 1920);
    font-size: calc(17*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .people__author {
        margin-bottom: 0;
    }
}

.people__line-up {
    position: absolute;
    left: calc(-312*2560px / 1920);
    left: calc(-312*var(--width-multiplier));
    top: calc(-163*2560px / 1920);
    top: calc(-163*var(--width-multiplier));
    width: calc(312*2560px / 1920);
    width: calc(312*var(--width-multiplier));
    height: calc(312*2560px / 1920);
    height: calc(312*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .people__line-up {
        left: calc(-90*2560px / 1920);
        left: calc(-90*var(--width-multiplier));
        top: calc(10*2560px / 1920);
        top: calc(10*var(--width-multiplier));
        width: calc(150*2560px / 1920);
        width: calc(150*var(--width-multiplier));
        height: auto;
    }
}

.people__line-down {
    position: absolute;
    right: calc(-312*2560px / 1920);
    right: calc(-312*var(--width-multiplier));
    bottom: calc(-179*2560px / 1920);
    bottom: calc(-179*var(--width-multiplier));
    width: calc(312*2560px / 1920);
    width: calc(320*var(--width-multiplier));
    height: calc(320*2560px / 1920);
    height: calc(320*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .people__line-down {
        right: calc(-50*2560px / 1920);
        right: calc(-50*var(--width-multiplier));
        bottom: auto;
        top: calc(200*2560px / 1920);
        top: calc(200*var(--width-multiplier));
        width: calc(150*2560px / 1920);
        width: calc(150*var(--width-multiplier));
        height: auto;
    }
}

.anketa {
    background: var(--grayBg);
    position: relative;
    padding-bottom: calc(80*2560px / 1920);
    padding-bottom: calc(80*var(--width-multiplier));
    -webkit-box-shadow: 0 calc(-27*2560px / 1920) calc(29*2560px / 1920) calc(-5*2560px / 1920) rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 calc(-27*var(--width-multiplier)) calc(29*var(--width-multiplier)) calc(-5*var(--width-multiplier)) rgba(0,0,0,0.2);
    -moz-box-shadow: 0 calc(-27*2560px / 1920) calc(29*2560px / 1920) calc(-5*2560px / 1920) rgba(0,0,0,0.2);
    -moz-box-shadow: 0 calc(-27*var(--width-multiplier)) calc(29*var(--width-multiplier)) calc(-5*var(--width-multiplier)) rgba(0,0,0,0.2);
    box-shadow: 0 calc(-27*2560px / 1920) calc(29*2560px / 1920) calc(-5*2560px / 1920) rgba(0,0,0,0.2);
    box-shadow: 0 calc(-27*var(--width-multiplier)) calc(29*var(--width-multiplier)) calc(-5*var(--width-multiplier)) rgba(0,0,0,0.2);
}

@media (max-width: 1023px) {
    .anketa {
        padding-bottom: 0;
    }

    .anketa .container {
        display: flex;
        flex-direction: column-reverse;
    }

    .anketa .decor {
        display: none;
    }
}

.anketa__img-container {
    position: absolute;
    width: calc(618*2560px / 1920);
    width: calc(618*var(--width-multiplier));
    height: calc(400*2560px / 1920);
    height: calc(400*var(--width-multiplier));
    top: 0;
    right: 0;
}

@media (max-width: 1023px) {
    .anketa__img-container {
        position: static;
        width: auto;
        height: calc(180*2560px / 1920);
        height: calc(180*var(--width-multiplier));
        margin: 0 calc(-20*2560px / 1920) calc(-8*2560px / 1920);
        margin: 0 calc(-20*var(--width-multiplier)) calc(-8*var(--width-multiplier));
        overflow: hidden;
    }
}

.anketa__img-container::before {
    content: "";
    display: block;
    position: absolute;
    left: -1px;
    bottom: -1px;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.anketa__img-container img {
    mask-image: url("../img/fon_img_gl_L.svg");
    -webkit-mask-image: url("../img/fon_img_gl_L.svg");
    mask-repeat: no-repeat;
    -webkit-mask-position: 100%;
    -webkit-mask-repeat: no-repeat;
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-bottom-right-radius: 3rem;
}

.row-is-mod {
    margin-top: calc(20 * var(--width-multiplier));
}

@media (max-width: 1023px) {
    .row-is-mod {
        margin-top: 0;
    }

    .anketa__img-container img {
        mask-image: none;
        border-radius: 0;
        height: calc(215*2560px / 1920);
        height: calc(215*var(--width-multiplier));
    }

    .anketa__img-container::before {
        display: none;
    }
}

.decor {
    width: calc(15*2560px / 1920);
    width: calc(15*var(--width-multiplier));
    margin: calc(16*2560px / 1920) 0 calc(80*2560px / 1920) 0;
    margin: calc(16*var(--width-multiplier)) 0 calc(80*var(--width-multiplier)) 0;
}

.footer-icon-envelope{
    background-image: url(/assets/images/icon_envelope_w.svg);
    width: 2rem;
    height: 2rem;
    margin-top: .5rem;
    background-repeat: no-repeat;
    transition: all .3s ease-out;
}

.footer-icon-envelope:hover{
    background-image: url(/assets/images/icon_envelope_active.svg);
    width: 2rem;
    height: 2rem;
    margin-top: .5rem;
    background-repeat: no-repeat;
}

.clusters__desc {
    width: 100%;
    height: calc(100vh - calc(78*2560px / 1920));
    height: calc(100vh - calc(78*var(--width-multiplier)));
    position: fixed;
    top: calc(78*2560px / 1920);
    top: calc(78*var(--width-multiplier));
    z-index: 1;
    background: #fff;
    transition: all .3s ease-out;
    opacity: 1;
}

@media (max-width: 1023px) {
    .clusters__desc {
        top: calc(60*2560px / 1920);
        top: calc(60*var(--width-multiplier));
        height: calc(100vh - calc(60*2560px / 1920));
        height: calc(100vh - calc(60*var(--width-multiplier)));
        overflow-y: auto;
    }
}

.clusters-small-description {
    font-size: calc(13*2560px / 1920);
    font-size: calc(13*var(--width-multiplier));
    letter-spacing: 1.6px;
    font-family: "TT-Medium";
    margin-top: calc(25*2560px / 1920);
    margin-top: calc(25*var(--width-multiplier));
    margin-left: calc(124*2560px / 1920);
    margin-left: calc(124*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .clusters-small-description {
        font-size: calc(12*2560px / 1920);
        font-size: calc(12*var(--width-multiplier));
        letter-spacing: 1px;
        margin-left: 0;
    }
}

.clusters-small-description--bold {
    padding-right: calc(8*2560px / 1920);
    padding-right: calc(8*var(--width-multiplier));
}

.clusters-small-description--gray {
    color: var(--textGray);
}

.clusters__title {
    font-family: "TT-Medium";
    color: var(--red);
    margin-top: calc(8*2560px / 1920);
    margin-top: calc(8*var(--width-multiplier));
    font-size: calc(32*2560px / 1920);
    font-size: calc(32*var(--width-multiplier));
    position: relative;
    display: flex;
    align-items: center;
    gap: calc(32*2560px / 1920);
    gap: calc(32*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .clusters__title {
        font-size: calc(20*2560px / 1920);
        font-size: calc(20*var(--width-multiplier));
        gap: calc(22*2560px / 1920);
        gap: calc(22*var(--width-multiplier));
    }
}

.clusters__title-icon {
    width: calc(72*2560px / 1920);
    width: calc(72*var(--width-multiplier));
    left: -7rem;
    top: .8rem;
    height: 100%;
}

@media (max-width: 1023px) {
    .clusters__title-icon {
        width: calc(42*2560px / 1920);
        width: calc(42*var(--width-multiplier));
    }
}

.companies__list {
    display: flex;
    margin-top: calc(48*2560px / 1920);
    margin-top: calc(48*var(--width-multiplier));
    gap: calc(32*2560px / 1920);
    gap: calc(32*var(--width-multiplier));
    columns: 3 auto;
    justify-content: space-around;
}

@media (max-width: 1023px) {
    .companies__list {
        flex-direction: column;
        margin-top: calc(30*2560px / 1920);
        margin-top: calc(30*var(--width-multiplier));
        gap: calc(20*2560px / 1920);
        gap: calc(20*var(--width-multiplier));
    }
}

.companies__block {
    display: flex;
    flex-direction: column;
    gap: calc(16*2560px / 1920);
    gap: calc(16*var(--width-multiplier));
}

.companies__company-title{
    font-family: "TT-Medium";
}

.companies__company-adress{
    color: var(--textGray);
}

.companies__block--left-border {
   border-left: 2px solid var(--lightGray);
   padding-left: calc(64*2560px / 1920);
   padding-left: calc(64*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .companies__block--left-border {
        border-left: none;
        border-top: 2px solid var(--lightGray);
        padding-left: 0;
        padding-top: calc(20*2560px / 1920);
        padding-top: calc(20*var(--width-multiplier));
    }
}

.clusters-next{
    top: 50%;
    right: -10%;
}

.clusters__slide {
    padding: calc(8*2560px / 1920);
    padding: calc(8*var(--width-multiplier));
    display: none;
}

.clusters-prev{
    top: 50%;
    left: -10%;
}

.clusters__close-btn {
    position: absolute;
    right: calc(32*2560px / 1920);
    right: calc(32*var(--width-multiplier));
    top: calc(32*2560px / 1920);
    top: calc(32*var(--width-multiplier));
    width: calc(24*2560px / 1920);
    width: calc(24*var(--width-multiplier));
    height: calc(24*2560px / 1920);
    height: calc(24*var(--width-multiplier));
    cursor: pointer;
    background-color: #fff;
    background-image: url("../img/icon_close_inactive.svg");
    z-index: 1;
}

.clusters__close-btn:hover{
    background-image: url("../img/icon_close_active.svg");
}

.red {
    color: var(--red);
}

.semibold {
    font-family: "TT-Medium";
}
@media (max-width: 591px){
    .log__item {
        width: 45%;
        margin-right: 60px;
        margin-bottom: 60px;
    }
    .form__group {
        width: 100%;
        margin-right: 00px;
        margin-bottom: 35px;
    }
    .header__phone {
        display: none;
    }
    .main-first-section {
        background: linear-gradient(to top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 22%,rgba(255,255,255,0.22) 61%,rgba(255,255,255,0) 72%);
        position: relative;
    }
    .services__list {
        flex-direction: column;
        justify-content: center;
    }
    .services__item {
        width: 100%;
        margin-bottom: 40px;
    }
    .log__item {
        width: 45%;
        margin-right: 30px;
        margin-bottom: 60px;
    }
    .main {
        width: 100%;
    }
    .slider-nav {
        display: none;
    }
}
:root {
  --red: #D00E46;
  --textColor: #393649;
  --rose: #f09eb5;
  --brown: #740827;
  --textGray: #929292;
  --lightGray: #c2c0c6;
  --grayBg: #ebebeb;
  --lineHeight: 1.5rem;
  --lightRose: #f7e5ea;
    --width-base: 1920;
    --width-current: 2560px;
    --width-multiplier: var(--width-current) / var(--width-base);

}
@media(max-width: 2559px) {
    :root {
        --width-current: 100vw
    }
}
@media(max-width: 1023px) {
    :root {
        --width-base: 375;
        --width-current: 100vmin
    }
}

.c-red{
  color:var(--red) !important;
  font-family: 'TT-Medium';
}

/* new-slider*/

.new-slider.swiper {
    position: relative;
    overflow: visible;
    height: auto;
    margin-top: 0;
}
.new-slider .swiper-pagination-bullet {
    width: calc(6* var(--width-multiplier));
    height: calc(6* var(--width-multiplier));
    border-radius: 50%;
    background-color: #8590a6;
    transition: .2s all ease-out;
    margin: 0 calc(3* var(--width-multiplier)) !important;
    text-align: center;
}
.new-slider .swiper-pagination-bullet-active {
    width: calc(28* var(--width-multiplier));
    border-radius: calc(8* var(--width-multiplier));
    background: #d00e46;
}
.new-slider .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: calc(-40* var(--width-multiplier)) !important;
}
.new-slider .swiper-pagination {
    display: flex;
    justify-content: center;
}
@media (min-width: 1024px) {
    .swiper-text {
        flex-direction: column;
    }
}
/* new-slider*/

.banner__img {
    position: absolute;
    right: 0;
    top: 0;
}

/*ustoychivoe-razvitie*/

.ustoychivoe-razvitie section {
    padding-top: calc(80* var(--width-multiplier));
    padding-bottom: calc(80* var(--width-multiplier));
}
.ustoychivoe-razvitie p, .ustoychivoe-razvitie h3 {
    margin: 0;
}
.ustoychivoe-razvitie h3 {
    font-weight: 400;
}

@media (max-width: 1023px) {
    .ustoychivoe-razvitie section {
        padding-top: calc(60 * var(--width-multiplier));
        padding-bottom: calc(60 * var(--width-multiplier));
    }
}

.ustoychivoe-razvitie .banner {
  position: relative;
  overflow: hidden;
  padding-top: calc(200* var(--width-multiplier)) !important;
  padding-bottom: calc(36* var(--width-multiplier)) !important;
}

.ustoychivoe-razvitie .banner__img-container {
    position: absolute;
    right: 0;
    top: 0;
    top: calc(75 * var(--width-multiplier));
    width: calc(846* var(--width-multiplier));
    height: calc(503* var(--width-multiplier));
}

.ustoychivoe-razvitie .banner__img {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 47.313% 100%, 47.313% 100%, 45.244% 99.998%, 43.373% 99.982%, 41.68% 99.939%, 40.147% 99.855%, 38.752% 99.716%, 37.477% 99.51%, 36.302% 99.221%, 35.208% 98.838%, 34.175% 98.345%, 33.183% 97.73%, 33.183% 97.73%, 32.223% 96.986%, 31.286% 96.105%, 30.351% 95.075%, 29.399% 93.882%, 28.41% 92.512%, 27.366% 90.951%, 26.246% 89.186%, 25.031% 87.204%, 23.702% 84.99%, 22.238% 82.531%, 10.386% 62.598%, 10.386% 62.598%, 8.924% 60.136%, 7.608% 57.9%, 6.429% 55.856%, 5.38% 53.973%, 4.452% 52.216%, 3.638% 50.554%, 2.928% 48.953%, 2.316% 47.38%, 1.792% 45.803%, 1.35% 44.189%, 1.35% 44.189%, 0.984% 42.521%, 0.691% 40.783%, 0.463% 38.943%, 0.292% 36.967%, 0.169% 34.823%, 0.086% 32.477%, 0.036% 29.898%, 0.011% 27.051%, 0.001% 23.904%, 0% 20.425%, 0% 0%);
}

.banner__content {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: calc(20* var(--width-multiplier));
}
.banner__left{
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: calc(600* var(--width-multiplier));
}
.banner__title {
    font-size: calc(56* var(--width-multiplier));
    font-weight: 500;
    font-family: 'TT-Medium';
    line-height: calc(62* var(--width-multiplier));
    margin-bottom: calc(73* var(--width-multiplier));
}
.banner__desc{
    font-weight: 500;
    font-family: 'TT-Regular';
    font-size: calc(20* var(--width-multiplier));
    line-height: calc(28* var(--width-multiplier));
    margin-top: calc(-28* var(--width-multiplier));
    margin-bottom: calc(36* var(--width-multiplier));
}
.banner__btn{
    max-width: calc(265* var(--width-multiplier));
    margin-bottom: calc(36* var(--width-multiplier));
}
.banner__text{
    font-family: 'TT-Regular';
    font-size: calc(16* var(--width-multiplier));
    line-height: calc(24* var(--width-multiplier));
    width: 100%;
    max-width: calc(503* var(--width-multiplier));
}
.banner__text span{
    display: block;
    font-weight: 300;
    font-family: 'TT-Regular';
    font-size: calc(86* var(--width-multiplier));
    line-height: calc(50* var(--width-multiplier));
    float: left;
    margin-top: calc(10* var(--width-multiplier));
    margin-left: calc(-5* var(--width-multiplier));
}

@media (max-width: 1023px) {
    .ustoychivoe-razvitie .banner {
        padding-top: calc(102 * var(--width-multiplier)) !important;
        padding-bottom: calc(40 * var(--width-multiplier));
    }
    .ustoychivoe-razvitie .banner__title {
        position: relative;
        font-size: calc(34* var(--width-multiplier));
        line-height: calc(40* var(--width-multiplier));
        padding-left: calc(50 * var(--width-multiplier));
        margin-bottom: calc(300 * var(--width-multiplier));
        z-index: 2;
    }
    .ustoychivoe-razvitie .banner__title::before {
        position: absolute;
        left: 0;
        top: 0;
        content: url('/local/templates/technopolis/img/lin_02_left_bann-2.svg');
        width: calc(30 * var(--width-multiplier));
        height: calc(190 * var(--width-multiplier));
        overflow: hidden;
        transform: scaleX(-1);
    }
    .ustoychivoe-razvitie.banner__content {
        display: block;
    }
    .ustoychivoe-razvitie .banner__img-container {
        left: 50%;
        top: calc(270 * var(--width-multiplier));
        width: 100%;
        transform: translate(-50%, 0);
    }
    .ustoychivoe-razvitie .banner__img {
        clip-path: none;
        height: calc(257*var(--width-multiplier));
    }
    .ustoychivoe-razvitie .banner__img img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .ustoychivoe-razvitie .banner__img-container::after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
        width: 100%;
        height: calc(60*var(--width-multiplier));
        background: linear-gradient(180deg, #fff 7.81%, rgba(255, 255, 255, 0.8) 18.75%, rgba(255, 255, 255, 0) 100%);
    }
    .banner__text {
        margin-bottom: calc(40 * var(--width-multiplier));
    }
}

.basic{
    margin-top: calc(50* var(--width-multiplier));
}
.basic__title{
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: 'TT-Medium';
    font-weight: 500;
    font-size: calc(36* var(--width-multiplier));
    line-height: calc(48* var(--width-multiplier));
    text-align: center;
    gap: calc(45* var(--width-multiplier));
}
.basic__title img{
    width: calc(220* var(--width-multiplier));
}
.basic__item {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    padding-bottom: calc(96* var(--width-multiplier));
}
.basic__item:before, .basic__item:after{
    content: '';
    position: absolute;
    display: block;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    width: calc(160* var(--width-multiplier));
    height: calc(126* var(--width-multiplier));
}
.basic__item:before{
    top: calc(5* var(--width-multiplier));
    left: calc(-28* var(--width-multiplier));
    background-image: url("../img/lin_frame_L.svg");
}
.basic__item:after{
    right: calc(-19* var(--width-multiplier));
    top: calc(124* var(--width-multiplier));
    background-image: url("../img/lin_frame_R.svg");
}
.basic__num {
    position: relative;
    left:  calc(20* var(--width-multiplier));
    display: flex;
    justify-content: flex-end;
}
.basic__num img {
    width: calc(100* var(--width-multiplier));
    max-height: calc(80 * var(--width-multiplier));
    object-fit: contain;
}
.basic__num b {
    position: relative;
    top: calc(-13 * var(--width-multiplier));
    font-family: 'TT-Medium';
    font-size: calc(83* var(--width-multiplier));
    line-height: calc(83* var(--width-multiplier));
    color: var(--red);
    margin-left: calc(20* var(--width-multiplier));
}
.basic__text{
    font-family: 'TT-Medium';
    font-size: calc(20* var(--width-multiplier));
    line-height: calc(28* var(--width-multiplier));
    margin-top: calc(22* var(--width-multiplier));
    max-width:  calc(240* var(--width-multiplier));
}
@media (min-width: 1024px) {
    .basic .swiper-slide {
        max-width: calc(300* var(--width-multiplier));
    }
    .basic__content {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: calc(70* var(--width-multiplier));
        row-gap: calc(40* var(--width-multiplier));
        column-gap: calc(40* var(--width-multiplier));
    }
}
@media (max-width: 1023px) {
    .basic{
        margin-top: calc(35* var(--width-multiplier));
    }
    .basic__title {
        font-size: calc(24* var(--width-multiplier));
        line-height: calc(34* var(--width-multiplier));
        gap: calc(30 * var(--width-multiplier));
        padding: 0 calc(40 * var(--width-multiplier));
    }
    .basic__content {
        margin-top: calc(55 * var(--width-multiplier));
        margin-bottom: calc(35 * var(--width-multiplier));
    }
    .basic .swiper-slide {
        margin-bottom: calc(20 * var(--width-multiplier));
    }
    .basic__num {
        left: 0;
    }
    .basic__num img {
        width: calc(80 * var(--width-multiplier));
        height: calc(70 * var(--width-multiplier));
    }
    .basic__num b {
        font-size: calc(60* var(--width-multiplier));
        line-height: normal;
        margin-left: calc(10 * var(--width-multiplier));
    }
    .basic__text {
        font-size: calc(18* var(--width-multiplier));
        max-width: 75%;
        padding: 0 calc(10* var(--width-multiplier));
    }
    .basic__item {
        padding-bottom: 0;
        width: calc(280* var(--width-multiplier));
    }
    .basic__item:before {
        left: calc(-10* var(--width-multiplier));
    }
    .basic__item:after {
        right: calc(-15* var(--width-multiplier));
        top: calc(90* var(--width-multiplier));
    }
}

.section-title {
    display: flex;
    justify-content: space-between;
}
.section-title__title {
    max-width: calc(600* var(--width-multiplier));
}
.section-title h2 {
    font-weight: 400;
    font-family: 'TT-Medium';
    font-size: calc(36* var(--width-multiplier));
    line-height: 130%;
    margin: 0 0 calc(25* var(--width-multiplier));
}
.section-title__text {
    font-family: 'TT-Medium';
    font-size: calc(20 * var(--width-multiplier));
    max-width: 74%;
    margin-top: calc(35 * var(--width-multiplier));
}
.section-bottom__title {
    font-family: 'TT-Medium';
    font-size: calc(36* var(--width-multiplier));
    line-height: calc(46* var(--width-multiplier));
    text-align: center;
    margin-bottom: calc(80* var(--width-multiplier));
}
.section-bottom__title span {
    display: block;
}
.section-bottom__title--inline span {
    display: inline;
}

@media (min-width: 1024px) {
    .section-title__image {
        position: relative;
        top: calc(-80 * var(--width-multiplier));
        width: calc(490 * var(--width-multiplier));
        height: calc(290 * var(--width-multiplier));
    }
    .section-title__image img {
        mask-image: url('../img/section-title-right-mask.svg');
        mask-repeat: no-repeat;
        object-fit: cover;
        width: 100%;
        height: 100%;
        border-bottom-right-radius: 3rem;
    }
    .section-title--revert {
        flex-direction: row-reverse;
    }
    .section-title--revert .section-title__title{
        display: flex;
        flex-direction: column;
        align-items: end;
        text-align: end;
    }
    .section-title--revert img {
        mask-image: url('../img/section-title-left-mask.svg');
        border-bottom-right-radius: 0;
        mask-size: contain;
    }
    .section-title--revert .science__divider {
        transform: scaleX(-1);
    }
}
@media (max-width: 1023px) {
    .section-title {
        flex-direction: column;
        margin-bottom: calc(40* var(--width-multiplier));
    }
    .section-title h2 {
        font-size: calc(24* var(--width-multiplier));
        line-height: calc(34* var(--width-multiplier));
        text-align: center;
        margin-bottom: calc(28* var(--width-multiplier));
    }
    .section-title__text {
        font-size: calc(18* var(--width-multiplier));
        max-width: 100%;
        text-align: center;
        margin-top: calc(35* var(--width-multiplier));
        margin-bottom: calc(30* var(--width-multiplier));
    }
    .section-title__image {
        width: calc(335* var(--width-multiplier));
        height: calc(191* var(--width-multiplier));
        border-radius: calc(10* var(--width-multiplier));
        overflow: hidden;
        margin: 0 auto;
    }
    .section-title__image img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .section-bottom__title {
        font-size: calc(24* var(--width-multiplier));
        line-height: calc(34* var(--width-multiplier));
        margin-bottom: calc(40 * var(--width-multiplier));
    }
}

.concept__content {
    display: flex;
    margin-top: calc(-30 * var(--width-multiplier));
    margin-bottom: calc(33 * var(--width-multiplier));
}
.concept__text {
    max-width: calc(433 * var(--width-multiplier));
    font-size: calc(16* var(--width-multiplier));
    line-height: calc(24* var(--width-multiplier));
    margin-right: calc(175* var(--width-multiplier));
}
.concept__table {
    position: relative;
    max-width: calc(568 * var(--width-multiplier));
    padding: calc(80 * var(--width-multiplier)) calc(26 * var(--width-multiplier)) calc(36 * var(--width-multiplier)) calc(35 * var(--width-multiplier));
    border: 1px solid #C4C3C8;
}
.concept__table h3 {
    position: absolute;
    left: 50%;
    top: calc(-13* var(--width-multiplier));
    font-family: 'TT-Medium';
    font-size: calc(18* var(--width-multiplier));
    text-align: center;
    width: calc(350* var(--width-multiplier));
    background-color: #fff;
    transform: translate(-50%, 0);
    padding: 0 calc(20* var(--width-multiplier));
}
.concept__table span {
    display: inline-block;
    flex: auto;
    font-family: 'TT-Medium';
    font-size: calc(18* var(--width-multiplier));
    padding: calc(15* var(--width-multiplier)) calc(15* var(--width-multiplier));
    border: 1px solid #D00E46;
    border-radius: calc(12* var(--width-multiplier));
    text-align: center;
    margin-right: calc(9* var(--width-multiplier));
    margin-bottom: calc(9* var(--width-multiplier));
}
.concept__table-wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.concept__bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.concept__bottom-text {
    margin-bottom: calc(11* var(--width-multiplier));
    font-size: calc(16* var(--width-multiplier));
    font-family: 'TT-Medium';
}

@media (max-width: 1023px) {
    .concept__content {
        margin-top: 0;
    }
    .concept__text {
        max-width: 100%;
        margin-right: 0;
    }
    .concept__bottom {
        margin-top: calc(30* var(--width-multiplier));
    }
    .concept__bottom-text {
        max-width: calc(230* var(--width-multiplier));
        margin-bottom: calc(20* var(--width-multiplier));
        text-align: center;
    }
    .concept__image-bottom {
        margin: calc(70* var(--width-multiplier)) auto 0;
        width: calc(342* var(--width-multiplier));
        height: calc(191* var(--width-multiplier));
        border-radius: calc(10* var(--width-multiplier));
        overflow: hidden;
    }
    .concept__image-bottom img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

.ecology .container {
    max-width: calc(1400* var(--width-multiplier));
}
.ecology .section-title {
    padding: 0 calc(100* var(--width-multiplier));
}
.ecology .section-bottom__title {
    padding: 0 calc(130* var(--width-multiplier));
}
.ecology__content-wrapper img {
    width: calc(87* var(--width-multiplier));
    height: calc(77* var(--width-multiplier));
    object-fit: cover;
}
.ecology .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
}
.ecology__content-item-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: calc(20* var(--width-multiplier));
    width: calc(245* var(--width-multiplier));
}
.ecology__content-item span {
    font-family: 'TT-Regular';
    line-height: 130%;
    margin-top: calc(5* var(--width-multiplier));
}

@media (min-width: 1024px) {
    .ecology__content-wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: calc(-20* var(--width-multiplier));
        padding-bottom: calc(34* var(--width-multiplier));
    }
    .ecology .swiper-slide:nth-child(1),  .ecology .swiper-slide:nth-child(2), .ecology .swiper-slide:nth-child(3) {
        flex: 0 0 33%;
    }
    .ecology .swiper-slide:nth-child(n + 4) {
        margin-top: calc(48* var(--width-multiplier));
    }
    .ecology .swiper-slide:nth-child(1) .ecology__content-item {
        padding-left: calc(200* var(--width-multiplier));
    }
    .ecology .swiper-slide:nth-child(3) .ecology__content-item {
        padding-right: calc(180* var(--width-multiplier));
    }
}

@media (max-width: 1023px) {
    .ecology .section-title, .ecology .section-bottom__title {
        padding: 0;
    }
    .ecology .section-title__text span{
        display: block;
    }
    .ecology .swiper {
        margin-left: 0;
        margin-bottom: calc(20* var(--width-multiplier));
    }
    .ecology .swiper-slide {
        justify-content: start;
    }
    .ecology__content-item-inner {
        font-size: calc(18* var(--width-multiplier));
        max-width: calc(220* var(--width-multiplier));
    }
}

.management .section-title {
    margin-bottom: calc(50* var(--width-multiplier));
}
.management .section-title__text {
    max-width: 80%;
}
.management-table__item {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    min-height: calc(402 * var(--width-multiplier));
}
.management-table__item-title {
    display: flex;
    align-items: center;
    font-size: calc(36 * var(--width-multiplier));
    line-height: 114%;
    margin-bottom: calc(28 * var(--width-multiplier));
}
.management-table__item-title img {
    width: calc(62 * var(--width-multiplier));
    height: calc(62 * var(--width-multiplier));
    margin-right: calc(24 * var(--width-multiplier));
}

.management-table__item-text {
    font-family: 'TT-Regular';
    font-size: calc(16 * var(--width-multiplier));
    line-height: calc(27 * var(--width-multiplier));
    margin-bottom: calc(30 * var(--width-multiplier));
}

@media (min-width: 1024px) {
    .management-table {
        grid-template-columns: repeat(2, 1fr);
        width: 100%;
        margin-bottom: calc(30 * var(--width-multiplier));
        column-gap: calc(242 * var(--width-multiplier));
        row-gap: calc(100 * var(--width-multiplier));
    }
    .management .section-bottom__title {
        max-width: 90%;
        margin: 0 auto calc(60 * var(--width-multiplier));
    }
    .management .swiper-wrapper {
        display: grid;
    }
    .management .swiper-slide:nth-child(even)::after {
        content: '';
        position: absolute;
        left: calc(-121 * var(--width-multiplier));
        top: calc(20 * var(--width-multiplier));
        height: 92%;
        width: 1px;
        background-color: #C4C3C8;
        transform-origin: center;
    }
    .management .swiper-slide:nth-child(even)::before {
        content: '';
        position: absolute;
        left: -150%;
        bottom: calc(-35* var(--width-multiplier));
        height: 1px;
        width: 250%;
        background-color: #C4C3C8;
        transform-origin: center;
    }
    .management .swiper-slide:last-child::before {
        display: none;
    }
    .management-table__item-text a:hover {
        text-decoration: underline;
        text-underline-offset: calc(2 * var(--width-multiplier));
        text-decoration-skip-ink: none;
    }
}

@media (max-width: 1023px) {
    .management.section--shedow {
        box-shadow: none;
    }
    .management .section-title__text {
        max-width: 100%;
    }
    .management-table__item-title {
        font-size: calc(24 * var(--width-multiplier));
    }
    .management .swiper {
        margin-bottom: calc(40 * var(--width-multiplier));
    }
    .management .swiper-slide {
        height: auto;
    }
    .management-table__item {
        height: 100%;
    }
    .management .swiper-slide .btn {
        margin: 0 auto;
    }
    .management
}

.social .section-bottom__title{
    margin-bottom: calc(40 * var(--width-multiplier));
}
.social .swiper-slide {
    display: flex;
}
.social-table__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    max-width: calc(250 * var(--width-multiplier));
}
.social .swiper-slide:nth-child(2) .social-table__item {
    max-width: calc(350 * var(--width-multiplier));
}
.social-table__item img {
    width: calc(92 * var(--width-multiplier));
    height: calc(85 * var(--width-multiplier));
    margin-bottom: calc(10 * var(--width-multiplier));
    object-fit: cover;
}
.social-table__item span {
    text-align: center;
    font-size: calc(20 * var(--width-multiplier));
}

@media (min-width: 1024px) {
    .social .swiper-wrapper {
        display: grid;
    }
    .social-table {
        justify-items: center;
        grid-template-columns: repeat(2, 1fr);
        width: 100%;
        margin: 0 auto;
        column-gap: calc(160 * var(--width-multiplier));
        row-gap: calc(40 * var(--width-multiplier));
        max-width: calc(900 * var(--width-multiplier));
    }
}
@media (max-width: 1024px) {
    .social-table__item span {
        font-size: calc(18 * var(--width-multiplier));
    }
    .social-table__item img {
        width: calc(72 * var(--width-multiplier));
        height: calc(65 * var(--width-multiplier));
    }
    .social .swiper {
        margin-bottom: calc(30 * var(--width-multiplier));
    }
}
.reports__title {
    margin: 0 0 calc(60 * var(--width-multiplier));
    text-align: center;
}
.reports__title h2 {
    font-family: 'TT-Medium';
    font-size: calc(36 * var(--width-multiplier));
    font-weight: 300;
    margin: 0 auto calc(30 * var(--width-multiplier));
    max-width: 60%;
    line-height: 120%;
}
.reports-content {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.reports-content__title {
    max-width: calc(903 * var(--width-multiplier));
    text-align: center;
    margin-bottom: calc(50 * var(--width-multiplier));
}
.reports-content__title h3{
    font-size: calc(36 * var(--width-multiplier));
    font-weight: 400;
    margin-bottom: calc(12 * var(--width-multiplier));
}
.reports-content__subtitle {
    font-family: 'TT-Regular';
    font-size: calc(16 * var(--width-multiplier));
}
.reports-slider__wrapper {
    position: relative;
    width: 100%;
    margin-bottom: calc(70 * var(--width-multiplier));
}
.swiper.reports-slider {
    margin: 0;
    padding: calc(45 * var(--width-multiplier)) 0 calc(100 * var(--width-multiplier)) ;
}
.reports-slide {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.reports-slide__title {
    font-family: 'TT-Medium';
    font-size: calc(80 * var(--width-multiplier));
    line-height: 100%;
    color: #C4C3C8;
    margin-bottom: calc(28 * var(--width-multiplier)) ;
    transition: 0.3s ease-out;
}
.reports-slide a:nth-child(2) {
    margin-bottom: calc(20 * var(--width-multiplier));
}
.reports-slide a {
    box-sizing: border-box;
}
.reports-slide:hover .reports-slide__title {
    color: #D00E46;
}
.swiper-button-next, .swiper-button-prev {
    background-image: url('../img/arrow_gr_right.svg');
}

.reports-slider__wrapper .swiper-button-next {
    right: calc(-130 * var(--width-multiplier));
    top: 50%;
    transform: translate(0, -30%);
}

.reports-slider__wrapper .swiper-button-prev {
    left: calc(-130 * var(--width-multiplier));
    top: 50%;
    transform: rotate(180deg) translate(0, 43%);
}

.swiper-button-next:hover, .swiper-button-prev:hover {
    background-image: url('../img/arrow_red_right_active.svg');
}
.reports-act .btn--gray:hover {
    background-color: var(--brown);
}
.reports-act h3, .contact h3 {
    font-family: 'TT-Medium';
    text-align: center;
}
.reports-act__wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin: calc(28 * var(--width-multiplier)) auto 0;
    column-gap: calc(32 * var(--width-multiplier));
    row-gap: calc(20 * var(--width-multiplier));
    max-width: calc(810 * var(--width-multiplier));
}
.reports-act .btn {
    width: 100%;
    padding-left: calc(20 * var(--width-multiplier));
    padding-right: calc(20 * var(--width-multiplier));
}

@media (min-width: 1024px) {
    .swiper.reports-slider {
        border-top: 1px solid #C4C3C8;
        border-bottom: 1px solid #C4C3C8;
        overflow: hidden;
    }
    .reports-slide:after {
        content: '';
        position: absolute;
        right: calc(-10 * var(--width-multiplier));
        top: calc(50 * var(--width-multiplier));
        height: 100%;
        width: 1px;
        background-color: #C4C3C8;
        transform-origin: center;
    }
    .reports-slide:last-child::after {
        display: none;
    }
    .reports-act {
        margin-top: calc(-11 * var(--width-multiplier));
    }
}

@media (max-width: 1023px) {
    .reports.section--shedow {
        /*box-shadow: none;*/
    }
    .reports__title h2 {
        font-size: calc(24 * var(--width-multiplier));
        max-width: 100%;
    }
    .reports-content {
        position: relative;
    }
    .reports-content::after {
        content: '';
        position: absolute;
        left: calc(20 * var(--width-multiplier));
        bottom: 0;
        width: calc(100% - calc(40 * var(--width-multiplier)));
        height: 1px;
        transform-origin: left;
        background-color: #949494;
    }
    .reports-content__title h3{
        font-size: calc(24 * var(--width-multiplier));
        line-height: calc(34 * var(--width-multiplier));
        margin-bottom: calc(38 * var(--width-multiplier));
    }
    .reports .swiper {
        overflow: visible;
    }
    .swiper.reports-slider {
       padding: 0;
    }
    .reports-slide__title {
        font-size: calc(60 * var(--width-multiplier));
    }
    .reports-act h3, .contact h3 {
        line-height: calc(34 * var(--width-multiplier));
    }
    .reports-act__wrapper {
        grid-template-columns: 1fr;
        row-gap: calc(8 * var(--width-multiplier));
        margin: calc(30 * var(--width-multiplier)) auto calc(50 * var(--width-multiplier));
    }
    .reports .swiper-slide-active .reports-slide__title {
        color: var(--red);
    }
    .reports-slider__wrapper {
        margin-bottom: calc(85 * var(--width-multiplier));
    }
    .reports-act {
        margin-top: calc(40 * var(--width-multiplier));
    }
    .reports-act .btn{
        justify-content: center;
    }
    .reports-act .btn--pdf::before {
        display: none;
    }
    .reports-act__wrapper {
        margin-bottom: 0;
    }
    .reports-act h3 {
        font-size: calc(24 * var(--width-multiplier));
        max-width: 75%;
        margin: 0 auto;
    }

}

.contact {
    padding-top: calc(44 * var(--width-multiplier)) !important;
    padding-bottom: calc(60 * var(--width-multiplier)) !important;
}

.contact__wrapper {
    background-color: var(--grayBg);
    border-radius: calc(12 * var(--width-multiplier));
    padding: calc(42 * var(--width-multiplier)) calc(150 * var(--width-multiplier)) calc(40 * var(--width-multiplier));
}

.contact__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: calc(55 * var(--width-multiplier));
    line-height: 100%;
}

.contact__name {
    font-size: calc(36 * var(--width-multiplier));
    margin-bottom: calc(18 * var(--width-multiplier));
}

.contact__post {
    font-family: 'TT-Medium';
    font-size: calc(20 * var(--width-multiplier));
}

.contact__item-top {
    margin-bottom: calc(25 * var(--width-multiplier));
}

.contact__item-bottom a {
    display: flex;
    align-items: center;
    font-family: 'TT-Regular';
}

.contact__item-bottom a:first-child {
    margin-bottom: calc(8 * var(--width-multiplier));
}

.contact__item-bottom span {
    font-size: calc(16 * var(--width-multiplier));
}

.contact__item-bottom img {
    width: calc(16 * var(--width-multiplier));
    height: calc(16 * var(--width-multiplier));
    margin-right: calc(10 * var(--width-multiplier));
}

.contact__bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: calc(50 * var(--width-multiplier));
}

.contact__bottom span {
    font-family: 'TT-Medium';
}

.contact__bottom .btn {
    margin-top: calc(20 * var(--width-multiplier));
}

@media (min-width: 1024px) {
    .contact .section--shedow {
        box-shadow: none;
    }
}

@media (max-width: 1023px) {
    .contact {
        background-color: var(--grayBg);
        box-shadow: 0 calc(-20 * var(--width-multiplier)) calc(20 * var(--width-multiplier)) calc(-5 * var(--width-multiplier)) rgba(0, 0, 0, 0.2);
    }
    .contact .container {
        width: 100%;
    }
    .contact__wrapper {
        background-color: transparent;
        padding: 0;
    }
    .contact h3 {
        font-size: calc(24 * var(--width-multiplier));
        margin-bottom: calc(30 * var(--width-multiplier));
    }
    .contact__top {
        flex-direction: column;
    }
    .contact__item:nth-child(1) {
        margin-bottom: calc(50 * var(--width-multiplier));
    }
    .contact__name {
        font-size: calc(24 * var(--width-multiplier));
    }
    .contact__post {
        font-size: calc(18 * var(--width-multiplier));
    }
    .contact__item-bottom img {
        width: calc(15 * var(--width-multiplier));
    }
    .contact__item-top, .contact__item-bottom {
        text-align: center;
    }
    .contact__item-bottom a {
        justify-content: center;
    }
    .contact__bottom span {
        text-align: center;
    }
}
/*ustoychivoe-razvitie*/

/*interaction*/
.interaction h2 {
    margin: 0;
    margin-bottom: calc(25 * var(--width-multiplier));
}
.interaction p {
    margin: 0;
}
.interaction .main-first-section {
    padding-top: calc(200* var(--width-multiplier));
    padding-bottom: calc(40* var(--width-multiplier));
}
.interaction .main-first-section__title {
    margin-bottom: 0;
}
.interaction .main-first-section .main-first-section__left::before {
    display: none;
}
.interaction .infrastructure-first-section__img {
    height: 100%;
}
.interaction .small p:not(:last-child) {
    margin-bottom: calc(30 * var(--width-multiplier));
}
.interaction .big {
    font-size: calc(20 * var(--width-multiplier));
    font-family: 'TT-Medium';
    margin-bottom: calc(50 * var(--width-multiplier));
    line-height: 144%;
}
@media (min-width: 1024px) {
    .interaction .main-first-section__img-container {
        width: calc(843 * var(--width-multiplier));
        height: calc(596 * var(--width-multiplier));
    }
}
@media (max-width: 1023px) {
    .interaction h2 {
        padding: 0  calc(10* var(--width-multiplier));
    }
    .interaction .main-first-section {
        padding-top: calc(100* var(--width-multiplier));
        padding-bottom: calc(0* var(--width-multiplier));
    }
    .interaction .main-first-section__title {
        font-size: calc(34 * var(--width-multiplier));
    }
    .interaction .big {
        font-size: calc(18 * var(--width-multiplier));
        text-align: center;
        line-height: 130%;
    }
    .interaction .small {
        margin-top: calc(20 * var(--width-multiplier));
    }
    .interaction .small p {
        font-size: calc(16 * var(--width-multiplier));
    }
    .interaction p:not(:last-child) {
        margin-bottom: calc(20 * var(--width-multiplier));
    }
    .interaction .main-first-section__img-container {
        position: relative;
        left: calc(-20 * var(--width-multiplier));
        top: 0;
        width: calc(100% + calc(40 * var(--width-multiplier)));
    }
    .interaction .infrastructure-first-section__img img {
        mask-image: none;
    }
}

.interaction .section-bottom {
    padding: calc(80 * var(--width-multiplier)) 0;
}
.interaction .section-bottom:first-child {
    padding: calc(40 * var(--width-multiplier)) 0 calc(80 * var(--width-multiplier));
}
.interaction .section-bottom:first-child {
    border-bottom: 1px solid #949494;
}
.interaction ul {
    padding-left: 0;
    margin: 0;
}
.interaction ul li {
    display: flex;
    align-items: baseline;
}
.interaction ul li::before {
    content: '';
    flex: 0 0 calc(13* var(--width-multiplier));
    width: calc(12* var(--width-multiplier));
    height: calc(12* var(--width-multiplier));
    background-color: #D00E46;
    border-radius: 50%;
    margin-right: calc(8* var(--width-multiplier));
}
.interaction .section-bottom__text {
    margin-top: calc(50* var(--width-multiplier));
}
.interaction .section-bottom__text li, .interaction .section-bottom__text span {
    font-family: 'TT-Regular';
}
.resident-policy span {
    display: inline-block;
}
.resident-policy .section-bottom__text span:not(:last-child) {
    margin-bottom: calc(30* var(--width-multiplier));
}

@media (min-width: 1024px) {
    .interaction ul {
        display: flex;
        flex-wrap: wrap;
        column-gap: calc(210 * var(--width-multiplier));
    }
    .interaction ul li {
        flex: 0 0 40%;
    }
    .resident-policy .swiper-wrapper {
        column-gap: calc(200* var(--width-multiplier));
    }
    .resident-policy .swiper-slide {
        flex: 0 0 40%;
    }
}
@media (max-width: 1023px) {
    .interaction .section-bottom {
        padding: calc(40 * var(--width-multiplier)) 0;
    }
    .interaction .section-bottom:first-child {
        padding: calc(40 * var(--width-multiplier)) 0 calc(40 * var(--width-multiplier));
    }
    .resident-policy .section-bottom__text span:not(:last-child) {
        margin-bottom: calc(20* var(--width-multiplier));
    }
    .interaction .swiper {
        overflow: visible;
    }
    .interaction .contact__bottom {
        margin-top: calc(90* var(--width-multiplier));
    }

}

/*interaction*/

.btn-darck{
  width: 282px;
  height: 52px;
  display: flex;
  align-items: center;
  border-radius: 8px;
  justify-content: center;
  text-align: center;
  user-select: none;
  cursor: pointer;
  border: 0;
  outline: 0;
  transition: .2s all ease-out;
  background-color: var(--textColor);
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
}
.btn-darck:hover{
  background: var(--red);
  color: #fff;
}
.btn-red{
  width: 100%;
  height: 52px;
  display: flex;
  align-items: center;
  border-radius: 8px;
  justify-content: center;
  text-align: center;
  user-select: none;
  cursor: pointer;
  border: 0;
  outline: 0;
  transition: .2s all ease-out;
  background-color: var(--red);
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  font-family: 'TT-Medium';
  text-decoration: none;
}
.btn-red:hover{
  background: var(--brown);
  color: #fff;
}
.result__bottom-btn{
  display: flex;
  flex-flow: wrap;
  justify-content: center;
  gap:20px;
  margin-bottom: 60px;
}
.btn-border{
  width: 100%;
  max-width: 282px;
  height: 52px;
  display: flex;
  align-items: center;
  border-radius: 8px;
  justify-content: center;
  text-align: center;
  user-select: none;
  cursor: pointer;
  border: 0;
  outline: 0;
  transition: .2s all ease-out;
  border: solid 1px #C3C2C7;
  color: var(--textColor);
  background: transparent;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
}
.btn-border--is-big{
    width: 100%;
    max-width: 440px;
    padding: 5px;
}
.btn-border:hover, .btn-border._active{
  background:#EAEAEA;
  border-color: #EAEAEA;
  color: var(--red);
}
.mt64{
  margin-top: 64px;
}
.contactList{
  margin-top: 20px;
}
.contactList__nav{
  display: flex;
  flex-wrap: wrap;
  gap:10px;
  padding-bottom: 41px;

}
.contactList__nav a{
  font-weight: 300;
  font-size: 16px;
  line-height: 22px;
  color:#C3C2C7;
  text-decoration: none;
  padding-bottom: 3px;
  border-bottom: 2px solid transparent;
  transition: .2s all ease-out;
  margin-right: 20px;
  font-family: 'TT-Regular';
}
.contactList__nav a:hover, .contactList__nav a._active{
  font-weight: 500;
  font-family: 'TT-Medium';
  border-color: var(--red);
  color:var(--textColor);
}
.contactList__nav a._chs{
  color:var(--red);
  font-weight: 500;
  font-family: 'TT-Medium';
}
.contactList__item{
  border-top: 1px solid #C9C9C9;

  justify-content: space-between;
  padding-top: 34px;
  padding-bottom: 72px;
  display: none;
}
.contactList__item._active, .contactList__item._chs{
  display: flex;
}
.contactList__left{
  font-size: 36px;
  line-height: 48px;
  font-weight: 500;
  display: flex;
  flex-direction: column;
  gap: 17px;
  font-family: 'TT-Medium';
  width: 35%;
}
.contactList__left small{
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  color:var(--lightGray);
  font-family: 'TT-Medium';
}
.contactList__right{
  width: 100%;
  max-width: 596px;
  display: flex;
  flex-direction: column;
  margin-top: 16px;
  gap: 63px;
}
.contactList__right-content{
  display: flex;
  flex-direction: column;
}
.contactList__row{
    display: flex;
    align-items: flex-start;
    gap:48px;
    justify-content: space-between;
}
.contactList__right-title{
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 7px;
  font-family: 'TT-Medium';
}
.contactList__right-row{
  display: flex;
  flex-direction: column;
  gap:5px;
}
.contactList__right-col{
  display: flex;
  align-items: flex-start;
  gap:15px;
}
.contactList__right-col img{
  margin-top: 7px;
}
.contactList__right-col span, .contactList__right-col a{
  font-size: 16px;
  line-height: 26px;
  font-weight: 300;
  text-decoration: none;
  color:var(--textColor);
  font-family: 'TT-Regular';
}
.contactList__right-col span b{
  line-height: 22px !important;
}
.contactList__right-col small{
  font-size: 14px;
  font-weight: 300;
  color:var(--lightGray);
  font-family: 'TT-Regular';
}
.contactEmrg{
  background: #EAEAEA;
  padding: 125px 0 162px;
  box-shadow: 0px -27px 29px -5px rgba(0,0,0,0.2);
  display: none;
}
.contactEmrg._active{
  display: block;
}
.contactEmrg__list{
  display: flex;
  justify-content: space-between;
  gap:20px
}

.contactEmrg__item{
  background: url(../img/item-mask.svg) no-repeat top left;
  background-size: 100% 100%;
  padding: 36px 44px ;
  width: 100%;
  max-width: 387px;
  min-height: 243px;
  display: flex;
  flex-direction: column;
}
.contactEmrg__item-title{
  display: flex;
  align-items: center;
  gap:15px;
  margin-bottom: 23px;
}
.contactEmrg__item-title span{
  font-size: 26px;
  font-weight: 500;
  color: var(--red);
  font-family: 'TT-Medium';
}
.contactEmrg__item span, .contactEmrg__item a{
  font-size: 26px;
  font-weight: 500;
  line-height: 48px;
  text-decoration: none;
  color:var(--textColor);
  font-family: 'TT-Medium';
}

.title{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap:30px;
  font-size: 36px;
  line-height: 32px;
  font-weight: 500;
  margin-bottom: 78px;
  font-family: 'TT-Medium';
}
.title small{
  font-weight: 500;
  font-size: 20px;
  font-family: 'TT-Medium';
}
.title img{
  width: 220px;
}

.title.t-center{
  text-align: center;
}
.contactUs{
  padding: 100px 0;
}
.contactUs__btn{
  display: flex;
  justify-content: center;
  gap:30px;
  margin-bottom: 42px;
}
.contactUs__btn .btn-red, .contactUs__btn .btn-border{
  max-width: 265px;
}
.input{
  display: flex;
  align-items: center;
  height: 50px;
  border: none;
  box-shadow: none;
  outline: none;
  border-bottom: 1px solid #C9C9C9;
  font-size: 21px;
  color:#4D4D4F;
}
.input::placeholder{
  color:#939394;
}
.input:focus, .input:visited, .input:not(:placeholder-shown){
  border-bottom-color: var(--red);
}
.select{
  display: flex;
  align-items: center;
  height: 50px;
  border: none;
  box-shadow: none;
  outline: none;
  border-bottom: 1px solid #C9C9C9;
  font-size: 21px;

  color:#4D4D4F;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: url("../img/select-arrow.svg") no-repeat center right;
}
.contactUs__form{
  display: flex;
  align-items: center;
  flex-direction: column;
}
.contactUs__form-row{
  width: 890px;
  display: flex;
  justify-content: space-between;
  gap:40px;
  margin-bottom: 20px;
}
.contactUs__form-row._center{
  justify-content: center;
}
.contactUs__form .input, .contactUs__form .select{
  width: 100%;
  max-width: 350px;

}
.contactUs__bottom-text{
  font-size: 16px;
  line-height: 22px;
  font-weight: 300;
  color:var(--lightGray);
  text-align: center;
  max-width: 824px;
  margin: 0 auto;
}


.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
}

.btn-reset {
  padding: 0;
  border: none;
  background-color: transparent;
  cursor: pointer;
}

.container {
  max-width: 1230px;
  padding: 0 15px;
  margin-right: auto;
  margin-left: auto;
}

.hero {
  position: relative;
  margin-top: -65px;
}

.hero__img {
  position: absolute;
  right: 0;
}

.hero__title {
  padding-top: 150px;
  font-family: "TT-Medium";
  font-weight: 500;
  font-size: 48px;
  line-height: 56px;
  margin-bottom: 30px;
}

.hero__title span {
  color: var(--red);
}

.hero__descr {
  font-family: "TT-Medium";
  font-weight: 500;
  color: #393649;
  font-size: 20px;
  font-weight: 400;
  line-height: 34px;
  margin-bottom: 30px;
}
.hero__blocks {
      display: flex;
  gap: 40px;
  margin-bottom: 30px;
}
.hero__block {
  display: flex;
  gap: 40px;
  margin-bottom: 30px;
}

.hero__text {
  padding-top: 150px;
  color: #929292;
  font-family: "TT-Regular";
  font-size: 16px;
  line-height: 1.5rem;
}

.hero__text span {
  color: #ba0048;
  font-family: "TT-Medium";
  font-weight: 500;
}

.button {
  background-color: #393649;
  border-radius: 8px;
  color: #fff;
  padding: 19px 0;
  max-width: 256px;
  width: 100%;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  display: block;
  transition: background-color 0.3s ease-in-out;
  font-family: "TT-Medium";
  font-weight: 500;
}

.gray-button {
  transition: background-color 0.3s ease-in-out;
}

.gray-button:hover {
  background-color: #ba0048;
}

.product {
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative;
}

.product__title {
  color: #393649;
  font-family: "TT-Medium";
  font-weight: 500;
  text-transform: uppercase;
  font-size: 50px;
  line-height: 40px;
  text-align: center;
  margin-bottom: 30px;
}

.product__decor {
  display: flex;
  flex-direction: row-reverse;
  max-width: 200px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 40px;
}

.product__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 20px;
  max-width: 70%;
  margin-bottom: 50px;
}

.svgs {
  max-width: 500px;
}

.abs-svg-1 {
  position: absolute;
  right: 0;
  max-width: 450px;
  top: 150px;
}

.abs-svg-2 {
  position: absolute;
  right: 15%;
  max-width: 450px;
  top: 200px;
}

.product__item {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #929292;
  cursor: pointer;
}

.product__item svg {
  width: 45px;
  height: 45px;
  filter: grayscale(1);
}



.product__item:hover svg {
  filter: grayscale(0);
}

.active {
  color: var(--red);
}

.active svg {
  filter: grayscale(0);
}

.product__list-2 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: 30px;
       column-gap: 30px;
  row-gap: 50px;
  margin-bottom: 50px;
}
.photo__item {
    color: #c2c0c6;
    font-size: 50px;
    font-family: "Moscow-Medium";
    font-weight: 500;
    cursor: pointer;
}
.product__item-2 {
  border-radius: 30px;
  border: 2px solid #c2c0c6;
  border-bottom-right-radius: 10rem;
  position: relative;
}

.product-card-img {
  width: 100%;
}

.product-card-text-block {
  padding: 30px;
}

.product-card-title {
  font-size: 20px;
color: var(--textColor);
  margin-bottom: 50px;
  transition: color 0.3s ease-in-out;
}

.product-card-title:hover {
  color: #ba0048;
}

.product-card-text {
  display: block;
  font-size: 16px;
  color: #929292;

  font-weight: 500;
  margin-bottom: 15px;
  letter-spacing: 3px;
  transition: color 0.3s ease-in-out;
}

.product-card-text:hover {
  color: #ba0048;
}

.product-card-text::after {
  content: "";
  display: block;
  width: 30%;
  background-color: #ba0048;
  height: 2px;
  margin-top: 15px;
}

.product-card-block {
  display: flex;
  align-items: center;
  gap: 15px;
}

.product-card-svg {
  width: 30px;
  height: 30px;
  flex-shrink: 0;
}

.product-card-svg-2 {
  stroke-width: 4px;
}

.product-card-text-2 {
  font-size: 16px;
  color: #929292;
  font-family: "TT-Regular";
  font-weight: 400;
}

.product-card-svg-2 {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 80px;
  height: 80px;
}

.connect {
  background-color: #ebebeb;
  box-shadow: 0px -27px 29px -5px rgba(0, 0, 0, 0.2);
  padding: 100px 0;
}

.connect__title {
  color: #393649;
  font-family: "TT-Medium";
  font-weight: 500;
  text-transform: uppercase;
  font-size: 50px;
  line-height: 40px;
  text-align: center;
  margin-bottom: 30px;
}

.connect__title span {
  color: #ba0048;
}

.connect__descr {
  color: #393649;
  font-family: "TT-Medium";
  font-weight: 500;
  text-transform: uppercase;
  font-size: 24px;
  line-height: 40px;
  text-align: center;
  margin-bottom: 30px;
}

.svg {
  width: 300px;
  display: block;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 30px;
}

.buttons {
  display: flex;
  gap: 30px;
  justify-content: center;
  margin-bottom: 60px;
}

.connect-red__btn {
  background-color: #ba0048;
  margin-right: unset;
  margin-left: unset;
  transition: background-color 0.3s ease-in-out;
}

.connect-red__btn:hover {
  background-color: #6b132d;
}

.connect-empty__btn {
  background-color: transparent;
  color: #393649;
  border: 1px solid #929292;
  margin-right: unset;
  margin-left: unset;
  transition: border 0.3s ease-in-out, color 0.3s ease-in-out;
}

.connect-empty__btn:hover {
  border: 1px solid #ba0048;
  color: #6b132d;
}

.inputs {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px 100px;
  max-width: 70%;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 30px;
}

.form__input::-moz-placeholder {
  font-size: 20px;
}

.form__input::placeholder {
  font-size: 20px;
}

.form__input {
  max-width: 300px;
  background-color: transparent;
  border: unset;
  border-bottom: 1px solid #929292;
  outline: unset;
}

.connect__btn {
  margin-bottom: 30px;
}

.connect__text {
  color: #929292;
  text-align: center;
}

.form__input:focus {
  border-bottom: 1px solid #ba0048;
}/*# sourceMappingURL=style.css.map */


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

.subline span:nth-child(1),
.subline span:nth-child(3) {
    display: block;
    width: 90px;
    height: 1px;
    background: #d00e46;
}

.subline span:nth-child(2) {
    display: block;
    width: 60px;
    height: 4px;
    background: #d00e46;
}



.h1-title {
    color: #393649;
    font-size: 56px;
    line-height: 66px;

}

.h2-title {
    color: #393649;
    font-weight: normal;
    font-size: 36px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;

}

.p-desc {
    font-size: 16px;
    color: #393649;
    font-family: "TT-Regular";
}

.marked { color: #d00e46; }
.bold { font-weight: bold;}

.subtitle {
    color: #393649;
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: "TT-Medium";
}




.bstyle-1, .bstyle-2 {
    display: block;
    background: #D00E46;
    padding: 15px 30px;
    color: #fff;
    text-decoration: none;
    border:none;
    border-radius: 10px;
    text-align: center;
    font-size: 18px;
    transition: .3s;
    font-weight: 700;
    font-family: "TT-Medium";
}


.bstyle-2 {
    background: #393649;
}

.bstyle-1:hover {
    background: #B82B54;
    cursor: pointer;
}



.bstyle-2:hover {
    color: #fff;
    background: #000;
    cursor: pointer;
}

.bstyle-3 {
    display: block;
    border: 1px solid #e1e1e3;
    border-radius: 10px;
    padding: 10px 30px;
    color: #D00E46;
    font-size: 18px;
    text-align: center;
    text-decoration: none;
    transition: .3s;
    font-weight: 700;
    font-family: "TT-Medium";
}

.bstyle-3:hover {
    color: #000;
    background: #f0f0f0;
}


.istyle-1 {
    outline: none;
    border: none;
    border-bottom: 2px solid #dcdcdc;
    padding: 10px;
    background: #fff;
    color: #949497;
    font-size: 20px;
    transition: .3;
    font-family: "TT-Medium";
}


.tstyle-1 {
    outline: none;
    background: #fff;
    border: 2px solid #dcdcdc;
    padding: 20px;
    border-radius: 10px;
    resize: none;
    color: rgba(0,0,0,.6);
    font-size: 20px;
    /* font-family: "TT-Medium"; */
}

.istyle-1:focus  {
    border-bottom: 2px solid #D00E46;
}

.tstyle-1:focus {
    border: 2px solid #D00E46;
}


.line {
    padding: 10px;
    background: #c5c4c9;
}


/* ENDBASETTING /*

/* SECTION-1 */

.section-1 {
    position: relative;
    margin-top: 60px;
}

.section-1__main {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding-bottom: 120px;
    max-width: 555px;
}


.left-vector {
    position: absolute;
    left: -120px;
    top: 0;
}

.section-1__left-block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 5%;
    position: relative;

}


.section-1__subtitle {
    margin-top: 10px;
    font-size: 20px;
    line-height: 25px;
    font-weight: 700;
    text-transform: none;
    font-family: "TT-Medium";
}


.section-1__buttons-block {
    display: flex;
    justify-content: space-around;
    margin-top: 60px;
}

.button-block__bb-button,
.subbutton-block__bb-button {
    display: flex;
    align-items: center;
    justify-content: center;
}

.bstyle-1 img,
.bstyle-2 img {
    width: 20px;
    margin-left: 5px;
}

.bstyle-3 img{
    width: 30px;
    margin-left: 10px;
}

.section-1__buttons-block a:first-child {
    padding: 15px 60px;
}

.section-1__buttons-block a:not(:first-child) {
    margin-left: 20px;
}

.subbutton-block__bb-button {
    margin-top: 20px;
    align-self: flex-start;
}




.section-1__right-block img {
    /*width: 600px;
    border-bottom-left-radius: 100%;
    border-top-left-radius: 0px;
    object-fit: cover;*/
    width: 100%;
    position: relative;
    z-index: 1;
    height: 100%;
}


.section-1__right-block::before {
    content: "";
    display: block;
    position: absolute;
    left: -1px;
    bottom: -1px;
    background: url(../img/bl.svg) no-repeat left bottom;
    width: 100%;
    height: 100%;
    z-index: 2;
}


.section-1__right-block {
    position: absolute;
    right: 0;
}


/* ENDSECTION-1 */


/* SECTION-2 */

.section-2 {
    background: #ebebed;
    padding-bottom: 120px;
    padding-top: 80px;
}

.section-2__main {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.section-2__h2-title {
    margin-bottom: 15px;
}


.section-2__blocks {
    display: grid;
    grid-template-columns: repeat(4, 150px);
    grid-gap: 100px;
    justify-content: center;
    width: 100%;
}


.section-2__title {
    color: #443c4e;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    font-family: "TT-Medium";
}

.section-2__blocks {
    margin-top: 60px;
}


.section-2__block {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}


.section-2__subline {
    margin-top: 10px;
}

.section-2__img img {

    width: 90px;
    margin-bottom: 0;
}


/* ENDSECTION-2 */


/* SECTION-3 */

.section-3 {
    padding-top: 130px;
    padding-bottom: 80px;
    max-width: 1250px;
    margin: 0 auto;
}



.section-3__s-main-block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 2px solid #e787a3;
    padding: 30px 50px;
    padding-bottom: 80px;
    margin: auto;
}

.section-3__big-title {
    font-size: 80px;
    color: #d00e46;
    background: #fff;
    padding: 20px 70px;
    margin-top: -100px;
    font-family: "TT-Medium";
}

.section-3__h3-title {
    color: #393649;
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 20px;
    font-family: "TT-Medium";
}

.section-3__p-desc {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 40px;
    font-size: 20px;
    line-height: 29px;
    font-weight: bold;
    font-family: "TT-Medium";
}


.section-3__blocks {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 90px;
    width: 100%;
    justify-content: space-between;
}

.section-3__block {
    display: flex;
    flex-direction: column;
}

.section-3__stage {
    display: block;
    color: #d00e46;
    padding-bottom: 6px;
    border-bottom: 1px solid #c9c8cc;
    margin-bottom: 10px;
    font-size: 34px;
    text-align: center;
    display: inline-block;
    width: 100%;
    font-family: "TT-Medium";
}

.stage-list {
    padding-left: 0px;
}

.stage-list__link {
    text-decoration: none;
    color: #393649;
    font-size: 16px;
    width: 100%;
    transition: .3s;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    font-weight: bold;
    line-height: 20px;
    font-family: "TT-Medium";
}

.stage-list__item:not(:first-child) {
    margin-top: 6px;
}

.stage-list__link span {
    text-align: right;
    font-weight: normal;
    color: rgba(0,0,0,.4);
}

.stage-list__link:hover {
    color: #d00e46;
}

.section-3__down-title {
    background: #fff;
    font-size: 34px;
    color: #d00e46;
    padding: 60px 70px 40px 70px;
    margin-bottom: -140px;
    font-family: "TT-Medium";
}





/* ENDSECTION */



/* SECTION-4 */



.section-4__slide {
    width: 1400px;
    margin: auto;
    margin-top: 100px;
}

.slick-arrow {
    display: block !important;
}

/* ENDSECTION-4 */

/* SECTION-5 */


.section-5{
    padding-top: 80px;
    padding-bottom: 80px;
    background: #ebebed;

}

.section-5__main {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.section-5__subtitle {
    margin-top: 10px;
}

.section-5__subline {
    margin-top: 10px;
}

.section-5_virtual3d {
    width: 1210px;
    margin-top: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.section-5_virtual3d img {
    width: 100%;
    height: 450px;
    border-radius: 10px;
    object-fit: cover;
}

/* ENDSECTION-5 */

/* SECTION-6 */


.section-6 {
    padding-top: 80px;
    padding-bottom: 80px;

}

.section-6__main {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.section-6__h2-title {
    margin-bottom: 10px;
}


.section-6__subline {
    margin-top: 20px;
}



.section-6__slider {
    overflow: hidden;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 40px auto auto auto;
}

.section-5__subline {
    margin-top: 20px;
}

.section-6__subtitle {
    font-size: 20px;
}

.slider-top__block {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.slider-top__block span {
    align-self: center;
    display: block;
    margin-top: 10px;
    font-size: 16px;
    color: #393649;
    font-family: 'TT-Regular';
}

.slider-top__block img {
    width: 100%;
    height: 500px;
    object-fit: cover;
}

.slider-bottom {
    display: flex;
    margin-top: 20px;
    justify-content: center;
}

.section-6__slider img {
    border-radius: 10px;
    cursor: pointer;
}

.slider-bottom__block:not(:first-child) {
    margin-left: 20px;
}

.slider-bottom__block img {
    width: 100px;
    height: 100px;
}

.section-6__preslide {
    display: flex;
    align-items: center;
    width: 1300px;
}


.preslide-prev-s {
    width: 80px;
    height: 90px;
    border: none;
    background: url("../img/svg/arrow_gr_lev.svg") no-repeat;
    cursor: pointer;
    margin-top: -100px;
    position: relative;
    left: 0;

}

.preslide-next-s {
    width: 60px;
    height: 90px;
    border: none;
    background: url("../img/svg/arrow_gr_right.svg") no-repeat;
    cursor: pointer;
    margin-top: -100px;
    position: relative;
    right: -20px;

}

.preslide-prev-s:hover {
    background: url("../img/svg/arrow_red_lev_active.svg") no-repeat;
}

.preslide-next-s:hover {
    background: url("../img/svg/arrow_red_right_active.svg") no-repeat;
}


.section-6__slider-dots {
    align-self: center;
}


.slider-dots {
    margin-top: 20px;
    display: flex;
    align-items: center;
}

.slider-dot {
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 100px;
    background: #8490a8;
    transition: .3s;
}

.slider-dot:not(:first-child) {
    margin-left: 5px;
}

.slider-dot--active {
    width: 15px;
    background: #d00e46;
}



/* ENDSECTION-6 */

/* SECTION-7 */

.section-7 {
    padding-top: calc(80 * var(--width-multiplier));
    padding-bottom: calc(40 * var(--width-multiplier));
    width: 100%;
}

.section-7__main {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.section-7__subline {
    margin-top: calc(20 * var(--width-multiplier));
}

.section-7__p-title {
    font-size: calc(19 * var(--width-multiplier));
    text-align: center;
    line-height: calc(24 * var(--width-multiplier));
    margin-top: calc(5 * var(--width-multiplier));
    margin-bottom: 0;
    color: #393649;
    font-family: 'TT-Regular';
}

.section-7__contacts-block {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 50px;
}

.contacts-block__left-title {
    color: #D00E46;
    text-transform: uppercase;
    font-size: calc(16 * var(--width-multiplier));
    font-weight: bold;
    font-family: "TT-Medium";
}

.left-top {
    list-style: none;
    margin-top: calc(10 * var(--width-multiplier));
    padding-left: 0;
}

.left-top__item {
    font-weight: normal;
    font-size: calc(16 * var(--width-multiplier));
    line-height: calc(20 * var(--width-multiplier));
    color: #715c77;
    display: flex;
    align-items: center;
    font-family: "TT-Regular";
}

.left-top-down__item {
    flex-direction: column;
    align-items: flex-start;
}



.left-top__item-text {
    margin-top: 6px;
    line-height: 23px;
}

.left-top__item-inner {
    display: flex;
    align-items: center;
}

.left-top__item:not(:first-child) {
    margin-top: 10px;
}

.left-top__item i {
    margin-right: 10px;
    color: #d00f47;
}

.left-top__item img {
    width: calc(20 * var(--width-multiplier));
    margin-right: calc(10 * var(--width-multiplier));
}

.contacts-block__left-bottom {
    margin-top: calc(50 * var(--width-multiplier));
}

.contacts-block__left-bottom li:not(:first-child) {
    margin-top: calc(30 * var(--width-multiplier));
}

.right-bottom__types {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 40px;
}

.right-bottom__type {
    padding: 15px 18px;
    background: #c4c3c8;
    color: #fff;
    font-size: 18px;
    border-radius: 10px;
    user-select: none;
    cursor: pointer;
    transition: .3s;
    text-decoration: none;
    border: none;
    outline: none;
    font-family: "TT-Medium";
}

.right-bottom__type:not(:first-child) {
    margin-left: 15px;
}

.right-bottom__type img {
    width: 30px;
    height: 30px;
}

.contacts-block__right {
    width: calc(600 * var(--width-multiplier));
}

.contacts-block__right-top iframe {
    width: 100%;
    height: calc(400 * var(--width-multiplier));
}

.right-marker {
    padding: 9px 18px;
}

.right-bottom__type:hover {
    background: #d00e46;
}

.rbt-active {
    background: #d00e46;
}

.right-bottom__type i {
    font-size: 14px;

}


.contacts-block__right-top {
    position: relative;
}

.subblock {
    display: none;
    background: #ebebeb;
    position: absolute;
    left: 0;
    top:0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.subblock img {
    margin-top: 40px;
}

.subblock:nth-child(1) img {
    width: 300px;
}

.subblock:nth-child(2) img {
    width: 500px;
}

.subblock:nth-child(3) img {
    width: 500px;
}


.subblock_h3 {
    font-size: 20px;
    text-transform: uppercase;
    text-align: center;
    line-height: 28px;
    font-family: "TT-Regular";
}

.subblock--active {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.subblocks--active {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background: #ebebeb;
}


.right-bottom__types-select {
    margin-left: 15px;
}


/* ENDSECTION-7 */













/* SECTION-8 */


.section-8 {
    padding-top: 80px;
    padding-bottom: 180px;
    overflow-x: hidden;
}

.section-8__main {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.section-8__contact-block {
    width: 100%;
    display: flex;
    justify-content: center;
    position: relative;
    margin-top: 30px;
}

.contact-block__ileft {
    display: block;
    background: url("../img/lin_04_left.svg") no-repeat;
    width: 300px;
    position: absolute;
    height: 100%;
    left: -0px;
    top: 70px;
    z-index: -1;
}

.contact-block__iright {
    display: block;
    background: url("../img/lin_04_right.svg") no-repeat;
    width: 300px;
    position: absolute;
    height: 100%;
    right: -190px;
    top: 70px;
    z-index: -1;
}



.section-8__top-desc {
    font-size: calc(20 * var(--width-multiplier));
    font-weight: lighter;
    text-align: center;
    margin-top: calc(24 * var(--width-multiplier));
    margin-bottom: calc(20 * var(--width-multiplier));
    font-weight: 500;
    color: var(--textGray);
}


.section-8__h3-title {
    color: #d00e46;
    font-size: calc(36 * var(--width-multiplier));
    font-weight: bold;
    margin-top: calc(10 * var(--width-multiplier));
    margin-bottom: calc(20 * var(--width-multiplier));
}

.section-8__subtitle {
    margin-bottom: 20px;
    font-size: 20px;

}


.contact-block__top {
    display: flex;
    justify-content: space-between;
    margin-top: 60px;
}

.contact-block__top-left {
    margin-right: 40px;
}
.contact-block__top-left,
.contact-block__top-right,
.contact-block__bottom {
    display: flex;
    flex-direction: column;
}

.mb-20{
    margin-bottom: 20px;
}
.contact-block__input,
.contact-block__select {
    width: 350px;
}

.contact-block__select {
    cursor: pointer;
}

.contact-block__textarea {
    margin-top: 20px;
    height: 120px;
}

.contact-block__submit {
    align-self: center;
    margin-top: 50px;
    font-size: 17px;
    /* font-family: "TT-Regular"; */
    padding: 15px 60px;
}


.contact-block__send-info {
    font-size: 16px;
    color: #c0c0c3;
    font-family: "TT-Regular";
    margin-top: 40px;
    margin-bottom: -120px;
}
.decstop {
    display: block;
}
.mobile {
    display: none;
}
@media (max-width:580px) {
 .decstop {
    display: none;
 }
 .mobile {
    display: block;
 }
    .menu-mob {
transform: translateX(-150vw);
width: 100%;
left: 0;
height: 100vh;
z-index: 1000;
top: 0;
position: absolute;
transition: left .3s;
padding: 0 0 20px;
background: #FFFFFF;
display: block;
}
   .open {
    transform: translateX(0);
    transition: .3s;
    height: 100%;
    }
}
.main-first-section__title--infrastructure{
    color: var(--red);
    font-size: 48px;
    font-family: "TT-Medium";
    line-height: 1.1;
    padding-top: 2rem;
}

.main-first-section__title--infrastructure{
    color: var(--red);
    font-size: 48px;
    font-family: "TT-Medium";
    line-height: 1.1;
}

.main-first-section__title--infrastructure-gray, .main-first-section__title--gray{
    color: var(--textColor);
}

.infrastructure-first-section__bottom{
    position: relative;
    line-height: 1.5rem;
    padding-top: 2rem;
    font-family: 'TT-Regular';
}

.infrastructure-first-section__img{
    width: 100%;
    position: relative;
    z-index: 1;
    height: 100%;
}
.infrastructure-first-section__img img{
   mask-image: url('../img/fon_img_gl_L.svg');
    -webkit-mask-image: url('../img/fon_img_gl_L.svg');
    mask-repeat: no-repeat;
    -webkit-mask-position: 100%;
    -webkit-mask-repeat: no-repeat;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.infrastructure-skills{
    margin-top: 5rem;
    padding: 8rem 0;
}

.infrastructure-skills .table .anonce__list-wrap {
    margin-bottom: calc(60 *var(--width-multiplier));
}
@media (max-width: 1023px) {
   .infrastructure-skills .table .anonce__list-wrap {
        margin-bottom: calc(30 *var(--width-multiplier));
    }
}
.infrastructure__servicies-link{
    font-family: "TT-Medium";
    color: var(--red);
    text-decoration: underline;
}

.infrastructure__grid-card.infrastructure-card-gray{
    background-color: var(--grayBg);
    border: none;
    min-height: 17rem;
    gap:0;
}

.infrastructure__grid-card.infrastructure-card-gray:hover{
    border: none;

}
.infrastructure__grid-card.infrastructure-card-pink{
    background-color: var(--lightRose);
    border: none;
    min-height: 17rem;
    gap:0;
}

.infrastructure__grid-card.infrastructure-card-pink:hover{
    background-color: var(--lightRose);
    border: none;
}

.customs-icon {
    background-image: url("../img/icon_InS_01_inactive.svg");
    background-repeat: no-repeat;
    transition: all .2s ease-out;
    height: 5rem;
}

.infrastructure__grid-card:hover .customs-icon {
    background-image: url("../img/icon_InS_01_active.svg");

}
.kongress-icon {
    background: url("../img/icon_InS_02_inactive.svg") 50% 50% no-repeat;
    background-size: contain;
    height: 5rem;
    transition: all .2s ease-out;
}

.infrastructure__grid-card:hover .kongress-icon {
    background-image: url("../img/icon_InS_02_active.svg");

}
.ruling-company-icon {
    background-image: url("../img/icon_InS_03_inactive.svg");
    height: 5rem;
    background-repeat: no-repeat;
    transition: all .2s ease-out;
}

.infrastructure__grid-card:hover .ruling-company-icon {
    background-image: url("../img/icon_InS_03_active.svg");

}
.logistic-icon {
    background-image: url("../img/icon_InS_04_inactive.svg");
    background-repeat: no-repeat;
    height: 5rem;
    transition: all .2s ease-out;
}

.infrastructure__grid-card:hover .logistic-icon {
    background-image: url("../img/icon_InS_04_active.svg");

}
.info-system-icon {
    background-image: url("../img/icon_InS_05_inactive.svg");
    height: 5rem;
    background-repeat: no-repeat;
    transition: all .2s ease-out;
}

.infrastructure__grid-card:hover .info-system-icon {
    background-image: url("../img/icon_InS_05_active.svg");

}
.business-support-icon {
    background-image: url("../img/icon_InS_06_inactive.svg");
    background-repeat: no-repeat;
    height: 5rem;
    transition: all .2s ease-out;
}

.infrastructure__grid-card:hover .business-support-icon {
    background-image: url("../img/icon_InS_06_active.svg");

}
.document-icon {
    background: url("../img/icon_us-s_01_inactive.svg") 50% 50% no-repeat;
    background-size: contain;
    height: 5rem;
    transition: all .2s ease-out;
}
.infrastructure__grid-card:hover .document-icon  {
    background-image: url("../img/icon_us-s_01_active.svg");

}
.it-icon {
    background-image: url("../img/icon_us-s_02_inactive.svg");
    background-repeat: no-repeat;
    height: 5rem;
    transition: all .2s ease-out;
}
.infrastructure__grid-card:hover .it-icon  {
    background-image: url("../img/icon_us-s_02_inactive_1.svg");

}
.transport-icon {
    background-image: url("../img/icon_us-s_03_inactive.svg");
    background-repeat: no-repeat;
    height: 5rem;
    transition: all .2s ease-out;
}
.infrastructure__grid-card:hover .transport-icon  {
    background-image: url("../img/icon_us-s_03_active.svg");

}
.smm-icon {
    background-image: url("../img/icon_us-s_04_inactive.svg");
    background-repeat: no-repeat;
    height: 5rem;
    transition: all .2s ease-out;
}
.infrastructure__grid-card:hover .smm-icon  {
    background-image: url("../img/icon_us-s_04_inactive_1.svg");

}
.repair-icon {
    background-image: url("../img/icon_us-s_05_inactive.svg");
    background-repeat: no-repeat;
    height: 5rem;
    transition: all .2s ease-out;
}
.infrastructure__grid-card:hover .repair-icon  {
    background-image: url("../img/icon_us-s_05_inactive_1.svg");

}
.cleaning-icon {
    background-image: url("../img/icon_us-s_06_inactive.svg");
    background-repeat: no-repeat;
    height: 5rem;
    transition: all .2s ease-out;
}
.infrastructure__grid-card:hover .cleaning-icon  {
    background-image: url("../img/icon_us-s_06_inactive_1.svg");

}
.customs-servicies {
    padding: 5rem 0;
    -webkit-box-shadow: 0px -27px 29px -5px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px -27px 29px -5px rgba(0,0,0,0.2);
    box-shadow: 0px -27px 29px -5px rgba(0,0,0,0.2);
}

.service__title{
    display: flex;
    color: var(--red);
    font-family: "TT-Medium";
    font-size: 2.5rem;
    gap: 2rem;
    margin-top: 4rem;
    align-items: center;
}
.service-img {
    width: 5rem;
}

.custom__previlages {
    font-family: "TT-Medium";
    font-size: .9rem;
    letter-spacing: 1.5px;
    margin-bottom: 20px;
}

.service__wrapper {
    display: flex;
    margin-top: 1rem;
}

.service__list {
    display: flex;
    flex-direction: column;
    list-style: disc;
    margin: 0;
}

.service__text--red {
    color: var(--red);
    font-family: "TT-Medium";

}

.service__bottom-wrapper {
    margin-top: 2rem;
    gap: 3rem;
    display: flex;
    align-items: center;
}

.service__contacts {
    display: flex;
    flex-direction: column;
     font-family: 'TT-Regular';
}

.service__list-item {
    text-align: start;
     font-family: 'TT-Regular';
}
.service__list-item span {
    font-family: 'TT-Regular';
}
.custom__document {
    color: var(--brown);
    font-family: "TT-Medium";
    text-decoration: underline;
}

.service__right{
    flex: 1;
}
.service__left{
    flex: 1;
}
.custom__documents {
    background-color: var(--grayBg);
    padding: 2rem;
    border-radius: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.custom__documents-title {
    font-family: "TT-Medium";
    font-size: .9rem;
    letter-spacing: 1.5px;
}

.customer-servicies__service {
    border-bottom: 2px solid var(--lightGray);
    padding-bottom: 3rem;
}

.service__info {
    display: flex;
    font-family: "TT-Medium";
    gap: 2rem;
    margin-top: 2rem;
}

.service__num {
    color: var(--red);
    font-size: 2rem;
}

.lk-right {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 1rem;
}

.lk-left{
    flex: 1;
    position: relative;
    text-align: right;
}

.lk-functions-list {
    margin: 0;
    list-style: disc;
    display: flex;
    flex-direction: column;
    line-height: 1 ;
    margin-bottom: 2rem;
}
.lk-functions-list li {
    font-family: 'TT-Regular';
}


.lk-section__wrapper {
    display: flex;
    margin-top: 5rem;
    gap: 10rem;
}
.info-system__lk-section {
    background-color: var(--grayBg);
    padding: 5rem 0;
}

.lk__img {
    width: 70%;
    transform: translateY(-2rem);

}

.lk-decor {
    position: absolute;
    top: -4rem;
    left: 5rem;
    width: 50rem;
}

.lk-right__title {
    font-family: "TT-Medium";
    font-size: 1.3rem;
    padding-left: .5rem;
}

.lk-btn {
    margin-left: .5rem;
}


.red-animate:hover.infrastructure__grid-card{

    background-color: var(--red);
    color: white;
}
.pink-animate:hover.infrastructure__grid-card{

    background-color: var(--red);
    color: white;
}
.pink-animate:hover .red {
    color: var(--rose);
}
.red-animate:hover span {
    color: white;
}

.customer-servicies__service.no-border{
    border-bottom: none;
}
.service-dialog{
    border-radius: 1rem;
    padding: 2rem 8rem;
}
.service-dialog a {
    color: var(--lightGray);
    text-decoration: underline;
    transition: all .2s ease-out;
}
.service-dialog a:hover{
    color: var(--red);

}
.service-dialog a:focus{
    outline: none;
}


.service-dialog:focus{
    outline: none;
}
.service-dialog__icon {
    width: 7rem;
    height: 7rem;
    display: flex;
    justify-content: center;
}

.service-dialog-title {
    color: var(--red);
    font-family: "TT-Medium";
    font-size: 2rem;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.service-dialog__subtitle{
    font-family: "TT-Medium";
    text-align: center;
    font-size: 1.3rem;
}

.service-dialog__grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 10rem;
    min-height: 15rem;
    max-width: 70rem;
}

.service-dialog__grid li {
   font-family: "TT-Medium";
    list-style: disc;
}
.service-dialog__grid li::marker{
    transition: all .2s ease-out;
}

.service-dialog__grid > li:hover::marker{
    color: var(--brown);
}

.service-dialog__footer {
    text-align: center;
}

.service-dialog__footer a {
    font-family: "TT-Medium";

    color: var(--red);
}

.service-dialog__close-btn {
    position: absolute;
    right: 2rem;
    top: 2rem;
    width: 1.5rem;
    height: 1.5rem;
    cursor: pointer;
    background-color: #fff;
    background-image: url(../img/icon_close_inactive.svg);
}
.service-dialog__close-btn:hover{
    background-image: url(../img/icon_close_active.svg);

}

.platform-first-section{
    position: relative;
    min-height: 30rem;
    margin-top: 4.8rem;
}

.platform-first-section__img {
    position: absolute;
    left: 0;
    top: 0;
    height: calc(500*2560px / 1920);
    height: calc(500*var(--width-multiplier));
    width: calc(800*2560px / 1920);
    width: calc(800*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .platform-first-section__img {
        top: calc(405*2560px / 1920);
        top: calc(405*var(--width-multiplier));
        width: 100%;
        height: calc(211*2560px / 1920);
        height: calc(211*var(--width-multiplier));
    }

    .info-system__lk-section .main-title__title {
        line-height: calc(28 * var(--width-multiplier));
    }

    .info-system__lk-section .main-title__title:last-child {
        margin-top: calc(5 * var(--width-multiplier));
    }

    .btn-border--is-big{
        max-width: 350px;
        font-size: 12.8px;
    }
}

.main-first-section__img::after {
    content: url("../img/lin_02_right_bann-2.svg");
    width: calc(64*2560px / 1920);
    width: calc(64*var(--width-multiplier));
    position: absolute;
    right: calc(255*2560px / 1920);
    right: calc(255*var(--width-multiplier));
    bottom: calc(-237*2560px / 1920);
    bottom: calc(-237*var(--width-multiplier));
    z-index: 1;
}

.platform-first-section__img img {
    mask-image: url("../img/fon_img_gl_R.svg");
    -webkit-mask-image: url("../img/fon_img_gl_R.svg");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

@media (max-width: 1023px) {
    .platform-first-section__img img {
        mask-image: none;
    }
}

.platform-first-section__img::before{
    position: absolute;
    background: url("../img/lin_ploshadka_vertical2.svg");
    width: 23rem;
    background-size: cover;
    right: 8rem;
}

.platform-first-section__right {
    text-align: right;
    font-family: "TT-Medium";
    max-width: 45%;
    padding-top: calc(100*2560px / 1920);
    padding-top: calc(100*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .platform-first-section__right {
        width: 100%;
        max-width: 100%;
        text-align: center;
    }
}

.platform-first-section__title {
    color: var(--red);
    font-size: calc(80*2560px / 1920);
    font-size: calc(80*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .platform-first-section__title {
        font-size: calc(40*2560px / 1920);
        font-size: calc(40*var(--width-multiplier));
    }

    .platform-first-section__up-title {
        font-size: calc(20*2560px / 1920);
        font-size: calc(20*var(--width-multiplier));
    }
}

.platform-first-section__subtitle {
    font-size: calc(19*2560px / 1920);
    font-size: calc(19*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .platform-first-section__subtitle {
        font-size: calc(18*2560px / 1920);
        font-size: calc(18*var(--width-multiplier));
    }
}

.platform-section-wrapper {
    display: flex;
    justify-content:flex-end;
}

@media (max-width: 1023px) {
    .platform-section-wrapper {
        display: flex;
        justify-content: center;
    }
}

.platform-first-section__buttons {
    margin-top: calc(48*2560px / 1920);
    margin-top: calc(48*var(--width-multiplier));
    display: flex;
    gap: calc(16*2560px / 1920);
    gap: calc(16*var(--width-multiplier));
    justify-content: flex-end;
}

@media (max-width: 1023px) {
    .platform-first-section__buttons {
        margin-top: calc(25*2560px / 1920);
        margin-top: calc(25*var(--width-multiplier));
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
}

.platform-first-section__empty-btn {
    display: flex;
    justify-content: flex-end;
    gap: calc(16*2560px / 1920);
    gap: calc(16*var(--width-multiplier));
    margin-top: calc(16*2560px / 1920);
    margin-top: calc(16*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .platform-first-section__empty-btn {
        display: none;
    }
}

.btn-empty{
    background: #fff;
    color: var(--red);
    border: 1px solid var(--lightGray);


}
.btn-empty:hover{
    border: 1px solid var(--red);
    color: var(--brown);
}

.invis{
    visibility: hidden;
}

.platform-first-section__img-desc {
    padding-left: calc(16*2560px / 1920);
    padding-left: calc(16*var(--width-multiplier));
    border-left: 3px var(--red) solid;
    max-width: calc(80*2560px / 1920);
    max-width: calc(80*var(--width-multiplier));
    position: absolute;
    right: calc(112*2560px / 1920);
    right: calc(112*var(--width-multiplier));
    font-size: calc(14*2560px / 1920);
    font-size: calc(14*var(--width-multiplier));
    bottom: calc(6*2560px / 1920);
    bottom: calc(6*var(--width-multiplier));
    line-height: 1.3;
    font-family: 'TT-Medium';
}

@media (max-width: 1023px) {
    .platform-first-section__img-desc {
        position: absolute;
        left: calc(20*2560px / 1920);
        left: calc(20*var(--width-multiplier));
        bottom: calc(-60*2560px / 1920);
        bottom: calc(-60*var(--width-multiplier));
        padding-left: calc(10*2560px / 1920);
        padding-left: calc(10*var(--width-multiplier));
        font-size: calc(12*2560px / 1920);
        font-size: calc(12*var(--width-multiplier));
    }
}

.platform-first-section__top {
    min-height: calc(560*2560px / 1920);
    min-height: calc(560*var(--width-multiplier));
    position: relative;
}

.platform-first-section__connection {
    position: absolute;
    height: calc(550 * var(--width-multiplier));
    top: calc(340 * var(--width-multiplier));
    /* left: calc(750 * var(--width-multiplier)); */
}

.platform-first-section__btn {
    width: calc(260 * var(--width-multiplier));
    height: calc(51 * var(--width-multiplier));
}

body .platform-first-section__btn img {
    width: 14%;
}

@media (max-width: 1023px) {
    .platform-first-section__top {
        margin-bottom: calc(350*2560px / 1920);
        margin-bottom: calc(350*var(--width-multiplier));
        min-height: auto;
    }

    .platform-first-section__connection {
        display: none;
    }
}

.platform-first-section__bottom {
    display: flex;
    gap: calc(48*2560px / 1920);
    gap: calc(48*var(--width-multiplier));
    justify-content: space-between;
}

@media (max-width: 1023px) {
    .platform-first-section__bottom {
        display: flex;
        flex-direction: column;
    }
}

.platform-first-section__bottom-left {
    max-width: 45%;
}

@media (max-width: 1023px) {
    .platform-first-section__bottom-left {
        max-width: 100%;
    }
}

.platform-first-section-map {
    position: relative;
    display: flex;
    justify-content: center;
    padding-left: calc(48*2560px / 1920);
    padding-left: calc(48*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .platform-first-section-map {
        padding-left: 0;
        margin: 0 calc(-50*2560px / 1920);
        margin: 0 calc(-50*var(--width-multiplier));
    }

    .platform-first-section-map .main-map-section__desc {
        min-width: auto;
        border-radius: calc(5*2560px / 1920);
        border-radius: calc(5*var(--width-multiplier));
        padding: calc(8*2560px / 1920) calc(12*2560px / 1920);
        padding: calc(8*var(--width-multiplier)) calc(12*var(--width-multiplier));
        font-size: calc(14*2560px / 1920);
        font-size: calc(14*var(--width-multiplier));
        line-height: 1;
        bottom: 36%;
        left: 43%;
    }
}

.platform-first-section__bottom-left__title {
    font-family: "TT-Medium";
    font-size: calc(32*2560px / 1920);
    font-size: calc(32*var(--width-multiplier));
    line-height: calc(43*2560px / 1920);
    line-height: calc(43*var(--width-multiplier));
    max-width: 80%;
}

@media (max-width: 1023px) {
    .platform-first-section__bottom-left__title {
        font-size: calc(26*2560px / 1920);
        font-size: calc(26*var(--width-multiplier));
        line-height: calc(34*2560px / 1920);
        line-height: calc(34*var(--width-multiplier));
        max-width: none;
    }
}

.platform-first-section__bottom-left--red{
    color: var(--red);
}

.platform-first-section__bottom-decor {
    width: 50%;
    margin: calc(16*2560px / 1920) 0 calc(64*2560px / 1920);
    margin: calc(16*var(--width-multiplier)) 0 calc(64*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .platform-first-section__bottom-decor {
        width: 60%;
        margin: calc(10*2560px / 1920) 0 calc(30*2560px / 1920);
        margin: calc(10*var(--width-multiplier)) 0 calc(30*var(--width-multiplier));
    }
}

.capital-letter {
    float: left;
    letter-spacing: 0;
    font-size: calc(80*2560px / 1920);
    font-size: calc(80*var(--width-multiplier));
    padding: 0;
    line-height: calc(72*2560px / 1920);
    line-height: calc(72*var(--width-multiplier));
    text-align: left;
    margin-left: calc(-6*2560px / 1920);
    margin-left: calc(-6*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .capital-letter {
        margin-left: calc(-8*2560px / 1920);
        margin-left: calc(-8*var(--width-multiplier));
    }
}

.capital-section {
    display: inline;
    font-size: calc(16*2560px / 1920);
    font-size: calc(16*var(--width-multiplier));
}

.visible-item {
    visibility: visible;
    opacity: 1;
    color: #fff;
    min-width: calc(192*2560px / 1920);
    min-width: calc(192*var(--width-multiplier));
    text-align: center;
    bottom: 25%;
    font-family: "TT-Medium";
    left: 48%;
    pointer-events: none;
}

.platform-first-section__teritoty-description {
    text-align: center;
    font-family: "TT-Medium";
    margin-top: calc(32*2560px / 1920);
    margin-top: calc(32*var(--width-multiplier));
    font-size: calc(24*2560px / 1920);
    font-size: calc(24*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .platform-first-section__teritoty-description {
        margin-top: calc(40*2560px / 1920);
        margin-top: calc(40*var(--width-multiplier));
        font-size: calc(18*2560px / 1920);
        font-size: calc(18*var(--width-multiplier));
        line-height: calc(24*2560px / 1920);
        line-height: calc(24*var(--width-multiplier));
    }

    .platform-first-section__bottom-left__mobile {
        /* overflow-x: auto; */
        display: flex;
        gap: calc(30*2560px / 1920);
        gap: calc(30*var(--width-multiplier));
    }
}

.platform-first-section__teritoty-description__num {
    color: var(--red);
    font-size: calc(80*2560px / 1920);
    font-size: calc(80*var(--width-multiplier));
    line-height: 1;
}

@media (max-width: 1023px) {
    .platform-first-section__teritoty-description__num {
        font-size: calc(54*2560px / 1920);
        font-size: calc(54*var(--width-multiplier));
    }
}

.platform-first-section__teritoty-description--red {
    color: var(--red);
    font-size: calc(32*2560px / 1920);
    font-size: calc(32*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .platform-first-section__teritoty-description--red {
        font-size: calc(20*2560px / 1920);
        font-size: calc(20*var(--width-multiplier));
    }
}

.platform-first-section__right-text {
    padding-top: calc(64*2560px / 1920);
    padding-top: calc(64*var(--width-multiplier));
    font-family: 'TT-Regular';
}

@media (max-width: 1023px) {
    .platform-first-section__right-text {
        flex-shrink: 0;
        width: 100%;
        padding-top: 0;
    }
}

.right-text__wrapper{
    display: flex;
    justify-content: center;

}

.right-text__bold{
    font-family: "TT-Medium";

}

.platform-first-section__bottom-right {
    max-width: 45%;
}

@media (max-width: 1023px) {
    .platform-first-section__bottom-right {
        max-width: 100%;
    }
}

.btn-empty img {
    width: 15%;
    margin-left: calc(16*2560px / 1920);
    margin-left: calc(16*var(--width-multiplier));
}

.infrastructure__top {
    width: 50%;
    font-family: "TT-Medium";
    padding: calc(80*2560px / 1920) 0;
    padding: calc(80*var(--width-multiplier)) 0;
}

@media (max-width: 1023px) {
    .infrastructure__top {
        width: 100%;
        padding: calc(60*2560px / 1920) 0;
        padding: calc(60*var(--width-multiplier)) 0;
    }
}

.infrastructure__title {
    font-size: calc(32*2560px / 1920);
    font-size: calc(32*var(--width-multiplier));
    line-height: calc(48*2560px / 1920);
    line-height: calc(48*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .infrastructure__title {
        font-size: calc(24*2560px / 1920);
        font-size: calc(24*var(--width-multiplier));
        line-height: calc(32*2560px / 1920);
        line-height: calc(32*var(--width-multiplier));
    }
}

.infrastructure__title--red{
    color: var(--red)
}

.infrastructure__decor {
    width: 50%;
    margin: calc(16*2560px / 1920) 0 calc(32*2560px / 1920) 0;
    margin: calc(16*var(--width-multiplier)) 0 calc(32*var(--width-multiplier)) 0;
}

@media (max-width: 1023px) {
    .infrastructure__decor {
        width: 50%;
        margin: calc(10*2560px / 1920) 0 calc(20*2560px / 1920) 0;
        margin: calc(10*var(--width-multiplier)) 0 calc(20*var(--width-multiplier)) 0;
    }
}

.infrastructure__desc {
    font-family: "TT-Medium";
    font-size: calc(19*2560px / 1920);
    font-size: calc(19*var(--width-multiplier));
    line-height: calc(32*2560px / 1920);
    line-height: calc(32*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .infrastructure__desc {
        font-size: calc(18*2560px / 1920);
        font-size: calc(18*var(--width-multiplier));
        line-height: calc(24*2560px / 1920);
        line-height: calc(24*var(--width-multiplier));
    }
}

.infrastructure {
    position: relative;
    padding-bottom: calc(80*2560px / 1920);
    padding-bottom: calc(80*var(--width-multiplier));
    -webkit-box-shadow: 0 calc(-27*2560px / 1920) calc(29*2560px / 1920) calc(-5*2560px / 1920) rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 calc(-27*var(--width-multiplier)) calc(29*var(--width-multiplier)) calc(-5*var(--width-multiplier)) rgba(0,0,0,0.2);
    -moz-box-shadow: 0 calc(-27*2560px / 1920) calc(29*2560px / 1920) calc(-5*2560px / 1920) rgba(0,0,0,0.2);
    -moz-box-shadow: 0 calc(-27*var(--width-multiplier)) calc(29*var(--width-multiplier)) calc(-5*var(--width-multiplier)) rgba(0,0,0,0.2);
    box-shadow: 0 calc(-27*2560px / 1920) calc(29*2560px / 1920) calc(-5*2560px / 1920) rgba(0,0,0,0.2);
    box-shadow: 0 calc(-27*var(--width-multiplier)) calc(29*var(--width-multiplier)) calc(-5*var(--width-multiplier)) rgba(0,0,0,0.2);
}

.infrastructure__img {
    position: absolute;
    width: 40%;
    height: calc(320*2560px / 1920);
    height: calc(320*var(--width-multiplier));
    right: calc(-4*2560px / 1920);
    right: calc(-4*var(--width-multiplier));
    top: 0;
}

@media (max-width: 1023px) {
    .infrastructure__img {
        display: none;
    }
}

.infrastructure__img img {
    height: 100%;
    width: calc(480*2560px / 1920);
    width: calc(480*var(--width-multiplier));
    object-fit: cover;
    mask-image: url("../img/fon_img_gl_L.svg");
    -webkit-mask-image: url("../img/fon_img_gl_L.svg");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    border-bottom-right-radius: calc(80*2560px / 1920);
    border-bottom-right-radius: calc(80*var(--width-multiplier));
    -webkit-mask-size: cover;
    mask-size: cover;
}

.infrastructure__grid-card {
    width: 100%;
    min-height: calc(226*var(--width-multiplier));
    position: relative;
    text-align: left;
    cursor: pointer;
    transition: all .2s ease-out;
    gap: calc(32*var(--width-multiplier));
    height: 100%;
}

@media (max-width: 1023px) {
    .infrastructure__grid-card {
        min-height: calc(213*2560px / 1920);
        min-height: calc(213*var(--width-multiplier));
        border-radius: calc(20*2560px / 1920);
        border-radius: calc(20*var(--width-multiplier));
        border-bottom-right-radius: calc(100*2560px / 1920);
        border-bottom-right-radius: calc(100*var(--width-multiplier));
        gap: calc(10*2560px / 1920);
        gap: calc(10*var(--width-multiplier));
        width: calc(280*2560px / 1920);
        width: calc(280*var(--width-multiplier));
        margin: 0 auto;
    }
}

.infrastructure__grid-card::before {
    content: "";
    position: absolute;
    left: -2px;
    top: -2px;
    right: -2px;
    bottom: -2px;
    clip-path: polygon(7.673% 0%, 92.327% 0%, 92.327% 0%, 93.572% 0.15%, 94.753% 0.584%, 95.853% 1.278%, 96.859% 2.209%, 97.753% 3.354%, 98.52% 4.688%, 99.144% 6.188%, 99.609% 7.831%, 99.9% 9.593%, 100% 11.45%, 100% 57.548%, 100% 57.548%, 99.96% 59.048%, 99.843% 60.53%, 99.649% 61.987%, 99.381% 63.413%, 99.04% 64.802%, 98.628% 66.147%, 98.147% 67.442%, 97.598% 68.681%, 96.984% 69.858%, 96.305% 70.966%, 80.822% 94.334%, 80.822% 94.334%, 80.076% 95.374%, 79.282% 96.316%, 78.444% 97.157%, 77.567% 97.895%, 76.656% 98.527%, 75.714% 99.05%, 74.746% 99.461%, 73.756% 99.759%, 72.749% 99.939%, 71.729% 100%, 7.673% 100%, 7.673% 100%, 6.428% 99.85%, 5.247% 99.416%, 4.147% 98.722%, 3.141% 97.791%, 2.247% 96.646%, 1.48% 95.312%, 0.856% 93.812%, 0.391% 92.169%, 0.1% 90.407%, 0% 88.55%, 0% 11.45%, 0% 11.45%, 0.1% 9.593%, 0.391% 7.831%, 0.856% 6.188%, 1.48% 4.688%, 2.247% 3.354%, 3.141% 2.209%, 4.147% 1.278%, 5.247% 0.584%, 6.428% 0.15%, 7.673% 0%);
    background: var(--grayBg);
}

.infrastructure__grid-card::after {
    content: url("/local/templates/technopolis/css/../img/arrow_03_lev.svg");
    position: absolute;
    width: calc(32*var(--width-multiplier));
    bottom: 0;
    right: calc(13*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .infrastructure__grid-card::after {
        width: calc(28* var(--width-multiplier));
        bottom: -7px;
        right: calc(5* var(--width-multiplier));
    }
}

.infrastructure__grid-card-block {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    clip-path: polygon(7.673% 0%, 92.327% 0%, 92.327% 0%, 93.572% 0.15%, 94.753% 0.584%, 95.853% 1.278%, 96.859% 2.209%, 97.753% 3.354%, 98.52% 4.688%, 99.144% 6.188%, 99.609% 7.831%, 99.9% 9.593%, 100% 11.45%, 100% 57.548%, 100% 57.548%, 99.96% 59.048%, 99.843% 60.53%, 99.649% 61.987%, 99.381% 63.413%, 99.04% 64.802%, 98.628% 66.147%, 98.147% 67.442%, 97.598% 68.681%, 96.984% 69.858%, 96.305% 70.966%, 80.822% 94.334%, 80.822% 94.334%, 80.076% 95.374%, 79.282% 96.316%, 78.444% 97.157%, 77.567% 97.895%, 76.656% 98.527%, 75.714% 99.05%, 74.746% 99.461%, 73.756% 99.759%, 72.749% 99.939%, 71.729% 100%, 7.673% 100%, 7.673% 100%, 6.428% 99.85%, 5.247% 99.416%, 4.147% 98.722%, 3.141% 97.791%, 2.247% 96.646%, 1.48% 95.312%, 0.856% 93.812%, 0.391% 92.169%, 0.1% 90.407%, 0% 88.55%, 0% 11.45%, 0% 11.45%, 0.1% 9.593%, 0.391% 7.831%, 0.856% 6.188%, 1.48% 4.688%, 2.247% 3.354%, 3.141% 2.209%, 4.147% 1.278%, 5.247% 0.584%, 6.428% 0.15%, 7.673% 0%);
    padding: calc(34*var(--width-multiplier));
    height: 100%;
    transition: all .2s ease-out;
    background: #fff;
}

@media (min-width: 1024px) {
    .infrastructure__grid-card-block:hover{
        background-color: var(--grayBg);
    }

    .faq .ac .accordion-item__content--is-text a:hover {
        opacity: 0.5;
    }
}

.infrastructure__prevelegies-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    row-gap: calc(50*2560px / 1920);
    row-gap: calc(50*var(--width-multiplier));
    column-gap: calc(112*2560px / 1920);
    column-gap: calc(112*var(--width-multiplier));
    grid-auto-rows: 1fr;
}

@media (max-width: 1023px) {
    .infrastructure__prevelegies-grid {
        grid-template-columns: repeat(1, 1fr);
        grid-auto-rows: auto;
        row-gap: calc(20*2560px / 1920);
        row-gap: calc(20*var(--width-multiplier));
    }
}

.grid-card__icon {
    width: calc(80*2560px / 1920);
    width: calc(80*var(--width-multiplier));
}

.grid-card__title {
    font-size: calc(21*var(--width-multiplier));
    line-height: 1.2;
    text-align: center;
    font-family: "TT-Medium";
}

@media (max-width: 1023px) {
    .grid-card__title {
        font-size: calc(18* var(--width-multiplier));
    }
}

.infrastructure__grid-item {
    display: flex;
    flex-direction: column;
    gap: calc(16*2560px / 1920);
    gap: calc(16*var(--width-multiplier));
    align-items: center;
    justify-content: center;
}

@media (max-width: 1023px) {
    .infrastructure__grid-item {
        order: -1;
        flex-direction: row;
        gap: calc(24*2560px / 1920);
        gap: calc(24*var(--width-multiplier));
        margin-bottom: calc(30*2560px / 1920);
        margin-bottom: calc(30*var(--width-multiplier));
    }
}

.infrastructure__grid-item__decor {
    width: 90%;
}

@media (max-width: 1023px) {
    .infrastructure__grid-item__decor {
        width: 1px;
        height: 50%;
        background: var(--red);
    }

    .infrastructure__grid-item__decor img {
        display: none;
    }
}

.popup-infrastructure {
    border-radius: calc(32*2560px / 1920);
    border-radius: calc(32*var(--width-multiplier));
    z-index: 1000;
    background-color: var(--grayBg);
    position: absolute;
    width: calc(422*2560px / 1920);
    width: calc(422*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .popup-infrastructure {
        border-radius: calc(20*2560px / 1920);
        border-radius: calc(20*var(--width-multiplier));
        width: calc(280*2560px / 1920);
        width: calc(280*var(--width-multiplier));
    }
}

.infrastructure__grid-card.opened-card {
    margin: 2px 0 0 2px;
    width: 80%;
    height: calc(226*var(--width-multiplier));
    transition: none 0s ease 0s;
    color: white;
}

@media (max-width: 1023px) {
    .infrastructure__grid-card.opened-card {
        width: 100%;
    }
}

.infrastructure__grid-card.opened-card::before {
    background-color: var(--red);
}

.infrastructure__grid-card.opened-card .infrastructure__grid-card-block {
    background-color: var(--red);
}

.popup-infrastructure__list {
    display: flex;
    flex-direction: column;
    margin: calc(30*2560px / 1920) 0 calc(30*2560px / 1920) calc(24*2560px / 1920);
    margin: calc(30*var(--width-multiplier)) 0 calc(30*var(--width-multiplier)) calc(24*var(--width-multiplier));
    width: 80%;
    line-height: calc(20*2560px / 1920);
    line-height: calc(20*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .popup-infrastructure__list {
        margin-left: 0;
        width: 100%;
        padding-right: calc(20*2560px / 1920);
        padding-right: calc(20*var(--width-multiplier));
    }
}

.popup-infrastructure__list li {
    position: relative;
    margin-bottom: calc(10*2560px / 1920);
    margin-bottom: calc(10*var(--width-multiplier));
}

.popup-infrastructure__list li::before {
    content: "";
    position: absolute;
    left: calc(-25*2560px / 1920);
    left: calc(-25*var(--width-multiplier));
    top: calc(4*2560px / 1920);
    top: calc(4*var(--width-multiplier));
    border-radius: 50%;
    width: calc(12*2560px / 1920);
    width: calc(12*var(--width-multiplier));
    height: calc(12*2560px / 1920);
    height: calc(12*var(--width-multiplier));
    background: var(--red);
}

.platform-first-section__bottom-left__description {
    line-height: calc(24*2560px / 1920);
    line-height: calc(24*var(--width-multiplier));
    font-family: 'TT-Regular';
    max-width: calc(473*2560px / 1920);
    max-width: calc(473*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .platform-first-section__bottom-left__description {
        max-width: none;
        flex-shrink: 0;
        width: 100%;
    }
}

.grid-item__title {
    font-size: calc(21*2560px / 1920);
    font-size: calc(21*var(--width-multiplier));
    font-family: "TT-Medium";
    text-align: center;
}

@media (max-width: 1023px) {
    .grid-item__title {
        font-size: calc(18*2560px / 1920);
        font-size: calc(18*var(--width-multiplier));
        line-height: calc(22*2560px / 1920);
        line-height: calc(22*var(--width-multiplier));
    }
}

.grid-item__title--large {
    font-size: calc(80*2560px / 1920);
    font-size: calc(80*var(--width-multiplier));
    line-height: 1;
}

@media (max-width: 1023px) {
    .grid-item__title--large {
        font-size: calc(60*2560px / 1920);
        font-size: calc(60*var(--width-multiplier));
    }
}

.grid-item__title--medium {
    font-size: calc(32*2560px / 1920);
    font-size: calc(32*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .grid-item__title--medium {
        font-size: calc(20*2560px / 1920);
        font-size: calc(20*var(--width-multiplier));
    }
}

.infrastructure__grid-zone {
    display: flex;
    grid-column-start: 1;
    grid-column-end: span 3 ;
    padding: calc(50*2560px / 1920);
    padding: calc(50*var(--width-multiplier));
    border-radius: calc(32*2560px / 1920);
    border-radius: calc(32*var(--width-multiplier));
    background: var(--grayBg);
    align-items: center;
    justify-content: center;
    gap: calc(64*2560px / 1920);
    gap: calc(64*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .infrastructure__grid-zone {
        grid-column-end: span 1;
        padding: calc(30*2560px / 1920) calc(10*2560px / 1920);
        padding: calc(30*var(--width-multiplier)) calc(10*var(--width-multiplier));
        border-radius: 0;
        gap: calc(35*2560px / 1920);
        gap: calc(35*var(--width-multiplier));
        margin: calc(30*2560px / 1920) calc(-20*2560px / 1920) 0;
        margin: calc(30*var(--width-multiplier)) calc(-20*var(--width-multiplier)) 0;
    }
}

.infrastructure__grid-zone__icon {
    width: calc(160*2560px / 1920);
    width: calc(160*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .infrastructure__grid-zone__icon {
        width: calc(110*2560px / 1920);
        width: calc(110*var(--width-multiplier));
    }
}

.infrastructure__grid-zone__desc {
    display: flex;
    gap: calc(16*2560px / 1920);
    gap: calc(16*var(--width-multiplier));
    align-items: center;
    font-family: "TT-Medium";
    font-size: calc(21*2560px / 1920);
    font-size: calc(21*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .infrastructure__grid-zone__desc {
        flex-direction: column;
        gap: 0;
        align-items: normal;
        line-height: 1;
    }
}

.infrastructure__grid-zone__num {
    font-family: "TT-Medium";
    font-size: calc(80*2560px / 1920);
    font-size: calc(80*var(--width-multiplier));
    color: var(--red);
}

@media (max-width: 1023px) {
    .infrastructure__grid-zone__num {
        font-size: calc(66*2560px / 1920);
        font-size: calc(66*var(--width-multiplier));
    }
}

.infrastructure__grid-zone__text--red {
    color: var(--red);
    font-size: calc(37*2560px / 1920);
    font-size: calc(37*var(--width-multiplier));
    line-height: calc(31 * var(--width-multiplier));
}

@media (max-width: 1023px) {
    .infrastructure__grid-zone__text--red {
        font-size: calc(22*2560px / 1920);
        font-size: calc(22*var(--width-multiplier));
    }
}

.big-map-section__map {
    max-width: calc(1650*2560px / 1920);
    max-width: calc(1650*var(--width-multiplier));
    margin: 0 auto;
    position: relative;
}

@media (max-width: 1023px) {
    .big-map-section__map {
        padding-bottom: calc(60*2560px / 1920);
        padding-bottom: calc(60*var(--width-multiplier));
    }

    .big-map-section__map-image {
        overflow: hidden;
        position: absolute;
        left: 0;
        top: calc(155*2560px / 1920);
        top: calc(155*var(--width-multiplier));
        height: calc(360*2560px / 1920);
        height: calc(360*var(--width-multiplier));
    }

    .big-map-section__map-image img {
        height: 100%;
        object-fit: cover;
        object-position: 33%;
    }
}

.big-map-section__desc {
    position: absolute;
    top: calc(128*2560px / 1920);
    top: calc(128*var(--width-multiplier));
    right: calc(197*2560px / 1920);
    right: calc(197*var(--width-multiplier));
    max-width: 30%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
}

@media (max-width: 1023px) {
    .big-map-section__desc {
        position: static;
        max-width: none;
        align-items: normal;
    }
}

.big-map-section__desc__title {
    font-family: "TT-Medium";
    font-size: calc(37*2560px / 1920);
    font-size: calc(37*var(--width-multiplier));
    line-height: calc(48*2560px / 1920);
    line-height: calc(48*var(--width-multiplier));
    text-align: right;
}

@media (max-width: 1023px) {
    .big-map-section__desc__title {
        font-size: calc(28*2560px / 1920);
        font-size: calc(28*var(--width-multiplier));
        line-height: calc(34*2560px / 1920);
        line-height: calc(34*var(--width-multiplier));
        text-align: center;
    }
}

.big-map-section__desc__title--red {
    color: var(--red);
}

.big-map-section__desc__subtitle {
    text-align: right;
    font-family: "TT-Medium";
    font-size: calc(21*2560px / 1920);
    font-size: calc(21*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .big-map-section__desc__subtitle {
        text-align: center;
        margin-top: calc(10*2560px / 1920);
        margin-top: calc(10*var(--width-multiplier));
        font-size: calc(20*2560px / 1920);
        font-size: calc(20*var(--width-multiplier));
    }
}

.big-map-section__desc__info-item {
    display: flex;
    gap: calc(16*2560px / 1920);
    gap: calc(16*var(--width-multiplier));
    line-height: calc(22*2560px / 1920);
    line-height: calc(22*var(--width-multiplier));
    align-items: center;
}

.big-map-section__desc__info-item-icon {
    flex-shrink: 0;
    width: calc(32*2560px / 1920);
    width: calc(32*var(--width-multiplier));
    height: calc(32*2560px / 1920);
    height: calc(32*var(--width-multiplier));
}

.big-map-section__desc__info-item-icon--mb img{
    margin-bottom: 1rem;
}

.big-map-section__desc__info {
    display: flex;
    flex-direction: column;
    gap: calc(32*2560px / 1920);
    gap: calc(32*var(--width-multiplier));
    justify-content: center;
}

@media (max-width: 1023px) {
    .big-map-section__desc__info {
        margin-top: calc(410*2560px / 1920);
        margin-top: calc(410*var(--width-multiplier));
        padding: 0 calc(20*2560px / 1920);
        padding: 0 calc(20*var(--width-multiplier));
        gap: calc(25*2560px / 1920);
        gap: calc(25*var(--width-multiplier));
    }
}

.big-map-section__desc__info-item-text--semibold span {
    color: var(--red);
}

.big-map-section__desc__info-item-text--semibold{
     font-family: "TT-Medium";

}
.big-map-section__desc__info-item-text--gray{
    color: var(--textGray);
    font-family: "TT-Medium";
}

.big-map-section__desc__info-item-text--red{
    color: var(--red);
    font-family: "TT-Medium";
}

.big-map-section__decor {
    width: 45%;
    margin: calc(16*2560px / 1920) 0 calc(32*2560px / 1920) 0;
    margin: calc(16*var(--width-multiplier)) 0 calc(32*var(--width-multiplier)) 0;
}

@media (max-width: 1023px) {
    .big-map-section__decor {
        width: 50%;
        margin: calc(10*2560px / 1920) auto 0;
        margin: calc(10*var(--width-multiplier)) auto 0;
    }
}

.big-map-section__desc__info-item-text__divider {
    padding-right: .3rem;
    padding-left: .8rem;

}
.big-map-section__desc__info-item-text__divider--wide{
    padding-left: 2rem;
    padding-right: .3rem;
}

.flex-text-map {
    display: flex;
    gap: calc(24*2560px / 1920);
    gap: calc(24*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .flex-text-map {
        line-height: 1;
    }
}

.pechatniki-platform{
    position: absolute;
    top: 56%;
    left: 50%;
    width: 1.7rem;
    height: 1.7rem;
}
.pechatniki-platform::before{
content: "";
position: absolute;
    color: var(--textColor);
    border: 20px solid transparent;
    border-left: 20px solid;
    top: 1rem;
    left: 1.3rem;
}
.pechatniki-platform::after{
 font-family: "TT-Medium";
bottom: -3rem;
right: -2rem;
position: absolute;
content: "площадка ПЕЧАТНИКИ";
background-color: var(--textColor);
color: white;
text-align: center;
padding: .4rem 1.4rem;
border-radius: .5rem;
font-size: .8rem;
line-height: 1rem;
}
.pechatniki-icon--inactive::after{
 font-family: "TT-Medium";
    bottom: -3rem;
    right: -2rem;
    position: absolute;
    content: "площадка ПЕЧАТНИКИ";
    background-color: var(--lightGray);
    color: white;
    text-align: center;
    padding: .4rem 1.4rem;
    border-radius: .5rem;
    font-size: .8rem;
    line-height: 1rem;

}


.pechatniki-icon--inactive::before{
    content: "";
    position: absolute;
        color: var(--lightGray);
        border: 20px solid transparent;
        border-left: 20px solid;
        top: .4rem;
        left: 1rem;
}
.pechatniki-icon--inactive{
    position: absolute;
    top: 56%;
    left: 50%;
    width: 1rem;
    height: 1rem;
    background-color: var(--lightGray);
}
.pechatniki-icon--inactive img{
    width: .5rem;
}
.pechatniki-platform img{
    width: 1.2rem;
}

.rudnevo-icon--inactive{
    position: absolute;
    top: 56%;
    left: 65.4%;
    width: 1rem;
    height: 1rem;
    background-color: var(--lightGray);
}
.rudnevo-icon--inactive::before{
    content: "";
    position: absolute;
        color: var(--lightGray);
        border: 20px solid transparent;
        border-left: 20px solid;
        top: .6rem;
        left: 1.3rem;
    }
    .rudnevo-icon--inactive::after{
   font-family: "TT-Medium";
    bottom: -3rem;
    right: -2.8rem;
    position: absolute;
    content: "площадка РУДНЕВО";
    background-color: var(--lightGray);
    color: white;
    text-align: center;
    padding: .4rem 1.4rem;
    border-radius: .5rem;
    font-size: .8rem;
    line-height: 1rem;
    }

.rudnevo-icon--inactive img{
    width: .5rem;
}

.rudnevo-icon{
    position: absolute;
    top: 56%;
    left: 65.4%;
    width: 1.7rem;
    height: 1.7rem;
    background-color: var(--red);
}
.rudnevo-icon::before{
    content: "";
    position: absolute;
        color: var(--textColor);
        border: 20px solid transparent;
        border-left: 20px solid;
        top: 1rem;
        left: 2rem;
    }
    .rudnevo-icon::after{
 font-family: "TT-Medium";
    bottom: -3rem;
    right: -2.8rem;
    position: absolute;
    content: "площадка РУДНЕВО";
    background-color: var(--textColor);
    color: white;
    text-align: center;
    padding: .4rem 1.4rem;
    border-radius: .5rem;
    font-size: .8rem;
    line-height: 1rem;
    }

.rudnevo-icon img{
    width: 1rem;
}

.alabushevo-icon--inactive{
    position: absolute;
    top: 10.2%;
    left: 19.8%;
    width: 1rem;
    height: 1rem;
    background-color: var(--lightGray);
}
.alabushevo-icon--inactive::before{
    content: "";
    position: absolute;
        color: var(--lightGray);
        border: 20px solid transparent;
        border-right: 20px solid;
        top: .9rem;
        right: 1rem;
    }
    .alabushevo-icon--inactive::after{
 font-family: "TT-Medium";
    bottom: -3.2rem;
    right: -0rem;
    position: absolute;
    content: "площадка АЛАБУШЕВО";
    background-color: var(--lightGray);
    color: white;
    text-align: center;
    padding: .3rem .5rem;
    border-radius: .5rem;
    font-size: .8rem;
    line-height: 1rem;
    }

.alabushevo-icon--inactive img{
    width: .5rem;
}
.alabushevo-icon{
    position: absolute;
    top: 10.2%;
    left: 19.8%;
    width: 1.7rem;
    height: 1.7rem;
    background-color: var(--red);
    z-index: 1;
}

.pointer-alabushevo{
    bottom: 100%;
    left: -2%;
    padding: .4rem .6rem;
    border-radius: .4rem;

}

.pointer-alabushevo::after{
    top: 100%;
    left: 30%;
    border-left: none;
    border-right: 20px solid var(--textColor);
}

.alabushevo-icon::before{
    content: "";
    position: absolute;
        color: var(--textColor);
        border: 20px solid transparent;
        border-right: 20px solid;
        top: .9rem;
        right: 1rem;
    }
    .alabushevo-icon::after{
 font-family: "TT-Medium";
    bottom: -3rem;
    right: -0rem;
    position: absolute;
    content: "площадка АЛАБУШЕВО";
    background-color: var(--textColor);
    color: white;
    text-align: center;
    padding: .3rem .5rem;
    border-radius: .5rem;
    font-size: .8rem;
    line-height: 1rem;
    }

.alabushevo-icon img{
    width: 1rem;
}
.micron-icon--inactive{
    position: absolute;
    top: 15.8%;
    left: 21%;
    width: 1rem;
    height: 1rem;
    background-color: var(--lightGray);
}
.micron-icon--inactive::before{
    content: "";
    position: absolute;
        color: var(--lightGray);
        border: 20px solid transparent;
        border-left: 20px solid;
        top: .9rem;
        right: -2.1rem;
    }
    .micron-icon--inactive::after{
        font-family: "TT-Medium";
    bottom: -3.3rem;
    right: -1rem;
    position: absolute;
    content: "площадка МИКРОН";
    background-color: var(--lightGray);
    color: white;
    text-align: center;
    padding: .3rem 1.1rem;
    border-radius: .5rem;
    font-size: .8rem;
    line-height: 1rem;
    }

.micron-icon--inactive img{
    width: .5rem;
}
.micron-icon{
    position: absolute;
    top: 15.8%;
    left: 21%;
    width: 1.7rem;
    height: 1.7rem;
    background-color: var(--red);
}
.micron-icon::before{
    content: "";
    position: absolute;
        color: var(--textColor);
        border: 20px solid transparent;
        border-left: 20px solid;
        top: .9rem;
        right: -2.1rem;
    }
    .micron-icon::after{
       font-family: "TT-Medium";
    bottom: -2.8rem;
    right: -1rem;
    position: absolute;
    content: "площадка МИКРОН";
    background-color: var(--textColor);
    color: white;
    text-align: center;
    padding: .3rem 1.1rem;
    border-radius: .5rem;
    font-size: .8rem;
    line-height: 1rem;
    }

.micron-icon img{
    width: 1rem;
}
.pointer-micron{
    bottom: 62%;
    left: -1%;
    padding: .4rem .6rem;
    border-radius: .4rem;

}
.miet-icon--inactive{
    position: absolute;
    top: 14%;
    left: 22.5%;
    width: 1rem;
    height: 1rem;
    background-color: var(--lightGray);
}
.miet-icon--inactive::before{
    content: "";
    position: absolute;
        color: var(--lightGray);
        border: 20px solid transparent;
        border-right: 20px solid;
        top: -2.5rem;
        right: .4rem;
    }
    .miet-icon--inactive::after{
     font-family: "TT-Medium";
    bottom: 1.6rem;
    right: -3.6rem;
    position: absolute;
    content: "площадка МИЭТ";
    background-color: var(--lightGray);
    color: white;
    text-align: center;
    max-width: 6rem;
    padding: .2rem 1rem;
    border-radius: .5rem;
    font-size: .8rem;
    line-height: 1rem;
    }

.miet-icon--inactive img{
    width: .5rem;
}
.miet-icon{
    position: absolute;
    top: 14%;
    left: 22.5%;
    width: 1.7rem;
    height: 1.7rem;
    background-color: var(--red);
    z-index: 10;
}
.miet-icon::before{
    content: "";
    position: absolute;
        color: var(--textColor);
        border: 20px solid transparent;
        border-right: 20px solid;
        top: -2rem;
        right: .4rem;
    }
    .miet-icon::after{
   font-family: "TT-Medium";
    bottom: 2rem;
    right: -3rem;
    position: absolute;
    content: "площадка МИЭТ";
    background-color: var(--textColor);
    color: white;
    text-align: center;
    max-width: 6rem;
    padding: .2rem 1rem;
    border-radius: .5rem;
    font-size: .8rem;
    line-height: 1rem;
    }

.miet-icon img{
    width: 1rem;
}
.pointer-miet{
    bottom: 60%;
    left: 15%;
    padding: .4rem .6rem;
    border-radius: .4rem;

}
.angstrem-icon--inactive{
    position: absolute;
    top: 8%;
    left: 26.6%;
    width: 1rem;
    height: 1rem;
    background-color: var(--lightGray);
}
.angstrem-icon--inactive::before{
    content: "";
    position: absolute;
        color: var(--lightGray);
        border: 20px solid transparent;
        border-right: 20px solid;
        top: -2.5rem;
        right: -2.7rem;
        rotate: 90deg;
    }
    .angstrem-icon--inactive::after{
  font-family: "TT-Medium";
    bottom: 0rem;
    right: -8rem;
    position: absolute;
    content: "площадка АНГСТРЕМ";
    background-color: var(--lightGray);
    color: white;
    text-align: center;
    max-width: 7rem;
    padding: .5rem 1rem;
    border-radius: .5rem;
    font-size: .8rem;
    line-height: 1rem;
    }

.angstrem-icon--inactive img{
    width: .5rem;
}
.angstrem-icon{
    position: absolute;
    top: 8%;
    left: 26.6%;
    width: 1.7rem;
    height: 1.7rem;
    background-color: var(--red);
}
.angstrem-icon::before{
    content: "";
    position: absolute;
        color: var(--textColor);
        border: 20px solid transparent;
        border-right: 20px solid;
        top: -2.5rem;
        right: -2.7rem;
        rotate: 90deg;
    }
    .angstrem-icon::after{
  font-family: "TT-Medium";
    bottom: 0rem;
    right: -8rem;
    position: absolute;
    content: "площадка АНГСТРЕМ";
    background-color: var(--textColor);
    color: white;
    text-align: center;
    max-width: 7rem;
    padding: .5rem 1rem;
    border-radius: .5rem;
    font-size: .8rem;
    line-height: 1rem;
    }

.angstrem-icon img{
    width: 1rem;
}

.pointer-angstrem{
    bottom: 94%;
    left: 30%;
    padding: .4rem .6rem;
    border-radius: .4rem;

}
.pointer-angstrem::after{
    top: 100%;
    left: 30%;
    border-left: none;
    border-right: 20px solid var(--textColor);
}


.possibilities__wrapper{
    display: flex;
    justify-content: space-between;
}

@media (max-width: 1023px) {
    .possibilities__wrapper {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
}

.possibilities-left {
    display: flex;
    flex-direction: column;
    gap: calc(80*2560px / 1920);
    gap: calc(80*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .possibilities-left {
        gap: calc(5*2560px / 1920);
        gap: calc(5*var(--width-multiplier));
        text-align: center;
    }
}

.possibilities__title {
    font-family: "TT-Medium";
    font-size: calc(36*2560px / 1920);
    font-size: calc(36*var(--width-multiplier));
    line-height: calc(48*2560px / 1920);
    line-height: calc(48*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .possibilities__title {
        font-size: calc(26*2560px / 1920);
        font-size: calc(26*var(--width-multiplier));
        line-height: calc(32*2560px / 1920);
        line-height: calc(32*var(--width-multiplier));
    }
}

.possibilities__title--red{
    color: var(--red);
}

.possibilities__decor {
    width: 70%;
    line-height: calc(32*2560px / 1920);
    line-height: calc(32*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .possibilities__decor {
        width: 74%;
        margin: 0 auto;
    }
}

.possibilities__stake__num {
    font-size: calc(80*2560px / 1920);
    font-size: calc(80*var(--width-multiplier));
    line-height: 1;
}

@media (max-width: 1023px) {
    .possibilities__stake__num {
        font-size: calc(90*2560px / 1920);
        font-size: calc(90*var(--width-multiplier));
    }
}

.possibilities {
    background-color: var(--grayBg);
    padding: calc(80*2560px / 1920) 0;
    padding: calc(80*var(--width-multiplier)) 0;
    -webkit-box-shadow: 0 calc(-27*2560px / 1920) calc(29*2560px / 1920) calc(-5*2560px / 1920) rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 calc(-27*var(--width-multiplier)) calc(29*var(--width-multiplier)) calc(-5*var(--width-multiplier)) rgba(0,0,0,0.2);
    -moz-box-shadow: 0 calc(-27*2560px / 1920) calc(29*2560px / 1920) calc(-5*2560px / 1920) rgba(0,0,0,0.2);
    -moz-box-shadow: 0 calc(-27*var(--width-multiplier)) calc(29*var(--width-multiplier)) calc(-5*var(--width-multiplier)) rgba(0,0,0,0.2);
    box-shadow: 0 calc(-27*2560px / 1920) calc(29*2560px / 1920) calc(-5*2560px / 1920) rgba(0,0,0,0.2);
    box-shadow: 0 calc(-27*var(--width-multiplier)) calc(29*var(--width-multiplier)) calc(-5*var(--width-multiplier)) rgba(0,0,0,0.2);
}

@media (max-width: 1023px) {
    .possibilities {
        padding: calc(60*2560px / 1920) 0;
        padding: calc(60*var(--width-multiplier)) 0;
    }
}

.possibilities__stake__title {
    font-family: "TT-Medium";
    font-size: calc(32*var(--width-multiplier));
    color: var(--red);
}

@media (max-width: 1023px) {
    .possibilities__stake__title {
        font-size: calc(20*2560px / 1920);
        font-size: calc(20*var(--width-multiplier));
    }
}

.possibilities__stake--normal-color {
    color: var(--textColor);
    font-family: "TT-Regular";
}

@media (max-width: 1023px) {
    .possibilities__stake--normal-color {
        font-size: calc(25*2560px / 1920);
        font-size: calc(25*var(--width-multiplier));
        line-height: 1;
    }
}

.possibilities__stake__desc {
    font-family: "TT-Medium";
    font-size: calc(19*var(--width-multiplier));
    line-height: calc(24*var(--width-multiplier));
    margin-top: calc(7*var(--width-multiplier));
}

.possibilities-right {
    display: flex;
    flex-direction: column;
    gap: calc(48*2560px / 1920);
    gap: calc(48*var(--width-multiplier));
    justify-content: center;
    align-items: center;
    position: relative;
    margin-right: calc(167*2560px / 1920);
    margin-right: calc(167*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .possibilities-right {
        gap: calc(45*2560px / 1920);
        gap: calc(45*var(--width-multiplier));
        margin-right: 0;
        margin-top: calc(50*2560px / 1920);
        margin-top: calc(50*var(--width-multiplier));
    }
}

.possibilities__list {
    display: flex;
    flex-direction: column;
    gap: calc(5*2560px / 1920);
    gap: calc(5*var(--width-multiplier));
    justify-content: center;
    font-family: 'TT-Regular';
}

@media (max-width: 1023px) {
    .possibilities__list {
        gap: 0;
        padding-left: calc(60*2560px / 1920);
        padding-left: calc(60*var(--width-multiplier));
        margin: 0;
    }
}

.possibilities__list li {
    position: relative;
    margin-bottom: calc(10*2560px / 1920);
    margin-bottom: calc(10*var(--width-multiplier));
    max-width: calc(340*2560px / 1920);
    max-width: calc(340*var(--width-multiplier));
    line-height: calc(20*2560px / 1920);
    line-height: calc(20*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .possibilities__list li {
        max-width: calc(256*2560px / 1920);
        max-width: calc(256*var(--width-multiplier));
        font-size: calc(14*2560px / 1920);
        font-size: calc(14*var(--width-multiplier));
        line-height: calc(18*2560px / 1920);
        line-height: calc(18*var(--width-multiplier));
    }
}

.possibilities__list li::before {
    content: "";
    position: absolute;
    left: calc(-25*2560px / 1920);
    left: calc(-25*var(--width-multiplier));
    top: calc(4*2560px / 1920);
    top: calc(4*var(--width-multiplier));
    border-radius: 50%;
    width: calc(12*2560px / 1920);
    width: calc(12*var(--width-multiplier));
    height: calc(12*2560px / 1920);
    height: calc(12*var(--width-multiplier));
    background: var(--red);
}

@media (max-width: 1023px) {
    .possibilities__list li::before {
        left: calc(-18*2560px / 1920);
        left: calc(-18*var(--width-multiplier));
        top: calc(3*2560px / 1920);
        top: calc(3*var(--width-multiplier));
    }
}

.possibilities-right::before {
    position: absolute;
    width: calc(86*2560px / 1920);
    width: calc(86*var(--width-multiplier));
    content: url("../img/lin_04_left.svg");
    left: calc(-166*2560px / 1920);
    left: calc(-166*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .possibilities-right::before {
        width: calc(40*2560px / 1920);
        width: calc(40*var(--width-multiplier));
        left: calc(-15*2560px / 1920);
        left: calc(-15*var(--width-multiplier));
        top: calc(-15*2560px / 1920);
        top: calc(-15*var(--width-multiplier));
    }
}

.possibilities-right::after {
    content: url("../img/lin_04_right.svg");
    width: calc(86*2560px / 1920);
    width: calc(86*var(--width-multiplier));
    position: absolute;
    right: calc(-166*2560px / 1920);
    right: calc(-166*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .possibilities-right::after {
        width: calc(40*2560px / 1920);
        width: calc(40*var(--width-multiplier));
        right: calc(-15*2560px / 1920);
        right: calc(-15*var(--width-multiplier));
        top: calc(-15*2560px / 1920);
        top: calc(-15*var(--width-multiplier));
    }
}

.platform-gallery {
    background-color: var(--grayBg);
    padding: calc(80*2560px / 1920) 0;
    padding: calc(80*var(--width-multiplier)) 0;
}

@media (max-width: 1023px) {
    .platform-gallery {
        padding: calc(60*2560px / 1920) 0;
        padding: calc(60*var(--width-multiplier)) 0;
    }

    .platform-gallery .slider-gallery__thumb-slider {
        display: none;
    }
}

@media (min-width: 1024px) {
    .slider-gallery-tsentr__dots {
        display: none;
    }
}

.platform-slide__img {
    height: calc(528*2560px / 1920);
    height: calc(528*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .platform-slide__img {
        height: calc(224*2560px / 1920);
        height: calc(224*var(--width-multiplier));
    }
}

.platform-slide__img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: calc(16*2560px / 1920);
    border-radius: calc(16*var(--width-multiplier));
}

.thumb-slide {
    height: calc(96*2560px / 1920);
    height: calc(96*var(--width-multiplier));
    margin-right: calc(16*2560px / 1920);
    margin-right: calc(16*var(--width-multiplier));
}

.thumb-slide img {
    width: 100%;
    object-fit: cover;
    height: calc(80*2560px / 1920);
    height: calc(80*var(--width-multiplier));
    border-radius: calc(16*2560px / 1920);
    border-radius: calc(16*var(--width-multiplier));
}

.platform-slide__desc {
    margin-top: calc(16*2560px / 1920);
    margin-top: calc(16*var(--width-multiplier));
    font-family: "TT-Medium";
    text-align: center;
}

.pointer-rudnevo{
    bottom: 42%;
    left: 64%;
    min-width: 15rem;
    padding: .3rem .4rem;
}

.platform-footer {
    min-height: 20rem;

}
.sales-office__title{
     font-family: "TT-Medium";
    margin-bottom: 1rem;
}

.phone-small{
    font-size: 1rem;
}
.footer__platform-adress{
    margin-top: 10rem;
     font-family: "TT-Regular";
}

.hero {
  position: relative;
}

.hero__img {
  position: absolute;
  right: 0;
  top: 4%;
}

.quetion {
  position: absolute;
  bottom: 280px;
  right: 100px;
  max-width: 50px;
  height: 50px;
  cursor: pointer;
}

.quetion:hover path {
  fill: #D00E46;
  stroke: #fff;
}

.hero__title {
  padding-top: 150px;
    font-family: "TT-Medium";
  font-weight: 500;
  font-size: 48px;
  line-height: 56px;
  margin-bottom: 50px;
}

.hero__title span {
  color: #D00E46;
}

.hero__descr {
    font-family: "TT-Medium";
  font-weight: 500;
  color: #393649;
  font-size: 20px;
  font-weight: 400;
  line-height: 34px;
  margin-bottom: 30px;
}

.hero__block {
  display: flex;
  gap: 40px;
  margin-bottom: 30px;
}

.button {
  background-color: #393649;
  border-radius: 8px;
  color: #fff;
  padding: 19px 0;
  max-width: 256px;
  width: 100%;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  display: block;
  transition: background-color 0.3s ease-in-out;
   font-family: "TT-Medium";
  font-weight: 500;
}

.gray-button {
  transition: background-color 0.3s ease-in-out;
}

.gray-button:hover {
  background-color: #D00E46;
}

.hero__relative {
  position: relative;
  margin-bottom: 100px;
}

.hero__svg {
  position: absolute;
  left: -294px;
  bottom: 83px;
  transform: rotate(270deg);
  width: 364px;
}

.hero__block {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin-bottom: 100px;
}

.hero__text {
  color: #929292;
  letter-spacing: 0.3px;
  line-height: 24px;
}

.hero__text span {
    font-family: "TT-Medium";
  font-weight: 500;
  color: var(--textColor);
}

.hero__card {
  background-color: #ebebeb;
  padding: 40px 20px;
  border-radius: 16px;
  border-bottom-right-radius: 5rem;
}

.gray-button {
  transition: background-color 0.3s ease-in-out;
}

.gray-button:hover {
  background-color: #D00E46;
}

.hero__card:nth-child(2) button {
  background-color: #D00E46;
}

.hero__card:nth-child(2) button:hover {
  background-color: #393649;
}

.hero__card-descr {
  display: block;
  color: #393649;
  font-size: 14px;
  margin-bottom: 20px;
    font-family: "TT-Medium";
  font-weight: 500;
}

.hero__card-title {
  display: block;
  color: #393649;
  font-size: 36px;
  margin-bottom: 80px;
    font-family: "TT-Medium";
  font-weight: 500;
  width: 50%;
}

.hero__card button {
  margin-left: unset;
}

.people {
    padding: calc(100*2560px / 1920) 0 calc(50*2560px / 1920);
    padding: calc(100*var(--width-multiplier)) 0 calc(50*var(--width-multiplier));
    background-color: var(--grayBg);
}

@media (max-width: 1023px) {
    .people {
        padding: calc(60*2560px / 1920) 0  calc(30*2560px / 1920);
        padding: calc(60*var(--width-multiplier)) 0 calc(30*var(--width-multiplier));
    }
}

.people__title {
    font-family: "TT-Medium";
  font-weight: 500;
  color: #393649;
  text-transform: uppercase;
  font-size: calc(36*2560px / 1920);
  font-size: calc(36*var(--width-multiplier));
  line-height: calc(40*2560px / 1920);
  line-height: calc(40*var(--width-multiplier));
  margin-bottom: calc(30*2560px / 1920);
  margin-bottom: calc(30*var(--width-multiplier));
}

.people__block {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px 50px;
}

.people__card-svg {
  max-width: 45%;
  transform: rotate(180deg);
}
.people__card-svg-b {
     max-width: 45%;
      transform: rotate(0deg);
      position: absolute;
      right: 0px;
      bottom: -20px;
}
.people__card-svg-b path {
  stroke: #929292;
}

.people__card-svg path {
  stroke: #929292;
}

.people__card {
  position: relative;
  max-width: 460px;
  margin-bottom: 40px;
}

.people__card-svg {
  position: absolute;
  left: 0;
}

.people__card-svg g line {
  stroke: #929292;
}

.people__card-text {
  padding-left: 40px;
}

.people__card-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.people__card-block img {
    max-width: 100%;
    width: 260px;
}

.people__card-name {
  color: #393649;
  margin-bottom: 20px;
    font-family: "TT-Medium";
  font-weight: 500;
}

.people__card-prof {
  color: #D00E46;
  letter-spacing: 1px;
  font-size: 12px;
    font-family: "TT-Medium";
  font-weight: 700;
}

.people__dots {
    margin-top: calc(-50*2560px / 1920);
    margin-top: calc(-50*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .people__dots {
        margin-top: calc(30*2560px / 1920);
        margin-top: calc(30*var(--width-multiplier));
    }
}

.connect {
  background-color: #ebebeb;
  box-shadow: 0 -27px 29px -5px rgba(0, 0, 0, 0.2);
  padding: 100px 0;
}

.connect__title {
  color: #393649;
    font-family: "TT-Medium";
  font-weight: 500;
  text-transform: uppercase;
  font-size: 50px;
  line-height: 40px;
  text-align: center;
  margin-bottom: 30px;
}

.connect__title span {
  color: #D00E46;
}

.connect__descr {
  color: #393649;
    font-family: "TT-Medium";
  font-weight: 500;
  text-transform: uppercase;
  font-size: 24px;
  line-height: 40px;
  text-align: center;
  margin-bottom: 30px;
}

.svg {
  width: 300px;
  display: block;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 30px;
}

.buttons {
  display: flex;
  gap: 30px;
  justify-content: center;
  margin-bottom: 60px;
}

.connect-red__btn {
  background-color: #D00E46;
  margin-right: unset;
  margin-left: unset;
  transition: background-color 0.3s ease-in-out;
}

.connect-red__btn:hover {
  background-color: #6b132d;
}

.connect-empty__btn {
  background-color: transparent;
  color: #393649;
  border: 1px solid #929292;
  margin-right: unset;
  margin-left: unset;
  transition: border 0.3s ease-in-out, color 0.3s ease-in-out;
}

.connect-empty__btn:hover {
  border: 1px solid #D00E46;
  color: #6b132d;
}

.inputs {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px 100px;
  max-width: 70%;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 30px;
}

.form__input::placeholder {
    font-size: calc(20*2560px / 1920);
    font-size: calc(20*var(--width-multiplier));
    color: #929292;
}

@media (max-width: 1023px) {
    .form__input::placeholder {
        font-size: calc(16*2560px / 1920);
        font-size: calc(16*var(--width-multiplier));
    }
}

.form__input {
  max-width: 300px;
  background-color: transparent;
  border: unset;
  border-bottom: 1px solid #929292;
  outline: unset;
  padding-bottom: 7px;
}

.form__select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url(../img/svg/arrow_03_lev.webp);
  background-repeat: no-repeat;
  background-size: 20px 10px;
  background-position-x: calc(100% - 5px);
  background-position-y: calc(100% - 10px);
  color: #929292;
}

.connect__btn {
  margin-bottom: 30px;
}

.connect__text {
  color: #929292;
  text-align: center;
}

.form__input:focus {
  border-bottom: 1px solid #D00E46;
}/*# sourceMappingURL=style.css.map */


.smi {
    padding: calc(100 * var(--width-multiplier)) 0;
    -webkit-box-shadow: 0 calc(-27*2560px / 1920) calc(29*2560px / 1920) calc(-5*2560px / 1920) rgba(0,0,0,0.2);
    min-height: calc(100vh - calc(283* var(--width-multiplier)));
    -webkit-box-shadow: 0 calc(-27*var(--width-multiplier)) calc(29*var(--width-multiplier)) calc(-5*var(--width-multiplier)) rgba(0,0,0,0.2);
    -moz-box-shadow: 0 calc(-27*2560px / 1920) calc(29*2560px / 1920) calc(-5*2560px / 1920) rgba(0,0,0,0.2);
    -moz-box-shadow: 0 calc(-27*var(--width-multiplier)) calc(29*var(--width-multiplier)) calc(-5*var(--width-multiplier)) rgba(0,0,0,0.2);
    box-shadow: 0 calc(-27*2560px / 1920) calc(29*2560px / 1920) calc(-5*2560px / 1920) rgba(0,0,0,0.2);
    box-shadow: 0 calc(-27*var(--width-multiplier)) calc(29*var(--width-multiplier)) calc(-5*var(--width-multiplier)) rgba(0,0,0,0.2);
}

.bx-breadcrumb {
    margin: calc(10 * var(--width-multiplier)) 0 0;
}

.bx-breadcrumb .bx-breadcrumb-item {
    float: left;
    white-space: normal;
    vertical-align: middle;
    margin-right: calc(10 * var(--width-multiplier));
    margin-bottom: 0;
    line-height: calc(13 * var(--width-multiplier));
}

.bx-breadcrumb .bx-breadcrumb-item span {
    /* font-size: calc(13 * var(--width-multiplier)); */
    font-size: calc(16 * var(--width-multiplier));
    color: #949494;
}

.bx-breadcrumb i {
    margin-right: calc(5 * var(--width-multiplier));
    font-size: calc(12 * var(--width-multiplier));
    line-height: calc(13 * var(--width-multiplier));
}

.smi__title {
    margin: calc(80 * var(--width-multiplier))  0 calc(30 * var(--width-multiplier));
    font-family: "TT-Medium";
    font-weight: 500;
    font-size: calc(48 * var(--width-multiplier));
    line-height: calc(56 * var(--width-multiplier));
    color: #D00E46;
}

.smi__filter {
    display: grid;
    margin-bottom: calc(50 * var(--width-multiplier));
    grid-template-columns: repeat(3, 1fr);
    column-gap: calc(30 * var(--width-multiplier));
}

.smi__filter input,
.smi__filter select {
    outline: none;
    border: none;
    border-bottom: 1px solid #c4c3c8;
    padding: calc(10 * var(--width-multiplier)) calc(10 * var(--width-multiplier)) calc(10 * var(--width-multiplier)) 0;
    height: calc(42 * var(--width-multiplier));
    font-family: "TT-Regular";
    font-size: calc(18 * var(--width-multiplier));
    background: none;
    cursor: pointer;
}

.smi__filter input::placeholder {
    color: #929292;
}

.smi__filter select {
    appearance: none;
    outline: none;
    background: url(/local/templates/technopolis/css/../img/svg/arrow_03_lev.webp) 97% calc(20 * var(--width-multiplier)) no-repeat;
    background-size: calc(20 * var(--width-multiplier)) calc(10 * var(--width-multiplier));
    cursor: pointer;
}

.smi__filter .smi__filter-search {
    padding-right: calc(40 * var(--width-multiplier));
    background: url("/local/templates/technopolis/css/../img/icon_search.svg") 97% calc(10 * var(--width-multiplier)) no-repeat;
    background-size: calc(20 * var(--width-multiplier)) calc(25 * var(--width-multiplier));
}
.smi__filter .smi__filter-search:active, .smi__filter .smi__filter-search:focus {
    background-image: url("../img/icon_search_active.svg");
}

.smi__filter .dropdown {
    width: calc(275* var(--width-multiplier));
    height: calc(42 * var(--width-multiplier));
    position: relative;
}

.smi__filter .dropdown__trigger {
    position: relative;
    width: 100%;
    height: 100%;
    transition: .3s all ease-out;
    border-bottom: 1px solid #C9C9C9;
    font-size: calc(18 * var(--width-multiplier));
    padding: calc(10* var(--width-multiplier)) 0;
    cursor: pointer;
}

.smi__filter .dropdown__current {
    color: var(--textGray);
    line-height: calc(23 * var(--width-multiplier));
}

.smi__filter .dropdown__arrow {
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(20 * var(--width-multiplier));
    height: 80%;
    transform: rotate(0) translateZ(0);
    transform-origin: center center;
    transition: .3s all ease-out;
    pointer-events: none;
}

.smi__filter .dropdown__arrow img {
    width: calc(20 * var(--width-multiplier));
    height: calc(10 * var(--width-multiplier));
}

.smi__filter .is-dropped .dropdown__arrow {
    transform: rotate(-180deg) translateZ(0);
}

.smi__filter .dropdown__options-wrapper {
    position: absolute;
    top: 100%;
    z-index: 100;
    overflow: hidden;
    margin-top: calc(-1 * var(--width-multiplier));
    width: 100%;
    height: 0;
    background-color: #ebebed;
    opacity: 0;
    transition: .3s all ease-out;
}

.smi__filter .is-dropped .dropdown__options-wrapper {
    opacity: 1;
}

.smi__filter .dropdown__circle {
    width: calc(18 * var(--width-multiplier));
    height: calc(18 * var(--width-multiplier));
    border-radius: 50%;
    background-color: #fff;
    margin-right: calc(10 * var(--width-multiplier));
    transition: .3s all ease-out;
}

.smi__filter .dropdown__options-list {
    padding: calc(20 * var(--width-multiplier)) calc(20 * var(--width-multiplier));
    width: 100%;
}

.smi__filter .dropdown__option {
    display: flex;
    align-items: center;
    padding: calc(8 * var(--width-multiplier)) 0;
    width: 100%;
    cursor: pointer;
}

.smi__filter .dropdown__option.is-selected {
    pointer-events: none;
}

.smi__filter .dropdown__current.value-selected {
    color: #393649;
}

.smi__filter .dropdown__option span {
    line-height: calc(16 * var(--width-multiplier));
    font-weight: 400;
}

.smi__filter .is-selected .dropdown__circle {
    background-color: #d00e46;
}

.smi__filter .dropdown__option.is-selected span {
    font-weight: 500;
    color: #d00e46;
}

.smi__filter .choices {
    margin-bottom: 0;
    font-size: calc(18* var(--width-multiplier));
}

.smi__filter .choices__list--dropdown .choices__placeholder {
    display: none;
}

.smi__filter .choices__inner {
    display: flex;
    align-items: center;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #c4c3c8;
    padding: calc(10 * var(--width-multiplier)) calc(30 * var(--width-multiplier)) calc(10 * var(--width-multiplier)) 0 !important;
    min-height: auto;
    height: calc(42* var(--width-multiplier));
    font-size: calc(18* var(--width-multiplier));
    color: #000;
    background: none;
}

.smi__filter .choices__list--single {
    padding: 0;
}

.smi__filter .choices__placeholder {
    opacity: 1;
    color: var(--textGray);
}

.smi__filter .choices[data-type*=select-one]::after {
    right: calc(5* var(--width-multiplier));
    margin-top: -2px;
    border: none;
    border-left: 1px solid var(--textGray);
    border-bottom: 1px solid var(--textGray);
    width: calc(12 * var(--width-multiplier));
    height: calc(12 * var(--width-multiplier));
    transform: rotate(-45deg) translateY(-50%);
    transform-origin: top center;
    transition: 0.3s;
}

.smi__filter .choices[data-type*=select-one].is-open::after {
    transform: rotate(135deg) translateY(-50%);
}

.smi__filter .choices__list--dropdown, .choices__list[aria-expanded] {
    margin-top: 0;
    border: none;
    background: #ebebeb;
}

.smi__filter .choices__list--dropdown .choices__list, .choices__list[aria-expanded] .choices__list {
    padding: calc(20* var(--width-multiplier));
    max-height: calc(300* var(--width-multiplier));
}

.smi__filter .choices__list--dropdown .choices__item, .choices__list[aria-expanded] .choices__item {
    padding: calc(5 * var(--width-multiplier)) 0;
    width: fit-content;
    font-size: calc(16* var(--width-multiplier));
    word-break: normal;
}

.smi__filter .choices__list--dropdown .choices__item--selectable.is-highlighted, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
    font-weight: 700;
    color: var(--red);
    background: none;
}

.smi__filter .choices__list--dropdown .choices__item--selectable::after, .choices__list[aria-expanded] .choices__item--selectable::after {
    display: none;
}

.anketa-form__grid .dropdown {
    width: calc(560* var(--width-multiplier));
    height: calc(42 * var(--width-multiplier));
    position: relative;
}

.anketa-form__grid .dropdown__trigger {
    position: relative;
    width: 100%;
    height: 100%;
    transition: .3s all ease-out;
    border-bottom: 1px solid #C9C9C9;
    font-size: calc(18 * var(--width-multiplier));
    padding: calc(9* var(--width-multiplier)) 0;
    cursor: pointer;
}

.anketa-form__grid .dropdown__current {
    color: var(--lightGray);
    line-height: calc(23 * var(--width-multiplier));
}

.anketa-form__grid .dropdown__arrow {
    position: absolute;
    right: 0;
    top: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(20* var(--width-multiplier));
    height: calc(10* var(--width-multiplier));
    transform: rotate(0) translateZ(0) translateY(-50%);
    transform-origin: top center;
    transition: .3s all ease-out;
    pointer-events: none;
}

.anketa-form__grid .dropdown__arrow img {
    padding-left: 0;
    width: calc(20 * var(--width-multiplier));
    height: calc(10 * var(--width-multiplier));
}

.anketa-form__grid .is-dropped .dropdown__arrow {
    transform: rotate(-180deg) translateZ(0);
}

.anketa-form__grid .dropdown__options-wrapper {
    position: absolute;
    top: 100%;
    z-index: 100;
    overflow: hidden;
    margin-top: calc(-1 * var(--width-multiplier));
    width: 100%;
    height: 0;
    background-color: #ebebed;
    opacity: 0;
    transition: .3s all ease-out;
}

.anketa-form__grid .is-dropped .dropdown__options-wrapper {
    opacity: 1;
}

.anketa-form__grid .dropdown__circle {
    width: calc(18 * var(--width-multiplier));
    height: calc(18 * var(--width-multiplier));
    border-radius: 50%;
    background-color: #fff;
    margin-right: calc(10 * var(--width-multiplier));
    transition: .3s all ease-out;
}

.anketa-form__grid .dropdown__options-list {
    padding: calc(20 * var(--width-multiplier)) calc(20 * var(--width-multiplier));
    width: 100%;
}

.anketa-form__grid .dropdown__option {
    display: flex;
    align-items: center;
    padding: calc(8 * var(--width-multiplier)) 0;
    width: 100%;
    cursor: pointer;
}

.anketa-form__grid .dropdown__option.is-selected {
    pointer-events: all;
}

.anketa-form__grid .dropdown__current.value-selected {
    color: #393649;
}

.anketa-form__grid .dropdown__option span {
    line-height: calc(16 * var(--width-multiplier));
    font-weight: 400;
}

.anketa-form__grid .is-selected .dropdown__circle {
    background-color: #d00e46;
}

.anketa-form__grid .dropdown__option.is-selected span {
    font-weight: 500;
    color: #d00e46;
}

.anketa-form__grid .choices {
    margin-bottom: 0;
    font-size: calc(18* var(--width-multiplier));
}

.anketa-form__grid .choices__list--dropdown .choices__placeholder {
    display: none;
}

.anketa-form__grid .choices__inner {
    display: flex;
    align-items: center;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #c4c3c8;
    padding: calc(10 * var(--width-multiplier)) calc(30 * var(--width-multiplier)) calc(10 * var(--width-multiplier)) 0 !important;
    min-height: auto;
    height: calc(42* var(--width-multiplier));
    font-size: calc(18* var(--width-multiplier));
    color: #000;
    background: none;
}

.anketa-form__grid .choices__list--single {
    padding: 0;
}

.anketa-form__grid .choices__placeholder {
    opacity: 1;
    color: var(--textGray);
}

.anketa-form__grid .choices[data-type*=select-one]::after {
    right: calc(5* var(--width-multiplier));
    margin-top: -2px;
    border: none;
    border-left: 1px solid var(--textGray);
    border-bottom: 1px solid var(--textGray);
    width: calc(12 * var(--width-multiplier));
    height: calc(12 * var(--width-multiplier));
    transform: rotate(-45deg) translateY(-50%);
    transform-origin: top center;
    transition: 0.3s;
}

.anketa-form__grid .choices[data-type*=select-one].is-open::after {
    transform: rotate(135deg) translateY(-50%);
}

.anketa-form__grid .choices__list--dropdown, .choices__list[aria-expanded] {
    margin-top: 0;
    border: none;
    background: #ebebeb;
}

.anketa-form__grid .choices__list--dropdown .choices__list, .choices__list[aria-expanded] .choices__list {
    padding: calc(20* var(--width-multiplier));
    max-height: calc(300* var(--width-multiplier));
}

.anketa-form__grid .choices__list--dropdown .choices__item, .choices__list[aria-expanded] .choices__item {
    padding: calc(5 * var(--width-multiplier)) 0;
    width: fit-content;
    font-size: calc(16* var(--width-multiplier));
    word-break: normal;
}

.anketa-form__grid .choices__list--dropdown .choices__item--selectable.is-highlighted, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
    font-weight: 700;
    color: var(--red);
    background: none;
}

.anketa-form__grid .choices__list--dropdown .choices__item--selectable::after, .choices__list[aria-expanded] .choices__item--selectable::after {
    display: none;
}

@media (min-width: 1024px) {
    .smi__filter .dropdown__option:hover .dropdown__circle {
        background-color: #d00e46;
    }
    .smi__filter .dropdown__option:hover span {
        font-weight: 500;
        color: #d00e46;
    }

    .anketa-form__grid .dropdown__option:hover .dropdown__circle {
        background-color: #d00e46;
    }
    .anketa-form__grid .dropdown__option:hover span {
        font-weight: 500;
        color: #d00e46;
    }
}

@media (max-width: 1023px) {
    .smi__filter .choices {
        width: calc(180* var(--width-multiplier));
    }

    .anketa-form__grid .dropdown {
        width: 100%;
    }

    .anketa-form__grid .dropdown__arrow {
        top: 55%;
        width: calc(18* var(--width-multiplier));
        height: calc(8* var(--width-multiplier));
    }

    .anketa-form__grid .dropdown__arrow img {
        width: calc(16* var(--width-multiplier));
        height: calc(8* var(--width-multiplier));
    }

    .smi__filter {
        column-gap: calc(15 * var(--width-multiplier));
    }

    .smi__filter .choices__list--dropdown .choices__list, .choices__list[aria-expanded] .choices__list {
        padding: calc(20* var(--width-multiplier)) calc(10* var(--width-multiplier));
    }
}

.smi .buttons {
    gap: 0;
    margin: calc(80 * var(--width-multiplier)) 0 0;
}

.swiper-smi.swiper {
    margin-top: 0;
}

.smi .grid {
    gap: 0;
    row-gap: calc(60 * var(--width-multiplier));
    column-gap: calc(30 * var(--width-multiplier));
    width: 100%;
}

.swiper-smi .card__images {
    position: relative;
    overflow: hidden;
    display: block;
    border-radius: calc(22 * var(--width-multiplier));
}

.swiper-smi .card img {
    display: block;
    border-radius: calc(22 * var(--width-multiplier));
    width: 100%;
    height: calc(222 * var(--width-multiplier));
    object-fit: cover;
    transform: scale(1.0);
    transition: 0.5s;
}

.swiper-smi .card:hover img {
    transform: scale(1.1);
    transition: 0.5s;
}

.swiper-smi .grid .card .title {
    margin: 0;
    width: 100%;
    min-height: auto;
    font-family: "TT-Medium";
    font-size: calc(21 * var(--width-multiplier));
    line-height: calc(27 * var(--width-multiplier));
    color: #393649;
    transition: .2s all ease-out;
}

.smi .product__list {
    grid-template-columns: auto auto;
    justify-content: flex-start;
    margin: calc(80 * var(--width-multiplier))  0 calc(30 * var(--width-multiplier));
    padding-left: 0;
    max-width: none;
    column-gap: calc(100 * var(--width-multiplier));
}

.smi .photo__item {
    gap: 0;
    width: fit-content;
    font-family: "TT-Medium";
    font-weight: 500;
    font-size: calc(48 * var(--width-multiplier));
    line-height: calc(56 * var(--width-multiplier));
}

.smi .photo__item.active {
    color: var(--red);
    pointer-events: none;
}

.smi .video__grid {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(2, 1fr);
    row-gap: calc(50 * var(--width-multiplier));
    column-gap: calc(30 * var(--width-multiplier));
}

.smi .card__video {
    position: relative;
    cursor: pointer;
}

.smi .card__video.is-active .card__video-play {
    opacity: 0;
    overflow: hidden;
}

.smi .card__video-play {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border: calc(3* var(--width-multiplier)) solid #fff;
    border-radius: 50%;
    width: calc(100* var(--width-multiplier));
    height: calc(100* var(--width-multiplier));
    transform: translate(-50%, -50%);
    pointer-events: none;
    transition: 0.3s;
}

.smi .card__video-play::before {
    content: "";
    display: block;
    margin-right: calc(-35* var(--width-multiplier));
    border: calc(22* var(--width-multiplier)) solid transparent;
    border-left: calc(40* var(--width-multiplier)) solid #fff;
}

.smi .card__video video {
    display: block;
    border-radius: calc(20* var(--width-multiplier));
    width: 100%;
}

@media (max-width: 1023px) {
    .smi .video__grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .smi .card__video-play {
        width: calc(80* var(--width-multiplier));
        height: calc(80* var(--width-multiplier));
    }

    .smi .card__video-play::before {
        margin-right: calc(-30* var(--width-multiplier));
        border: calc(18* var(--width-multiplier)) solid transparent;
        border-left: calc(30* var(--width-multiplier)) solid #fff;
    }
}

.smi .buttons div {
    max-width: none;
    width: auto;
}

.smi .buttons button {
    gap: 0;
    margin: 0 calc(10 * var(--width-multiplier));
    border-radius: calc(8 * var(--width-multiplier));
    padding: calc(17 * var(--width-multiplier));
    width: calc(280 * var(--width-multiplier));
    max-width: none;
    color: #929292;
    background: #ebebeb;
    transition: 0.3s ease-in-out;
}

.smi .buttons button.grey-button {
    color: #fff;
    background: #393649;
}

.smi .buttons button:hover {
    color: #fff;
    background: var(--red);
}

.smi .buttons button.grey-button:hover {
    color: #fff;
    background: var(--red);
}

.smi__page {
    display: flex;
    justify-content: center;
    margin: calc(50 * var(--width-multiplier)) 0 0;
    padding: 0;
}

.smi__page li + li {
    margin-left: calc(25 * var(--width-multiplier));
}

.smi__page li a,
.smi__page li button {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: calc(30 * var(--width-multiplier));
    height: calc(30 * var(--width-multiplier));
    transition: 0.3s ease-in-out;
}

.smi__page li a:hover,
.smi__page li button:hover {
    color: #fff;
    background: var(--red);
}

.smi__arrow-prev,
.smi__arrow-next {
    position: absolute;
    left: -15%;
    top: 50%;
    margin-top: calc(-50 * var(--width-multiplier));
    width: calc(112 * var(--width-multiplier));
    height: calc(112 * var(--width-multiplier));
    background: url('/local/templates/technopolis/css/../img/arrow_gr_lev.svg') 50% 50% no-repeat;
    background-size: contain;
    transform: translateY(-50%);
}

.smi__arrow-next {
    left: auto;
    right: -15%;
    background-image: url('/local/templates/technopolis/css/../img/arrow_gr_right.svg');
}

.smi__arrow-prev:hover {
    background-image: url('/local/templates/technopolis/img/arrow_red_lev_active.svg');
}

.smi__arrow-next:hover {
    background-image: url('/local/templates/technopolis/css/../img/arrow_red_right_active.svg');
}

.smi font {
    display: none;
}

@media (max-width: 1023px) {
    .smi {
        padding: calc(80 * var(--width-multiplier)) 0 calc(70 * var(--width-multiplier));
    }

    .smi .buttons button.grey-button{
        margin: calc(50 * var(--width-multiplier)) auto 0;
        width: calc(220* var(--width-multiplier));
    }

    body .smi .buttons {
        position: relative;
        z-index: 3;
    }

    .smi__title {
        margin: calc(50 * var(--width-multiplier)) 0 calc(120 * var(--width-multiplier));
    }

    .smi .container-filter__wrapper {
        height: 100%;
        position: absolute !important;
        top: calc(150* var(--width-multiplier));
        left: 0;
    }

    .smi .container-filter__wrapper--is-down {
        top: calc(220* var(--width-multiplier));
    }

    .container-filter__wrapper {
        padding: 0 !important;
    }

    .container-filter {
        /* margin: 0 calc(-20 * var(--width-multiplier)); */
        height: 100%;
        overflow-x: scroll;
    }

    .container-filter--is-big {
        width: calc(100% + calc(40 * var(--width-multiplier)));
        margin-left: calc(-20 * var(--width-multiplier));
    }

    .smi__filter {
        padding: 0 calc(20* var(--width-multiplier));
    }

    /* хром, сафари */
    .container-filter::-webkit-scrollbar { width: 0; }

    /* ie 10+ */
    .container-filter { -ms-overflow-style: none; }

    /* фф (свойство больше не работает, других способов тоже нет)*/
    .container-filter { overflow: -moz-scrollbars-none; }

    .smi__filter {
        position: relative;
        z-index: 3;
        display: flex;
        margin-bottom: 0;
        grid-template-columns: repeat(1, 1fr);
        row-gap: calc(20 * var(--width-multiplier));
        width: calc(550 * var(--width-multiplier));
    }

    .open-news-modal {
        position: relative;
        z-index: 2;
    }

    .smi__filter input,
	.smi__filter select {
		width: calc(160 * var(--width-multiplier));
	}

    .smi__filter .dropdown__trigger {
        font-size: calc(16 * var(--width-multiplier));
        padding: calc(5* var(--width-multiplier)) 0;
    }

    .smi__filter .dropdown {
        width: calc(170 * var(--width-multiplier));
        margin-bottom: calc(20 * var(--width-multiplier));
    }

    .smi__filter .dropdown__arrow img {
        display: block;
    }

    .smi .grid {
        grid-template-columns: repeat(1, 1fr);
        row-gap: calc(50 * var(--width-multiplier));
    }

    .smi .product__list {
        margin: calc(50 * var(--width-multiplier)) 0 calc(120 * var(--width-multiplier));
        column-gap: calc(20 * var(--width-multiplier));
    }

    .smi .photo__item {
        font-size: calc(32 * var(--width-multiplier));
    }

    .smi .buttons {
        justify-content: space-between;
        /* margin: calc(50 * var(--width-multiplier)) 0 0; */
        margin: 0;
    }

    .smi .buttons button {
        margin: 0;
        width: auto;
        font-size: calc(14 * var(--width-multiplier));
    }

    .smi__arrow-prev,
    .smi__arrow-next {
        display: none;
    }

    .smi__page {
        margin: calc(40 * var(--width-multiplier)) 0 0;
    }

    .swiper-smi .grid .card .title {
        font-size: calc(18 * var(--width-multiplier));
        line-height: 1.3;
    }
}

.bread-crumbs {
  margin-bottom: 50px;
}

.bread-crumbs span {
  color: #929292;
}

.bread-crumbs__link {
  color: #929292;
    font-family: "TT-Medium";
  font-weight: 300;
  letter-spacing: 0.5px;
}

.bread-crumbs__link_active {
  color: #3c3849;
}
.button-pgray {
    background-color: #393649;
    border-radius: 8px;
color: #fff;
padding: 19px 0;
max-width: 256px;
width: 100%;
text-align: center;
margin-right: auto;
margin-left: auto;
display: block;
transition: background-color 0.3s ease-in-out;
font-family: "TT-Medium";
font-weight: 500;
}
.button-pred {
    background-color: #D00E46;
border-radius: 8px;
color: #fff;
padding: 19px 0;
max-width: 256px;
width: 100%;
text-align: center;
margin-right: auto;
margin-left: auto;
display: block;
transition: background-color 0.3s ease-in-out;
font-family: "TT-Medium";
font-weight: 500;
}
.button-p {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  max-width: 260px;
  width: 100%;
  padding: 15px 0;
  color: #FFFFFF;
  border-radius: 16px;
  transition: background-color 0.3s ease-in-out;
}
.button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  max-width: 260px;
  width: 100%;
  padding: 15px 0;
  background-color: #c4c3c8;
  color: #FFFFFF;
  border-radius: 16px;
  transition: background-color 0.3s ease-in-out;
}

.button:hover {
  background-color: #D00E46;
}

.selects {
  display: grid;
  grid-template-columns: 17% 25% 25% 35%;
  width: 100%;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 30px;
}

.selects select {
  background-color: transparent;
  border: unset;
  border-bottom: 1px solid #c4c3c8;
}

select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url(../img/svg/arrow_03_lev.webp);
  background-repeat: no-repeat;
  background-size: 20px 10px;
  background-position-x: calc(100% - 5px);
  background-position-y: calc(100% - 10px);
  color: #929292;
  padding-bottom: 7px;
}

.tag-select {
  max-width: 300px;
  width: 100%;
}

.name-select {
  max-width: 300px;
  width: 100%;
}

.date-select {
  max-width: 200px;
  width: 100%;
}

.search {
  display: flex;
  width: 100%;
  position: relative;
  max-width: 318px;
}

.search svg {
  position: absolute;
  right: 0;
}

.search input {
  background-color: transparent;
  border: unset;
  border-bottom: 1px solid #c4c3c8;
  width: 100%;
  color: #929292;
}

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

.grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px 30px;
}

.flex {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 30px;
}

.name {
  color: #D00E46;
  font-size: calc(14 * var(--width-multiplier));
    font-family: "TT-Medium";
  font-weight: 500;
}

.date {
  color: #929292;
  font-size: calc(14*var(--width-multiplier));
  font-family: "TT-Medium";
  font-weight: 500;
    margin: 0;
}

.title {
  font-size: 20px;
}

.swiper-buttons {
  display: flex;
  align-items: center;
  margin-right: auto;
  margin-left: auto;
  justify-content: space-between;
  max-width: 80%;
  position: relative;
}

.swiper-btn-next:after {
  content: "";
  background-image: url(../img/svg/arrow_red_right_active.svg);
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  width: 82px;
  height: 150px;
}

.swiper-btn-prev:after {
  content: "";
  background-image: url(../img/svg/arrow_red_right_active.svg);
  background-repeat: no-repeat;
  background-size: cover;
  transform: rotate(180deg);
  display: block;
  width: 82px;
  height: 150px;
}

.swiper-button-disabled::after {
  content: "";
  background-image: url(../img/svg/arrow_gr_right.svg);
}

.swiper-btn-next {
  position: absolute;
  right: 0;
  top: -604px;
  cursor: pointer;
}

.swiper-btn-prev {
  position: absolute;
  left: 0;
  top: -604px;
  cursor: pointer;
}

.buttons {
  margin-top: 30px;
  display: flex;
  gap: 30px;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
}

.buttons div {
  max-width: 300px;
  width: 100%;
}

.buttons button {
  max-width: 300px;
  width: 100%;
}

.grey-button {
  background-color: #393649;
}

.swiper-pag {
  text-align: center;
}

.swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
  color: #000;
  opacity: 1;
  background: transparent;
}

.swiper-pagination-bullet-active {
  color: #fff;
  background: #D00E46;
}/*# sourceMappingURL=style.css.map */


.Hero {
    display: flex;
    padding-top: calc(80 * var(--width-multiplier));
}

.Hero-l {
    position: relative;
    max-width: calc(455 * var(--width-multiplier));
}

.Hero-l img {
    height: 300px;
    position: absolute;
    top: 44px;
    left: -80px;
}

.text-h {
    display: flex;
    flex-direction: column;
    gap: calc(24 * var(--width-multiplier));
}

.text-h h1 {
    width: 480px;
    font-size: 54px;
    font-family: 'TT-Regular';
}

.title-h {
    color: #D00E46;
    font-family: 'TT-Regular';
    display: block;
}

.text-h p {
    font-size: calc(19 * var(--width-multiplier));
    margin: 0;
    font-family: 'TT-Medium';
}

.Hero-r {
    right: 0;
    position: absolute;
    top: 0;
}
/*.Hero-r::before {
    content: "";
    display: block;
    position: absolute;
    left: -1px;
    bottom: -1px;
    background: url("../img/bl.svg") no-repeat left bottom;
    width: 100%;
    height: 100%;
    z-index: 2;
}*/
.hero-img {
    object-fit: cover;
    height: 500px;
    width: 624px;
}
.title {
  color: #393649;
  font-weight: 500;
  font-size: 48px;
  line-height: 56px;
  margin-bottom: 40px;
  font-family: 'TT-Medium';
  width: 40%;
text-align: left;
display: block;
}


.title span {
  color: #D00E46;
}

.text {
  color: #3c3849;
  font-size: 18px;
  margin-bottom: 40px;
  font-family: 'TT-Regular';
  width: 40%;
text-align: left;
display: block;
}

.button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  max-width: 260px;
  width: 100%;
  padding: 15px 0;
  background-color: #c4c3c8;
  color: #FFFFFF;
  border-radius: 16px;
  transition: background-color 0.3s ease-in-out;
  width: 40%;

}

.button:hover {
  background-color: #D00E46;
}

.button svg path {
  fill: #FFFFFF;
}

.block {
  position: relative;
  margin-top: 100px;
  display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
.block:last-child .block-img{
    display: none;
}
.block-img {
  position: absolute;
  bottom: -65px;
  z-index: -1;
}
.style {
  box-shadow: 0px -27px 29px -5px rgba(0, 0, 0, 0.2);
  padding: 80px 0 100px;
}
.after {
    bottom: -1px;
    left: -1px;
    position: absolute;
    width: calc(280 * var(--width-multiplier));
    z-index: 1;
}

/*Advantages*/

.Advantages {
    margin-top: 80px;
    margin-bottom: 130px;
}

.Ad-t {
    text-align: center;
}

.Ad-t h1 {
    margin-bottom: 12px;
    color: #D00E46;
    font-size: 44px;
    font-family: 'TT-Medium';
}

.Ad-t p {
    font-family: 'TT-Medium';
    font-size: 18px;
}

.Ad-b {
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 24px;
}

.Ad-icon {
    position: relative;
    width: 370px;
    height: 150px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 22px;
    margin: 44px 0;
}

.line_decor {
    overflow: hidden;
    position: absolute;
    top: -40px;
    left: 0px;
    width: 240px;
    height: 150px;
    content: "";
    background: url('../img/svg/SVG/line_decor.svg');
}
.Ad-icon::before {
    overflow: hidden;
    position: absolute;
    bottom: -40px;
    right: 0px;
    width: 240px;
    height: 150px;
    content: "";
    background: url('../img/svg/SVG/line_decor.svg');
    transform: rotate(180deg);
}
.Ad-b__centr .Ad-icon::before {
    overflow: hidden;
    position: absolute;
    bottom: -40px;
    right: 0px;
    width: 240px;
    height: 150px;
    content: "";
    background: url('../img/svg/SVG/line_decor.svg');
    transform: rotate(180deg);
    display: none;
}

/*.Ad-icon::after {*/
/*    overflow: hidden;*/
/*    position: absolute;*/
/*    left: 0;*/
/*    top: -50%;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    content: "";*/
/*    background: url("../svg/SVG/lin_frame_L_gc.svg") no-repeat left bottom;*/
/*}*/

.Ad-icon p {
    text-align: center;
    font-size: calc(18 * var(--width-multiplier));
    width: calc(200 * var(--width-multiplier));
    font-family: 'TT-Medium';
}

.Ad-icon svg {
    width: 80px;
}

/*Formats*/

.Formats {
    background-color: #eaeaea;
    width: 100%;
    position: relative;
}

.Fo-l {
    z-index: 1;
    display: flex;
    flex-direction: column;

}

.Fo-l h1 span {
    display: block;
    color: #D00E46;
    font-family: 'TT-Medium';
}

.Fo-l h1 {
    width: 50%;
    position: relative;
    font-size: 42px;
    font-family: 'TT-Medium';
}


.Fo-l h1::before {
    margin-top: 14px;
    z-index: 2;
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 100%;
    content: "";
    background: url("../svg/lin_01_decor_h_lev.svg") no-repeat left bottom;
}
.Fo-l {
    padding-bottom: calc(60 * var(--width-multiplier));
}
.Fo-l ul {
    padding-left: 0px;
}
.Fo-l-lists {
    margin-top: calc(20 * var(--width-multiplier));
    display: flex;
    gap: calc(48 * var(--width-multiplier));
}

.Fo-l-lists ul li {
    display: flex;
    align-items: center;
    gap: calc(12 * var(--width-multiplier));
    margin-bottom: calc(12 * var(--width-multiplier));
    font-size: calc(18 * var(--width-multiplier));
    font-family: 'TT-Regular';
}

.Fo-l-lists ul li div {
    width: calc(12 * var(--width-multiplier));
    height: calc(12 * var(--width-multiplier));
    background-color: #D00E46;
    border-radius: 100%;
}

.Fo-l .btn {
    margin-top: calc(48 * var(--width-multiplier));
    width: calc(200 * var(--width-multiplier));
    height: calc(50 * var(--width-multiplier));
    font-size: calc(16 * var(--width-multiplier));
    font-family: 'TT-Medium';
}

.Formats .container img {
    position: absolute;
    right: calc(-110 * var(--width-multiplier));
}

.Formats .container {
    display: flex;
    align-items: center;
}

.Congress {
    padding: calc(40 * var(--width-multiplier)) 0 calc(100 * var(--width-multiplier)) 0px;
}

.Co-text h1 span {
    display: block;
    color: #D00E46;
    font-family: 'TT-Medium';
    font-size: 44px;
    line-height: 44px;
}

.Co-text h1 {
    text-align: center;
    font-size: 16px;
    font-family: 'TT-Medium';
}

.Co-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(24 * var(--width-multiplier));
    margin-top: calc(80 * var(--width-multiplier));
}

.Co-text svg {
    width: 30%;
}

/*Congress*/

.Co-boxs {
    margin-top: calc(100 * var(--width-multiplier));
}

.Co-box {
    margin-bottom: calc(100 * var(--width-multiplier));
}

.Co-box-title {
    color: #D00E46;
    font-size: 44px;
    line-height: 56px;
    font-family: 'TT-Medium';
    border-bottom: 1px solid #929292;
    padding-bottom: 16px;
    margin-bottom: 20px;
}

.Co-box-l-t div {
    display: flex;
    gap: 12px;
    align-items: center;
    margin-bottom: 12px;
}

.Co-box-l-t div h1 {
    font-size: 70px;
    font-family: 'TT-Medium';
}

.Co-box-l-t div p {
    position: relative;
    bottom: -10px;
    font-size: 32px;
    font-family: 'TT-Medium';
}

.Co-box-l-t div p span {
    position: absolute;
    font-size: 20px;
}

.Co-box-l-t-b {
    color: #D00E46;
    font-family: 'TT-Medium';
    font-size: 16px;
}

.Co-box-l-t-b span {
    color: #3c3849;
}

.Co-box-l-m {
    margin-top: 36px;
    display: flex;
    gap: calc(68 * var(--width-multiplier));
}

.Co-box-l .btn {
    background: #C9C9C9;
}

.Co-box-l .btn:hover {
    background: #D00E46;
}

.Co-box-l-m-t {
    font-family: 'TT-Medium';
    width: 200px;
    line-height: 24px;
}

.Co-box-l-m li h1 {
    color: #C9C9C9;
    font-family: 'TT-Medium';
    font-size: 12px;
    letter-spacing: -1px;
}

.btn__co {
    font-size: calc(16 * var(--width-multiplier)) !important;
    width: calc(250 * var(--width-multiplier)) !important;
}

.box {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.Co-box-l-m li p {
    font-size: 12px;
    margin-bottom: 24px;
    font-family: 'TT-Regular';
}

.Co-box-l-m {
    margin-bottom: 24px;
}


/*???*/

.forms {
    padding: 41px 0;
    box-shadow: 0px -12px 8px -4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px -12px 8px -4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px -12px 8px -4px rgba(0, 0, 0, 0.2);
}

.form-text {
    margin-bottom: 24px;
    text-align: center;
}

.form-text p {
    color: var(--textGray);
    font-family: 'TT-Regular';
}

.form-text h1 {
    color: #D00E46;
   font-family: 'TT-Medium';
    font-size: 44px;
    line-height: 56px;
    margin-top: 24px;
}

.form-text-select {
    display: flex;
    justify-content: center;
}

.form-text-select a {
    color: #C9C9C9;
    font-size: 22px;
    margin: 10px;
    transition: .2s all ease-out;
    font-family: 'TT-Medium';
}

.form-text-select a:hover {
    color: #3c3849;
    font-family: 'TT-Medium';
}

.form-text-select button:hover {
    color: #3c3849;
}

.form-text-select-button-ac {
    color: #3c3849;
}

.red-line {
    width: 20%;
    margin: 10px auto 30px;
}

.form-column {
    display: flex;
    justify-content: center;
}

.form-column img {
    width: 163px;
}

.form {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-top: -25px;
    padding: 0px 100px 0px 100px;
}

.form-flex {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.form input {
    width: 350px;
    margin: 25px 0;
    display: block;
    border: none;
    font-size: 20px;
    padding: 10px;
    border-bottom: 1px solid #C9C9C9;
    font-family: 'TT-Regular';
}

.form input:focus {
    border-bottom: 1px solid #D00E46;
}

.contact-preferences .contact__form textarea:focus, .form textarea:focus, input:focus {
    outline: none;
}

.form select {
    width: 350px;
    display: block;
    border: none;
    font-size: 20px;
    padding: 10px;
    border-bottom: 1px solid #C9C9C9;
    color: #C9C9C9;

}

.contact-preferences .contact__form textarea:focus, .form textarea:focus {
    border: 1px solid #D00E46;
}

.form select:focus {
    border-bottom: 1px solid #D00E46;
}

.form input::placeholder {
    color: #C9C9C9;
}

.form textarea {
    border: 1px solid #C9C9C9;
    width: 100%;
    height: 226px;
    font-size: 18px;
    border-radius: 15px;
    padding: 24px;
}

.form textarea::placeholder {
    color: #C9C9C9;
}


.form p {
    text-align: center;
    margin-top: 50px;
    width: 780px;
    font-family: 'TT-Regular';
    color: var(--textGray);
}


.btn__small {
    width: 280px;
    height: 50px;
}

.btn__Mdsmall {
    width: 280px;
    height: 58px;
}

.btn__red {
    background-color: #D00E46;
}

.btn__red:hover {
    background-color: #6b132d;
}

.btn__pri {
    background-color: #3c3849;
}

.btn__pri:hover {
    background-color: #D00E46;
}


.btn__pris {
    background-color: #c9c9c9;
}

.btn__pris:hover {
    background-color: #D00E46;
}


.btn {
    color: #ffff;
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    border-radius: 8px;
    transition: .2s all ease-out;
    font-family: 'TT-Medium';
    cursor: pointer;
    font-size: 20px;
}


select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: url('../svg/play_v.svg') no-repeat center right;
}

.red{
    color: var(--red);
}
.gray{
    color: var(--textGray);
}
.black{
    color: var(--textColor);
    font-family: "TT-REGULAR"
}
a {
    text-decoration: none;
}
.numb{
    font-size: 70px;
    font-family: "TT-REGULAR";
}

.btn {
    padding: calc(15*2560px / 1920);
    padding: calc(15*var(--width-multiplier));
    text-align: center;
    border-radius: calc(8*2560px / 1920);
    border-radius: calc(8*var(--width-multiplier));
    border: none;
    color: white;
    width: calc(230*2560px / 1920);
    width: calc(230*var(--width-multiplier));
    cursor: pointer;
    transition: background-color 0.3s;
    font-family: "TT-Medium";
    font-size: calc(16*2560px / 1920);
    font-size: calc(16*var(--width-multiplier));
}

.black-btn{
    background-color: var(--textColor);
}
.black-btn:hover{
    background-color: var(--red);
}

.red-btn{
    background-color: var(--red);
}
.red-btn:hover{
    background-color: var(--brown);
}
.header-line{
    border: 1px solid var(--red);
    width: 180px;
    height: 0;
    position: relative;
    margin: 20px 0;
}
.header-line__box{
    height: 6px;
    width: 30px;
    background-color: var(--red);
    position: absolute;
    top: -3px;

}
.header-line__right{
    margin-left:151px;
}
.header-line__left{
    margin-left:-5px;
}
.header-line__center{
    margin-left: 75px;
}
.relative{
    position: relative;
}
.align-right{
    text-align: right;
}
.align-center{
    text-align: center;
}
.p5{
    font-size: 12px;
}

.p4 {
    font-size: calc(15* var(--width-multiplier));
}

.news__title {
    margin: 0 0 calc(30* var(--width-multiplier));
    font-family: "TT-Regular";
    font-weight: 300;
    font-size: calc(54* var(--width-multiplier));
    line-height: 1.2;
    color: #3c3849;
}

.news-tag {
    position: relative;
    display: block;
    background-color: #D00E46;
    padding: calc(5 * var(--width-multiplier)) calc(10* var(--width-multiplier));
    color: #FFFFFF;
    font-family: "TT-Medium";
    font-weight: 500;
    font-size: calc(12 * var(--width-multiplier));
    letter-spacing: calc(3 * var(--width-multiplier));
    border-radius: calc(3* var(--width-multiplier));
    margin: calc(10* var(--width-multiplier)) 0 calc(50* var(--width-multiplier));
    max-width: max-content;
}

.news__block {
    display: flex;
    align-items: center;
    margin-bottom: calc(50* var(--width-multiplier));
}

.news__date {
    margin: 0 calc(20 * var(--width-multiplier)) 0 0;
    font-family: "TT-Medium";
    font-weight: 500;
    font-size: calc(22* var(--width-multiplier));
    color: #D00E46;
}

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

.news__socials a {
    display: flex;
    align-items: center;
    justify-content: center;
}

.news__socials a + a {
    margin-left: calc(10* var(--width-multiplier));
}

.news__block .yt {
    width: calc(30* var(--width-multiplier));
    height: calc(30* var(--width-multiplier));
}

.news__block .tg {
    width: calc(30* var(--width-multiplier));
    height: calc(30* var(--width-multiplier));
    fill: #929292;
}

.news__block .vk {
    width: calc(24* var(--width-multiplier));
    height: calc(24* var(--width-multiplier));
}

.anketa-vacan__container-input  {
    position: relative;
}

.anketa-vacan__btn-close {
    position: absolute;
    right: calc(5* var(--width-multiplier));
    top: calc(5* var(--width-multiplier));
    width: calc(20* var(--width-multiplier));
    height: calc(20* var(--width-multiplier));
    cursor: pointer;
    background-color: #fff;
    background-image: url(/local/templates/technopolis/css/../img/icon_close_inactive.svg);
    padding: 0;
    outline: none;
}

.anketa-vacan__btn-close:hover {
    background-image: url(/local/templates/technopolis/css/../img/icon_close_active.svg);
}

@media (max-width: 1023px) {
    .news__title {
        margin: 0 0 calc(20* var(--width-multiplier));
        font-size: calc(24* var(--width-multiplier));
    }

    .anketa-vacan__btn-close {
        width: calc(16* var(--width-multiplier));
        height: calc(16* var(--width-multiplier));
    }

    .news__block {
        margin-bottom: calc(30* var(--width-multiplier));
    }

    .news__date {
        font-size: calc(18* var(--width-multiplier));
    }

    .Co-boxs {
        margin-top: calc(20 * var(--width-multiplier));
    }
}

.anketa-vacan.container {
    margin-top: calc(100 * var(--width-multiplier));
    margin-bottom: calc(70 * var(--width-multiplier));
}

.anketa-vacan__title {
    font-family: "TT-Medium";
    font-weight: 500;
    font-size: calc(36 * var(--width-multiplier));
    line-height: calc(42 * var(--width-multiplier));
    text-transform: uppercase;
    color: var(--rose);
    margin-top: calc(80 * var(--width-multiplier));
}

.anketa-vacan__switch-wrap {
    display: flex;
    margin: calc(50* var(--width-multiplier)) 0;
}

.anketa-vacan__switch {
    font-family: "TT-Medium";
    font-weight: 500;
    font-size: calc(50 * var(--width-multiplier));
    line-height: calc(56 * var(--width-multiplier));
    color: var(--textGray);
    cursor: pointer;
    transition: 0.2s ease-in-out;
}

.anketa-vacan__switch:hover {
    color: var(--red);
}

.anketa-vacan__switch--is-active {
    color: var(--red);
    pointer-events: none;
}

.anketa-vacan__switch:last-child {
    margin-left: calc(170 * var(--width-multiplier));
}

.anketa-vacan__wrapper {
    width: calc(800 * var(--width-multiplier));
}

.anketa-vacan__attention {
    font-size: calc(15*var(--width-multiplier));
    font-weight: 400;
    color: var(--textColor);
}

.anketa-vacan__star {
    font-weight: 500;
    font-size: calc(16*var(--width-multiplier));
    color: var(--red)
}

.anketa-vacan__form {
    margin-top: calc(80 * var(--width-multiplier));
}

.anketa-vacan__submit {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: calc(8* var(--width-multiplier));
    padding: calc(17* var(--width-multiplier));
    width: calc(280* var(--width-multiplier));
    color: #fff;
    background: var(--textColor);
    transition: 0.2s ease-in-out;
    font-size: calc(16 * var(--width-multiplier));
    margin: 0 calc(20 * var(--width-multiplier)) 0 auto;
    cursor: pointer;
}

.anketa-vacan__submit:hover {
    background: var(--red);
}

.anketa-vacan__form-block {
    display: flex;
    flex-direction: column;
    margin-bottom: calc(50 * var(--width-multiplier));
}

.anketa-vacan__name-field {
    font-size: calc(20 * var(--width-multiplier));
    text-transform: uppercase;
    margin-bottom: calc(25 * var(--width-multiplier));
}

.anketa-vacan__input {
    border: none;
    font-size: calc(20 * var(--width-multiplier));
    width: 100%;
    padding: calc(5 * var(--width-multiplier)) 0;
    border-bottom: 1px solid var(--lightGray);
    margin-bottom: calc(25 * var(--width-multiplier));
    outline: none;
}

.anketa-vacan__input:hover {
    border-bottom-color: #d00e46;
}

.anketa-vacan__form-block:first-child .anketa-vacan__input {
    font-size: calc(20 * var(--width-multiplier));
    margin-bottom: calc(35 * var(--width-multiplier));
}

.anketa-vacan .dropdown {
    width: 100%;
    height: calc(34 * var(--width-multiplier));
    position: relative;
    margin-bottom: calc(35 * var(--width-multiplier));
}

.anketa-vacan .dropdown__trigger {
    position: relative;
    /* border: 1px solid transparentize($color-grey-line, 0.65); */
    /* border-radius: vc(5); */
    width: 100%;
    height: 100%;
    transition: .3s all ease-out;
    border-bottom: 1px solid var(--lightGray);
    font-size: calc(20 * var(--width-multiplier));
    padding: calc(5* var(--width-multiplier)) 0;
    cursor: pointer;
}

.anketa-vacan .dropdown__current {
    color: var(--lightGray);
    line-height: calc(23 * var(--width-multiplier));
}

.anketa-vacan .dropdown__arrow {
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(20 * var(--width-multiplier));
    height: 80%;
    transform: rotate(0) translateZ(0);
    transform-origin: center center;
    transition: .3s all ease-out;
    pointer-events: none;
}

.anketa-vacan .dropdown__arrow img {
    width: calc(20 * var(--width-multiplier));
    height: calc(10 * var(--width-multiplier));
}

.anketa-vacan .is-dropped .dropdown__arrow {
    transform: rotate(-180deg) translateZ(0);
}

.anketa-vacan .dropdown__options-wrapper {
    position: absolute;
    top: 100%;
    z-index: 100;
    overflow: hidden;
    margin-top: calc(-1 * var(--width-multiplier));
    width: 100%;
    height: 0;
    background-color: #ebebed;
    opacity: 0;
    transition: .3s all ease-out;
}

.anketa-vacan .is-dropped .dropdown__options-wrapper {
    opacity: 1;
}

.anketa-vacan .dropdown__circle {
    width: calc(18 * var(--width-multiplier));
    height: calc(18 * var(--width-multiplier));
    border-radius: 50%;
    background-color: #fff;
    margin-right: calc(10 * var(--width-multiplier));
    transition: .3s all ease-out;
}

.anketa-vacan .dropdown__options-list {
    padding: calc(20 * var(--width-multiplier)) calc(20 * var(--width-multiplier));
    width: 100%;
}

.anketa-vacan .dropdown__option {
    display: flex;
    align-items: center;
    padding: calc(8 * var(--width-multiplier)) 0;
    width: 100%;
    cursor: pointer;
}

.anketa-vacan .is-selected {
    pointer-events: none;
}

.anketa-vacan .value-selected {
    color: #393649;
}

.anketa-vacan .dropdown__option span {
    line-height: calc(16 * var(--width-multiplier));
    font-weight: 400;
}

.anketa-vacan .is-selected .dropdown__circle {
    background-color: var(--red);
}

.anketa-vacan .is-selected span {
    font-weight: 500;
}

.anketa-vacan__input-file {
    position: absolute;
    opacity: 0;
    visibility: hidden;
}

.anketa-vacan__label-file {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    border-bottom: 1px solid #c2c0c6;
    height: calc(37.7 * var(--width-multiplier));
    font-size: calc(20*var(--width-multiplier));
    color: var(--red);
    padding: calc(5 * var(--width-multiplier)) 0;
    cursor: pointer;
    margin-bottom: calc(35 * var(--width-multiplier));
}

.anketa-vacan__label-file img {
    height: 100%;
}

.anketa-vacan__btn-add {
    width: 100%;
    display: flex;
    padding: calc(5 * var(--width-multiplier)) 0;
    margin-bottom: calc(25 * var(--width-multiplier));
    font-size: calc(20 * var(--width-multiplier));
    border: none;
    border-bottom: 1px solid var(--lightGray);
    color: var(--lightGray);
    background: transparent;
    outline: none;
    cursor: pointer;
}

.anketa-vacan__btn-add span {
    color: #393649;
    margin-right: calc(10 * var(--width-multiplier));
    font-weight: 500;
}

@media (min-width: 1024px) {
    .anketa-vacan .dropdown__option:hover .dropdown__circle {
        background-color: var(--red);
    }
    .anketa-vacan .dropdown__option:hover span {
        font-weight: 500;
    }
}

@media (max-width: 1023px) {
    .anketa-vacan .dropdown__trigger {
        font-size: calc(16 * var(--width-multiplier));
        padding: calc(5* var(--width-multiplier)) 0;
    }

    .anketa-vacan__btn-add {
        font-size: calc(14 * var(--width-multiplier));
    }

    .anketa-vacan .dropdown {
        width: 100%;
        margin-bottom: calc(20 * var(--width-multiplier));
    }

    .anketa-vacan .dropdown__arrow img {
        display: block;
    }

    .anketa-vacan.container {
        margin-top: calc(50 * var(--width-multiplier));
        margin-bottom: calc(40 * var(--width-multiplier));
    }

    .anketa-vacan__wrapper {
        width: 100%;
    }

    .anketa-vacan__title {
        font-size: calc(32 * var(--width-multiplier));
        line-height: calc(36 * var(--width-multiplier));
        margin-top: calc(30* var(--width-multiplier));
    }

    .anketa-vacan__switch-wrap {
        flex-flow: wrap;
        margin: calc(30* var(--width-multiplier)) 0;
    }

    .anketa-vacan__switch {
        margin: calc(5 * var(--width-multiplier)) 0;
    }

    .anketa-vacan__switch:last-child {
        margin-left: 0;
    }

    .anketa-vacan__form {
        margin-top: calc(40* var(--width-multiplier));
    }

    .anketa-vacan__form-block {
        margin-bottom: calc(35* var(--width-multiplier));
    }

    .anketa-vacan__form-block:first-child .anketa-vacan__input {
        font-size: calc(16 * var(--width-multiplier));
        margin-bottom: calc(20* var(--width-multiplier));
    }

    .anketa-vacan__label-file {
        height: calc(29.4* var(--width-multiplier));
        font-size: calc(14*var(--width-multiplier));
        margin-bottom: calc(20* var(--width-multiplier));
    }

    .anketa-vacan__name-field,
    .anketa-vacan__input {
        margin-bottom: calc(20 * var(--width-multiplier));
    }

    .anketa-vacan__input {
        font-size: calc(14 * var(--width-multiplier));
    }

    .anketa-vacan__submit {
        margin: 0 auto;
    }
}

.welcome{
    position: relative;
    -webkit-box-shadow: 0px -27px 29px -5px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px -27px 29px -5px rgba(0,0,0,0.2);
    box-shadow: 0px -27px 29px -5px rgba(0,0,0,0.2);
}
.welcome .gray.small-text{
    font-family: "TT-Medium";
}
.welcome__img{
    position: absolute;
    top: 0;
    right: 0;
    z-index:-1;
}
.welcome__img img{
    max-width: 700px;
    width: 100%;
}
.welcome__title{
    position: relative;
    display: flex;
    padding-top: 60px;
}

.welcome__title img{
    position: absolute;
    left: -55px;
    margin-left: -50px;
    padding-right: 50px;
}
.welcome__title a{
    color: var(--red);
    text-decoration: none;
    border-bottom: 1px solid var(--red);
    padding-bottom: 0;
}
.welcome__steps h3{
    text-align: center;
    margin: 50px 0;
}
.welcome__steps h3 .red{
    display: flex;
    align-items: center;
    justify-content: center;
}
.welcome__steps .numb{
    padding: 0 25px;
}
.welcome__steps-list{
    display: flex;
    justify-content: space-between;
    margin: 50px 0;
    font-family: "TT-Medium";
}
.welcome__steps-list div{
    text-align: center;
    width: 250px;
}
.welcome__steps-list .numb{
    display: flex;
    width: 80px;
    height: 80px;
    align-items: center;
    margin: auto;
    justify-content: center;
    border: 2px solid var(--red);
    border-radius: 50%;
    padding: 10px;
}
.welcome__steps-list .lines{
    border: 1px solid var(--red);
    height: 0;
    margin-top: 50px;
}
.welcome__btns{
    width: 600px;
    margin:auto;
    padding-bottom: 100px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.questions{
    -webkit-box-shadow: 0px -27px 29px -5px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px -27px 29px -5px rgba(0,0,0,0.2);
    box-shadow: 0px -27px 29px -5px rgba(0,0,0,0.2);
    padding-bottom: 100px;
}
.questions hr{
    margin-bottom: 80px;
}

.content{
    display: flex;
    justify-content: space-between;
}
.content.relative .header-line{
    margin-left: auto;
}
.content.relative .btn{
    margin: 350px 0 50px 0;
}
.content.relative .content__title{
    padding-top: 50px;
}
.content__title {
    width: 50%;
    font-family: "TT-Medium";
}
.content__info-list{
    margin: 0;
    padding: 0;
}
.content__info img{
    position: absolute;
    top: 0;
    left: 0;
    max-width: 380px;
    width: 100%;
    border-bottom-left-radius: 45px;
}

.content__info-list li{
    position: relative;
}
.content__info-list li p{
    margin: 0;
}
.content__info-list li::marker{
    content: ".";
    line-height: 0;
    font-size: 102px;
    color: var(--red);
    background-color: var(--red);
    text-align: justify;
    top: 500px;
}
.requirements{
    padding: 100px 0;
    background-color: var(--grayBg);
}
.requirements .content__info-list{
    list-style: none;
    padding: 0;
    counter-reset: my-counter;
}
.requirements .content__info-list li{
    display: flex;
    align-items: start;
    line-height: 1.5;
    padding: 10px;
    position: relative; /* Needed for the counter */
}
.requirements .content__info-list li::before {
   font-family: "TT-Medium";
    content: counter(my-counter); /* Use a counter for the numbering */
    counter-increment: my-counter; /* Increment the counter */
    text-align: center; /* Center the counter text */
    font-size: 35px;
    color: var(--red); /* Text color of the counter */
    margin-right: 10px;  /* Adjust the space between the marker and text */
    margin-top: -15px;
}
.requirements .content__info-list li::marker{
    content: counter(list-item);
    font-size: 30px;
    display: flex;
    align-items: center;
    line-height: 15px;
}
.requirements .header-line{
    margin-left: auto;
}
.requirements__box{
    color: white;
    position: relative;
    padding: 50px 0 40px 38px;
    background-color: var(--red);
    overflow: hidden;
    border-radius: 15px;
    margin: 50px 0;
}
.requirements__box img{
    position: absolute;
    right: 0;
    top: -2px;
    max-width: 400px;
    width: 100%;
}
.requirements__box .btn{
    position: absolute;
    bottom: 25px;
    left: 0;
    right: 0;
    margin:auto;
    z-index: 5;
}
.requirements__box h3{
    font-size: 29px;
}
.variance{
    padding: 100px 0;
    -webkit-box-shadow: 0px -27px 29px -5px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px -27px 29px -5px rgba(0,0,0,0.2);
    box-shadow: 0px -27px 29px -5px rgba(0,0,0,0.2);}
.variance .header-line{
    margin: 20px auto;
}
.variance__list{
    display: flex;
    justify-content: space-around;
    margin-bottom: 50px;
}
.variance__title{
    margin-bottom: 50px;
}
.variance-type{
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: space-between;
    width: 48%;
}
.variance-type .variance__link {
    pointer-events: none;
}

.variance-type.active-border .variance__link {
    pointer-events: all;
}

.variance-type__title{
    display: flex;
    align-items: center;
    justify-content: center;
}

.economic-requirement__list{
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.economic-requirement__title{
    text-align: center;
}

.open-card{
    text-align: center;
    padding: 25px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    width: 25%;
    border-radius: 15px;
    max-height: 230px;
    transition: max-height 0.3s,background-color 0.5s;
}

.more-btn {
    border-bottom: 1px solid var(--red);
    margin: 0 auto;
}

.open-card__icon{
    margin-top: auto;
    rotate: 180deg;
    cursor: pointer;
}
.open-card_active{
    max-height: 900px;
    background-color: var(--grayBg);
}
.open-card .numb{
    font-size: 35px;
    font-family: "TT-Medium";
}
.open-card .p4{
    text-align: left;
}
.clickable{
    cursor: pointer;
}

.start-product__title{
    text-align: right;
}

.start-product__step-title{
    display: flex;
    justify-content: space-between !important;
}
.start-product__step{
    display: flex;
    flex-wrap: wrap;
    margin: 50px 0;
    justify-content: space-between;
    gap: 10px;
}
.start-product__box{
    display: flex;
    background-color: var(--grayBg);
    align-items: start;
    border-radius: 8px;
    width: 21%;
    padding: 10px 15px;
    margin: 15px 0;
    min-height: 160px;
}
.start-product__box-main{
    font-family: "TT-Medium";
    padding: 19px 10px 0px 25px;
}
.start-product__box .numb{
    font-size: 25px;
    margin-top: 10px;
    padding-right: 20px;
}
.start-product__box .p4.red{
    padding-right: 10px;
}
.gray-bg{
    background-color: var(--lightGray);
}
.red-bg{
    background-color: var(--red);
    color: white;
}
.brown-bg{
    background-color: var(--brown);
    color: white;
}
.white-red-bg{
    background-color: var(--lightRose);
}

.variance-type__item{
    display: none;
}
.variance-type__item_active{
    display: block;
}
.variance__link{
    margin: 0;
    line-height: 25px;
   font-family: "TT-Medium";
}
.red-border{
    display: none;
}
.variance__link{
    text-decoration: none;
    color: var(--lightGray);
    border-bottom: 2px solid var(--lightGray);
}
.variance-type__text{
    color: var(--lightGray);
    font-size: 14px;
}
.variance-type h3{
    color: var(--lightGray);
}
.active-border .variance__link{
    cursor: pointer;
    color: var(--textColor);
    border-bottom: 2px solid var(--textColor);
}
.active-border .variance-type__text{
    color: var(--textGray);
}
.active-border h3{
    color: var(--red);
}
.left-border,.right-border{
    display: flex;
}
.active-border .gray-border{
    display: none;
}
.active-border .red-border{
    display: block;
}

.docs{
    padding: 80px 0 50px 0;
    background-color: var(--grayBg);
}
.docs .content__title h3{
    margin-bottom: 150px;
}
.docs .content__info-list{
    list-style: none;
    padding: 0;
    counter-reset: my-counter;
    margin-right: 100px;
    font-family: "TT-Medium";
}
.docs .content__info-list li::before {
    content: counter(my-counter); /* Use a counter for the numbering */
    counter-increment: my-counter; /* Increment the counter */
    text-align: center; /* Center the counter text */
    font-size: 35px;
    color: var(--red); /* Text color of the counter */
    margin-right: 10px;  /* Adjust the space between the marker and text */
    margin-top: -15px;
}

.docs .content__info-list li::marker{
    content: counter(list-item);
    font-size: 30px;
    display: flex;
    align-items: center;
    line-height: 15px;
}
.docs .content__info-list li{
    display: flex;
    align-items: start;
    line-height: 1.5;
    margin-left: 30px; /* Adjust the margin to make space for the marker */
    padding: 10px;
    position: relative; /* Needed for the counter */
}

.cards{
    padding: 50px 0 70px 0;
}
.cards .container{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.cards__item{
    position: relative;
}

.cards__item img{
    max-width: 340px;
    width: 100%;
    border-radius: 20px;
}

.cards__item p{
    position: absolute;
   font-family: "TT-Medium";
}
.cards__item .p2{
    font-size: 20px;
    top: 35px;
    left: 20px;
}
.cards__item .p4{
    font-size: 12px;
    letter-spacing: 1px;
    top: 10px;
    left: 20px;
}
.cards__item .btn{
    position: absolute;
    bottom: 20px;
    left: 20px;
}
.modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
    backdrop-filter: blur(2px);
    z-index: 1000; /* Ensure it's above other content */
    display: none;
    justify-content: center;
    align-items: center;
}

/* Style for the modal content container */
.modal__container {
    background-color: #ffffff;
    padding: 35px!important;
    border-radius: 10px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    max-width: 400px; /* Adjust the maximum width as needed */
    text-align: center;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}
.claster{
    display: flex;
    width: 300px;
    text-align: left;
    margin: 5px 10px;
}
.claster-modal{
    display: none;
}
.claster-list .p5{
    font-family: "TT-Medium";
    font-size: 14px;
}
.claster img{
    padding-right: 20px;
}
.claster-list{
    margin: 60px auto;
    height:255px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
.modal .header-line{
    margin: 20px auto;
}
.modal__container{
    max-width: 700px!important;
    width: 100%;
}
.close-icon{
    position: absolute;
    top: 25px;
    right: 25px;
    cursor: pointer;
}

.application-list {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 320px;
    list-style: none;
    padding: 0;
    color: var(--textGray);
}
.application-list .p5 .black{
    font-family: "TT-Medium";
}

.application-step {
    text-align: left;
    width: 280px;
    margin: 0 15px;
    display: flex;
    align-items: start;
    position: relative; /* Add this to create a relative positioning context for ::before */
}

.application-step::before {
    content: "";
    width: 10px; /* Adjust the size of the bullet */
    height: 10px; /* Adjust the size of the bullet */
    background-color: var(--red); /* Adjust the color of the bullet */
    border-radius: 50%; /* Make it a circle */
    margin-right: 10px; /* Adjust the space between the bullet and text */
    display: inline-block;
    position: absolute;
    left: -18px; /* Adjust the positioning of the bullet */
    margin-top: 15px;
}
.show{
    display: flex;
}
@media screen and (max-width: 960px) {
    p4{
        font-size: 13px;
    }
    .numb{
        font-size: 50px;
    }
    .desktop{
        display: none;
    }
    .header-line__right,.header-line__left{
        margin-left: 75px;
    }
    li{
        text-align: left;
    }
    .cards .container{
        flex-direction: column;
        align-items: center;
    }
}
.my-active-link{
    color: var(--red) !important;
    border-color: var(--red) !important;
    font-family: "TT-Medium";
}

.application-modal .p5{
    font-size: 13px;
}
.right-flex{
    margin-left: auto;
}
.welcome{
    padding: 3rem 0 0 5%;
    display: flex;
    justify-content: space-between;
}
.welcome-img{
    width: 100%;
}
.welcome-img-container {
    width: 60%;
    position: relative;
}

.welcome-img-container::before {
    content: "";
    display: block;
    position: absolute;
    left: -1px;
    bottom: -1px;
    background: url('../img/main-first-section-bg.svg') no-repeat left bottom;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.welcome-content{
  padding-left: 5rem;
  display: flex;
  flex-direction: column;
  gap: 60px;
  justify-content: center;
  position: relative;
}
.welcome-content::after{
    content: '';
    position: absolute;
    top: 17%;
    left: -30px ;
    width: 50px;
    height: 70%;
    background: url('../img/svg/lin_10_zag.svg') no-repeat;
}
.welcome-title{
    font-size: 48px;
    color: #393649;
    font-weight: 600;
    line-height: 1.1;
}
.welcome-title span{
    color: var(--red);

}
.welcome-info{
    color: var(--textGray);
    font-family: 'TT-Regular';
}
.welcome-info a{
    color: var(--red);
    font-weight: 600;
}


.income{
    padding: 0 5%;
    margin-top: 40px;
}
.income-tabs{
    display: flex;
    justify-content: center;
    padding: 2rem 0;
}
.income-tab{
    display: flex;
    flex-direction: column;
    gap: 10px;
    text-align: center;
    align-items: center;
    cursor: pointer;
}
.income-tab div:first-child{
    font-size: 46px;
    font-weight: 600;
    color: var(--rose);
    padding: 10px 0;
    width: 100px;
    border-bottom: 2px solid var(--textColor    );
}
.income-tab div:last-child{
    color: var(--textGray);
    width: 80%;
    font-weight: 600;
}
.income-tab-active div:first-child{
    opacity: 1;
    color: var(--red);
    border-bottom: 2px solid var(--red);
}
.income-slide-title{
    font-size: 28px !important;
    font-weight: 600;
    color: var(--textColor);
    white-space: nowrap;
}
.swiper {
    width: 100%;
    height: 100%;
    margin-top: 40px;
}
.swiper-slide{
    display: flex;
    align-items: center;
    justify-content: center;
}
.income-slide{
    display: flex;
    justify-content: space-between;
    width: 80%;
    gap: 20px;
}
.income-slide-img{
    width: 100%;
    border-radius: 120px 20px 20px 20px;
    height: 300px;
}
.income-slide-img-container{
    width: 40%;
    position: relative;
}
.income-slide-img-container::before{
    content: "";
    background: url('../img/svg/mask2.svg');
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-position: -1px -3px;
    background-repeat: no-repeat;
}
.income-slide-procents{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.income-slide-procent{
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 700;
}
.income-slide-procent div:first-child{
    font-size: 4rem;

    color: var(--red);
    font-weight: 600;
}
.income-slide-procent div:first-child span{
    font-size: 22px;
}
.income-slide-procent div:last-child{
    font-size: 18px;
    color: var(--textColor);
    font-weight: 500;
    width: 70%;
    line-height: 1.5;
}
.income-slide-procent:nth-child(1) div:first-child{
    color: var(--brown);
    font-size: 4rem;
}
.income-slide-info{
    color: var(--textColor);
    font-weight: 600;
    padding-bottom: 1rem;
}
.income-slide-info span:nth-child(odd) {
    color: var(--red);
}
.income-slide-info span:nth-child(even) {
    color: var(--textGray);
    padding: 0 .4rem;
}
.income-slide-title{
    color: var(--textColor)
}

.btn {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: calc(10 * var(--width-multiplier));
    border: none;
    outline: none;
    background: var(--red);
    color: #fff;
    font-weight: 300;
    font-size: calc(16 * var(--width-multiplier));
    font-family: "TT-Medium";
    width: calc(260 * var(--width-multiplier));
    height: calc(51 * var(--width-multiplier));
    padding: calc(15*var(--width-multiplier));
    cursor: pointer;
    transition: .2s all ease-out;
}

.btn:hover {
    background-color: var(--brown);
}
.btn-black{
    background: var(--textColor);
}
.btn-black:hover,
.btn--gray:hover {
    background-color: var(--red);
}
.btn--gray {
    background-color: var(--lightGray);
}
.btn--text-start {
    justify-content: start;
}

.btn--pdf::before {
    content: url('../img/icon_pdf.svg');
    width: calc(36* var(--width-multiplier));
    height: calc(36* var(--width-multiplier));
    margin-right: calc(12* var(--width-multiplier));
}

.btn--brown {
    background-color:  var(--brown);
}
.btn--brown:hover {
    background-color: var(--red);
}

/* .swiper-button-prev {
    background-image: url(http://192.46.232.179/assets/images/arrow_red_lev_active.svg) !important;
}
.swiper-button-next {
    background-image: url(http://192.46.232.179/assets/images/arrow_red_right_active.svg) !important;
} */
.swiper-button-next, .swiper-button-prev{
    /* color: rgb(207, 63, 63) !important; */
    width: 60px !important;
    height: 120px !important;
    block-size: cover !important;
    background-repeat: no-repeat;
}
.swiper-button-next::after, .swiper-rtl .swiper-button-prev::after{
    display: none;
}
.swiper-button-prev::after, .swiper-rtl .swiper-button-next::after {
    display: none;
}


.privileges{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 40px;
    flex-direction: column;
}
.privileges-title-container{
    display: flex;
    flex-direction: column;
    text-align: center;
    padding: 20px;
    position: relative;
}
.privileges-title-container::after,.privileges-title-container::before{
    content: "";
    display: block;
    background-color: var(--red);
}
.privileges-title-container::before{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 18px;
    width: 30px;
    height: 5px;
}
.privileges-title-container::after{
    margin: 23px auto 0;
    width: 178px;
    height: 1px;
}
.privileges-title{
    font-weight: 500;
    text-transform: uppercase;
    font-size: 36px;
    line-height: 40px;
    color:var(--textColor);
}
.privileges-desc{
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 30px;
    color: var(--textColor);
    font-weight: 600;
}
.privileges-card{
    width: 80%;
}
.privileges-card-title {
    color: var(--red);
    font-size: 2rem;
    font-weight: 500;
    text-align: start;
    line-height: 2rem;
    text-align: center;
}
.privileges-card-desc{
    color: var(--textColor);
    font-size: 1rem;
    font-weight: 400;
    text-align: center;
    line-height: 2rem;
}
.privileges-card-content{
    margin-top: 20px;
    display: flex;
    gap: 2rem;
    padding-left: 5rem;
}
.privileges-card-content-left{
    display: flex;
    flex-direction: column;
    width: 40%;
}
.privileges-left-container{
    display: flex;
    align-items: center;
    gap: 40px;
    background: url('../img/svg/lin_11_gor_gc.svg');
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: contain;
    padding: 20px 50px;
    justify-content: center;
}
.privileges-left-title{
    font-size: 62px;
    color: var(--red);
    font-weight: 500;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
}
.privileges-left-title span{
    font-size: 26px;
    font-weight: 500;
    padding: 0;
    margin: 0 0 20px 0;
    line-height: 18px;
}
.privileges-left-info{
    font-size: 16px;
    font-weight: 500;
    color: var(--textColor);
}
.privileges-info-desc{
    font-size: 16px;
    color: var(--textGray);
    font-weight: 500;
}
.privileges-right-procents{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.privileges-right-procent{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.privileges-right-procent-title{
    padding: 10px;
    color: #D00E46;
    font-size: 2rem;
    font-weight: 500;
    text-align: start;
    line-height: 2rem;
    text-align: center;
    border-bottom: 1px solid var(--textColor)
}
.privileges-right-procent-desc{
    font-weight: 500;
    text-align: center;
    color: var(--textGray);
    padding: 10px;
}
.privileges-right-procent + img{
    width: 20px;
}
.privileges-right-info-container{
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-top: 30px;
}
.privileges-right-info-title{
    font-size: 1.2rem;
    font-weight: 500;
    color: var(--textColor);
}
.privileges-right-info-desc{
    color: var(--textGray);
    font-size: 12px;
}

.container {
    max-width: calc(1200*2560px / 1920);
    max-width: calc(1200*var(--width-multiplier));
    margin: 0 auto;
    padding: 0;
}

@media (max-width: 1023px) {
    .container {
        max-width: 100%;
        padding: 0 calc(20*2560px / 1920);
        padding: 0 calc(20*var(--width-multiplier));
    }
}

.stage{
    flex-direction: column;
    margin: 40px auto 0 auto;
    box-shadow: 0px -27px 29px -5px rgba(0,0,0,0.2);
    padding: 5rem 0;
    background: var(--grayBg);
    gap: 3rem;
}
.stage-title-container{
    display: flex;
    flex-direction: column;
    text-align: center;
    padding: 20px;
    position: relative;
    gap: 12px;
    margin: 0 auto;
}
.stage-title-container::after,.stage-title-container::before{
    content: "";
    display: block;
    background-color: #D00E46;
}
.stage-title-container::before{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 18px;
    width: 30px;
    height: 5px;
}
.stage-title-container::after{
    margin: 23px auto 0;
    width: 178px;
    height: 1px;
}
.stage-title{
    font-weight: 500;
    text-transform: uppercase;
    font-size: 36px;
    line-height: 40px;
    color: var(--red);
}
.center {
    margin: 0 auto;
}
.stage-title span{
    font-size: 54px;
}
.stage-title-second{
    font-weight: 500;
    text-transform: uppercase;
    font-size: 36px;
    line-height: 40px;
    color: var(--textColor);
}
.stage-items{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    padding: 2rem 5rem;
}
.stage-item{
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 30%;
    align-items: center;
    justify-content: center;
}
.stage-item-number{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 62px;
    color: var(--red);
    border: 1px solid var(--red);
    font-weight: 500;
}
.stage-item-desc{
    font-weight: 500;
    color: var(--textColor);
    text-align: center;
}
.stage-line{
    width: 30%;
    height: 2px;
    background: var(--red);
    margin-top: -60px;
}
.stage-anket{
    border-radius: 20px;
    background: var(--red);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: url('../img/requirements.jpg') no-repeat, var(--red);;
    background-size: 50%;
    background-position: 40rem;
    min-height: 15rem;
    padding: 0 0 0 20px;
    margin-top: 40px;
}
.stage-anket a{
    position: absolute;
    left: calc(50% - 120px) ;
    bottom: 20px;
}
.stage-anket-title-container{
    font-weight: 500;
    text-transform: uppercase;
    font-size: 32px;
    line-height: 1.6;
    color: #fff;
}
.stage-anket-title-container span{
    color: var(--textGray);
    text-transform: lowercase;
}

.cards {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    padding: calc(60 * var(--width-multiplier)) 0;
    max-width: calc(1200 * var(--width-multiplier));
}

.cards__item {
    position: relative;
}

.cards__item img {
    border-radius: calc(20 * var(--width-multiplier));
    max-width: calc(330 * var(--width-multiplier));
    width: 100%;
}

.cards__item p {
    position: absolute;
}

.cards__item .p2 {
    top: calc(60 * var(--width-multiplier));
    left: calc(20 * var(--width-multiplier));
    font-weight: 500;
    font-size: calc(22 * var(--width-multiplier));
    color: var(--red);
}

.cards__item .p4 {
    top: calc(30 * var(--width-multiplier));
    left: calc(20 * var(--width-multiplier));
    margin: 0;
    font-size: calc(12 * var(--width-multiplier));
    letter-spacing: 2px;
    color: var(--textColor);
}

.cards__item .btn {
    position: absolute;
    left: calc(20 * var(--width-multiplier));
    bottom: calc(20 * var(--width-multiplier));
    min-width: calc(220 * var(--width-multiplier));
}

@media (max-width: 1023px) {
    .cards {
        overflow-x: auto;
        justify-content: normal;
        padding: 0 calc(20 * var(--width-multiplier)) calc(60 * var(--width-multiplier));
        max-width: none;
    }

    .cards__item {
        flex-shrink: 0;
        width: 100%;
    }

    .cards__item + .cards__item {
        margin-left: calc(20 * var(--width-multiplier));
    }

    .cards__item img {
        max-width: none;
    }

    .cards__item .p4 {
        top: calc(20* var(--width-multiplier));
        font-size: calc(11 * var(--width-multiplier));
        line-height: 1;
    }

    .cards__item .p2 {
        top: calc(40* var(--width-multiplier));
        font-size: calc(18 * var(--width-multiplier));
        line-height: 1.2;
    }
}

@charset "UTF-8";
@font-face
{
    font-display: swap;
    font-family: Intro;
    font-style: normal;
    font-weight: 900;
    src: url(../fonts/Intro-Black.woff2) format("woff2");
}
@font-face
{
    font-display: swap;
    font-family: TT_Moscow;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/TT_Moscow_Economy_Bold.woff2) format("woff2");
}
@font-face
{
    font-display: swap;
    font-family: TT_Moscow;
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/TT_Moscow_Economy_Light.woff2) format("woff2");
}
@font-face
{
    font-display: swap;
    font-family: TT_Moscow;
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/TT_Moscow_Economy_Medium.woff2) format("woff2");
}
@font-face
{
    font-display: swap;
    font-family: TT_Moscow;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/TT_Moscow_Economy_Regular.woff2) format("woff2");
}
@font-face
{
    font-display: swap;
    font-family: TT_Moscow;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/TT_Moscow_Economy_Bold.woff2) format("woff2");
}
:root
{
    black-color: #131313;
    bs-font-color: #222;
    bs-font-family: "Inter",sans-serif;
    bs-font-size: 16px;
    bs-font-weight: 400;
    bs-line-height: 1;
    bs-radius: 10px;
    bs-shadow: 0px 2px 3px rgba(#000 10%),0px 8px 3px rgba(#000 10%);
    bs-transition: .3s ease-in-out;
    hover-shadow: 0 0 5px 0 rgba(#000 10%),0 0 10px 0 rgba(#000 10%),0 0 15px 0 rgba(#000 10%);
    primary-color: #131313;
    primary-hover-color: #2d2d2d;
    secondary-color: #ff4040;
    white-color: #fff;
}

.slick-next,.slick-prev
{
    background: 0 0;
    border: none;
    color: transparent;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 20px;
    line-height: 0;
    ms-transform: translate(0,-50%);
    outline: 0;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    webkit-transform: translate(0,-50%);
    width: 20px;
}
.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover
{
    background: 0 0;
    color: transparent;
    outline: 0;
}
.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before
{
    opacity: 1;
}
.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before
{
    opacity: .25;
}
.slick-next:before,.slick-prev:before
{
    color: #fff;
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    moz-osx-font-smoothing: grayscale;
    opacity: .75;
    webkit-font-smoothing: antialiased;
}
.slick-prev
{
    left: -25px;
}
[dir=rtl] .slick-prev
{
    left: auto;
    right: -25px;
}
.slick-prev:before
{
    content: "←";
}
[dir=rtl] .slick-prev:before
{
    content: "→";
}
.slick-next
{
    right: -25px;
}
[dir=rtl] .slick-next
{
    left: -25px;
    right: auto;
}
.slick-next:before
{
    content: "→";
}
[dir=rtl] .slick-next:before
{
    content: "←";
}


.slick-dots li
{
    cursor: pointer;
    display: inline-block;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    position: relative;
    width: 20px;
}

.slick-dots li button {
    background: 0 0;
    border: 0;
    color: transparent;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: calc(20*2560px / 1920);
    height: calc(20*var(--width-multiplier));
    line-height: 0;
    outline: 0;
    padding: calc(5*2560px / 1920);
    padding: calc(5*var(--width-multiplier));
    width: calc(20*2560px / 1920);
    width: calc(20*var(--width-multiplier));
}

.slick-dots li button:focus,.slick-dots li button:hover
{
    outline: 0;
}
.slick-dots li button:focus:before,.slick-dots li button:hover:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    color: #000;
    content: "•";
    font-family: slick;
    font-size: 6px;
    height: 20px;
    left: 0;
    line-height: 20px;
    moz-osx-font-smoothing: grayscale;
    opacity: .25;
    position: absolute;
    text-align: center;
    top: 0;
    webkit-font-smoothing: antialiased;
    width: 20px;
}
.slick-dots li.slick-active button:before
{
    color: #000;
    opacity: .75;
}
.slick-slider
{
    box-sizing: border-box;
    display: block;
    moz-user-select: none;
    ms-touch-action: pan-y;
    ms-user-select: none;
    position: relative;
    touch-action: pan-y;
    user-select: none;
    webkit-box-sizing: border-box;
    webkit-tap-highlight-color: transparent;
    webkit-touch-callout: none;
    webkit-user-select: none;
}
.slick-list
{
    display: block;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}
.slick-list:focus
{
    outline: 0;
}
.slick-list.dragging
{
    cursor: hand;
    cursor: pointer;
}
.slick-slider .slick-list,.slick-slider .slick-track
{
    ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    webkit-transform: translate3d(0,0,0);
}
.slick-track
{
    display: block;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 0;
}
.slick-track:after,.slick-track:before
{
    content: "";
    display: table;
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}
@media (max-width: 1023px) {
    .slick-track {
        display: flex;
    }
}
.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir=rtl] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    border: 1px solid transparent;
    display: block;
    height: auto;
}
.slick-arrow.slick-hidden
{
    display: none;
}
@-webkit-keyframes show-header
{
    0%
    {
        top: -100%;
    }
    100%
    {
        top: 0;
    }
}
@keyframes show-header
{
    0%
    {
        top: -100%;
    }
    100%
    {
        top: 0;
    }
}
@-webkit-keyframes fade-up-big
{
    0%
    {
        opacity: 0;
        transform: translateY(1rem);
        webkit-transform: translateY(1rem);
    }
    100%
    {
        opacity: 1;
        transform: translateY(0);
        webkit-transform: translateY(0);
    }
}
@keyframes fade-up-big
{
    0%
    {
        opacity: 0;
        transform: translateY(1rem);
        webkit-transform: translateY(1rem);
    }
    100%
    {
        opacity: 1;
        transform: translateY(0);
        webkit-transform: translateY(0);
    }
}
@-webkit-keyframes rotation
{
    from
    {
        transform: rotate(0);
        webkit-transform: rotate(0);
    }
    to
    {
        transform: rotate(359deg);
        webkit-transform: rotate(359deg);
    }
}
@keyframes rotation
{
    from
    {
        transform: rotate(0);
        webkit-transform: rotate(0);
    }
    to
    {
        transform: rotate(359deg);
        webkit-transform: rotate(359deg);
    }
}
html
{
    scroll-behavior: smooth;
}

body {
    color: #393649;
    font-family: TT_Moscow,Arial;
    font-size: calc(16*2560px / 1920);
    font-size: calc(16*var(--width-multiplier));
}

[class*=-mtitle] {
    margin: 0 0 calc(20 * var(--width-multiplier));
    padding: 0;
    color: #393649;
    font-family: TT_Moscow;
    font-size: calc(36*var(--width-multiplier));
    font-style: normal;
    font-weight: 500;
    line-height: 1.3;
    text-align: center;
}

@media (max-width: 1023px) {
    [class*=-mtitle] {
        margin: 0;
        font-size: calc(25*var(--width-multiplier));
    }
}

[class*=-smtitle]
{
    color: #111;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 16px;
}
[class*=__mdescription]
{
    color: #393649;
    font-family: national2,Arial;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.4;
}
[class*=tag__text]
{
    border: none;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    opacity: .56;
    padding: 0;
    text-transform: uppercase;
}

[class*=-ltext]
{
    color: #111;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
}
[class*=-ibg]
{
    position: relative;
}
[class*=-ibg] img
{
    height: 100%;
    left: 0;
    object-fit: cover;
    o-object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
}
[class*=-ibg_contain] img
{
    object-fit: contain;
    o-object-fit: contain;
}

.modal__card,.modal__subscribe {
    background: rgba(0,0,0,.5);
    bottom: 0;
    cursor: pointer;
    display: none;
    left: 0;
    overflow-y: auto;
    border-radius: calc(20*2560px / 1920);
    border-radius: calc(20*var(--width-multiplier));
    padding: 0 !important;
    position: fixed;
    right: 0;
    top: calc(80*2560px / 1920);
    top: calc(80*var(--width-multiplier));
    transition: all .3s ease;
    webkit-transition: all .3s ease;
    z-index: 999;
    max-width: calc(1153*2560px / 1920) !important;
    max-width: calc(1153*var(--width-multiplier)) !important;
    width: 100%;
}

@media (max-width: 1023px) {
    .modal__card,.modal__subscribe {
        top: 0;
        border-radius: 0;
        max-width: none;
    }
}

.modal__card .fancybox-close-small {
    position: absolute;
    right: calc(32*2560px / 1920) !important;
    right: calc(32*var(--width-multiplier)) !important;
    top: calc(32*2560px / 1920) !important;
    top: calc(32*var(--width-multiplier)) !important;
    width: calc(24*2560px / 1920);
    width: calc(24*var(--width-multiplier));
    height: calc(24*2560px / 1920);
    height: calc(24*var(--width-multiplier));
    background-color: #fff;
    background-image: url("../img/icon_close_inactive.svg");
    padding: 0 !important;
}

@media (max-width: 1023px) {
    .modal__card .fancybox-close-small {
        right: calc(20*2560px / 1920) !important;
        right: calc(20*var(--width-multiplier)) !important;
        top: calc(20*2560px / 1920) !important;
        top: calc(20*var(--width-multiplier)) !important;
    }
}

.modal__card .fancybox-close-small:hover {
    background-image: url("../img/icon_close_active.svg");
}

.modal__card .fancybox-close-small svg {
    display: none;
}

.modal__subscribe-main
{
    background-color: #fff;
    border-radius: 20px;
    color: #393649;
    cursor: default;
    margin: auto;
    max-width: 850px;
    padding: 30px;
    position: relative;
    width: 100%;
}
.modal__card-close,.modal__subscribe-close
{
    background-color: transparent;
    /*background-image: url(../../images/close.svg);*/
    background-position: center;
    background-size: cover;
    height: 28px;
    position: absolute;
    right: 45px;
    top: 45px;
    width: 28px;
}
.subscribe__title
{
    color: #d00e46;
    font-family: TT_Moscow;
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    padding-bottom: 30px;
    padding-top: 65px;
    text-align: center;
}
.subscribe__form
{
    margin-top: 80px;
}
.subscribe__form-input::-webkit-input-placeholder
{
    color: #aaa;
    font-size: 21px;
    text-align: center;
}
.subscribe__form-input::-moz-placeholder
{
    color: #aaa;
    font-size: 21px;
    text-align: center;
}
.subscribe__form-input:-ms-input-placeholder
{
    color: #aaa;
    font-size: 21px;
    text-align: center;
}
.subscribe__form-input::-ms-input-placeholder
{
    color: #aaa;
    font-size: 21px;
    text-align: center;
}
.subscribe__form-input::placeholder
{
    color: #aaa;
    font-size: 21px;
    text-align: center;
}
.subscribe__form-input
{
    border-bottom: 2px solid #ebebeb;
    display: block;
    font-family: TT_Moscow;
    font-size: 18px;
    margin: 0 auto;
    max-width: 500px;
    padding-bottom: 6px;
    width: 100%;
}
.subscribe__form-btn
{
    align-items: center;
    background-color: #393649;
    border: 1px solid #393649;
    border-radius: 8px;
    color: #fff;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    font-size: 18px;
    font-weight: 500;
    height: 55px;
    justify-content: center;
    margin: 50px auto;
    max-width: 260px;
    ms-flex-align: center;
    ms-flex-pack: center;
    transition: all .3s ease;
    webkit-box-align: center;
    webkit-box-pack: center;
    webkit-transition: all .3s ease;
    width: 100%;
}
.subscribe__form-btn:hover
{
    background-color: #d00e46;
    border: 1px solid #d00e46;
    transition: all .3s ease;
    webkit-transition: all .3s ease;
}
.modal__card-main
{
    background-color: #fff;
    border-radius: 20px;
    color: #393649;
    cursor: default;
    margin: auto;
    position: relative;
    width: 100%;
}

.modal__card-wrapper {
    padding: calc(80*2560px / 1920) calc(100*2560px / 1920);
    padding: calc(80*var(--width-multiplier)) calc(100*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .modal__card-wrapper {
        padding: calc(60*2560px / 1920) calc(20*2560px / 1920);
        padding: calc(60*var(--width-multiplier)) calc(20*var(--width-multiplier));
    }
}

.modal__card-names {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    flex-wrap: wrap;
    margin-bottom: calc(60*2560px / 1920);
    margin-bottom: calc(60*var(--width-multiplier));
    ms-flex-wrap: wrap;
    font-size: calc(12*2560px / 1920);
    font-size: calc(12*var(--width-multiplier));
    letter-spacing: calc(3*2560px / 1920);
    letter-spacing: calc(3*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .modal__card-names {
        margin-bottom: calc(30*2560px / 1920);
        margin-bottom: calc(30*var(--width-multiplier));
        font-size: calc(11*2560px / 1920);
        font-size: calc(11*var(--width-multiplier));
        letter-spacing: calc(2*2560px / 1920);
        letter-spacing: calc(2*var(--width-multiplier));
    }
}

.modal__card-platform {
    color: #929292;
    font-family: TT_Moscow;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
}

.modal__names-divider {
    background-color: #c2c0c6;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    height: calc(11*2560px / 1920);
    height: calc(11*var(--width-multiplier));
    margin: 0 calc(15*2560px / 1920);
    margin: 0 calc(15*var(--width-multiplier));
    width: 2px;
}

.modal__card-company {
    color: #393649;
    font-family: TT_Moscow;
    font-style: normal;
    font-weight: 700;
    text-decoration: underline;
}

.modal__cardname-wrap {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    justify-content: space-between;
    ms-flex-pack: justify;
    webkit-box-pack: justify;
}

.modal__card-name {
    color: #d00e46;
    font-family: TT_Moscow;
    font-size: calc(36*2560px / 1920);
    font-size: calc(36*var(--width-multiplier));
    font-style: normal;
    font-weight: 500;
    line-height: 1;
    margin-right: calc(30*2560px / 1920);
    margin-right: calc(30*var(--width-multiplier));
    max-width: calc(750*2560px / 1920);
    max-width: calc(750*var(--width-multiplier));
    width: 100%;
}

@media (max-width: 1023px) {
    .modal__card-name {
        width: auto;
        max-width: none;
    }
}

.no-webp .modal__card-logo {
    background-image: url(../../images/Неорос_log.png);
}

.modal__card-logo {
    align-items: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    height: calc(100*2560px / 1920);
    height: calc(100*var(--width-multiplier));
    justify-content: center;
    max-width: calc(150*2560px / 1920);
    max-width: calc(150*var(--width-multiplier));
    ms-flex-align: center;
    ms-flex-pack: center;
    webkit-box-align: center;
    webkit-box-pack: center;
    width: 100%;
}

.modal__cardthick-divider {
    background-color: #c2c0c6;
    height: 2px;
    margin-bottom: calc(40*2560px / 1920);
    margin-bottom: calc(40*var(--width-multiplier));
    margin-top: calc(30*2560px / 1920);
    margin-top: calc(30*var(--width-multiplier));
    width: 100%;
}

@media (max-width: 1023px) {
    .modal__cardthick-divider {
        margin-bottom: calc(30*2560px / 1920);
        margin-bottom: calc(30*var(--width-multiplier));
    }
}

.modal__card-duties {
    justify-content: space-between;
    ms-flex-pack: justify;
    webkit-box-pack: justify;
    display: flex;
}

@media (max-width: 1023px) {
    .modal__card-duties {
        flex-direction: column;
    }
}

.modal__duties-name {
    color: #393649;
    font-family: TT_Moscow;
    font-size: calc(20*2560px / 1920);
    font-size: calc(20*var(--width-multiplier));
    font-style: normal;
    font-weight: 500;
    margin-right: calc(20*2560px / 1920);
    margin-right: calc(20*var(--width-multiplier));
    max-width: calc(200*2560px / 1920);
    max-width: calc(200*var(--width-multiplier));
    text-transform: uppercase;
}

@media (max-width: 1023px) {
    .modal__duties-name {
        font-size: calc(16*2560px / 1920);
        font-size: calc(16*var(--width-multiplier));
        margin-bottom: calc(15*2560px / 1920);
        margin-bottom: calc(15*var(--width-multiplier));
        margin-right: 0;
    }
}

.modal__duties-list {
    max-width: calc(700*2560px / 1920);
    max-width: calc(700*var(--width-multiplier));
    width: 100%;
}

@media (max-width: 1023px) {
    .modal__duties-list {
        max-width: none;
        margin: 0;
        padding: 0;
    }

    .modal__duties-list ul {
        padding-left: calc(20*2560px / 1920);
        padding-left: calc(20*var(--width-multiplier));
    }
}

.modal__duties-list li {
    position: relative;
}

.modal__duties-list li::before {
    content: "";
    position: absolute;
    left: calc(-20*2560px / 1920);
    left: calc(-20*var(--width-multiplier));
    top: calc(6*2560px / 1920);
    top: calc(6*var(--width-multiplier));
    width: calc(12*2560px / 1920);
    width: calc(12*var(--width-multiplier));
    height: calc(12*2560px / 1920);
    height: calc(12*var(--width-multiplier));
    border-radius: 50%;
    background: #740827;
}

.duties-item span
{
    background-color: #740827;
    border-radius: 50%;
    display: inline-block;
    height: 10px;
    margin-right: 10px;
    padding-bottom: 4px;
    width: 10px;
}
.duties-item
{
    color: #393649;
    font-family: TT_Moscow;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4;
    margin-bottom: 8px;
}

.modal__cardthin-divider {
    background-color: #c2c0c6;
    height: 1px;
    margin: calc(30*2560px / 1920) 0;
    margin: calc(30*var(--width-multiplier)) 0;
    width: 100%;
}

.modal__anketa {
    background-color: #ebebeb;
    border-radius: calc(30*2560px / 1920);
    border-radius: calc(30*var(--width-multiplier));
    padding: calc(80*2560px / 1920) calc(100*2560px / 1920);
    padding: calc(80*var(--width-multiplier)) calc(100*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .modal__anketa {
        border-radius: 0;
        padding: calc(30*2560px / 1920) calc(20*2560px / 1920);
        padding: calc(30*var(--width-multiplier)) calc(20*var(--width-multiplier));
    }
}

.anketa__title {
    color: #d00e46;
    font-family: TT_Moscow;
    font-size: calc(36*2560px / 1920);
    font-size: calc(36*var(--width-multiplier));
    font-style: normal;
    font-weight: 500;
    line-height: 1;
    text-align: center;
}

@media (max-width: 1023px) {
    .anketa__title {
        font-size: calc(24*2560px / 1920);
        font-size: calc(24*var(--width-multiplier));
    }
}

.anketa__form {
    margin-top: calc(60*2560px / 1920);
    margin-top: calc(60*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .anketa__form {
        margin-top: calc(20*2560px / 1920);
        margin-top: calc(20*var(--width-multiplier));
    }
}

.anketa__form-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: calc(35*2560px / 1920);
    margin-bottom: calc(35*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .anketa__form-row {
        flex-direction: column;
        margin-bottom: 0;
    }
}

.anketa__input {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #c2c0c6;
    display: block;
    font-family: TT_Moscow;
    font-size: calc(18*2560px / 1920);
    font-size: calc(18*var(--width-multiplier));
    margin: 0 auto;
    max-width: calc(340*2560px / 1920);
    max-width: calc(340*var(--width-multiplier));
    width: 100%;
    padding: calc(5*2560px / 1920);
    padding: calc(5*var(--width-multiplier));
}

.anketa__input::-webkit-input-placeholder {
    color: #aaa;
    font-size: calc(21*2560px / 1920);
    font-size: calc(21*var(--width-multiplier));
}

.anketa__input::-moz-placeholder {
    color: #aaa;
    font-size: calc(21*2560px / 1920);
    font-size: calc(21*var(--width-multiplier));
}

.anketa__input:-ms-input-placeholder {
    color: #aaa;
    font-size: calc(21*2560px / 1920);
    font-size: calc(21*var(--width-multiplier));
}

.anketa__input::-ms-input-placeholder {
    color: #aaa;
    font-size: calc(21*2560px / 1920);
    font-size: calc(21*var(--width-multiplier));
}

.anketa__input::placeholder {
    color: #aaa;
    font-size: calc(21*2560px / 1920);
    font-size: calc(21*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .anketa__input {
        max-width: none;
        margin: calc(15*2560px / 1920) 0;
        margin: calc(15*var(--width-multiplier)) 0;
        font-size: calc(16*2560px / 1920);
        font-size: calc(16*var(--width-multiplier));
    }

    .anketa__input::-webkit-input-placeholder {
        font-size: calc(16*2560px / 1920);
        font-size: calc(16*var(--width-multiplier));
    }

    .anketa__input::-moz-placeholder {
        font-size: calc(16*2560px / 1920);
        font-size: calc(16*var(--width-multiplier));
    }

    .anketa__input:-ms-input-placeholder {
        font-size: calc(16*2560px / 1920);
        font-size: calc(16*var(--width-multiplier));
    }

    .anketa__input::-ms-input-placeholder {
        font-size: calc(16*2560px / 1920);
        font-size: calc(16*var(--width-multiplier));
    }

    .anketa__input::placeholder {
        font-size: calc(16*2560px / 1920);
        font-size: calc(16*var(--width-multiplier));
    }
}

.anketa-file {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.anketa-file input[type=file] {
    position: absolute;
    z-index: -1;
    opacity: 0;
    display: block;
    width: 0;
    height: 0;
}

.anketa-file-text {
    font-size: calc(21*2560px / 1920);
    font-size: calc(21*var(--width-multiplier));
    color: #aaa;
}

@media (max-width: 1023px) {
    .anketa-file-text {
        font-size: calc(16*2560px / 1920);
        font-size: calc(16*var(--width-multiplier));
    }
}

.anketa-file-icon {
    width: calc(30*2560px / 1920);
    width: calc(30*var(--width-multiplier));
}

.anketa__form-btn {
    margin: calc(55*2560px / 1920) auto 0;
    margin: calc(55*var(--width-multiplier)) auto 0;
}

@media (min-width: 1024px) {
    .anketa__form .form-group {
        margin: 0 auto;
        margin-left: calc(70*var(--width-multiplier));
    }
}

.anketa_form-btn:hover
{
    background-color: #d00e46;
    border: 1px solid #d00e46;
    transition: all .3s ease;
    webkit-transition: all .3s ease;
}
.vacfirst
{
    margin-top: 3.5rem;
    padding-bottom: 20px;
    position: relative;
}
.no-webp .vacfirst__img
{
    background-image: url(../images/vacancy_bg_desctop.png);
}
.vacfirst__img
{
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 20px;
    height: 100%;
    position: absolute;
    right: 0;
    width: 45%;
    z-index: 7;
}
.vacfirst__container
{
    position: relative;
    z-index: 99;
}
.vacfirst__title
{
    color: #393649;
    font-family: TT_Moscow;
    font-size: 58px;
    font-weight: 500;
    line-height: 1.15;
    max-width: 600px;
    padding-bottom: 70px;
    padding-top: 120px;
    width: 100%;
}
.vacfirst__title p
{
    color: #d00e46;
}
.vacfirst__description
{
    color: #393649;
    font-family: TT_Moscow;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 40px;
}
.vacfirst__project
{
    color: #d00e46;
    font-family: TT_Moscow;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
    text-decoration: underline;
    transition: all .3s ease;
    webkit-text-decoration: underline;
    webkit-transition: all .3s ease;
}
.vacfirst__project:hover
{
    text-decoration: none;
    transition: all .3s ease;
    webkit-text-decoration: none;
    webkit-transition: all .3s ease;
}
.vacfirst_dash
{
    color: #d00e46;
    font-size: 20px;
    font-weight: 500;
}
.vacfirst__row-btn
{
    display: flex;
    justify-content: space-between;
    max-width: 550px;
    width: 100%;
}
.vacfirst__subscribe-btn
{
    align-items: center;
    background-color: #d00e46;
    border: 1px solid #d00e46;
    border-radius: 8px;
    color: #fff;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    font-size: 18px;
    font-weight: 500;
    height: 55px;
    justify-content: center;
    margin-right: 20px;
    max-width: 260px;
    ms-flex-align: center;
    ms-flex-pack: center;
    transition: all .3s ease;
    webkit-box-align: center;
    webkit-box-pack: center;
    webkit-transition: all .3s ease;
    width: 100%;
}
.vacfirst__subscribe-btn:hover
{
    background-color: #740827;
    border: 1px solid #740827;
    transition: all .3s ease;
    webkit-transition: all .3s ease;
}
.vacfirst__post-btn
{
    align-items: center;
    background-color: #393649;
    border: 1px solid #393649;
    border-radius: 8px;
    color: #fff;
    display: flex;
    font-size: 18px;
    font-weight: 500;
    height: 55px;
    justify-content: center;
    max-width: 260px;
    ms-flex-align: center;
    ms-flex-pack: center;
    transition: all .3s ease;
    webkit-box-align: center;
    webkit-box-pack: center;
    webkit-transition: all .3s ease;
    width: 100%;
}
.vacfirst__post-btn:hover
{
    background-color: #d00e46;
    border: 1px solid #d00e46;
    transition: all .3s ease;
    webkit-transition: all .3s ease;
}
.vacfirst__left-img img
{
    left: -115px;
    position: absolute;
    top: 100px;
    width: 4rem;
}
.why
{
    background-color: #fff;
    padding-bottom: 50px;
    padding-top: 110px;
    position: relative;
    z-index: 992;
}
.why-mtitle
{
    padding: 0 15px;
    padding-bottom: 30px;
}
.why__container
{
    margin: 0 auto;
    padding: 80px 65px;
    padding-bottom: 70px;
    position: relative;
    z-index: 2;
}
.why__img-left
{
    height: auto;
    left: 0;
    position: absolute;
    top: 0;
    width: 300px;
}
.why__img-right
{
    bottom: 0;
    height: auto;
    position: absolute;
    right: 0;
    width: 300px;
}
.why__row
{
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    justify-content: space-between;
    ms-flex-pack: justify;
    webkit-box-pack: justify;
}
.advant__divider
{
    background-color: #d00e46;
    height: 1px;
    margin-top: 88px;
    max-width: 97px;
    width: 100%;
}
.why__item
{
    position: relative;
    width: 240px;
}
.why__item-wrap
{
    height: 100px;
    margin: 0 auto;
    position: relative;
    width: 130px;
}
.why__item-img1,.why__item-img2,.why__item-img3,.why__item-img4
{
    background-image: url(../img/icon_vac_01.svg);
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 2px;
    height: 90px;
    position: absolute;
    right: 0;
    width: 80px;
}
.why__item-img1
{
    background-image: url(../img/icon_vac_01.svg);
    right: 12px;
    width: 82px;
}
.why__item-img2
{
    background-image: url(../img/icon_vac_02.svg);
    right: 3px;
}
.why__item-img3
{
    background-image: url(../img/icon_vac_03.svg);
}
.why__item-img4
{
    background-image: url(../img/icon_vac_04.svg);
    right: 4px;
}
.why__item-number1,.why__item-number2,.why__item-number3,.why__item-number4
{
    bottom: 0;
    color: #d00e46;
    font-family: TT_Moscow;
    font-size: 78px;
    font-weight: 500;
    left: 0;
    position: absolute;
}
.why__item-number1
{
    left: 12px;
}
.why__item-number2
{
    left: 3px;
}
.why__item-number2
{
    left: 4px;
}
.why__item-text
{
    color: #393649;
    font-family: TT_Moscow;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    padding-top: 30px;
    text-align: center;
    text-transform: uppercase;
}
.mains__divider
{
    background-color: #d00e46;
    display: block;
    height: 1px;
    margin: 5px auto;
    margin-bottom: -3px;
    position: relative;
    width: 220px;
}
.mains__divider::after
{
    background-color: #d00e46;
    content: "";
    display: block;
    height: 5px;
    left: 50%;
    ms-transform: translateX(-50%);
    position: absolute;
    top: -2px;
    transform: translateX(-50%);
    webkit-transform: translateX(-50%);
    width: 35px;
}

.pl10 {
    padding-left: calc(10*2560px / 1920);
    padding-left: calc(10*var(--width-multiplier));
}

.vacancy
{
    padding-bottom: 80px;
    padding-top: 30px;
}
.vacancy__row-btns
{
    display: flex;
    display: -ms-flexbox;
    justify-content: center;
    margin-bottom: 20px;
    ms-flex-pack: center;
    webkit-box-pack: center;
}
.vacancy__probation-btn,.vacancy__vacancy-btn
{
    background-color: transparent;
    border: none;
    color: #929292;
    cursor: pointer;
    font-family: TT_Moscow;
    font-size: 36px;
    font-weight: 500;
    padding: 10px 15px;
    text-transform: uppercase;
    transition: all .3s ease;
    webkit-transition: all .3s ease;
}
.vacancy__probation-btn:hover,.vacancy__vacancy-btn:hover
{
    color: #d00e46;
    transition: all .3s ease;
    webkit-transition: all .3s ease;
}
.vacancy__probation-btn.active,.vacancy__vacancy-btn.active
{
    color: #d00e46;
    transition: all .3s ease;
    webkit-transition: all .3s ease;
}
.vacancy__wrapper
{
    display: none;
}
.vacancy__wrapper.active
{
    display: block;
}
.probation__platform,.vacancy__platform
{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 40px;
}
.probation__platform-item,.vacancy__platform-item
{
    border-bottom: 2px solid transparent;
    color: #929292;
    font-size: 20px;
    font-weight: 500;
    margin: 7px 12px;
    text-transform: uppercase;
    transition: all .3s ease;
    webkit-transition: all .3s ease;
}

.probation__platform-item.active,.vacancy__platform-item.active {
    border-bottom: 2px solid #d00e46;
    color: #393649;
    transition: all .3s ease;
    webkit-transition: all .3s ease;
}

@media (min-width: 1024px) {
    .probation__platform-item:hover,
    .vacancy__platform-item:hover {
        border-bottom: 2px solid #d00e46;
        color: #393649;
        transition: all .3s ease;
        webkit-transition: all .3s ease;
    }
}

.probation__area,.vacancy__area
{
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    flex-wrap: wrap;
    margin-bottom: 60px;
    margin-top: 40px;
    ms-flex-wrap: wrap;
}
.probation__area-item,.vacancy__area-item
{
    border-bottom: 2px solid transparent;
    color: #393649;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    margin: 7px 10px;
    transition: all .3s ease;
    webkit-transition: all .3s ease;
}
.probation__area-item:hover,.vacancy__area-item:hover
{
    border-bottom: 2px solid #d00e46;
    color: #393649;
    font-weight: 500;
    transition: all .2s ease;
    webkit-transition: all .2s ease;
}
.probation__area-item.active,.vacancy__area-item.active
{
    border-bottom: 2px solid #d00e46;
    color: #393649;
    font-weight: 500;
    transition: all .2s ease;
    webkit-transition: all .2s ease;
}

.widget {
    padding: calc(80* var(--width-multiplier)) 0 0;
}
.widget__wrapper {
    display: flex;
    justify-content: space-between;
    background-color: #d00e46;
    border-radius: calc(30* var(--width-multiplier));
}
.widget__text {
    display: flex;
    color: #fff;
    padding: calc(20* var(--width-multiplier)) calc(40* var(--width-multiplier));
    align-items: center;
}
.widget__text span:nth-child(1) {
    font-size: calc(36* var(--width-multiplier));
}
.widget__text span:nth-child(2) {
    font-size: calc(20* var(--width-multiplier));
    padding-left: calc(20* var(--width-multiplier));
}
.widget__body {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: calc(20* var(--width-multiplier));
    width: 286px;
    border: 1px solid #d00e46;
}
.widget__body img {
    clip-path: inset(calc(5* var(--width-multiplier)));
    width: calc(170* var(--width-multiplier));
    height: calc(114* var(--width-multiplier));
}

@media (max-width: 1024px) {
    .widget {
        padding: calc(60* var(--width-multiplier)) 0 0;
    }
    .widget__wrapper {
        flex-direction: column;
    }
    .widget__text {
        flex-direction: column;
        padding: calc(20* var(--width-multiplier));
        text-align: center;
    }
    .widget__text span:nth-child(1) {
        font-size: calc(25* var(--width-multiplier));
    }
    .widget__text span:nth-child(2) {
        font-size: calc(18* var(--width-multiplier));
        padding-left: 0;
    }
    .widget__body {
        width: 100%;
    }
}

.vacancy__cards
{
    display: flex;
    flex-wrap: wrap;
}
.vacancy__card
{
    border: 2px solid #c2c0c6;
    border-bottom-right-radius: 8rem;
    border-radius: 1.6rem;
    cursor: pointer;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    flex-direction: column;
    height: 340px;
    margin-right: 25px;
    margin-bottom: 25px;
    max-width: 31%;
    ms-flex-direction: column;
    padding: 25px 30px;
    position: relative;
    transition: all .3s ease;
    webkit-box-direction: normal;
    webkit-box-orient: vertical;
    webkit-transition: all .3s ease;
    width: 100%;
}
.vacancy__card:nth-of-type(3n) {
    margin-right: 0px;
}
.vacancy__card:hover
{
    background-color: #ebebeb;
    border-color: #ebebeb;
    transition: all .3s ease;
    webkit-transition: all .3s ease;
}
.vacancy__card-platform
{
    color: #929292;
    font-family: TT_Moscow;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 3px;
    margin-bottom: 20px;
}
.vacancy__card-divider
{
    background-color: #d00e46;
    height: 2px;
    width: 85px;
}
.vacancy__card-company {
color: #393649;
font-family: TT_Moscow;
font-size: 20px;
font-style: normal;
font-weight: 500;
margin-top: 20px;
margin-bottom: 20px;
line-height: 1.3;
}
.vacancy__card-name
{
    color: #d00e46;
    font-family: TT_Moscow;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.3;
}
.vacancy__card-area
{
    color: #393649;
    font-family: TT_Moscow;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 20px;
    margin-top: auto;
}
.vacancy__arrow
{
    background-image: url(../images/arrow_03_lev.svg);
    background-position: center;
    background-size: cover;
    bottom: 3px;
    height: 71px;
    position: absolute;
    right: 11px;
    width: 34px;
}
.vacancy__card-btn
{
    align-items: center;
    background-color: #393649;
    border: 1px solid #393649;
    border-radius: 8px;
    color: #fff;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    font-size: 18px;
    font-weight: 500;
    height: 55px;
    justify-content: center;
    margin: 60px auto;
    margin-bottom: 0;
    max-width: 260px;
    ms-flex-align: center;
    ms-flex-pack: center;
    transition: all .3s ease;
    webkit-box-align: center;
    webkit-box-pack: center;
    webkit-transition: all .3s ease;
    width: 100%;
}
.vacancy__card-btn:hover
{
    background-color: #d00e46;
    border: 1px solid #d00e46;
    transition: all .3s ease;
    webkit-transition: all .3s ease;
}
.probation__wrapper.active
{
    display: block;
}
.probation__wrapper
{
    display: none;
}
.review,.vacreview
{
    display: none;
}
.review.active,.vacreview.active
{
    display: block;
    background-color: #ebebeb;
    webkit-box-shadow: 0 -20px 20px -5px rgba(0,0,0,.2);
    box-shadow: 0 -20px 20px -5px rgba(0,0,0,.2);
    padding-bottom: calc(40* var(--width-multiplier));
    padding-top: calc(100* var(--width-multiplier));
}
.review__container,.vacreview__container
{
    max-width: calc(1400* var(--width-multiplier));
    padding: 0 calc(120* var(--width-multiplier));
    position: relative;
    width: 100%;
}
.review__slider,.vacreview__slider,vacreview__slider-2
{
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    justify-content: space-between;
    margin: 0 auto;
    margin-top: calc(40* var(--width-multiplier));
    max-width: calc(1350* var(--width-multiplier));
    ms-flex-pack: justify;
    webkit-box-pack: justify;
}
.review__slide
{
    display: inline-block;
    height: calc(330* var(--width-multiplier));
    margin: calc(15* var(--width-multiplier));
    padding-top: calc(55* var(--width-multiplier));
    position: relative;
    width: calc(650* var(--width-multiplier));
}
.review__bracket-left
{
    background-image: url(../images/lin_bracket_l.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: calc(355* var(--width-multiplier));
    left: 0;
    position: absolute;
    top: 0;
    width: calc(70* var(--width-multiplier));
}
.review__bracket-right
{
    background-image: url(../images/lin_bracket_r.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: calc(355* var(--width-multiplier));
    position: absolute;
    right: 0;
    top: 0;
    width: calc(70* var(--width-multiplier));
}
.review__wrapper
{
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    flex-direction: column;
    height: 100%;
    margin: 0 auto;
    max-width: calc(345* var(--width-multiplier));
    ms-flex-direction: column;
    webkit-box-direction: normal;
    webkit-box-orient: vertical;
    width: 100%;
}
.review__text
{
    color: #393649;
    font-family: TT_Moscow;
    font-size: calc(16* var(--width-multiplier));
    line-height: 1.3;
}
.review__personal-info
{
    position: relative;
}
.review__personal-wrap
{
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    justify-content: space-between;
    margin-top: auto;
    ms-flex-pack: justify;
    webkit-box-pack: justify;
}
.review__divider
{
    background-color: #d00e46;
    height: 1px;
    margin-bottom: calc(20* var(--width-multiplier));
    width: calc(70* var(--width-multiplier));
}
.review__name
{
    color: #393649;
    font-family: TT_Moscow;
    font-size: calc(16* var(--width-multiplier));
    font-weight: 500;
    line-height: 1.4;
}
.review__job
{
    color: #393649;
    font-family: TT_Moscow;
    font-size: calc(16* var(--width-multiplier));
    line-height: 1.4;
}
.review__spec
{
    color: #393649;
    font-family: TT_Moscow;
    font-size: calc(16* var(--width-multiplier));
    line-height: 1.4;
}
.review__avatar
{
    border-radius: 50%;
    height: 80px;
    width: 80px;
}
.no-webp .avatar1,.no-webp .vacavatar4
{
    background-image: url(../images/trainee_avatar_01.jpg);
}
.avatar1,.vacavatar4
{
    background-size: cover;
}
.no-webp .avatar2,.no-webp .vacavatar3
{
    background-image: url(../images/trainee_avatar_02.jpg);
}
.avatar2,.vacavatar3
{
    background-size: cover;
}
.no-webp .avatar3,.no-webp .vacavatar1
{
    background-image: url(../images/vac_avatar_01.jpg);
}
.avatar3,.vacavatar1
{
    background-size: cover;
}
.no-webp .avatar4,.no-webp .vacavatar2
{
    background-image: url(../images/vac_avatar_02.jpg);
}
.avatar4,.vacavatar2
{
    background-size: cover;
}
.review__slider .prev-arrow,.vacreview__slider .prev-arrow,.vacreview__slider-2 .prev-arrow
{
    background: 0 0;
    background-image: url(../images/arrow_gr_lev.svg);
    background-repeat: no-repeat;
    height: 110px;
    left: -12%;
    position: absolute;
    top: 37%;
    width: 55px;
}
.review__slider .next-arrow,.vacreview__slider .next-arrow,.vacreview__slider-2 .next-arrow
{
    background: 0 0;
    background-image: url(../images/arrow_gr_right.svg);
    background-repeat: no-repeat;
    height: 110px;
    position: absolute;
    right: -12%;
    top: 37%;
    width: 55px;
}
.review__container .slick-dots,.vacreview__container .slick-dots
{
    bottom: 10px;
    position: absolute;
}
.review__slider .prev-arrow:hover
{
    background-image: url(../images/arrow_red_lev_active.svg);
    cursor: pointer;
}
.review__slider .next-arrow:hover
{
    background-image: url(../images/arrow_red_right_active.svg);
}
.vacreview__slider .prev-arrow:hover
{
    background-image: url(../images/arrow_red_lev_active.svg);
}
.vacreview__slider .next-arrow:hover
{
    background-image: url(../images/arrow_red_right_active.svg);
}
.vacreview__slider-2 .prev-arrow:hover
{
    background-image: url(../images/arrow_red_lev_active.svg);
}
.vacreview__slider-2 .next-arrow:hover
{
    background-image: url(../images/arrow_red_right_active.svg);
}

.main__divider {
    background-color: #d00e46;
    display: block;
    height: 1px;
    margin: calc(5*var(--width-multiplier)) auto;
    position: relative;
    width: calc(220*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .main__divider {
        width: calc(200*var(--width-multiplier));
    }
}

.main__divider::after {
    content: "";
    position: absolute;
    left: 50%;
    top: -2px;
    display: block;
    width: calc(35*var(--width-multiplier));
    height: calc(5*var(--width-multiplier));
    transform: translateX(-50%);
    background-color: #d00e46;
}

.prev-arrow:hover
{
    background-image: url(/local/templates/technopolis/img/arrow_red_lev_active.svg);
}
.next-arrow:hover
{
    background-image: url(/local/templates/technopolis/img/arrow_red_right_active.svg);
}

.cooperation__dots,.review__dots,.vacreview__dots, .vacreview__dots-2, .content__info-dots,
.economic-requirement__dots-1, .economic-requirement__dots-2, .news-swiper__dots
{
    align-items: center;
    display: flex;
    justify-content: center;
    padding-bottom: 2rem;
}

.cooperation__dots ul,.review__dots ul,.vacreview__dots ul,.vacreview__dots-2 ul, .content__info-dots ul,
.economic-requirement__dots-1 ul, .economic-requirement__dots-2 ul, .news-swiper__dots ul
{
    align-items: center;
    display: flex;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0;
}

.cooperation__dots ul li,.review__dots ul li,.vacreview__dots ul li,.vacreview__dots-2 ul li, .content__info-dots ul li,
.economic-requirement__dots-1 ul li, .economic-requirement__dots-2 ul li, .news-swiper__dots ul li
{
    background-color: #8590a6;
    border-radius: 50%;
    cursor: pointer;
    height: calc(6 * var(--width-multiplier));
    margin: 0 calc(3 * var(--width-multiplier));
    transition: .2s all ease-out;
    width: calc(6 * var(--width-multiplier));
}

.cooperation__dots ul .slick-active,.review__dots ul .slick-active,.vacreview__dots ul .slick-active,.vacreview__dots-2 ul .slick-active,
.content__info-dots ul .slick-active, .economic-requirement__dots-1 ul .slick-active, .economic-requirement__dots-2 ul .slick-active,
.news-swiper__dots ul .slick-active
{
    background: #d00e46;
    border-radius: calc(3 * var(--width-multiplier));
    width: calc(28 * var(--width-multiplier));
}

.review__dots ul li button .cooperation__dots ul li button,.vacreview__dots ul li button,.vacreview__dots-2 ul li button,
.content__info-dots ul li button, .economic-requirement__dots-1 ul li button, economic-requirement__dots-2 ul li button,
.news-swiper__dots ul li button
{
    display: none;
}

.slick-dots li button
{
    display: none;
}
.pink
{
    color: #d00e46;
}

.science__divider {
    background-color: #d00e46;
    display: block;
    height: 1px;
    margin: calc(5*2560px / 1920) 0;
    margin: calc(5*var(--width-multiplier)) 0;
    position: relative;
    text-align: left;
    width: calc(220*2560px / 1920);
    width: calc(220*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .science__divider {
        margin: calc(5*2560px / 1920) auto;
        margin: calc(5*var(--width-multiplier)) auto;
        width: calc(180*2560px / 1920);
        width: calc(180*var(--width-multiplier));
    }
}

.science__divider::after {
    background-color: #d00e46;
    content: "";
    display: block;
    height: calc(5*2560px / 1920);
    height: calc(5*var(--width-multiplier));
    left: 0;
    position: absolute;
    top: -2px;
    width: calc(35*2560px / 1920);
    width: calc(35*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .science__divider::after {
        left: 50%;
        transform: translateX(-50%);
    }
}

.cooperation
{
    display: none;
}
.cooperation.active
{
    display: block;
}
.cooperation
{
    background-color: #fff;
    padding-top: 80px;
}
.cooperation__container
{
    max-width: 1350px;
    padding: 0 120px;
    position: relative;
    width: 100%;
}
.cooperation__slider
{
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    justify-content: space-between;
    margin: 0 auto;
    margin-top: 80px;
    max-width: 1400px;
    ms-flex-pack: justify;
    webkit-box-pack: justify;
}
.cooperation__slide
{
    display: inline-block;
    margin: 0 1px;
    padding: 20px;
    position: relative;
    width: 350px;
}
.no-webp .cooperation-img1
{
    background-image: url(../images/cooperation1.jpg);
}
.no-webp .cooperation-img2
{
    background-image: url(../images/cooperation2.jpg);
}
.no-webp .cooperation-img3
{
    background-image: url(../images/cooperation3.jpg);
}
.no-webp .cooperation-img4
{
    background-image: url(../images/cooperation4.jpg);
}
.no-webp .cooperation-img5
{
    background-image: url(../images/cooperation5.jpg);
}
.no-webp .cooperation-img6
{
    background-image: url(../images/cooperation6.jpg);
}
.no-webp .cooperation-img7
{
    background-image: url(../images/cooperation7.jpg);
}
.no-webp .cooperation-img8
{
    background-image: url(../images/cooperation8.jpg);
}
.no-webp .cooperation-img9
{
    background-image: url(../images/cooperation9.jpg);
}
.no-webp .cooperation-img10
{
    background-image: url(../images/cooperation10.jpg);
}
.no-webp .cooperation-img11
{
    background-image: url(../images/cooperation11.jpg);
}
.no-webp .cooperation-img12
{
    background-image: url(../images/cooperation12.jpg);
}
.cooperation__slide-img
{
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    height: 60px;
    position: relative;
    width: 100%;
}
.cooperation__slider .next-arrow
{
    background: 0 0;
    background-image: url(../images/arrow_gr_right.svg);
    background-repeat: no-repeat;
    height: 110px;
    position: absolute;
    right: -12%;
    top: 0;
    width: 55px;
}
.cooperation__slider .prev-arrow
{
    background: 0 0;
    background-image: url(../images/arrow_gr_lev.svg);
    background-repeat: no-repeat;
    height: 110px;
    left: -12%;
    position: absolute;
    top: 0;
    width: 55px;
}
.cooperation__slider .prev-arrow:hover
{
    background-image: url(../images/arrow_red_lev_active.svg);
}
.cooperation__slider .next-arrow:hover
{
    background-image: url(../images/arrow_red_right_active.svg);
}

.contact {
    padding: calc(100*var(--width-multiplier)) 0 calc(70* var(--width-multiplier));
}

@media (max-width: 1023px) {
    .contact {
        padding: calc(60*var(--width-multiplier)) 0;
    }
}

.contact-mtitle {
    margin-bottom: calc(10* var(--width-multiplier));
}

.contact__subtitle {
    color: #393649;
    font-family: TT_Moscow;
    font-size: calc(22*var(--width-multiplier));
    font-weight: 500;
    line-height: 1.3;
    margin: 0 0 calc(30*var(--width-multiplier));
    text-align: center;
}

@media (max-width: 1023px) {
    .contact__subtitle {
        font-size: calc(19*var(--width-multiplier));
        margin-top: 0;
        padding: 0 calc(43*var(--width-multiplier));
    }
}

.contact__row-button {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    margin-top: calc(60*2560px / 1920);
    margin-top: calc(60*var(--width-multiplier));
    max-width: calc(560*2560px / 1920);
    max-width: calc(560*var(--width-multiplier));
    width: 100%;
}

@media (max-width: 1023px) {
    .contact__row-button {
        justify-content: space-between;
        margin-top: calc(30*2560px / 1920);
        margin-top: calc(30*var(--width-multiplier));
        max-width: calc(370*2560px / 1920);
        max-width: calc(370*var(--width-multiplier));
        padding: 0 calc(25*2560px / 1920);
        padding: 0 calc(25*var(--width-multiplier));
    }
}

.contact__resident-btn {
    align-items: center;
    background-color: #d00e46;
    border: 1px solid #d00e46;
    border-radius: calc(8*2560px / 1920);
    border-radius: calc(8*var(--width-multiplier));
    color: #fff;
    display: flex;
    font-size: calc(18*2560px / 1920);
    font-size: calc(18*var(--width-multiplier));
    font-weight: 500;
    height: calc(55*2560px / 1920);
    height: calc(55*var(--width-multiplier));
    justify-content: center;
    margin: 0 calc(10*2560px / 1920);
    margin: 0 calc(10*var(--width-multiplier));
    max-width: calc(260*2560px / 1920);
    max-width: calc(260*var(--width-multiplier));
    transition: all .3s ease;
    width: 100%;
}

@media (max-width: 1023px) {
    .contact__resident-btn {
        font-size: calc(16*2560px / 1920);
        font-size: calc(16*var(--width-multiplier));
        height: calc(50*2560px / 1920);
        height: calc(50*var(--width-multiplier));
        max-width: none;
        width: calc(150*2560px / 1920);
        width: calc(150*var(--width-multiplier));
        margin: 0;
    }
}

.contact__resident-btn:hover
{
    background-color: #740827;
    border: 1px solid #740827;
    transition: all .3s ease;
    webkit-transition: all .3s ease;
}

.contact__notresident-btn {
    align-items: center;
    background-color: #fff;
    border: 1px solid #b8b8b8;
    border-radius: calc(8*2560px / 1920);
    border-radius: calc(8*var(--width-multiplier));
    color: #393649;
    display: flex;
    font-size: calc(18*2560px / 1920);
    font-size: calc(18*var(--width-multiplier));
    font-weight: 500;
    height: calc(55*2560px / 1920);
    height: calc(55*var(--width-multiplier));
    justify-content: center;
    margin: 0 calc(10*2560px / 1920);
    margin: 0 calc(10*var(--width-multiplier));
    max-width: calc(260*2560px / 1920);
    max-width: calc(260*var(--width-multiplier));
    transition: all .3s ease;
    width: 100%;
}

@media (max-width: 1023px) {
    .contact__notresident-btn {
        font-size: calc(16*2560px / 1920);
        font-size: calc(16*var(--width-multiplier));
        height: calc(50*2560px / 1920);
        height: calc(50*var(--width-multiplier));
        margin: 0;
        max-width: none;
        width: calc(150*2560px / 1920);
        width: calc(150*var(--width-multiplier));
    }
}

.contact__notresident-btn:hover
{
    background-color: #393649;
    color: #fff;
    transition: all .3s ease;
    webkit-transition: all .3s ease;
}

.contact__form {
    margin: 0 auto;
    margin-top: calc(50*2560px / 1920);
    margin-top: calc(50*var(--width-multiplier));
    max-width: calc(900*2560px / 1920);
    max-width: calc(900*var(--width-multiplier));
    width: 100%;
}

@media (max-width: 1023px) {
    .contact__form {
        margin-top: calc(40*2560px / 1920);
        margin-top: calc(40*var(--width-multiplier));
        max-width: calc(270*2560px / 1920);
        max-width: calc(270*var(--width-multiplier));
    }
}

.contact__form-row {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: calc(20*2560px / 1920);
    margin-bottom: calc(20*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .contact__form-row {
        flex-direction: column;
        margin-bottom: 0;
    }
}

.form__input {
    border-bottom: 1px solid #b8b8b8;
    font-size: calc(19*2560px / 1920);
    font-size: calc(19*var(--width-multiplier));
    margin: 0 calc(10*2560px / 1920);
    margin: 0 calc(10*var(--width-multiplier));
    max-width: calc(350*2560px / 1920);
    max-width: calc(350*var(--width-multiplier));
    padding: calc(10*2560px / 1920) 0;
    padding: calc(10*var(--width-multiplier)) 0;
    width: 100%;
}
@media (max-width: 1023px) {
    .form__input {
        font-size: calc(16*2560px / 1920);
        font-size: calc(16*var(--width-multiplier));
        margin: calc(10*2560px / 1920) 0;
        margin: calc(10*var(--width-multiplier)) 0;
    }
}

.form-group {
    margin-top: calc(40 * var(--width-multiplier));
    margin-bottom: calc(40 * var(--width-multiplier));
    width: 100%;
}

.form-group .captcha {
    display: flex;
    margin-top: calc(20 * var(--width-multiplier));
}

.form-group label {
    font-size: calc(19 * var(--width-multiplier));
    color: #929292;
}
.form-group input {
    border: none;
    border-bottom: var(--lightGray) 1px solid;
    padding: calc(10 * var(--width-multiplier)) 0;
    font-size: calc(19 * var(--width-multiplier));
    background-color: transparent;
}
.form-group input:hover {
    border-color: #d00e46;
}
.form-group input:active {
    border-color: #d00e46;
}

.form-group .captcha img {
    display: block !important;
    height: auto !important;
    width: auto !important;
    margin-left: calc(20*var(--width-multiplier));
}

@media (max-width: 1023px) {
    .form-group {
        margin-top: calc(20 * var(--width-multiplier));
        margin-bottom: calc(20 * var(--width-multiplier));
    }
    .form-group .captcha {
        flex-direction: column;
        font-size: calc(16 * var(--width-multiplier));
        margin-top: 0;
    }

    .form-group .captcha button {
        margin-left: 0 !important;
        margin-top: calc(20 * var(--width-multiplier));
    }
    .form-group label, .form-group input {
        font-size: calc(16 * var(--width-multiplier));
    }
    .form-group .captcha img {
        margin-left: 0;
        margin-top: calc(20 * var(--width-multiplier));
    }
    .form-group input#captcha {
        min-height: calc(50 * var(--width-multiplier));
    }
}

.form-btn {
    align-items: center;
    background-color: #393649;
    border: 1px solid #393649;
    border-radius: calc(8*2560px / 1920);
    border-radius: calc(8*var(--width-multiplier));
    color: #fff;
    display: flex;
    font-size: calc(18*2560px / 1920);
    font-size: calc(18*var(--width-multiplier));
    font-weight: 500;
    height: calc(55*2560px / 1920);
    height: calc(55*var(--width-multiplier));
    justify-content: center;
    margin: calc(50*2560px / 1920) auto;
    margin: calc(50*var(--width-multiplier)) auto;
    max-width: calc(260*2560px / 1920);
    max-width: calc(260*var(--width-multiplier));
    transition: all .3s ease;
    width: 100%;
}

@media (max-width: 1023px) {
    .form-btn {
        font-size: calc(16*2560px / 1920);
        font-size: calc(16*var(--width-multiplier));
        height: calc(50*2560px / 1920);
        height: calc(50*var(--width-multiplier));
        margin: calc(40*2560px / 1920) auto calc(30*2560px / 1920);
        margin: calc(40*var(--width-multiplier)) auto calc(30*var(--width-multiplier));
        max-width: calc(210*2560px / 1920);
        max-width: calc(210*var(--width-multiplier));
    }
}

.form-btn:hover
{
    background-color: #d00e46;
    border: 1px solid #d00e46;
    transition: all .3s ease;
    webkit-transition: all .3s ease;
}
input:focus
{
    border-color: #d00e46;
    outline: #d00e46;
}

.contact__agreement {
    color: #b8b8b8;
    line-height: 1.3;
    margin: auto;
    max-width: calc(850*2560px / 1920);
    max-width: calc(850*var(--width-multiplier));
    text-align: center;
    width: 100%;
}

@media (max-width: 1023px) {
    .contact__agreement {
        max-width: none;
        font-size: calc(14*2560px / 1920);
        font-size: calc(14*var(--width-multiplier));
        padding: 0 calc(22*2560px / 1920);
        padding: 0 calc(22*var(--width-multiplier));
    }
}

.moscow_md
{
    font-weight: 500;
}
.info
{
    background-color: #740827;
}
@media (max-width:1560.98px)
{
    [class*=__mdescription]
    {
        font-size: 22px;
    }
}
@media (max-width:1500.98px)
{
    .vacfirst__left-img img
    {
        left: -40px;
    }
}
@media (max-width:1430.98px)
{
    .cooperation__slider .next-arrow
    {
        height: 80px;
        right: -80px;
        top: 12%;
        width: 40px;
    }
    .cooperation__slider .prev-arrow
    {
        height: 80px;
        left: -80px;
        top: 12%;
        width: 40px;
    }
}

@media (max-width:1350.98px)
{
    .vacfirst__left-img img
    {
        left: 10px;
        top: 70px;
    }
}

@media (max-width:1240.98px)
{
    .cooperation__container
    {
        padding: 0 100px;
    }
}
@media (max-width:1200.98px)
{
    .advant__divider
    {
        max-width: 50px;
        width: 100%;
    }
}
@media (max-width:1110.98px)
{
    .vacfirst__left-img img
    {
        display: none;
    }
}
@media (max-width:1080.98px)
{
    .advant__divider
    {
        display: none;
    }
}

@media (max-width:1010.98px)
{
    [class*=__mdescription]
    {
        font-size: 17px;
    }
}
@media (max-width:920.98px)
{
    .no-webp .vacfirst
    {
        background-image: url(../images/vacfirst-mob.jpg);
    }
    .vacfirst
    {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        padding-bottom: 0;
        position: relative;
        width: 100%;
    }
    .vacfirst__img
    {
        background: rgba(0,0,0,.5);
        bottom: 0;
        height: 100%;
        width: 100%;
    }
    .vacfirst__title p
    {
        color: #fff;
    }
    .vacfirst__description
    {
        color: #fff;
    }
    .vacfirst__project
    {
        color: #fff;
    }
    .vacfirst_dash
    {
        color: #fff;
    }
    .vacfirst__row-btn
    {
        padding-bottom: 40px;
    }
    .vacfirst__post-btn
    {
        background-color: #fff;
        border: 1px solid #fff;
        color: #393649;
    }
    .vacfirst__post-btn:hover
    {
        background-color: #d00e46;
        border: 1px solid #d00e46;
        color: #fff;
    }
    .vacancy__card-btn
    {
        background-color: #fff;
        border: 1px solid #fff;
        color: #393649;
    }
    .vacancy__card-btn:hover
    {
        background-color: #d00e46;
        border: 1px solid #d00e46;
        color: #fff;
    }
}
@media (max-width:900.98px)
{
    .why
    {
        margin: 0;
        padding-bottom: 50px;
        padding-top: 70px;
    }
    .why__img-right
    {
        display: none;
    }
    .cooperation__container
    {
        padding: 0 60px;
    }
}
@media (max-width:820.98px)
{
    .probation__area,.vacancy__area
    {
        margin-bottom: 40px;
        margin-top: 30px;
    }
}
@media (max-width:770.98px)
{
    .cooperation__container
    {
        padding: 0 20px;
    }
}
@media (max-width:768.98px)
{
    [class*=-smtitle]
    {
        font-size: 22px;
        line-height: 30px;
        margin-top: 40px;
    }
    [class*=tag__text]
    {
        font-size: 14px;
    }
}
@media (max-width:700.98px)
{
    .modal__cardname-wrap
    {
        flex-direction: column-reverse;
        ms-flex-direction: column-reverse;
        webkit-box-direction: reverse;
        webkit-box-orient: vertical;
    }
    .vacancy__probation-btn,.vacancy__vacancy-btn
    {
        font-size: 32px;
    }
}

@media (max-width:600.98px)
{
    .why
    {
        padding-bottom: 50px;
        padding-top: 70px;
    }
}
@media (max-width:570.98px)
{
    .why__item
    {
        margin: 0 auto;
        max-width: 300px;
        width: 100%;
    }
}
@media (max-width:550.98px)
{
    .vacancy__row-btns
    {
        flex-direction: column;
        ms-flex-direction: column;
        webkit-box-direction: normal;
        webkit-box-orient: vertical;
    }
    .review__slide
    {
        padding-top: 10px;
    }
    .review__bracket-right
    {
        display: none;
    }
}
@media (max-width:540.98px)
{
    .modal__card-close,.modal__subscribe-close
    {
        height: 22px;
        right: 20px;
        top: 20px;
        width: 22px;
    }
    .subscribe__title
    {
        font-size: 30px;
    }
    .subscribe__form-btn
    {
        margin: 40px auto;
    }
    .anketa__form-btn
    {
        font-size: 16px;
        height: 45px;
        margin: 40px auto;
        margin-bottom: 10px;
        max-width: 200px;
    }
    .vacfirst__row-btn
    {
        flex-direction: column;
        ms-flex-direction: column;
        padding-bottom: 40px;
        webkit-box-direction: normal;
        webkit-box-orient: vertical;
    }
    .vacfirst__subscribe-btn
    {
        height: 50px;
        margin: 8px auto;
        max-width: 480px;
        width: 100%;
    }
    .vacfirst__post-btn
    {
        height: 50px;
        margin: 8px auto;
        max-width: 480px;
        width: 100%;
    }
    .vacancy__card-btn
    {
        height: 50px;
        margin: 8px auto;
        max-width: 480px;
        width: 100%;
    }
    .cooperation
    {
        padding-bottom: 40px;
        padding-top: 40px;
    }
    .cooperation__container
    {
        padding: 0 80px;
    }
    .cooperation__slide-img
    {
        height: 80px;
    }
}

@media (max-width:500.98px)
{
    .cooperation__container
    {
        padding: 0 60px;
    }
}

@media (max-width:470.98px)
{
    .why
    {
        margin: 0;
        padding-bottom: 30px;
        padding-top: 40px;
    }
}
@media (max-width:460.98px)
{
    .cooperation__container
    {
        padding: 0 40px;
    }
}
@media (max-width:450.98px)
{
    .duties-item span
    {
        height: 8px;
        padding-bottom: 3px;
        width: 8px;
    }
    .duties-item
    {
        font-size: 14px;
    }
    .vacancy__probation-btn,.vacancy__vacancy-btn
    {
        font-size: 25px;
        padding: 5px;
    }
    .probation__platform,.vacancy__platform
    {
        margin-top: 30px;
    }
    .probation__platform-item,.vacancy__platform-item
    {
        font-size: 16px;
        margin: 5px 10px;
    }
    .probation__area,.vacancy__area
    {
        margin-bottom: 30px;
        margin-top: 20px;
    }
    .probation__area-item,.vacancy__area-item
    {
        font-size: 15px;
        margin: 5px 7px;
    }
    .vacancy__card-platform
    {
        font-size: 11px;
    }
    .vacancy__card-divider
    {
        width: 65px;
    }
    .vacancy__card-company
    {
        font-size: 17px;
    }
    .vacancy__card-name
    {
        font-size: 16px;
    }
}
@media (max-width:420.98px)
{
    [class*=-smtitle]
    {
        font-size: 20px;
        line-height: 28px;
    }
    [class*=tag__text]
    {
        font-size: 12px;
    }
    [class*=-ltext]
    {
        font-size: 18px;
    }
    .cooperation__container
    {
        padding: 0 15px;
    }
    .cooperation__slide
    {
        padding: 10px;
    }
}

.webp .modal__card-logo
{
    background-image: url(../../img/Неорос_log.webp);
}
.webp .vacfirst__img
{
    background-image: url(../img/vacancy_bg_desctop.webp);
}
.webp .avatar1,.webp .vacavatar4
{
    background-image: url(../img/trainee_avatar_01.webp);
}
.webp .avatar2,.webp .vacavatar3
{
    background-image: url(../img/trainee_avatar_02.webp);
}
.webp .avatar3,.webp .vacavatar1
{
    background-image: url(../img/vac_avatar_01.webp);
}
.webp .avatar4,.webp .vacavatar2
{
    background-image: url(../images/vac_avatar_02.webp);
}
.webp .cooperation-img1
{
    background-image: url(../images/cooperation1.webp);
}
.webp .cooperation-img2
{
    background-image: url(../images/cooperation2.webp);
}
.webp .cooperation-img3
{
    background-image: url(../images/cooperation3.webp);
}
.webp .cooperation-img4
{
    background-image: url(../images/cooperation4.webp);
}
.webp .cooperation-img5
{
    background-image: url(../images/cooperation5.webp);
}
.webp .cooperation-img6
{
    background-image: url(../images/cooperation6.webp);
}
.webp .cooperation-img7
{
    background-image: url(../images/cooperation7.webp);
}
.webp .cooperation-img8
{
    background-image: url(../images/cooperation8.webp);
}
.webp .cooperation-img9
{
    background-image: url(../images/cooperation9.webp);
}
.webp .cooperation-img10
{
    background-image: url(../images/cooperation10.webp);
}
.webp .cooperation-img11
{
    background-image: url(../images/cooperation11.webp);
}
.webp .cooperation-img12
{
    background-image: url(../images/cooperation12.webp);
}
@media (max-width:920.98px)
{
    .webp .vacfirst
    {
        background-image: url(../images/vacfirst-mob.webp);
    }
}

@media (max-width: 576px) {
    .main {
        padding: 0px 20px;
    }
    .servicesLog__slider  ul slick-active button, .preimLog__slider ul slick-active button{
        display: none;
    }
    .servicesLog__slider  ul li button, .preimLog__slider ul li button{
        display: none;
    }
    .servicesLog__slider ul, .preimLog__slider ul{
        margin: 0;
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        list-style: none;
    }
    .servicesLog__slider ul .slick-active, .preimLog__slider ul .slick-active{
        width: 28px;
        background: #d00e46;
    }
    .servicesLog__slider ul li, .preimLog__slider ul li{
        width: 6px;
        height: 6px;
        border-radius: 3px;
        background-color: #8590a6;
        cursor: pointer;
        transition: .2s all ease-out;
        margin: 0 3px;
    }
    .servicesLog__sliderr {
        width: 100%;
        margin: 40px auto 0px auto;
    }
    .preimLog__slider {
        width: 100%;
        margin: 80px auto 60px auto;
    }
    .servicesLog__slide, .preimLog__slider {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .servicesLog__slide .services__item-top {
        justify-content: center;
    }
    .servicesLog__slide .services__item-title {
        width: 60%;
        text-transform: uppercase;
        text-align: center;
        margin: 0 auto;
        font-size: 20px;
    }
    .afisha__item {
        width: 100%;
        margin-right: 15px;
        margin-left: 15px;
    }
    .selects {
        display: flex;
        flex-direction: column;
        margin-left: 15px;
        margin-right: 15px;
    }
    .selects select {
        width: 100%;
        margin-bottom: 20px;
    }
    .date-select {
        width: 100%;
        max-width: 100%;
    }
    .search {
        max-width: 100%;
    }
    .preim-preferences .main-title::after {
        width: 178px;
        height: 1px;
        margin-top: 23px;
        position: absolute;
        top: 70px;
    }
    .preim-preferences .main-title--left::before {
        position: absolute;
        left: 3%;
        transform: translateX(-50%);
        bottom: 227px;
        width: 30px;
        height: 5px;
    }
    .photo-preferences .slider-nav {
        display: none;
    }
    .photo-preferences .slick-slide img {
        border-radius: 20px;
    }
    .main-first-section {
        background: linear-gradient(to top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 22%,rgba(255,255,255,0.22) 61%,rgba(255,255,255,0) 72%);
        position: relative;
        display: flex;
        flex-direction: column-reverse;
        margin-bottom: 0;
    }
    .main-first-section-container {
       box-shadow: 1px 65px 10px 7px rgba(255, 255, 255, 0.77);
       position: relative;
    }
    .main-first-section-container::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 50px;
        bottom: 40px;
        box-shadow: 1px 65px 17px 7px rgba(255, 255, 255, 0.87);
    }
    .main-first-section-container .main-first-section__buttons-wrapper {
        position: absolute;
        bottom: -260px;
    }
    .header__mob-menu .header__menus {
        display: flex;
        flex-direction: column;
        margin-top: 80px;align-items: flex-start;
        padding-left: 20px;
    }
    .header__mob-menu .header__menus .header__submenu {
        margin-bottom: 20px;
    }
    .header__mob-menu .header__menus .header__drop-menu {
        position: relative;
        top: 10px;
        z-index: 4;
        width: auto;
        display: flex;
        flex-direction: column;
        display: flex;
        /* animation: fade .3s ease-out; */
        background: #fff;
        padding: .5rem 0 1rem 0;
        border-bottom: 1px solid var(--lightGray);
    }
    .header__mob-menu .header__menus .header__menu-link {
        font-size: 20px;
    }
    .header__mob-menu .header__menus .header__drop-menu::before {
        display: none;
    }
    .header__mob-menu .header__menus .header__menu-link.active {
        border-bottom: 1px solid var(--red);
    }
    .menu-drop-filter {
        background: transparent;
    }
    .footer__contact .footer__title{
        padding: 20px 0px;
        border-top: 1px solid #fff;
    }
    .tax-preferences-card__text {
        color: var(--textColor);
        padding: 0 3rem;
        font-size: .7rem;
        font-family: "TT-Regular";
        text-align: center;
    }
    .afisha__item {
        position: relative;
        height: 400px;
    }
    .afisha__item-l-image img {
        display: block;
        height: 100%;
        object-fit: cover;
        border-bottom-left-radius: 12px;
        position: absolute;
        height: 100px;
        width: 100%;
        top: 58px;
        z-index: 1;
    }
    .afisha__item-l-date {
        background: var(--red);
        height: 90px;
        display: flex;
        flex-direction: column;
        border-bottom-left-radius: 12px;
        align-items: center;
        justify-content: center;
        font-family: 'TT-Regular';
        font-size: 16px;
        color: #FFFFFF;
        z-index: 999;
        position: relative;
    }
    .afisha__item-r-text {
        color: var(--textGray);
        font-size: .8rem;
        font-family: "TT-Regular";
        min-height: 100px;
        padding-right: 100px;
        position: absolute;
        top: 220px;
        left: 20px;
        width: 100%;
    }
    .afisha__item-r-title {
        color: #393649;
        font-family: "TT-Medium";
        font-size: 16px;
        font-weight: 400;
        line-height: 22px;
        min-height: 38px;
        transition: .2s all ease-out;
        margin-bottom: 0px;
        margin-top: 0px;
        text-align: left;
        position: absolute;
        top: 170px;
        width: 90%;
        left: 20px;
    }
    .afisha__item-r-bottom {
        display: flex;
        flex-direction: column;
        align-items: unset;
        justify-content: space-between;
    }
    .afisha__item-r-time {
        font-family: 'TT-Medium';
        font-size: 24px;
        color: var(--red);
        margin-bottom: 0px;
    }
    .contactList__left {
        font-size: 32px;
        line-height: 38px;
    }
    .glav__main .main-first-section__btn:first-child {
        background: var(--red);
    }
    .platform-first-section__empty-btn .invis {
        display: none;
    }
}
@media (max-width: 366px) {
    .main {
        padding: 0px 20px;
    }
    .servicesLog__slider  ul slick-active button, .preimLog__slider ul slick-active button{
        display: none;
    }
    .servicesLog__slider  ul li button, .preimLog__slider ul li button{
        display: none;
    }
    .servicesLog__slider ul, .preimLog__slider ul{
        margin: 0;
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        list-style: none;
    }
    .servicesLog__slider ul .slick-active, .preimLog__slider ul .slick-active{
        width: 28px;
        background: #d00e46;
    }
    .servicesLog__slider ul li, .preimLog__slider ul li{
        width: 6px;
        height: 6px;
        border-radius: 3px;
        background-color: #8590a6;
        cursor: pointer;
        transition: .2s all ease-out;
        margin: 0 3px;
    }
    .servicesLog__sliderr {
        width: 100%;
        margin: 40px auto 0px auto;
    }
    .preimLog__slider {
        width: 100%;
        margin: 80px auto 60px auto;
    }
    .servicesLog__slide, .preimLog__slider {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .servicesLog__slide .services__item-top {
        justify-content: center;
    }
    .servicesLog__slide .services__item-title {
        width: 60%;
        text-transform: uppercase;
        text-align: center;
        margin: 0 auto;
        font-size: 20px;
    }
    .afisha__item {
        width: 100%;
        margin-right: 15px;
        margin-left: 15px;
    }
    .selects {
        display: flex;
        flex-direction: column;
        margin-left: 15px;
        margin-right: 15px;
    }
    .selects select {
        width: 100%;
        margin-bottom: 20px;
    }
    .date-select {
        width: 100%;
        max-width: 100%;
    }
    .search {
        max-width: 100%;
    }
    .preim-preferences .main-title::after {
        width: 178px;
        height: 1px;
        margin-top: 23px;
        position: absolute;
        top: 110px;
    }
    .preim-preferences .main-title--left::before {
        position: absolute;
        left: 4%;
        transform: translateX(-50%);
        bottom: 161px;
        width: 30px;
        height: 5px;
    }
    .photo-preferences .slider-nav {
        display: none;
    }
    .photo-preferences .slick-slide img {
        border-radius: 20px;
    }
    .photo-preferences, .services-preferences  {
        overflow: hidden;
        padding-top: 3rem;
        background-color: #FFFFFF;
        margin-top: 40px;
        padding-bottom: 0px;
    }
    .main-first-section {
        background: linear-gradient(to top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 22%,rgba(255,255,255,0.22) 61%,rgba(255,255,255,0) 72%);
        position: relative;
        display: flex;
        flex-direction: column-reverse;
        margin-bottom: 0;
    }
    .main-first-section-container {
       box-shadow: 1px 65px 10px 7px rgba(255, 255, 255, 0.77);
       position: relative;
    }
    .main-first-section-container::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 50px;
        bottom: 40px;
        box-shadow: 1px 65px 17px 7px rgba(255, 255, 255, 0.87);
    }
    .main-first-section-container .main-first-section__buttons-wrapper {
        position: absolute;
        bottom: -210px;
    }
    .header__mob-menu .header__menu {
        display: flex;
        flex-direction: column;
        margin-top: 80px;align-items: flex-start;
    }
    .header__mob-menu .header__menu .header__drop-menu {
        position: relative;
        top: 10px;
        z-index: 4;
        width: auto;
        display: flex;
        flex-direction: column;
        display: flex;
        /* animation: fade .3s ease-out; */
        background: #fff;
        padding: .5rem 0 1rem 0;
        display: none;
    }
    .header__mob-menu .header__menu .header__menu-link {
        font-size: 20px;
    }
    .header__mob-menu .header__menu .header__drop-menu::before {
        display: none;
    }
    .menu-drop-filter {
        background: transparent;
    }
    .header__lang {
        position: absolute;
        left: 70px;
    }

}
.block-brend .title {
    color: #D00E46;
}
.block-brend .title span {
  color: #393649;
}

li::marker {
    color: var(--red);
    font-size: calc(40*2560px / 1920);
    font-size: calc(40*var(--width-multiplier));
    line-height: 0;
}

.pref-slide {
    display: flex !important;
    justify-content: center;
    align-items: center;
}
.income-slide-content {
    min-width: 50%;
}

h1.my-h1 {
font-size: 50px;
font-family: "TT-REGULAR"
}
.gray {
    color: var(--textGray);
}

h3 {
    font-size: calc(36*2560px / 1920);
    font-size: calc(36*var(--width-multiplier));
    font-family: "TT-REGULAR"
}

p.black {
font-family: "TT-Medium"
}
.btn.black-btn {
background-color: var(--textColor)
}
.red.link {
cursor: pointer;
}
.hero__btn.gray-button{
background-color: var(--textColor)
}
.hero__btn.red-button{
background-color: var(--red)
}
.hero__btn.red-button:hover {
    background-color: var(--brown);
}
.product__item-bg {
    background-color: #eaeaea;
    border-top-left-radius: 27px;
    border-top-right-radius: 27px;
    position: relative;
    z-index: -1;
    /* overflow: hidden; */
    height: 160px;
    width: 100%;
}
.main-header {
    font-size: 56px!important;
    line-height: 62px!important;
    font-weight: 500!important;
}

.under-header {
    font-size: 20px!important;
    line-height: 28px!important;
    font-weight: 400!important;
    color: #393649!important;
}


.default-t {
    font-size: 16px!important;
    line-height: 24px!important;
    font-weight: 400!important;
    color: #393649!important;
}

.second-level-header {
   font-size: 36px!important;
    line-height: 48px!important;
}

.second-level-header__uppercase {
   text-transform: uppercase!important;
}

.third-level-header {
   font-size: 20px!important;
    line-height: 30px!important;
}

.first-block {
    padding-top: calc(178*2560px / 1920) !important;
    padding-top: calc(178*var(--width-multiplier))!important;
}

.glav__main {
    margin-bottom: calc(100 * var(--width-multiplier));
}

@media (max-width: 1023px) {
    .first-block {
        padding-top: calc(100*2560px / 1920) !important;
        padding-top: calc(100*var(--width-multiplier))!important;
    }

    .glav__main {
        margin-bottom: calc(60 * var(--width-multiplier));
    }
}

.button-common {
    font-weight: 300!important;
}

.is-hidden {
    display: none !important;
}

.dropdown-back {
	width: calc(230* var(--width-multiplier));
	position: relative;
}

.dropdown-back__trigger {
	position: relative;
	width: 100%;
	height: 100%;
	transition: .3s all ease-out;
	border-bottom: 1px solid #C9C9C9;
	font-size: calc(16 * var(--width-multiplier));
	line-height: calc(18 * var(--width-multiplier));
	padding: calc(5* var(--width-multiplier)) calc(25 * var(--width-multiplier)) calc(5* var(--width-multiplier)) 0;
	margin: 0;
	cursor: pointer;
}

.dropdown-value {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    cursor: pointer !important;
    width: calc(100% - calc(25 * var(--width-multiplier))) !important;
    background: transparent;
}

.dropdown-back__current {
    width: 100% !important;
}

.dropdown-value::placeholder {
	color: #c2c0c6;
}

.dropdown__current::placeholder {
    color: #929292;
}

.dropdown__current--is-left {
    margin-right: calc(25 * var(--width-multiplier)) !important;
}

.dropdown__current--is-left::placeholder, .dropdown__current--is-light-gray::placeholder {
	color: #c2c0c6 !important;
}

.filter__event-past input, .filter__event-past select {
    outline: none;
    border: none;
    border-bottom: 1px solid #c4c3c8;
    padding: calc(10* var(--width-multiplier)) calc(10* var(--width-multiplier)) calc(10* var(--width-multiplier)) 0;
    height: calc(42* var(--width-multiplier));
    font-family: "TT-Regular";
    font-size: calc(18* var(--width-multiplier));
    background: none;
}

.filter__event-past .choices {
    margin-bottom: 0;
    font-size: calc(18* var(--width-multiplier));
}

.filter__event-past {
    display: grid !important;
    margin-bottom: calc(50* var(--width-multiplier)) !important;
    grid-template-columns: repeat(3, 1fr) !important;
    column-gap: calc(30* var(--width-multiplier)) !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.filter__event-past .choices__inner {
    display: flex;
    align-items: center;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #c4c3c8;
    padding: calc(10* var(--width-multiplier)) calc(30* var(--width-multiplier)) calc(10* var(--width-multiplier)) 0 !important;
    min-height: auto;
    height: calc(42* var(--width-multiplier));
    font-size: calc(18* var(--width-multiplier));
    color: #000;
    background: none;
}

.filter__event-past  select {
    appearance: none;
    outline: none;
    background: url(/local/templates/technopolis/css/../img/svg/arrow_03_lev.webp) 97% calc(20* var(--width-multiplier)) no-repeat;
    background-size: calc(20* var(--width-multiplier)) calc(10* var(--width-multiplier));
    cursor: pointer;
}

.filter__event-past .choices__list--single {
    padding: 0;
}

.filter__event-past .choices__placeholder {
    opacity: 1;
    color: var(--textGray);
}

.filter__event-past .choices[data-type*=select-one]::after {
    right: calc(5* var(--width-multiplier));
    margin-top: -2px;
    border: none;
    border-left: 1px solid var(--textGray);
    border-bottom: 1px solid var(--textGray);
    width: calc(12* var(--width-multiplier));
    height: calc(12* var(--width-multiplier));
    transform: rotate(-45deg) translateY(-50%);
    transform-origin: top center;
    transition: 0.3s;
}

.filter__event-past input::placeholder {
    color: #929292;
}

.filter__event-past .choices[data-type*=select-one].is-open::after {
    transform: rotate(135deg) translateY(-50%);
}

.filter__event-past .choices__list--dropdown .choices__placeholder {
    display: none;
}

@media (min-width: 1024px) {
    .dropdown-anketa__trigger {
        height: calc(37 * var(--width-multiplier)) !important;
    }
}

@media (max-width: 1023px) {
    .dropdown-anketa__trigger input {
        font-size: calc(14 * var(--width-multiplier));
    }
}

.dropdown-back__arrow {
	position: absolute;
	right: 0;
	top: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(20 * var(--width-multiplier));
	height: calc(10* var(--width-multiplier));
    transform: rotate(0) translateZ(0) translateY(-50%);
    transform-origin: top center;
	transition: .3s all ease-out;
	pointer-events: none;
}

.dropdown-back__arrow img {
	width: 100%;
	height: 100%;
}

.is-dropped .dropdown-back__arrow {
	transform: rotate(-180deg) translateZ(0) translateY(-50%);
}

.dropdown-back__options-wrapper {
	position: absolute;
	top: 100%;
	z-index: 100;
	overflow: hidden;
	margin-top: calc(-1 * var(--width-multiplier));
	width: 100%;
	height: 0;
	background-color: #ebebed;
	opacity: 0;
	transition: .3s all ease-out;
	margin: 0;
}

.is-dropped .dropdown-back__options-wrapper {
	opacity: 1;
}

.dropdown-back__circle {
	width: calc(18 * var(--width-multiplier));
	height: calc(18 * var(--width-multiplier));
	border-radius: 50%;
	background-color: #fff;
	margin-right: calc(10 * var(--width-multiplier));
	transition: .3s all ease-out;
}

.dropdown-back__options-list {
	padding: calc(20 * var(--width-multiplier)) calc(20 * var(--width-multiplier));
	width: 100%;
}

.dropdown-back__option {
	display: flex;
	align-items: center;
	padding: calc(8 * var(--width-multiplier)) 0;
	width: 100%;
	cursor: pointer;
}

.is-selected {
	pointer-events: none;
}

.value-selected, .value-selected::placeholder {
	color: #393649;
}

.dropdown-back__option span {
	line-height: calc(16 * var(--width-multiplier));
	font-weight: 400;
    width: calc(160 * var(--width-multiplier));
}

.is-selected .dropdown-back__circle {
	background-color: #d00e46;
}

.is-selected span {
	font-weight: 500;
}

@media (max-width: 1023px) {
    .dropdown-back__option span {
        width: calc(260 * var(--width-multiplier));
    }

    .for-desktop {
        display: none !important;
    }

    .dropdown-back__trigger {
        height: calc(30 * var(--width-multiplier));
		font-size: calc(16 * var(--width-multiplier));
		padding: calc(5* var(--width-multiplier)) 0;
		margin: calc(10 * var(--width-multiplier)) 0;
	}

	.dropdown-back__options-wrapper {
		margin: calc(-10 * var(--width-multiplier)) 0 0;
	}

	.dropdown-back {
		width: 100%;
		margin-bottom: 0;
	}
}

@media (min-width: 1024px) {
    .for-mobile {
        display: none !important;
    }

    .dropdown-back__option:hover .dropdown-back__circle {
		background-color: #d00e46;
	}
	.dropdown-back__option:hover span {
		font-weight: 500;
	}

    .form__control, body .form input, .form__input,
    .feedback-modal__input, .anketa-vacan__input, .anketa-vacan__label-file,
    .anketa-vacan__btn-add, .contact-block__top input {
        transition: .3s all ease-out;
    }

    .dropdown__trigger:hover,
    body .form input:hover,
    body .form__input:hover,
    .dropdown-back__trigger:hover,
    .feedback-modal__input:hover,
    .anketa-vacan__input:hover,
    .anketa-vacan__label-file:hover,
    .anketa-vacan__btn-add:hover,
    .contact-block__top input:hover {
        border-bottom: 1px solid #d00e46;
    }
}
/* ENDSECTION-8 */

.form .input-download {
    width: 100%;
}

.form .input-download, .form .input-download:hover, .form .input-download:active{
    border-bottom: none;
}

@media (max-width: 1023px) {
    .form .input-download {
        margin-top: calc(20* var(--width-multiplier)) !important;
        margin-bottom: 0 !important;
    }
}

/* ekskursii */
.ekskursii * {
    box-sizing: border-box;
}
.ekskursii h2 {
    margin: 0;
    font-family: "TT-Medium";
    font-size: calc(36* var(--width-multiplier));
    font-weight: 400;
    line-height: calc(44* var(--width-multiplier));
    margin-bottom: calc(40* var(--width-multiplier));
}

.ekskursii .underline {
    text-underline-offset: calc(2* var(--width-multiplier));
    text-decoration-skip-ink: none;
    cursor: pointer;
}

.ekskursii section {
    padding-top: calc(80* var(--width-multiplier));
    padding-bottom: calc(80* var(--width-multiplier));
}

.section--gray {
    background-color: #ebebeb;
}
.section--white {
    background-color: #fff;
}
.section--shedow {
    box-shadow: 0 calc(-20* var(--width-multiplier)) calc(20* var(--width-multiplier)) calc(-5* var(--width-multiplier)) rgba(0, 0, 0, 0.2);
}

.ekskursii .anonce,  .ekskursii .form-cooperation{
    scroll-margin-top: calc(60* var(--width-multiplier));
}

.ekskursii .main-first-section {
    padding-top: calc(212* var(--width-multiplier));
    padding-bottom: calc(100* var(--width-multiplier));
}

.ekskursii .main-first-section__img-container {
    top: calc(75* var(--width-multiplier));
    width: calc(880* var(--width-multiplier));
    height: calc(560* var(--width-multiplier));
}

.ekskursii .main-first-section__img {
    width: 100%;
    height: 100%;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 47.313% 100%, 47.313% 100%, 45.244% 99.998%, 43.373% 99.982%, 41.68% 99.939%, 40.147% 99.855%, 38.752% 99.716%, 37.477% 99.51%, 36.302% 99.221%, 35.208% 98.838%, 34.175% 98.345%, 33.183% 97.73%, 33.183% 97.73%, 32.223% 96.986%, 31.286% 96.105%, 30.351% 95.075%, 29.399% 93.882%, 28.41% 92.512%, 27.366% 90.951%, 26.246% 89.186%, 25.031% 87.204%, 23.702% 84.99%, 22.238% 82.531%, 10.386% 62.598%, 10.386% 62.598%, 8.924% 60.136%, 7.608% 57.9%, 6.429% 55.856%, 5.38% 53.973%, 4.452% 52.216%, 3.638% 50.554%, 2.928% 48.953%, 2.316% 47.38%, 1.792% 45.803%, 1.35% 44.189%, 1.35% 44.189%, 0.984% 42.521%, 0.691% 40.783%, 0.463% 38.943%, 0.292% 36.967%, 0.169% 34.823%, 0.086% 32.477%, 0.036% 29.898%, 0.011% 27.051%, 0.001% 23.904%, 0% 20.425%, 0% 0%)
}
.ekskursii .main-first-section__img::before {
    display: none;
}

.ekskursii .main-first-section .main-first-section__left::before,
.main-first-section.inverted-parenthesis .main-first-section__left::before {
	height: calc(366 * var(--width-multiplier));
	overflow: hidden;
	transform: scaleX(-1);
    top: calc(-28 * var(--width-multiplier));
}

.ekskursii .main-first-section__img::after {
    display: none;
}

.ekskursii .main-first-section__title {
    margin-bottom: calc(50 * var(--width-multiplier));
}

.ekskursii .main-first-section__subtitle.hover {
    margin-bottom: calc(5* var(--width-multiplier));
    cursor: pointer;
    transition: 0.3s ease-out;
}

.ekskursii .main-first-section__subtitle.hover:hover  {
    text-decoration: underline;
    text-underline-offset: calc(2* var(--width-multiplier));
    text-decoration-skip-ink: none;
}

.ekskursii .main-first-section__age{
    font-size: calc(56* var(--width-multiplier));
    margin-left: calc(20* var(--width-multiplier));
    color: #C4C3C8;
}

.ekskursii .about {
    position: relative;
}

.ekskursii .about p {
    font-family: "TT-Medium";
}

.ekskursii .about__wrapper {
    flex-direction: column;
    align-items: center;
    max-width: calc(660* var(--width-multiplier));
    text-align: center;
    margin-top: 0;
}

.ekskursii .about__wrapper-img {
    width: calc(136* var(--width-multiplier));
}

.ekskursii .about__wrapper p {
    text-wrap: balance;
}

.ekskursii .about__wrapper > * {
    margin: 0 0 calc(35* var(--width-multiplier)) 0;
}

.ekskursii .about .main-first-section__buttons-wrapper {
    margin-bottom: 0;
}

.ekskursii .about__decor {
    position: absolute;
    top: 50%;
    background-image: url(../../technopolis/img/ekskursii/about-line-decor.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: calc(530* var(--width-multiplier));
    width: calc(530* var(--width-multiplier));
}
.ekskursii .about__decor--left {
    left: 0;
    transform: translate(0, -50%);
}
.ekskursii .about__decor--right {
    top: calc(50% + calc(24* var(--width-multiplier)));
    right: 0;
    transform: translate(0, -50%) scale(-1);
}

.ekskursii .swiper-slide {
    width: auto;
    height: auto;
}

.ekskursii .description__step, .ekskursii .description__type {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.ekskursii .step__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    background-color: #ebebeb;
    padding: calc(35* var(--width-multiplier));
    text-align: center;
    border-radius: calc(10* var(--width-multiplier));
    overflow: hidden;
    height: 100%;
    box-sizing: border-box;
}
.ekskursii .step__item span {
    font-size: calc(20* var(--width-multiplier));
    font-family: "TT-Medium";
    text-wrap: balance;
}
.ekskursii .step__item--red {
    background-color: #FAE7EC;
}
.ekskursii .step__number {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(59* var(--width-multiplier));
    height: calc(59* var(--width-multiplier));
    background-color: #D00E46;
    color: #fff;
    font-size: calc(36* var(--width-multiplier));
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: calc(18* var(--width-multiplier));
}

.ekskursii .description__type {
    margin-top: calc(112* var(--width-multiplier));
}
.ekskursii .type {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-top: calc(50* var(--width-multiplier));
    width: 100%;
}
.ekskursii .type__item {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.ekskursii .type span {
    font-family: "TT-Medium";
    font-size: calc(20* var(--width-multiplier));
}
.ekskursii .type ul {
    padding: 0;
}
.ekskursii .type li {
    font-size: calc(16* var(--width-multiplier));
}
.ekskursii .anonce h2 {
    font-size: calc(36* var(--width-multiplier));
    margin-bottom: calc(28* var(--width-multiplier));
    text-align: center;
    color: var(--red);
}
.anonce__subtitle {
    font-family: "TT-Medium";
    font-size: calc(20* var(--width-multiplier));
    margin-bottom: calc(8* var(--width-multiplier));
    text-align: center;
}
.anonce__categories {
    display: flex;
    margin-top: calc(50* var(--width-multiplier));
    font-size: calc(16* var(--width-multiplier));
}
.anonce__categories-item {
    padding-right: calc(15* var(--width-multiplier));
}
.anonce__categories-item:first-child{
    padding-right: calc(25* var(--width-multiplier));
}
.anonce__categories-item{
    position: relative;
    cursor: pointer;
}
.anonce__categories-item .active{
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    font-weight: 500;
    color: #393649;
    text-decoration: underline;
    text-underline-offset: calc(4* var(--width-multiplier));
    text-decoration-thickness: 2px;
    text-decoration-color: #D00E46;
}
.anonce__categories-item:hover span:first-child {
    opacity: 0;
}
.anonce__categories-item:hover span.active {
    opacity: 1;
}
.anonce__categories-item.is-active span:first-child {
    opacity: 0;
}
.anonce__categories-item.is-active span.active {
    opacity: 1;
}

.ekskursii .tab__container {
    position: relative;
    margin-top: calc(50* var(--width-multiplier));
}
.ekskursii .tab__content {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: .35s ease;
    pointer-events: none;
}
.ekskursii .tab__content.is-active {
    opacity: 1;
    position: relative;
    visibility: visible;
    transform: translate3d(0, 0, 0);
    pointer-events: all;
}
.anonce__list-wrap {
    margin-top: 0;
}

.anonce-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-family: "TT-Regular";
    height: 100%;
}

.anonce__list .swiper-slide:nth-child(even) {
    position: relative;
}
.anonce__list .swiper-slide:nth-child(even)::after {
    content: '';
    position: absolute;
    left: calc(-45* var(--width-multiplier));
    top: 0;
    height: 100%;
    width: 1px;
    background-color: #C4C3C8;
    transform-origin: center;
}
.anonce__list .swiper-slide:nth-child(even)::before {
    content: '';
    position: absolute;
    left: -120%;
    bottom: calc(-45* var(--width-multiplier));
    height: 1px;
    width: 216%;
    background-color: #C4C3C8;
    transform-origin: center;
}
.anonce__list .swiper-slide:last-child::before,
.anonce__list.short .swiper-slide.last-short::before {
    display: none;
}
.anonce-card__info {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.anonce-card__img {
    position: relative;
    height: calc(212* var(--width-multiplier));
    border-radius: calc(12* var(--width-multiplier));
    overflow: hidden;
    margin-bottom: calc(25* var(--width-multiplier));
}
.anonce-card__img::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(57, 54, 73, .3);
}
.anonce-card__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.anonce-card__registration {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 2;
}
.anonce-card__number {
    color: #FFFFFF;
    font-size: calc(80* var(--width-multiplier));
    line-height: normal;
}
.anonce-card .main-first-section__buttons-wrapper {
    margin-top: 0;
}

.anonce-card__title {
    display: flex;
    justify-content: space-between;
    align-items: start;
    margin-bottom: calc(30* var(--width-multiplier));
}

.anonce-card__title span {
    font-family: "TT-Medium";
    font-size: calc(36* var(--width-multiplier));
    line-height: calc(46* var(--width-multiplier));
    padding-right: calc(20* var(--width-multiplier));
    color: #D00E46;
}

.anonce-card__title img {
    flex: 0 0 calc(30* var(--width-multiplier));
    width: calc(30* var(--width-multiplier));
    height: calc(62* var(--width-multiplier));
    position: relative;
    top: calc(10* var(--width-multiplier));
}
.anonce-card__subtitle {
    font-size: calc(12* var(--width-multiplier));
    text-transform: uppercase;
    color: #4D4D4F;
    letter-spacing: 0.25em;
}

.anonce-card__info-block--left span {
    font-family: "TT-Medium";
}
.anonce-card__info-block img {
    width: calc(14* var(--width-multiplier));
    margin-right: calc(8* var(--width-multiplier));
}

.anonce-card__info-block div {
    display: flex;
    align-items: baseline;
    font-size: calc(16* var(--width-multiplier));
    margin-bottom: calc(5* var(--width-multiplier));
}

.anonce-card__info-block div .c-red {
    margin-left: calc(5* var(--width-multiplier));
}

.anonce .show-also {
    margin-top: calc(60* var(--width-multiplier));
}

.ekskursii .info {
    position: relative;
}

.ekskursii .info__wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.ekskursii .info__left {
    margin-left: calc(366* var(--width-multiplier));
}

.ekskursii .info__left .science__divider {
    margin-bottom: calc(70* var(--width-multiplier));
}

.ekskursii .info__list-wrapper {
    margin-bottom: calc(55* var(--width-multiplier));
}

.ekskursii .info__list-wrapper:last-child {
    margin-bottom: 0;
}

.ekskursii .info__list-item {
    display: flex;
    align-items: center;
}

.ekskursii .info__list-item img {
    width: calc(13* var(--width-multiplier));
    height: calc(14* var(--width-multiplier));
    margin-right: calc(8* var(--width-multiplier));
}

.ekskursii .info__list-item p {
    margin: 0;
}

.ekskursii .info__right-img {
    position: absolute;
    right: 0;
    top: 0;
    width: calc(968* var(--width-multiplier));
    height: 100%;
}

.ekskursii .info__right-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ekskursii .review {
    display: block;
    position: relative;
    z-index: 2;
}
.ekskursii .review h2 {
    margin-bottom: calc(40* var(--width-multiplier));
}
.ekskursii .review__wrapper {
    max-width: calc(405* var(--width-multiplier));
    overflow: hidden;
}
.ekskursii .review__wrapper-scroll {
    overflow-y: auto;
    padding-right: calc(30 * var(--width-multiplier));
    margin-left: calc(30 * var(--width-multiplier));
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.ekskursii .review__slide {
    height: calc(330 * var(--width-multiplier));
    margin: calc(15 * var(--width-multiplier));
    padding-top: calc(20 * var(--width-multiplier));
}
.ekskursii .review__text {
    padding-bottom: calc(20 * var(--width-multiplier));
    margin: 0;
}
.review__slider .next-arrow:hover {
    background-image: url(/local/templates/technopolis/img/arrow_red_right_active.svg);
}
.ekskursii .review__container .slick-dots {
    position: relative;
    bottom: 0;
}
.ekskursii .review__dots {
    margin-top: calc(48* var(--width-multiplier));
    margin-bottom: calc(40* var(--width-multiplier));
}

.ekskursii .residents__slider {
    margin-top: calc(60* var(--width-multiplier));
}
.ekskursii .residents-card {
    height: auto;
}
.ekskursii .residents-card:hover {
    opacity: 1;
}
.ekskursii .residents-card::after {
    display: none;
}
.ekskursii .residents-card__img {
    background-color: transparent;
}
.ekskursii .residents-card__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ekskursii .form-cooperation .container {
    max-width: calc(1100* var(--width-multiplier));
}

.ekskursii .forms {
    box-shadow: none;
}

.ekskursii .forms-planning {
    padding: 0;
}

.ekskursii .forms-planning p {
    width: calc(800* var(--width-multiplier));
}

.ekskursii .forms-planning input, .ekskursii .forms-planning textarea {
    font-size: calc(21* var(--width-multiplier));
}
.ekskursii .clients .slick-slide {
    height: auto;
}

@media (min-width: 1024px) {
    .ekskursii .col-lg-5 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .ekskursii .step__wrapper {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: calc(85* var(--width-multiplier));
        margin-top: calc(50* var(--width-multiplier));
    }
    .anonce__list {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr);
        width: 100%;
        height: auto;
        margin-bottom: calc(30* var(--width-multiplier));
        gap: calc(90* var(--width-multiplier));
    }
    .ekskursii .swiper-pagination {
        display: none;
    }
    .ekskursii .clients .residents__dots {
        display: none;
    }
    /* .anonce__list.short .swiper-slide:nth-child(n+7) {
        display: none;
    } */
    .anonce__list.short .swiper-slide:nth-child(6)::before {
        display: none;
    }
    .anonce-card__info-block--left {
        padding-right: calc(10* var(--width-multiplier));
    }
}

@media (max-width: 1023px) {
    .ekskursii section {
        padding-top: calc(60* var(--width-multiplier));
        padding-bottom: calc(60* var(--width-multiplier));
    }
    .ekskursii h2 {
        font-size: calc(24* var(--width-multiplier));
        line-height: calc(30* var(--width-multiplier));
        text-align: center;
        margin-bottom: calc(20* var(--width-multiplier));
    }

    .ekskursii .main-first-section {
        padding-top: calc(140* var(--width-multiplier));
        padding-bottom: 0;
    }

    .ekskursii .main-first-section__img {
        clip-path: none;
    }
    .ekskursii .main-first-section__img-container {
        position: relative;
        top: 0;
        width: auto;
        height: auto;
        margin-top: calc(55* var(--width-multiplier));
    }
    .ekskursii .main-first-section__left {
        text-align: left;
    }
    .ekskursii .main-first-section .main-first-section__left::before,
    .main-first-section.inverted-parenthesis .main-first-section__left::before {
        content: url('/local/templates/technopolis/img/lin_02_left_bann-2.svg');
        width: calc(30 * var(--width-multiplier));
        height: calc(246 * var(--width-multiplier));
    }
    .ekskursii .main-first-section__title,
    .inverted-parenthesis .main-first-section__title{
        padding-left: calc(50* var(--width-multiplier));
    }
    .ekskursii .main-first-section__subtitle {
        padding-left: calc(50* var(--width-multiplier));
        padding-right: 0;
    }
    .ekskursii .main-first-section__age {
        margin-left: 0;
    }

    .ekskursii .about {
        box-shadow: none;
        margin-top: 0;
    }
    .ekskursii .about__decor {
        display: none;
    }

    .ekskursii .description__type {
        margin-top: calc(70* var(--width-multiplier));
    }
    .ekskursii .type span {
        font-size: calc(16* var(--width-multiplier));
    }

    .ekskursii .step__item span {
        font-size: calc(16* var(--width-multiplier));
    }
    .ekskursii .step__number {
        font-size: calc(30* var(--width-multiplier));
        width: calc(50* var(--width-multiplier));
        height: calc(50* var(--width-multiplier));
    }

    .ekskursii .type {
        grid-template-columns: 1fr;
    }
    .ekskursii .type li {
        text-align: center;
    }

    .ekskursii .anonce {
        padding-bottom: calc(90* var(--width-multiplier));
    }
    .ekskursii .anonce h2 {
        font-size: calc(24* var(--width-multiplier));
        line-height: calc(30* var(--width-multiplier));
    }
    .anonce__subtitle {
        font-size: calc(16* var(--width-multiplier));
        text-wrap: balance;
    }
    .anonce__categories-overflow {
        -ms-overflow-style: none;
        scrollbar-width: none;
        margin: calc(40* var(--width-multiplier)) calc(-20* var(--width-multiplier)) calc(14* var(--width-multiplier));
        overflow: scroll;
        padding: 0 calc(22* var(--width-multiplier));
    }
    .anonce__categories-item {
        text-wrap: nowrap;
        white-space: nowrap;
    }
    .anonce-card__number {
        font-size: calc(60* var(--width-multiplier));
    }
    .anonce-card__title {
        margin-bottom: calc(25* var(--width-multiplier));
    }
    .anonce-card__title span {
        font-size: calc(24* var(--width-multiplier));
        line-height: calc(24* var(--width-multiplier));
    }
    .anonce-card__info {
        grid-template-columns: 1fr;
    }
    .anonce-card__info-block--left {
        margin-bottom: calc(25* var(--width-multiplier));
    }
    /* .anonce .show-also {
        display: none !important;
    } */
    .ekskursii .tab__content {
        width: 100%;
        pointer-events: none;
    }
    .ekskursii .tab__content.is-active{
        pointer-events: auto;
    }

    .ekskursii .info {
        display: flex;
        flex-direction: column-reverse;
        padding-top: 0;
    }
    .ekskursii .info__left {
        margin-left: 0;
        padding: 0 calc(20* var(--width-multiplier));
    }
    .ekskursii .info__left .science__divider {
        margin-bottom: calc(40* var(--width-multiplier));
    }
    .ekskursii .info__right-img {
        position: relative;
        width: auto;
        height: calc(218* var(--width-multiplier));
        margin-bottom: calc(35* var(--width-multiplier));
    }
    .ekskursii .info__list-wrapper {
        margin-bottom: calc(40* var(--width-multiplier));
    }

    .ekskursii .description__step .swiper {
        margin-left: 0;
        margin-top: calc(40* var(--width-multiplier));
    }

    .ekskursii .review__container {
        padding: 0 calc(20* var(--width-multiplier));
    }
    .ekskursii .review__bracket-right {
        display: block;
    }
    .ekskursii .review__slide {
        height: calc(355* var(--width-multiplier));
        padding-top: calc(50* var(--width-multiplier));
        padding-bottom: calc(30* var(--width-multiplier));
    }
    .ekskursii .review__wrapper {
        justify-content: space-between;
    }
    .ekskursii .review__wrapper-scroll {
        padding-right: 0;
        margin-left: 0;
    }
    .ekskursii .review__text {
        padding: 0 calc(35* var(--width-multiplier));
        text-align: center;
    }
    .ekskursii .review__personal-wrap {
        margin-top: 0;
    }
    .ekskursii .review__personal-info {
        padding-bottom: 0;
        padding-top: calc(10* var(--width-multiplier));
    }
    .ekskursii .review__avatar {
        display: none;
    }
    .ekskursii .review__personal-wrap {
        justify-content: center;
    }
    .ekskursii .review__personal-info {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .ekskursii .form-cooperation .container {
        max-width: 100%;
        padding-top: 0;
        padding-bottom: 0;
    }
    .anonce__list .swiper-slide:nth-child(even)::after {
        display: none;
    }
    .anonce__list .swiper-slide:nth-child(even)::before {
        display: none;
    }
    .anonce__list .swiper-slide {
        padding: 0;
    }
    .anonce__list .swiper-slide:not(:last-child) {
        margin-bottom: calc(40* var(--width-multiplier));
    }

    input[type="date"] {
        -webkit-appearance: none;
        appearance: none;
        background-color: transparent;
        color: #000;
        text-align: start;
        min-height: calc(30* var(--width-multiplier));
    }

    input::-webkit-date-and-time-value {
        text-align: start;
    }

    .anonce-card__info-block img {
        width: calc(14* var(--width-multiplier));
    }

    .ekskursii .clients-mtitle {
        max-width: 70%;
        margin: 0 auto calc(20 * var(--width-multiplier));
    }
    .ekskursii .residents-card__img {
        width: calc(200 * var(--width-multiplier));
        margin: 0 auto;
    }
    .ekskursii .swiper-wrapper {
        height: auto;
    }
    .swiper-wrapper.anonce__list {
        flex-direction: column;
    }
    /* .swiper-wrapper.anonce__list .swiper-slide {
        display: none;
    } */
    /* .swiper-wrapper.anonce__list.showed .swiper-slide {
        display: block;
    }
    .swiper-wrapper.anonce__list.showed .btn {
        display: none;
    }
    .swiper-wrapper.anonce__list .swiper-slide:nth-child(1),
    .swiper-wrapper.anonce__list .swiper-slide:nth-child(2),
    .swiper-wrapper.anonce__list .swiper-slide:nth-child(3) {
        display: block;
    } */
}

/* page ekskursiya*/

.ekskursiya .bx-breadcrumb {
    margin: calc(10 * var(--width-multiplier)) 0 calc(40 * var(--width-multiplier));
}
.ekskursiya__inner {
    padding: calc(100 * var(--width-multiplier)) 0;
}

.ekskursiya .news__button {
    margin-right: calc(50 * var(--width-multiplier));
}

.ekskursiya .left-text-1 {
    font-size: calc(20 * var(--width-multiplier));
    margin-bottom: calc(40 * var(--width-multiplier));
}
.ekskursiya .left-text-2 {
    font-size: calc(16* var(--width-multiplier));
}
.ekskursiya .left-text-2 b {
    color: #3c3849;
}
.ekskursiya .right-text-decor {
    position: relative;
    min-height: 1px;
}
.ekskursiya .right-text-decor__img {
    position: absolute;
    right: calc(-530* var(--width-multiplier));
    top: calc(-40* var(--width-multiplier));
    width: calc(641* var(--width-multiplier));
    height: auto;
}
.ekskursiya .right-text-decor img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ekskursiya .news-slide__img {
    height: calc(525* var(--width-multiplier));
}
.ekskursiya .news-slide__desc {
    text-align: center;
    font-size: calc(16* var(--width-multiplier));
    margin-top: calc(20* var(--width-multiplier));
}
.ekskursiya .news-swiper__dots {
    bottom: calc(100* var(--width-multiplier));
}

.ekskursiya .form-text h1 {
    color: #3c3849;
    font-size: calc(36* var(--width-multiplier));
    font-family: "TT-Regular";
}
.ekskursiya .form-text__desk {
    font-size: calc(20* var(--width-multiplier));
    text-align: center;
    margin-top: calc(24* var(--width-multiplier));
    margin-bottom: calc(20* var(--width-multiplier));
    font-weight: 500;
    color: var(--textGray);
}
.ekskursiya .forms-planning p {
    width: calc(800* var(--width-multiplier));
}
.ekskursiya .right-text-1 {
    font-size: calc(16* var(--width-multiplier));
    max-width:  calc(220* var(--width-multiplier));
}

.ekskursiya .right-text-1 p {
    margin: 0;
}

@media (max-width: 1023px) {
    .ekskursiya__inner {
        padding: calc(80 * var(--width-multiplier)) 0 calc(70 * var(--width-multiplier));
    }
    .ekskursiya .news__block {
        flex-direction: column;
        align-items: start;
    }
    .ekskursiya .news__socials {
        margin-top: calc(20* var(--width-multiplier));
    }
    .ekskursiya .news-swiper {
        margin-bottom: calc(40 * var(--width-multiplier));
    }
    .ekskursiya .news-swipe__slider .swiper-slide {
        height: calc(260* var(--width-multiplier));
    }
    .ekskursiya .news-slide__img {
        height: calc(220* var(--width-multiplier));
    }
    .ekskursiya .news-slide__desc {
        font-size: calc(13 * var(--width-multiplier));
        margin-top: calc(15* var(--width-multiplier));
    }
    .ekskursiya .left-text-1 {
        font-size: calc(16 * var(--width-multiplier));
        margin-bottom: calc(20 * var(--width-multiplier));
    }
    .ekskursiya .right-text-1 {
        font-size: calc(16* var(--width-multiplier));
        margin-bottom: 0;
    }
    .ekskursiya .right-text-decor {
        display: none;
    }
    .ekskursiya .forms {
        scroll-margin-top: calc(60* var(--width-multiplier));
    }
    .ekskursiya .form-text__desk {
        font-size: calc(16* var(--width-multiplier));
        line-height: calc(24* var(--width-multiplier));
        margin-top: 0;
    }
    .ekskursiya .form-text h1 {
        font-size: calc(24* var(--width-multiplier)) !important;
    }
}

.bx-pagination {
    margin-top: calc(80* var(--width-multiplier));
}

.bx-pagination .bx-pagination-container {
    text-align: center;
    position: relative;
}

.bx-pagination .bx-pagination-container ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline-block;
}

.bx-pagination .bx-pagination-container ul li {
    display: inline-block;
    margin: 0 calc(2* var(--width-multiplier)) calc(15* var(--width-multiplier)) calc(2* var(--width-multiplier));
}

.bx-pagination .bx-pagination-container ul li.bx-pag-all span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev span, .bx-pagination .bx-pagination-container ul li.bx-pag-next span {
    color: #aab1b4;
    background: #fff;
    border: 2px solid #eff0f1;
    line-height: calc(28* var(--width-multiplier));
    padding: 0 calc(18* var(--width-multiplier));
}

.bx-pagination .bx-pagination-container ul li.bx-active span {
    background: #d01f45!important;
}

.bx-pagination .bx-pagination-container ul li.bx-active span {
    background: #0083d1;
    color: #fff;
}

.bx-pagination .bx-pagination-container ul li span {
    transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    background: #eff0f1;
    padding: calc(5* var(--width-multiplier));
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(32* var(--width-multiplier));
    min-width: calc(32* var(--width-multiplier));
    line-height: calc(32* var(--width-multiplier));
    color: #444;
    font-size: calc(14* var(--width-multiplier));
    font-family: 'TT-Medium';
    border-radius: calc(16* var(--width-multiplier));
    box-sizing: border-box;
}

.bx-pagination .bx-pagination-container ul li.bx-pag-all a span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev a span, .bx-pagination .bx-pagination-container ul li.bx-pag-next a span {
    background: #fff;
    border: 2px solid #eff0f1;
    line-height: calc(28* var(--width-multiplier));
    padding: 0 calc(16* var(--width-multiplier));
    color: #444;
}

.bx-pagination .bx-pagination-container ul li a {
    text-decoration: none;
    display: block;
    border-radius: calc(18* var(--width-multiplier));
    height: calc(32* var(--width-multiplier));
    min-width: calc(32* var(--width-multiplier));
    line-height: calc(32* var(--width-multiplier));
    color: #444;
}

.feedback {
    padding-top: calc(110* var(--width-multiplier));
    padding-bottom: calc(85* var(--width-multiplier));
}

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

.feedback .form-mtitle{
    margin-bottom: calc(60* var(--width-multiplier));
}
.feedback .form-mtitle .main__divider{
    margin-top: calc(40* var(--width-multiplier));
}

.feedback__body {
    text-align: center;
    max-width: calc(645* var(--width-multiplier));
    font-size: calc(16* var(--width-multiplier));
}

.feedback__body div:not(:last-child) {
    margin-bottom: calc(30* var(--width-multiplier));
}

.feedback__body .text-info {
    font-weight: 500;
    font-size: calc(20* var(--width-multiplier));
}

.text-uppercase {
    text-transform: uppercase;
}

.feedback__button {
    margin-top: calc(60* var(--width-multiplier));
}

.request-dialog.form-anticorruption {
    padding: calc(90* var(--width-multiplier)) calc(100* var(--width-multiplier));
    width: calc(1125* var(--width-multiplier));
}

@media (max-width: 1023px) {
   .request-dialog.form-anticorruption {
        padding: calc(25* var(--width-multiplier));
        width: 100%;
    }
}

@media (min-width: 1024px) {
   .form-anticorruption .request-dialog__wrapper .request-dialog__form-input {
        width: calc(350 * var(--width-multiplier));
    }

    .form-anticorruption .file-upload {
        max-width: calc(350 * var(--width-multiplier));
        width: 100%;
    }
}

.form-anticorruption label {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: calc(8 * var(--width-multiplier));
    font-size: calc(19 * var(--width-multiplier));
    line-height: 100%;
    color: var(--lightGray);
}

@media (max-width: 1023px) {
    .form-anticorruption label {
        font-size: calc(16 * var(--width-multiplier));
    }
}

.form-anticorruption .note {
    font-size: calc(14 * var(--width-multiplier));
}

@media (max-width: 1023px) {
    .form-anticorruption .note {
        font-size: calc(12 * var(--width-multiplier));
    }
}

.form-anticorruption .file-icon {
  flex: 0 0 calc(26 * var(--width-multiplier));
  display: inline-block;
  width: calc(26 * var(--width-multiplier));
  height: calc(25 * var(--width-multiplier));
  background: url('/local/templates/technopolis/img/svg/file.svg') no-repeat center;
  background-size: contain;
  margin-left: calc(6 * var(--width-multiplier));
  cursor: pointer;
}

.textarea-container {
  position: relative;
}

@media (max-width: 1023px) {
    .textarea-container {
        margin-top: calc(20 * var(--width-multiplier));
    }
}

.required-placeholder {
  position: absolute;
  left: calc(20 * var(--width-multiplier));
  top: calc(20 * var(--width-multiplier));
  font-size: calc(20 * var(--width-multiplier));
  font-family: 'TT-Regular';
  color: var(--lightGray);;
  pointer-events: none;
}

.required-placeholder span {
    margin-left: calc(3 * var(--width-multiplier));
}

@media (max-width: 1023px) {
    .required-placeholder {
        font-size: calc(16 * var(--width-multiplier));
    }
}

.textarea-container textarea:not(:placeholder-shown) ~ .required-placeholder,
.textarea-container textarea:active ~ .required-placeholder,
.textarea-container textarea:focus ~ .required-placeholder {
    display: none;
}

.consent-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: calc(40 * var(--width-multiplier));
    margin-bottom: calc(30 * var(--width-multiplier));
    text-align: start;
}

@media (max-width: 1023px) {
    .consent-block {
        margin-top: calc(20 * var(--width-multiplier));
    }
}

@media (min-width: 1024px) {
    .consent-block__wrapper {
        max-width: calc(365 * var(--width-multiplier));
    }
}

.consent-block label {
    font-size: calc(16 * var(--width-multiplier));
    line-height: normal;
}

@media (max-width: 1023px) {
    .consent-block label {
        font-size: calc(14 * var(--width-multiplier));
    }
}

.consent-block .flex {
    display: flex;
    justify-content: start;
    margin: 0;
}

.consent-block .checkbox {
    position: relative;
    flex: 0 0 calc(20 * var(--width-multiplier));
    margin-right: calc(8 * var(--width-multiplier));
    border: 1px solid #C4C3C8;
    border-radius: calc(4 * var(--width-multiplier));
    width: calc(20 * var(--width-multiplier));
    height: calc(20 * var(--width-multiplier));
}

.consent-block input[type=checkbox]:checked~* .checkbox {
    border-color: transparent;
}

.consent-block input[type=checkbox]:checked~* .checkbox:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url('/local/templates/technopolis/img/bid-checkbox-checked.png');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.consent-item {
    display: flex;
    align-items: baseline;
    margin-bottom: calc(10 * var(--width-multiplier));
}

.consent-item input[type="checkbox"] {
    margin-right: calc(10 * var(--width-multiplier));
}

.required-fields {
    margin-top: calc(15 * var(--width-multiplier));
    font-size: calc(16 * var(--width-multiplier));
    color: var(--lightGray);
}

@media (max-width: 1023px) {
    .required-fields {
        font-size: calc(14 * var(--width-multiplier));
    }

    .flex-col-revers {
        flex-direction: column-reverse !important;
    }
}

.page-subscribe {
    padding-top: calc(100 * var(--width-multiplier));
    padding-bottom: calc(80 * var(--width-multiplier));
}

.page-subscribe h2 {
    font-size: calc(36 * var(--width-multiplier));
    font-weight: 500;
    margin: 0;
    text-align: center;
}

.page-subscribe h2 small {
    font-size: calc(20 * var(--width-multiplier));
}

@media (max-width: 1023px) {
    .page-subscribe h2 {
        font-size: calc(24 * var(--width-multiplier));
        line-height: calc(30 * var(--width-multiplier));
    }

    .page-subscribe h2 small {
        font-size: calc(18 * var(--width-multiplier));
    }
}

.input-container {
    position: relative;
}

.input-container input:not(:placeholder-shown) ~ .required-placeholder,
.input-container input:active ~ .required-placeholder,
.input-container input:focus ~ .required-placeholder {
    display: none;
}

.page-subscribe .required-placeholder {
    top: auto;
    left: 0;
    bottom: calc(8 * var(--width-multiplier));
}

.form-subscribe input[hidden] {
    display: none;
}
.form-subscribe .forms-planning p  {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}

.form-subscribe .is-selected {
    pointer-events: all;
}
.form-subscribe .dropdown__option {
    align-items: start;
}

body .form-subscribe .forms-planning .form {
    padding: 0 calc(50* var(--width-multiplier));
}

body .form-subscribe .forms-planning .form-column img {
    width: calc(140* var(--width-multiplier));
}

.form-subscribe .form-column {
    align-items: center;
}
.form-subscribe .consent-block span {
    color: #949494
}

@media (max-width: 1023px) {
    .form-subscribe .form-flex {
        display: block;
        margin-top: calc(40* var(--width-multiplier));
    }
}

.subscribe-soc {
    padding-top: calc(70* var(--width-multiplier));
}
@media (max-width: 1023px) {
    .subscribe-soc {
        padding-top: calc(30* var(--width-multiplier));
        padding-bottom: calc(40* var(--width-multiplier));
    }

}

.subscribe-soc__title {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: calc(50* var(--width-multiplier));
}

.subscribe-soc .swiper-slide {
    display: flex;
}

@media (min-width: 1024px) {
    .subscribe-soc .swiper-wrapper {
        justify-content: center;
    }

    .subscribe-soc .swiper-slide {
        width: calc(250* var(--width-multiplier));
    }
}

.subscribe-soc__social .item {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    transition: 0.35s ease;
}
.subscribe-soc__social .item:not(.item--dzen):hover .circle {
    background-color: #D00E46;
}
.subscribe-soc__social .item--dzen .circle {
    background-color: transparent;
}
.subscribe-soc__social .item--dzen .circle svg {
    fill: #393649;
}
.subscribe-soc__social .item--dzen:hover .circle svg {
    fill: #D00E46;
}

.subscribe-soc__social .item.item--dzen:hover .circle {
    color: #666;
}

.subscribe-soc__social .item--tg-job .circle {
    background-color: #949494;
}

.subscribe-soc__social .item--tg img {
    position: relative;
    left: calc(-3* var(--width-multiplier));
}

@media (max-width: 1023px) {
    .subscribe-soc__social .item--tg img {
        position: relative;
        left: calc(-2* var(--width-multiplier));
    }
}

.subscribe-soc__social .circle {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: calc(78* var(--width-multiplier));
    height: calc(78* var(--width-multiplier));
    background-color: #393649;
    transition: 0.35s ease;
}

@media (max-width: 1023px) {
    .subscribe-soc__social .circle {
        width: calc(48* var(--width-multiplier));
        height: calc(48* var(--width-multiplier));
    }
}

.subscribe-soc__social .circle img {
    width: calc(52* var(--width-multiplier));
    height: auto;
}

@media (max-width: 1023px) {
    .subscribe-soc__social .circle img {
        width: calc(32* var(--width-multiplier));
    }
}

.subscribe-soc__social .name {
    color: #949494;
    font-size: calc(16* var(--width-multiplier));
    margin-top: calc(10* var(--width-multiplier));
    text-align: center;
}

@media (max-width: 1023px) {
    .subscribe-soc__social .name {
        font-size: calc(14* var(--width-multiplier));
    }
}

.faq {
    padding-top: calc(122* var(--width-multiplier));
    padding-bottom: calc(122* var(--width-multiplier));
}
.faq-form .form-text h3 span {
    color: #d00e46;
}
.faq-form .form-text h3 {
    margin-bottom: calc(10* var(--width-multiplier));
}

.faq__wrap {
    display: flex;
    align-items: flex-start;
    position: relative;
    margin-top: calc(70* var(--width-multiplier));;
}

.faq__cont {
    width: calc(720* var(--width-multiplier));
    border-right: calc(1* var(--width-multiplier)) solid #C4C3C8;
    padding-right: calc(53* var(--width-multiplier));
}

body:has(.faq__right) {
    overflow: visible;
}

.faq__right {
    width: calc(100% - 720* var(--width-multiplier));
    position: sticky;
    top: calc(100* var(--width-multiplier));
}

.faq__right .btn {
    margin-left:  calc(51* var(--width-multiplier));
    margin-top:  calc(51* var(--width-multiplier));
}

.faq__menu {
    padding-left: calc(51* var(--width-multiplier));
    margin: 0;
}
.faq__menu li {
    margin-bottom: calc(10* var(--width-multiplier));
}
.faq__menu a:hover {
    color: #d00e46;
}
.faq-element {
    padding-top: calc(80* var(--width-multiplier));
}
.faq-element:first-child {
    padding-top: calc(0* var(--width-multiplier));
}

.faq-element__title {
    font-weight: 400;
    font-size: calc(36* var(--width-multiplier));
    color: #393649;
    margin-bottom: calc(70* var(--width-multiplier));
    position: relative;
}
.faq-element__title::after {
    content: "";
    display: block;
    height: calc(1* var(--width-multiplier));
    width: calc(221* var(--width-multiplier));
    background: #d00e46;
    position: absolute;
    bottom: calc(-30* var(--width-multiplier));
    left: 0;
}
.faq-element__title::before {
    content: "";
    display: block;
    height: calc(5* var(--width-multiplier));
    width: calc(38* var(--width-multiplier));
    background: #d00e46;
    position: absolute;
    bottom: calc(-32* var(--width-multiplier));
    left: 0;
}
.faq-element__block {
    margin-bottom: calc(28* var(--width-multiplier));
}
.faq-element__block.active .faq-element__drop {
    display: block;
}
.faq-element__block.active .faq-element__name {
    border-bottom: calc(1* var(--width-multiplier)) solid #d00e46;
}
.faq-element__block.active .faq-element__icon svg:first-child {
   opacity: 0;
}
.faq-element__block.active .faq-element__icon svg:last-child {
   opacity: 1;
}
.faq-element__name {
    font-weight: 400;
    font-size: calc(20* var(--width-multiplier));
    color: #393649;
    padding: calc(7* var(--width-multiplier)) 0;
    border-bottom: calc(1* var(--width-multiplier)) solid #cacaca;
    position: relative;
    cursor: pointer;
    user-select: none;
}
.faq-element__name:hover {
    border-bottom: calc(1* var(--width-multiplier)) solid #d00e46;
}
.faq-element__name span {
    display: block;
    width: calc(100% - 50* var(--width-multiplier));
}
.faq-element__icon {
    width: calc(30* var(--width-multiplier));
    height: calc(30* var(--width-multiplier));
    position: absolute;
    right: 0;
    top: calc(5* var(--width-multiplier));
}

.faq-element__icon svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transition: all 0.3s;
}
.faq-element__icon svg:last-child {
    opacity: 0;
}

.faq-element__drop {
    display: none;
    color: #393649;
}

.faq-element__drop ul {
    list-style-type: disc;
    color: #393649;
}

.faq-element__drop ul li::marker {
    color: #393649;
    font-size: calc(20* var(--width-multiplier));
}
.faq-element ol li::marker {
    font-size: inherit;
}
@media (max-width: 1023px) {
    .faq {
        padding-top: calc(92* var(--width-multiplier));
        padding-bottom: calc(62* var(--width-multiplier));
    }
    .faq .smi__title {
        margin-bottom: calc(32* var(--width-multiplier));
    }
    .faq__right {
        display: none;
    }
    .faq__wrap {
        margin: 0;
    }
    .faq__cont {
        width: 100%;
        padding: 0;
        border: 0;
    }
    .faq-element {
        padding-top: calc(42* var(--width-multiplier));
    }
    .faq-element__title {
        font-size: calc(28* var(--width-multiplier));
    }
    .faq-element__name {
        font-size: calc(16* var(--width-multiplier));
    }
}

.promo-card {
	display: flex;
	background-color: #EBEBEB;
	border-radius: calc(25 * var(--width-multiplier));
	overflow: hidden;
    height: 100%; 
}
.promo-card__container {
	margin-top: calc(60 * var(--width-multiplier));
}
.promo-card__container .table {
	margin-top: calc(60 * var(--width-multiplier));
}
.promo-card__img {
	position: relative;
    width: 100%;
}
@media (min-width: 1024px) {
    .promo-card__img {
        -webkit-mask-image: url('/local/templates/technopolis/css/../img/promo-card-mask.png'); /* маска */
	    -webkit-mask-repeat: no-repeat;
	    -webkit-mask-size: cover;
	    mask-image: url('/local/templates/technopolis/css/../img/promo-card-mask.png');
	    mask-repeat: no-repeat;
	    mask-size: 100% 100%;

	    flex: 0 0 calc(567* var(--width-multiplier));
	    width: calc(567* var(--width-multiplier));
    }
}
.promo-card__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.promo-card__content {
	padding: calc(60* var(--width-multiplier)) calc(100* var(--width-multiplier)) calc(40* var(--width-multiplier)) calc(60* var(--width-multiplier));
	text-transform: uppercase;
}
.promo-card__content h2 {
	font-weight: 500;
	font-size: calc(36* var(--width-multiplier));
	margin: 0;
}
.promo-card__desk {
	font-size: calc(20* var(--width-multiplier));
	font-family: 'TT-Medium';
	margin-bottom: calc(40* var(--width-multiplier));
}

@media (max-width: 1023px) {
    .promo-card {
        flex-direction: column;
    }
    .promo-card__content {
        padding: calc(20* var(--width-multiplier));
    }
    .promo-card__content h2 {
        font-size: calc(24*var(--width-multiplier));
    }
    .promo-card__desk {
	    font-size: calc(14* var(--width-multiplier));
	    margin-bottom: calc(20* var(--width-multiplier));
    }
    .promo-card__container .table {
        margin-top: calc(40 * var(--width-multiplier));
    }
}

.contest {
    font-family: "TT-Regular";
    padding-top: calc(100* var(--width-multiplier));
    padding-bottom: calc(80* var(--width-multiplier));
}
.contest__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: calc(60* var(--width-multiplier));
    margin-bottom: calc(30* var(--width-multiplier));
}
.contest h1 {
    margin: 0;
    font-size: calc(56* var(--width-multiplier));
    line-height: 100%;
    padding-right: calc(80* var(--width-multiplier));
    font-weight: 500;
}
.contest__top,
.contest__text {
    margin-top: calc(30* var(--width-multiplier));
}
.contest__label {
    font-size: calc(32* var(--width-multiplier));
    line-height: 100%;
    text-transform: uppercase;
    background-color: var(--red);
    padding: calc(10* var(--width-multiplier));
    color: var(--white);
    border-radius: calc(15* var(--width-multiplier));
    width: max-content;
    margin-bottom: calc(20* var(--width-multiplier));
}
.contest__img {
    width: calc(591* var(--width-multiplier));
    height: calc(310* var(--width-multiplier));
}

.contest__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.link-underline {
    text-decoration: underline;
    cursor: pointer;
    text-decoration-skip-ink: none;
    text-decoration-thickness: 1px;
    text-underline-offset: calc(3* var(--width-multiplier));
}
.contest__text .c-red {
    font-weight: 600;
}
.contest__text ul {
    padding: 0;
}
.contest__text ul li {
    display: flex;
    align-items: baseline;
    font-weight: 600;
}
.contest__text ul li:not(:last-child) {
    margin-bottom: calc(5* var(--width-multiplier));
}
.contest__text ul li::before {
    content: '';
    flex: 0 0 calc(13* var(--width-multiplier));
    width: calc(12* var(--width-multiplier));
    height: calc(12* var(--width-multiplier));
    background-color: #740827;
    border-radius: 50%;
    margin-right: calc(8* var(--width-multiplier));
}
.contest__body .btn {
    margin: calc(80* var(--width-multiplier)) auto 0;
}

.contest__arrows .prev-arrow,
.contest__arrows .next-arrow {
    top: 35%;
}

@media (min-width: 1024px) {
    .contest__organizer {
        flex: 0 0 calc(190* var(--width-multiplier));
        width: calc(190* var(--width-multiplier));
        height: auto;
    }
    .contest__top,
    .contest__text {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: calc(30* var(--width-multiplier));
    }
}
@media (max-width: 1023px) {
    .contest {
        padding-bottom: calc(40* var(--width-multiplier));
    }
    .contest__header {
        flex-direction: column;
        margin-top: calc(30* var(--width-multiplier));
    }
    .contest h1 {
        font-size: calc(38* var(--width-multiplier));
        padding-right: 0;
    }
    .contest__organizer {
        width: calc(160* var(--width-multiplier));
        margin-top: calc(20* var(--width-multiplier));
    }
    .contest__img {
        width: 100%;
        height: calc(200* var(--width-multiplier));
    }
    .contest__label {
        font-size: calc(18* var(--width-multiplier));
    }
    .contest__info {
        margin-bottom: calc(30* var(--width-multiplier));
    }
    .contest__body .btn {
        margin: calc(40* var(--width-multiplier)) auto 0;
    }
}

.all-contest .main-first-section {
    padding-top: calc(180* var(--width-multiplier));
    padding-bottom: calc(80* var(--width-multiplier));
}   
.all-contest .main-first-section__title {
    color: #393649;
    margin-bottom: calc(80* var(--width-multiplier));
}
.all-contest .anonce-card__registration,
.promo-card__container .anonce-card__registration {
    transform: translate(-50%, 50%);
}
.all-contest .anonce__list-wrap {
	margin-top: calc(50 * var(--width-multiplier));
}
.all-contest .anonce-card__info {
	grid-template-columns: 1fr;
	gap: calc(10 * var(--width-multiplier));
}
.all-contest .anonce-card__info a {
	text-decoration: underline;
 	cursor: pointer;
    text-decoration-skip-ink: none;
    text-decoration-thickness: 1px;
    text-underline-offset: calc(3 * var(--width-multiplier));
}

@media (min-width: 1024px) {
    .all-contest .col-lg-5 {
        flex: auto;
        max-width: 55%;
    }
}

@media (max-width: 1023px) {
    .all-contest .main-first-section {
        padding-top: calc(120* var(--width-multiplier));
        padding-bottom: calc(60* var(--width-multiplier));
    }

    .all-contest .main-first-section__left {
        text-align: left;
    }
    .all-contest .main-first-section__title {
        margin-bottom: calc(0* var(--width-multiplier));
    }

    .all-contest .main-first-section__left::before {
        height: calc(280* var(--width-multiplier)) !important;
    }
}

.anketa__input-file-preloader {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.anketa__input-file-name {
    font-size: calc(18*var(--width-multiplier));
    display: none;
    color: #393649;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.anketa__label-file.is-active .anketa__input-file-name {
    display: block;
}
.anketa__label-file.is-active .anketa__input-file-preloader {
    display: none;
}

.form-spinner {
  display: block;
  width: calc(32*var(--width-multiplier));
  height: calc(32*var(--width-multiplier));
  border: calc(4*var(--width-multiplier)) solid var(--red);
  border-radius: 50%;
  border-top-color: transparent;
  animation: form-spinner-rotate 1s linear infinite;
  vertical-align: middle;
    margin: 0 auto;
}
@keyframes form-spinner-rotate {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

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