@charset "UTF-8";
#with-submenu:hover+.submenu {
    -webkit-transform: translateY(calc(3vw + 8.2rem)) scaleY(1);
    -ms-transform: translateY(calc(3vw + 8.2rem)) scaleY(1);
    transform: translateY(calc(3vw + 8.2rem)) scaleY(1);
    opacity: 1;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}

#with-submenu:hover+.submenu-mobile {
    -webkit-transform: translateY(calc(3vw + 8.2rem)) scaleY(1);
    -ms-transform: translateY(calc(3vw + 8.2rem)) scaleY(1);
    transform: translateY(calc(3vw + 8.2rem)) scaleY(1);
    opacity: 1;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}

.submenu:hover {
    -webkit-transform: translateY(calc(3vw + 8.2rem)) scaleY(1);
    -ms-transform: translateY(calc(3vw + 8.2rem)) scaleY(1);
    transform: translateY(calc(3vw + 8.2rem)) scaleY(1);
    opacity: 1;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}

.submenu-mobile {
    display: none;
}

.menu-btn__close.opacity-plus {
    opacity: 1;
    z-index: 10;
}

.menu-btn__close {
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    background: none;
    z-index: -1;
    opacity: 0;
    display: none;
    position: absolute;
    padding: calc(0.5vw + 0.5rem);
    right: calc(1.2vw + 0.2rem);
    top: calc(-0.2vw - 0.2rem);
}

.menu-btn__close svg {
    width: calc(1.5vw + 3rem);
    height: calc(1.5vw + 3rem);
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.menu-btn__close:hover svg {
    fill: #006363;
}

.menu-btn.opacity-minus {
    opacity: 0;
}

.menu-btn {
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    background: none;
    z-index: 10;
    display: none;
    position: absolute;
    padding: calc(1vw + 2rem) calc(1vw + 2rem) calc(1vw + 2rem) calc(1vw + 2rem);
    right: calc(0.5vw + 1rem);
    top: calc(0.4vw - 0.15rem);
}

.menu-btn:before {
    content: '';
    background-color: #000;
    position: absolute;
    width: calc(0.3vw + 2.8rem);
    height: 4px;
    border-radius: 5px;
    left: 15px;
    top: 10px;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.menu-btn:after {
    content: '';
    background-color: #000;
    position: absolute;
    width: calc(0.3vw + 2.8rem);
    height: 4px;
    border-radius: 5px;
    left: 15px;
    top: 30px;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.menu-btn span {
    content: '';
    background-color: #000;
    position: absolute;
    width: calc(0.3vw + 2.8rem);
    height: 4px;
    border-radius: 5px;
    left: 15px;
    top: 20px;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.menu-btn:hover:after,
.menu-btn:hover:before,
.menu-btn:hover span {
    background-color: #006363;
}

body.lock {
    overflow-y: hidden;
}

body {
    font-family: "Roboto", sans-serif;
}

.about-company__geography {
    padding: calc(2.2vw + 2.2rem) 0;
}

.about-company__geography-title {
    color: #000;
    text-transform: uppercase;
    margin: 0 0 calc(0.01vw + 0.5em) 0;
}

.about-company__geography-title h3 {
    line-height: calc(1vw + 1.3rem) !important;
}

.about-company__geography-subtitle {
    color: #006363;
    text-transform: uppercase;
}

.about-company__geography-image {
    margin: calc(1.5vw + 2rem) 0 0 0;
}

.about-company__geography-image img {
    width: 100%;
}

html,
body {
    font-size: 10px !important;
}

.main__full-screen.transform {
    -webkit-transform: translateY(calc(-0.5vw - 2rem));
    -ms-transform: translateY(calc(-0.5vw - 2rem));
    transform: translateY(calc(-0.5vw - 2rem));
    margin: 0 0 calc(-0.5vw - 2rem) 0;
}

.main__full-screen {
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    height: calc(38vw + 3.5rem);
    width: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.main__full-screen img {
    position: absolute;
    z-index: 1;
    top: calc(1vw + 4rem);
    left: 0px;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.full-screen_frst {
    -webkit-transition: all .1s ease;
    -o-transition: all .1s ease;
    transition: all .1s ease;
}

.full-screen_scnd {
    opacity: 0;
}

.full-screen_thrd {
    opacity: 0;
}

.full-screen_fth {
    opacity: 0;
}

.main-heading {
    position: absolute;
    color: #fff;
    top: calc(16vw + 0.5rem);
    left: calc(9vw - 2rem);
    z-index: 1;
}

.main-heading .main-heading__text {
    opacity: 0;
}

.main-heading .main-heading__text h4 {
    margin: calc(0.8vw + 1.3rem) 0 0 0;
}

.main-heading .main-heading__button {
    opacity: 0;
    margin: calc(2.2vw + 1rem) 0 0 0;
    display: none;
}

.main-heading .main-heading__button a {
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    position: absolute;
    padding: calc(0.6vw + 0.5rem) calc(2vw + 2rem) calc(0.6vw + 0.5rem) calc(2vw + 2rem);
    border: 2px solid #fff;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.main-heading .main-heading__button a:hover {
    color: #000;
    background: #fff;
}

.content {
    padding: calc(4vw + 6rem) 0;
    position: relative;
    background: #f8f8f8;
}

.phone-call,
.media-imagine {
    position: fixed;
    bottom: 50px;
    cursor: pointer;
    z-index: 9;
}

.phone-call svg,
.media-imagine svg {
    width: 70px;
    height: 70px;
    fill: #fff !important;
}

.phone-call {
    left: calc(2.5vw + 1rem);
}

.media-imagine {
    right: calc(2.5vw + 1rem);
}

.container-v {
    max-width: 1540px;
    margin: 0 auto;
    padding: 0px 20px;
}

.pangolin-padding {
    padding-left: 80px;
}

.main-pangolin {
    position: relative;
    z-index: 2;
    display: none;
}

.main-pangolin {
    max-width: 1450px;
    margin: 0 auto;
    padding: 0px 25px;
}

.pangolin-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: white;
    border-top: 2px solid #D8D8D8;
    border-left: 2px solid #D8D8D8;
    border-right: 2px solid #D8D8D8;
    max-height: 338px;
    font-weight: 700;
}

.pangolin-row__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 20px;
    max-width: 820px;
}

.pangolin-title {
    font-weight: 700;
}

.pangolin-subtitle {
    color: #006363;
    margin-bottom: 14px;
    text-transform: uppercase;
}

.pangolin-description {
    background-color: #ECECEC;
    margin-bottom: 10px;
    line-height: 21px;
    font-weight: 400;
}

.pangolin-description.pangolin-padding {
    padding: 10px 80px 15px 80px;
}

.pagolin-button__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.main-button {
    padding: 0.88em 3rem;
    border: 1px solid black;
    background-color: transparent;
    font-weight: 700;
}

.pangolin-button__text {
    margin-left: 30px;
    line-height: 18px;
    text-transform: uppercase;
}

.pangolin-button__text span {
    color: #006363;
}

.pangolin-row__imagine {
    width: 100%;
}

.pangolin__bottom-line {
    height: 20px;
    position: relative;
    z-index: 2;
    background-color: #006363;
    border-left: 2px solid #D8D8D8;
    border-right: 2px solid #D8D8D8;
    border-bottom: 2px solid #D8D8D8;
}

.not-slider {
    opacity: 1 !important;
    display: block !important;
}

.parts-title {
    position: relative;
}

.about-company {
    color: #606060;
}

.about-company h4 {
    color: #000;
}

.mg {
    margin: calc(0.5vw + 0.5rem) 0;
}

.mg1 {
    margin: calc(0.9vw + 0.9rem) 0;
}

.about-company__text-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: calc(1vw + 1rem) 0 0 0;
    width: 100%;
}

.about-company__text-row .about-company__text-block:first-child {
    margin: 0 calc(1vw + 1rem) 0 0;
}

.about-company__text span {
    color: #006363;
}

.about-company__history {
    padding: calc(1vw + 1rem) 0;
}

.about-company__history .about-company__title {
    text-align: center;
}

.about-company__bricks-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.about-company__bricks-body .about-company__brick {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 65%;
    position: relative;
    margin: calc(0.6vw + 0.6rem) 0;
    border: 2px solid #606060;
}

.about-company__bricks-body .about-company__brick .brick__text {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    background: #f8f8f8;
    z-index: 3;
    padding: calc(1vw + 1rem) calc(0.5vw + 0.5rem);
    width: 100%;
}

.about-company__bricks-body .about-company__brick .brick__year {
    position: absolute;
    color: #006363;
    background: #f8f8f8;
    z-index: 3;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    height: calc(2.5vw + 3.6rem);
    width: calc(2.5vw + 3.6rem);
    border: 2px solid #006363;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 100%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.about-company__bricks-body .about-company__brick .brick__year.left {
    left: calc(-4vw - 4.1rem);
}

.about-company__bricks-body .about-company__brick .brick__year.right {
    right: calc(-4vw - 4.1rem);
}

.about-company__bricks-body .about-company__brick .brick__line {
    position: absolute;
    background: #006363;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    z-index: 0;
}

.about-company__bricks-body .about-company__brick .brick__line.horizontal {
    height: 2px;
    width: calc(2vw + 7rem);
}

.about-company__bricks-body .about-company__brick .brick__line.vertical-down {
    top: 51%;
    height: calc(2vw + 7rem);
    width: 2px;
}

.about-company__bricks-body .about-company__brick .brick__line.left {
    left: calc(-2.45vw - 2.7rem);
}

.about-company__bricks-body .about-company__brick .brick__line.right {
    right: calc(-2.45vw - 2.8rem);
}

.about-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 35px;
    margin-bottom: 80px;
}

.about-menu__item {
    max-width: 250px;
    width: 100%;
    text-align: center;
}

.about-menu__item:not(:last-child) {
    margin-right: 10px;
}

.menu__item {
    display: block;
    padding: 9px;
    font-family: "Roboto-Bold";
    border: 1px solid #CACACA;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    color: #606060;
}

.active-menu__item {
    color: #c4c4c4 !important;
    background-color: #006363;
    border: 1px solid #006363;
}

.menu__item:hover {
    background-color: #006363;
    border: 1px solid #006363;
    color: white !important;
}

.park__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.park__text {
    max-width: 800px;
    margin-right: 15px;
}

.about-us__content-title {
    max-width: 450px;
    font-family: "Roboto-Bold";
}

.park__title {
    color: #006363;
    padding: 10px 0px 20px 0px;
}

.park__subtitle {
    color: #606060;
    margin-bottom: 40px;
}

.park__decription-title h4 {
    color: black;
    font-family: "Roboto-Bold";
}

.park__decription-title li {
    list-style-type: disc;
    margin-left: 20px;
    line-height: 23px;
    font-size: 16px;
}

.park__decription-title ul {
    color: #606060;
    margin-top: 30px;
}

.park-imagine {
    max-width: 428px;
    max-height: 306px;
    width: 100%;
}

.park-imagine img {
    width: 100%;
}

.about-us.disabled {
    display: block;
}

.about-us.active {
    display: none;
}

.trust__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 93px;
}

.trust-imagine {
    margin-right: 30px;
    max-width: 384px;
    max-height: 528px;
}

.trust-imagine img.disabled-v {
    margin-bottom: 20px;
}

.disabled-v {
    display: none;
}

.trust-text {
    width: 100%;
}

.trust-text__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
}

.trust-text_left-side {
    max-width: 430px;
    margin-right: 30px;
}

.trust-text_left-side ul {
    margin-bottom: 30px;
}

.trust-text_left-side li {
    list-style-type: disc;
    line-height: 21px;
    margin-left: 20px;
    color: #606060;
    font-size: 16px;
}

.trust-text_right-side {
    max-width: 500px;
}

.trust-title {
    max-width: 370px;
    color: #006363;
    margin-bottom: 20px;
}

.trust-subtitle h4 {
    font-family: "Roboto-Bold";
    margin-bottom: 20px;
    text-transform: uppercase;
}

.experience-sentence {
    line-height: 23px;
}

.margin p {
    margin-bottom: 20px;
}

.experience-sentence span {
    color: #006363;
}

.trust-text_right-side .experience-sentence {
    line-height: 21px;
}

.trust-text_right-side .experience-sentence:not(:last-child) {
    margin-bottom: 20px;
}

.guarantee {
    line-height: 16px;
}

.guarantee h4 {
    font-family: "Roboto-Bold";
    margin: calc(1vw + 1rem) 0 calc(1vw + 0.5rem) 0;
    line-height: 23px;
}

.guarantee p {
    line-height: 25px;
    margin-bottom: 20px;
    color: #606060;
}

.guarantee li {
    list-style-type: disc;
    line-height: 19px;
    margin-left: 20px;
    color: #606060;
    margin-bottom: 10px;
    font-size: 16px;
}

.guarantee ul {
    line-height: 25px;
    margin-bottom: 20px;
    color: #606060;
}

.leasing__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.leasing-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.leasing-title {
    margin-bottom: 15px;
}

.leasing-title h4 {
    text-transform: uppercase;
}

.leasing-title h4,
.leasing-subtitle p {
    font-family: "Roboto-Bold";
}

.leasing-decription {
    color: #606060;
}

.leasing-imagine {
    margin-bottom: 20px;
}

.leasing-imagine img {
    max-width: 330px;
    height: 100%;
    object-fit: cover;
}

.leasing-decription svg,
.vacansy-list svg {
    width: 16px;
    height: 16px;
    margin-top: -4px;
}

.leasing-description p:last-child {
    color: black;
    font-family: "Roboto-Bold";
}

.leasing-subtitle {
    padding: 15px 0px;
}

.bottom-photos {
    margin-top: 50px;
}

.leasing-imagine__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.leasing-item:not(:last-child) {
    margin-right: 20px;
}

.leasing-item {
    margin-bottom: 20px;
}

.leasing-item img {
    width: 100%;
    max-width: 206px;
    max-height: 60px;
}

.black {
    color: black;
    font-weight: 500;
    padding: 15px 0px;
}

.vacansy__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.vacansy-imagine {
    margin-bottom: 20px;
}

.vacansy-imagine img {
    max-width: 510px;
    height: 100%;
    object-fit: cover;
}

.vacansy-text {
    max-width: 850px;
    margin-right: 15px;
}

.vacansy-title h4 {
    font-family: "Roboto-Bold";
    margin-bottom: 15px;
}

.vacansy-callback {
    margin-bottom: 15px;
}

.vacansy-callback span,
.vacansy-callback a {
    color: #006363;
}

.vacansy-decription p {
    color: #606060;
    margin-bottom: 25px;
}

.vacansy-list {
    margin-bottom: 20px;
}

.vacancy-list__title h4 {
    text-transform: uppercase;
    margin: 0 0 calc(0.5vw + 0.5rem) 0;
}

.vacansy-list__items .jobs {
    margin-left: 20px;
}

.jobs__item {
    color: #606060;
    list-style-type: disc;
    margin-bottom: 10px;
}

body {
    font-family: "Roboto", sans-serif;
}

html,
body {
    font-size: 10px !important;
}

h1 {
    font-weight: 700;
    line-height: calc(3vw + 2rem);
    font-size: calc(1.5vw + 3.5rem);
}

h2 {
    font-size: 28px;
    font-weight: 500;
}

h3 {
    font-size: 28px;
    line-height: calc(1vw + 1rem);
}

h4 {
    font-size: calc(0.9vw + 0.5rem);
}

h5 {
    font-size: calc(0.7vw + 0.4rem);
}

p {
    font-size: 16px;
    /* line-height: calc(0.7vw + 1.1rem); */
}

.p {
    font-size: 16px;
    line-height: calc(0.7vw + 1.1rem);
}

.p1 {
    font-size: 18px;
}

.p2 {
    font-size: calc(0.7vw + 0.5rem);
}

.p3 {
    font-size: calc(0.7vw + 0.5rem);
}

.p4 {
    font-size: calc(0.5vw + 0.5rem);
}

@media (max-width: 1920px) {
    .content {
        padding: 100px calc(25px + 115*(100vw/1920));
    }
    .phone-call svg,
    .media-imagine svg {
        width: calc(30px + 40*(100vw/1920));
        height: calc(30px + 40*(100vw/1920));
    }
    .trust-text_right-side .experience-sentence:not(:last-child) {
        margin-bottom: calc(0px + 20*(100vw/1920));
    }
    h2 {
        font-size: calc(0px + 28*(100vw/1920));
    }
    h3 {
        font-size: calc(14px + 10*(100vw/1920));
    }
    p {
        font-size: calc(10px + 6*(100vw/1920));
    }
    .p {
        font-size: calc(10px + 6*(100vw/1920));
    }
    .p1 {
        font-size: calc(12px + 6*(100vw/1920));
    }
}

@media (max-width: 1600px) {
    .form #email {
        font-size: calc(0.5vw + 0.3rem);
    }
    .form .form-button {
        font-size: calc(0.5vw + 0.3rem);
    }
    .popup .input-text {
        font-size: calc(0.4vw + 0.7rem);
    }
    .popup .form-button {
        font-size: calc(0.5vw + 0.3rem);
    }
    .popup #form-submit1 {
        font-size: calc(0.4vw + 0.7rem);
    }
    .popup-right .input-text {
        font-size: calc(0.6vw + 0.6rem);
    }
    .popup-right textarea {
        font-size: calc(0.6vw + 0.6rem);
    }
    h1 {
        font-size: calc(4vw);
        line-height: calc(4.8vw + 0.2rem);
    }
    h4 {
        font-size: calc(0.7vw + 0.7rem);
    }
    h5 {
        font-size: calc(0.3vw + 0.6rem);
    }
    .p2 {
        font-size: calc(0.4vw + 0.7rem);
    }
    .p3 {
        font-size: calc(0.3vw + 0.8rem);
    }
    .p4 {
        font-size: calc(0.4vw + 0.8rem);
    }
}

@media (max-width: 1220px) {
    .park__row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .park__text {
        margin-right: 0px;
    }
    .park-imagine {
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    }
    .park-imagine img {
        margin-bottom: 20px;
    }
    .about-us.disabled-v {
        display: block;
    }
    .about-us.active-v {
        display: none;
    }
    .active-v {
        display: none;
    }
    .disabled-v {
        display: block;
    }
    .trust__row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 20px 0px 40px 0px;
    }
    .trust-imagine {
        margin-right: 0px;
    }
    .trust-imagine img {
        width: 100%;
    }
    .leasing__row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .leasing .main-button {
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    }
    .vacansy__row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .vacansy-text {
        margin-right: 0px;
    }
}

@media (max-width: 1028px) {
    .footer {
        padding: calc(3vw + 3rem) calc(8vw - 4rem);
    }
    .footer-row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .footer-row__element {
        min-width: calc(35vw + 1.5rem);
        padding: calc(2vw + 1rem) 0;
    }
    .footer-row__element:nth-child(1) {
        width: 30%;
        margin: 0 calc(5vw) 0 0;
    }
    .footer-row__element:nth-child(2) {
        width: 18%;
        margin: 0 0 0 calc(5vw);
    }
    .footer-row__element:nth-child(3) {
        width: 25%;
        margin: 0 calc(5vw) 0 0;
    }
    .footer-row__element:nth-child(4) {
        width: 27%;
        margin: 0 0 0 calc(5vw);
    }
    .logo img {
        width: calc(4vw + 14rem);
    }
    .header {
        background: transparent;
    }
    .header-top__row h4 {
        font-size: calc(0.5vw + 0.8rem) !important;
    }
    .footer h4 {
        font-size: calc(0.5vw + 0.8rem) !important;
    }
    .header-bottom__row.active {
        -webkit-transform: translateY(10vw);
        -ms-transform: translateY(10vw);
        transform: translateY(10vw);
    }
    .header-bottom__row.active:after {
        -webkit-transform: translateY(50%);
        -ms-transform: translateY(50%);
        transform: translateY(50%);
    }
    .header-bottom__row {
        width: 100%;
        margin: calc(30vh - 18rem) 0 0 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-transform: translateY(-150%);
        -ms-transform: translateY(-150%);
        transform: translateY(-150%);
    }
    .header-bottom__row a {
        margin: calc(3vh - 2rem) 0;
    }
    .header-bottom__row:after {
        content: '';
        position: absolute;
        display: block;
        width: calc(50vw + 120rem);
        height: calc(80vw + 120rem);
        left: -50vw;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        background: white;
    }
    .header-bottom__row a {
        text-align: center;
    }
    .header-bottom__row a:first-child {
        padding: calc(1vw + 1.8rem) calc(20vw + 2rem);
    }
    .header-bottom__row a:last-child {
        padding: calc(1vw + 1.8rem) calc(20vw + 2rem);
    }
    .header-bottom__row a h4 {
        font-size: calc(1.2vw + 1.2rem) !important;
    }
    .header-bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        background: #fff;
        height: calc(1.5vw + 4rem);
    }
    .header-bottom .header-bottom__logo {
        position: absolute;
        left: 0;
        top: calc(0.5vw + 0.5rem);
    }
    .header-bottom .header-bottom__logo img {
        width: calc(2.5vw + 12rem);
    }
    .svg-rotate svg {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    #with-submenu {
        margin: 0 calc(0.45vw + 1.2rem) 0 0;
    }
    .submenu {
        display: none;
    }
    .submenu-mobile.show {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .submenu-mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        display: none;
    }
    .submenu-mobile a {
        padding: calc(0.5vw + 0.5rem) 0 !important;
        margin: calc(0.8vh - 0.6rem) 0;
    }
    .submenu-mobile svg {
        -webkit-transform: translateX(calc(-1vw - 1.2rem)) translateY(calc(-0.1vw - 0.3rem)) scale(0.8);
        -ms-transform: translateX(calc(-1vw - 1.2rem)) translateY(calc(-0.1vw - 0.3rem)) scale(0.8);
        transform: translateX(calc(-1vw - 1.2rem)) translateY(calc(-0.1vw - 0.3rem)) scale(0.8);
    }
    .menu-btn__close {
        display: block;
    }
    .menu-btn {
        display: block;
    }
    .popup .header-bottom__logo img {
        width: calc(2.5vw + 12rem);
    }
}

@media (max-width: 1028px) and (max-width: 640px) {
    .header-bottom__row {
        margin: calc(18vh - 6rem) 0 0 0;
    }
}

@media (max-width: 1028px) and (max-height: 640px) {
    .header-bottom__row {
        margin: calc(18vh - 6rem) 0 0 0;
    }
}

@media (max-width: 1024px) {
    .about-menu {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0px 60px;
        margin-top: 25px;
        margin-bottom: 20px;
    }
    .about-menu__item {
        max-width: 500px;
        margin-bottom: 10px;
    }
    .about-menu__item:not(:last-child) {
        margin-right: 0px;
    }
    .menu__item {
        padding: 6px;
    }
}

@media (max-width: 768px) {
    .content {
        padding: 50px 0px;
    }
    .trust-text__row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .trust-text_left-side {
        max-width: 100%;
        margin-right: 0px;
    }
    .trust-text_right-side {
        max-width: 100%;
    }
    .guarantee {
        padding-bottom: 50px;
    }
    .leasing-imagine__row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media(max-width: 500px) {
    .brick__line.big {
        height: calc(2vw + 10rem) !important;
    }
}

@media (max-width: 640px) {
    .media-imagine {
        display: none;
    }
    .phone-call {
        bottom: 20px;
    }
    h4,
    .jobs__item {
        font-size: 18px !important;
        /* line-height: 21px !important; */
    }
    p {
        font-size: 16px;
        line-height: 18px;
    }
    .brick__text p {
        font-size: 14px;
    }
    .brick__year p {
        font-size: 14px;
    }
    .park__title h4 {
        font-size: 16px;
        line-height: 18px;
    }
    .about-us__content-title h3 {
        font-size: 20px;
        line-height: 23px;
    }
    .footer {
        padding: calc(2vw + 2rem) calc(8vw - 4rem) calc(1vw + 1rem) calc(8vw - 4rem);
    }
    .footer-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .footer-row__element {
        min-width: calc(84vw + 2rem);
        padding: calc(1.5vw + 1rem) 0;
    }
    .footer-row__element .text {
        max-width: calc(74vw + 5rem);
    }
    .footer-row__element:nth-child(1) {
        width: 30%;
        margin: 0;
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }
    .footer-row__element:nth-child(2) {
        width: 18%;
        margin: 0;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .footer-row__element:nth-child(3) {
        width: 25%;
        margin: 0;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .footer-row__element:nth-child(4) {
        width: 27%;
        margin: 0;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
    .logo img {
        margin: 0 0 0 calc(3vw);
    }
    .form {
        display: none;
    }
    .pre-last-h {
        display: none;
    }
    .last-h {
        text-align: center;
    }
    .social-links-row.last-links {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .social-links-row.last-links svg {
        margin: 0 calc(1vw) !important;
        width: calc(2vw + 1.5rem);
        height: calc(2vw + 1.5rem);
    }
    #svg-email {
        display: none;
    }
    .svg-tel--second {
        display: none;
    }
    .popup .input-text {
        font-size: calc(0.4vw + 0.8rem);
    }
    .popup #form-submit1 {
        font-size: calc(0.4vw + 0.8rem);
    }
    .popup-right .input-text {
        font-size: calc(0.2vw + 1rem);
    }
    .popup-right textarea {
        font-size: calc(0.2vw + 1rem);
    }
    .main__full-screen {
        height: 80%;
    }
    .main__full-screen img {
        top: calc(11vw + 0rem);
        -o-object-fit: cover;
        object-fit: cover;
    }
    .main-heading {
        height: 80%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        top: calc(7vh + 2rem);
        left: calc(7vw + 1rem);
        padding: 0 20px 0 0;
    }
    .main-heading h1 {
        font-size: calc(5vw + 1rem);
        line-height: calc(5vw + 1.2rem);
    }
    .main-heading .main-heading__text h4 {
        margin: calc(2vw + 0.5rem) 0 0 0;
        padding: 0 20px 0 0;
        font-size: calc(0.8vw + 1.2rem) !important;
        line-height: calc(1vw + 1.4rem);
    }
    .leasing-imagine {
        padding: 0px 60px;
        width: 100%;
    }
    .leasing-imagine img {
        width: 100%;
    }
    .vacansy-imagine {
        width: 100%;
        padding: 0px 60px;
    }
    .vacansy-imagine img {
        width: 100%;
    }
    h2 {
        font-size: 16px;
    }
    /* .header-bottom__row h4 {
        font-size: ;
    } */
    h4 {
        font-size: calc(0.5vw + 0.8rem);
    }
    h5 {
        font-size: calc(0.2vw + 0.8rem);
    }
    .p2 {
        font-size: calc(0.4vw + 1rem);
    }
    .p3 {
        font-size: calc(0.2vw + 1.2rem);
    }
    .p4 {
        font-size: calc(0.1vw + 1.2rem);
    }
}

@media (max-width: 400px) {
    .about-company__text-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .about-company__text-row .about-company__text-block:last-child {
        margin: calc(1vw + 1rem) 0 0 0;
    }
    .about-company__bricks-body {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
    .about-company__bricks-body .about-company__brick {
        width: 83%;
    }
    .about-company__bricks-body .about-company__brick .brick__year.right {
        left: calc(-4vw - 4rem);
    }
    .about-company__bricks-body .about-company__brick .brick__line.right {
        left: calc(-2.45vw - 2.7rem);
    }
}

@media (max-height: 400px) {
    .header-top {
        -webkit-transform: scaleY(0);
        -ms-transform: scaleY(0);
        transform: scaleY(0);
        margin: 0 0 calc(-1vw - 3rem) 0 !important;
    }
    .main__full-screen {
        -webkit-transform: translateY(calc(-0.5vw - 2rem));
        -ms-transform: translateY(calc(-0.5vw - 2rem));
        transform: translateY(calc(-0.5vw - 2rem));
        margin: 0 0 calc(-0.5vw - 2rem) 0;
    }
    .main-heading h1 {
        font-size: calc(4vw + 0.6rem);
        line-height: calc(2vw + 1.2rem);
    }
    .main-heading .main-heading__text h4 {
        font-size: calc(0.8vw + 0.9rem);
        line-height: calc(0.8vw + 1rem);
    }
}

@supports (-webkit-appearance:none) {
    .footer {
        background: url("../img/footer-bg.webp")
    }
}

@media (max-width: 1920px) {
    @supports (-webkit-appearance: none) {}
}

@media (max-width: 1600px) {
    @supports (-webkit-appearance: none) {}
}

@media (max-width: 1220px) {
    @supports (-webkit-appearance: none) {}
}

@media (max-width: 1028px) {
    @supports (-webkit-appearance: none) {}
}

@media (max-width: 1028px) and (max-width: 640px) {
    @supports (-webkit-appearance: none) {}
}

@media (max-width: 1028px) and (max-height: 640px) {
    @supports (-webkit-appearance: none) {}
}

@media (max-width: 1024px) {
    @supports (-webkit-appearance: none) {}
}

@media (max-width: 768px) {
    @supports (-webkit-appearance: none) {}
}

@media (max-width: 640px) {
    @supports (-webkit-appearance: none) {}
}

@media (max-width: 400px) {
    @supports (-webkit-appearance: none) {}
}

@media (max-height: 400px) {
    @supports (-webkit-appearance: none) {}
}