@import url(https://fonts.googleapis.com/css?family=Roboto:100,regular,600&display=swap);
@import url(https://fonts.googleapis.com/css?family=Rubik:300,regular,500&display=swap);

@font-face {
    font-family: 'Bebas Neue';
    src: url('../fonts/BebasNeueRegular.eot');
    src: url('../fonts/BebasNeueRegular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BebasNeueRegular.woff2') format('woff2'),
        url('../fonts/BebasNeueRegular.woff') format('woff'),
        url('../fonts/BebasNeueRegular.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bebas Neue';
    src: url('../fonts/BebasNeueBold.eot');
    src: url('../fonts/BebasNeueBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BebasNeueBold.woff2') format('woff2'),
        url('../fonts/BebasNeueBold.woff') format('woff'),
        url('../fonts/BebasNeueBold.svg#BebasNeueBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


/* Обнуление оснвных параметров браузера */
* {
    padding: 0px;
    margin: 0px;
    border: 0px;
    }
    *,*:before,*:after{
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .focus :active{outline: none;}
    a:focus, :active{outline: none;}
    
    nav,footer,header,aside{display: block;} 
    
    html,body{
    height: 100%;
    width: 100%;
    font-size: 100%;
    line-height: 1;
    font-size: 14px;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    }
    
    input,button,textarea{font-family: inherit;}
    
    input::-ms-clear{display: none;}
    button{cursor: pointer;}
    button::-moz-focus-inner {padding:0; border:0;}
    a, a:visited{text-decoration: none;}
    a:hover{text-decoration: none;}
    ul li{list-style: none;}
    img{vertical-align: top;}
    
    h1,h2,h3,h4,h5,h6{font-size: inherit;font-weight: 400;}
    /* -------------------------------------------------- */

    html, body {
        height: 100%;
        font-family: Roboto;
        font-weight: 400;
        line-height: 1;
        color: #efefef;
        background-color: #222224;
    }
    body._lock {
        overflow: hidden;
    }
    .total__eclipce-bimpro {
        display: flex;
        flex-direction: column;
        min-height: 100%; 
        overflow: hidden;
    } 
    .main__page {
        flex: 1 1 auto;
    }
    [class*="__container"]{
        margin: 0 auto;
        max-width: 1400px;
        padding: 0 15px;
        box-sizing: content-box;
        border: px solid red;
    }
    ._aib {
        position: relative;
    }
    ._aib img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    ._title {
        color: #fff;
        font-family: 'Bebas Neue';
        font-size: 50px;
        font-weight: 700;
        line-height: 100%;
        letter-spacing: 0.01em;
        text-transform: uppercase;
    }
    ._title-orange {
        color: #e74214;
    }
    .subtitle {
        font-family: 'Bebas Neue';
        font-weight: 700;
        text-transform: uppercase;
    }
    .text {
        font-weight: 400;
        font-size: 18px;
        line-height: 150%;
        letter-spacing: 0.02em;
        color: #fff;
    }
    .paragraph {
        margin: 18px 0;
        padding-left: 21px;
        font-size: 16px;
        border-left: 2px solid #fff;
        position: relative;
    }
    .menu-link {
        color: inherit;
        font-size: 20px;
        line-height: 135%;
        letter-spacing: 0.01em;
        transition: 0.3s;
    }
    .btn {
        display: block;
        max-width: 320px;
        min-height: 70px;
        line-height: 70px;
        padding: 4px 35px;
        text-align: center;
        color: inherit;
        border: 2px solid #F5F5F5;
        border-radius: 6px;
    }
    .nav-btn {
        text-align: left;
        background-color: transparent;
        position: relative;
    }
    .tabs-btn .nav-btn.active-tab {
        padding-left: 45px;
    }
    .tabs-btn .nav-btn.active-tab:before,
    .tabs-btn .nav-btn.active-tab:after {
        content: "";
        position: absolute;
        left: 0;
        width: 5px;
        height: 22px;
        background-color: #e74214;
    }
    .tabs-btn .nav-btn.active-tab:before {
        top: 55px;
        transform: rotate(135deg);
    }
    .tabs-btn .nav-btn.active-tab:after {
        top: 68px;
        transform: rotate(-135deg);
    }
    .tabs-items {
    }
    .tabs-items .item-tab {
        display: none;
    }
    .tabs-items .item-tab.active-tab {
        display: block;
    }
    .dott {
        position: relative;
    }
    .dott:before {
        content: "";
        position: absolute;
        top: 12px;
        left: 15px;
        width: 3px;
        height: 3px;
        border-radius: 50%;
        background-color: #fff;
    }
    .row {
        display: flex;
    }
    .column:nth-child(1) {
        flex: 0 1 45%;
    }
    .column:nth-child(2) {
        flex: 0 1 55%;
    }
    ._slider {
        overflow: hidden;
        position: relative;
    }
    .controls {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 61px;
        background: transparent;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 61px;
        background: rgba(0, 0, 0, 0.7);
        z-index: 1;
    }
    .visual-arrows {
        position: absolute;
        left: 50%;
        transform: translate(-50%, 0);
        display: flex;
        gap: 292px;
        z-index: 3;
    }
    .visual-scrollbar {
        position: absolute;
        left: 50%;
        transform: translate(-50%, 0);
        width: 254px;
        height: 2px;
        background-color: #fff;
        z-index: 5;
    }
    .vis-image {
        padding: 0 0 128.52% 0;  
    }
    .vis-image img {
        width: 100%;
    }
    .vis-body {
        height: 100%;
        max-width: 784px;
        padding: 84px 10px 59px 0px;
    }
    .vis-item {
        border-bottom: 1px solid rgba(157, 160, 163, 0.3);
        padding: 34px 0 34px 99px; 
    }
    .vis-btn {
        margin: 59px 0 0px 99px; 
    }
    .vis-button {
        display: flex;
        align-items: center;
        padding: 0px 0 0px 33px;
        font-size: 24px;
        line-height: 150%;
        font-weight: 600;
        cursor: pointer;
        position: relative;
    }
    .vis-button:before,
    .vis-button:after {
        content: "";
        position: absolute;
        top: 19px;
        left: 0px;
        width: 11px;
        height: 1.5px;
        background-color: #fff;
    }
    .vis-button:before {
        left: 0px;
        transform: rotate(45deg);
    }
    .vis-button:after {
        left: 7px;
        transform: rotate(-45deg);
    }
    .active-spoller .vis-button {
        color: #ea4c1c;
    }
    .active-spoller .vis-button:before,
    .active-spoller .vis-button:after {
        background-color: #ea4c1c;
    }
    .iconfont {
        margin-right: 15px;
        font-size: 42px;
    }
    ._icon-arrow-left,
    ._icon-arrow-right{
        color: #fff;
        font-size: 16px;
    }
    ._icon-arrow-right {
        transform: rotate(180deg);
    }
    .wrap-images {
        display: flex;
        align-items: flex-end;
        flex-wrap: wrap;
    }
    
    /* ============= HEADER ============== */

    .header {
        height: 86px;
        padding: 18px 0;  
        border-bottom: 0.6px solid #E3E2E2;
    }
    .header__container {
        display: flex;
        align-items: center;
        height: 100%;
    }
    .header__logo {
    }
    .header__menu {
        flex: 1 1 auto; 
    }
    .header__list {
        display: flex;
        padding: 0 0 0 57px;
        position: relative;
    }
    .header__item {
        padding: 30px 20px; 
        position: relative;
    }
    .header__item:not(:first-child) {
    /*    margin: 0 0 0 35px;  */
    }
    .header__item:after {
        content: "";
        position: absolute;
        left: 50%;
        bottom: 0;
        width: 0;
        height: 1px;
        background-color: #e74214;
        transform: translate(-50%);
        transition: all 0.3s ease-in 0s;
    }
    .header__item:hover:after,
    .header__item:focus:after {
        width: 100%;
    }
    .header__link {
    }
    .header__item:hover .header__sub-list {
        transform: translate(0px, 0px);
        visibility: visible;
        opacity: 1;
        pointer-events: auto
    }
    .header__sub-list {
        position: absolute;
        top: 100%;
        left: 0px;
        width: 480px;
        background-color: #222224;
        z-index: 10;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translate(0px, 10px);
        transition: all 0.3s ease 0s;
    }
    .header__sub-item {
        border-bottom: 1px solid #e3e2e2;
    }
    .header__sub-link {
        display: inline-block;
        padding: 17px 15px 17px 43px;
    }
    .header__sub-link:hover {
        color: #e74214;
    }
    .header__contacts {
    }
    .contact {
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100%;
    }
    .contact a {
        font-family: Rubik;
        color: inherit;
    /*    line-height: 158%;  */
    }
    .contact__number {
        font-size: 18px;
    }
    .contact__email {
        font-size: 16px;
        letter-spacing: 0.01em;
    }

    /* ============== MAIN VISUALIZATION ============= */

    .main-visualization {
        padding: 0 0 87px 0;
    }
    .main-visualization__container {
    }
    .main-visualization__button {
        display: flex;
        justify-content: flex-end;
    }
    .free-consultation__btn {
        margin-top: -1px;
        width: 250px;
        min-height: 40px;
        line-height: 40px;
        text-align: center;
        padding: 9px 7px;
        border-radius: 0px 0px 6px 6px;
        background-color: #ea4c1c;
    }
    .main-visualization__block {
        display: flex;
        margin: 60px 0 0 0;
    }
    .main-visualization__body {
        flex: 0 0 37.5%;
        align-self: flex-end;
        position: relative;
        z-index: 5;
    }
    .main-visualization__content {
        padding: 0 20px 68px 0px;
    }
    .main-visualization__title {
        font-size: 70px;
    }
    .main-visualization__text {
        margin: 25px 0 50px 0;
    }
    .main-visualization__btn {
        display: inline-block;
        text-align: center;
        padding: 4px 35px;
        gap: 10px;
        max-width: 400px;
        width: 100%;
        min-height: 70px;
        line-height: 70px;
        border-radius: 6px;
        background: #EA4C14;
    }
    .main-visualization__slider {
        flex: 1 1 auto; 
        min-width: 0;
        align-self: flex-start;
    }
    .main-slider {
        position: relative;
    }
    .main-slider__body {
        overflow: visible;
        position: relative;
    }
    .main-slider__body:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100%;
        background-color: #222224;
        z-index: 2;
        transform: translate(-100%, 0);
    }
    .main-slider__swiper {
    }
    .swiper-wrapper {
    }
    .main-slider__slide {
        border-radius: 10px;
        overflow: hidden;
        position: relative;
    }
    .swiper-slide {
    }
    .main-slider__image {
        padding: 0 0 60% 0;
    }
    .main-slider__link {
        position: absolute;
        top: 0;
        left: 0;
        width: 68px;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        background: rgba(0, 0, 0, 0.3);
        z-index: 5;
    }
    .main-slider__label {
        font-family: 'Bebas Neue';
        font-weight: 700;
        font-size: 30px;
        letter-spacing: 0.01em;
        text-transform: uppercase;
        color: #FFFFFF;
        writing-mode: vertical-lr; 
        -webkit-transform: rotate(180deg);   
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    .main-slider__arrows {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        gap: 282px;
        height: 20px;
        margin-top: 27px;
    }
    .slider-arrow {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 20px;
        height: 20px;
        background: transparent;
    }
    .slider-arrows__prev {
    }
    .slider-arrows__next {
    }
    .main-slider__scrollbar {
    }
    .swiper-scrollbar {
    }
    .main-slider__scrollbar {
        position: absolute;
        bottom: 9px;
        right: 34px;
        width: 254px;
        height: 2px;
        background-color: #fff;
    }
    .main-drag__scroll {
        position: absolute;
        bottom: 0;
        left: 0;
        height: 100%;
        background-color: #ea4c1c;
        cursor: pointer;
    }
    .main-slider .swiper-scrollbar-drag {

    }


    /* ============== OUR SERVICES =================== */

    .our-services {
        padding: 40px 0 160px 0;
    }
    .our-services__container {
    }
    .our-services__title {
        margin: 0 0 80px 0;
    }
    .our-services__row {
        display: flex;
        flex-wrap: wrap;
        margin: -15px -15px;
    }
    .our-services__column {
        flex: 0 1 33.333%;
        padding: 15px 15px;
    }
    .our-services__item {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 180px;
        padding-left: 20px;
        background-color: #191919;
        border: 2px solid #464646;
        border-radius: 5px;
    }
    .our-services__image {
    }
    .our-services__label {
        padding-left: 20px;
        font-size: 22px;
        line-height: 122.72%;
        letter-spacing: 0.01em;
    }
    .our-services__discounts {
    }
    .discount-our {
        display: flex;
        margin-top: 164px;
        position: relative;
    }
    .discount-our:after {
        content: '';
        position: absolute;
        bottom: 19px;
        width: 100%;
        height: 1px;
        background-color: #9b9b9b;
    }
    .discount-our__item {
        flex: 0 1 25%;
        padding: 0 0px 34px 0px; 
        position: relative;
    }
    .discount-our__item:nth-child(1)::before,
    .discount-our__item:nth-child(2)::before,
    .discount-our__item:nth-child(3)::before,
    .discount-our__item:nth-child(4)::before {
        content: '';
        position: absolute;
        bottom: 19px;
        left: 0px;
        height: 3px;
        width: 24px;
        background-color: #515151;
        transform: rotate(135deg);
        z-index: 2;
    }
    .discount-our__item:nth-child(4):after {
        content: '';
        position: absolute;
        bottom: 19px;
        right: 0px;
        height: 3px;
        width: 24px;
        background-color: #515151;
        transform: rotate(135deg);
        z-index: 2;
    }
    .discount-our__item:nth-child(1) span::before,
    .discount-our__item:nth-child(2) span::before,
    .discount-our__item:nth-child(3) span::before,
    .discount-our__item:nth-child(4) span::before {
        content: '';
        position: absolute;
        top: -8px;
        left: 12px;
        width: 1px;
        height: 111px;
        background-color: #515151;
    }
    .discount-our__item:nth-child(4) span::after {
        content: '';
        position: absolute;
        top: -8px;
        right: 12px;
        width: 1px;
        height: 111px;
        background-color: #515151;
    }
    .discount-our__title {
        text-align: center;
        text-transform: uppercase;
        font-size: 28px;
        font-family: 'bebas neue';
        font-weight: 700;
        line-height: 107%;
        position: relative;
    }
    .hov-hint:hover::after {
        content: attr(data-name);
        position: absolute;
        left: 100px;
        top: 120%;
        color: #fff;
        text-transform: none;
        text-align: center;
        font-size: 14px;
        line-height: 142%;
        letter-spacing: 0.01em;
        padding: 10px;
        width: 100%;
        border-radius: 0px 6px 6px 6px;
        background: rgba(0, 0, 0, 0.8);
        z-index: 5;
    }

    /* ============== VISUALIZED EASTETE ============= */

    .visualized-estate {
    /*    padding: 66px 0 60px 0;  */
        background-color: #171719;
    }
    .visualized-estate__content {
        flex: 0 0 100%;
        display: flex;
    }
    .visualized-estate__container {
        display: flex;
        align-items: center;
    }
    .visualized-estate__body {
    }
    .visualized-estate__discount {
    }
    .discount-estate {
        display: flex;
        column-gap: 15px;
        margin-bottom: 62px;
    }
    .discount-estate__figure {
        flex: 0 0 218px;
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
        height: 218px;
        font-size: 115px;
        font-weight: 700;
        font-family: 'Bebas Neue';
        line-height: 73%;
        border: 2px solid #fff;
        border-right: 0;
        position: relative;
    }
    .discount-estate__figure span:nth-child(2) {
        color: #fff;
        font-size: 60px;
        line-height: 73%;
        z-index: 5;
    }
    .discount-estate__figure:after {
        content: '';
        position: absolute;
        right: 0;
        top: -2px;
        width: 38px;
        height: 102%;
        background-color: #e74214;
    }
    .discount-estate__text {
        flex: 0 1 247px;
        align-self: flex-end;
        color: #a5a5a5;
        font-size: 16px;
        line-height: 125%;
    }
    .visualized-estate__title {
        font-size: 60px;
        line-height: 98%;
    }
    .visualized-estate__image img {
        max-width: 100%;
    }
    @media (min-width: 1025px) {
        .visualized-estate {
            display: flex;
        }
        .visualized-estate__body {
            width: 43%;
            padding: 66px 36px 60px 0;
        }
        .visualized-estate__image {
            flex: 0 0 calc(((100vw - 30px) * 0.57) + 15px);
            transform: translate(-100%, 0px);
            padding: 0 0 32% 0;  
            position: relative;
        }
        .visualized-estate__image img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }
    
    @media (min-width: 1400px) {
        .visualized-estate__image {
        /*    flex: 0 0 calc(100vw - (((100vw - 1400px) / 2) + ((1400px - 30px) * 0.44) +15px));  */
        
            flex: 0 0 calc(50vw - (0.43 - 0.5) * 1370px); 
        }
    }

    /* ============== BUSINESS ASSISTANCE ============= */

    .business-assistance {
        padding: 0 0 129px 0;
        background-color: #2e2e31;
    }
    .business-assistance__container {
    }
    .business-assistance__row {
        display: flex;
    }
    .business-assistance__column:nth-child(1) {
        flex: 0 1 42.5%;
    }
    .business-assistance__column:nth-child(2) {
        flex: 0 1 57.5%;
    }
    .business-assistance__buttons {
        margin: 150px 0 0 0;
    }
    .business-assistance__title {
        padding: 46px 0;
    }
    .business-assistance__title:nth-child(2) {
        width: 486px;  
        border-top: 1px solid rgba(227, 226, 226, 0.2);
        border-bottom: 1px solid rgba(227, 226, 226, 0.2);
    }
    .business-assistance__spollers {
        padding: 151px 0 0 0;
        border-left: 1px solid rgba(157, 160, 163, 0.3);
    /*    border-bottom: 1px solid rgba(157, 160, 163, 0.3);  */
    }
    .business-assistance__block {
    /*    display: none; */
    }
    
    .business-assistance__block {
    /*    display: block; */
        z-index: 5;
    }
    .business-assistance__item {
    }
    .business-assistance__button {
        padding: 30px 0 30px 82px;
        font-size: 22px;
        line-height: 122.72%;
        font-family: Rubik;
        cursor: pointer;
        border-bottom: 1px solid rgba(157, 160, 163, 0.3);
        position: relative;
    }
    .business-assistance__button:before,
    .business-assistance__button:after {
        content: "";
        position: absolute;
        top: 42px;
        width: 11px;
        height: 1.5px;
        background-color: #fff;
    }
    .business-assistance__button:before {
        left: 52px;
        transform: rotate(45deg);
    }
    .business-assistance__button:after {
        left: 59.23px;
        transform: rotate(-45deg);
    }
    .business-assistance__text {
        display: none;
        padding: 24px 0 24px 82px;
    }
    .active-spoller .business-assistance__button {
        color: #e74214;
    }
    .active-spoller .business-assistance__button:before,
    .active-spoller .business-assistance__button:after {
        background-color: #e74214;
    }
    .active-spoller .business-assistance__text {
        display: block;
        border-bottom: 1px solid rgba(157, 160, 163, 0.3);
    }
    .business-assistance__list {
    }
    .business-assistance__subitem {
        padding-left: 25px;
    }

    /* ============== 5 STEPS ============= */

    .five-steps {
        padding: 103px 0; 
    }
    .five-steps__container {
    }
    .five-steps__title {
    }
    .five-steps__row {
        display: flex;
        margin: 85px 0;
    }
    .five-steps__column {
        flex: 1 1 20%;
    }
    .five-steps__item {
        display: flex;
        justify-content: space-between;
    }
    .five-steps__content {
        text-align: center;
        white-space: nowrap;
    }
    .five-steps__figure {
        line-height: 136%;
        color: #e74214;
    }
    .five-steps__text {
        padding-left: 11px;
        font-weight: 500;
        font-size: 22px;
        line-height: 166%;
    }
    .five-steps__image img {
    }
    .five-steps__button {
    }

    /* ============== COMPLEX VISAULIZATION ================= */

    .complex-visualization {
        background-color: #2e2e31;
    }
    .complex-visualization__row {
    }
    .complex-visualization__column {
    }
    .complex-visualization__slider {
    }
    .complex-visualization__swiper {
    }
    .complex-visualization__slide {
    }
    .complex-visualization__image {
    /*    padding: 0 0 128.52% 0;  */
    }
    .complex-visualization__controls {
    }
    .complex-visualization__arrows {
    }
    .complex-visualization__scrollbar {
    }
    .complex-scroll {
        position: absolute;
        height: 100%;
        background-color: #ea4c1c;
        cursor: pointer;
    }
    .complex-visualization__body {
    }
    .complex-visualization__title {
        padding-left: 99px;
    }
    .complex-visualization__spollers {
    }
    .complex-visualization__item {
        position: relative;
    }
    .complex-visualization__button {
    }
    .complex-visualization__text {
        position: absolute;
        top: 100%;
        visibility: hidden;
        opacity: 0;
        padding: 17px 0 24px 0;
        font-size: 16px;
    }
    .active-spoller .complex-visualization__text {
        visibility: visible;
        opacity: 1;
        position: relative;
        transition: opacity 0.6s ease 0s;
    /*    border-bottom: 1px solid rgba(157, 160, 163, 0.3);  */
    }
    .complex-visualization__paragraph {
    }
    .paragraph-orange {
        color: #ea4c1c;
    }
    .complex-visualization__images {
    }
    .complex-images {
        flex-wrap: nowrap;
        position: relative;
    }
    .complex-images__img:nth-child(1) {
    }
    .complex-images__img:nth-child(2) {
        margin-left: -30px;
        z-index: 5;
    }
    .complex-images__img:nth-child(3) {
        margin-left: -15px;
    }
    .complex-visualization__btn {
    /*    margin: 59px 0 59px 99px;  */
    }
    
    /* ============== ADVERTISING VISUALIZATION ================= */

    .advertising-visualization {
    }
    .advertising-visualization__row {
    }
    .advertising-visualization__column {
    }
    .advertising-visualization__slider {
    }
    .adver-slider {
    }
    .advertising-visualization__swiper {
    }
    .swiper-wrapper {
    }
    .advertising-visualization__slide {
    }
    .swiper-slide {
    }
    .advertising-visualization__image {
    /*    padding: 0 0 128.52% 0;  */
    }
    .advertising-visualization__controls {
    }
    .controls {
    }
    .advertising-visualization__arrows {
    }
    .slider-arrows {
    }
    .visual-arrows {
    }
    .slider-arrow {
    }
    .slider-arrows__prev {
    }
    .slider-arrows__next {
    }
    .advertising-visualization__scrollbar {
    }
    .adver-scroll {
        position: absolute;
        height: 100%;
        background-color: #ea4c1c;
        cursor: pointer;
    }
    .advertising-visualization__body {
    }
    .advertising-visualization__title {
        padding-left: 99px;
    }
    .advertising-visualization__spollers {
    }
    .advertising-visualization__item {
    }
    .spoller-js {
    }
    .advertising-visualization__button {
        padding: 0px 0 0px 30px;
        position: relative;
    }
    .advertising-visualization__text {
        display: none;
        padding: 17px 0 24px 0;
        font-size: 16px;
    }
    .active-spoller .advertising-visualization__text {
        display: block;
    }
    .advertising-visualization__paragraph {
    }
    .paragraph-orange {
    }
    .advertising-visualization__images {
        column-gap: 30px;
    }
    .advertising-images {
    }
    .advertising-visualization__btn {
    /*    margin: 63px 0 59px 99px;  */
    }

    /* ============== VIDEO MATERIALS ================= */

    .video-materials {
        background-color: #2e2e31;
    }
    .video-materials__row {
    }
    .video-materials__column {
    }
    .video-materials__slider {
    }
    .video-materials__swiper {
    }
    .video-materials__slide {
    }
    .video-materials__image {
        display: block;
        position: relative;
    /*    padding: 0 0 128.52% 0;  */
    }
    .img-btn::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 104px;
        height: 104px;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.80);
        transition: 0.4s;
        z-index: 6;
    }
    .img-btn:hover:before {
        width: 114px;
        height: 114px;
        background: rgba(255, 255, 255, 1);
    }
    .img-btn::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.3);
        visibility: visible;
        opacity: 1;
        transition: 0.6s;
    }
    .img-btn:hover::after {
        visibility: hidden;
        opacity: 0;
    }
    .img-btn span {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        margin-left: 5px;
        border-top: 14px solid transparent;
        border-left: 28px solid #0a0a0a;
        border-bottom: 14px solid transparent;
        transition: all 1s ease 0s;
        z-index: 7;
    }
    .video-materials__scrollbar {
    }
    .video-scroll {
        position: absolute;
        height: 100%;
        background-color: #ea4c1c;
        cursor: pointer;
    }
    .video-materials__body {
    }
    .video-materials__title {
        padding-left: 99px;
    }
    .video-materials__text {
        margin-top: 6px;
        padding-left: 99px;
        color: #a5a5a5;
    }
    .video-materials__spollers {
    }
    .video-materials__item {
    }
    .video-materials__button {
    }
    .video-materials__content {
        display: none;
        padding: 17px 0 24px 0;
    }
    .active-spoller .video-materials__content {
        display: block;
    }
    .video-materials__paragraph {
    }
    .paragraph-orange {
    }
    .video-materials__images {
    }
    .video-images {
    }
    .video-images__img {
    }
    .video-materials__btn {
    /*    margin: 59px 0 59px 99px;  */
    }

    /* ============== ADDITIONAL MATERIALS ================= */

    .additional-materials {
    }
    .additional-materials__container {
    }
    .additional-materials__row {
    }
    .additional-materials__column {
    }
    .additional-materials__slider {
    }
    .additional-materials__swiper {
    }
    .additional-materials__slide {
    }
    .additional-scroll {
        position: absolute;
        height: 100%;
        background-color: #e74214;
        cursor: pointer;
    }
    .additional-materials__image {
    }
    .additional-materials__body {
    }
    .additional-materials__title {
        padding-left: 99px;
    }
    .additional-materials__text {
        color: #a5a5a5;
        padding-left: 99px;
        margin-top: 6px;
    }
    .additional-materials__spollers {
    }
    .additional-materials__item {
    }
    .additional-materials__button {
    }
    .additional-materials__content {
        display: none;
        padding: 17px 0 24px 0;
        font-size: 16px;
    }
    .active-spoller .additional-materials__content {
        display: block;
    }
    .additional-materials__paragraph {
    }
    .additional-materials__images {
    }
    .additional-images {
    }
    .additional-images__img {
    }
    .additional-materials__btn {
    }

    /* ============== IMPLEMENTED PROJECTS ================= */

    .implemented-projects {
        padding: 173px 0 74px 0;
        background-color: #2e2e31;
    }
    .implemented-projects__container {
    }
    .implemented-projects__title {
    }
    .implemented-projects__hidden {
        display: none;
    }
    .implemented-projects__filter {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        column-gap: 12.9px;  
        margin: 65px 0px 9px 0px;
    }
    
    .filter {
        margin-bottom: 17px;
        padding: 8px 35px;
        color: #efefef;
        border: 1px solid #FFFFFF;
        border-radius: 6px;
        background-color: transparent;
    }
    .filter:nth-child(7) {
        margin-left: 0;
    }
    .implemented-projects__filter span {
        flex: 1 1 auto;
    }
    .reset {
        float: right;  
        color: #e74214;
        border: none;
        padding: 9px 0;  
    }
    .filter.active {
        border: none;
        background-color: #e74214;
    }
    .reset.active {
        background-color: transparent;
    }
    .ip-filter__checkbox {
        user-select: none;
        position: relative;
    }
    .ip-filter__checkbox .ip-filter__input[type=checkbox] {
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        position: absolute;
    }
    .ip-filter__checkbox .ip-filter__label {
        display: inline-block;
        margin-bottom: 17px;
        padding: 8px 35px;
        color: #efefef;
        border: 1px solid #FFFFFF;
        border-radius: 6px;
        cursor: pointer;
    }
    .implemented-projects__filter .reset-check {
        flex: 1 1 auto;
    }
    .ip-filter__checkbox .reset {
        float: right;  
        color: #e74214;
        border: none;
        padding: 9px 0;  
    }
    /* Checked */
    .ip-filter__checkbox .ip-filter__input[type=checkbox]:checked + .ip-filter__label {
        background: #e74214;
        border: none;
    }
    .ip-filter__checkbox .ip-filter__input[type=checkbox]:checked + .reset {
        background: transparent;
    }

    /* Focus */
    .focused .ip-filter__label {
    /*    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);  */
    }
    /*
    /* Active */
    .ip-filter__checkbox input[type=checkbox]:active:not(:disabled) + .ip-filter__label {
    /*    background: #e74214;  */
    }
    /* Disabled */
    .ip-filter__checkbox input[type=checkbox]:disabled + .ip-filter__label {
    /*    background: #efefef;
        color: #666;
        cursor: default;  */
    }
    .ip-filter__checkbox input[type=checkbox]:checked:disabled + .ip-filter__label {
    /*    background: #f7efdc;  */
    }
    
    .ip-filter__input {
     /*   -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        position: absolute; */
    }
    .ip-filter__label {
    }
    
    
/* =========================
    .ip-filter {
    }
    .ip-filter__list {
        margin-bottom: 17px;
    }
    .ip-filter__link {
        display: inline-block;
        padding: 8px 35px;
        border: 1px solid #FFFFFF;
        border-radius: 6px;
        color: #efefef;
    }
    .ip-filter .link-reset {
        float: right;  
        color: #e74214;
        border: none;
        padding: 9px 0;  
    }
    .ip-filter .active .ip-filter__link {
        border: none;
    }
    .ip-filter .active:not(:last-child) {
        border-radius: 6px;
        background-color: #e74214;
    }
    =============================== */
    .implemented-projects__gallery {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 30px; 
    }
    .image-small {
        grid-row: 1/1;
    }
    .image-big {
        grid-row: 1/3;
    }
    .image-big__two {
        grid-row: 2/4;
    }
    .image-big__three {
        grid-row: 5/7;
    }
    .image-big__four {
        grid-row: 6/8;
    }
    .implemented-projects__link {
        position: relative;
    }
    .implemented-projects__img {
        padding: 0 0 59.88% 0;
    }
    .implemented-projects__img img {
        filter: grayscale(1);
        transition: all 0.3s ease 0s;
    }
    .implemented-projects__link:hover .implemented-projects__img img {
        filter: grayscale(0);
    }
    .img-big {
        padding: 0 0 113.62% 0;
    }
    .implemented-projects__label {
        position: absolute;
        bottom: 50px;
        left: 40px;
        color: #FFF;
        font-family: Bebas Neue;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 125%; 
        letter-spacing: 0.32px;
        z-index: 6;
    }
    .implemented-projects__bg {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 112px;
        gap: 10px;
        display: flex;
        align-items: flex-end;
        padding: 0 0px 25px 40px;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.60) -7.58%, rgba(0, 0, 0, 0.60) 100%);
        opacity: 0;
        visibility: hidden;
        z-index: 5;
        transition: all 0.5s ease 0s;
    }
    .implemented-projects__link:hover .implemented-projects__bg {
        opacity: 1;
        visibility: visible;
    }
    .ip-body__filter {
        padding: 3px 19px;
        color: #EFEFEF;
        font-family: Roboto;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 125%; /* 125% */
        letter-spacing: 0.16px;
        border-radius: 6px;
        border: 1px solid #FFF;
    }
    .implemented-projects__show {
        display: flex;
        justify-content: center;
        margin: 49px 0 0px 0;
    }
    .implemented-projects__button {
        width: 436px;
        height: 64px;
        text-align: center;
        letter-spacing: 0.01em;
        color: #EFEFEF;
        border: 2px solid #F5F5F5;
        border-radius: 6px;
        background-color: transparent;

    }
    .implemented-projects__link.nextstop~.implemented-projects__link {
        display: none;
    }
    #btn-show {
    /*    display: block; */
    }
    .implemented-projects__content {
        margin-top: 27px;
        padding-top: 96px;
    }
    .content-implemented {
    }
    .content-implemented__title {
    }
    .content-implemented__body {
        display: flex;
        margin-top: 22px;
    }
    .content-implemented__column:nth-child(1) {
        flex: 0 1 76%;
    }
    .content-implemented__column:nth-child(2) {
        flex: 0 1 24%;
    }
    .content-implemented__text {
    }
    .content-implemented__paragraph {
        padding: 0 10px 0 0;
    }
    .content-implemented__paragraph:not(:last-child) {
        margin: 0 0 30px 0;
    }
    .content-implemented__leader {
        margin-left: 44px;
        padding-left: 68px;
        border-left: 2px solid #E74214;
    }
    .content-implemented__img {
        width: 115px;
        height: 115px;
        border-radius: 50%;
        background-color: #4a4a4a;
        overflow: hidden;
    }
    .content-implemented__name {
        margin: 22px 0 5px 0;
        font-size: 28px;
        line-height: 107%;
    }
    .content-implemented__post {
        font-size: 16px;
        line-height: 125%;
    }

    /* ============== TEAM ============= */

    .team {
        padding: 117px 0 135px 0;
    }
    .team__container {
    }
    .team__title {
    }
    .team__text {
        margin: 20px 0 98px 0;
        font-size: 22px;
        line-height: 122.72%;
    }
    .team__row {
        display: flex;
        flex-wrap: wrap;
        margin: -15px -15px;
    }
    .team__column {
        flex: 0 1 25%;
        padding: 15px 15px;
    }
    .team__item {
        text-align: center;
    }
    .team__image {
    }
    .team__name {
        margin: 20px 0 3px 0;
        color: #e74214;
        font-size: 22px;
        line-height: 122.72%;
        font-family: Rubik;
    }
    .team__post {
        margin-bottom: 17px;
    }

     /* ============= GRAY ============= */

    .gray {
        padding: 0px 0 119px 0;
        background-color: #2e2e31;
    }

    /* ============= IMPORTANT ============= */

    .important {
    }
    .important__row {
        display: flex;
    }
    .important__column:nth-child(1) {
        flex: 0 1 43.28%;
    }
    .important__column:nth-child(2) {
        flex: 0 1 56.72%;
    }
    .important__buttons {
        margin: 83px 0 0 0;
    }
    .important__title {
        display: inline-block;
        padding: 46px 0;
    }
    .important__title:nth-child(2) {
        width: 486px;
        border-top: 1px solid rgba(227, 226, 226, 0.2);
        border-bottom: 1px solid rgba(227, 226, 226, 0.2);
    }
    .important__content {
        padding: 122px 0 106px 0;
        border-left: 1px solid rgba(157, 160, 163, 0.3);
        border-bottom: 1px solid rgba(157, 160, 163, 0.3);
    }
    .important__block {
    }
    .important__text:not(:last-child) {
        margin-bottom: 28px;
    }
    .important__list {
        padding-left: 60px;
    }
    .important__item {
        padding-left: 25px;
    }
    .important__download {
        display: flex;
        margin: 25px 0 0 60px;
        padding: 5px 0 5px 25px;
        color: #e74214;
        background: url(../img/icon/Group\ 14.svg) 0 center/ 20px 20px no-repeat;
    }
    ._text-white {
        margin-left: 60px;
        padding-left: 30px;
        position: relative;
    }
    ._text-white:before {
        content: "";
        position: absolute;
        top: 10px;
        left: 15px;
        width: 3px;
        height: 3px;
        border-radius: 50%;
        background-color: #fff;
    }
    ._text-orange {
        margin-left: 141px;
        padding-left: 19px;
        color: #e74214;
        border-left: 1px solid #e74214;
    }
    ._span-orange {
        color: #e74214;
    }
    ._orange-span {
        margin-left: 60px;
        padding-left: 30px;
        color: #e74214;
        position: relative;
    }
    ._orange-span:before {
        content: "";
        position: absolute;
        top: 10px;
        left: 15px;
        width: 3px;
        height: 3px;
        border-radius: 50%;
        background-color: #e74214;
    }

    /* ============= PARTNERS ============= */

    .partners {
        margin: 93px 0 37px 0;
    }
    .partners__title {
        margin-bottom: 58px;
    }
    .partners__body {
        display: flex;
        flex-wrap: wrap;
    }
    .partners__item {
        flex: 0 1 16.666%;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 200px;
        border: 1px solid #424242;
        transition: 0.6s;
    }
    .partners__item:hover {
        background-color: white;
    }
    
    /* ============= PRESS ================ */

    .press-about {
        padding: 100px 0; 
    }
    .press-about__container {
    }
    .press-about__slider {
        overflow: hidden;
        position: relative;
    }
    .press-slider {
    }
    .press-about__content {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .press-about__title {
    }
    .pa-arrow {
        width: 50px;
        height: 50px;
        border: 1px solid #424242;
        transition: 0.3s;
    }
    .pa-arrow.swiper-button-disabled {
        color: #e74214;
    }
    .press-about__arrows {
        display: flex;
    }

    .press-about__wrapper {
        display: flex;
        width: 100%;
        height: 100%;
        margin: 61px 0 21px 0;
    }
    .press-about__slide {
        display: flex;
        flex-shrink: 0;
        transition: 0.3s;
    }
    
    .press-about__slide:hover {
        background-color: #ea4c1c;
    }
    /*
    .press-about__slide.swiper-slide-active {
        background-color: #ea4c1c;
        transition: 1s;
    }
    */
    .press-about__item {
        display: flex;
        flex-direction: column;
        padding: 23px 48px 34px 48px;
        text-align: center;
        border: 1px solid #414141;
    }
    .press-about__logo {
        display: flex;
        align-self: center;
        min-height: 60px;
    }
    .press-about__img {
        align-self: center;
    }
    .press-about__img img {
        width: 100%;
    }
    .press-about__text {
        flex: 1 1 auto;
        margin: 27px 0 38px 0;
    }
    .press-about__link {
        display: inline-block;
        width: 112px;
        align-self: center;
        text-align: left;
        padding: 5px 0;
        color: #fff;
        line-height: 150%;
        font-size: 18px;
        letter-spacing: 0.36px;
        font-family: 'Roboto';
        background: url(../img/icon/Line.svg) right center/ 30px no-repeat;
    }
    .press-about__controls {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
    }
    .press-about__pagination {
        display: flex;
        gap: 20px;
    }
    .swiper-pagination-bullet {
        width: 112px;
        height: 2px;
        border-radius: 0;
        background: #e3e2e2;
        opacity: 1;
        transition: 0.3s;
    }
    .swiper-pagination-bullet-active {
        background-color: #e74214 !important;
    }
    .press-about__fraction {
        display: flex;
        justify-content: flex-end;
        font-size: 20px;
        letter-spacing: -0.03em;
        color: #9da0a3;
        font-family: 'Rubik';
        font-weight: 300;
        
    }
    

    /* ============= CALCULATION ========== */

    .calculation {
        margin: 70px 0 0 0;
        text-align: center;
    }
    .calculation__title {
        margin: 0 0 74.5px 0;
        font-size: 60px;
        line-height: 111%;
    }
    .calculation__btn {
        margin: 0 auto;
        display: block;
        max-width: 390px;
        min-height: 70px;
        line-height: 70px;
        text-align: center;
        color: #fff;
        font-size: 18px;
        background-color: #ea4c1c;
    }

    /* ============= SUBSCRIBE ============== */

    .subscribe {
        display: none;
        padding: 59px 30px;
        border-radius: 8px;
        background-color: #2e2e31;
        box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.5);
    }
    .subscribe__title {
        margin: 0 0 50px 0;
        text-align: center;
        font-size: 60px;
        line-height: 111%;
    }
    .subscribe__form {
        display: flex;
        flex-wrap: wrap;
        margin: 0px -15px;
        row-gap: 30px;
    }
    .subscribe__item {
        flex: 0 1 50%;
        display: flex;
        align-items: center;
        height: 70px;
        padding: 0px 15px; 
    }
    .subscribe__input {
        height: 70px;
        width: 100%;
        padding: 0 16px;
        font-size: 16px;
        border-radius: 6px;
        border: 1px solid #E5E5E5;
        outline: none;
        background: #FFF;
    }
    .subscribe__button {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 70px;
        padding: 4px 35px 0px 35px;
        gap: 10px;
        border-radius: 6px;
        color: #fff;
        background: #e74214;
    }
    .subscribe__text {
        color: #a5a5a5;
        line-height: 125%;
        width: 100%;
    }
    .subscribe__link {
    }
    .subscribe__link span {
        color: #ea4c1c;
    }

    /* ============= FOOTER ============== */

    .footer {
        background-color: #070707;
    }
    .footer__top {
        padding: 100px 0 65px 0;
    }
    .footer__container {
    }
    .footer__menu {
        display: flex;
        justify-content: space-between;
    }
    .footer__logo {
    }
    .footer__nav {
        align-self: flex-end;
    }
    .footer__link {
    }
    .footer__link:not(:last-child) {
        margin: 0 80px 0 0;
    }
    .footer__other-directions {
    }
    .other-directions {
        display: flex;
        margin: 72.5px 0 55px 0;
    }
    .other-directions__text {
    }
    .other-directions__link {
        margin-left: 41px;
        color: #e74214;
        text-decoration: underline;
    }
    .footer__contacts {
    }
    .footer-contacts {
        display: flex;
        justify-content: space-between;
    }
    .footer-contacts__left {
    }
    .contact__address {
        font-size: 18px;
    }
    .footer__work-schedule {
        display: grid;
        row-gap: 5px;
        margin: 14px 0 0 0;
        line-height: 158%;
    }
    .footer__work-schedule span:nth-child(1) {
        margin-bottom: 7px;
    }
    .footer-contacts__right {
        display: flex;
        flex-direction: column;
        text-align: right;
    }
    .contact__number {
        font-weight: 500;
        font-size: 20px;
    }
    .contact__email {
        margin: 14px 0 44px 0;
        font-weight: 500;
        font-size: 20px;
    }
    .contact__privacy {
        font-size: 18px;
        line-height: 158%;
        color: #e74214;
        text-decoration: underline;
    }
    .footer__bottom {
        width: 100%;
        padding: 24px 0;
        border-top: 0.6px solid #e3e2e2;
    }
    .footer__copyright {
    }


    /* ============= ADAPTIVE ============== */

    @media (max-width: 1540px) {
        .complex-images {
            flex-wrap: wrap;
        }
        .filter {
            padding-left: calc(10px + 25 * ((100vw - 320px) / 1220));
            padding-right: calc(10px + 25 * ((100vw - 320px) / 1220));
            padding-top: calc(2px + 6 * ((100vw - 320px) / 1220));
            padding-bottom: calc(2px + 6 * ((100vw - 320px) / 1220));
        }
        .reset {
            padding: 9px 0;
        }
    }

    @media (max-width: 1400px) {
        .btn {
            min-height: calc(50px + 20 * ((100vw - 320px) / 1080));
            line-height: calc(50px + 20 * ((100vw - 320px) / 1080));
        }
        ._title {
            font-size: calc(20px + 30 * ((100vw - 320px) / 1080));
        }
        .tabs-btn .nav-btn.active-tab {
            padding-left: calc(25px + 20 * ((100vw - 320px) / 1080));
        }
        .tabs-btn .nav-btn.active-tab:before,
        .tabs-btn .nav-btn.active-tab:after {
            left: 5px;
            width: 3px;
            height: calc(13.5px + 8.5 * ((100vw - 320px) / 1080));
        }
        .tabs-btn .nav-btn.active-tab:before {
            top: calc(-2px + 55 * ((100vw - 320px) / 1080));
        }
        .tabs-btn .nav-btn.active-tab:after {
            top: calc(7px + 61 * ((100vw - 320px) / 1080));
        }
        .vis-body {
            padding-top: calc(19px + 65 * ((100vw - 320px) / 1080));
            padding-bottom: calc(43px + 16 * ((100vw - 320px) / 1080));
        }
        .vis-item {
            padding-top: calc(28px + 6 * ((100vw - 320px) / 1080));
            padding-bottom: calc(28px + 6 * ((100vw - 320px) / 1080));
            padding-left: calc(20px + 77 * ((100vw - 320px) / 1080));
        }
        .vis-btn {
            margin-top: calc(26px + 33 * ((100vw - 320px) / 1080));
            margin-left: calc(20px + 77 * ((100vw - 320px) / 1080));
            margin-right: 20px;
        }
        .vis-button {
            font-size: calc(13px + 11 * ((100vw - 320px) / 1080));
        /*    padding-left: calc(2.5px + 30.5 * ((100vw - 320px) / 1080));  */
        }
        .complex-visualization__button:before,
        .complex-visualization__button:after,
        .advertising-visualization__button:before,
        .advertising-visualization__button:after  {
            top:  calc(9px + 10 * ((100vw - 320px) / 1080));
        }
        .contact__number {
            font-size: calc(12px + 6 * ((100vw - 320px) / 1080));
        }
        .contact__email {
            font-size: calc(12px + 4 * ((100vw - 320px) / 1080));
        }
        .header__list {
            padding-left: calc(0px + 57 * ((100vw - 320px) / 1080));
        }
        .header__item {
            padding-left: calc(0px + 20 * ((100vw - 320px) / 1080));
            padding-right: calc(0px + 20 * ((100vw - 320px) / 1080));
        }
        .main-visualization__title {
            font-size: calc(41px + 29 * ((100vw - 320px) / 1080));
        }
        .main-visualization__text {
            margin-top: calc(10px + 15 * ((100vw - 320px) / 1080));
            margin-bottom: calc(20px + 30 * ((100vw - 320px) / 1080));
        }
        .main-visualization__btn {
            min-height: calc(50px + 20 * ((100vw - 320px) / 1080));
            line-height: calc(50px + 20 * ((100vw - 320px) / 1080));
        }
        .ip-hidden__btn {
            display: inline-block;
            padding-left: 15px;
            background: transparent;
            position: relative;
        }
        .ip-hidden__btn:before,
        .ip-hidden__btn:after {
            content: '';
            position: absolute;
            left: 0;
            width: 8px;
            height: 2px;
            background-color: white;
        }
        .ip-hidden__btn:before {
            top: 7px;
            transform: rotate(45deg);
        }
        .ip-hidden__btn:after {
            top: 12px;
            transform: rotate(-45deg);
        }
        .ip-hidden__btn.open {
            color: #ea4c14;
        }
        .ip-hidden__btn.open:before,
        .ip-hidden__btn.open:after {
            height: 8px;
            width: 2px;
            background-color: #ea4c1c;
        }
        .ip-hidden__btn.open:before {
            left: 4px;
        }
        .ip-hidden__btn.open:after {
            top: 7px;
        }
        .text {
            font-size: calc(13px + 5 * ((100vw - 320px) / 1080));
        }
        .visualized-estate__title {
            font-size: calc(28px + 32 * ((100vw - 320px) / 1080));
        }
        .main-visualization {
            padding-bottom: calc(47px + 40 * ((100vw - 320px) / 1080));
        }
        .main-slider__link {
            width: calc(40px + 28 * ((100vw - 320px) / 1080));
        }
        .main-slider__label {
            font-size: calc(16px + 14 * ((100vw - 320px) / 1080));
        }
        .our-services {
            padding-top: calc(10px + 30 * ((100vw - 320px) / 1080));
            padding-bottom: calc(10px + 150 * ((100vw - 320px) / 1080));
        }
        .discount-our {
            margin-top: calc(43px + 121 * ((100vw - 320px) / 1080));
        }
        .our-services__item {
            height: calc(70px + 110 * ((100vw - 320px) / 1080));
        }
        .our-services__label {
            font-size: calc(13px + 9 * ((100vw - 320px) / 1080));
        }
        .discount-our__title {
            font-size: calc(20px + 8 * ((100vw - 320px) / 1080));
        }
        .discount-estate__text {
            font-size: calc(10px + 6 * ((100vw - 320px) / 1080));
        }
        .five-steps__figure {
            font-size: calc(30px + 20 * ((100vw - 1024px) / 376));
        }
        .five-steps__text {
            font-size: calc(14px + 8 * ((100vw - 1024px) / 376));
        }
        .complex-visualization__title,
        .advertising-visualization__title,
        .video-materials__title,
        .additional-materials__title {
            padding-left: calc(20px + 79 * ((100vw - 320px) / 1080));
        }
        .video-materials__text,
        .additional-materials__text  {
            padding-left: calc(20px + 79 * ((100vw - 320px) / 1080));
        }
        .implemented-projects {
            padding-top: calc(87px + 86 * ((100vw - 320px) / 1080));
            padding-bottom: calc(57px + 20 * ((100vw - 320px) / 1080));
        }
        .implemented-projects__filter {
            margin-top: calc(0px + 65 * ((100vw - 320px) / 1080));
        }
        .implemented-projects__label {
            bottom: calc(15px + 35 * ((100vw - 320px) / 1080));
            left: calc(15px + 25 * ((100vw - 320px) / 1080));
            font-size: calc(18px + 14 * ((100vw - 320px) / 1080));
        }
        .content-implemented__name {
            font-size: calc(24px + 4 * ((100vw - 320px) / 1080));
        }
        .important__buttons {
            margin-top: calc(0px + 83 * ((100vw - 320px) / 1080));
        }
        .important__title {
            padding-top: calc(0px + 46 * ((100vw - 320px) / 1080));
            padding-bottom: calc(0px + 46 * ((100vw - 320px) / 1080));
        }
        .important__content {
            padding-top: calc(17px + 105 * ((100vw - 320px) / 1080));
            padding-bottom: calc(0px + 106 * ((100vw - 320px) / 1080));
        }
        ._text-white {
            margin-left: calc(10px + 50 * ((100vw - 320px) / 1080));
            padding-left: calc(15px + 15 * ((100vw - 320px) / 1080));
        }
        ._text-orange {
            margin-left: calc(27px + 114 * ((100vw - 320px) / 1080));
            padding-left: calc(15px + 4 * ((100vw - 320px) / 1080));
        }
        .partners {
            margin-top: calc(43px + 50 * ((100vw - 320px) / 1080));
        }
        .gray {
            padding-bottom: calc(53px + 66 * ((100vw - 320px) / 1080));
        }
        .subtitle {
            font-size: calc(36px + 24 * ((100vw - 320px) / 1080));
        }
        .footer__link:not(:last-child) {
            margin-right: calc(45px + 35 * ((100vw - 1024px) / 376));
        }
        .menu-link {
            font-size: calc(13px + 7 * ((100vw - 320px) / 1080));
        }
        .contact__privacy {
            font-size: calc(12px + 6 * ((100vw - 320px) / 1080));
        }
        .footer__top {
            padding-top: calc(26px + 74 * ((100vw - 320px) / 1080));
            padding-bottom: calc(33px + 32 * ((100vw - 320px) / 1080));
        }
        .implemented-projects__hidden {
            display: block;
        }
        .ip-hidden__control {
            padding: 20px 0;
        }
        .ip-hidden__hidden {
            visibility: hidden;
            opacity: 0;
            position: absolute;
        }
        .ip-hidden__hidden.open {
            transition: .2s visibility linear, .2s opacity linear;
            visibility: visible;
            opacity: 1;
            position: relative;
        }
        .filter {
            flex: 1 1 auto;
        }
        .reset {
            padding: 0;
        }

    }

    @media (max-width: 1240px) {
        .header__list {
            display: none;
        }
        .partners__item {
            flex: 0 1 25%;
        }
    }

    
    @media (max-width: 1024px) {
        .main-visualization__button {
            display: none;
        }
        .main-visualization__block {
            flex-wrap: wrap;
        }
        .main-visualization__body {
            flex: 0 1 100%;
            text-align: center;
        }
        .main-visualization__content {
            padding: 0 0px 50px 0px;
        }
        .main-slider__arrows {
            justify-content: center;
        }
        .main-slider__scrollbar {
            left: 50%;
            transform: translate(-50%, 0);
        }
        .our-services__title {
            display: none;
        }
        .our-services__row {
            margin: -10px -10px;
        }
        .our-services__column {
            flex: 0 1 100%;
            padding: 10px 10px;
        }
        .our-services__label br {
            display: none;
        }
        .discount-our {
            flex-wrap: wrap;
        }
        .discount-our:after {
            height: 0px;
        }
        .discount-our__item {
            flex: 0 1 50%;
            margin: 0px 0px 15px 0px;
        }
        .discount-our__item:nth-child(1) span::before,
        .discount-our__item:nth-child(2) span::before,
        .discount-our__item:nth-child(3) span::before,
        .discount-our__item:nth-child(4) span::before {
            height: 91px;
        }
        .discount-our__item:nth-child(2) span::after {
            content: '';
            position: absolute;
            top: -8px;
            right: 12px;
            height: 91px;
            width: 1px;
            background-color: #515151;
        }
        .discount-our__item:nth-child(2)::after {
            content: '';
            position: absolute;
            bottom: 19px;
            right: 0px;
            height: 3px;
            width: 24px;
            background-color: #515151;
            transform: rotate(135deg);
            z-index: 2;
        }
        .discount-our__item:nth-child(4) span::after {
            height: 91px;
        }
        .discount-our__item span:nth-child(2):after {
            content: '';
            position: absolute;
            top: 78%;
            left: 0px;
            height: 1px;
            width: 100%;
            background-color: #9b9b9b;
        }
        .visualized-estate {
            padding: 60px 0 30px 0;  
        }
        .visualized-estate__body {
            padding: 0 54px 50px 54px;
        }
        .discount-estate {
            margin-bottom: 20px;
        }
        .discount-estate__figure {
        }
        .discount-estate__text {
            margin-top: 20px;
        }
        .business-assistance {
            display: none;
        }
        .five-steps {
            display: none;
        }
        .row {
            flex-wrap: wrap;
        }
        .column:nth-child(1) {
            flex: 0 1 100%;
        }
        .column:nth-child(2) {
            flex: 0 1 100%;
        }
        .vis-image {
            padding: 0 0 108% 0;  
        }
        .vis-body {
            max-width: 100%;
        }
        .implemented-projects__title {
            text-align: center;
        }
        .implemented-projects__gallery {
            grid-gap: 20px; 
        }
        .implemented-projects__img img {
            filter: grayscale(0);
        }
        .implemented-projects__bg {
            display: none;
        }
        .content-implemented__title {
            display: none;
        }
        .content-implemented__body {
            flex-direction: row-reverse;
        }
        .content-implemented__leader {
            margin-left: 0px;
            padding: 0 24px;
            border-left: 0;
            border-right: 2px solid #E74214;
        }
        .content-implemented__text {
            padding-left: 33px;
        }
        .content-implemented__paragraph {
            padding: 0 10px 0 0;
        }
        .content-implemented__paragraph:not(:last-child) {
            margin: 0 0 0px 0;
        }
        .team {
            display: none;
        }
        .important__row {
            flex-wrap: wrap;
        }
        .important__column:nth-child(1),
        .important__column:nth-child(2) {
            flex: 0 1 100%;
        }
        .important__content {
            border-left: none;
            border-bottom: none;
        }
        .important__title:nth-child(2),
        .important__title:nth-child(3) {
            display: none;
        }
        .partners {
            padding: 63px 0 83px 0;
            background: #222224;
        }
        .partners__scroll {
            width: 100%;
            padding-bottom: 30px;
            overflow-x: auto;
            scrollbar-color: #ea4c14 #fff; /* «цвет ползунка» «цвет полосы скроллбара» */
            scrollbar-width: thin;  /* толщина */
        }
        /* полоса прокрутки (скроллбар) */
        ::-webkit-scrollbar {
        /*    width: 24px;  ширина для вертикального скролла */
            height: 1px; /* высота для горизонтального скролла */
            background-color: #fff;
        }
        /* ползунок скроллбара */
        ::-webkit-scrollbar-thumb {
            background-color: #ea4c14;
        }
        .partners__title {
            text-align: center;
        }
        .partners__body {
            width: 1024px;
        }
        .press-about {
            display: none;
        }
        .calculation {
            display: none;
        }
        .subscribe {
            display: block;
        }
        .footer__menu {
            display: block;
            position: relative;
        }
        .footer__logo {
        }
        .footer__nav {
            display: flex;
            flex-direction: column;
            margin-top: 60px;
        }
        .footer__link:not(:last-child) {
            margin-bottom: 30px;
        }
        .footer__link:nth-child(4),
        .footer__link:nth-child(5) {
            display: none;
        }
        .other-directions {
            display: flex;
            margin: 30px 0 40px 0;
        }
        .footer-contacts {
            position: absolute;
            top: 0;
            right: 0;
            flex-direction: column-reverse;
        }
        .footer-contacts__left {
            margin-top: 28px;
            width: 175px;
            text-align: right;
        }
    }

    @media (max-width: 768px) {
        .vis-button:before,
        .vis-button:after {
            width: 9px;
        }
        .vis-button:after {
            left: 5px;
        }
        .visual-arrows {
            gap: 270px;
        }
        .header {
            height: 50px;
        }
        .header__logo img {
            width: 104px;
        }
        .contact {
            justify-content: center;
        }
        .header__email {
            display: none;
        }
        .our-services__item {
            justify-content: flex-start;
        }
        .our-services__image img {
            width: 48px;
        }
        .discount-our__item {
            flex: 0 1 100%;
        }
        .discount-our__item:nth-child(1)::before,
        .discount-our__item:nth-child(2)::before,
        .discount-our__item:nth-child(3)::before,
        .discount-our__item:nth-child(4)::before,
        .discount-our__item:nth-child(2)::after,
        .discount-our__item:nth-child(4):after,
        .discount-our__item:nth-child(1) span::before,
        .discount-our__item:nth-child(2) span::before,
        .discount-our__item:nth-child(3) span::before,
        .discount-our__item:nth-child(4) span::before,
        .discount-our__item:nth-child(4) span::after  {
            display: none;
        }
        .discount-our__item:nth-child(2) span::after {
            height: 1px;
        }
        
        .visualized-estate {
            padding: 60px 0 55px 0;  
        }
        .discount-estate {
            flex-wrap: wrap;
            justify-content: center;
            text-align: center;
        }
        .visualized-estate__title {
            margin-top: 36px;
        }
        .implemented-projects__link {
            grid-column: 1/3;
        }
        .image-big {
            grid-row: 2/4;
        }
        .image-big__two {
            grid-row: 4/6;
        }
        .image-big__three {
            grid-row: 6/8;
        }
        .image-big__four {
            grid-row: 8/10;
        }
        .content-implemented {
            display: none;
        }
        ._text-white:before {
            display: none;
        }
        .tabs-btn .nav-btn {
            padding-left: calc(25px + 20 * ((100vw - 320px) / 1080));
        }
        .tabs-btn .nav-btn:before,
        .tabs-btn .nav-btn:after {
            content: "";
            position: absolute;
            left: 5px;
            width: 3px;
            height: calc(13.5px + 8.5 * ((100vw - 320px) / 1080));
            background-color: #e74214;
        }
        .tabs-btn .nav-btn:before {
            transform: rotate(135deg);
            top: calc(-2px + 55 * ((100vw - 320px) / 1080));
        }
        .tabs-btn .nav-btn:after {
            transform: rotate(-135deg);
            top: calc(7px + 61 * ((100vw - 320px) / 1080));
        }
        .subscribe__form {
            row-gap: 20px;
        }
        .subscribe__item {
            flex: 0 1 100%;
            height: 50px;
        }
        .subscribe__input {
            height: 50px;
            font-size: 14px;
            background-color: transparent;
        }
        .subscribe__button {
            height: 50px;
            padding: 0 35px;
        }
        .subscribe__text {
            text-align: center;
            font-size: 11px;
        }
        .footer__logo img {
            width: 104px;
        }
        .footer__nav {
            margin-top: 50px;
        }
        .footer__link:not(:last-child) {
            margin-bottom: 20px;
        }
        .dn {
            display: none;
        }
        .other-directions {
            display: none;
        }
        .footer-contacts__left {
            margin-bottom: 17px;
            width: 100%;
            text-align: left;
        }
    }