@import url("../fonts/stylesheet.css");

@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
    --main-red: #F1666A;
    --main-blue: #2E3192;
    --main-blue-dark: #1C1E65;
}

* {
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
    list-style: none;
}

body {
    margin: 0px;
    padding: 0px;
    font-size: 16px;
/* 	font-family: 'Rubik', sans-serif; */
/* 	font-family: 'Roboto', sans-serif; */
	font-family: 'Raleway', sans-serif;
/*  font-family: 'TT Norms', sans-serif; */
    color: white;
/*     font-smooth: antialiased; */
    overflow-x: hidden;
}

input, button {
	font-family: 'Raleway', sans-serif;
/*     font-family: 'TT Norms', sans-serif; */
}

.breadcrumb_wrap a:hover {
    text-decoration: underline;
}

.wpcf7-not-valid-tip {
    position: relative;
    top: -10px;
}

.wpcf7 form .wpcf7-response-output {
    margin: 10px 0em;
}

h2.main-title {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 700;
    font-size: 2.5em;
    line-height: 125%;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    display: flex;
    align-items: center;
}

h2.main-title::before {
    content: '';
    display: block;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: var(--main-red);
    margin-right: 12px;
}

input {
    font-size: 1em;
    line-height: 120%;
    font-weight: 400;
    color: #000000;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 14px;
    min-height: 50px;
    width: 100%;
}

input::placeholder {
	font-family: 'Raleway', sans-serif;
/*     font-family: 'TT Norms', sans-serif; */
    color: #B2B2B2;
}

textarea {
    font-size: 1em;
    line-height: 120%;
    font-weight: 400;
    color: #000000;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 14px;
    min-height: 50px;
    width: 100%;
    resize: vertical;
    min-height: 150px !important;
}

textarea::placeholder {
	font-family: 'Raleway', sans-serif;
/*     font-family: 'TT Norms', sans-serif; */
    color: #B2B2B2;
}

body a {
    text-decoration: none;
    color: black;
}

.gotop {
    right: auto;
    left: 20px;
    bottom: 20px;
    width: 56px;
    height: 56px;
    background-color: #ffffff;
    box-shadow: 0 2px 10px rgb(0 0 0 / 40%);
    border-radius: 50%;
    background-size: 42px;
    background-image: url(../images/icons/gotop.svg);
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 100;
    position: fixed;
    border: none;
    opacity: 0;
    transition: 0.4s;
    pointer-events: none;
    cursor: pointer;
}

.gotop.active {
    opacity: 1;
    pointer-events: all;
}

.nav__item ul li > ul.sub-menu > li.menu-item-has-children > a::after {
    position: absolute;
    content: '';
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    width: 8px;
    height: 12px;
    background-image: url(../images/icons/sub-dropdown-light.svg) !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.nav__item ul li > ul.sub-menu > li.menu-item-has-children:hover > a::after {
    background-image: url(../images/icons/sub-dropdown.svg) !important;
}

ul#menu-menu-mobile {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    row-gap: 15px;
}

@media screen and (max-width: 767px) {
    .gotop {
        left: 10px;
        bottom: 10px;
        width: 40px;
        height: 40px;
        background-size: 32px;
    }
}

.wrapper {
    margin: 0 auto;
    overflow: hidden;
    padding-top: 70px;
}

.container {
    max-width: 1666px;
    width: 100%;
    margin: 0px auto;
}

.modal__container {
    color: #000000;
    position: fixed;
    z-index: -1;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transition: 0.4s;
}

.modal__container.active {
    opacity: 1;
    pointer-events: all;
    z-index: 20;
}

.modal__container .modal__wrap {
    position: relative;
    max-width: 550px;
    width: 100%;
    margin: 30px;
    flex-direction: column;
    background-color: #ffffff;
    display: none;
}

.modal__container .modal__wrap.active {
    display: flex;
}

.modal__container .modal__box {
    max-height: calc(100vh - 60px);
    overflow-y: auto;
}

.modal__container .modal__wrap .modal__close {
    position: absolute;
    top: 0px;
    right: -40px;
    width: 24px;
    height: 24px;
    font-size: 0px;
    background-image: url(../images/icons/modal-close.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
}

.modal__container .modal__wrap .modal__close::before {
    position: fixed;
    z-index: -1;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    cursor: auto;
}

.modal__container .modal__wrap .modal__header {
    display: flex;
}

.modal__container .modal__wrap .modal__header h2 {
    font-size: 1.5em;
    line-height: 120%;
    font-weight: 700;
    color: var(--main-blue);
    padding: 22px 15px;
    width: 100%;
    text-align: center;
}

.modal__container .modal__wrap .modal__header .auth__tabs {
    display: flex;
    width: 100%;
}

.modal__container .modal__wrap .modal__header .auth__tabs .auth__tab {
    flex: 1;
    border-bottom: 5px solid #F3F3F3;
    cursor: pointer;
    transition: 0.4s;
}

.modal__container .modal__wrap .modal__header .auth__tabs .auth__tab.active,
.modal__container .modal__wrap .modal__header .auth__tabs .auth__tab:hover {
    border-bottom: 5px solid var(--main-red);
}

.modal__container .modal__wrap .modal__body {
    display: flex;
    padding: 15px 40px 35px;
}

.modal__container .modal__wrap .modal__body .auth__item {
    display: none;
    flex-direction: column;
    width: 100%;
}

.modal__container .modal__wrap .modal__body .auth__item.active {
    display: flex;
}
.success_registration_message{
    padding: 30px 0;
}
.register_success .success_registration_message{
    display: block!important;
}
.register_success form{
    display: none!important;
}
.аccount_not_yet_activated .аccount_not_yet_activated_message{
    display: block!important;
    padding: 30px 0;
}

.modal__container .modal__wrap .modal__body .auth__item .auth__social {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}

.modal__container .modal__wrap .modal__body .auth__item .auth__social a {
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 14px;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1em;
    line-height: 120%;
    font-weight: 400;
    color: #000000;
    transition: 0.4s;
}

.modal__container .modal__wrap .modal__body .auth__item .auth__social a:hover {
    background-color: #f1f2f5;
}

.modal__container .modal__wrap .modal__body .auth__item .auth__social a::before {
    content: '';
    width: 20px;
    min-width: 20px;
    height: 20px;
    margin-right: 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.modal__container .modal__wrap .modal__body .auth__item .auth__social a.facebook::before {
    background-image: url(../images/icons/auth-facebook.svg);
}

.modal__container .modal__wrap .modal__body .auth__item .auth__social a.google::before {
    background-image: url(../images/icons/auth-google.svg);
}

.modal__container .modal__wrap .modal__body .auth__item .auth__social .auth__email {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.modal__container .modal__wrap .modal__body .auth__item .auth__social .auth__email::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.1);
    width: 100%;
    height: 1px;
}

.modal__container .modal__wrap .modal__body .auth__item .auth__social .auth__email span {
    position: relative;
    z-index: 2;
    padding: 0px 13px;
    background-color: #ffffff;
    font-size: 0.875em;
    line-height: 140%;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.4);
}

.modal__container .modal__wrap .modal__body .auth__item.register .auth__social {
    margin-bottom: 0px;
    margin-top: 30px;
}

.modal__container .modal__wrap .modal__body .auth__item.register .auth__social a {
    order: 2;
}

.modal__container .modal__wrap .modal__body .auth__item.register .auth__social a:last-of-type {
    margin-bottom: 0px;
}

.modal__container .modal__wrap .modal__body .auth__item.register .auth__social .auth__email {
    order: 1;
    margin-bottom: 20px;
}

.modal__container .modal__wrap .modal__body .auth__item form {
    display: flex;
    flex-direction: column;
}

/* .modal__container .modal__wrap .modal__body .auth__item form input {
    margin-bottom: 20px;
} */

.modal__container .modal__wrap .modal__body .auth__item form .btns {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.modal__container .modal__wrap .modal__body .auth__item form .btns .btn {
    width: 100%;
    background-color: var(--main-red);
    border: none;
    box-shadow: none;
    font-size: 0.875em;
    line-height: 160%;
    font-weight: 700;
    text-transform: uppercase;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 14px;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.modal__container .modal__wrap .modal__body .auth__item form .btns .btn span {
    position: relative;
    z-index: 1;
    font-size: 1em;
}

.modal__container .modal__wrap .modal__body .auth__item form .btns .btn::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 0;
    left: 0;
    bottom: 0;
    background: var(--main-blue);
    transition: .8s ease-in-out;
    z-index: 0;
    pointer-events: none;
}

.modal__container .modal__wrap .modal__body .auth__item form .btns .btn:hover::before {
    height: 250%;
    bottom: -30px;
    transform: skewY(7deg);
}

.modal__container .modal__wrap .modal__body .auth__item form .btns .link {
    font-size: 1em;
    line-height: 160%;
    font-weight: 500;
    color: var(--main-blue);
}

.modal__container .modal__wrap .modal__body .auth__item form .btns .link:hover {
    text-decoration: underline;
}

@media screen and (max-width: 1199px) {
    .modal__container .modal__wrap .modal__header h2 {
        font-size: 1.25em;
        padding: 15px 10px;
    }

    .modal__container .modal__wrap .modal__body {
        padding: 20px 30px;
    }
}

@media screen and (max-width: 767px) {
    .modal__container .modal__box {
        max-height: calc(100vh - 30px);
    }

    .modal__container .modal__wrap .modal__close {
        right: 0;
        width: 18px;
        height: 18px;
        top: -24px;
    }

    .modal__container .modal__wrap .modal__header h2 {
        font-size: 1.125em;
    }

    .modal__container .modal__wrap .modal__header .auth__tabs .auth__tab {
        border-bottom: 2px solid #F3F3F3;
    }

    .modal__container .modal__wrap .modal__header .auth__tabs .auth__tab.active,
    .modal__container .modal__wrap .modal__header .auth__tabs .auth__tab:hover {
        border-bottom: 2px solid var(--main-red);
    }

    .modal__container .modal__wrap .modal__body {
        padding: 20px;
    }

    .modal__container .modal__wrap .modal__body .auth__item .auth__social {
        margin-bottom: 12px;
    }

    .modal__container .modal__wrap .modal__body .auth__item .auth__social a {
        padding: 10px;
        margin-bottom: 12px;
    }

    .modal__container .modal__wrap .modal__body .auth__item form input {
        /* margin-bottom: 12px; */
        padding: 10px;
        min-height: auto;
    }

    .modal__container .modal__wrap .modal__body .auth__item form .btns {
        margin-top: 5px;
    }

    .modal__container .modal__wrap .modal__body .auth__item form .btns .btn {
        padding: 10px;
        margin-bottom: 6px;
    }

    .modal__container .modal__wrap .modal__body .auth__item.register .auth__social {
        margin-top: 20px;
    }

    .modal__container .modal__wrap .modal__body .auth__item.register .auth__social .auth__email {
        margin-bottom: 12px;
    }
}

.nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 70px;
    width: 100%;
    padding: 0px 15px;
    position: fixed;
    top: 0;
    z-index: 10;
    background-color: #fff;
}

.nav__logo {
    display: flex;
    margin: 0px 15px;
    min-width: 170px;
    width: 170px;
}

.nav__logo img {
    width: 100%;
}

.nav__item {
    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;
    margin: 0px auto;
}

.nav__item ul {
    display: flex;
}

.nav__item ul li {
    position: relative;
}

.nav__item a {
    margin: 0 15px;
    padding: 10px 0;
    font-size: 0.875em;
    line-height: 120%;
    font-weight: 500;
    white-space: nowrap;
    text-transform: uppercase;
    border-bottom: 3px solid transparent;
    display: flex;
    align-items: center;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.nav__item ul li > ul.sub-menu li.menu-item-has-children a:hover {
    border: 0;
}

.nav__item ul li > ul.sub-menu li.menu-item-has-children a {
    justify-content: flex-start;
}

.nav__item a:hover {
    border-bottom: 3px solid var(--main-red);
}

.nav__item a.active {
    color: var(--main-red);
}

.nav__item ul > li.menu-item-has-children > a {
    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;
}

.nav__item ul > li.menu-item-has-children > a:hover {
    border-bottom: 3px solid transparent;
}

.nav__item ul > li.menu-item-has-children > a::after {
    content: '';
    width: 9px;
    min-width: 9px;
    height: 5px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../images/icons/dropdown.svg);
    margin-left: 5px;
}

.nav__item ul > li.menu-item-has-children > a.active::after {
    background-image: url(../images/icons/dropdown-red.svg);
}

.nav__item ul li > ul {
    display: flex;
    flex-direction: column;
    position: absolute;
    z-index: -1;
    left: 0px;
    top: 100%;
    width: 350px;
    box-shadow: 0px -1px 3px rgba(0, 0, 0, 0.12), 0px 10px 10px rgba(0, 0, 0, 0.12);
    background-color: #ffffff;
    opacity: 0;
    pointer-events: none;
    transition: 0.4s;
}

.nav__item ul li:hover > ul {
    opacity: 1;
    pointer-events: all;
    z-index: 2;
}

.nav__item ul li > ul li {
    position: relative;
}

.nav__item ul li > ul li a {
    padding: 12px 40px 12px 30px;
    margin: 0px;
    border: none;
    font-size: 1em;
    text-transform: none;
    white-space: normal;
    color: rgba(0, 0, 0, 0.8);
}

.nav__item ul li > ul li a:hover {
    border: none;
}

.nav__item ul li > ul li:hover > a {
    background-color: #F1F2F5;
}

.nav__item ul li > ul li.dropdown > a {
    position: relative;
}

.nav__item ul li > ul li.dropdown > a::after {
    position: absolute;
    content: '';
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    width: 8px;
    height: 12px;
    background-image: url(../images/icons/sub-dropdown-light.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.nav__item ul li > ul li.dropdown:hover > a::after {
    background-image: url(../images/icons/sub-dropdown.svg);
}

.nav__item ul li > ul li ul {
    position: absolute;
    top: 0px;
    left: 100%;
}

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

.nav__info a {
    margin: 0 12.5px;
    font-size: 0px;
    width: 20px;
    min-width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    background-size: 20px 20px;
    background-position: center;
    background-repeat: no-repeat;
}

.nav__info a.search {
    background-image: url(../images/icons/search.svg);
    transition: all 0.3s;
}

.nav__info a.search:hover {
    background-image: url(../images/icons/search2.svg);
}

.nav__info a.user {
    background-image: url(../images/icons/user.svg);
    transition: all 0.3s;
}

.nav__info a.user:hover {
    background-image: url(../images/icons/user2.svg);
}

.nav__info a.btn__nav-lang{
    font-size: 18px;
    font-weight: 400;
}

.nav__button {
    align-self: flex-start;
    width: 160px;
    min-width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    transition: all ease .4s;
}

.nav__button a {
    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;
    height: 40px;
    width: 140px;
    background-color: var(--main-red);
    border-radius: 0px;
    font-weight: 700;
    font-size: 0.875em;
    line-height: 130%;
    text-transform: uppercase;
    color: #fff;
    transition: all ease .4s;
    overflow: hidden;
    position: relative;
}

/* .main .nav .nav__button {
    height: 160px;
    z-index: 5;
} */

/* .main .nav .nav__button a {
    height: 140px;
    border-radius: 50%;
} */

.main .nav.fixed .nav__button {
    height: 70px;
}

.main .nav.fixed .nav__button a {
    height: 40px;
    border-radius: 0px;
}

.nav__button a span {
    position: relative;
    z-index: 1;
}

.nav__button a::before {
    content: '';
    position: absolute;
    width: 101%;
    height: 0;
    left: 0;
    bottom: 0;
    background: var(--main-blue);
    transition: .8s ease-in-out;
    z-index: 0;
    pointer-events: none;
}

.nav__button a:hover::before {
    height: 175%;
    bottom: -20px;
    transform: skewY(7deg);
}

.nav__burger__container,
.mob__menu__container,
.nav__burger {
    display: none;
}

.main__header {
    color: #fff;
    position: relative;
    border-right: 15px solid #ffffff;
}

.main__header-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 100px;
}

.main__carousel__navs {
    position: relative;
    z-index: 1;
}

.main__carousel__navs ul {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
}

.main__carousel__navs ul li {
    width: 45px;
    height: 45px;
    margin-right: 15px;
    border-radius: 100%;
    cursor: pointer;
    border: none;
    box-shadow: none;
    background-color: #fff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    transition: 0.4s;
}

.main__carousel__navs ul li:hover {
    opacity: 0.8;
}

.main__carousel__navs ul li:last-child {
    margin-right: 0;
}

.main__carousel__navs ul li.main__carousel__navs-previous {
    background-image: url(../images/icons/slick-left-black.svg);
}

.main__carousel__navs ul li.main__carousel__navs-next {
    background-image: url(../images/icons/slick-right-black.svg);
}

.main__header::before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    background: linear-gradient(90.04deg, #1D1D28 0.17%, rgba(0, 0, 0, 0.2) 100.03%);
}

.main__header::after {
    content: '';
    position: absolute;
    top: 13.5%;
    left: -95px;
    height: 320px;
    width: 250px;
    background-image: url(../images/icons/logo-bg.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    opacity: 0.1;
}

.main__header .container::after {
    content: '';
    position: absolute;
    top: 0px;
    right: 160px;
    width: 15px;
    height: calc(100% - 160px);
    background-color: #ffffff;
}

.main__header .container::before {
    content: '';
    position: absolute;
    bottom: 160px;
    left: 0px;
    width: calc(100% - 160px);
    height: 15px;
    background-color: #ffffff;
}

.main__header .info {
    padding: 110px 100px 125px 100px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    z-index: 3;
}

.main__header .info .uppertitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.5em;
    line-height: 120%;
    position: relative;
    align-items: center;
}

.main__header .info .uppertitle::before {
    content: "";
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: var(--main-red);
    margin-right: 8px;
}

.main__header .info h1 {
    max-width: 755px;
    font-weight: 800;
    font-size: 3.125em;
    line-height: 130%;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    margin-top: 25px;
    margin-bottom: 50px;
}

.main__header .info a {
    font-weight: 700;
    font-size: 0.875em;
    padding: 12px 44px;
    line-height: 160%;
    border: 2px solid #ffffff;
    text-transform: uppercase;
    color: #fff;
    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;
    overflow: hidden;
}

.main__header .info a span {
    position: relative;
    transition: .8s ease-in-out;
}

.main__header .info a:hover span {
    color: #000000;
}

.main__header .info a::before {
    content: '';
    position: absolute;
    width: 101%;
    height: 0;
    left: 0;
    bottom: 0;
    background: #ffffff;
    transition: .8s ease-in-out;
    z-index: 0;
    pointer-events: none;
}

.main__header .info a:hover::before {
    height: 175%;
    bottom: -20px;
    transform: skewY(7deg);
}

.main__header .video {
    position: relative;
    z-index: 3;
    min-height: 160px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /* padding-left: 100px; */
}

.main__header .video a {
    font-weight: 700;
    font-size: 0.875em;
    line-height: 160%;
    text-transform: uppercase;
    color: #fff;
}

.main__header .video a.play {
    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;
    width: 100px;
    height: 100px;
    border: 2px solid #fff;
    border-radius: 50%;
    margin-right: 20px;
    position: relative;
    overflow: hidden;
}

.main__header .video a.play svg {
    position: relative;
    z-index: 2;
}

.main__header .video a.play svg path {
    transition: .8s ease-in-out;
}

.main__header .video a.play:hover svg path {
    fill: #000000;
}

.main__header .video a.play::before {
    content: '';
    position: absolute;
    z-index: 1;
    width: 25px;
    height: 25px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 25px 25px;
    background-image: url(../images/icons/play.svg);
    display: none;
}

.main__header .video a.play::after {
    content: '';
    position: absolute;
    width: 101%;
    height: 0;
    left: 0;
    bottom: 0;
    background: #ffffff;
    transition: .8s ease-in-out;
    z-index: 0;
    pointer-events: none;
}

.main__header .video a.play:hover::after {
    height: 175%;
    bottom: -20px;
    transform: skewY(7deg);
}

.target {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    background: var(--main-blue);
    padding: 80px 0 80px 0;
}

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

.target .about {
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-right: 25px;
    width: 67%;
}

.target .about .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-left: 100px;
    margin-bottom: 30px;
}

.target .header {
    padding-right: 25px;
    width: 67%;
}

.target .header p {
    font-weight: 400;
    font-size: 1.75em;
    line-height: 130%;
    color: rgba(255, 255, 255, 0.8);
    margin-top: 40px;
    margin-bottom: 0px;
}

.target .img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    width: 33%;
}

.target .img img {
    width: 100%;
}

.target .about .comment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.target .about .comment p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    color: var(--main-blue);
    font-size: 1.625em;
    line-height: 120%;
    font-weight: 500;
    padding: 26px 40px 26px 100px;
    margin-right: 25px;
    min-height: 160px;
}

.service {
    background: var(--main-blue);
    padding: 100px 0px;
    position: relative;
}

.service::after {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 50%;
    background-color: #131313;
    pointer-events: none;
}

.service .container {
    position: relative;
    z-index: 2;
}

.service .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0px 40px 30px 100px;
}

.service .header p {
    font-weight: 400;
    font-size: 1.25em;
    line-height: 140%;
    color: rgba(255, 255, 255, 0.8);
    max-width: 52%;
    padding-right: 20px;
}

.slick__main .slick-list {
    padding: 0px calc((100vw - 1666px) / 2 + 85px);
    margin: 0px calc((100vw - 1666px) / 2 * -1);
}

.slick__main .slick-list .slick-slide {
    padding-top: 50px;
    padding-bottom: 50px;
}

@media screen and (max-width: 1666px) {
    .slick__main .slick-list {
        padding: 0px 90px;
        margin: 0px -15px;
    }
}

.slick__main.slick-service .slick-list .slick-slide:first-child::before,
.slick__main.slick-activities .slick-list .slick-slide:first-child::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: calc((100% + 15px) * -1);
    width: 100%;
    height: calc(100% - 100px);
    background-image: url(../images/icons/empty-white.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.slick__main.slick-service .slick-list .slick-slide:last-child::after,
.slick__main.slick-activities .slick-list .slick-slide:last-child::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: calc((100% + 15px) * -1);
    width: 100%;
    height: calc(100% - 100px);
    background-image: url(../images/icons/empty-white.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.service__item {
    padding: 0px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.service__item .item__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 30vw;
    min-width: 400px;
    height: 400px;
}

.service__item .item__link::after {
    content: '';
    position: absolute;
    right: 15px;
    top: -15px;
    background: var(--main-red);
    border-radius: 50%;
    width: 70px;
    height: 70px;
    background-image: url(../images/icons/item_arrow_link.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 30px 30px;
    opacity: 0;
    transition: 0.4s;
    pointer-events: none;
}

.service__item .item__link:hover::after {
    opacity: 1;
    pointer-events: all;
}

.service__item .item__link .thumbnail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.service__item .item__link .thumbnail .thumbnail__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.4s;

}

.people__item .thumbnail__img {
    filter: grayscale(100%);
}

.service__item .item__link:hover .thumbnail .thumbnail__img {
    transform: scale(1.1);
}

.service__item .item__link .caption {
    padding: 30px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.service__item .item__link .caption .item__uppertitle {
    font-weight: 400;
    font-size: 1.125em;
    line-height: 160%;
    border-bottom: 2px solid var(--main-red);
    color: #ffffff;
    display: inline-flex;
    margin-bottom: 30px;
}

.service__item .item__link .caption h3 {
    font-weight: 700;
    font-size: 2.25em;
    line-height: 130%;
    color: #ffffff;
}

.service__item .item__link .caption .item__number {
    position: absolute;
    bottom: -0.35em;
    left: 30px;
    font-weight: 400;
    font-size: 6em;
    line-height: 80%;
    color: var(--main-red);
    overflow: hidden;
}

.slick-nav {
    padding: 10px 40px 10px 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.progress-bar {
    display: block;
    width: 100%;
    height: 2px;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.12);
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9));
    background-repeat: no-repeat;
    background-size: 0 100%;
    transition: background-size 0.5s ease-out;
}

.slick-nav .arrows {
    margin-left: 40px;
    min-width: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.slick-arrow {
    width: 45px;
    height: 45px;
    border-radius: 100%;
    cursor: pointer;
    border: none;
    box-shadow: none;
    background-color: #252525;
    font-size: 0px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    transition: 0.4s;
}

.slick-arrow.slick-disabled {
    opacity: 0;
    user-select: none;
    pointer-events: none;
}

.slick-arrow:hover {
    opacity: 0.8;
}

.slick-arrow.slick-prev {
    background-image: url(../images/icons/slick-left-white.svg);
}

.slick-arrow.slick-next {
    background-image: url(../images/icons/slick-right-white.svg);
}

.advantage {
    background: #131313;
    padding: 50px 0px 100px;
}

.advantage .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0px 40px 50px 100px;
}

.advantage .header p {
    font-weight: 400;
    font-size: 1.25em;
    line-height: 140%;
    color: rgba(255, 255, 255, 0.6);
    max-width: 52%;
    padding-right: 20px;
}

.advantage .about {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    margin: 0px -15px;
    padding: 0px 90px;
}

.advantage__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: left;
    flex: calc((100% - 90px) / 3);
    max-width: calc((100% - 90px) / 3);
    min-height: 320px;
    padding: 40px 30px;
    margin: 0px 15px;
    background: var(--main-red);
    position: relative;
}

.advantage__item:nth-child(2n+2) {
    background: var(--main-blue);
}

.advantage__item:nth-child(1n+4) {
    margin-top: 30px;
}

.advantage__item img {
    height: 40px;
}

.advantage__item h3 {
    font-weight: 700;
    font-size: 1.5em;
    line-height: 120%;
    margin-top: 26px;
    margin-bottom: 16px;
}

.advantage__item p {
    font-weight: 400;
    font-size: 1.25em;
    line-height: 120%;
    text-align: left;
}

.advantage__item:first-child::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: calc((100% + 30px) * -1);
    background-image: url(../images/icons/empty-blue.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.advantage__item:nth-child(3)::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    right: calc((100% + 30px) * -1);
    background-image: url(../images/icons/empty-blue.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.advantage__item:nth-child(4)::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: calc((100% + 30px) * -1);
    background-image: url(../images/icons/empty-red.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.advantage__item:last-child::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    right: calc((100% + 30px) * -1);
    background-image: url(../images/icons/empty-red.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.project {
    background-color: #ffffff;
    padding: 70px 0px 50px;
}

.project .container {
    padding: 0px 90px;
}

.project h2.main-title {
    color: #000;
    margin-bottom: 10px;
}

.project__nav {
    margin: 40px -20px 60px -20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.project__nav a {
    margin: 0 20px;
    font-weight: 500;
    font-size: 1.25em;
    line-height: 120%;
    color: #000000;
    display: inline-flex;
    transition: 0.2s;
    cursor: pointer;
}

.project__nav a:hover {
    color: var(--main-red);
}

.project__nav a.active {
    color: var(--main-red);
}

.project__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 0px -15px;
}

.project__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* width: 50%; */
    height: 640px;
    padding: 0px 15px;
    /* float: left; */
}

.project__body.masonry .project__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    height: 640px;
    padding: 0px 15px;
    float: left;
}

.project__body.masonry .project__item:nth-child(1n+3) {
    margin-top: 30px;
}

.project__body.masonry .project__item:nth-child(2),
.project__body.masonry .project__item:nth-child(3) {
    height: 356px;
}

/* .project__item:nth-child(1n+3) {
    margin-top: 30px;
}

.project__item:nth-child(2),
.project__item:nth-child(3) {
    height: 356px;
} */

.project__item .project__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    position: relative;
}

.project__item .project__link::before {
    background: rgba(2, 1, 1, 0.4);
    width: 100%;
    height: 100%;
    position: absolute;
    content: '';
    transition: all 0.3s;
    top: 0;
    left: 0;
    z-index: 1;
}

.project__item .project__link::after {
    content: '';
    position: absolute;
    right: 15px;
    top: -15px;
    background: var(--main-red);
    border-radius: 50%;
    width: 70px;
    height: 70px;
    background-image: url(../images/icons/item_arrow_link.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 30px 30px;
    opacity: 0;
    transition: 0.4s;
    pointer-events: none;
    z-index: 2;
}

.project__item .project__link:hover::after {
    opacity: 1;
    pointer-events: all;
}

.project__item .project__link .thumbnail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.project__item .project__link .thumbnail .thumbnail__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.4s;
}

.project__item .project__link:hover .thumbnail .thumbnail__img {
    transform: scale(1.1);
}

.project__item .project__link .caption {
    padding: 30px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.project__item .project__link .caption .uppertitle {
    font-weight: 400;
    font-size: 1.125em;
    line-height: 160%;
    border-bottom: 2px solid var(--main-red);
    color: #ffffff;
    display: inline-flex;
}

.project__item h3 {
    margin-top: 16px;
    font-size: 2.1em;
    line-height: 120%;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #ffffff;
}

body.tax-allprojects .project__item h3 {
    font-size: 1.9em;
    line-height: 120%;
}

.project__item.project__button {
    margin-top: 50px;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.project__item.project__button a {
    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;
    font-weight: 700;
    font-size: 0.875em;
    line-height: 160%;
    padding: 14px 57px;
    text-transform: uppercase;
    border: 1px solid #000;
    position: relative;
    overflow: hidden;
}

.project__item.project__button a span {
    position: relative;
    transition: .8s ease-in-out;
}

.project__item.project__button a:hover span {
    color: #ffffff;
}

.project__item.project__button a::before {
    content: '';
    position: absolute;
    width: 101%;
    height: 0;
    left: 0;
    bottom: 0;
    background: #000000;
    transition: .8s ease-in-out;
    z-index: 0;
    pointer-events: none;
}

.project__item.project__button a:hover::before {
    height: 175%;
    bottom: -20px;
    transform: skewY(7deg);
}

.project .tabcontent .slick-nav {
    margin-top: 30px;
    padding: 10px 0;
}

.arrows-apartments .slick-arrow.slick-prev {
    background-image: url(../images/icons/slick-left-black.svg);
}

.arrows-apartments .slick-arrow.slick-next {
    background-image: url(../images/icons/slick-right-black.svg);
}

.arrows-apartments .slick-arrow {
    background-color: #EEEEEE;
}

.project .arrows-apartments__previous {
    margin-right: 15px;
    background-image: url(../images/icons/slick-left-black.svg);
}

.project .arrows-apartments__next {
    background-image: url(../images/icons/slick-right-black.svg);
}

.project .arrows-apartments__previous,
.project .arrows-apartments__next {
    width: 45px;
    height: 45px;
    border-radius: 100%;
    cursor: pointer;
    border: none;
    box-shadow: none;
    background-color: #EEEEEE;
    font-size: 0px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    transition: 0.4s;
}

.progress-bar.progress-bar-apartments {
    background-color: rgba(0, 0, 0, 0.12);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9));
}

.news {
    padding: 50px 0px 10px;
    background-color: #ffffff;
}

.news .header {
    padding: 0px 40px 0px 100px;
}

.news .header .main-title {
    color: #000000;
}

.slick__main.slick-news .slick-list .slick-slide:first-child::before {
    content: '';
    position: absolute;
    top: 50px;
    left: calc((100% + 15px) * -1);
    width: 100%;
    height: 310px;
    background-image: url(../images/icons/empty-red.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.slick__main.slick-news .slick-list .slick-slide:last-child::after {
    content: '';
    position: absolute;
    top: 50px;
    right: calc((100% + 15px) * -1);
    width: 100%;
    height: 310px;
    background-image: url(../images/icons/empty-red.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.news__item {
    padding: 0px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.news__item .item__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    width: 100%;
}

.news__item .item__link::after {
    content: '';
    position: absolute;
    right: 15px;
    top: -15px;
    background: var(--main-red);
    border-radius: 50%;
    width: 70px;
    height: 70px;
    background-image: url(../images/icons/item_arrow_link.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 30px 30px;
    opacity: 0;
    transition: 0.4s;
    pointer-events: none;
}

.news__item .item__link:hover::after {
    opacity: 1;
    pointer-events: all;
}

.news__item .item__link .thumbnail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 310px;
    overflow: hidden;
}

.news__item .item__link .thumbnail .thumbnail__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.4s;
}

.news__item .item__link:hover .thumbnail .thumbnail__img {
    transform: scale(1.1);
}

.news__item .item__link .caption {
    padding: 10px 0px 0px;
}

.news__item .item__link .caption h3 {
    font-weight: 700;
    font-size: 1.375em;
    line-height: 120%;
    color: #000000;
    margin-bottom: 8px;
}

.news__item .item__link .caption .date {
    font-weight: 400;
    font-size: 1em;
    line-height: 150%;
    color: rgba(0, 0, 0, 0.3);
}

.progress-bar.progress-bar-news {
    background-color: rgba(0, 0, 0, 0.12);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9));
}

.arrows-news .slick-arrow {
    background-color: #EEEEEE;
}

.arrows-news .slick-arrow.slick-prev {
    background-image: url(../images/icons/slick-left-black.svg);
}

.arrows-news .slick-arrow.slick-next {
    background-image: url(../images/icons/slick-right-black.svg);
}

.question {
    padding: 30px 0px 30px;
    background-color: #ffffff;
}

.question.blue {
    padding: 50px 0px 20px;
    background-color: var(--main-blue-dark);
}

.question .container {
    position: relative;
    padding: 0px 100px 0px 100px;
}

.question__bg {
    position: absolute;
    width: 100vw;
    height: 220px;
    top: 50%;
    transform: translateY(-50%);
    left: calc((100vw - 1666px) / 2 * -1);
}

@media screen and (max-width: 1666px) {
    .question__bg {
        left: 0px;
    }
}

.question__bg .question__bg__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.question .about {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.question .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.question .info h3 {
    font-weight: 700;
    font-size: 2.625em;
    line-height: 130%;
    color: #FFFFFF;
    margin-bottom: 16px;
}

.question .info p {
    font-weight: 400;
    font-size: 1.125em;
    line-height: 160%;
    color: #ffffff;
}

.question .button {
    padding: 0px 30px;
    background-color: #ffffff;
}

.question.blue .button {
    background-color: var(--main-blue-dark);
}

.question .button a {
    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;
    width: 240px;
    height: 240px;
    background: var(--main-red);
    border-radius: 50%;
    font-weight: 700;
    font-size: 1em;
    line-height: 160%;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    overflow: hidden;
    position: relative;
}

.question .button a span {
    position: relative;
    z-index: 1;
    transition: 0.8s;
}

.question.blue .button a:hover span {
    color: #000000;
}

.question .button a::before {
    content: '';
    position: absolute;
    width: 101%;
    height: 0;
    left: 0;
    bottom: 0;
    background: var(--main-blue);
    transition: .8s ease-in-out;
    z-index: 0;
    pointer-events: none;
}

.question.blue .button a::before {
    background: #ffffff;
}

.question .button a:hover::before {
    height: 175%;
    bottom: -20px;
    transform: skewY(7deg);
}

.footer {
    background: var(--main-blue-dark);
    padding: 0px 90px;
}

.footer__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 60px 0px 40px;
    margin: 0px -15px;
}

.footer__infoblock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 450px;
    padding: 0px 15px;
}

.footer__infoblock__item {
    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;
}

.footer__infoblock__item:nth-child(1n+2) {
    margin-top: 25px;
}

.footer__infoblock h2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-weight: 700;
    font-size: 1.25em;
    line-height: 130%;
    letter-spacing: 0.03em;
    margin-bottom: 25px;
    text-transform: uppercase;
}

.footer__infoblock h2::before {
    content: "";
    width: 14px;
    min-width: 14px;
    height: 14px;
    margin-right: 8px;
    margin-top: 5px;
    border-radius: 50%;
    background-color: var(--main-red);
}

.footer__infoblock a,
.footer__infoblock span {
    display: block;
    font-weight: 400;
    font-size: 1.125em;
    line-height: 160%;
    color: rgba(255, 255, 255, 0.75);
    margin-bottom: 10px;
}

.footer__infoblock a:hover {
    color: #fff;
}

.footer__contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.footer__mark {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.footer__mark p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.125em;
    line-height: 160%;
    color: rgba(255, 255, 255, 0.75);
}

.footer__mark p:first-child {
    margin-right: 15px;
}

.footer__mark p:last-child::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--main-red);
    margin-right: 15px;
}

.footer__socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0px -7px;
}

.footer__socials a {
    width: 40px;
    height: 40px;
    background: var(--main-red);
    border-radius: 50%;
    margin: 0 7px;
    font-size: 0px;
    position: relative;
    overflow: hidden;
    transition: all 0.2s;
    border: 1px solid transparent;
}

.footer__socials a:hover {
    border: 1px solid #fff;

}

/* .footer__socials a::before {
    content: '';
    position: absolute;
    width: 101%;
    height: 0;
    left: 0;
    bottom: 0;
    background: var(--main-blue);
    transition: .8s ease-in-out;
    z-index: 0;
    pointer-events: none;
}

.footer__socials a:hover::before {
    height: 175%;
    bottom: -20px;
    transform: skewY(7deg);
} */

.footer__socials a::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 22px;
    height: 22px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.footer__socials a.facebook::after {
    background-image: url(../images/icons/facebook.svg);
}

.footer__socials a.telegram::after {
    background-image: url(../images/icons/telegram.svg);
}

.footer__socials a.google::after {
    background-image: url(../images/icons/google.svg);
}

@media screen and (max-width: 1300px) {
    .nav__logo {
        min-width: 150px;
        width: 150px;
    }

    .nav__item a {
        margin: 0px 10px;
    }

    .nav__info a {
        margin: 0px 10px;
    }
}

@media screen and (max-width: 1199px) {
    .nav__item a {
        margin: 0px 6px;
        padding: 6px 0px;
        font-size: 0.75em;
    }

    .nav__item ul li > ul {
        width: 250px;
    }

    .nav__item ul li > ul li a {
        padding: 8px 30px 8px 20px;
        font-size: 0.875em;
    }

    .nav__item ul li > ul li.dropdown > a::after {
        right: 15px;
    }

    .nav__info a {
        margin: 0px 6px;
    }

    .nav .nav__button {
        width: 140px;
        min-width: 140px;
    }

    .nav .nav__button a {
        width: 120px;
    }

    .home .nav .nav__button {
        height: 140px;
    }

    .home .nav .nav__button a {
        height: 120px;
        width: 120px;
    }

    .home .nav.fixed .nav__button a {
        height: 40px;
    }

    .main__header .container::before {
        bottom: 140px;
        width: calc(100% - 140px);
    }

    .main__header .container::after {
        right: 140px;
        height: calc(100% - 140px);
    }

    .main__header .info .uppertitle {
        font-size: 1.25em;
    }

    .main__header .info h1 {
        font-size: 2.5em;
        max-width: 600px;
    }

    .main__header .video {
        min-height: 140px;
    }

    .main__header .video a.play {
        width: 90px;
        height: 90px;
    }

    h2.main-title {
        font-size: 2.125em;
    }

    .service .header {
        padding: 0px 100px 30px;
    }

    .service .header p {
        font-size: 1.125em;
        max-width: 50%;
    }

    .service__item .item__link {
        height: 350px;
        width: 100%;
        min-width: auto;
    }

    .service__item .item__link .caption h3 {
        font-size: 2em;
    }

    .advantage .header {
        padding: 0px 100px 50px;
    }

    .advantage .header p {
        font-size: 1.125em;
        max-width: 50%;
    }

    .advantage__item {
        flex: calc((100% - 60px) / 2);
        max-width: calc((100% - 60px) / 2);
        min-height: 280px;
    }

    .advantage__item:nth-child(1n+3) {
        margin-top: 30px;
    }

    .advantage__item:nth-child(2n+2) {
        background: var(--main-red);
    }

    .advantage__item:nth-child(4n+2),
    .advantage__item:nth-child(4n+3) {
        background: var(--main-blue);
    }

    .advantage__item::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0px;
        left: calc((100% + 30px) * -1);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .advantage__item:nth-child(2n+2)::before {
        left: auto;
        right: calc((100% + 30px) * -1);
    }

    .advantage__item:nth-child(4n+1)::before {
        background-image: url(../images/icons/empty-blue.svg);
    }

    .advantage__item:nth-child(4n+2)::before {
        background-image: url(../images/icons/empty-red.svg);
    }

    .advantage__item:nth-child(4n+3)::before {
        background-image: url(../images/icons/empty-red.svg);
    }

    .advantage__item:nth-child(4n+4)::before {
        background-image: url(../images/icons/empty-blue.svg);
    }

    .advantage__item h3 {
        font-size: 1.25em;
    }

    .advantage__item p {
        font-size: 1.125em;
    }

    .advantage__item img {
        height: 35px;
    }

    .project__nav a {
        font-size: 1.125em;
    }

    .project__item {
        height: 530px;
    }

    /* .project__item:nth-child(2),
    .project__item:nth-child(3) {
        height: 300px;
    } */
    .project__item h3 {
        font-size: 2em;
    }

    .news__item .item__link .thumbnail {
        height: 280px;
    }

    .slick__main.slick-news .slick-list .slick-slide:first-child::before {
        height: 280px;
    }

    .slick__main.slick-news .slick-list .slick-slide:last-child::after {
        height: 280px;
    }

    .news__item .item__link .caption h3 {
        font-size: 1.25em;
    }

    .question .info h3 {
        font-size: 2.25em;
    }

    .question .button {
        padding: 15px 30px;
    }

    .question .button a {
        width: 200px;
        height: 200px;
        font-size: 0.875em;
    }

    .footer__infoblock h2 {
        font-size: 1.125em;
    }

    .footer__infoblock a,
    .footer__infoblock span {
        font-size: 1em;
    }

    .footer__mark p {
        font-size: 1em;
    }
}

@media screen and (max-width: 991px) {
    .nav__item {
        display: none;
    }

    .nav__info {
        margin-left: auto;
    }

    .nav__burger__container {
        cursor: pointer;
        user-select: none;
        z-index: 10;
        display: flex;
        width: 30px;
        height: 30px;
        align-items: center;
        justify-content: space-between;
    }

    .nav__burger {
        display: block !important;
        position: relative !important;
        top: 0 !important;
        width: 25px !important;
        height: 2px !important;
        background-color: black !important;
        transform: none !important;
    }

    .nav__burger::before,
    .nav__burger::after {
        content: '';
        position: absolute;
        height: 2px;
        background-color: black !important;
        transition: .3s;
        left: 0;
    }

    .nav__burger::before {
        top: -8px !important;
        width: 30px !important;
    }

    .nav__burger::after {
        top: 8px !important;
        width: 20px !important;
    }

    .nav__burger__container.active::after {
        position: fixed;
        content: '';
        width: calc(100% - 50vw);
        height: 100vh;
        top: 0px;
        right: 0px;
        cursor: auto;
    }

    .nav__burger__container.active .nav__burger {
        height: 0;
    }

    .nav__burger__container.active .nav__burger::after,
    .nav__burger__container.active .nav__burger::before {
        top: 0;
        width: 30px;
        background-color: #000000;
    }

    .nav__burger__container.active .nav__burger::after {
        transform: rotate(45deg);
    }

    .nav__burger__container.active .nav__burger::before {
        transform: rotate(135deg);
    }

    .mob__menu__container {
        display: flex;
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        z-index: 200;
        background: rgba(0, 0, 0, .7);
        overflow: hidden;
        opacity: 0;
        pointer-events: none;
        transition: 0.4s;
    }

    .mob__menu__container.active {
        opacity: 1;
        pointer-events: all;
    }

    .mob__menu {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 50%;
        background-color: #ffffff;
        row-gap: 15px;
        padding: 20px 15px;
        overflow-y: auto;
    }

    .mob__menu a {
        color: #000000;
        font-size: 16px;
        cursor: pointer;
        margin: 0;
        font-weight: bold;
        text-transform: uppercase;
    }

    .mob__menu a:hover {
        text-decoration: underline;
    }

    .mob__menu .nav__burger__container {
        margin-bottom: 20px;
    }

    .main__header .info h1 {
        margin-right: 100px;
        font-size: 2.25em;
    }

    .service .header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .service .header p {
        max-width: 100%;
        margin-top: 30px;
    }

    .advantage .header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .advantage .header p {
        max-width: 100%;
        margin-top: 30px;
    }

    .project__item {
        width: 100%;
        height: 450px;
    }

    .project__item h3 {
        font-size: 1.5em;
    }

    /* .project__item:nth-child(2),
    .project__item:nth-child(3) {
        height: 350px;
    }

    .project__item:nth-child(1n+2) {
        margin-top: 30px;
    } */
    .question__bg {
        height: 100%;
    }

    .question .about {
        padding: 30px 0px;
        -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;
    }

    .question .info {
        margin-bottom: 30px;
    }

    .question .info h3 {
        font-size: 2em;
    }

    .question .button {
        padding: 0px;
        background-color: transparent;
    }

    .question .button a {
        border-radius: 0px;
        height: auto;
        width: auto;
        padding: 15px;
    }

    .question.blue .button a:hover span {
        color: #ffffff;
    }

    .question.blue .button a::before {
        background: var(--main-blue);
    }

    .footer__body {
        flex-wrap: wrap;
    }

    .footer__infoblock {
        width: auto;
        min-width: calc(50% + 30px);
        max-width: none;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin: 0px -15px;
    }

    .footer__infoblock:nth-child(1n+2) {
        margin-top: 30px;
    }

    .footer__infoblock__item {
        padding: 0px 15px;
    }

    .footer__infoblock__item:nth-child(1n+2) {
        margin-top: 0px;
    }

    .footer__contacts {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

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

@media screen and (max-width: 767px) {
    .wrapper {
        padding-top: 50px;
    }

    .mob__menu {
        padding: 10px 15px;
    }

    .mob__menu .nav__burger__container {
        margin-bottom: 10px;
    }

    .nav {
        height: 50px;
    }

    .nav__button,
    .main .nav .nav__button,
    .main .nav.fixed .nav__button {
        height: 50px;
        width: auto;
        min-width: auto;
        margin-left: 6px;
    }

    .nav__button a,
    .main .nav .nav__button a,
    .main .nav.fixed .nav__button a {
        height: 30px;
        width: auto;
        border-radius: 0px;
        padding: 0px 15px;
        font-size: 0.75em;
    }

    .main .nav .nav__button a:hover::before {
        height: 200%;
    }

    .nav__logo {
        min-width: 114px;
        width: 115px;
        margin: 0 10px;
    }

    .nav__button a:hover::before {
        height: 200%;
    }

    .main__header {
        border: none;
    }

    .main__header .container::before {
        display: none;
    }

    .main__header .container::after {
        display: none;
    }

    .main__header .info {
        padding: 50px 30px 25px;
    }

    .main__header .info .uppertitle {
        font-size: 1.125em;
    }

    .main__header .info h1 {
        margin: 20px 0px 40px;
        font-size: 2em;
    }

    .main__header .info a {
        padding: 8px 12px;
        font-size: 0.75em;
    }

    .main__header .info a:hover::before {
        height: 200%;
    }

    .main__header-bottom {
        padding: 0 30px;
    }

    .main__header .video {
        padding: 0;
        /* padding: 25px 30px 50px; */
        height: auto;
    }

    .main__header .video a.play {
        width: 70px;
        height: 70px;
    }

    h2.main-title {
        font-size: 1.5em;
    }

    h2.main-title::before {
        width: 18px;
        min-width: 18px;
        height: 18px;
        margin-right: 8px;
    }

    .service {
        padding: 50px 0px 25px;
    }

    .service .header {
        padding: 0px 30px;
    }

    .service .header p {
        font-size: 1em;
        margin-top: 20px;
    }

    .slick__main .slick-list {
        padding: 0px 30px;
    }

    .slick__main .slick-list .slick-slide {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .slick-nav {
        padding: 0px 30px;
    }

    .slick-nav .arrows {
        margin-left: 20px;
        min-width: 80px;
    }

    .slick-arrow {
        width: 35px;
        height: 35px;
        background-size: 15px 15px;
    }

    .slick__main.slick-service .slick-list .slick-slide:first-child::before,
    .slick__main.slick-activities .slick-list .slick-slide:first-child::before {
        height: calc(100% - 60px);
    }

    .slick__main.slick-service .slick-list .slick-slide:last-child::after,
    .slick__main.slick-activities .slick-list .slick-slide:last-child::after {
        height: calc(100% - 60px);
    }

    .service__item .item__link {
        height: 250px;
    }

    .service__item .item__link::after {
        width: 40px;
        height: 40px;
        background-size: 20px 20px;
    }

    .service__item .item__link .caption {
        padding: 15px;
    }

    .service__item .item__link .caption .item__uppertitle {
        font-size: 1em;
        margin-bottom: 20px;
    }

    .service__item .item__link .caption h3 {
        font-size: 1.5em;
    }

    .service__item .item__link .caption .item__number {
        font-size: 3em;
    }

    .advantage {
        padding: 25px 0px 50px;
    }

    .advantage .header {
        padding: 0px 30px 30px;
    }

    .advantage .header p {
        font-size: 1em;
        margin-top: 20px;
    }

    .advantage .about {
        padding: 0px 30px;
    }

    .advantage__item {
        flex: calc(100% - 30px);
        max-width: calc(100% - 30px);
        padding: 15px;
        min-height: 220px;
    }

    .advantage__item:nth-child(1n+2) {
        margin-top: 15px;
    }

    .advantage__item:nth-child(2n+1) {
        background: var(--main-red);
    }

    .advantage__item:nth-child(2n+2) {
        background: var(--main-blue);
    }

    .advantage__item h3 {
        margin: 20px 0px 12px;
    }

    .advantage__item p {
        font-size: 1em;
    }

    .project {
        padding: 50px 0px 25px;
    }

    .project .container {
        padding: 0px 30px;
    }

    .project__nav {
        margin: 20px -8px 18px;

    }

    .project__nav a {
        margin: 0px 8px 12px;
        font-size: .9em;
        display: block;
    }

    .project__item {
        height: 300px;
    }

    .project .slick-nav {
        margin-top: 20px;
        padding: 10px 30px 10px 30px;
    }

    .project__item .project__link::after {
        width: 40px;
        height: 40px;
        background-size: 20px 20px;
    }

    /* .project__item:nth-child(2),
    .project__item:nth-child(3) {
        height: 250px;
    }

    .project__item:nth-child(1n+2) {
        margin-top: 15px;
    } */
    .project__item .project__link .caption {
        padding: 15px;
    }

    .project__item .project__link .caption .uppertitle {
        font-size: 1em;
    }

    .project__item h3 {
        font-size: 1.5em;
        margin-top: 20px;
    }

    .project__item.project__button a {
        padding: 8px 12px;
        font-size: 0.75em;
        width: 100%;
    }

    .project__item.project__button a:hover::before {
        height: 400%;
        bottom: -50px;
    }

    .project .tabcontent .slick-nav {
        padding: 10px 0;
        justify-content: space-between;
    }

    .news {
        padding: 25px 0px 25px;
    }

    .news .header {
        padding: 0px 30px;
    }

    .news__item .item__link::after {
        width: 40px;
        height: 40px;
        background-size: 20px 20px;
    }

    .news__item .item__link .thumbnail {
        height: 250px;
    }

    .slick__main.slick-news .slick-list .slick-slide:first-child::before {
        height: 250px;
        top: 30px;
    }

    .slick__main.slick-news .slick-list .slick-slide:last-child::after {
        height: 250px;
        top: 30px;
    }

    .news__item .item__link .caption h3 {
        font-size: 1.125em;
    }

    .news__item .item__link .caption .date {
        font-size: 0.875em;
    }

    .question {
        padding: 0px;
    }

    .question.blue {
        padding: 0px;
    }

    .question .container {
        padding: 0px 30px;
    }

    .question .info h3 {
        font-size: 1.5em;
    }

    .question .info p {
        font-size: 1em;
    }

    .question .button a {
        padding: 8px 12px;
        font-size: 0.75em;
    }

    .question .button a:hover::before {
        height: 300%;
    }

    .footer {
        padding: 0px 30px;
    }

    .footer__infoblock {
        min-width: calc(100% + 30px);
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .footer__infoblock:nth-child(1n+2) {
        margin-top: 20px;
    }

    .footer__infoblock__item:nth-child(1n+2) {
        margin-top: 20px;
    }

    .footer__infoblock h2 {
        font-size: 1em;
        margin-bottom: 20px;
    }

    .footer__infoblock h2::before {
        margin-top: 3px;
    }

    .footer__infoblock a,
    .footer__infoblock span {
        font-size: 0.875em;
    }

    .footer__mark {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .footer__mark p {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        font-size: 0.875em;
    }

    .footer__mark p:last-child::before {
        margin-right: 0px;
        margin-bottom: 10px;
    }

    .footer__mark p:first-child {
        margin-right: 0px;
        margin-bottom: 10px;
    }
}

/*--company--*/

.header__title {
    background-color: var(--main-blue);
    background-image: url(../images/icons/logo-title-bg.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-bottom: 10px solid var(--main-red);
}

.header__title h1 {
    padding: 30px 100px 30px;
    font-size: 2.5em;
    line-height: 120%;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header__title h1::before {
    content: '';
    width: 26px;
    min-width: 26px;
    height: 26px;
    background-color: var(--main-red);
    margin-right: 12px;
    border-radius: 50%;
}

.header__title a {
    color: #fff;
}

.company__header {
    position: relative;
    padding: 50px 0px;
}

.company__header::before {
    content: '';
    position: absolute;
    z-index: 2;
    background: linear-gradient(90deg, rgba(28, 30, 101, 0.75) 28.45%, rgba(28, 30, 101, 0.24) 99.37%);
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.company__header .img {
    position: absolute;
    z-index: 1;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.company__header .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: grayscale(1);
}

.company__header .container {
    position: relative;
    z-index: 3;
}

.company__header .info {
    padding: 0px 90px;
}

.company__header .info .about {
    width: 45%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.company__header .info .about .uppertitle {
    padding: 40px 40px 25px;
    background-color: rgba(0, 0, 0, 0.12);
    border: 1px solid #ffffff;
    border-bottom: none;
    font-size: 1.25em;
    line-height: 140%;
    font-weight: 400;
    color: #ffffff;
    opacity: 0.8;
}

.company__header .info .about .h2 {
    padding: 40px;
    background-color: var(--main-red);
    font-size: 1.75em;
    line-height: 130%;
    font-weight: 700;
}

.company__header .info .about .undertitle {
    padding: 25px 40px 40px;
    background-color: rgba(0, 0, 0, 0.12);
    border: 1px solid #ffffff;
    border-top: none;
    font-size: 1.25em;
    line-height: 140%;
    font-weight: 400;
    color: #ffffff;
    opacity: 0.8;
}

.company__map {
    background-color: #ffffff;
    background-image: url(../images/photos/map.svg);
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 60%;
    padding: 70px 0px 140px;
}

.company__map .info {
    padding: 0px 90px;
}

.company__map .info .about {
    width: 35%;
}

.company__map h2.main-title {
    color: var(--main-blue);
}

.company__map .info .about p {
    margin-top: 35px;
    font-size: 1.875em;
    line-height: 120%;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.8);
}

.company__stat {
    background-color: var(--main-blue);
    padding: 75px 0px;
}

.company__stat .about {
    padding: 0px 90px;
    margin: 0px -15px;
    display: flex;
}

.company__stat__item {
    padding: 15px 30px 40px;
    margin: 0px 15px;
    border: 1px solid #ffffff;
    flex: 1;
    position: relative;
}

.company__stat__item:first-child:before {
    content: '';
    position: absolute;
    top: 0px;
    left: calc((100% + 30px) * -1);
    width: 100%;
    height: 100%;
    background-image: url(../images/icons/empty-white.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.company__stat__item:last-child:before {
    content: '';
    position: absolute;
    top: 0px;
    right: calc((100% + 30px) * -1);
    width: 100%;
    height: 100%;
    background-image: url(../images/icons/empty-white.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.company__stat__item h3 {
    font-size: 4em;
    line-height: 120%;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 8px;
}

.company__stat__item p {
    font-size: 1.125em;
    line-height: 140%;
    font-weight: 400;
    color: #ffffff;
}

.company__team {
    display: flex;
}

.company__team .container {
    position: relative;
}

.company__team .img {
    display: flex;
    position: absolute;
    top: 0px;
    right: calc((100vw - 1666px) / 2 * -1);
    height: 100%;
    width: calc(40% + (100vw - 1666px) / 2);
}

@media screen and (max-width: 1666px) {
    .company__team .img {
        right: 0px;
        width: 50%;
    }
}

.company__team .img::after {
    position: absolute;
    content: '';
    z-index: 2;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(46, 49, 146, 0.25), rgba(46, 49, 146, 0.25));
}

.company__team .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: grayscale(1);
}

.company__team .info {
    padding: 75px 60px 75px 100px;
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.company__team h2.main-title {
    color: var(--main-blue);
}

.company__team .info ul {
    display: flex;
    flex-wrap: wrap;
    margin: 35px -25px 50px;
    color: #000000;
}

.company__team .info ul li {
    flex: 0 0 calc(50% - 50px);
    margin: 0px 25px;
    padding-left: 30px;
    font-size: 1.125em;
    line-height: 120%;
    font-weight: 500;
    position: relative;
}

.company__team .info ul li:nth-child(1n+3) {
    margin-top: 25px;
}

.company__team .info ul li::before {
    position: absolute;
    top: 2px;
    left: 0px;
    content: '';
    width: 20px;
    height: 15px;
    background-image: url(../images/icons/check-red.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.company__team .info a {
    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;
    font-weight: 700;
    font-size: 0.875em;
    line-height: 160%;
    padding: 14px 57px;
    text-transform: uppercase;
    border: 1px solid var(--main-red);
    position: relative;
    overflow: hidden;
    margin-left: 30px;
}

.company__team .info a::before {
    content: '';
    position: absolute;
    width: 101%;
    height: 0;
    left: 0;
    bottom: 0;
    background: var(--main-red);
    transition: .8s ease-in-out;
    z-index: 0;
    pointer-events: none;
}

.company__team .info a:hover::before {
    height: 175%;
    bottom: -20px;
    transform: skewY(7deg);
}

.company__team .info a span {
    position: relative;
    color: var(--main-red);
    transition: .8s ease-in-out;
}

.company__team .info a:hover span {
    color: #ffffff;
}

.company__project {
    background-color: var(--main-blue);
    padding: 45px 0px;
}

.company__project .header {
    padding: 0px 90px;
}

.slick__main.slick-project .slick-list .slick-slide:first-child::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: calc((100% + 15px) * -1);
    width: 100%;
    height: calc(100% - 100px);
    background-image: url(../images/icons/empty-white.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.slick__main.slick-project .slick-list .slick-slide:last-child::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: calc((100% + 15px) * -1);
    width: 100%;
    height: calc(100% - 100px);
    background-image: url(../images/icons/empty-white.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.arrows-project .slick-arrow {
    background-color: rgba(255, 255, 255, 0.2);
}

.company__project__item {
    padding: 0px 15px;
    position: relative;
}

.company__project__item .item__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    height: 330px;
}

.company__project__item .item__link::after {
    content: '';
    position: absolute;
    right: 15px;
    top: -15px;
    background: var(--main-red);
    border-radius: 50%;
    width: 70px;
    height: 70px;
    background-image: url(../images/icons/item_arrow_link.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 30px 30px;
    opacity: 0;
    transition: 0.4s;
}

.company__project__item .item__link:hover::after {
    opacity: 1;
    z-index: 10;
}

.company__project__item .item__link::before {
    background: rgba(2, 1, 1, 0.4);
    width: 100%;
    height: 100%;
    position: absolute;
    content: '';
    transition: all 0.3s;
    top: 0;
    left: 0;
    z-index: 1;
}

.company__project__item .item__link .thumbnail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    overflow: hidden;
}

.company__project__item .item__link .thumbnail .thumbnail__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.4s;
}

.company__project__item .item__link:hover .thumbnail .thumbnail__img {
    transform: scale(1.1);
}

.company__project__item .item__link .caption {
    padding: 25px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 9;
}

.company__project__item .item__link .caption h3 {
    font-size: 1.5em;
    line-height: 120%;
    font-weight: 700;
    text-transform: uppercase;
    color: #ffffff;
}

.company__group {
    padding: 65px 0px;
    background-color: #ffffff;
}

.company__group .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0px 100px 50px;
}

.company__group .header h2.main-title {
    color: var(--main-blue);
}

.company__group .header p {
    font-weight: 400;
    font-size: 1.25em;
    line-height: 120%;
    color: rgba(0, 0, 0, 0.8);
    max-width: 52%;
}

.company__group .body {
    padding: 0px 90px;
    margin: 0px -15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.company__group__item {
    padding: 30px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    border-radius: 2px;
    margin: 0px 15px;
    flex: 0 0 calc((100% / 3) - 30px);
    max-width: calc((100% / 3) - 30px);
    display: flex;
    flex-direction: column;
    min-height: 245px;
    position: relative;
}

.company__group__item:nth-child(1n+4) {
    margin-top: 30px;
}

.company__group__item:nth-child(3n+1)::after {
    content: '';
    position: absolute;
    top: 0px;
    right: calc((100% + 32px) * -1);
    width: 100%;
    height: 100%;
    background-image: url(../images/icons/empty-red.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.company__group__item img {
    height: 40px;
    width: 40px;
    margin-bottom: 20px;
}

.company__group__item p {
    font-size: 1.125em;
    line-height: 140%;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.8);
}

.company__certificates {
    padding: 55px 0px;
    background-color: #F9F9F9;
}

.company__certificates .header {
    padding: 0px 90px;
}

.company__certificates h2.main-title {
    color: var(--main-blue);
}

.certificate__item {
    padding: 0px 65px;
}

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

.certificate__item .item__link .thumbnail {
    height: 300px;
    padding: 20px;
    display: flex;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.certificate__item .item__link .thumbnail .thumbnail__img {
    width: 100%;
    height: 100%;
    transition: 0.3s;
    object-fit: contain;
}

.certificate__item .item__link:hover .thumbnail:hover {
    border: 1px solid rgba(0, 0, 0, 0.3);
}

.certificate__item .item__link .caption {
    width: 100%;
    padding-top: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.certificate__item .item__link .caption h3 {
    font-size: 1.125em;
    line-height: 120%;
    font-weight: 700;
    color: var(--main-blue);
}

.progress-bar.progress-bar-certificates {
    background-color: rgba(46, 49, 146, 0.12);
    background-image: linear-gradient(to right, rgba(46, 49, 146, 1), rgba(46, 49, 146, 1));
}

.arrows-certificates .slick-arrow {
    background-color: rgba(46, 49, 146, 0.07);
}

.arrows-certificates .slick-arrow.slick-prev {
    background-image: url(../images/icons/slick-left-blue.svg);
}

.arrows-certificates .slick-arrow.slick-next {
    background-image: url(../images/icons/slick-right-blue.svg);
}

.company__partners {
    padding: 55px 0px 95px;
}

.company__partners .header {
    padding: 0px 90px;
}

.company__partners h2.main-title {
    color: var(--main-blue);

}

.company__partners__nav {
    padding: 0px 90px;
    margin: 30px -20px 40px;
    display: flex;
    flex-wrap: wrap;
}

.company__partners__nav a {
    margin: 0px 20px;
    color: var(--main-blue);
    font-size: 1.25em;
    line-height: 130%;
    font-weight: 500;
    transition: 0.4s;

}

.company__partners__nav a:hover {
    color: var(--main-red);
}

.company__partners .body {
    display: flex;
    flex-wrap: wrap;
    padding: 0px 90px;
    margin: 0px -15px;
}

.partner__item {
    padding: 0px 15px;
    flex: 0 0 calc(100% / 5);
    max-width: calc(100% / 5);
}

.partner__item:nth-child(1n+6) {
    margin-top: 30px;
}

.partner__item .item__link {
    display: flex;
    flex-direction: column;
}

.partner__item .item__link .thumbnail {
    padding: 10px;
    border: 1px solid rgba(46, 49, 146, 0.2);
    width: 100%;
    height: 140px;
    overflow: hidden;
}

.partner__item .item__link .thumbnail .thumbnail__img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: 0.4s;
}

.partner__item .item__link:hover .thumbnail .thumbnail__img {
    transform: scale(1.1);
}

.partner__item .item__link .caption {
    padding-top: 14px;
    width: 100%;
}

.partner__item .item__link .caption h3 {
    font-size: 1.125em;
    line-height: 120%;
    font-weight: 400;
    color: #000000;
}

@media screen and (max-width: 1199px) {
    .header__title h1 {
        font-size: 2.125em;
    }

    .company__header .info .about .uppertitle {
        font-size: 1.125em;
        padding: 30px 30px 20px;
    }

    .company__header .info .about h2 {
        font-size: 1.5em;
        padding: 30px;
    }

    .company__header .info .about .undertitle {
        font-size: 1.125em;
        padding: 20px 30px 30px;
    }

    .company__map .info .about p {
        font-size: 1.5em;
    }

    .company__stat .about {
        flex-wrap: wrap;
    }

    .company__stat__item {
        flex: 0 0 calc((100% / 2) - 30px);
        max-width: calc((100% / 2) - 30px);
    }

    .company__stat__item:nth-child(1n+3) {
        margin-top: 30px;
    }

    .company__stat__item:nth-child(2n+1)::before {
        content: '';
        position: absolute;
        top: 0px;
        left: calc((100% + 32px) * -1);
        width: 100%;
        height: 100%;
        background-image: url(../images/icons/empty-white.svg);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .company__stat__item:nth-child(2n+2)::before {
        content: '';
        position: absolute;
        top: 0px;
        right: calc((100% + 32px) * -1);
        width: 100%;
        height: 100%;
        background-image: url(../images/icons/empty-white.svg);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .company__stat__item h3 {
        font-size: 3.25em;
    }

    .company__project__item .item__link {
        height: 280px;
    }

    .company__group .header p {
        font-size: 1.125em;
        max-width: 50%;
    }

    .company__group__item {
        flex: 0 0 calc((100% / 2) - 30px);
        max-width: calc((100% / 2) - 30px);
    }

    .company__group__item:nth-child(1n+3) {
        margin-top: 30px;
    }

    .company__group__item:nth-child(3n+1)::after {
        display: none;
    }

    .company__group__item:nth-child(2n+1)::after {
        content: '';
        position: absolute;
        top: 0px;
        right: calc((100% + 32px) * -1);
        width: 100%;
        height: 100%;
        background-image: url(../images/icons/empty-red.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .certificate__item {
        padding: 0px 45px;
    }

    .certificate__item .item__link .thumbnail {
        height: 250px;
    }

    .company__partners__nav a {
        font-size: 1.125em;
    }

    .partner__item {
        flex: 0 0 calc(100% / 3);
        max-width: calc(100% / 3);
    }

    .partner__item:nth-child(1n+4) {
        margin-top: 30px;
    }
}

@media screen and (max-width: 991px) {
    .company__header .info .about {
        width: 100%;
    }

    .company__map {
        padding: 70px 0px;
    }

    .company__map .info .about {
        width: 50%;
    }

    .company__team .info {
        width: 100%;
        padding: 75px 100px;
    }

    .company__team .img {
        width: 100%;
        position: relative;
        height: 400px;
    }

    .company__group .header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .company__group .header p {
        max-width: 100%;
        margin-top: 30px;
    }

    .partner__item .item__link .thumbnail {
        height: 120px;
    }
}

@media screen and (max-width: 767px) {
    .header__title {
        border-bottom: 5px solid var(--main-red);
    }

    .header__title h1::before {
        width: 18px;
        min-width: 18px;
        height: 18px;
        margin-right: 8px;
    }

    .header__title h1 {
        font-size: 1.375em;
        padding: 20px 30px;
    }

    .company__header .info {
        padding: 0px 30px;
    }

    .company__header .info .about .uppertitle {
        font-size: 1em;
        padding: 20px 20px 15px;
    }

    .company__header .info .about h2 {
        font-size: 1.25em;
        padding: 20px;
    }

    .company__header .info .about .undertitle {
        font-size: 1em;
        padding: 15px 20px 20px;
    }

    .company__map {
        padding: 50px 0px 250px;
        background-size: 375px;
        background-position: center bottom 30px;
    }

    .company__map .info {
        padding: 0px 30px;
    }

    .company__map .info .about {
        width: 100%;
    }

    .company__map .info .about p {
        font-size: 1.125em;
        margin-top: 15px;
    }

    .company__stat {
        padding: 50px 0px;
    }

    .company__stat .about {
        padding: 0px 30px;
        margin: 0px;
    }

    .company__stat__item {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 20px;
        margin: 0px;
    }

    .company__stat__item:nth-child(1n+2) {
        margin-top: 15px;
    }

    .company__stat__item h3 {
        font-size: 2.75em;
    }

    .company__stat__item p {
        font-size: 1em;
    }

    .company__team .info {
        padding: 50px 30px;
    }

    .company__team .info ul {
        margin: 15px 0px 30px;
    }

    .company__team .info ul li {
        margin: 0px;
        flex: 0 0 100%;
        font-size: 1em;
    }

    .company__team .info ul li:nth-child(1n+2) {
        margin-top: 15px;
    }

    .company__team .info a {
        padding: 8px 12px;
        font-size: 0.75em;
        width: 100%;
        margin: 0px;
    }

    .company__team .info a:hover::before {
        height: 400%;
        bottom: -50px;
    }

    .company__team .img {
        height: 250px;
    }

    .company__project {
        padding: 50px 0px;
    }

    .company__project .header {
        padding: 0px 30px;
    }

    .company__project__item .item__link {
        height: 250px;
    }

    .company__project__item .item__link::after {
        width: 40px;
        height: 40px;
        background-size: 20px 20px;
    }

    .company__project__item .item__link .caption {
        padding: 20px;
    }

    .company__project__item .item__link .caption h3 {
        font-size: 1.25em;
    }

    .slick__main.slick-project .slick-list .slick-slide:first-child::before {
        height: calc(100% - 60px);
    }

    .slick__main.slick-project .slick-list .slick-slide:last-child::after {
        height: calc(100% - 60px);
    }

    .company__group {
        padding: 50px 0px;
    }

    .company__group .header {
        padding: 0px 30px 20px;
    }

    .company__group .header p {
        font-size: 1em;
        margin-top: 15px;
    }

    .company__group .body {
        padding: 0px 30px;
        margin: 0px;
    }

    .company__group__item {
        flex: 0 0 100%;
        max-width: 100%;
        margin: 0px;
        min-height: auto;
        padding: 20px;
    }

    .company__group__item:nth-child(1n+2) {
        margin-top: 15px;
    }

    .company__group__item img {
        height: 35px;
        width: 35px;
        margin-bottom: 10px;
    }

    .company__group__item p {
        font-size: 1em;
    }

    .company__certificates {
        padding: 50px 0px;
    }

    .company__certificates .header {
        padding: 0px 30px;
    }

    .certificate__item {
        padding: 0px 15px;
    }

    .certificate__item .item__link .thumbnail {
        height: 200px;
    }

    .certificate__item .item__link .caption {
        padding-top: 15px;
    }

    .certificate__item .item__link .caption h3 {
        font-size: 1em;
    }

    .company__partners {
        padding: 50px 0px;
    }

    .company__partners .header {
        padding: 0px 30px;
    }

    .company__partners__nav {
        padding: 0px 30px;
        margin: 15px -8px 18px;
    }

    .company__partners__nav a {
        margin: 0px 8px 12px;
    }

    .company__partners .body {
        padding: 0px 30px;
    }

    .partner__item {
        flex: 0 0 calc(100% / 2);
        max-width: calc(100% / 2);
    }

    .partner__item:nth-child(1n+3) {
        margin-top: 15px;
    }

    .partner__item .item__link .thumbnail {
        padding: 15px;
        height: 100px;
    }

    .partner__item .item__link .caption h3 {
        font-size: 1em;
    }
}

/*--team--*/

.team__people {
    padding: 40px 0px 70px;
}

.team__people .header {
    padding: 0px 90px;
}

.team__people .header p {
    font-size: 1.25em;
    line-height: 140%;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.8);
    border-left: 3px solid var(--main-red);
    padding-left: 27px;
    max-width: 65%;
}

.team__people .body {
    padding: 0px 90px;
    margin: 0px -15px;
    margin-top: 60px;
    display: flex;
    flex-wrap: wrap;
}

.team__people .body .people__item {
    flex: 0 0 calc(100% / 3);
    max-width: calc(100% / 3);
    padding: 0px 15px;
}

.team__people .body .people__item:nth-child(1n+4) {
    margin-top: 55px;
}

.people__item .item__link {
    display: flex;
    flex-direction: column;
}

.people__item .item__link .thumbnail {
    display: flex;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 50%;
}

.team__people .body .people__item .item__link .thumbnail {
    height: calc((1666px - 170px) / 3 - 30px);
}

@media screen and (max-width: 1666px) {
    .team__people .body .people__item .item__link .thumbnail {
        height: calc((100vw - 170px) / 3 - 30px);
    }
}

.people__item:nth-child(2n+1) .item__link .thumbnail {
    background-color: var(--main-red);
}

.people__item:nth-child(2n+2) .item__link .thumbnail {
    background-color: var(--main-blue);
}

.people__item .item__link .thumbnail .thumbnail__img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: 0.4s;
}

.people__item .item__link:hover .thumbnail .thumbnail__img {
    transform: scale(1.1);
}

.people__item .item__link .caption {
    padding-top: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.people__item .item__link .caption h3 {
    font-size: 1.875em;
    line-height: 130%;
    font-weight: 700;
    color: var(--main-red);
    margin-bottom: 10px;
    text-align: center;
}

.people__item .item__link .caption span {
    font-size: 1.125em;
    line-height: 140%;
    font-weight: 400;
    text-align: center;
}

.team__tabs {
    background-color: #FAFAFF;
    padding: 60px 0px;
}

.team__tabs .header {
    padding: 0px 100px 30px;
}

.team__tabs h2.main-title {
    color: var(--main-blue);
}

.team__tabs .header p {
    margin-top: 25px;
    font-size: 1.25em;
    line-height: 140%;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.8);
}

.team__tabs .body {
    padding: 0px 90px;
}

.team__tabs .body .tabs__head {
    display: flex;
}

.team__tabs .body .tabs__head a {
    flex: 1;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    border-bottom: 4px solid rgba(0, 0, 0, 0.06);
    padding: 10px;
    font-size: 1.375em;
    line-height: 140%;
    font-weight: 700;
    color: var(--main-blue);
    transition: 0.4s;
}

.team__tabs .body .tabs__head a.active,
.team__tabs .body .tabs__head a:hover {
    border-color: var(--main-red);
}

.team__tabs .body .tabs__body {
    padding: 40px 0px;
    color: #000000;
}

.team__tabs .body .tabs__body ul li {
    font-size: 1.125em;
    line-height: 120%;
    font-weight: 400;
    padding-left: 30px;
    position: relative;
}

.team__tabs .body .tabs__body ul li:nth-child(1n+2) {
    margin-top: 25px;
}

.team__tabs .body .tabs__body ul li::before {
    position: absolute;
    content: '';
    left: 0px;
    top: 2px;
    width: 20px;
    height: 15px;
    background-image: url(../images/icons/check-red.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

@media screen and (max-width: 1199px) {
    .team__people .header p {
        font-size: 1.125em;
    }

    .team__people .body .people__item {
        flex: 0 0 calc(100% / 2);
        max-width: calc(100% / 2);
    }

    .team__people .body .people__item:nth-child(1n+3) {
        margin-top: 55px;
    }

    .team__people .body .people__item .item__link .thumbnail {
        height: calc((100vw - 170px) / 2 - 30px);
    }

    .people__item .item__link .caption h3 {
        font-size: 1.75em;
    }

    .team__tabs .header p {
        font-size: 1.125em;
    }

    .team__tabs .body .tabs__head a {
        font-size: 1.25em;
    }
}

@media screen and (max-width: 991px) {
    .team__people .header p {
        max-width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .team__people {
        padding: 25px 0px 50px;
    }

    .team__people .header {
        padding: 0px 30px;
    }

    .team__people .header p {
        font-size: 1em;
        padding-left: 13px;
        border-left: 2px solid var(--main-red);
    }

    .team__people .body {
        padding: 0px 30px;
        margin: 30px 0px 0px;
        flex-direction: column;
    }

    .team__people .body .people__item {
        flex: 0 0 315px;
        max-width: 315px;
        width: 100%;
        padding: 0px;
        margin: 0px auto;
    }

    .team__people .body .people__item:nth-child(1n+2) {
        margin-top: 30px;
    }

    .team__people .body .people__item .item__link .thumbnail {
        height: 250px;
        width: 250px;
        margin: 0px auto;
    }

    .people__item .item__link .caption {
        padding-top: 15px;
    }

    .people__item .item__link .caption h3 {
        font-size: 1.5em;
    }

    .people__item .item__link .caption span {
        font-size: 1em;
    }

    .team__tabs {
        padding: 50px 0px 20px;
    }

    .team__tabs .header {
        padding: 0px 30px 20px;
    }

    .team__tabs .header p {
        font-size: 1em;
        margin-top: 15px;
    }

    .team__tabs .body {
        padding: 0px 30px;
    }

    .team__tabs .body .tabs__head {
        flex-direction: column;
    }

    .team__tabs .body .tabs__head a {
        border: none;
        border-left: 4px solid rgba(0, 0, 0, 0.06);
        text-align: left;
        justify-content: flex-start;
        padding: 5px 10px;
        font-size: 1.125em;
    }

    .team__tabs .body .tabs__body {
        padding: 30px 0px;
    }

    .team__tabs .body .tabs__body ul li {
        font-size: 1em;
    }

    .team__tabs .body .tabs__body ul li:nth-child(1n+2) {
        margin-top: 15px;
    }
}

.team__view {
    padding: 35px 0px 25px;
}

.team__view .container {
    position: relative;
    display: flex;
    align-items: flex-start;
}

.team__view .img {
    display: flex;
    width: 30%;
    border-bottom: 10px solid var(--main-red);
    overflow: hidden;
}

.team__view .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin-bottom: -1px;
}

.team__view .info {
    width: 70%;
    margin-left: auto;
    padding: 0px 100px 0px 60px;
    color: rgba(0, 0, 0, 0.8);
}

.team__view .info .uppertitle {
    font-size: 1.125em;
    line-height: 160%;
    font-weight: 500;
    border-bottom: 2px solid var(--main-red);
    display: inline-block;
}

.team__view .info h2 {
    margin: 15px 0px 25px;
    font-size: 2.875em;
    line-height: 120%;
    font-weight: 700;
    color: var(--main-blue);
}

.team__view .info p {
    font-size: 1.125em;
    line-height: 140%;
    font-weight: 400;
    margin-bottom: 20px;
}

.team__view .info p:last-child {
    margin-bottom: 0px;
}

.team__view .info p.quote {
    font-size: 1.5em;
    line-height: 140%;
    font-weight: 500;
    padding: 22px 0px;
    border-top: 2px solid #EAEAEA;
    border-bottom: 2px solid #EAEAEA;
    position: relative;
    margin: 30px 0px;
}

.team__view .info p.quote::before {
    position: absolute;
    content: '';
    left: 0px;
    top: -18px;
    width: 34px;
    height: 34px;
    padding-right: 20px;
    background-image: url(../images/icons/quote.svg);
    background-position: center left;
    background-repeat: no-repeat;
    background-size: 34px 34px;
    background-color: #ffffff;
}

.team__slider {
    padding: 25px 0px 50px;
}

.team__slider .header {
    padding: 0px 90px;
}

.team__slider h2.main-title {
    color: var(--main-blue);
    font-size: 1.5em;
}

.team__slider h2.main-title::before {
    width: 18px;
    min-width: 18px;
    height: 18px;
}

.team__slider .slick-team .people__item {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

.team__slider .slick-team .people__item:first-child::before {
    content: '';
    position: absolute;
    top: 50px;
    left: calc((100% - 15px) * -1);
    width: calc((1666px - 170px) / 4 - 30px);
    height: calc((1666px - 170px) / 4 - 30px);
    background-image: url(../images/icons/empty-red.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 50%;
}

.team__slider .slick-team .people__item:last-child::after {
    content: '';
    position: absolute;
    top: 50px;
    right: calc((100% - 15px) * -1);
    width: calc((1666px - 170px) / 4 - 30px);
    height: calc((1666px - 170px) / 4 - 30px);
    background-image: url(../images/icons/empty-red.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 50%;
}

.team__slider .slick-team .people__item .item__link .thumbnail {
    width: calc((1666px - 170px) / 4 - 30px);
    height: calc((1666px - 170px) / 4 - 30px);
}

@media screen and (max-width: 1666px) {
    .team__slider .slick-team .people__item:first-child::before {
        width: calc((100vw - 170px) / 4 - 30px);
        height: calc((100vw - 170px) / 4 - 30px);
    }

    .team__slider .slick-team .people__item:last-child::after {
        width: calc((100vw - 170px) / 4 - 30px);
        height: calc((100vw - 170px) / 4 - 30px);
    }

    .team__slider .slick-team .people__item .item__link .thumbnail {
        width: calc((100vw - 170px) / 4 - 30px);
        height: calc((100vw - 170px) / 4 - 30px);
    }
}

.team__slider .slick-team .people__item .item__link .caption {
    padding-top: 10px;
}

.team__slider .slick-team .people__item .item__link .caption h3 {
    font-size: 1.5em;
    margin-bottom: 5px;
}

.arrows-team .slick-arrow {
    background-color: #F9F9F9;
}

.arrows-team .slick-arrow.slick-prev {
    background-image: url(../images/icons/slick-left-red.svg);
}

.arrows-team .slick-arrow.slick-next {
    background-image: url(../images/icons/slick-right-red.svg);
}

.progress-bar.progress-bar-team {
    background-color: rgba(0, 0, 0, 0.1);
    background-image: linear-gradient(to right, rgba(241, 102, 106, 1), rgba(241, 102, 106, 1));
}

@media screen and (max-width: 1199px) {
    .team__view .img {
        width: 35%;
    }

    .team__view .info {
        width: 65%;
    }

    .team__view .info h2 {
        font-size: 2.5em;
    }

    .team__view .info p.quote {
        font-size: 1.375em;
    }

    .team__slider .slick-team .people__item:first-child::before {
        width: calc((100vw - 170px) / 3 - 30px);
        height: calc((100vw - 170px) / 3 - 30px);
    }

    .team__slider .slick-team .people__item:last-child::after {
        width: calc((100vw - 170px) / 3 - 30px);
        height: calc((100vw - 170px) / 3 - 30px);
    }

    .team__slider .slick-team .people__item .item__link .thumbnail {
        width: calc((100vw - 170px) / 3 - 30px);
        height: calc((100vw - 170px) / 3 - 30px);
    }

    .team__slider .slick-team .people__item .item__link .caption h3 {
        font-size: 1.375em;
    }

    .team__slider h2.main-title {
        font-size: 1.375em;
    }
}

@media screen and (max-width: 991px) {
    .team__slider .slick-team .people__item:first-child::before {
        width: calc((100vw - 170px) / 2 - 30px);
        height: calc((100vw - 170px) / 2 - 30px);
    }

    .team__slider .slick-team .people__item:last-child::after {
        width: calc((100vw - 170px) / 2 - 30px);
        height: calc((100vw - 170px) / 2 - 30px);
    }

    .team__slider .slick-team .people__item .item__link .thumbnail {
        width: calc((100vw - 170px) / 2 - 30px);
        height: calc((100vw - 170px) / 2 - 30px);
    }

    .team__view .container {
        flex-direction: column;
    }

    .team__view .img {
        width: calc(100% - 200px);
        height: 400px;
        margin: 0px 100px;
    }

    .team__view .img img {
        object-fit: contain;
    }

    .team__view .info {
        width: 100%;
        padding: 30px 100px 0px;
    }
}

@media screen and (max-width: 767px) {
    .team__view {
        padding: 25px 0px;
    }

    .team__view .img {
        width: calc(100% - 60px);
        height: 350px;
        margin: 0px 30px;
        border-bottom: 5px solid var(--main-red);
    }

    .team__view .info {
        padding: 15px 30px 0px;
    }

    .team__view .info .uppertitle {
        font-size: 1em;
    }

    .team__view .info h2 {
        margin: 10px 0px 15px;
        font-size: 1.75em;
    }

    .team__view .info p {
        font-size: 1em;
        margin-bottom: 10px;
    }

    .team__view .info p.quote {
        font-size: 1.125em;
        padding: 10px 0px;
        margin: 15px 0px;
    }

    .team__view .info p.quote::before {
        top: -14px;
        width: 26px;
        height: 26px;
        padding-right: 10px;
        background-size: 26px 26px;
    }

    .team__slider .header {
        padding: 0px 30px;
    }

    .team__slider .slick-team .people__item:first-child::before {
        top: 30px;
        width: 250px;
        height: 250px;
    }

    .team__slider .slick-team .people__item:last-child::after {
        top: 30px;
        width: 250px;
        height: 250px;
    }

    .team__slider .slick-team .people__item .item__link .thumbnail {
        width: 250px;
        height: 250px;
        margin: 0px auto;
    }

    .team__slider .slick-team .people__item .item__link .caption h3 {
        font-size: 1.25em;
    }

    .team__slider h2.main-title {
        font-size: 1.125em;
        line-height: 120%;
    }

    .team__slider h2.main-title::before {
        width: 12px;
        min-width: 12px;
        height: 12px;
    }
}

/*--activities--*/

.activities__main {
    background-color: var(--main-blue);
    padding: 40px 0px 50px;
}

.activities__main .header {
    padding: 0px 100px 20px;
}

.activities__main .header p {
    font-size: 1.25em;
    line-height: 140%;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.8);
    border-left: 3px solid #ffffff;
    padding-left: 27px;
    max-width: 65%;
}

.slick-activities .service__item .item__link .caption .item__uppertitle {
    display: none;
}

.arrows-activities .slick-arrow {
    background-color: rgba(238, 238, 238, 0.2);
}

@media screen and (max-width: 1199px) {
    .activities__main .header p {
        font-size: 1.125em;
    }
}

@media screen and (max-width: 991px) {
    .activities__main .header p {
        max-width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .activities__main {
        padding: 25px 0px 50px;
    }

    .activities__main .header {
        padding: 0px 30px;
    }

    .activities__main .header p {
        font-size: 1em;
        padding-left: 13px;
        border-left: 2px solid #ffffff;
    }
}

.activities__view .container {
    display: flex;
}

.activities__view .aside {
    background-color: #f1f2f5;
    width: 400px;
}

.aside__menu {
    padding: 20px 0px;
}

.aside__menu li a {
    padding: 10px 30px 10px 40px;
    font-size: 1.25em;
    line-height: 130%;
    font-weight: 500;
    color: var(--main-blue);
    transition: 0.4s;
    display: block;
}

.aside__menu li a:hover {
    color: var(--main-red);
    background-color: #fff;
}

.aside__menu li.active {

    border-left: 3px solid var(--main-red);
    background-image: url(../images/icons/empty-bluelight.svg);
}

.aside__menu li.active a {
    color: var(--main-red);
}

.activities__view .info {
    padding: 20px 100px 70px 50px;
    color: rgba(0, 0, 0, 0.8);
    width: calc(100% - 400px);
}

.activities__view .info .head {
    display: flex;
    margin-bottom: 35px;
}

.activities__view .info .head {
    display: none;
}

.rbase__main .activities__view .info .head {
    margin-bottom: 0;
}

.rbase__main .activities__view {
    width: 100%;
    max-width: 100%;
    padding: 0px 90px;
    margin: 20px auto 0;
}

.activities__view .info .head a {
    flex: 1;
    font-size: 1.375em;
    line-height: 140%;
    font-weight: 700;
    color: var(--main-blue);
    padding: 10px 5px;
    border-bottom: 4px solid rgba(0, 0, 0, 0.06);
    transition: 0.4s;
}

.activities__view .info .head a.active,
.activities__view .info .head a:hover {
    border-bottom: 4px solid var(--main-red);
}

.activities__view .info .body h1 {
    font-size: 2.5em;
    line-height: 120%;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.8);
    margin-bottom: 30px;
}

.activities__view .info .body p {
    font-size: 1.25em;
    line-height: 140%;
    font-weight: 400;
    margin-bottom: 20px;
}

.activities__view .info .body a {
    font-size: 1.25em;
    line-height: 140%;
    font-weight: 700;
    color: var(--main-red);
}

.activities__view .info .body a:hover {
    text-decoration: underline;
}

.activities__view .info .body p a {
    font-size: 1em;
}

.activities__view .info .body p.quote {
    font-size: 1.5em;
    line-height: 140%;
    font-weight: 500;
    padding: 22px 0px;
    border-top: 2px solid #EAEAEA;
    border-bottom: 2px solid #EAEAEA;
    position: relative;
    margin: 30px 0px;
}

.activities__view .info .body p.quote::before {
    position: absolute;
    content: '';
    left: 0px;
    top: -18px;
    width: 34px;
    height: 34px;
    padding-right: 20px;
    background-image: url(../images/icons/quote.svg);
    background-position: center left;
    background-repeat: no-repeat;
    background-size: 34px 34px;
    background-color: #ffffff;
}

.activities__view .info .body h2 {
    font-size: 1.875em;
    line-height: 120%;
    font-weight: 700;
    margin-bottom: 20px;
}

.activities__view .info .body .chart {
    display: flex;
    align-items: flex-end;
    height: 400px;
    margin: 40px -13px;
    padding-top: 40px;
}

.activities__view .info .body .chart .item {
    flex: 1;
    margin: 0px 13px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    position: relative;
    background-color: var(--main-blue);
    padding-bottom: 8px;
}

.activities__view .info .body .chart .item .rate {
    position: absolute;
    left: 50%;
    top: -35px;
    transform: translateX(-50%);
    color: var(--main-blue);
    font-size: 1.5em;
    line-height: 140%;
    font-weight: 700;
}

.activities__view .info .body .chart .item .number {
    font-size: 1.5em;
    line-height: 140%;
    font-weight: 700;
    color: #ffffff;
}

.activities__view .info .body p.box__float {
    float: right;
    max-width: 200px;
    font-size: 1em;
    font-weight: 700;
    padding-top: 6px;
    border-top: 4px solid var(--main-red);
    margin-left: 20px;
}

.activities__view .info .body p.box {
    font-size: 1.5em;
    line-height: 140%;
    font-weight: 700;
    color: var(--main-blue);
    margin: 30px 0px;
    padding-left: 16px;
    border-left: 4px solid var(--main-red);
}

.activities__view .info .body .graph {
    margin: 40px -16px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.activities__view .info .body .graph .item {
    max-width: 170px;
    margin: 0px 16px 16px;
    display: flex;
    flex-direction: column;
}

.activities__view .info .body .graph .item .circle {
    width: 170px;
    height: 170px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: var(--main-red);
}

.activities__view .info .body .graph .item .circle span {
    font-size: 2.5em;
    line-height: 100%;
    font-weight: 700;
    color: #ffffff;
}

.activities__view .info .body .graph .item p {
    font-size: 1.125em;
    line-height: 140%;
    font-weight: 700;
    color: var(--main-blue);
    margin-top: 12px;
    text-align: center;
}

.activities__view .info .body .img {
    display: flex;
    flex-direction: column;
    margin: 30px 0px;
}

.activities__view .info .body .img img {
    width: 100%;
}

.activities__view .info .body .img span {
    font-size: 1em;
    line-height: 150%;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.6);
    margin-top: 8px;
}

.activities__view .info .body h3 {
    font-size: 1.5em;
    line-height: 120%;
    font-weight: 700;
    margin-bottom: 20px;
}

.activities__view .info .body ol {
    margin-bottom: 20px;
    counter-reset: myCounter;
}

.activities__view .info .body ol li {
    font-size: 1.25em;
    line-height: 140%;
    font-weight: 400;
    margin-bottom: 12px;
    padding-left: 25px;
    position: relative;
    counter-increment: myCounter;
}

.activities__view .info .body ol li:before {
    position: absolute;
    left: 0px;
    content: counter(myCounter) ". ";
    color: var(--main-red);
    display: inline-block;
    text-align: center;
    font-weight: 700;
}

.activities__view .info .body ol li:last-child {
    margin-bottom: 0px;
}

.activities__view .info .body ul {
    margin-bottom: 20px;
}

.activities__view .info .body ul li {
    font-size: 1.25em;
    line-height: 140%;
    font-weight: 400;
    margin-bottom: 12px;
    padding-left: 25px;
    position: relative;
}

.activities__view .info .body ul li:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 8px;
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: var(--main-red);
    border-radius: 50%;
}

.activities__view .info .body ul li:last-child {
    margin-bottom: 0px;
}

.activities__view .info .body *:last-child {
    margin-bottom: 0px;
}

@media screen and (max-width: 1199px) {
    .activities__view .aside {
        width: 340px;
    }

    .aside__menu li {

    }

    .aside__menu li a {
        padding: 10px 20px 10px 30px;
        font-size: 1.125em;
    }

    .aside__menu li.active {
        padding: 10px 20px 10px 27px;
    }

    .activities__view .info {
        width: calc(100% - 340px);
    }

    .activities__view .info .head a {
        font-size: 1.125em;
    }

    .activities__view .info .body h1 {
        font-size: 2.125em;
    }

    .activities__view .info .body p {
        font-size: 1.125em;
    }

    .activities__view .info .body a {
        font-size: 1.125em;
    }

    .activities__view .info .body p.quote {
        font-size: 1.375em;
    }

    .activities__view .info .body h2 {
        font-size: 1.625em;
    }

    .activities__view .info .body .chart .item .rate {
        font-size: 1.25em;
    }

    .activities__view .info .body .chart .item .number {
        font-size: 1.25em;
    }

    .activities__view .info .body p.box {
        font-size: 1.375em;
    }

    .activities__view .info .body .graph .item .circle span {
        font-size: 2.25em;
    }

    .activities__view .info .body h3 {
        font-size: 1.375em;
    }

    .activities__view .info .body ol li {
        font-size: 1.125em;
    }

    .activities__view .info .body ul li {
        font-size: 1.125em;
    }
}

@media screen and (max-width: 991px) {
    .activities__view .aside {
        width: 300px;
    }

    .activities__view .info {
        width: calc(100% - 300px);
    }

    .activities__view .info .head {
        overflow-x: auto;
    }

    .activities__view .info .body .chart {
        margin: 40px -6px;
    }

    .activities__view .info .body .chart .item {
        margin: 0px 6px;
    }
}

@media screen and (max-width: 767px) {
    .activities__view .container {
        flex-direction: column;
    }

    .activities__view .aside {
        width: 100%;
    }

    .aside__menu {
        padding: 10px 0px;
    }

    .aside__menu li {
        padding: 6px 20px 6px 30px;
    }

    .aside__menu li.active {
        padding: 6px 20px 6px 27px;
    }

    .activities__view .info {
        width: 100%;
        padding: 25px 30px;
    }

    .activities__view .info .head {
        overflow: auto;
        flex-direction: column;
        margin-bottom: 20px;
    }

    .activities__view .info .head a {
        white-space: normal;
        padding: 6px 20px;
        border-bottom: none;
        border-left: 2px solid rgba(0, 0, 0, 0.06);
    }

    .activities__view .info .head a.active,
    .activities__view .info .head a:hover {
        border-bottom: none;
        border-left: 2px solid var(--main-red);
    }

    .activities__view .info .body h1 {
        font-size: 1.5em;
        margin-bottom: 20px;
    }

    .activities__view .info .body p {
        font-size: 1em;
        margin-bottom: 12px;
    }

    .activities__view .info .body a {
        font-size: 1em;
    }

    .activities__view .info .body p.quote {
        font-size: 1.125em;
        padding: 10px 0px;
        margin: 15px 0px;
    }

    .activities__view .info .body p.quote::before {
        top: -14px;
        width: 26px;
        height: 26px;
        padding-right: 10px;
        background-size: 26px 26px;
    }

    .activities__view .info .body h2 {
        font-size: 1.25em;
        margin-bottom: 12px;
    }

    .activities__view .info .body .chart {
        height: 300px;
        margin: 20px -6px;
        padding-top: 30px;
    }

    .activities__view .info .body .chart .item .rate {
        font-size: 1em;
        top: -25px;
    }

    .activities__view .info .body .chart .item .number {
        font-size: 1em;
    }

    .activities__view .info .body p.box__float {
        float: none;
        max-width: 100%;
        border-top: 2px solid var(--main-red);
        margin-left: 0px;
    }

    .activities__view .info .body p.box {
        font-size: 1.125em;
        margin: 20px 0px;
        padding-left: 8px;
        border-left: 2px solid var(--main-red);
    }

    .activities__view .info .body .graph {
        margin: 20px -8px;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .activities__view .info .body .graph .item {
        max-width: 120px;
        margin: 0px 8px 12px;
    }

    .activities__view .info .body .graph .item .circle {
        width: 120px;
        height: 120px;
    }

    .activities__view .info .body .graph .item .circle span {
        font-size: 1.5em;
    }

    .activities__view .info .body .graph .item p {
        font-size: 1em;
        margin-top: 8px;
    }

    .activities__view .info .body .img {
        margin: 20px 0px;
    }

    .activities__view .info .body .img span {
        font-size: 0.875em;
        margin-top: 6px;
    }

    .activities__view .info .body h3 {
        font-size: 1.125em;
        margin-bottom: 12px;
    }

    .activities__view .info .body ol {
        margin-bottom: 12px;
    }

    .activities__view .info .body ol li {
        font-size: 1em;
        margin-bottom: 8px;
        padding-left: 15px;
    }

    .activities__view .info .body ul {
        margin-bottom: 12px;
    }

    .activities__view .info .body ul li {
        font-size: 1em;
        margin-bottom: 8px;
        padding-left: 15px;
    }

    .activities__view .info .body ul li:before {
        top: 5px;
    }
    .rbase__main .activities__view {
        padding: 0px 30px;
    }
    .plate__item .item__link {
        width: 100%;
    }
}

/*--user--*/

.user__main {
    background-color: #f1f2f5;
}

.user__main > .container {
    display: flex;
}

.user__main .aside {
    width: 400px;
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
}

.user__main .aside .user__name {
    padding: 35px 35px 6px;
    display: flex;
}

.user__main .aside .user__name .img {
    /*    width: 115px;
        min-width: 115px;*/

    margin-right: 20px;
    display: flex;
    border-radius: 50%;
}

.user__main .aside .user__name .img form {
    width: 100%;

}

.user__main .aside .user__name .img form p {
    width: fit-content;
    font-size: 12px;
    display: flex;
    align-items: center;
    margin-bottom: 0px;
    color: #000;

}

.user__main .aside .user__name .img form p:nth-last-of-type(2) input {
    margin-right: 5px;

}

.user__main .aside .user__name .img form input {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    font-size: 12px;
    padding: 0;
    height: auto;
    width: auto;
    min-height: auto;
    padding: 5px;
    /* display: none; */
}

.user__main .aside .user__name .img form .image_input_wrap {
    display: block;
}

.user__main .aside .user__name .img form .image_input_wrap .input_image_button {
    display: flex;
    align-items: center;
    cursor: pointer;

}

.user__main .aside .user__name .img form .image_input_wrap .input_image_button .input_file_icon_wrap {
    display: block;
    width: 10px;
    height: 15px;
    /*    margin-right: 5px;*/
    background-image: url(../images/upload_icon.svg);
    flex-shrink: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 8px;
    margin-left: 2px;
}

.user__main .aside .user__name .img form .image_input_wrap .input_image_button .input_image_button_text {
    font-size: 1rem;
    line-height: 1;
    font-weight: 400;
    white-space: nowrap;
    padding-top: 0;
}

.user__main .aside .user__name .img form .image_input_wrap .filename {
    display: none;
}

.user__main .aside .user__name .img form .image_input_wrap .filename.filename_active {
    display: block;
}

.user__main .aside .user__name .img form .image_input_wrap .image_input {
    display: none;
}

.user__main .aside .user__name .img form .remove_image_input_wrap input {
    display: none;
}

.user__main .aside .user__name .img form .remove_image_input_wrap input:checked + label {
    color: var(--main-red);
}

.user__main .aside .user__name .img form .remove_image_input_wrap label {
    padding: 3px 0;
    position: relative;
    /*  padding-left: 15px;*/
    cursor: pointer;
    font-size: 1rem;
    padding-left: 20px;
}

.user__main .aside .user__name .img form .remove_image_input_wrap label::after {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 13px;
    height: 9px;
    background-image: url(../images/icons/delete.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 14px;
    min-width: 14px;
    height: 14px;
}

.user__main .aside .user__name .img form .submit_wrap {
    display: none;
}

.user__main .aside .user__name .img form .submit_wrap input {
    padding: 3px 5px;
    cursor: pointer;
    color: #ffffff;
    background-color: var(--main-red);
    line-height: 1;
    font-size: 14px;

}

.user__main .aside .user__name .img form .submit_wrap.submit_wrap_active {
    display: block;
}

.user__main .aside .user__name .img form label {
    /* display: none; */
}

.user__main .aside .user__name .img form.active label {
    display: block;
}

.user__main .aside .user__name .img form.active input {
    display: block;
}

.user__main .aside .user__name .img form .description {
    display: none;
}

.user__main .aside .user__name .img img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 50%;
    margin-bottom: 0px;
    float: left;
    width: 115px;
}

.user__main .aside .user__name span {
    font-size: 1.375em;
    line-height: 140%;
    font-weight: 700;
    color: #000000;
    padding-top: 25px;
}

span.name_users {
    display: inline-block;
    padding-left: 20px;
}

.user__main .aside .user__btns {
    padding: 6px 35px 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-left: 0 !important;
    width: 100%;
}

.user__main .aside .user__btns a {
    font-size: 1em;
    line-height: 120%;
    font-weight: 400;
    color: #000000;
    display: flex;
    align-items: center;
}

.user__main .aside .user__btns a:not(:last-child) {
    margin-bottom: 8px;
}

.user__main .aside .user__btns a:hover {
    text-decoration: underline;
}

.user__main .aside .user__btns a::before {
    content: '';
    width: 14px;
    min-width: 14px;
    height: 14px;
    margin-right: 5px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.user__main .aside .user__btns a.upload::before {
    background-image: url(../images/icons/upload.svg);
}

.user__main .aside .user__btns a.delete::before {
    background-image: url(../images/icons/delete.svg);
}

.user__main .aside .user__menu {
    padding: 10px 0px;

}

.user__main .aside .user__menu li {
    padding: 15px 35px 15px 35px;
}

.user__main .aside .user__menu li a {
    font-size: 1.25em;
    line-height: 150%;
    font-weight: 500;
    color: var(--main-blue);
    transition: 0.4s;
}

.user__main .aside .user__menu li a:hover {
    color: var(--main-red);
}

.user__main .aside .user__menu li.active {
    padding: 15px 35px 15px 31px;
    border-left: 4px solid var(--main-red);
    background-image: url(../images/icons/empty-bluelight.svg);
}

.user__main .aside .user__menu li.active a {
    color: var(--main-red);
}

.user__main .aside .btn__exit {
    display: flex;
    justify-content: flex-start;
    margin-top: auto;
    padding: 25px 35px 60px;
}

.user__main .aside .btn__exit a {
    font-size: 0.875em;
    line-height: 160%;
    font-weight: 700;
    color: var(--main-red);
    border: 1px solid var(--main-red);
    padding: 12px 40px;
    text-transform: uppercase;
    position: relative;
    overflow: hidden;
}

.user__main .aside .btn__exit a span {
    position: relative;
    z-index: 1;
    transition: .8s ease-in-out;
}

.user__main .aside .btn__exit a::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 0;
    left: 0;
    bottom: 0;
    background: var(--main-red);
    transition: .8s ease-in-out;
    z-index: 0;
    pointer-events: none;
}

.user__main .aside .btn__exit a:hover::before {
    height: 175%;
    bottom: -20px;
    transform: skewY(7deg);
}

.user__main .aside .btn__exit a:hover span {
    color: #ffffff;
}

.user__main > .container > .info {
    width: calc(100% - 400px);
    padding: 50px 100px 60px 75px;
    color: #000000;
}

.hidden_email,
.hidden_name {
    display: none;
}

.user__main > .container > .info h2 {
    font-size: 1.875em;
    line-height: 130%;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.8);
    margin-bottom: 30px;
    display: flex;
    align-items: center;
}

.user__main > .container > .info h2 a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    margin-right: 20px;
}

.user__main > .container > .info h2 a img {
    display: block;
    width: 100%;
    height: auto;
}

.user__main .info form {
    max-width: 550px;
    width: 100%;
}

.user__main .info form label {
    position: relative;

}

.user__main .info form input {
    margin-bottom: 20px;
    font-size: 1em;
}

.user__main .info form textarea {
    margin-bottom: 20px;
    font-size: 1em;
}

.user__main .info .btns {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}
.user__main .info .btns .add_file {
    position: relative;
    width: 215px;
    height: 45px;

}
.user__main .info .btns .add_file p{
    margin: 0;
    width: 100%;

}
.user__main .info .btns .add_file br{
   display: none;
}
.user__main .info .btns .add_file .filename{
display: block;
height: 30px;
max-height: 30px;
min-height: 30px;
}
.user__main .info .btns .add_file .input_document_button:after{
   position: absolute;
   content: "Прикріпити файл";
}
.user__main .info .btns .wpcf7-not-valid-tip{
    width: 300%;
    max-width: 550px;
}
.hidden_email,
.hidden_name, .hidden_lastname, .hidden_father_name {
	display: none;
  
}

.user__main .info .hover_red {
    font-size: 0.875em;
    line-height: 160%;
    font-weight: 700;
    color: #ffffff;
    background-color: var(--main-red);
    padding: 12px 40px;
    text-transform: uppercase;
    position: relative;
    overflow: hidden;
    border: none;
    box-shadow: none;
    cursor: pointer;
}

.user__main .info .hover_red::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 0;
    left: 0;
    bottom: 0;
    background: var(--main-blue);
    transition: .8s ease-in-out;
    z-index: 0;
    pointer-events: none;
}

.user__main .info .hover_red:hover:before {
    height: 175%;
    bottom: -20px;
    transform: skewY(7deg);

}

.user__main .info .hover_red span {
    position: relative;
    z-index: 1;
    transition: .8s ease-in-out;
}

.user__main .info .input_document_button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 45px;
    width: 215px;

    color: var(--main-red);
    background-color: unset;
    line-height: 1;
    cursor: pointer;

    font-size: 0.875em;
    font-weight: 700;
    border: 1px solid var(--main-red);
    padding: 15px;
    text-transform: uppercase;
    position: relative;
    overflow: hidden;
    box-shadow: none;
    cursor: pointer;
    background-color: transparent;
}

.user__main .info .input_document_button:hover {
    color: #fff;
}

.user__main .info .input_document_button:hover .filename.filename_active {
    color: #fff;
}

.user__main .info .input_document_button .filename {
    display: none;
    width: 100%;
    padding: 0 10px;
    background-color: unset;
    font-size: 20px;
    text-align: center
}

.user__main .info .input_document_button .filename.filename_active {
    display: block;
    margin: 0;
    font-size: 16px;
    line-height: 1;
    border: unset;
    position: relative;

}

.user__main .info .hover_red .input_file_button_text.hidden {
    display: none;
}

.user__main .info form .qbutton {
    display: none;
}

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

.buttons_wrap br {
    display: none;

}

.buttons_wrap #mfcf7_zl_multifilecontainer {
    margin: 0;
}

.buttons_wrap .submit_wrap {
    position: relative;
}

.buttons_wrap .submit_wrap .wpcf7-spinner {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    margin: auto;
}

.buttons_wrap .submit_wrap .wpcf7-submit {
    margin: 0;
    font-size: 0.875em;
    line-height: 160%;
    font-weight: 700;
    color: #ffffff;
    background-color: var(--main-red);
    padding: 12px 40px;
    text-transform: uppercase;
    position: relative;
    overflow: hidden;
    border: none;
    box-shadow: none;
    cursor: pointer;
    transition: 0.6s;
}

.buttons_wrap .submit_wrap .wpcf7-submit:hover {
    background: var(--main-blue);
    transition: 0.6s;
}

.user__main .info .btn {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    margin: auto;
    width: 30px;
    height: 30px;
    background-image: url(../images/show.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    background-color: unset;
    border: none;
}

.user__main .info .btn__second {
    font-size: 0.875em;
    line-height: 160%;
    font-weight: 700;
    border: 1px solid var(--main-red);
    padding: 11px 40px;
    text-transform: uppercase;
    position: relative;
    overflow: hidden;
    box-shadow: none;
    cursor: pointer;
    background-color: transparent;
}

.user__main .info .btn__second span {
    position: relative;
    color: var(--main-red);
    z-index: 1;
    transition: .8s ease-in-out;
}

.user__main .info .btn__second::before {
    content: '';
    position: absolute;
    width: 101%;
    height: 0;
    left: 0;
    bottom: 0;
    background: var(--main-red);
    transition: .8s ease-in-out;
    z-index: 0;
    pointer-events: none;
}

.user__main .info .btn__second:hover::before {
    height: 175%;
    bottom: -20px;
    transform: skewY(7deg);
}

.user__main .info .btn__second:hover span {
    color: #ffffff;
}

.user__main .info .user__documents {
    display: flex;
    flex-direction: column;
}

.user__main .info .user__documents .folders {
    display: flex;
    margin: 0px -14px 50px;
}

.user__main .info .user__documents .folders a {
    flex: 1;
    font-size: 1.125em;
    line-height: 200%;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.8);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 15px 20px;
    border: 1px solid rgba(0, 0, 0, 0.16);
    border-radius: 5px;
    margin: 0px 14px;
    transition: 0.4s;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.user__main .info .user__documents .folders a::before {
    content: '';
    width: 25px;
    min-width: 25px;
    height: 25px;
    margin-right: 12px;
    background-image: url(../images/icons/document-icon.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.user__main .info .user__documents .folders a:hover {
    background-color: #ffffff;
}

.user__main .info .user__documents .folders a span {
    overflow: hidden;
    text-overflow: ellipsis;
}

.user__main > .container > .info h3 {
    font-size: 1.5em;
    line-height: 140%;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.8);
    margin-bottom: 20px;
}

.user__main .info .user__documents .files__list {
    display: flex;
    flex-direction: column;
}

.user__main .info .user__documents .files__list .title {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.user__main .info .user__documents .files__list .title h3 {
    margin-bottom: 0px;
}

.user__main .info .user__documents .files__list .title span {
    margin-left: 28px;
    font-size: 1.375em;
    line-height: 140%;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.8);
}

.user__main .info .user__documents .files__list .title .buttons_for_documents {
    margin-left: auto;
    cursor: pointer;
    display: block;
    width: 36px;
    height: 36px;
    background-image: url(../images/archive.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    transition: 0.2s;
}

.go_to_all_files {
    display: block;
    width: 36px;
    height: 36px;
    background-image: url(../images/left_arrow.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    transition: 0.2s;
}

.go_to_all_files:hover {
    background-image: url(../images/left_arrow_red.png);
    transition: 0.2s;
}

.user__main .info .user__documents .files__list .title .buttons_for_documents:hover {
    background-image: url(../images/archive_red.png);
    transition: 0.2s;
}

.user__main .info .user__documents .files__list .title .buttons_for_documents small {
    display: flex;
    justify-content: center;
    align-items: center;
}

.user__main .info .user__documents .files__list .title .buttons_for_documents small img {
    display: block;
    width: 36px;
}

.user__main .info .user__documents .files__list ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #ffffff;
    padding: 15px 25px 15px 20px;
}

.user__main .info .user__documents .files__list ul li:not(:last-child) {
    margin-bottom: 15px;
}

.user__main .info .user__documents .files__list ul li > span {
    display: flex;
    padding: 0px 5px;
    width: 25%;
    justify-content: center;
    text-align: center;
}

.user__main .info .user__documents .files__list ul li > span.name {
    justify-content: flex-start;
}

.user__main .info .user__documents .files__list ul li > span.download {
    width: 180px;
    min-width: 180px;
}

.user__main .info .user__documents .files__list ul li > span.download .btn__second {
    padding: 11px;
    width: 100%;
    text-align: center;
}

.user__main .info .user__documents .files__list ul li:first-child {
    background-color: transparent;
    padding: 0px 25px 0px 20px;
}

.single-equipments .aside__menu li {
    padding: 0 !important;
}

.single-equipments .aside__menu li a:hover {
    background-color: transparent !important;
}

@media screen and (max-width: 1199px) {
    .user__main .aside {
        width: 340px;
    }

    .user__main .aside .user__name {
        padding: 35px 25px 6px;
    }

    .user__main .aside .user__name .img {
        width: 100%;
        min-width: 100%;
        height: auto;
    }

    .user__main .aside .user__name .img img {
        width: 90px;
    }

    .user__main .aside .user__name span {
        padding-top: 15px;
        font-size: 1.25em;
    }

    .user__main .aside .user__btns {
        padding: 6px 25px 10px;
    }

    .user__main .aside .user__menu li {
        padding: 10px 25px 10px 25px;
    }

    .user__main .aside .user__menu li a {
        font-size: 1.125em;
    }

    .user__main .aside .user__menu li.active {
        padding: 10px 25px 10px 21px;
    }

    .user__main .aside .btn__exit {
        padding: 20px 25px 60px;
    }

    .user__main .info {
        width: calc(100% - 340px);
        padding: 40px 100px 60px 50px;
    }

    .user__main .info h2 {
        font-size: 1.625em;
    }

    .user__main .info .user__documents .folders {
        margin: 0px -8px 40px;
    }

    .user__main .info .user__documents .folders a {
        font-size: 1em;
        padding: 10px 12px;
        margin: 0px 8px;
    }

    .user__main .info .user__documents .folders a::before {
        width: 20px;
        min-width: 20px;
        height: 20px;
        margin-right: 8px;
    }

    .user__main .info h3 {
        font-size: 1.375em;
    }

    .user__main .info .user__documents .files__list .title span {
        margin-left: 22px;
        font-size: 1.25em;
    }

    .user__main .info .user__documents .files__list ul li {
        padding: 10px;
    }

    .user__main .info .user__documents .files__list ul li > span.download {
        width: 130px;
        min-width: 130px;
    }

    .user__main .info .user__documents .files__list ul li > span.download .btn__second {
        padding: 8px;
        font-size: 0.75em;
    }

    .user__main .info .user__documents .files__list ul li:first-child {
        padding: 0px 10px;
    }

    .user__main .aside .user__btns {
        padding-top: 14px;
    }
}

@media screen and (max-width: 991px) {
    .user__main .aside {
        width: 250px;
    }

    .user__main .aside .user__name {
        flex-direction: column;
        padding: 35px 25px 15px;
        padding-bottom: 0;
    }

    .user__main .aside .user__name .img {
        margin-right: 0px;
        margin-bottom: 15px;
        margin-bottom: 0;
    }

    .user__main .aside .user__name span {
        padding-top: 0px;
    }

    .user__main .info {
        width: calc(100% - 250px);
        padding: 40px 40px 60px 40px;
    }

    .user__main .info form input {
        font-size: 1.125em;
    }

    .user__main .info form textarea {
        font-size: 1.125em;
    }

    span.name_users {
        padding: 0;
        padding: 0;
        padding-bottom: 10px;
        padding-top: 15px !important;
        display: block;
        clear: both;
    }
}

@media screen and (max-width: 767px) {
    .user__main .container {
        flex-direction: column;
    }

    .user__main .aside {
        width: 100%;
    }

    .user__main .aside .user__name {
        padding: 25px 30px 10px;
        align-items: center;
    }

    .user__main .aside .user__btns {
        padding: 10px 30px;
        align-items: center;
        padding-right: 0;
    }

    .user__main .aside .user__name .img img {
        width: 90px;
        margin: 0 auto;
        display: block;
        text-align: center;
        float: none;
    }

    .user__main .aside .user__name span {
        padding-top: 0px;
        text-align: center;
    }

    .user__main .aside .user__menu {
        padding: 0px;
    }

    .user__main .aside .user__menu li {
        padding: 8px 30px 8px 30px;
    }

    .user__main .aside .user__menu li.active {
        padding: 8px 30px 8px 28px;
        border-left: 2px solid var(--main-red);
        background-image: url(../images/icons/empty-bluelight.svg);
    }

    .user__main .aside .btn__exit {
        padding: 10px 30px 25px;
    }

    .user__main .aside .btn__exit a {
        font-size: 0.75em;
        padding: 8px 20px;
    }

    .user__main .info {
        width: 100%;
        padding: 25px 30px;
    }

    .user__main .info h2 {
        font-size: 1.25em;
        margin-bottom: 12px;
    }

    .user__main .info form {
        max-width: none;
    }

    .user__main .info form input {
        margin-bottom: 8px;
        font-size: 1em;
        min-height: auto;
        padding: 10px;
    }

    .user__main .info form textarea {
        margin-bottom: 8px;
        font-size: 1em;
        padding: 10px;
        min-height: 120px;
    }

    .user__main .info .btns {
        margin-top: 15px;
    }

    .user__main .info .btn {
        font-size: 0.75em;
        padding: 8px 20px;
    }

    .user__main .info .input-file-form-btn {
        margin-right: 10px;
    }

    .user__main .info .input-file-form-btn .input-file-name-btn {
        font-size: 0.75em;
        padding: 8px 20px;
    }

    .user__main .info .user__documents .folders {
        flex-direction: column;
        margin: 0px 0px 20px 0px;
    }

    .user__main .info .user__documents .folders a {
        font-size: 1em;
        padding: 8px 12px;
        margin: 0px 0px 8px 0px;
    }

    .user__main .info .user__documents .folders a:last-child {
        margin-bottom: 0px;
    }

    .user__main .info h3 {
        font-size: 1.125em;
        margin-bottom: 12px;
    }

    .user__main .info .user__documents .files__list .title {
        margin-bottom: 15px;
    }

    .user__main .info .user__documents .files__list .title span {
        margin-left: 12px;
        font-size: 1em;
    }

    .user__main .info .user__documents .files__list ul li {
        flex-wrap: wrap;
    }

    .user__main .info .user__documents .files__list ul li:not(:last-child) {
        margin-bottom: 8px;
    }

    .user__main .info .user__documents .files__list ul li > span {
        width: calc(100% / 3);
    }

    .user__main .info .user__documents .files__list ul li > span.name {
        width: 100%;
        justify-content: center;
        padding-bottom: 10px;
    }

    .user__main .info .user__documents .files__list ul li > span.download {
        padding-top: 10px;
        margin: 0px auto;
    }

    .user__main .info .user__documents .files__list ul li:first-child {
        display: none;
    }

    .user__main .info .user__documents .files__list ul li > span {
        flex-wrap: wrap;
    }
}

/*--vacancy--*/

.vacancy__main {
    background-color: var(--main-blue);
    padding: 50px 0px 70px;
}

.vacancy__main .about {
    display: flex;
    flex-wrap: wrap;
    padding: 0px 90px;
    margin: 0px -15px;
}

.vacancy__item {
    max-width: calc((100% / 3) - 30px);
    min-height: 360px;
    width: 100%;
    margin: 0px 15px;
    color: #ffffff;
    position: relative;
    display: flex;
}

.vacancy__item:first-child::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: calc((100% + 30px) * -1);
    background-image: url(../images/icons/empty-white.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.vacancy__item:last-child::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    right: calc((100% + 30px) * -1);
    background-image: url(../images/icons/empty-white.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.vacancy__item:nth-child(1n+4) {
    margin-top: 30px;
}

.vacancy__item .item__link {
    background-color: var(--main-red);
    width: 100%;
    padding: 30px 30px 70px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
}

.vacancy__item .item__link::after {
    position: absolute;
    content: '';
    bottom: 30px;
    right: 30px;
    width: 30px;
    height: 30px;
    background-image: url(../images/icons/item_arrow_link.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0;
    pointer-events: none;
    transition: 0.4s;
}

.vacancy__item .item__link:hover::after {
    opacity: 1;
    pointer-events: all;
}

.vacancy__item:nth-child(2n+2) .item__link {
    background-color: var(--main-blue-dark);
}

.vacancy__item .item__link .img {
    width: 80px;
    min-width: 80px;
    height: 80px;
    background-color: rgba(255, 255, 255, 0.2);
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.vacancy__item .item__link .img img {
    width: 40px;
    height: 30px;
    object-fit: contain;
}

.uppertitle-box {
    margin-bottom: 20px;
}

.vacancy__item .item__link .uppertitle {
    font-size: 1.125em;
    line-height: 160%;
    font-weight: 400;
    color: #ffffff;
    border-bottom: 2px solid #ffffff;
    margin-bottom: 20px;
    padding-bottom: 5px;
}

.vacancy__item:nth-child(2n+2) .item__link .uppertitle {
    border-bottom: 2px solid var(--main-red);
}

.vacancy__item .item__link h3 {
    font-size: 1.875em;
    line-height: 120%;
    font-weight: 700;
    color: #ffffff;
}

@media screen and (max-width: 1199px) {
    .vacancy__item {
        max-width: calc((100% / 2) - 30px);
        min-height: 320px;
    }

    .vacancy__item:nth-child(1n+3) {
        margin-top: 30px;
    }

    .vacancy__item:nth-child(2n+2) .item__link {
        background-color: var(--main-red);
    }

    .vacancy__item:nth-child(4n+2) .item__link,
    .vacancy__item:nth-child(4n+3) .item__link {
        background: var(--main-blue-dark);
    }

    .vacancy__item:nth-child(2n+2) .item__link .uppertitle {
        border-bottom: 2px solid #ffffff;
    }

    .vacancy__item:nth-child(4n+2) .item__link .uppertitle,
    .vacancy__item:nth-child(4n+3) .item__link .uppertitle {
        border-bottom: 2px solid var(--main-red);
    }

    .vacancy__item .item__link h3 {
        font-size: 1.625em;
    }
}

@media screen and (max-width: 767px) {
    .vacancy__main {
        background-color: var(--main-blue);
        padding: 25px 0px;
    }

    .vacancy__main .about {
        padding: 0px 30px;
        margin: 0px;
    }

    .vacancy__item {
        max-width: 100%;
        margin: 0px;
        min-height: 200px;
    }

    .vacancy__item:nth-child(1n+2) {
        margin-top: 15px;
    }

    .vacancy__item .item__link {
        padding: 15px 15px 50px;
    }

    .vacancy__item .item__link::after {
        bottom: 15px;
        right: 15px;
        width: 20px;
        height: 20px;
    }

    .vacancy__item:nth-child(4n+2) .item__link,
    .vacancy__item:nth-child(4n+3) .item__link {
        background: var(--main-red);
    }

    .vacancy__item:nth-child(2n+2) .item__link {
        background-color: var(--main-blue-dark);
    }

    .vacancy__item .item__link .img {
        width: 50px;
        min-width: 50px;
        height: 50px;
        margin-bottom: 8px;
    }

    .vacancy__item .item__link .img img {
        width: 25px;
        height: 20px;
        object-fit: contain;
    }

    .vacancy__item .item__link .uppertitle {
        font-size: 1em;
        margin-bottom: 8px;
    }

    .vacancy__item:nth-child(4n+2) .item__link .uppertitle,
    .vacancy__item:nth-child(4n+3) .item__link .uppertitle {
        border-bottom: 2px solid #ffffff;
    }

    .vacancy__item:nth-child(2n+2) .item__link .uppertitle {
        border-bottom: 2px solid var(--main-red);
    }

    .vacancy__item .item__link h3 {
        font-size: 1.25em;
    }
}

.vacancy__view .container {
    display: flex;
}

.vacancy__view .info {
    width: calc(100% - 580px);
    padding: 40px 80px 70px 100px;
    color: rgba(0, 0, 0, 0.8);
}

.vacancy__view .uppertitle {
    font-size: 1.125em;
    line-height: 160%;
    font-weight: 500;
    border-bottom: 2px solid var(--main-red);
    margin-bottom: 20px;
    display: inline-block;
}

.vacancy__view h1 {
    font-size: 2.5em;
    line-height: 140%;
    font-weight: 700;
    margin-bottom: 30px;
}

.vacancy__view h2 {
    font-size: 1.875em;
    line-height: 140%;
    font-weight: 700;
    margin-bottom: 20px;
}

.vacancy__view h3 {
    font-size: 1.5em;
    line-height: 140%;
    font-weight: 700;
    margin-bottom: 15px;
}

.vacancy__view p {
    font-size: 1.125em;
    line-height: 130%;
    font-weight: 400;
    margin-bottom: 15px;
    color: #000000;
}

.vacancy__view ul {
    margin-bottom: 30px;
}

.vacancy__view ul li {
    font-size: 1.125em;
    line-height: 130%;
    font-weight: 400;
    margin-bottom: 15px;
    color: #000000;
    padding-left: 25px;
    position: relative;
}

.vacancy__view ul li::before {
    position: absolute;
    content: '';
    top: 2px;
    left: 0px;
    width: 18px;
    height: 18px;
    background-image: url(../images/icons/check-red.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.vacancy__view ul li:last-child {
    margin-bottom: 0px;
}

.vacancy__view .info *:last-child {
    margin-bottom: 0px;
}

.vacancy__view .aside {
    width: 580px;
    background-color: #f1f2f5;
    color: rgba(0, 0, 0, 0.8);
    padding: 90px 90px 70px;
}

.vacancy__view form input {
    margin-bottom: 20px;
    font-size: 1em;
    line-height: 180%;
}

.vacancy__view form .btns {
    margin-top: 30px;
    display: flex;
}

.vacancy__view form .btn {
    width: 100%;
    font-size: 0.875em;
    line-height: 160%;
    font-weight: 700;
    color: #ffffff;
    background-color: var(--main-red);
    padding: 14px 40px;
    text-transform: uppercase;
    position: relative;
    overflow: hidden;
    border: none;
    box-shadow: none;
    cursor: pointer;
}

.vacancy__view form .btn span {
    position: relative;
    z-index: 1;
    transition: .8s ease-in-out;
}

.vacancy__view form .btn::before {
    content: '';
    position: absolute;
    width: 101%;
    height: 0;
    left: 0;
    bottom: 0;
    background: var(--main-blue);
    transition: .8s ease-in-out;
    z-index: 0;
    pointer-events: none;
}

.vacancy__view form .btn:hover::before {
    height: 250%;
    bottom: -40px;
    transform: skewY(7deg);
}

.vacancy__view form .input-file-form {
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 14px;
    min-height: 50px;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    position: relative;
}

.vacancy__view form .input-file-form input[type="file"] {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 1px;
    min-height: auto;
    height: 1px;
    opacity: 0;
    padding: 0px;
    margin: 0px;
    border: none;
    font-size: 0px;
}

.vacancy__view form .input-file-form .input-file-name {
    font-size: 1.25em;
    line-height: 180%;
    font-weight: 400;
    color: #B2B2B2;
    padding-right: 10px;
    width: calc(100% - 140px);
}

.vacancy__view form .input-file-form .input-file-name .input-file-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.9em;
}

.vacancy__view form .input-file-form .input-file-name .input-file-clear {
    width: 10px;
    min-width: 10px;
    height: 10px;
    margin-left: 10px;
    cursor: pointer;
    background-image: url(../images/icons/close-gray.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.vacancy__view form .input-file-form .input-file-name.active {
    color: #000000;
    display: flex;
    align-items: center;
}

.vacancy__view form .input-file-form .input-file-name.active::before {
    content: '';
    width: 20px;
    min-width: 20px;
    height: 20px;
    margin-right: 6px;
    background-image: url(../images/icons/input-file.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.vacancy__view form .input-file-form .input-file-name.active .input-file-clear {
    display: flex;
}

.vacancy__view form .input-file-form .input-file-btn {
    font-size: 0.65em;
    line-height: 140%;
    font-weight: 500;
    color: var(--main-red);
    padding: 8px 18px;
    background-color: transparent;
    border: 1px solid var(--main-red);
    width: 140px;
    min-width: 140px;
    margin-left: auto;
    overflow: hidden;
    position: relative;
    text-transform: uppercase;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vacancy__view form .input-file-form .input-file-btn span {
    position: relative;
    z-index: 1;
    transition: .8s ease-in-out;
}

.vacancy__view form .input-file-form .input-file-btn::before {
    content: '';
    position: absolute;
    width: 101%;
    height: 0;
    left: 0;
    bottom: 0;
    background: var(--main-red);
    transition: .8s ease-in-out;
    z-index: 0;
    pointer-events: none;
}

.vacancy__view form .input-file-form .input-file-btn:hover::before {
    height: 250%;
    bottom: -40px;
    transform: skewY(7deg);
}

.vacancy__view form .input-file-form .input-file-btn:hover span {
    color: #ffffff;
}

@media screen and (max-width: 1199px) {
    .vacancy__view .info {
        width: calc(100% - 400px);
    }

    .vacancy__view h1 {
        font-size: 2.125em;
    }

    .vacancy__view h2 {
        font-size: 1.625em;
    }

    .vacancy__view h3 {
        font-size: 1.375em;
    }

    .vacancy__view .aside {
        width: 400px;
        padding: 90px 50px 70px;
    }

    .vacancy__view form input {
        font-size: 1.125em;
    }

    .vacancy__view form .input-file-form .input-file-name {
        font-size: 1.125em;
    }
}

@media screen and (max-width: 991px) {
    .vacancy__view .info {
        width: calc(100% - 350px);
        padding: 40px 50px 70px 100px;
    }

    .vacancy__view .aside {
        width: 350px;
        padding: 90px 30px 70px;
    }

    .vacancy__view form .input-file-form .input-file-name {
        width: calc(100% - 110px);
    }

    .vacancy__view form .input-file-form .input-file-btn {
        font-size: 0.625em;
        padding: 6px 12px;
        width: 110px;
        min-width: 110px;
    }
}

@media screen and (max-width: 767px) {
    .vacancy__view .container {
        flex-direction: column;
    }

    .vacancy__view .info {
        width: 100%;
        padding: 25px 30px;
    }

    .vacancy__view .aside {
        width: 100%;
        padding: 25px 30px;
    }

    .vacancy__view .uppertitle {
        font-size: 1em;
        margin-bottom: 12px;
    }

    .vacancy__view h1 {
        font-size: 1.5em;
        margin-bottom: 20px;
    }

    .vacancy__view h2 {
        font-size: 1.25em;
        margin-bottom: 12px;
    }

    .vacancy__view h3 {
        font-size: 1.125em;
        margin-bottom: 12px;
    }

    .vacancy__view p {
        font-size: 1em;
        margin-bottom: 12px;
    }

    .vacancy__view ul {
        margin-bottom: 12px;
    }

    .vacancy__view ul li {
        font-size: 1em;
        margin-bottom: 8px;
        padding-left: 20px;
    }

    .vacancy__view ul li::before {
        width: 15px;
        height: 15px;
    }

    .vacancy__view form input {
        margin-bottom: 12px;
        font-size: 1em;
        line-height: 120%;
        padding: 10px;
        min-height: auto;
    }

    .vacancy__view form .input-file-form {
        padding: 10px;
        min-height: auto;
        margin-bottom: 12px;
    }

    .vacancy__view form .input-file-form .input-file-name {
        font-size: 1em;
        line-height: 120%;
        padding-right: 6px;
    }

    .vacancy__view form .input-file-form .input-file-name .input-file-clear {
        width: 8px;
        min-width: 8px;
        height: 8px;
        margin-left: 6px;
    }

    .vacancy__view form .input-file-form .input-file-name.active::before {
        width: 16px;
        min-width: 16px;
        height: 16px;
    }

    .vacancy__view form .input-file-form .input-file-btn:hover::before {
        bottom: -20px;
    }

    .vacancy__view form .btns {
        margin-top: 20px;
    }

    .vacancy__view form .btn {
        font-size: 0.75em;
        line-height: 160%;
        padding: 12px 20px;
    }

    .vacancy__view form .btn:hover::before {
        height: 325%;
        bottom: -50px;
    }
}

/*--project--*/

.project__main {
    padding: 30px 0px 100px;
}

.project__main .project__main__wrap {
    padding: 0px 90px;
}

.project__tabs {
    display: flex;
    margin-bottom: 60px;
}

.project__tabs a {
    cursor: pointer !important;
    flex: 1;
    font-size: 1.375em;
    line-height: 130%;
    font-weight: 700;
    color: var(--main-blue);
    padding: 10px 5px;
    border-bottom: 4px solid rgba(0, 0, 0, 0.06);
    transition: 0.4s;
}

.project__tabs a.active,
.project__tabs a:hover {
    border-bottom: 4px solid var(--main-red);
}

.project__main .project__body {
    flex-direction: column;
    margin: 0px;
}

.project__categories {
    width: 100%;
    display: flex;
    height: 460px;
    position: relative;
}

.project__categories:nth-child(1n+2) {
    margin-top: 60px;
}

.project__categories:nth-child(2n+1)::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: calc((30% + 30px) * -1);
    width: 30%;
    height: 100%;
    background-image: url(../images/icons/empty-blue.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.project__categories:nth-child(2n+2)::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: calc((30% + 30px) * -1);
    width: 30%;
    height: 100%;
    background-image: url(../images/icons/empty-blue.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.project__categories .project__link {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.project__categories .project__link::after {
    content: '';
    position: absolute;
    right: 15px;
    top: -15px;
    background: var(--main-red);
    border-radius: 50%;
    width: 70px;
    height: 70px;
    background-image: url(../images/icons/item_arrow_link.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 30px 30px;
    opacity: 0;
    transition: 0.4s;
    pointer-events: none;
}

.project__categories .project__link:hover::after {
    opacity: 1;
    pointer-events: all;
}

.project__categories .project__link .thumbnail {
    width: 100%;
    height: 100%;
    display: flex;
    overflow: hidden;
}

.project__categories .project__link .thumbnail .thumbnail__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.4s;
}

.project__categories .project__link:hover .thumbnail .thumbnail__img {
    transform: scale(1.1);
}

.project__categories .project__link .caption {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    padding: 45px 30px;
}

.project__categories .project__link .caption h3 {
    font-size: 2.5em;
    line-height: 120%;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #ffffff;
}

.project__categories .project__link .caption .item__number {
    position: absolute;
    bottom: -0.35em;
    left: 8px;
    font-weight: 400;
    font-size: 6em;
    line-height: 80%;
    color: var(--main-red);
    overflow: hidden;
}

@media screen and (max-width: 1199px) {
    .project__tabs a {
        font-size: 1.125em;
    }

    .project__categories {
        height: 400px;
    }

    .project__categories .project__link .caption h3 {
        font-size: 2em;
    }
}

@media screen and (max-width: 991px) {
    .project__tabs {

    }

    .project__categories {
        height: 350px;
    }
}

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

    .company__header .info .about .h2 {
        padding: 20px;
        font-size: 1.25em;

    }

    .project__main {
        padding: 25px 0px 50px;
    }

    .project__main .project__main__wrap {
        padding: 0px 30px;
    }

    .project__tabs {
        display: block;
        margin-bottom: 20px;
    }

    .project__tabs a {
        display: block;
        padding: 6px 20px;
        border-left: 2px solid rgba(0, 0, 0, 0.06);
        border-bottom: none;
    }

    .project__tabs a.active,
    .project__tabs a:hover {
        border-bottom: none;
        border-left: 2px solid var(--main-red);
    }

    .project__categories {
        height: 250px;
    }

    .project__categories:nth-child(1n+2) {
        margin-top: 30px;
    }

    .project__categories .project__link::after {
        width: 40px;
        height: 40px;
        background-size: 20px 20px;
    }

    .project__categories .project__link .caption {
        padding: 20px 15px;
    }

    .project__categories .project__link .caption h3 {
        font-size: 1.5em;
    }

    .project__categories .project__link .caption .item__number {
        font-size: 3em;
    }
}

.project__main .project__body.masonry {
    margin: 0px -15px;
}

.project__main .project__body.masonry .project__item .project__link .caption .uppertitle {
    display: none;
}

.project__main .project__body.masonry .project__item h3 {
    margin-top: 0px;
}

.project__main .project__body.masonry .project__item .project__link .caption {
    padding: 45px 30px;
}

@media screen and (max-width: 767px) {
    .project__main .project__body.masonry .project__item:nth-child(1n+2) {
        margin-top: 20px;
    }

    .project__main .project__body.masonry .project__item .project__link .caption {
        padding: 20px 15px;
    }
}

.project__view .container {
    display: flex;
}

.project__view .about {
    padding: 40px 80px 40px 100px;
    color: #000000;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 55%;
}

.project__view .about .uppertitle {
    font-size: 1.125em;
    line-height: 160%;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.8);
    display: inline-block;
    border-bottom: 2px solid var(--main-red);
    margin-bottom: 20px;
}

.project__view .about h1.title {
    font-size: 3.125em;
    line-height: 120%;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: var(--main-blue);
    margin-bottom: 20px;
    text-transform: uppercase;
    position: relative;
}

.project__view .about h1.title::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: calc((60% + 30px) * -1);
    width: 60%;
    height: 100%;
    background-image: url(../images/icons/empty-blue.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.project__view .about a.project__link {
    font-size: 1.5em;
    line-height: 120%;
    font-weight: 500;
    color: var(--main-blue);
    display: inline-block;
    margin-bottom: 30px;
}

.project__view .about a.project__link:hover {
    text-decoration: underline;
}

.project__view .about a.project__download {
    font-size: 0.875em;
    line-height: 160%;
    font-weight: 700;
    border: 1px solid var(--main-red);
    padding: 11px 30px;
    text-transform: uppercase;
    position: relative;
    overflow: hidden;
    box-shadow: none;
    cursor: pointer;
    background-color: transparent;
    display: inline-block;
}

.project__view .about a.project__download span {
    position: relative;
    color: var(--main-red);
    z-index: 1;
    transition: .8s ease-in-out;
}

.project__view .about a.project__download::before {
    content: '';
    position: absolute;
    width: 101%;
    height: 0;
    left: 0;
    bottom: 0;
    background: var(--main-red);
    transition: .8s ease-in-out;
    z-index: 0;
    pointer-events: none;
}

.project__view .about a.project__download:hover::before {
    height: 200%;
    bottom: -20px;
    transform: skewY(7deg);
}

.project__view .about a.project__download:hover span {
    color: #ffffff;
}

.project__view .about .info__tabs {
    display: flex;
    flex-direction: column;
    margin-top: 40px;
    width: 100%;
}

.project__view .about .info__tabs .tabs__header {
    display: flex;
    margin-bottom: 30px;
}

.project__view .about .info__tabs .tabs__header a {
    flex: 1;
    font-size: 1.375em;
    line-height: 130%;
    font-weight: 700;
    color: var(--main-blue);
    padding: 10px 5px;
    border-bottom: 4px solid rgba(0, 0, 0, 0.06);
    transition: 0.4s;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.project__view .about .info__tabs .tabs__header a.active,
.project__view .about .info__tabs .tabs__header a:hover {
    border-bottom: 4px solid var(--main-red);
}

.project__view .about .info__tabs .tabs__body p {
    font-size: 1.125em;
    line-height: 140%;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.8);
    margin-bottom: 20px;
}

.project__view .about .info__tabs .tabs__body ul {
    margin-bottom: 20px;
}

.project__view .about .info__tabs .tabs__body ul li {
    font-size: 1.125em;
    line-height: 140%;
    font-weight: 400;
    margin-bottom: 12px;
    padding-left: 25px;
    position: relative;
}

.project__view .about .info__tabs .tabs__body ul li:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 8px;
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: var(--main-red);
    border-radius: 50%;
}

.project__view .about .info__tabs .tabs__body ul li:last-child {
    margin-bottom: 0px;
}

.project__view .about .info__tabs .tabs__body *:last-child {
    margin-bottom: 0px;
}

.project__view .slick__img {
    width: 45%;
    height: 610px;
    position: relative;
}

.project__view .slick__img .img {
    height: 610px;
}

.project__view .slick__img .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.slick__img .slick-arrow {
    position: absolute;
    z-index: 2;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    height: 50px;
    border-radius: 0px;
    background-color: transparent;
    background-size: contain;
}

.slick__img .slick-arrow.slick-prev {
    left: 30px;
    background-image: url(../images/icons/slick-img-left-white.svg);
}

.slick__img .slick-arrow.slick-next {
    right: 30px;
    background-image: url(../images/icons/slick-img-right-white.svg);
}

.slick__img .slick-dots {
    position: absolute;
    z-index: 2;
    display: flex;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
}

.slick__img .slick-dots li {
    margin: 0px 6px;
    display: flex;
}

.slick__img .slick-dots li button {
    border: none;
    box-shadow: none;
    background-color: rgba(255, 255, 255, 0.8);
    width: 18px;
    height: 18px;
    font-size: 0px;
    border-radius: 50%;
    transition: 0.4s;
    cursor: pointer;
}

.slick__img .slick-dots li.slick-active button {
    background-color: var(--main-red);
}

.project__more {
    padding: 30px 0px 70px;
}

.project__more .header {
    padding: 0px 90px;
}

.project__more h2.main-title {
    color: var(--main-blue);
    font-size: 1.5em;
}

.project__more h2.main-title::before {
    width: 18px;
    min-width: 18px;
    height: 18px;
}

.project__more .slick__main .project__item {
    width: auto;
    height: auto;
    margin: 0px;
    position: relative;
}

.project__more .slick__main .project__item:first-child::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: calc((100% + 15px) * -1);
    width: 100%;
    height: calc(100% - 100px);
    background-image: url(../images/icons/empty-red.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.project__more .slick__main .project__item:last-child::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: calc((100% + 15px) * -1);
    width: 100%;
    height: calc(100% - 100px);
    background-image: url(../images/icons/empty-red.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.project__more .slick__main .project__item .project__link {
    width: 30vw;
    min-width: 400px;
    height: 400px;
}

.project__more .slick__main .project__item .project__link .caption .uppertitle {
    display: none;
}

.project__more .slick__main .project__item .project__link .caption h3 {
    margin-top: 0px;
}

.progress-bar.progress-bar-project-more {
    background-color: rgba(0, 0, 0, 0.1);
    background-image: linear-gradient(to right, rgba(241, 102, 106, 1), rgba(241, 102, 106, 1));
}

.arrows-project-more .slick-arrow {
    background-color: #F9F9F9;
}

.arrows-project-more .slick-arrow.slick-prev {
    background-image: url(../images/icons/slick-left-red.svg);
}

.arrows-project-more .slick-arrow.slick-next {
    background-image: url(../images/icons/slick-right-red.svg);
}

@media screen and (max-width: 1199px) {
    .project__view .about h1.title {
        font-size: 2.5em;
    }

    .project__view .about a.project__link {
        font-size: 1.375em;
    }

    .project__view .about .info__tabs .tabs__header a {
        font-size: 1.125em;
    }

    .project__view .slick__img {
        height: 520px;
    }

    .project__view .slick__img .img {
        height: 520px;
    }

    .project__more h2.main-title {
        font-size: 1.375em;
    }

    .project__more .slick__main .project__item .project__link {
        height: 350px;
        width: 100%;
        min-width: auto;
    }
}

@media screen and (max-width: 991px) {
    .project__view .container {
        flex-direction: column-reverse;
    }

    .project__view .slick__img {
        height: 400px;
        width: 100%;
        padding: 0px 90px;
    }

    .project__view .slick__img .img {
        height: 400px;
    }

    .slick__img .slick-arrow.slick-prev {
        left: 130px;
    }

    .slick__img .slick-arrow.slick-next {
        right: 130px;
    }

    .project__view .about {
        padding: 40px 100px;
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .project__view .slick__img {
        height: 280px;
        padding: 0px;
    }

    .project__view .slick__img .img {
        height: 280px;
    }

    .slick__img .slick-arrow {
        width: 15px;
        height: 30px;
    }

    .slick__img .slick-arrow.slick-prev {
        left: 15px;
    }

    .slick__img .slick-arrow.slick-next {
        right: 15px;
    }

    .slick__img .slick-dots li button {
        width: 12px;
        height: 12px;
    }

    .project__view .about {
        padding: 25px 30px;
    }

    .project__view .about .uppertitle {
        font-size: 1em;
        margin-bottom: 12px;
    }

    .project__view .about h1.title {
        font-size: 1.75em;
        margin-bottom: 12px;
    }

    .project__view .about a.project__link {
        font-size: 1.125em;
        margin-bottom: 20px;
    }

    .project__view .about a.project__download {
        font-size: 0.75em;
        padding: 8px 12px;
    }

    .project__view .about .info__tabs {
        margin-top: 20px;
    }

    .project__view .about .info__tabs .tabs__header a {
        border-bottom: 2px solid rgba(0, 0, 0, 0.06);
    }

    .project__view .about .info__tabs .tabs__header a.active,
    .project__view .about .info__tabs .tabs__header a:hover {
        border-bottom: 2px solid var(--main-red);
    }

    .project__view .about .info__tabs .tabs__header {
        margin-bottom: 12px;
    }

    .project__view .about .info__tabs .tabs__body p {
        font-size: 1em;
        margin-bottom: 12px;
    }

    .project__view .about .info__tabs .tabs__body ul {
        margin-bottom: 12px;
    }

    .project__view .about .info__tabs .tabs__body ul li {
        font-size: 1em;
        margin-bottom: 8px;
        padding-left: 15px;
    }

    .project__more {
        padding: 25px 0px;
    }

    .project__more .header {
        padding: 0px 30px;
    }

    .project__more h2.main-title {
        font-size: 1.125em;
    }

    .project__more h2.main-title::before {
        width: 12px;
        min-width: 12px;
        height: 12px;
    }

    .project__more .slick__main .project__item .project__link {
        height: 200px;
    }

    .project__more .slick__main .project__item:first-child::after {
        height: calc(100% - 60px);
    }

    .project__more .slick__main .project__item:last-child::after {
        height: calc(100% - 60px);
    }
}

/*--mtb--*/

.mtb__main {
    padding: 40px 0px 150px;
    color: #000000;
}

.mtb__main .header {
    padding: 0px 90px;
}

.mtb__main .header p {
    font-size: 1.25em;
    line-height: 140%;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.8);
    border-left: 3px solid var(--main-red);
    padding-left: 27px;
    max-width: 80%;
}

.mtb__main .body {
    padding: 0px 90px;
    margin-top: 60px;
    display: flex;
    flex-direction: column;
}

.mtb__item {
    display: flex;
}

.mtb__item:nth-child(1n+2) {
    margin-top: 80px;
}

.mtb__item .info {
    width: 40%;
    padding-right: 70px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.mtb__item .info h2 {
    font-size: 2em;
    line-height: 130%;
    font-weight: 700;
    color: var(--main-blue);
}

.mtb__item .info .btn__second {
    margin-top: 40px;
    display: inline-block;
    font-size: 0.875em;
    line-height: 160%;
    font-weight: 700;
    border: 1px solid var(--main-red);
    padding: 11px 60px;
    text-transform: uppercase;
    position: relative;
    overflow: hidden;
    box-shadow: none;
    cursor: pointer;
    background-color: transparent;
}

.mtb__item .info .btn__second span {
    position: relative;
    color: var(--main-red);
    z-index: 1;
    transition: .8s ease-in-out;
}

.mtb__item .info .btn__second::before {
    content: '';
    position: absolute;
    width: 101%;
    height: 0;
    left: 0;
    bottom: 0;
    background: var(--main-red);
    transition: .8s ease-in-out;
    z-index: 0;
    pointer-events: none;
}

.mtb__item .info .btn__second:hover::before {
    height: 200%;
    bottom: -20px;
    transform: skewY(7deg);
}

.mtb__item .info .btn__second:hover span {
    color: #ffffff;
}

.mtb__item .img {
    width: 60%;
    height: 330px;
    display: flex;
    position: relative;
}

.mtb__item .img::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: calc((60% + 30px) * -1);
    width: 60%;
    height: 100%;
    background-image: url(../images/icons/empty-red.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.mtb__item .img .item__link {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}

.mtb__item .img .item__link::after {
    content: '';
    position: absolute;
    right: 15px;
    top: -15px;
    background: var(--main-red);
    border-radius: 50%;
    width: 70px;
    height: 70px;
    background-image: url(../images/icons/item_arrow_link.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 30px 30px;
    opacity: 0;
    transition: 0.4s;
    pointer-events: none;
}

.mtb__item .img .item__link:hover::after {
    opacity: 1;
    pointer-events: all;
}

.mtb__item .img .item__link.disabled {
    pointer-events: none;
    cursor: default;
}

.mtb__item .img .item__link .thumbnail {
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
    overflow: hidden;
}

.mtb__item .img .item__link .thumbnail::after {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
}

.mtb__item .img .item__link .thumbnail .thumbnail__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.4s;
}

.mtb__item .img .item__link:hover .thumbnail .thumbnail__img {
    transform: scale(1.1);
}

.mtb__item .img .item__link .caption {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}

.mtb__item .img .item__link .caption .item__number {
    position: absolute;
    bottom: -0.35em;
    right: 8px;
    font-weight: 400;
    font-size: 6em;
    line-height: 80%;
    color: var(--main-red);
    overflow: hidden;
}

.mtb__item:nth-child(2) {
    flex-direction: row-reverse;
}

.mtb__item:nth-child(2) .info {
    width: 50%;
    padding-left: 70px;
    padding-right: 0px;
}

.mtb__item:nth-child(2) .img {
    width: 50%;
}

.mtb__item:nth-child(2) .img::after {
    left: calc((60% + 30px) * -1);
    right: auto;
}

.mtb__item:nth-child(2) .img .item__link .caption .item__number {
    right: auto;
    left: 8px;
}

@media screen and (max-width: 1199px) {
    .mtb__main .header p {
        font-size: 1.125em;
    }

    .mtb__item .info h2 {
        font-size: 1.625em;
    }
}

@media screen and (max-width: 991px) {
    .mtb__main .header p {
        max-width: 100%;
    }

    .mtb__item .info {
        width: 50%;
        padding-right: 30px;
    }

    .mtb__item .img {
        width: 50%;
        height: 250px;
    }

    .mtb__item:nth-child(2) .info {
        padding-left: 30px;
        padding-right: 0px;
    }
}

@media screen and (max-width: 767px) {
    .mtb__main {
        padding: 25px 0px 50px;
    }

    .mtb__main .header {
        padding: 0px 30px;
    }

    .mtb__main .header p {
        font-size: 1em;
        padding-left: 13px;
        border-left: 2px solid var(--main-red);
    }

    .mtb__main .body {
        padding: 0px 30px;
        margin-top: 30px;
    }

    .mtb__item {
        flex-direction: column-reverse;
    }

    .mtb__item:nth-child(2) {
        flex-direction: column-reverse;
    }

    .mtb__item:nth-child(1n+2) {
        margin-top: 20px;
    }

    .mtb__item .info {
        width: 100%;
        padding: 20px 0px 0px;
    }

    .mtb__item .img {
        width: 100%;
        height: 200px;
    }

    .mtb__item:nth-child(2) .info {
        width: 100%;
        padding: 20px 0px 0px;
    }

    .mtb__item:nth-child(2) .img {
        width: 100%;
    }

    .mtb__item .info h2 {
        font-size: 1.25em;
    }

    .mtb__item .info .btn__second {
        margin-top: 12px;
        font-size: 0.75em;
        padding: 8px 12px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .mtb__item .info .btn__second:hover::before {
        height: 400%;
        bottom: -50px;
    }

    .mtb__item .img .item__link::after {
        width: 40px;
        height: 40px;
        background-size: 20px 20px;
    }

    .mtb__item .img .item__link .caption .item__number {
        font-size: 3em;
    }

    .mtb__item:nth-child(2) .img .item__link .caption .item__number {
        right: 8px;
        left: auto;
    }
}

.mtb__devices .container {
    display: flex;
}

.mtb__devices .about {
    width: calc(100% - 590px);
    color: rgba(0, 0, 0, 0.8);
    padding: 40px 60px 40px 100px;
}

.mtb__devices .about h1 {
    font-size: 2.5em;
    line-height: 130%;
    font-weight: 700;
    margin-bottom: 40px;
}

.mtb__devices .about h3 {
    font-size: 1.625em;
    line-height: 130%;
    font-weight: 700;
    margin-bottom: 20px;
}

.mtb__devices .about .aside__menu {
    margin: 0px -20px;
    max-width: 520px;
}

.mtb__devices .about .aside__menu li {
    padding: 10px 20px 10px 20px;
}

.mtb__devices .about .aside__menu li.active {
    padding: 10px 20px 10px 16px;
}

.mtb__devices .about .aside__menu li a {
    color: rgba(0, 0, 0, 0.8);
}

.mtb__devices .about .aside__menu li.active a,
.mtb__devices .about .aside__menu li a:hover {
    color: var(--main-red);
}

.mtb__devices .aside {
    width: 590px;
    background-color: #f1f2f5;
    padding: 45px;
    color: rgba(0, 0, 0, 0.8);
}

.mtb__devices .aside .img {
    height: 500px;
    margin-bottom: 20px;
    background-color: #ffffff;
}

.mtb__devices .aside .img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.mtb__devices .aside .info h2 {
    font-size: 1.875em;
    line-height: 130%;
    font-weight: 700;
    margin-bottom: 20px;
}

.mtb__devices .aside .info .info__tabs {
    display: flex;
    flex-direction: column;
}

.mtb__devices .aside .info .info__tabs .tabs__header {
    display: flex;
    margin-bottom: 30px;
}

.mtb__devices .aside .info .info__tabs .tabs__header a {
    flex: 1;
    font-size: 1.375em;
    line-height: 130%;
    font-weight: 700;
    color: var(--main-blue);
    padding: 10px 5px;
    border-bottom: 4px solid rgba(0, 0, 0, 0.06);
    transition: 0.4s;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.mtb__devices .aside .info .info__tabs .tabs__header a.active,
.mtb__devices .aside .info .info__tabs .tabs__header a:hover {
    border-bottom: 4px solid var(--main-red);
}

.mtb__devices .aside .info .info__tabs .tabs__body p {
    font-size: 1.25em;
    line-height: 140%;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.8);
    margin-bottom: 20px;
}

.mtb__devices .aside .info .info__tabs .tabs__body ul {
    margin-bottom: 20px;
}

.mtb__devices .aside .info .info__tabs .tabs__body ul li {
    font-size: 1.25em;
    line-height: 140%;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.8);
    margin-bottom: 12px;
    position: relative;
    padding-left: 25px;
}

.activities__view .info .body ul li:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 8px;
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: var(--main-red);
    border-radius: 50%;
}

.mtb__devices .aside .info .info__tabs .tabs__body ul li:last-child {
    margin-bottom: 0px;
}

.mtb__devices .aside .info .info__tabs .tabs__body *:last-child {
    margin-bottom: 0px;
}

@media screen and (max-width: 1199px) {
    .mtb__devices .about {
        width: calc(100% - 440px);
    }

    .mtb__devices .about h1 {
        font-size: 2.125em;
    }

    .mtb__devices .about h3 {
        font-size: 1.5em;
    }

    .mtb__devices .aside {
        width: 440px;
        padding: 45px 35px 40px;
    }

    .mtb__devices .aside .img {
        height: 370px;
    }

    .mtb__devices .aside .info h2 {
        font-size: 1.625em;
    }

    .mtb__devices .aside .info .info__tabs .tabs__header a {
        font-size: 1.125em;
    }

    .mtb__devices .aside .info .info__tabs .tabs__body p {
        font-size: 1.125em;
    }
}

@media screen and (max-width: 991px) {
    .mtb__devices .about {
        width: calc(100% - 320px);
    }

    .mtb__devices .aside {
        width: 320px;
        padding: 45px 30px 40px;
    }

    .mtb__devices .aside .img {
        height: 260px;
    }
}

@media screen and (max-width: 767px) {
    .mtb__devices .container {
        flex-direction: column;
    }

    .mtb__devices .about {
        width: 100%;
        padding: 25px 30px;
    }

    .mtb__devices .aside {
        width: 100%;
        padding: 25px 30px;
    }

    .mtb__devices .about h1 {
        font-size: 1.5em;
        margin-bottom: 20px;
    }

    .mtb__devices .about h3 {
        font-size: 1.125em;
        margin-bottom: 12px;
    }

    .mtb__devices .about .aside__menu {
        max-width: none;
        margin: 0px -30px;
    }

    .mtb__devices .about .aside__menu li {
        padding: 6px 20px 6px 30px;
    }

    .mtb__devices .about .aside__menu li.active {
        padding: 6px 20px 6px 27px;
    }

    .mtb__devices .aside .img {
        height: 250px;
    }

    .mtb__devices .aside .info h2 {
        font-size: 1.25em;
        margin-bottom: 12px;
    }

    .mtb__devices .aside .info .info__tabs .tabs__header {
        margin-bottom: 12px;
    }

    .mtb__devices .aside .info .info__tabs .tabs__header a {
        border-bottom: 2px solid rgba(0, 0, 0, 0.06);
    }

    .mtb__devices .aside .info .info__tabs .tabs__header a.active,
    .mtb__devices .aside .info .info__tabs .tabs__header a:hover {
        border-bottom: 2px solid var(--main-red);
    }

    .mtb__devices .aside .info .info__tabs .tabs__body p {
        font-size: 1em;
        margin-bottom: 12px;
    }

    .mtb__devices .aside .info .info__tabs .tabs__body ul {
        margin-bottom: 12px;
    }

    .mtb__devices .aside .info .info__tabs .tabs__body ul li {
        font-size: 1em;
        margin-bottom: 8px;
        padding-left: 15px;
    }
}

.mtb__labs .container {
    display: flex;
}

.mtb__labs .aside {
    width: 400px;
    background-color: #f1f2f5;
}

.mtb__labs .about {
    width: calc(100% - 400px);
    padding: 30px 100px 70px 50px;
}

.mtb__labs .about h1 {
    font-size: 2.5em;
    line-height: 130%;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.8);
    margin-bottom: 30px;
}

.mtb__labs .about h3 {
    font-size: 1.625em;
    line-height: 130%;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.8);
    margin-bottom: 20px;
}

.mtb__labs .about .box__items {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -15px 40px;
}

.mtb__labs .about .box__items .box__item {
    margin: 0px 15px;
    width: calc((100% / 2) - 30px);
    padding: 25px 25px 75px;
    background-color: var(--main-blue);
    min-height: 270px;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
}

.mtb__labs .about .box__items .box__item::after {
    position: absolute;
    content: '';
    left: 0px;
    top: calc(100% - 50px);
    width: 100%;
    height: 100%;
    background-image: url(../images/icons/empty-white.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    pointer-events: none;
}

.mtb__labs .about .box__items .box__item:nth-child(1n+3) {
    margin-top: 30px;
}

.mtb__labs .about .box__items .box__item:nth-child(4n+2),
.mtb__labs .about .box__items .box__item:nth-child(4n+3) {
    background-color: var(--main-red);
}

.mtb__labs .about .box__items .box__item .img {
    width: 80px;
    min-width: 80px;
    height: 80px;
    background-color: rgba(255, 255, 255, 0.2);
    margin-bottom: 15px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mtb__labs .about .box__items .box__item .img img {
    width: 30px;
    height: 30px;
    object-fit: contain;
}

.mtb__labs .about .box__items .box__item p {
    font-size: 1.25em;
    line-height: 130%;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.9);
}

.certificate__items {
    display: flex;
    flex-direction: column;
    color: #000000;
}

.certificate__items .certificate__item {
    display: flex;
    padding: 0px;
    border: 1px solid rgba(0, 0, 0, 0.12);
}

.certificate__items .certificate__item:nth-child(1n+2) {
    margin-top: 30px;
}

.certificate__items .certificate__item .item__link {
    flex-direction: row;
    align-items: flex-start;
}

.certificate__items .certificate__item .h3 {
    margin-bottom: 10px;
    font-weight: bold !important;
    color: var(--main-blue-dark) !important;
}

.certificate__items .certificate__item .item__link .thumbnail {
    height: 300px;
    width: 215px;
    display: flex;
}

.certificate__items .certificate__item .item__link .thumbnail .thumbnail__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.certificate__items .certificate__item .item__link .caption {
    width: calc(100% - 215px);
    padding: 25px;
}

.certificate__items .certificate__item .item__link .caption p {
    font-size: 1.25em;
    line-height: 130%;
    font-weight: 400;
    color: #000000;
    margin-bottom: 20px;
}

.certificate__items .certificate__item .item__link .caption *:last-child {
    margin-bottom: 0px;
}

@media screen and (max-width: 1199px) {
    .mtb__labs .aside {
        width: 340px;
    }

    .mtb__labs .about {
        width: calc(100% - 340px);
    }

    .mtb__labs .about h1 {
        font-size: 2.125em;
    }

    .mtb__labs .about h3 {
        font-size: 1.375em;
    }

    .mtb__labs .about .box__items .box__item p {
        font-size: 1.125em;
    }

    .certificate__items .certificate__item .item__link .caption p {
        font-size: 1.125em;
    }
}

@media screen and (max-width: 991px) {
    .mtb__labs .aside {
        width: 300px;
    }

    .mtb__labs .about {
        width: calc(100% - 300px);
    }

    .mtb__labs .about .box__items {
        display: flex;
        flex-wrap: wrap;
        margin: 0px 0px 40px;
    }

    .mtb__labs .about .box__items .box__item {
        margin: 0px;
        width: 100%;
        min-height: 220px;
    }

    .mtb__labs .about .box__items .box__item:nth-child(1n+2) {
        margin-top: 30px;
    }

    .certificate__items .certificate__item .item__link {
        flex-direction: column;
    }

    .certificate__items .certificate__item .item__link .thumbnail {
        width: 100%;
    }

    .certificate__items .certificate__item .item__link .thumbnail .thumbnail__img {
        object-fit: contain;
    }

    .certificate__items .certificate__item .item__link .caption {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .mtb__labs .container {
        flex-direction: column;
    }

    .mtb__labs .aside {
        width: 100%;
    }

    .mtb__labs .about {
        width: 100%;
        padding: 25px 30px;
    }

    .mtb__labs .about h1 {
        font-size: 1.5em;
        margin-bottom: 20px;
    }

    .mtb__labs .about h3 {
        font-size: 1.125em;
        margin-bottom: 12px;
    }

    .mtb__labs .about .box__items {
        margin: 0px 0px 20px;
    }

    .mtb__labs .about .box__items .box__item {
        padding: 15px 15px 30px;
        min-height: 200px;
    }

    .mtb__labs .about .box__items .box__item:nth-child(1n+2) {
        margin-top: 15px;
    }

    .mtb__labs .about .box__items .box__item::after {
        top: calc(100% - 30px);
    }

    .mtb__labs .about .box__items .box__item .img {
        width: 50px;
        min-width: 50px;
        height: 50px;
        margin-bottom: 8px;
    }

    .mtb__labs .about .box__items .box__item .img img {
        width: 20px;
        height: 20px;
    }

    .mtb__labs .about .box__items .box__item p {
        font-size: 1em;
    }

    .certificate__items .certificate__item .item__link:nth-child(1n+2) {
        margin-top: 15px;
    }

    .certificate__items .certificate__item .item__link .thumbnail {
        height: 200px;
    }

    .certificate__items .certificate__item .item__link .caption {
        padding: 15px;
    }

    .certificate__items .certificate__item .item__link .caption p {
        font-size: 1em;
        margin-bottom: 12px;
    }
}

/*--certificates--*/

.certificate__company {
    padding: 30px 0px 70px;
}

.certificate__company .certificate__company__wrap {
    padding: 0px 90px;
}

.certificate__tabs {
    display: flex;
    margin-bottom: 60px;
}

.certificate__tabs a {
    flex: 1;
    font-size: 1.375em;
    line-height: 130%;
    font-weight: 700;
    color: var(--main-blue);
    padding: 10px 5px;
    border-bottom: 4px solid rgba(0, 0, 0, 0.06);
    transition: 0.4s;
    display: flex;
    justify-content: center;
    text-align: center;
}

.certificate__tabs a.active,
.certificate__tabs a:hover {
    border-bottom: 4px solid var(--main-red);
}

.certificate__company .certificate__body {
    display: flex;
    flex-direction: column;
}

.certificate__company .certificate__body .certificate__item {
    padding: 0px;
    display: flex;
}

.certificate__company .certificate__body .certificate__item:nth-child(1n+2) {
    margin-top: 30px;
}

.certificate__company .certificate__body .certificate__item .item__link {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

.certificate__company .certificate__body .certificate__item .item__link .thumbnail {
    width: 300px;
    height: 415px;
    display: flex;
}

.certificate__company .certificate__body .certificate__item .item__link .caption {
    width: calc(100% - 300px);
    padding: 0px 0px 0px 30px;
}

.certificate__company .certificate__body .certificate__item .item__link .caption h3 {
    font-size: 2em;
    line-height: 130%;
    font-weight: 700;
    color: var(--main-blue);
    margin-bottom: 20px;
}

.certificate__company .certificate__body .certificate__item .item__link .caption p {
    font-size: 1.625em;
    line-height: 130%;
    font-weight: 400;
    color: #000000;
}

@media screen and (max-width: 1199px) {
    .certificate__tabs a {
        font-size: 1.125em;
    }

    .certificate__company .certificate__body .certificate__item .item__link .caption h3 {
        font-size: 1.625em;
    }

    .certificate__company .certificate__body .certificate__item .item__link .caption p {
        font-size: 1.375em;
    }
}

@media screen and (max-width: 991px) {
    .certificate__company .certificate__body .certificate__item .item__link .thumbnail {
        width: 220px;
        height: 300px;
    }

    .certificate__company .certificate__body .certificate__item .item__link .caption {
        width: calc(100% - 220px);
    }
}

@media screen and (max-width: 767px) {
    .certificate__company {
        padding: 25px 0px 50px;
    }

    .certificate__company .certificate__company__wrap {
        padding: 0px 30px;
    }

    .certificate__tabs {
        flex-direction: column;
        margin-bottom: 20px;
    }

    .certificate__tabs a {
        padding: 6px 20px;
        border-left: 2px solid rgba(0, 0, 0, 0.06);
        border-bottom: none;
        justify-content: flex-start;
    }

    .certificate__tabs a.active,
    .certificate__tabs a:hover {
        border-bottom: none;
        border-left: 2px solid var(--main-red);
    }

    .certificate__company .certificate__body .certificate__item:nth-child(1n+2) {
        margin-top: 15px;
    }

    .certificate__company .certificate__body .certificate__item .item__link {
        flex-direction: column;
    }

    .certificate__company .certificate__body .certificate__item .item__link .thumbnail {
        width: 100%;
        height: 200px;
    }

    .certificate__company .certificate__body .certificate__item .item__link .caption {
        width: 100%;
        padding: 12px 0px 0px 0px;
    }

    .certificate__company .certificate__body .certificate__item .item__link .caption h3 {
        font-size: 1.25em;
        margin-bottom: 12px;
    }

    .certificate__company .certificate__body .certificate__item .item__link .caption p {
        font-size: 1em;
    }
}

.certificate__employee .container {
    display: flex;
}

.certificate__employee .aside {
    width: 400px;
    background-color: #f1f2f5;
}

.certificate__employee .about {
    width: calc(100% - 400px);
    padding: 20px 100px 70px 50px;
}

.certificate__employee .about .certificate__item {
    padding: 0px;
    display: flex;
}

.certificate__employee .about .certificate__item:nth-child(1n+2) {
    margin-top: 30px;
}

.certificate__employee .about .certificate__item .item__link {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

.certificate__employee .about .certificate__item .item__link .thumbnail {
    width: 220px;
    height: 300px;
    display: flex;
}

.certificate__employee .about .certificate__item .item__link .caption {
    width: calc(100% - 220px);
    padding: 0px 0px 0px 30px;
}

.certificate__employee .about .certificate__item .item__link .caption h3 {
    font-size: 1.625em;
    line-height: 130%;
    font-weight: 700;
    color: var(--main-blue);
    margin-bottom: 20px;
}

.certificate__employee .about .certificate__item .item__link .caption p {
    font-size: 1.375em;
    line-height: 130%;
    font-weight: 400;
    color: #000000;
}

@media screen and (max-width: 1199px) {
    .certificate__employee .aside {
        width: 340px;
    }

    .certificate__employee .about {
        width: calc(100% - 340px);
    }

    .certificate__employee .about .certificate__item .item__link .caption h3 {
        font-size: 1.5em;
    }

    .certificate__employee .about .certificate__item .item__link .caption p {
        font-size: 1.125em;
    }
}

@media screen and (max-width: 991px) {
    .certificate__employee .aside {
        width: 300px;
    }

    .certificate__employee .about {
        width: calc(100% - 300px);
    }

    .certificate__employee .about .certificate__item .item__link {
        flex-direction: column;
    }

    .certificate__employee .about .certificate__item .item__link .thumbnail {
        width: 100%;
    }

    .certificate__employee .about .certificate__item .item__link .caption {
        width: 100%;
        padding: 30px 0px 0px 0px;
    }
}

@media screen and (max-width: 767px) {
    .certificate__employee .container {
        flex-direction: column;
    }

    .certificate__employee .aside {
        width: 100%;
    }

    .certificate__employee .about {
        width: 100%;
        padding: 25px 30px 50px;
    }

    .certificate__employee .about .certificate__item:nth-child(1n+2) {
        margin-top: 15px;
    }

    .certificate__employee .about .certificate__item .item__link .thumbnail {
        height: 200px;
    }

    .certificate__employee .about .certificate__item .item__link .caption {
        padding: 12px 0px 0px 0px;
    }

    .certificate__employee .about .certificate__item .item__link .caption h3 {
        font-size: 1.25em;
        margin-bottom: 12px;
    }

    .certificate__employee .about .certificate__item .item__link .caption p {
        font-size: 1em;
    }
}

/*--contacts--*/

.contacts__main {
    padding: 45px 0px 100px;
}

.contacts__main .contact__items {
    padding: 0px 90px;
    color: rgba(0, 0, 0, 0.8);
    display: flex;
    flex-direction: column;
}

.contacts__main .contact__items .contact__item {
    display: flex;
    flex-direction: column;
}

.contacts__main .contact__items .contact__item:nth-child(1n+2) {
    margin-top: 100px;
}

.contacts__main .contact__items .contact__item h2 {
    font-size: 2.5em;
    line-height: 130%;
    font-weight: 700;
    margin-bottom: 40px;
    color: rgba(0, 0, 0, 0.8);
}

.contacts__main .contact__items .contact__item .info {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}

.contacts__main .contact__items .contact__item .info span {
    font-size: 1.25em;
    line-height: 150%;
    font-weight: 500;
    display: flex;
    flex-direction: column;
    max-width: 255px;
    position: relative;
    padding-left: 30px;
    color: rgba(0, 0, 0, 0.9);
}

@media (min-width: 1200px) {
    .contacts__main .contact__items .contact__item .info span.phone {
        max-width: 400px;
    }
}

.contacts__main .contact__items .contact__item .info span::before {
    position: absolute;
    content: '';
    left: 0px;
    top: 4px;
    width: 20px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.contacts__main .contact__items .contact__item .info span.address::before {
    background-image: url(../images/icons/address.svg);
}

.contacts__main .contact__items .contact__item .info span.phone::before {
    background-image: url(../images/icons/phone.svg);
}

.contacts__main .contact__items .contact__item .info span.email::before {
    background-image: url(../images/icons/email.svg);
}

.contacts__main .contact__items .contact__item .info span a {
    color: rgba(0, 0, 0, 0.9);
    margin-bottom: 10px;
}

.contacts__main .contact__items .contact__item .info span a b {
	display: block;
}

.contacts__main .contact__items .contact__item .info span a:hover {
    text-decoration: underline;
}

.contacts__main .contact__items .contact__item .map {
    width: 100%;
    height: 400px;
}

.contacts__main .contact__items .contact__item .map iframe {
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 1199px) {
    .contacts__main .contact__items .contact__item h2 {
        font-size: 2.125em;
    }
}

@media screen and (max-width: 991px) {
    .contacts__main .contact__items .contact__item .info {
        flex-direction: column;
    }

    .contacts__main .contact__items .contact__item .info span {
        max-width: none;
    }

    .contacts__main .contact__items .contact__item .info span:nth-child(1n+2) {
        margin-top: 30px;
    }
}

@media screen and (max-width: 767px) {
    .contacts__main {
        padding: 25px 0px 50px;
    }

    .contacts__main .contact__items {
        padding: 0px 30px;
    }

    .contacts__main .contact__items .contact__item:nth-child(1n+2) {
        margin-top: 50px;
    }

    .contacts__main .contact__items .contact__item h2 {
        font-size: 1.5em;
        margin-bottom: 20px;
    }

    .contacts__main .contact__items .contact__item .info {
        margin-bottom: 20px;
    }

    .contacts__main .contact__items .contact__item .info span {
        font-size: 1.125em;
        line-height: 130%;
        padding-left: 25px;
    }

    .contacts__main .contact__items .contact__item .info span::before {
        top: 2px;
        width: 18px;
        height: 18px;
    }

    .contacts__main .contact__items .contact__item .info span:nth-child(1n+2) {
        margin-top: 15px;
    }

    .contacts__main .contact__items .contact__item .map {
        height: 300px;
    }
}

/*--search--*/

.search__main {
    padding: 30px 0px;
    background-color: var(--main-blue);
}

.search-wrap {
    padding: 0px 40px;
}

.search__main form.search {
    padding: 0px 90px;
    display: flex;
}

.search__main form.search .input {
    max-width: calc(100% - 180px);
    width: 100%;
    position: relative;
}

.search__main form.search .input::before {
    position: absolute;
    content: '';
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 25px;
    height: 25px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../images/icons/search-gray.svg);
}

.search__main form.search .input input {
    font-size: 1.25em;
    padding-left: 50px;
}

.search__main form.search .btns {
    min-width: 150px;
    margin-left: 30px;
}

.search__main form.search .btns .btn {
    width: 100%;
    height: 100%;
    font-size: 0.875em;
    line-height: 160%;
    font-weight: 700;
    color: #ffffff;
    background-color: var(--main-red);
    padding: 14px 20px;
    text-transform: uppercase;
    position: relative;
    overflow: hidden;
    border: none;
    box-shadow: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.search__main form.search .btns .btn span {
    position: relative;
    z-index: 1;
    transition: .8s ease-in-out;
}

.search__main form.search .btns .btn::before {
    content: '';
    position: absolute;
    width: 101%;
    height: 0;
    left: 0;
    bottom: 0;
    background: var(--main-blue-dark);
    transition: .8s ease-in-out;
    z-index: 0;
    pointer-events: none;
}

.search__main form.search .btns .btn:hover::before {
    height: 250%;
    bottom: -40px;
    transform: skewY(7deg);
}

.search__body {
    padding: 40px 0px 70px;
}

.search__body .info {
    padding: 0px 90px;
}

.search__body .info article {

    width: 100%;
}

.search__body .info article:nth-child(1n + 2) {
    margin-top: 30px;
}

.search__body .info article > .entry-header {
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 30px 60px 30px 30px;
    display: flex;
    flex-direction: column;
    position: relative;
}

.search__body .info article > .entry-header::after {
    position: absolute;
    content: '';
    top: 20px;
    right: 20px;
    width: 30px;
    height: 30px;
    background-image: url(../images/icons/faq-arrow.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0;
    pointer-events: none;
    transition: 0.4s;
}

.search__body .info article > .entry-header:hover::after {
    opacity: 1;
    pointer-events: all;
}

.search__body .info article > .entry-header h2 {
    font-size: 1.5em;
    line-height: 120%;
    font-weight: 700;
    color: var(--main-blue);
    margin-bottom: 0px;
}

.search__body .info article > .entry-header h2 a {
    color: var(--main-blue);
}

.search__body .info article > .entry-header h2 a::after {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}

.search__body .info .not-found .page-header h1 {
    color: #000000;
    font-size: 1.5em;
    line-height: 120%;
    font-weight: 700;
}

.search__body .info .not-found .page-content {
    display: none;
}

@media screen and (max-width: 767px) {
    .search__main {
        padding: 20px 0px;
    }

    .search__main form.search {
        padding: 0px 30px;
        flex-direction: column;
    }

    .search__main form.search .input {
        max-width: 100%;
    }

    .search__main form.search .input::before {
        left: 10px;
        width: 20px;
        height: 20px;
    }

    .search__main form.search .input input {
        font-size: 1em;
        line-height: 120%;
        padding: 10px;
        padding-left: 40px;
        min-height: auto;
    }

    .search__main form.search .btns {
        width: 100%;
        margin-left: 0px;
        margin-top: 15px;
    }

    .search__main form.search .btns .btn {
        padding: 12px 20px;
        font-size: 0.75em;
        line-height: 130%;
    }

    .search__main form.search .btns .btn:hover::before {
        height: 400%;
        bottom: -50px;
    }

    .search__body {
        padding: 25px 0px 50px;
    }

    .search__body .info {
        padding: 0px 30px;
    }

    .search__body .info article:nth-child(1n + 2) {
        margin-top: 20px;
    }

    .search__body .info article > .entry-header {
        padding: 15px 40px 15px 15px;
    }

    .search__body .info article > .entry-header::after {
        top: 15px;
        right: 15px;
        width: 20px;
        height: 20px;
    }

    .search__body .info article > .entry-header h2 {
        font-size: 1.125em;
    }

    .search__body .info .not-found .page-header h1 {
        font-size: 1.125em;
    }
}

/*--rbase--*/

.rbase__main .container {
    display: flex;
}

.rbase__main .aside {
    width: 400px;
    background-color: #f1f2f5;
}

.rbase__main .about {
    width: calc(100% - 400px);
    padding: 20px 100px 70px 50px;
}

.rbase__main .about h1 {
    font-size: 2.5em;
    line-height: 140%;
    font-weight: 700;
    margin-bottom: 30px;
    color: rgba(0, 0, 0, 0.8);
}

.rbase__main .about h2 {
    font-size: 1.875em;
    line-height: 140%;
    font-weight: 700;
    margin-bottom: 20px;
}

.rbase__main .about h3 {
    font-size: 1.5em;
    line-height: 140%;
    font-weight: 700;
    margin-bottom: 15px;
}

.rbase__main .about p {
    font-size: 1.25em;
    line-height: 130%;
    font-weight: 400;
    margin-bottom: 15px;
    color: #000000;
}

.rbase__main .about ul {
    margin-bottom: 30px;
}

.rbase__main .about ul li {
    font-size: 1.25em;
    line-height: 130%;
    font-weight: 400;
    margin-bottom: 15px;
    color: #000000;
    padding-left: 20px;
    position: relative;
}

.rbase__main .about ul li::before {
    position: absolute;
    content: '';
    top: 8px;
    left: 0px;
    width: 10px;
    height: 10px;
    background-color: var(--main-red);
    border-radius: 50%;
}

.rbase__main .about ul li:last-child {
    margin-bottom: 0px;
}

.rbase__main .about *:last-child {
    margin-bottom: 0px;
}

.rbase__main .about a:hover {
    text-decoration: underline;
}

@media screen and (max-width: 1199px) {
    .rbase__main .aside {
        width: 340px;
    }

    .rbase__main .about {
        width: calc(100% - 340px);
    }

    .rbase__main .about h1 {
        font-size: 2.125em;
    }

    .rbase__main .about h2 {
        font-size: 1.625em;
    }

    .rbase__main .about h3 {
        font-size: 1.375em;
    }

    .rbase__main .about p {
        font-size: 1.125em;
    }

    .rbase__main .about ul li {
        font-size: 1.125em;
    }

    .rbase__main .about ul li::before {
        top: 6px;
    }
}

@media screen and (max-width: 991px) {
    .rbase__main .aside {
        width: 300px;
    }

    .rbase__main .about {
        width: calc(100% - 300px);
    }
}

@media screen and (max-width: 767px) {
    .rbase__main .container {
        flex-direction: column;
    }

    .rbase__main .aside {
        width: 100%;
    }

    .rbase__main .about {
        width: 100%;
        padding: 25px 30px;
    }

    .rbase__main .about h1 {
        font-size: 1.5em;
        margin-bottom: 20px;
    }

    .rbase__main .about h2 {
        font-size: 1.25em;
        margin-bottom: 12px;
    }

    .rbase__main .about h3 {
        font-size: 1.125em;
        margin-bottom: 12px;
    }

    .rbase__main .about p {
        font-size: 1em;
        margin-bottom: 12px;
    }

    .rbase__main .about ul {
        margin-bottom: 12px;
    }

    .rbase__main .about ul li {
        font-size: 1em;
        margin-bottom: 8px;
        padding-left: 15px;
    }

    .rbase__main .about ul li::before {
        top: 5px;
        width: 8px;
        height: 8px;
    }
}

/*--faq--*/

.faq__main .container {
    display: flex;
}

.faq__main .about {
    width: calc(100% - 580px);
    /* padding: 40px 50px 70px 100px; */
    padding: 0px 30px 30px 0px;
    color: #000000;
}

.faq__items {
    display: flex;
    flex-direction: column;
}

.faq__items .faq__item {
    display: flex;
    flex-direction: column;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.faq__items .faq__item:nth-child(1n+2) {
    margin-top: 15px;
}

.faq__items .faq__item .faq__header {
    display: flex;
    font-size: 1.125em;
    line-height: 160%;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.8);
    padding: 25px 60px 25px 30px;
    position: relative;
    cursor: pointer;
}

.faq__items .faq__item .faq__header::after {
    position: absolute;
    content: '';
    top: 25px;
    right: 25px;
    width: 25px;
    height: 25px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../images/icons/faq-arrow.svg);
    transform: rotate(90deg);
    transition: 0.4s;
}

.faq__items .faq__item .faq__header.close::after {
    transform: none;
}

.faq__items .faq__item .faq__body {
    display: flex;
    font-size: 1.125em;
    line-height: 160%;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.8);
    padding: 0px 60px 0px 30px;
    overflow: hidden;
    transition: 0.4s;
    margin-bottom: 30px;
}

.faq__items .faq__item .faq__body.close {
    max-height: 0px !important;
    margin-bottom: 0px;
}

.faq__main .aside {
    width: 580px;
    background-color: #f1f2f5;
    color: rgba(0, 0, 0, 0.8);
    padding: 40px 90px 70px;
}

.faq__main .aside h2 {
    font-size: 1.875em;
    line-height: 140%;
    font-weight: 700;
    margin-bottom: 20px;
}

.faq__main .aside form input {
    margin-bottom: 20px;
    font-size: 1.25em;
    line-height: 180%;
}

.faq__main .aside form textarea {
    margin-bottom: 20px;
    font-size: 1.25em;
    line-height: 180%;
    min-height: 220px;
    display: flex;
}

.faq__main .aside form .btns {
    margin-top: 30px;
    display: flex;
}

.faq__main .aside form .btn {
    width: 100%;
    font-size: 0.875em;
    line-height: 160%;
    font-weight: 700;
    color: #ffffff;
    background-color: var(--main-red);
    padding: 14px 40px;
    text-transform: uppercase;
    position: relative;
    overflow: hidden;
    border: none;
    box-shadow: none;
    cursor: pointer;
}

.faq__main .aside form .btn span {
    position: relative;
    z-index: 1;
    transition: .8s ease-in-out;
}

.faq__main .aside form .btn::before {
    content: '';
    position: absolute;
    width: 101%;
    height: 0;
    left: 0;
    bottom: 0;
    background: var(--main-blue);
    transition: .8s ease-in-out;
    z-index: 0;
    pointer-events: none;
}

.faq__main .aside form .btn:hover::before {
    height: 250%;
    bottom: -40px;
    transform: skewY(7deg);
}

.btn__video {
    height: 80px;
}

/* .btn__video a {
    display: none !important;
} */

@media screen and (max-width: 1199px) {
    .faq__main .about {
        width: calc(100% - 400px);
    }

    .faq__main .aside {
        width: 400px;
        padding: 40px 50px 70px;
    }

    .faq__main .aside h2 {
        font-size: 1.625em;
    }

    .faq__main .aside form input {
        font-size: 1.125em;
    }

    .faq__main .aside form textarea {
        font-size: 1.125em;
    }
}

@media screen and (max-width: 991px) {
    .faq__main .about {
        width: calc(100% - 350px);
    }

    .faq__main .aside {
        width: 350px;
        padding: 40px 30px 70px;
    }

    .faq__items .faq__item .faq__body {
        padding: 0px 30px 0px 30px;
    }

    .faq__items .faq__item .faq__body p {
        font-size: 1em;
    }

    .rbase__main .about p {
        font-size: 1em;
    }
}

@media screen and (max-width: 767px) {
    .wrapper {
        padding-top: 50px;
    }

    .faq__main .container {
        flex-direction: column;
    }

    .faq__main .about {
        width: 100%;
        padding: 25px 0;
        padding-top: 0;
    }

    .faq__items .faq__item .faq__header {
        font-size: 1em;
        padding: 15px 40px 15px 20px;
    }

    .faq__items .faq__item .faq__header::after {
        top: 15px;
        right: 15px;
        width: 20px;
        height: 20px;
    }

    .faq__items .faq__item .faq__body {
        font-size: 1em;
        padding: 0px 40px 0px 20px;
        margin-bottom: 15px;
    }

    .faq__main .aside {
        width: 100%;
        padding: 25px 30px;
    }

    .faq__main .aside h2 {
        font-size: 1.25em;
        margin-bottom: 12px;
    }

    .faq__main .aside form input {
        margin-bottom: 12px;
        font-size: 1em;
        line-height: 120%;
        padding: 10px;
        min-height: auto;
    }

    .faq__main .aside form textarea {
        margin-bottom: 12px;
        font-size: 1em;
        line-height: 120%;
        padding: 10px;
        min-height: 150px;
    }

    .faq__main .aside form .btns {
        margin-top: 20px;
    }

    .faq__main .aside form .btn {
        font-size: 0.75em;
        line-height: 160%;
        padding: 12px 20px;
    }

    .faq__main .aside form .btn:hover::before {
        height: 400%;
        bottom: -50px;
    }

    .project__body.masonry .project__item {
        height: 500px;
    }

    body.tax-allprojects .project__item h3 {
        font-size: 1.5em;
    }
}

.breadcrumb_wrap {
    padding: 20px 0 0;
    padding-left: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media screen and (max-width: 767px) {
    .breadcrumb_wrap {
        padding-left: 30px;
    }

    .form .form_container .form-group {
        margin-bottom: 12px !important;
    }
}

.error-404 {
    color: #000;
}

/*--news--*/

.archive__wrap {
    padding: 50px 100px;
    margin: 0px -15px;
    display: flex;
    flex-wrap: wrap;
}

.archive__wrap article {
    max-width: calc(100% / 3);
    width: 100%;
}

.archive__wrap article:nth-child(1n + 4) {
    margin-top: 40px;
}

@media screen and (max-width: 1199px) {
    .archive__wrap article {
        max-width: calc(100% / 2);
    }

    .archive__wrap article:nth-child(1n + 3) {
        margin-top: 40px;
    }
}

@media screen and (max-width: 767px) {
    .archive__wrap {
        padding: 30px;
    }

    .archive__wrap article {
        max-width: 100%;
    }

    .archive__wrap article:nth-child(1n + 2) {
        margin-top: 30px;
    }
}

.archive__view .about {
    padding: 40px 100px 20px;
}

.archive__view .about .uppertitle {
    font-size: 1.125em;
    line-height: 160%;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.8);
    display: inline-block;
    border-bottom: 2px solid var(--main-red);
    margin-bottom: 20px;
}

.archive__view .about h1.title {
    font-size: 2.5em;
    line-height: 120%;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: rgba(0, 0, 0, 0.8);
    margin-bottom: 20px;
    position: relative;
}

.archive__view .about .meta__wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 40px;
    margin-top: 50px;
}

.archive__view .about .meta__wrap .date {
    font-size: 1em;
    line-height: 120%;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.3);
}

.archive__view .about .meta__wrap .socials__share {
    display: flex;
    margin: 0px -7px;
}

.archive__view .about .meta__wrap .socials__share a {
    width: 40px;
    height: 40px;
    background: var(--main-red);
    border-radius: 50%;
    margin: 0 7px;
    font-size: 0px;
    position: relative;
    overflow: hidden;
    transition: all 0.2s;
    border: 1px solid transparent;
}

.archive__view .about .meta__wrap .socials__share a:hover {
    border: 1px solid #fff;
}

.archive__view .about .meta__wrap .socials__share a::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 22px;
    height: 22px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.archive__view .about .meta__wrap .socials__share a.facebook::after {
    background-image: url(../images/icons/facebook.svg);
}

.archive__view .about .meta__wrap .socials__share a.telegram::after {
    background-image: url(../images/icons/telegram.svg);
}

.archive__view .about .meta__wrap .socials__share a.google::after {
    background-image: url(../images/icons/google.svg);
}

.archive__view .about .post-thumbnail {
    width: 100%;
    height: 525px;
    margin-bottom: 30px;
}

.archive__view .about .post-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.archive__view .about .entry-content {
    max-width: 90%;
    width: 100%;
    margin: 0px auto;
}

.archive__view .about .entry-content h2 {
    font-size: 1.875em;
    line-height: 140%;
    font-weight: 700;
    margin-bottom: 20px;
}

.archive__view .about .entry-content h3 {
    font-size: 1.5em;
    line-height: 140%;
    font-weight: 700;
    margin-bottom: 15px;
}

.archive__view .about .entry-content p {
    font-size: 1.25em;
    line-height: 130%;
    font-weight: 400;
    margin-bottom: 15px;
    color: #000000;
}

.archive__view .about .entry-content ul {
    margin-bottom: 30px;
}

.archive__view .about .entry-content ul li {
    font-size: 1.25em;
    line-height: 130%;
    font-weight: 400;
    margin-bottom: 15px;
    color: #000000;
    padding-left: 20px;
    position: relative;
}

.archive__view .about .entry-content ul li::before {
    position: absolute;
    content: '';
    top: 8px;
    left: 0px;
    width: 10px;
    height: 10px;
    background-color: var(--main-red);
    border-radius: 50%;
}

.archive__view .about .entry-content ul li:last-child {
    margin-bottom: 0px;
}

.archive__view .about .entry-content *:last-child {
    margin-bottom: 0px;
}

.archive__view .about .entry-content a:hover {
    text-decoration: underline;
}

.archive__more {
    padding: 30px 0px 70px
}

.archive__more .header {
    padding: 0px 90px;
    margin-bottom: 20px;
}

.archive__more .header h2 {
    font-size: 2.5em;
    line-height: 120%;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: rgba(0, 0, 0, 0.8);
    margin-bottom: 0px;
    position: relative;
}

.archive__more .about {
    display: flex;
    flex-wrap: wrap;
    padding: 0px 90px;
    margin: 0px -15px;
}

.archive__more .about > .news__item {
    max-width: calc(100% / 3);
    width: 100%;
}

@media screen and (max-width: 1199px) {
    .archive__view .about h1.title {
        font-size: 2.125em;
    }

    .archive__view .about .post-thumbnail {
        height: 450px;
    }

    .archive__view .about .entry-content h2 {
        font-size: 1.625em;
    }

    .archive__view .about .entry-content h3 {
        font-size: 1.375em;
    }

    .archive__view .about .entry-content p {
        font-size: 1.125em;
    }

    .archive__view .about .entry-content ul li {
        font-size: 1.125em;
    }

    .archive__view .about .entry-content ul li::before {
        top: 6px;
    }

    .archive__more .header h2 {
        font-size: 2.125em;
    }
}

@media screen and (max-width: 991px) {
    .archive__view .about .post-thumbnail {
        height: 350px;
        margin-bottom: 20px;
    }

    .archive__more .about > .news__item {
        max-width: 100%;
    }

    .archive__more .about > .news__item:nth-child(1n + 2) {
        margin-top: 30px;
    }
}

@media screen and (max-width: 767px) {
    .archive__view .about {
        padding: 25px 30px 15px;
    }

    .archive__view .about .uppertitle {
        font-size: 1em;
        margin-bottom: 12px;
    }

    .archive__view .about h1.title {
        font-size: 1.5em;
        margin-bottom: 12px;
    }

    .archive__view .about .meta__wrap {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        margin-bottom: 20px;
        margin-top: 15px;
    }

    .archive__view .about .meta__wrap .socials__share {
        margin: 12px -3px 0px;
    }

    .archive__view .about .meta__wrap .socials__share a {
        width: 30px;
        height: 30px;
        margin: 0 3px;
    }

    .archive__view .about .meta__wrap .socials__share a::after {
        width: 15px;
        height: 15px;
    }

    .archive__view .about .post-thumbnail {
        height: 250px;
        margin-bottom: 12px;
    }

    .archive__view .about .entry-content {
        max-width: 100%;
    }

    .archive__view .about .entry-content h2 {
        font-size: 1.25em;
        margin-bottom: 12px;
    }

    .archive__view .about .entry-content h3 {
        font-size: 1.125em;
        margin-bottom: 12px;
    }

    .archive__view .about .entry-content p {
        font-size: 1em;
        margin-bottom: 12px;
    }

    .archive__view .about .entry-content ul {
        margin-bottom: 12px;
    }

    .archive__view .about .entry-content ul li {
        font-size: 1em;
        margin-bottom: 8px;
        padding-left: 15px;
    }

    .archive__view .about .entry-content ul li::before {
        top: 5px;
        width: 8px;
        height: 8px;
    }

    .archive__more {
        padding: 15px 0px 25px;
    }

    .archive__more .header {
        padding: 0px 30px;
        margin-bottom: 12px;
    }

    .archive__more .header h2 {
        font-size: 1.5em;
    }

    .archive__more .about {
        padding: 0px 30px;
    }
}

/* 404 */

.error-404 .about {
    padding: 100px 100px 150px;
}

.error-404 .about h2 {
    font-size: 8em;
    line-height: 120%;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.8);
    margin-bottom: 50px;
}

.error-404 .about span {
    font-size: 2.5em;
    line-height: 120%;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.8);
}

.error-404 .about span a {
    color: var(--main-blue);
    text-decoration: underline;
}

@media screen and (max-width: 1199px) {
    .error-404 .about h2 {
        font-size: 6em;
        margin-bottom: 50px;
    }

    .error-404 .about span {
        font-size: 2.125em;
    }
}

@media screen and (max-width: 767px) {
    .error-404 .about {
        padding: 40px 30px;
    }

    .error-404 .about h2 {
        font-size: 2.5em;
        margin-bottom: 20px;
    }

    .error-404 .about span {
        font-size: 1.5em;
    }
}

/*--activities-type--*/

.activities__type {
    padding: 40px 0px 70px;
}

.activities__type .header {
    padding: 0px 90px;
}

.add_text {
	max-width: 65%;
	width: 100%;
    margin-top: 50px;
    padding: 0px 90px;
	padding-right: 0;
    font-size: 1.25em;
    line-height: 140%;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.8);
}

.add_text p {
    margin-bottom: 1em;
}

.activities__type .header p {
    font-size: 1.25em;
    line-height: 140%;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.8);
    border-left: 3px solid var(--main-red);
    padding-left: 27px;
    max-width: 65%;
}

.activities__type .body {
    padding: 0px 90px;
    margin: 0px -15px;
    margin-top: 60px;
    display: flex;
    flex-wrap: wrap;
}

.activities__type .body .service__type__item {
    max-width: calc(100% / 3);
    width: 100%;
}

.activities__type .body .service__type__item:nth-child(1n + 4) {
    margin-top: 30px;
}

.service__type__item {
    padding: 0px 15px;
    display: flex;
}

.service__type__item .item__link {
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 30px 60px 40px 70px;
    display: flex;
    flex-direction: column;
    position: relative;
    min-height: 215px;
}

.service__type__item:nth-child(2n-1) .item__link {
    background-color: #2E3192;
    border-bottom: 7px solid #F1666A;

}

.service__type__item:nth-child(2n) .item__link {
    background-color: #F1666A;
}

.service__type__item .item__link::before {
    content: '';
    position: absolute;
    width: 45px;
    height: 100%;
    top: 0px;
    left: 0;
    background-image: url(../images/icons/empty-blue.svg);
    background-position: center;
    background-size: 760%;
    background-repeat: no-repeat;
    filter: invert(1);
}

.service__type__item .item__link::after {
    position: absolute;
    content: '';
    top: 20px;
    right: 20px;
    width: 30px;
    height: 30px;
    background-image: url(../images/icons/faq-arrow.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0;
    pointer-events: none;
    transition: 0.4s;
    filter: brightness(20);
}

.service__type__item .item__link:hover::after {
    opacity: 1;
    pointer-events: all;
}

.service__type__item .item__link h3 {
    font-size: 1.5em;
    line-height: 120%;
    font-weight: 700;
    color: #fff;
    margin-bottom: 0px;
}

@media screen and (max-width: 1199px) {
    .activities__type .header p {
        font-size: 1.125em;
    }

    .activities__type .body .service__type__item {
        max-width: calc(100% / 2);
        width: 100%;
    }

    .activities__type .body .service__type__item:nth-child(1n + 3) {
        margin-top: 30px;
    }

    .service__type__item .item__link {
        min-height: 180px;
    }

    .service__type__item .item__link h3 {
        font-size: 1.375em;
    }
}

@media screen and (max-width: 991px) {
    .activities__type .header p {
        max-width: 100%;
    }
	.add_text {
		max-width: 100%;
		padding-right: 0;
	}
}

@media screen and (max-width: 767px) {
    .activities__type {
        padding: 25px 0px 50px;
    }

    .activities__type .header {
        padding: 0px 30px;
    }

    .activities__type .header p {
        font-size: 1em;
        padding-left: 13px;
        border-left: 2px solid var(--main-red);
    }

    .activities__type .body {
        padding: 0px 30px;
        margin-top: 30px;
    }

    .activities__type .body .service__type__item {
        max-width: 100%;
        width: 100%;
    }

    .activities__type .body .service__type__item:nth-child(1n + 2) {
        margin-top: 20px;
    }

    .service__type__item .item__link {
        padding: 15px 40px 20px 15px;
        min-height: 100px;
    }

    .service__type__item .item__link::after {
        top: 15px;
        right: 15px;
        width: 20px;
        height: 20px;
    }

    .service__type__item .item__link h3 {
        font-size: 1.125em;
    }
}

.wpcf7-form p {
    margin-bottom: 15px;
}

.modal__wrap.video_h {
    max-width: 90%;
    height: 95vh;
}

.modal__wrap.video_h.active .modal__box {
    height: 100% !important;
}

.modal__wrap.video_h.active .modal__box .modal__body {
    height: 100% !important;
    padding: 0;
}

.modal__wrap.video_h.active .modal__box .modal__body iframe {
    height: 100% !important;
    width: 100% !important;
}

.modal__header {
    padding: 0 20px;
    text-align: center;
}

.form .form_container .form-group {
    margin-bottom: 20px;
}

.form .form_container .form-group:last-of-type {

}

.form .form_container .form-group input {
    font-size: 1em;
    line-height: 120%;
    font-weight: 400;
    color: #000000;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 14px;
    min-height: 50px;
    width: 100%;
    margin: 0;
}

.form .form_container .form-group label {
    width: 100%;
    position: relative;
    display: block;
}

.form .form_container .form-group label .btn-show-password {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    margin: auto;
    width: 30px;
    height: 30px;
    background-image: url(../images/show.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    background-color: unset;
    border: unset;
}

.form .form_container .form-group label .text-show {
    background-image: url(../images/hide.svg);
}

.form .form_container .forgot-password-wrap {
    margin-top: 15px;
    display: flex;
    justify-content: center;
}

.form .form_container .forgot-password-wrap a {
    font-size: 1em;
    line-height: 160%;
    font-weight: 500;
    color: var(--main-blue);
}

.form .form_container .forgot-password-wrap a:hover {
    text-decoration: underline;
}

.form .form_container .is-invalid input {
    outline: 2px solid #F1666A;
    background-color: #f1666a24;
}

.btn_login_submit {
    width: 100%;
    background-color: var(--main-red);
    border: none;
    box-shadow: none;
    font-size: 0.875em;
    line-height: 160%;
    font-weight: 700;
    text-transform: uppercase;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 14px;
    margin: 30px 0 0px 0;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.tabs_contents_wrap .current_tab_content {
    display: block;
}

.auth__social {
    margin-bottom: 20px;
}

.auth__social a {

    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 14px;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1em;
    line-height: 120%;
    font-weight: 400;
    color: #000000;
    transition: 0.4s;
}

.auth__social a:before {
    content: '';
    width: 20px;
    min-width: 20px;
    height: 20px;
    margin-right: 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.auth__social a.facebook::before {
    background-image: url(../images/icons/auth-facebook.svg);
}

.auth__social a.google::before {
    background-image: url(../images/icons/auth-google.svg);
}

.auth__social .auth__email {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: 20px 0;
}

.auth__social .auth__email:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.1);
    width: 100%;
    height: 1px;
}

.auth__social .auth__email span {
    position: relative;
    z-index: 2;
    padding: 0px 13px;
    background-color: #ffffff;
    font-size: 0.875em;
    line-height: 140%;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.4);
}

.formLoader {
    position: relative;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.formLoader:after {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    opacity: 2;
    border: 16px solid #3498db;
    border-top: 16px solid #F1666A;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 2s linear infinite;
    z-index: 10;
}

.formLoader:before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 5;
    background-color: rgba(255, 255, 255, 0.479);
}

.responce-text {
    color: rgba(0, 0, 0, 0.4);
    margin-bottom: 15px;
}

.modal__wrap.search_modal .modal__body {
    display: block !important;
}

.result-search-list {
    padding: 20px 0;
    background: #fff;
    color: #000 !important;
    display: none;
    border-top: 2px solid #f0666a;
}

.result_item.clear {
    border-bottom: 1px solid #2e3192;
    padding: 10px 0;
}

input#s {
    outline: none;
}

#searchform {
    position: relative;
}

#searchform:before {
    position: absolute;
    content: '';
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 25px;
    height: 25px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../images/icons/search-gray.svg);
}

input#s {
    outline: none;
    padding-left: 50px;
}

.grecaptcha-badge {
    display: none !important;
}

.excerpt {
    padding-top: 20px;
    line-height: 140%;
    font-size: 1.1em;
}

.info .tabcontent ul {
    list-style: circle;
    margin-top: 20px;
}

.info .tabcontent ul li {
    margin-bottom: 5px;
}

.info .tabcontent ul li:before {
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    background-color: var(--main-red);
    border-radius: 50%;
    margin-right: 10px;
}

table {
    border-collapse: collapse;
    margin-bottom: 30px;

}

table td {
    vertical-align: top;
    padding: 10px 10px 10px 0;
    border-top: 1px solid #ccc;
    min-width: 25%;
}

table tr:hover td {
    background-color: #f2f2f2;
}

/* plates */

.plates .body .plate__item {
    max-width: calc(100% / 3);
    width: 100%;
}

.plates .body .plate__item:nth-child(2n-1) a {
    background-color: #2E3192;
    border-bottom: 7px solid #F1666A;

}

.plates .body .plate__item:nth-child(2n) a {
    background-color: #F1666A;
}

.plates .body .plate__item a h3 {
    color: #fff;
}

.plates .body .plate__item a .plate__item_icon {
    position: absolute;
    right: 30px;
    bottom: 30px;
}

.plates .body .plate__item a::before {
    content: '';
    position: absolute;
    width: 45px;
    height: 100%;
    top: 0px;
    left: 0;
    background-image: url(../images/icons/empty-blue.svg);
    background-position: center;
    background-size: 760%;
    background-repeat: no-repeat;
    filter: invert(1);
}

.plates .body {
    padding: 0px 90px;
    margin: 0px -15px;
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
}

.plate__item {
    padding: 0px 15px;
    display: flex;
    margin-bottom: 30px;
    width: 100%;
}

.plate__item .item__link {
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 30px 60px 40px 75px;
    position: relative;
    height: 230px;
}

.plate__item .caption h3 {
    width: 100%;
    line-height: 120%;
    overflow: hidden;
    -webkit-line-clamp: 4;
    display: box;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;

}

/* .plate__item .item__link::after {
    position: absolute;
    content: '';
    top: 20px;
    right: 20px;
    width: 30px;
    height: 30px;
    background-image: url(../images/icons/faq-arrow.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0;
    pointer-events: none;
    transition: 0.4s;
}

.plate__item .item__link:hover::after {
    opacity: 1;
    pointer-events: all;
} */

.plate__item .item__link h3 {
    font-size: 1.5em;
    line-height: 120%;
    font-weight: 700;
    color: var(--main-blue);
    margin-bottom: 0px;
}

@media screen and (max-width: 991px) {
    .plates .body .plate__item {
        max-width: calc(100% / 2);
    }
}

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

    .plates .body {
        padding: 0px 30px;
    }

    .plates .body .plate__item {
        max-width: calc(100% / 1);
    }
}

.search-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 90px;
}

.search-buttons {
    display: flex;
}

.search-header button {
    width: 40px;
    height: 40px;
    cursor: pointer;
    margin-left: 10px;
    background-image: url(https://tew.com.ua/wp-content/uploads/2023/02/search.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
    border: none;
    border-radius: 50%;
}


.search__main {
    opacity: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    transition: all ease .2s;
}

.search__main.active {
    padding: 30px 0;
    opacity: 1;
    height: auto;
}

.mob-menu-btn {
    display: none;
    width: 100%;
    padding: 10px;
    border: 1px solid #2e3192;
    background-color: transparent;
    color: #2e3192;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.single-regulatory-base .mob-menu-btn,
.single-activity .mob-menu-btn {
    margin: 20px 30px;
    width: auto;
}

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

    .search__main.active {
        padding: 15px 0;
    }

    .aside__menu {
        padding: 0;
    }

    .aside__menu li {
        padding: 0;
    }

    .aside__menu li.active {
        padding: 0;
    }

    .search-header {
        padding-right: 20px;
    }

    .mob-menu-btn {
        display: block;
    }

    .mob-menu {
        display: none;
    }

    .mob-menu.about {
        display: block;
    }

    .mob-menu.active {
        display: block;
    }

}

/* Custom css */
.recomendation {
    padding: 30px 0;
}

.recomendation .header {
    padding: 0px 90px;
}

.recomendation .header p {
    font-size: 1.25em;
    line-height: 140%;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.8);
    border-left: 3px solid var(--main-red);
    padding-left: 27px;
    max-width: 65%;
}

.recomendation-list {
    padding: 0px 90px;
    margin: 0px -15px;
    margin-top: 60px;
    display: flex;
    flex-wrap: wrap;
}

.recomendation-list .recomendation-list__item {
    position: relative;
    padding: 30px;
    flex: 0 0 calc((100% / 3) - 30px);
    max-width: calc((100% / 3) - 30px);
    margin: 0 15px;
    margin-bottom: 30px;
    border: 1px solid #2E3192;
}

.recomendation-list .recomendation-list__item::after {
    position: absolute;
    top: 70px;
    left: 10px;
    content: "";
    display: block;
    width: 60px;
    height: 50px;
    background-image: url(https://tew.com.ua/wp-content/uploads/2023/01/quote.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.recomendation-list .recomendation-list__item .strong {
    margin-bottom: 30px;
    font-style: normal;
    font-weight: 700;
    font-size: 21px;
    line-height: 26px;
    color: #333333;
}

.recomendation-list .recomendation-list__item p {
    margin-bottom: 30px;
    font-style: normal;
    font-weight: 400;
    font-size: 21px;
    line-height: 26px;
    color: #333333;
}

.recomendation-list .recomendation-list__item a {
    font-style: normal;
    font-weight: 400;
    font-size: 21px;
    line-height: 26px;
    color: #333333;
    transition: all .3s ease-in-out;
}

.recomendation-list .recomendation-list__item a:hover {
    color: #2E3192;
}

.recomendation-list .recomendation-list__item a::before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 26px;
    margin-right: 15px;
    background-image: url(https://tew.com.ua/wp-content/uploads/2023/01/document.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
}

.main-recomendation {
    position: relative;
    padding: 40px 0;
    background-color: #1C1E65;
}

.main-recomendation .container {
    padding: 0 90px;
}

.main-recomendation h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 50px;
    display: flex;
    align-items: center;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: #FFFFFF;
}

.main-recomendation h2::before {
    content: '';
    display: block;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: var(--main-red);
    margin-right: 12px;
}

.slick-recomendation.slick-slider .slick-list {
    padding: 0px;
    margin: 0px;
}

.main-recomendation .recomendation-list {
    padding: 0;
}

.main-recomendation .recomendation-list .recomendation-list__item {
    margin-bottom: 0;
    border: 1px solid #ffffff;
}

.main-recomendation .recomendation-list .recomendation-list__item .strong,
.main-recomendation .recomendation-list .recomendation-list__item p,
.main-recomendation .recomendation-list .recomendation-list__item a {
    color: #fff;
}

.main-recomendation .recomendation-list .recomendation-list__item a::before {
    filter: brightness(10);
}

.main-recomendation .recomendation-list .recomendation-list__item::after {
    filter: brightness(5);
}

.main-recomendation .slick-nav {
    margin-top: 30px;
    padding: 10px 0;
}

.arrows-recomendation .slick-arrow {
    background-color: #464880;
}

.mtb__main .body.international-companies {
    flex-wrap: wrap;
    flex-direction: row;
}

.international-companies .partner__item {
    margin: 0;
    margin-bottom: 30px;
    padding: 0px 15px;
    flex: 0 0 calc(100% / 5);
    max-width: calc(100% / 5);
}

.overlay {
    display: none;
}

.mtb__main.autopark {
    padding: 40px 0px 40px;
}

.autopark-list {
    margin-top: 60px;
    padding: 0px 90px;
    margin-left: -16px;
    margin-right: -16px;
}

.autopark-list__item {
    display: flex;
    margin-bottom: 30px;
}

.autopark-list .autopark-list__item:nth-child(2n) {
    flex-direction: row-reverse;
}

.autopark-list__item-col {
    flex: 0 0 auto;
    width: 50%;
    max-width: 100%;
    --bs-gutter-x: 2rem;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
}

.autopark-list__item-col img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.autopark-list__item-col h2,
.autopark-list__item-col h3,
.autopark-list__item-col h4,
.autopark-list__item-col h5,
.autopark-list__item-col h6 {
    margin-bottom: 30px;
    line-height: 130%;
    font-weight: 700;
    color: var(--main-blue);
}

.autopark-list__item-col ul {
    column-count: 2;
}

.autopark-list__item-col ul li {
    position: relative;
    margin-bottom: 15px;
    padding-left: 20px;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: rgba(0, 0, 0, 0.8);
}

.autopark-list__item-col ul li::before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    content: "";
    width: 10px;
    height: 10px;
    background-color: var(--main-red);
    border-radius: 50px;
}

@media screen and (max-width: 1200px) {
    .recomendation-list .recomendation-list__item {
        padding: 20px;
    }

    .recomendation-list .recomendation-list__item .strong {
        font-size: 18px;
        line-height: 26px;
    }

    .recomendation-list .recomendation-list__item p {
        font-size: 18px;
        line-height: 26px;
    }

    .recomendation-list .recomendation-list__item a {
        font-size: 16px;
        line-height: 24px;
    }

    .international-companies .partner__item {
        flex: 0 0 calc(100% / 4);
        max-width: calc(100% / 4);
    }

    .company__team .info {
        padding: 75px 30px 75px 100px
    }

    .company__team .info ul li {
        flex: 0 0 calc(50% - 40px);
        margin: 0px 20px;
        font-size: 1em;
    }

    .autopark-list__item-col ul li {
        margin-bottom: 10px;
        font-size: 16px;
        line-height: 24px;
    }

    .autopark-list__item-col h2 {
        font-size: 21px;
    }
}

@media screen and (max-width: 992px) {
    .recomendation .header p {
        max-width: 100%;
    }

    .recomendation-list .recomendation-list__item {
        flex: 0 0 calc((100% / 2) - 30px);
        max-width: calc((100% / 2) - 30px);
    }

    .progress-bar.progress-bar-apartments {
        width: calc(100% - 145px);
    }

    .international-companies .partner__item {
        flex: 0 0 calc(100% / 3);
        max-width: calc(100% / 3);
    }
}

@media screen and (max-width: 991px) {
    .hc-nav-trigger.hc-nav-1 {
        position: relative;
        top: 0;
    }

    .hc-offcanvas-nav.hc-nav-1 {
		font-family: 'Raleway', sans-serif;
/*         font-family: 'TT Norms', sans-serif; */
    }

    .hc-nav-trigger span {
        width: 25px;
    }

    .hc-nav-trigger span, .hc-nav-trigger span::before, .hc-nav-trigger span::after {
        height: 2px;
    }

    .hc-offcanvas-nav .nav-container, .hc-offcanvas-nav .nav-wrapper, .hc-offcanvas-nav ul {
        background: #ffffff;
    }

    .hc-offcanvas-nav .nav-content > .nav-close:first-child a {
        background: #000000;
        border-top: 0;
        border-bottom: 0;
    }

    .hc-offcanvas-nav .nav-item-link {
        color: #000;
        font-size: 16px;
        font-weight: 500;
        border-bottom: 1px solid #9e9e9e;
        border-radius: 0;
    }

    .hc-offcanvas-nav li:not(.custom-content) a:hover {
        background-color: #fff !important;
    }

    .hc-offcanvas-nav .nav-wrapper > .nav-content > ul:first-of-type > li:first-child:not(.nav-back):not(.nav-close) > .nav-item-wrapper > .nav-item-link {
        border-top: 1px solid #9e9e9e;
    }

    .hc-offcanvas-nav a.nav-next:before {
        width: 1px;
        background: #9e9e9e;
        border-radius: 0px;
    }

    .hc-offcanvas-nav .nav-next span::before, .hc-offcanvas-nav .nav-back span::before {
        border-top: 1px solid #000;
        border-left: 1px solid #000;
    }

    .hc-offcanvas-nav a.nav-next {
        border-top: 0;
        border-left: 0;
        border-bottom: 1px solid #9e9e9e;
    }

    .hc-offcanvas-nav .nav-wrapper > .nav-content > ul:first-of-type > li:first-child:not(.nav-back):not(.nav-close) > .nav-item-wrapper > .nav-item-link + a {
        border-top: 1px solid #9e9e9e;
    }

    .hc-offcanvas-nav .nav-parent .nav-next {
        border-radius: 0;
    }

    .hc-offcanvas-nav .nav-back a {
        border-top: 1px solid #9e9e9e;
        border-bottom: 1px solid #9e9e9e;
        color: #000;
        font-weight: 500;
        border-radius: 0;
    }

    .hc-offcanvas-nav .nav-content > .nav-close:first-child a:hover, .hc-offcanvas-nav .nav-title + .nav-close a.has-label:hover, .hc-offcanvas-nav li.nav-close a:hover, .hc-offcanvas-nav .nav-back a:hover {
        background: #ffffff;
    }

    .hc-nav-trigger span {
        width: 30px;
    }

    .nav__burger::after {
        top: 10px;
    }

    .hc-nav-trigger span::before {
        top: -10px;
    }

    .hc-offcanvas-nav .nav-content > .nav-close:first-child a:hover {
        background: #000000;
    }

    .hc-offcanvas-nav .nav-back a:hover {
        background: #ffffff;
    }

    .autopark-list__item {
        display: flex;
        flex-direction: column;
    }

    .autopark-list .autopark-list__item:nth-child(2n) {
        flex-direction: column;
    }

    .autopark-list__item-col {
        width: 100%;
        max-width: 100%;
    }

    .autopark-list__item-col img {
        height: 400px;
        margin-bottom: 30px;
    }

    .autopark-list__item-col ul {
        column-gap: 30px;
    }
}

@media screen and (max-width: 768px) {
    .recomendation .header {
        padding: 0px 30px;
    }

    .recomendation-list {
        padding: 0px 30px;
    }

    .recomendation-list .recomendation-list__item {
        flex: 0 0 calc((100% / 1) - 30px);
        max-width: calc((100% / 1) - 30px);
    }

    .main-recomendation .container {
        padding: 0 30px;
    }

    .main-recomendation h2 {
        font-size: 1.5em;
    }

    .recomendation-list {
        margin-top: 30px;
    }

    .slick-apartments.slick-slider .slick-nav {
        padding: 10px 0;
        justify-content: space-between;
    }

    .company__team .info {
        padding: 50px 30px 50px 30px;
    }

    .autopark-list {
        padding: 0px 30px;
    }
}

@media screen and (max-width: 576px) {
    .international-companies .partner__item {
        flex: 0 0 calc(100% / 2);
        max-width: calc(100% / 2);
    }

    .project__body.masonry .project__item {
        width: 100%;
        height: 450px;
    }

    .autopark-list__item-col img {
        height: 300px;
    }
    .add_text{
        padding: 0 40px;
        font-size: 1em;
    }
}

@media screen and (max-width: 480px) {
    .company__team .info ul li {
        flex: auto;
        margin: 0;
    }

    .autopark-list {
        margin-top: 30px;
    }

    .autopark-list__item-col ul {
        column-count: 1;
        column-gap: 30px;
    }
}

@media screen and (max-width: 420px) {
    .main__header .video a.play {
        width: 55px;
        height: 55px;
        font-size: 0.8em;
    }

    .main__header .video a.play svg {
        transform: scale(.7);
    }

    .main__carousel__navs ul li {
        width: 40px;
        height: 40px;
    }

    .main__header-bottom {
        align-items: flex-start;
        flex-direction: column;
        padding-bottom: 30px;
    }

    .main__header .video {
        min-height: auto;
    }

    .main__carousel__navs {
        margin-top: 30px;
    }
}