@media (min-width: 0px) {
    /* :root {
        --container-dop-margin: 15px;
        --container-margin: 0px;
        --scale-all: calc(100 * var(--vw) / 576);
    } */

    /* .case_top-page {
        margin-bottom: calc(46 * var(--scale-phone-375));
    } */
}

@media (min-width: 375px) {
    /*  :root {
        --container-margin: 15px;
    } */
}

@media (min-width: 576px) {
    .site-main {
        gap: calc(100 * var(--scale-table-834));
    }

    .social {
        height: calc(23 * var(--scale-table-834));
    }

    .logo-toolbar_text {
        transform: none;
        display: flex;
        justify-content: center;
    }

    .logo-svg-title {
        height: calc(64 * var(--scale-table-834));
        width: auto;
    }

    .logo-svg-footer {
        height: calc(46.91 * var(--scale-table-834));
        width: auto;
    }

    .nav-main {
        padding-top: var(--top-margin-menu);
        max-width: calc(var(--column-width) * 3 + var(--column-width-between) * 2);
        margin-right: calc(var(--container-margin) + var(--column-width-between));
    }

    .menu-bar_content {
        padding-left: calc(var(--container-margin));
        padding-right: var(--container-dop-margin);
        margin-right: var(--container-margin);
    }

    .menu-bar_contants {
        row-gap: calc(30 * var(--scale-table-834));
    }

    /* .footer-sw {
        padding-top: calc(115 * var(--scale-table-834));
        padding-bottom: calc(105 * var(--scale-table-834));
    } */

    /*  .col-footer {
        max-width: calc(var(--column-width) * 2.5);
        width: 100%;
    } */

    .footer-sw_box {
        height: fit-content;
        row-gap: calc(10 * var(--scale-table-834));
    }

    .footer-sw_ul.nav {
        row-gap: calc(2 * var(--scale-table-834));
    }

    .footer-sw_ul-r {
        row-gap: calc(35 * var(--scale-table-834));
    }

    .footer-col {
        gap: calc(26 * var(--scale-table-834));
    }

    /*slider*/
    .mainpage.slick-slider {
        --arrow-position: 50%;
    }

    .slick-prev {
        left: calc(var(--column-width) / 4);
    }

    .slick-next {
        right: calc(var(--column-width) / 4);
    }

    .slick-next,
    .slick-prev {
        top: calc(var(--arrow-position) + 2rem + calc(61 * var(--scale-table-834)) / 2);
    }

    .slick-next .arrowNext,
    .slick-prev .arrowPrew {
        height: calc(61 * var(--scale-table-834));
        width: calc(31 * var(--scale-table-834));
    }

    .slick-dots {
        --bottom-dots: 20%;
        justify-content: start;
        gap: calc(var(--column-width) * 0.15);
        position: absolute;
        left: var(--container-dop-margin);
        bottom: calc(var(--bottom-dots) + 2rem + calc(33 * var(--scale-table-834)));
        top: unset;
    }

    .slick-dots li button {
        width: calc(11.1 * var(--scale-table-834));
        height: calc(11.1 * var(--scale-table-834));
    }

    /*END slider*/

    .mainpage-slide {
        padding-top: var(--margin-header);
        min-height: calc(var(--vh) * 100);
    }

    .mainpage-text {
        left: unset;
        width: 100%;
        bottom: calc(64 * var(--scale-table-834));
        top: unset;
        right: unset;
        text-align: left;
    }

    .mainpage-img {
        height: 100%;
        min-height: auto;
    }

    .mainpage-slide {
        display: grid;
        grid-template-rows: max-content auto max-content;
        grid-template-columns: 1fr;
        grid-template-areas:
            "c c"
            "a a"
            "b b";
        row-gap: 2rem;
    }

    .slide_discription {
        min-height: calc(102 * var(--scale-table-834));
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 6;
        line-clamp: 6;
        -webkit-box-orient: vertical;
    }

    .slide_title {
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .slide_pretitle {
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .slide-g1 {
        grid-area: a;
    }
    .slide-g2 {
        grid-area: c;
    }
    .slide-g3 {
        grid-area: b;
    }

    /*buttons*/

    .btn-title,
    .btn-about,
    .btn-banner,
    .project-button,
    .button-submit-form_orange,
    .btn-about_small,
    .btn-kontakty {
        height: calc(80 * var(--scale-table-834));
        padding-bottom: 0;
        padding-top: 0;
    }

    .btn-kontakty {
        padding-left: calc(16 * var(--scale-table-834));
        display: block;
    }

    .btn-kontakty::after {
        width: 70vw;
    }

    .btn-title {
        width: 40vw;
        padding-left: calc(30 * var(--scale-table-834));
        padding-right: calc(40 * var(--scale-table-834));
    }

    .btn-about {
        padding-right: 0;
    }

    .btn-banner {
        padding-left: calc(24 * var(--scale-table-834));
        position: relative;
    }

    .btn-banner::after {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: -10%;
        width: 100%;
        height: 100%;
        background-color: var(--bg-color-orange);
    }

    .project-button {
        padding-left: calc(41 * var(--scale-table-834));
    }

    .button-submit-form_orange {
        padding-left: calc(20 * var(--scale-table-834));
        padding-right: calc(20 * var(--scale-table-834));
    }

    .btn-about_small {
    }

    .about-button {
        grid-column: 1 / span 2;
        height: max-content;
    }

    .button-big-svg,
    .img-button_small-about {
        width: calc(154 * var(--scale-table-834));
        aspect-ratio: 1/1;
        height: auto;
    }

    .img-button_banner {
        width: 100%;
        height: 100%;
    }

    .img-button_about,
    .img-button_small-about {
        right: calc(-1 * 112.5 * var(--scale-table-834));
        bottom: calc(-1 * 112.5 * var(--scale-table-834));
    }

    .img-button_project {
        width: calc(100 * var(--scale-table-834));
        height: calc(100 * var(--scale-table-834));
    }

    /*end buttons*/

    .about {
        display: grid;
        grid-template-columns: 1fr;
        row-gap: 2rem;
        grid-template-rows: auto 1fr auto;
        justify-content: space-between;
        grid-auto-flow: row;
    }

    .about_text-content {
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 13;
        line-clamp: 13;
        -webkit-box-orient: vertical;
        margin-bottom: 0;
    }

    .about-image_container {
        grid-row: 2;
    }

    /* .project-img {
        height: calc(185px + 62 * var(--scale));
      } */

    .say-about_big-img-banner {
        height: calc(404px + 91 * var(--scale-table-834));
    }

    .say-about_img-small {
        height: calc(322px + 17 * var(--scale-table-834));
    }

    .nav-sw-cattegory.nav-pills {
        --bs-nav-link-padding-x: calc(20 * var(--scale-table-834));
        --bs-nav-link-padding-y: calc(2 * var(--scale-table-834));
        gap: calc(50 * var(--scale-table-834));
        /* margin-left: calc(-17px - 3 * var(--scale)); */
    }

    .state {
        gap: var(--column-width-between);
    }

    .state-content_block {
        min-height: calc(175 * var(--scale-table-834));
        width: calc(var(--column-width) * 2 + var(--column-width-between));
    }

    .state-content_block.active {
        width: calc(var(--column-width) * 3 + var(--column-width-between) * 2);
    }

    .state-content_block:first-child,
    .state-content_block:last-child {
        width: calc(
            var(--container-margin) + var(--container-dop-margin) + var(--column-width) * 2 +
                var(--column-width-between)
        );
    }

    .state-content_block:first-child.active,
    .state-content_block:last-child.active {
        width: calc(
            var(--container-margin) + var(--container-dop-margin) + var(--column-width) * 3 +
                var(--column-width-between) * 2
        );
    }

    .state-content_block:first-child .state-content {
        padding-left: calc(var(--container-margin) + var(--container-dop-margin));
    }

    .state-content_block:last-child .state-content {
        padding-right: calc(var(--container-margin) + var(--container-dop-margin));
    }

    .pills-about.nav-pills .nav-item {
        position: relative;
    }

    .pills-about.nav-pills .nav-link {
        padding-left: calc(var(--column-width) * 0.75);
        position: unset;
        padding-top: 0;
        padding-bottom: 0;
        height: calc(80 * var(--scale-table-834));
        text-align: left;
    }

    .pills-about.nav-pills .nav-link.active::after {
        width: calc(var(--column-width) * 3 + var(--column-width-between) * 3);
        right: 0;
    }

    .pills-about.nav-pills .nav-link.active {
        padding-left: 0;
    }

    .banner-pict_text {
        flex-direction: column;
        justify-content: space-between;
    }

    .about-small {
        height: calc(var(--vh) * 85);
    }

    .about-small_under {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: max-content 1fr max-content;
        justify-content: space-between;
        align-content: space-between;
        row-gap: 1rem;
    }

    .about-text_up {
        grid-row: 1;
        grid-column: 1 / span 2;
    }

    .about-small_left {
        grid-row: 2;
        grid-column: 1;
    }

    .say-about {
        display: grid;
        flex-direction: column;
        grid-template-rows: minmax(max-content, 70%) 30%;
        margin-top: calc(-70 * var(--scale-table-834));
        padding: calc(var(--margin-header) * 1.8) 0;
    }

    .say-about-img {
        margin-top: calc(40 * var(--scale-table-834));
        padding: 0;
    }

    .form-tick_img {
        width: calc(340 * var(--scale-table-834));
        height: calc(260 * var(--scale-table-834));
        filter: drop-shadow(0px 4px 65px #00000025);
        /* border: calc(63*var(--scale-desk-1366)) solid #ffffff; */
    }

    .form_accept-container {
        max-width: calc(var(--column-width) * 3 + var(--column-width-between) * 2);
        width: 100vw;
    }

    .pills-about {
        grid-column: 2;
        grid-row: 2;
    }

    /*  .work-img {
        height: calc(110px + 40 * var(--scale-table-834));
    } */

    .portfolio-tabs,
    .case_container {
        margin-bottom: calc(80 * var(--scale-table-834));
    }

    .project {
        /* padding-top: calc(86px + 25 * var(--scale-table-834));
        padding-bottom: calc(24px + 12 * var(--scale-table-834)); */
    }

    .project-img {
        aspect-ratio: 16/5;
    }

    .projects-container {
        margin-bottom: calc(50 * var(--scale-table-834));
    }

    .project-content {
        padding-top: calc(22 * var(--scale-table-834));
        padding-bottom: calc(22 * var(--scale-table-834));
        grid-template-columns: 1fr 1fr 1fr;
        row-gap: 1.5rem;
    }

    .pjotect-content_right {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto 1fr;
        row-gap: 1rem;
    }

    .pjotect-content_right > :first-child {
        grid-column: 1 / span 2;
        grid-row: 1;
    }

    .project-content.hover {
        background-color: var(--bs-background-color-orange);
        border-bottom: #ffffff 2px solid;
    }

    /* .project-content.hover .project-img-container {
    max-width: calc(var(--column-width) * 4.75 + var(--column-width-between) * 4);
    } */

    .project-content_button {
        justify-self: end;
    }

    .project-content.hover .project-content_button img {
        transform: none;
    }

    /*  .project-img {
    height: calc(367 * var(--scale-all));
    } */

    .banner_button-content {
        height: calc(305 * var(--scale-table-834));
    }

    .portfolio-content {
        gap: calc(25 * var(--scale-table-834));
        grid-template-columns: 1fr 1fr;
    }

    .portfolio-item {
        height: auto;
        aspect-ratio: 16/11;
    }

    .back-content {
        padding: calc(14px + 8 * var(--scale-table-834)) calc(21px + 7 * var(--scale-table-834));
    }

    /* .case_top-page {
        margin-bottom: calc(75 * var(--scale-table-834));
    } */

    .usefull-top {
        margin-bottom: calc(100 * var(--scale-table-834));
    }

    .usefull-tab_content {
        gap: calc(100 * var(--scale-table-834));
        margin-bottom: calc(100 * var(--scale-table-834));
    }

    .usefull-block_col {
        flex-direction: column;
        padding: 0 calc(var(--column-width) / 2);
        gap: calc(60 * var(--scale-table-834));
    }

    .usefull-tab_matt-type .usefull-block_col {
        flex-direction: column;
        padding: 0 calc(var(--column-width) / 2);
        gap: calc(30 * var(--scale-table-834));
    }

    .usefull-block_1 {
        flex-direction: column-reverse;
        gap: calc(20 * var(--scale-table-834));
    }

    .usefull-block_1-img {
        width: 100%;
        height: auto;
        aspect-ratio: 17/8;
    }

    .usefull-block_1-img_small {
        aspect-ratio: 17/5;
        height: auto;
        max-width: calc(var(--column-width) * 2 + var(--column-width-between) - var(--container-dop-margin));
    }

    .usefull-block_2-text {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .usefull-block_2-title {
        margin-bottom: calc(20 * var(--scale-table-834));
    }

    .usefull-block_2-img {
        width: 100%;
        aspect-ratio: 7/4;
        margin-bottom: calc(40 * var(--scale-table-834));
    }

    .svg-snow {
        width: calc(61.44 * var(--scale-table-834));
        height: calc(59.94 * var(--scale-table-834));
    }

    .svg-clear {
        width: calc(84.44 * var(--scale-table-834));
        height: calc(78.87 * var(--scale-table-834));
    }

    .usefull-block_3-left {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .usefull-block_3-img_small {
        width: 100%;
        max-width: 100%;
        height: auto;
        aspect-ratio: 28/11;
    }

    .usefull-block_3-img {
        width: 100%;
        max-width: 100%;
        height: auto;
        aspect-ratio: 9/7;
        margin-bottom: calc(40 * var(--scale-table-834));
    }

    .usefull-block-3_ul {
    }

    .usefull-ulli-title {
        margin-bottom: calc(30 * var(--scale-table-834));
    }

    .usefull-block_ifonpanel {
        padding: calc(9 * var(--scale-table-834)) calc(24 * var(--scale-table-834));
    }

    .usefull-block_slider {
        padding: 0 calc(var(--column-width) / 2);
    }

    .swiper-usefull {
        width: 100%;
        height: auto;
        aspect-ratio: 17/8;
        margin-bottom: calc(50 * var(--scale-table-834));
    }

    .usefull-slider_text-title {
        margin-bottom: calc(30 * var(--scale-table-834));
    }

    .usefull-block_slider-text {
        gap: calc(25 * var(--scale-table-834));
    }

    .usefull-block_form {
        flex-direction: column;
        padding: 0 var(--container-dop-margin);
        gap: calc(40 * var(--scale-table-834));
    }

    .banner-form {
        padding: calc(42 * var(--scale-table-834)) 0 calc(60 * var(--scale-table-834)) 0;
    }

    .banner-form_fields {
        margin-left: auto;
        gap: calc(20 * var(--scale-table-834));
    }

    .banner-form_input {
        height: calc(44 * var(--scale-table-834));
        padding: 0 calc(20 * var(--scale-table-834));
    }

    .banner-form_btn {
        height: calc(100 * var(--scale-table-834));
    }

    .usefull-image_big {
        width: 100%;
        height: auto;
        aspect-ratio: 18/11;
    }

    .usefull-block_type-okant {
        gap: calc(30 * var(--scale-table-834));
    }

    .swiper-usefull2 {
        height: auto;
        width: 100%;
        aspect-ratio: 18/11;
        margin-bottom: calc(40 * var(--scale-table-834));
    }

    .swiper-sw-prev,
    .swiper-sw-next {
        height: calc(62.92 * var(--scale-table-834));
        width: calc(35.69 * var(--scale-table-834));
        top: calc(50% - calc(62.92 * var(--scale-table-834)) / 2);
    }
    .swiper-sw-prev {
        left: calc(var(--column-width) / 4);
    }
    .swiper-sw-next {
        right: calc(var(--column-width) / 4);
    }
    .swiper-usefull3 {
        height: auto;
        width: 100%;
        aspect-ratio: 18/11;
        margin-bottom: calc(30 * var(--scale-table-834));
    }

    .usefull-block_items-galery {
        gap: calc(74 * var(--scale-table-834));
        padding: 0 var(--container-dop-margin);
        grid-template-columns: repeat(2, minmax(min-content, 1fr));
    }

    .usefull-block_type-crep {
        gap: calc(30 * var(--scale-table-834));
    }

    .usefull-galery_item {
        display: flex;
        flex-direction: column;
        gap: calc(40 * var(--scale-table-834));
    }
    .usefull-galery_item_img {
        height: auto;
        width: 100%;
        aspect-ratio: 8/7;
    }

    .checkbox-sw,
    .wpcf7-checkbox input {
        --size-check: calc(37 * var(--scale-table-834));
        z-index: 10;
        position: relative;
        right: calc(var(--size-check) / 2);
        top: calc(var(--size-check) / -2);
        text-align: center;
        width: var(--size-check);
        aspect-ratio: 1/1;
        border: unset;
        outline: var(--bs-background-color-orange) 2px solid;
        outline-offset: -2px;
        background-color: var(--bs-body-bg);
    }

    .checkbox-sw::after,
    .wpcf7-checkbox input::after {
        content: "";
        width: 2px;
        background: none;
        height: 0px;
        margin-top: calc(var(--size-check));
        margin-left: calc(var(--size-check) / 2);
    }

    .form-check-input:focus,
    .wpcf7-checkbox input:focus {
        border-radius: 0 !important;
        outline: var(--bs-background-color-orange) 2px solid !important;
        outline-offset: -2px;
        box-shadow: none;
        background-color: var(--bs-body-bg);
    }

    .form-check-input:checked,
    .wpcf7-checkbox input:checked {
        background-color: var(--bg-color-white);
        border-color: var(--bg-color-orange);
        box-shadow: none;
        border: unset;
        outline: var(--bs-background-color-orange) 2px solid !important;
        outline-offset: -2px;
    }
    .form-check-input:active,
    .wpcf7-checkbox input:active {
        border: unset;
        outline: var(--bs-background-color-orange) 2px solid !important;
        outline-offset: -2px;
    }

    .top-page_container {
        padding-top: calc(var(--margin-header) + 35 * var(--scale-table-834));
        /* margin-bottom: calc(147 * var(--scale-table-834)); */
    }

    .case_top-page {
        margin-bottom: calc(75 * var(--scale-table-834));
    }

    .work-button_next {
        padding-left: calc(8 * var(--scale-table-834));
        padding-right: calc(8 * var(--scale-table-834));
        padding-top: calc(10 * var(--scale-table-834));
        display: flex;
        flex-direction: column;
    }

    .work-button_next-container {
        max-width: calc(var(--column-width) * 1.1);
    }

    .worl-right_img-row {
        display: grid;
        justify-content: space-between;
        column-gap: calc(12 * var(--scale-table-834));
        grid-template-columns: 0.35fr 0.65fr;
    }

    .worl-right_img-row.reverse {
        margin-top: calc(12 * var(--scale-table-834));
        grid-template-columns: 0.65fr 0.35fr;
    }

    .work-right_img-holder {
        aspect-ratio: 13/9;
        width: 100%;
        max-width: 100%;
        height: auto;
        display: grid;
        grid-template-rows: 50% 50%;
        row-gap: unset;
    }

    .work-left_orange-title::before {
        width: calc(100% + calc(15 * var(--scale-table-834)) * 2);
        left: calc(-15 * var(--scale-table-834));
    }

    .work-left_orange-title {
        padding-right: 0;
    }

    .work-left-text {
        padding-right: calc(15 * var(--scale-table-834));
    }

    .arrow-case {
        width: calc(21.36 * var(--scale-table-834));
        height: calc(22.45 * var(--scale-table-834));
    }
}

@media (min-width: 768px) {
    /* :root {
        --container-margin: 19px;
        --conatiner-max-width: calc(100 * var(--vw) - var(--container-margin) * 2);
        --column-width: calc(calc(var(--conatiner-max-width) - var(--column-width-between) * 8) / 9);
        --container-dop-margin: 15px;

        --scale: calc(calc(100 * var(--vw) - 768px) / 224);
        --scale-all: calc(100 * var(--vw) / 1920);
    } */
}

@media (min-width: 992px) {
    /* :root {
    --container-margin: calc(35 * var(--scale-desk-1366));

    --container-dop-margin: calc(0px + 15 * calc(100*var(--vw) / 992));
    --scale: calc(calc(100*var(--vw) - 992px) / 208);
    --scale-desk: calc(100*var(--vw) / 992);
    --scale-desk-1366: calc(100*var(--vw) / 1366);

    --top-margin-menu: calc(42 * var(--scale-desk-1366));
  } */

    .social {
        height: calc(23 * var(--scale-desk-1366));
    }

    .logo-svg-title {
        height: calc(64 * var(--scale-desk-1366));
    }

    .logo-toolbar {
        padding-top: calc(32 * var(--scale-desk-1366));
    }

    .menu-bar_link {
        padding-top: calc(32 * var(--scale-desk-1366));
    }

    .menu-bar_content {
        margin-right: calc(var(--container-dop-margin) + var(--container-margin));
        padding-left: calc(var(--container-dop-margin) + var(--container-margin));
        padding-right: var(--container-dop-margin);
    }

    .menu-bar_contants {
        gap: calc(40 * var(--scale-desk-1366));
    }

    .site-main {
        gap: calc(100 * var(--scale-desk-1366));
    }

    .top-page_container {
        padding-top: calc(var(--margin-header) + 25 * var(--scale-desk-1366));
    }

    .footer-sw_box {
        height: fit-content;
        row-gap: calc(10 * var(--scale-desk-1366));
    }

    .footer-col {
        gap: calc(26 * var(--scale-desk-1366));
    }

    .footer-sw_ul {
        gap: calc(2 * var(--scale-desk-1366));
    }

    .footer-sw_ul-r {
        gap: calc(35 * var(--scale-desk-1366));
    }

    .logo-svg-footer {
        height: calc(25.85 * var(--scale-desk-1366));
        width: auto;
    }

    .footer-sw_ul.nav {
        row-gap: calc(2 * var(--scale-desk-1366));
    }

    .nav-main {
        padding-top: var(--top-margin-menu);
        max-width: calc(var(--column-width) * 3 + var(--column-width-between) * 2);
        margin-right: calc(var(--container-margin) + var(--column-width-between));
    }

    .nav-sw-cattegory.nav-pills {
        --bs-nav-link-padding-x: calc(20 * var(--scale-desk-1366));
        --bs-nav-link-padding-y: calc(2 * var(--scale-desk-1366));
        gap: calc(48 * var(--scale-desk-1366));
    }

    .nav-sw-usefull.nav-pills {
        --bs-nav-link-padding-y: calc(15 * var(--scale-desk-1366));
        --bs-nav-link-padding-x: 20px;
    }

    /*slider*/
    .slick-prev {
        left: var(--container-dop-margin);
        right: unset;
        top: 50%;
    }

    .slick-next {
        left: unset;
        right: calc(var(--column-width) * 5 + var(--column-width-between) * 5 + var(--container-dop-margin));
        top: 50%;
    }

    .slick-next .arrowNext,
    .slick-prev .arrowPrew {
        height: calc(61 * var(--scale-desk-1366));
        width: calc(31 * var(--scale-desk-1366));
    }

    .slick-dots {
        justify-content: start;
        gap: calc(var(--column-width) * 0.15);
        position: absolute;
        left: var(--container-dop-margin);
        bottom: 3%;
        top: unset;
    }

    .slick-dots li button {
        width: calc(11.1 * var(--scale-desk-1366));
        height: calc(11.1 * var(--scale-desk-1366));
    }

    /*END slider*/

    .mainpage-slide {
        padding-top: unset;
    }

    .mainpage-text {
        width: 100%;
        bottom: 6%;
        top: unset;
        right: unset;
        text-align: left;
    }

    .mainpage-slide {
        display: grid;
        grid-template-rows: 1.04fr 0.96fr;
        grid-template-columns: calc(var(--column-width) * 4 + var(--column-width-between) * 3) calc(
                var(--column-width) * 4 + var(--column-width-between) * 3
            );
        grid-template-areas:
            "a c"
            "a b";
        column-gap: calc(var(--column-width) + var(--column-width-between) * 2);
        row-gap: 2rem;
    }
    .slide-g1 {
        grid-area: a;
    }
    .slide-g2 {
        grid-area: c;
    }
    .slide-g3 {
        grid-area: b;
    }

    .mainpage-content {
        padding-top: var(--top-margin-menu);
        gap: calc(30 * var(--scale-desk-1366));
    }

    .mainpage-slide_text {
        gap: calc(30 * var(--scale-desk-1366));
    }

    .slide_discription {
        min-height: calc(102 * var(--scale-desk-1366));
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 7;
        line-clamp: 7;
        -webkit-box-orient: vertical;
    }

    .slide_title {
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 3;
        line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    .slide_pretitle {
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .t-upper-title {
        margin-bottom: calc(20 * var(--scale-desk-1366));
    }

    .about {
        display: grid;
        grid-template-columns: auto auto;
        row-gap: unset;
        grid-template-rows: 1fr 1fr;
        justify-content: space-between;
        grid-auto-flow: column;
    }

    .about-image_container {
        grid-row: 1 / span 2;
        grid-column: 2;
        aspect-ratio: unset;
        width: 100vw;
    }

    .img-full-p {
        padding-bottom: calc(37 * var(--scale-desk-1366));
    }

    .project {
        display: flex;
        flex-direction: column;
        gap: calc(50 * var(--scale-desk-1366));
    }

    .nav-sw-usefull.nav-pills .nav-link.active {
        padding-right: calc(var(--column-width) / 2);
    }

    /*   .work-img {
        height: calc(150px + 33 * var(--scale));
    } */

    .projects-container {
        margin-bottom: calc(50 * var(--scale-desk-1366));
    }

    .pjotect-content_right {
        display: flex;
        grid-template-columns: unset;
        grid-template-rows: unset;
        row-gap: unset;
        flex-direction: column;
    }

    .pjotect-content_right > :first-child {
        grid-column: unset;
        grid-row: unset;
    }

    .portfolio-tabs,
    .case_container {
        margin-bottom: calc(30 * var(--scale-desk-1366));
    }

    .portfolio-content {
        gap: calc(8 * var(--scale-desk-1366));
        grid-template-columns: 1fr 1fr 1fr;
    }

    .portfolio-item {
        height: auto;
        aspect-ratio: 16/9;
    }

    .back-content {
        padding: calc(22px + 1 * var(--scale)) calc(28px + 7 * var(--scale));
    }

    .state-content_block {
        min-height: calc(0px + 300 * var(--scale-desk-1366));
        width: calc(var(--column-width) * 2 + var(--column-width-between));
    }

    .state-content_block.active {
        width: calc(var(--column-width) * 3 + var(--column-width-between) * 2);
    }

    .state-content_block:first-child,
    .state-content_block:last-child {
        width: calc(
            var(--container-margin) + var(--container-dop-margin) + var(--column-width) * 2 +
                var(--column-width-between)
        );
    }

    .state-content_block:first-child.active,
    .state-content_block:last-child.active {
        width: calc(
            var(--container-margin) + var(--container-dop-margin) + var(--column-width) * 3 +
                var(--column-width-between) * 2
        );
    }

    .state-content_block:first-child .state-content {
        padding-left: calc(var(--container-margin) + var(--container-dop-margin));
    }

    .state-content_block:last-child .state-content {
        padding-right: calc(var(--container-margin) + var(--container-dop-margin));
    }

    /*buttons*/

    .btn-title {
        padding: 0px calc(28 * var(--scale-desk-1366));
    }

    .banner-pict_text {
        flex-direction: row;
        justify-content: space-between;
    }

    .button-submit_orange,
    .project-button,
    .button-submit-form_orange,
    .btn-kontakty {
        height: calc(80 * var(--scale-desk-1366));
    }

    .btn-kontakty {
        padding-left: calc(16 * var(--scale-table-834));
    }

    .btn-banner {
        padding-left: calc(34 * var(--scale-desk-1366));
    }

    .img-button_banner {
        right: unset;
        width: calc(305 * var(--scale-desk-1366));
        /* height: calc(305 * var(--scale-desk-1366)); */
    }

    .img-button_project {
        width: calc(100 * var(--scale-desk-1366));
        height: calc(100 * var(--scale-desk-1366));
    }

    .button-big-svg {
        width: calc(154 * var(--scale-desk-1366));
        aspect-ratio: 1/1;
    }

    .about-button {
        grid-column: unset;
        height: max-content;
    }

    /*end buttons*/

    .pills-about.nav-pills .nav-link {
        padding: calc(0px + 27 * var(--scale-desk-1366)) 0px;
        padding-left: calc(var(--column-width) / 2);
        position: relative;
        height: calc(80 * var(--scale-desk-1366));
        padding-top: 0;
        padding-bottom: 0;
        text-align: left;
    }

    .pills-about.nav-pills .nav-link.active {
        padding-left: 0;
        padding-right: calc(var(--column-width) / 2);
    }

    .pills-about.nav-pills .nav-link.active::after {
        width: calc(var(--vw) * 72);
        right: -10px;
    }

    .project-img {
        aspect-ratio: 7/3;
    }

    .project_name {
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .project_address {
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 3;
        line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    .project-content.hover .project_name {
        max-width: calc(var(--column-width) * 3 + var(--column-width-between) * 2);
    }

    .project-content.hover .project-content_button img {
        transform: translateX(calc(var(--column-width) / 4));
    }

    .project-content_button {
        justify-self: unset;
    }

    .about-small {
        height: calc(var(--vh) * 85);
    }

    .about-small_under {
        display: grid;
        grid-template-columns: calc(var(--column-width) * 4 + var(--column-width-between) * 3) calc(
                var(--column-width) * 5 + var(--column-width-between) * 4
            );
        grid-template-rows: max-content 1fr max-content;
        justify-content: space-between;
        align-content: space-between;
    }

    .about-text_up {
        grid-row: unset;
        grid-column: unset;
    }

    .about-small_left {
        grid-row: 1 / span 3;
        grid-column: 1;
    }

    .say-about {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin-top: calc(-50 * var(--scale-desk-1366));
        padding-top: calc(var(--margin-header) * 0.8);
        padding-bottom: calc(var(--margin-header) * 1.2);
    }

    .say-about-img {
        padding: 0;
        margin-top: 0;
    }

    .form-tick_img {
        width: calc(340 * var(--scale-desk-1366));
        height: calc(260 * var(--scale-desk-1366));
        filter: drop-shadow(0px 4px 65px #00000025);
        /* border: calc(63*var(--scale-desk-1366)) solid #ffffff; */
    }

    .form_accept-container {
        max-width: unset;
        width: unset;
    }

    /*   .project-content.hover .project-img-container {
    max-width: calc(var(--column-width) * 4.5 + var(--column-width-between) * 4);
  } */

    .banner-pict {
        flex-direction: column;
    }

    .case_top-page {
        margin-bottom: unset;
    }

    .work-content {
        overflow: unset;
    }

    .work-button_next {
        padding-left: calc(11 * var(--scale-desk-1366));
        padding-right: calc(11 * var(--scale-desk-1366));
        padding-top: calc(20 * var(--scale-desk-1366));
        display: flex;
        flex-direction: column;
    }

    .worl-right_img-row {
        display: grid;
        justify-content: space-between;
        column-gap: calc(10 * var(--scale-desk-1366));
        grid-template-columns: 0.35fr 0.65fr;
    }

    .worl-right_img-row.reverse {
        grid-template-columns: 0.65fr 0.35fr;
        margin-top: calc(10 * var(--scale-desk-1366));
    }

    .work-right_img-holder {
        aspect-ratio: 13/9;
        width: 100%;
        max-width: 100%;
        height: auto;
        display: grid;
        grid-template-rows: 50% 50%;
        row-gap: unset;
    }

    .arrow-case {
        width: calc(22.78 * var(--scale-desk-1366));
        height: calc(24.2 * var(--scale-desk-1366));
    }

    /* .case_top-page {
        margin-bottom: calc(75 * var(--scale-desk-1366));
    } */

    .usefull-top {
        margin-bottom: calc(70 * var(--scale-desk-1366));
    }

    .usefull-block_col,
    .usefull-tab_matt-type .usefull-block_col {
        flex-direction: row;
        gap: var(--column-width);
        padding: 0 var(--container-dop-margin);
    }

    .usefull-tab_content {
        gap: calc(200 * var(--scale-desk-1366));
        margin-bottom: calc(40 * var(--scale-desk-1366));
    }

    .usefull-block_1-img {
        width: 100%;
        height: auto;
        aspect-ratio: 9/8;
    }

    .usefull-block_1-img_small {
        aspect-ratio: 17/5;
        height: auto;
        max-width: calc(var(--column-width) * 2 + var(--column-width-between) - var(--container-dop-margin));
    }

    .usefull-block_2-text {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .usefull-block_2-title {
        margin-bottom: calc(20 * var(--scale-desk-1366));
    }

    .usefull-block_2-img {
        width: 100%;
        aspect-ratio: 11/7;
        margin-bottom: calc(40 * var(--scale-desk-1366));
    }

    .svg-snow {
        width: calc(61.44 * var(--scale-desk-1366));
        height: calc(59.94 * var(--scale-desk-1366));
    }

    .svg-clear {
        width: calc(84.44 * var(--scale-desk-1366));
        height: calc(78.87 * var(--scale-desk-1366));
    }

    .usefull-block_3-left {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .usefull-block_3-img_small {
        width: 100%;
        max-width: 100%;
        height: auto;
        aspect-ratio: 23/10;
    }

    .usefull-block_3-img {
        width: 100%;
        max-width: 100%;
        height: auto;
        aspect-ratio: 9/8;
        margin-bottom: calc(40 * var(--scale-desk-1366));
    }

    .usefull-block-3_ul {
        margin-top: calc(55 * var(--scale-desk-1366));
    }

    .usefull-ulli-title {
        margin-bottom: calc(30 * var(--scale-desk-1366));
    }

    .usefull-block_ifonpanel {
        padding: calc(9 * var(--scale-desk-1366)) calc(24 * var(--scale-desk-1366));
    }

    .usefull-block_slider {
        padding: 0 calc(var(--container-dop-margin));
    }

    .swiper-usefull {
        width: 100%;
        height: auto;
        aspect-ratio: 16/6;
        margin-bottom: calc(50 * var(--scale-desk-1366));
    }

    .usefull-slider_text-title {
        margin-bottom: calc(30 * var(--scale-desk-1366));
    }

    .banner-form {
        padding: calc(42 * var(--scale-desk-1366)) 0 calc(60 * var(--scale-desk-1366)) 0;
    }

    .banner-form_fields {
        margin: 0;
        gap: calc(20 * var(--scale-desk-1366));
    }

    .banner-form_input {
        height: calc(44 * var(--scale-desk-1366));
        padding: 0 calc(20 * var(--scale-desk-1366));
    }

    .banner-form_btn {
        height: calc(100 * var(--scale-desk-1366));
    }

    .usefull-image_big {
        width: 100%;
        height: auto;
        aspect-ratio: 16/6;
    }

    .swiper-usefull2 {
        height: auto;
        width: 100%;
        aspect-ratio: 10/3;
        margin-bottom: calc(20 * var(--scale-desk-1366));
    }

    .swiper-sw-prev,
    .swiper-sw-next {
        height: calc(62.92 * var(--scale-desk-1366));
        width: calc(35.69 * var(--scale-desk-1366));
        top: calc(50% - calc(62.92 * var(--scale-desk-1366)) / 2);
    }
    .swiper-sw-prev {
        left: calc(var(--column-width) / 4);
    }
    .swiper-sw-next {
        right: calc(var(--column-width) / 4);
    }
    .swiper-usefull3 {
        height: auto;
        width: 100%;
        aspect-ratio: 10/3;
        margin-bottom: calc(20 * var(--scale-desk-1366));
    }

    .usefull-block_items-galery {
        column-gap: calc(var(--column-width) / 3);
        row-gap: calc(var(--column-width) / 2);
        padding: 0 var(--container-dop-margin);
        grid-template-columns: repeat(4, minmax(min-content, 1fr));
    }

    .usefull-galery_item {
        display: flex;
        flex-direction: column;
        gap: calc(70 * var(--scale-desk-1366));
    }
    .usefull-galery_item_img {
        height: auto;
        width: 100%;
        aspect-ratio: 8/7;
    }

    .checkbox-sw,
    .wpcf7-checkbox input {
        --size-checkbox: calc(37 * var(--scale-desk-1366));
        top: calc(var(--size-checkbox) / -2);
        width: var(--size-checkbox);
        z-index: 10;
        right: unset;
        text-align: center;
        border: unset;
        /* outline: var(--bs-background-color-orange) calc(2 * var(--scale-desk-1366)) solid;
    outline-offset: calc(-2 * var(--scale-desk-1366)); */
        outline: var(--bs-background-color-orange) 2px solid;
        outline-offset: -2px;
        background-color: var(--bs-body-bg);
    }

    .about_page-block_1-img {
        aspect-ratio: 15/11;
        height: auto;
        width: 100%;
    }

    .checkbox-sw::after,
    .wpcf7-checkbox input::after {
        content: "";
        width: 2px;
        /* width: 2px; */
        background: none;
        height: 0px;
        margin-top: calc(var(--size-checkbox) - 2px);
        margin-left: calc(var(--size-checkbox) / 2);
    }

    .form-check-input:focus,
    .wpcf7-checkbox input:focus {
        border-radius: 0 !important;
        /* outline: var(--bg-color-orange) calc(2 * var(--scale-desk-1366)) solid;
    outline-offset: calc(-2 * var(--scale-desk-1366)); */
        outline: var(--bs-background-color-orange) 2px solid !important;
        outline-offset: -2px;
        box-shadow: none;
        background-color: var(--bs-body-bg);
    }

    .form-check-input:checked,
    .wpcf7-checkbox input:checked {
        background-color: var(--bg-color-white);
        border-color: var(--bg-color-orange);
        box-shadow: none;
        border: unset;
        /* outline: var(--bs-background-color-orange) calc(2 * var(--scale-desk-1366)) solid;
    outline-offset: calc(-2 * var(--scale-desk-1366)); */
        outline: var(--bs-background-color-orange) 2px solid !important;
        outline-offset: -2px;
    }
    .form-check-input:active,
    .wpcf7-checkbox input:active {
        border: unset;
        /* outline: var(--bs-background-color-orange) calc(2 * var(--scale-desk-1366)) solid;
    outline-offset: calc(-2 * var(--scale-desk-1366)); */
        outline: var(--bs-background-color-orange) 2px solid !important;
        outline-offset: -2px;
    }

    .submit-form_confidenc-container {
        /*  bottom: calc(37 * var(--scale-vh-desk-1366)); */
        padding-left: calc(36 * var(--scale-desk-1366) * 0.9);
    }
}

@media (min-width: 1200px) {
    :root {
        --scale: calc(calc(100 * var(--vw) - 1200px) / 200);
    }

    /*     .say-about_big-img-banner {
        height: calc(543px + 73 * var(--scale));
    }

    .say-about_img-small {
        height: calc(330px + 41 * var(--scale));
    }

    

    .work-img {
        height: calc(183px + 33 * var(--scale));
    }

    .portfolio-content {
        gap: calc(20px + 3 * var(--scale));
    }

    .portfolio-item {
        height: calc(212px + 28 * var(--scale));
    }

    .back-content {
        padding: calc(23px + 3 * var(--scale)) calc(35px + 5 * var(--scale));
    } */
}

@media (min-width: 1400px) {
    :root {
        --scale: calc(calc(100 * var(--vw) - 1400px) / 520);
    }

    .say-about_big-img-banner {
        height: calc(610px + 120 * var(--scale));
    }

    .say-about_img-small {
        height: calc(371px + 93 * var(--scale));
    }

    .nav-sw-cattegory.nav-pills {
        --bs-nav-link-padding-x: 36px;
        --bs-nav-link-padding-y: 11px;
        /* margin-left: -36px; */
    }

    .pr-xxl-0 {
        padding-right: 0;
    }

    /* .work-img {
        height: calc(216px + 66 * var(--scale));
    } */
}

@media (min-width: 1920px) {
    :root {
        --scale: calc(100 * var(--vw) / 1920);
    }

    /*slider*/

    /* .slick-prev {
        top: 50%;
    }

    .slick-next .arrowNext,
    .slick-prev .arrowPrew {
        height: calc(61 * var(--scale));
        width: calc(31 * var(--scale));
    }

    .slick-next {
        top: 50%;
    }

    .slick-dots {
        bottom: 3%;
    }

    .slick-dots li button {
        width: calc(16.5 * var(--scale));
        height: calc(16.5 * var(--scale));
    } */

    /*END slider*/

    /* .usefull-image {
    height: calc(642 * var(--scale));
  } */

    /* .say-about_big-img-banner {
        height: calc(730 * var(--scale));
    }

    .say-about_big-img {
    }

    .say-about_big-img-text {
        margin-left: var(--column-width);
    }

    .say-about_img-small-container {
        padding-left: calc(var(--column-width) / 2);
    }

    .say-about_img-small {
        height: calc(464 * var(--scale));
    }

    .nav-sw-cattegory.nav-pills {
        --bs-nav-link-padding-x: calc(36 * var(--scale));
        --bs-nav-link-padding-y: calc(11 * var(--scale));
       
    }

    .work-img {
        height: calc(282 * var(--scale));
    }

    .portfolio-content {
        gap: calc(29 * var(--scale));
    }

    .portfolio-item {
        height: calc(320 * var(--scale));
    }

    .back-content {
        padding: calc(35 * var(--scale)) calc(54 * var(--scale));
    }

    .checkbox-sw,
    .wpcf7-checkbox input {
        top: calc(-97 * var(--scale) + -1 * calc(55.55 * var(--scale)));
        z-index: 10;
        left: calc(var(--column-width) * 2.25 - calc(55.55 * var(--scale)) / 2);
        position: absolute;
        text-align: center;
        width: calc(55.55 * var(--scale));
        height: calc(55.55 * var(--scale));
        border: unset;
        outline: var(--bs-background-color-orange) calc(3 * var(--scale)) solid;
        outline-offset: calc(-3 * var(--scale));
        background-color: var(--bs-body-bg);
    }

    .checkbox-sw::after,
    .wpcf7-checkbox input::after {
        content: "";
        width: calc(3 * var(--scale));
        background: none;
        height: 0px;
        margin-top: calc(55.55 * var(--scale));
        margin-left: calc(55.55 * var(--scale) / 2 - calc(3 * var(--scale)) / 2);
    } */
}

@media (max-width: 1919.98px) {
    .usefull {
    }

    /* .usefull-image,
  .say-about-image {
    height: 642px;
  } */
}

@media (max-width: 1399.98px) {
    .usefull {
        padding-right: calc(var(--column-width) / 4);
    }
}

@media (max-width: 1199.98px) {
    /* .usefull-image,
  .say-about-image {
    height: calc(551px + 91 * calc((100vw - 992px) / 208));
  } */
}

@media (max-width: 991.98px) {
    /*   .usefull-image {
    height: calc(222px + 42 * calc((100vw - 768px) / 224));
  } */

    .say-about-image {
        height: calc(537px + 14 * calc((100 * var(--vw) - 768px) / 224));
    }

    .usefull {
        padding-right: 0;
    }

    .say-about-container {
        padding-right: calc(var(--column-width) / 4);
    }
}

@media (max-width: 767.98px) {
    /*     .nav-main {
        display: none !important;
    }

    .left-bar {
        position: absolute;
        height: 49px;
        width: calc(var(--container-margin) + var(--column-width-between) + var(--column-width));
        max-width: unset;
        background-color: var(--bg-color-white);
    }

    .logo-toolbar {
        border: 3px #ffffff solid;
        padding: 0;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        box-shadow: 1px 3px 3px #00000025;
    }

    .logo-toolbar_text {
        width: unset;
    }

    .footer-sw_box {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .footer-col {
        height: auto;
    }

    .mainpage-content br {
        display: none;
    }

    .mainpage-content .t2 {
        text-align: justify;
    } */

    /* .usefull-image {
    height: calc(190px + 32 * calc((100vw - 575px) / 192));
  } */

    /* .say-about-image {
    height: calc(453px + 84 * calc((100vw - 575px) / 192));
  } */

    /*     .section-state {
        max-width: unset;
    }

    .work-content {
        overflow: unset;
    }

    .work-left {
        overflow-y: clip;
    }

    .banner-pict {
        gap: calc(60px + 20 * var(--scale));
    }

    .a_button-submit-form_orange {
        --size-check: calc(27px + 9 * var(--scale));
        margin-top: calc(calc(12px + 4 * var(--scale)) + var(--size-check) + calc(15px + 5 * var(--scale)));
    }

    .about {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .say-about {
        height: unset;
    }

    .about-small_under {
        flex: 1 0 0%;
    }

    .nav-sw-cattegory.nav-pills .nav-link.active::after {
        background-color: var(--bg-color-gray);
        border-radius: 90px;
        border: 2px var(--text-color-orange) solid;
    }

    .nav-sw-cattegory.nav-pills .nav-link {
        transition: 0.12s ease-in all;
    }

    .nav-sw-cattegory.nav-pills .nav-link.active {
        transform: translateX(var(--bs-nav-link-padding-x));
        transition: 0.15s ease-out all;
    }

    .button_down {
        flex: 2 0 0% !important;
    }

    .arrow-case {
        transform: rotate(-90deg);
    }

    .work-button_next::after {
        height: 200%;
    } */
}

@media (max-width: 575.98px) {
    :root {
        --scale: calc(calc(100 * var(--vw) - 375px) / 201);
    }

    .nav-main {
        display: none !important;
    }

    .site-main {
        gap: calc(100 * var(--scale-phone-375));
    }

    /* .right-bar {
        display: none;
    } */

    .social {
        height: calc(23 * var(--scale-phone-375));
    }

    .logo-svg-title {
        width: calc(60 * var(--scale-phone-375));
        height: auto;
        filter: invert(1);
        max-width: unset;
        margin-bottom: calc(5px + 2 * var(--scale-phone-375));
    }

    .logo-svg-footer {
        height: calc(18 * var(--scale-phone-375));
    }

    .backlogo-svg-title {
        z-index: -1;
        width: calc(147 * var(--scale-phone-375));
        max-width: unset;
        filter: drop-shadow(1px 3px 3px #00000025);
    }

    .left-bar {
        position: absolute;
        top: calc(30 * var(--scale-phone-375));
        height: calc(65 * var(--scale-phone-375));
        width: calc(var(--container-margin) + var(--column-width-between) + var(--column-width));
        max-width: unset;
        background-color: unset;
    }

    .logo-toolbar {
        border: unset;
        padding: 0;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        box-shadow: unset;
    }

    .logo-toolbar_text {
        width: unset;
    }

    .footer-sw {
        max-height: unset;
        padding-left: var(--container-margin);
    }

    .footer-col-4 {
        padding-right: var(--container-dop-margin);
    }

    .footer-sw_box {
        flex-wrap: wrap;
        justify-content: space-between;
        flex-direction: row;
        height: fit-content;
        row-gap: calc(20 * var(--scale-phone-375));
    }

    .footer-col {
        height: auto;
        row-gap: 0.5rem;
    }

    .footer-sw_ul-r {
        row-gap: calc(30 * var(--scale-phone-375));
    }

    .menu-bar_content {
        padding-left: unset;
        padding-right: var(--container-dop-margin);
        margin-right: var(--container-margin);
        flex-direction: column;
    }

    .menu-bar_contants {
        flex: 0.8 0 0%;
        justify-content: center;
        row-gap: calc(20 * var(--scale-phone-375));
        padding-bottom: calc(30 * var(--scale-phone-375));
    }

    .menu-bar.inRight .menu-bar_link {
        background-color: unset;
        box-shadow: unset;
    }

    .menu-bar.inRight #sidebarLable {
        opacity: 0;
    }

    #sidebarLable {
    }

    .nav-mobile .nav-link {
        padding-left: 0;
    }

    .menu-bar .close-contacts {
        transform: rotate(90deg);
        visibility: hidden;
        opacity: 0;
        position: absolute;
        transition: ease 0.3s all;
    }

    .menu-bar.inRight .close-contacts {
        position: relative;
        visibility: visible;
        opacity: 1;
        transition: ease 0.3s all 0.1s;
    }

    /*buttons*/
    .btn-title,
    .btn-about,
    .btn-banner,
    .project-button,
    .button-submit-form_orange,
    .btn-about_small,
    .btn-kontakty {
        height: calc(52 * var(--scale-phone-375));
        padding-bottom: 0;
        padding-top: 0;
        position: relative;
    }

    .btn-kontakty {
        padding-left: calc(16 * var(--scale-phone-375));
        display: block;
    }

    .btn-kontakty::after {
        width: 100vw;
    }

    .button-submit-form_orange {
        padding-left: calc(10px + 5 * var(--scale-phone-375));
        padding-right: calc(10px + 5 * var(--scale-phone-375));
    }

    .btn-title {
        padding-left: calc(18 * var(--scale-phone-375));
        padding-right: calc(23 * var(--scale-phone-375));
    }

    .btn-about::after,
    .btn-about_small::after {
        content: "";
        right: -10%;
        width: 100vw;
        left: unset;
        z-index: -1;
        position: absolute;
        top: 0;
        height: 100%;
        background-color: var(--bg-color-orange);
    }

    .btn-banner::after {
        content: "";
        left: -10%;
        width: 100vw;
        z-index: -1;
        position: absolute;
        top: 0;
        height: 100%;
        background-color: var(--bg-color-orange);
    }

    .project-button {
        padding-left: calc(15px + 5 * var(--scale-phone-375));
    }
    .project-button::after {
        width: 80vw;
    }

    .img-button_banner {
        width: calc(116 * var(--scale-phone-375));
        height: calc(116 * var(--scale-phone-375));
    }

    .img-button_project {
        width: calc(62 * var(--scale-phone-375));
        height: calc(62 * var(--scale-phone-375));
    }

    /* .button-big-svg {
        width: calc(78px + 15 * var(--scale-phone-375));
        height: calc(78px + 15 * var(--scale-phone-375));
    } */

    .img-button_about,
    .img-button_form {
        width: calc(95 * var(--scale-phone-375));
        height: calc(95 * var(--scale-phone-375));
        /* right: calc(-1 * calc(39px + 7.5 * var(--scale-phone-375)));
        bottom: calc(-1 * calc(39px + 7.5 * var(--scale-phone-375))); */
    }

    .img-button_small-about {
        width: calc(93px + 31 * var(--scale));
        height: calc(93px + 31 * var(--scale));
        right: calc(-1 * calc(93px + 31 * var(--scale)) * 0.5);
        bottom: calc(-1 * calc(93px + 31 * var(--scale)) * 0.5);
    }
    .a_button-submit-form_orange {
        flex-direction: column-reverse;
        align-items: unset;
    }

    .button-submit-form_orange::after {
        content: unset;
    }

    .img-button_form {
        width: calc(74px + 25 * var(--scale));
        height: calc(74px + 25 * var(--scale));
        right: 0;
        bottom: calc(-1 * calc(37px + 12.5 * var(--scale)));
    }

    .about-button {
        height: max-content;
    }
    /*end buttons*/

    .slick-dots {
        left: calc(var(--container-margin));
        bottom: calc(30 * var(--scale-phone-375));
        gap: calc(21 * var(--scale-phone-375));
    }

    .slick-dots li button {
        width: calc(11.1 * var(--scale-phone-375));
        height: calc(11.1 * var(--scale-phone-375));
    }

    .mainpage-slide .slide_pretitle,
    .mainpage-slide .slide_discription {
        color: var(--text-color-white);
    }

    .mainpage-slide .H1 {
        color: var(--text-color-white);
    }

    .mainpage-img {
        position: absolute;
        z-index: -1;
        background-position: 40% 50%;
    }

    .mainpage-img::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: -1;
        opacity: 0.5;
        background-color: #000000;
        mix-blend-mode: multiply;
    }

    .section-title {
        max-width: unset;
    }

    .section-title .mainpage-content {
        max-width: var(--conatiner-max-width);
        margin: 0 auto;
    }

    .mainpage-slide {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: end;
        row-gap: 2rem;
    }

    .mainpage-content {
        padding-bottom: calc(30px + 15 * var(--scale-phone-375));
        gap: 50px;
    }

    .mainpage-content * {
        color: var(--text-color-white) !important;
    }

    .mainpage-content .t2 {
        text-align: start;
    }

    .mainpage-text {
        top: calc(30 * var(--scale-phone-375));
        right: 0;
        bottom: unset;
        left: unset;
        padding-right: var(--container-dop-margin);
        text-align: end;
    }

    .usefull {
        padding-right: 0;
    }

    .about {
        display: grid;
        grid-template-columns: 1fr;
        row-gap: 2rem;
        grid-template-rows: auto 1fr auto;
        justify-content: space-between;
        grid-auto-flow: row;
    }

    .about-image_container {
        grid-row: 2;
    }

    /* .say-about-image,
  .usefull-image {
    height: 163px;
  } */

    /*  .say-about_big-img-banner {
        height: calc(292px + 20 * var(--scale));
    } */

    .say-about_img-small {
        height: calc(167px + 58 * var(--scale));
    }

    /* .state {
        height: calc(100 * var(--vh));
    }

    .state-content_block {
        width: 100%;
        flex: 1 1 0%;
        height: unset;
        max-height: unset;
        align-items: center;
    }

    .state-content {
        min-height: unset;
        max-width: unset;
        flex: 1 0 0%;
        display: flex;
        gap: calc(var(--column-width-between) + 12px);
        align-items: center;
        width: 100%;
        justify-content: space-around;
    }

    .state-content_block:hover .state-content {
        flex: 1 0 0%;
        transform: none;
    }

    .state-content > p {
        text-align: end;
        flex: 1 0 0%;
        margin: 0;
    }

    .state-content > div {
        text-align: start;
        flex: 1 0 0%;
        max-width: unset;
    } */

    .modal-dialog-sw .arrow_container-next,
    .modal-dialog-sw .arrow_container-prev {
        position: absolute;
        top: unset;
        bottom: 0;
        height: fit-content;
        margin: auto 0;
    }

    .modal-dialog-sw .arrow_container-next,
    .modal-dialog-sw .arrow-next {
        right: 0;
    }

    .modal-dialog-sw .arrow_container-prev,
    .modal-dialog-sw .arrow-prev {
        left: 0;
    }

    .banner-pict_text {
        flex-direction: column;
    }

    .banner-pict_content-button {
        position: relative;
        align-items: center;
    }

    .about-small {
        min-height: calc(var(--vh) * 85);
    }

    .about-text_up {
        grid-row: 1;
    }

    .about-small_left {
        grid-row: 3;
    }

    .about-small_under {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: max-content 1.3fr 1fr max-content;
        justify-content: space-between;
        align-content: space-between;
        row-gap: 1rem;
    }

    .pills-about {
        grid-row: 2;
    }

    .pills-about.nav-pills .nav-link.active::after {
        width: 110vw;
        left: -60px;
        right: unset;
    }

    .pills-about.nav-pills .nav-link {
        width: 100%;
        max-width: fit-content;
        text-align: center;
    }

    .pills-about.nav-pills .nav-link.active {
        max-width: unset;
        padding-right: var(--container-dop-margin);
        transition: 0.3s ease max-width;
    }

    .about-small .tab-content {
        aspect-ratio: 16/9;
    }

    .say-about {
        display: flex;
        margin-top: calc(-30 * var(--scale-phone-375));
        padding: calc(13 * var(--scale-phone-375)) 0;
        padding-bottom: calc(40 * var(--scale-phone-375));
    }

    .say-about-img {
        margin-top: calc(40 * var(--scale-phone-375));
        padding: 0;
    }

    .form-tick_img {
        width: calc(236 * var(--scale-phone-375));
        height: calc(180 * var(--scale-phone-375));
        filter: drop-shadow(0px 4px 65px #00000025);
    }

    .portfolio-tabs,
    .case_container {
        margin-bottom: calc(60 * var(--scale-phone-375));
    }

    .project-content {
        gap: var(--column-width-between);
        padding-top: calc(40px + 13 * var(--scale));
        padding-bottom: calc(14px + 4 * var(--scale));
        row-gap: 1rem;
    }

    .project-content > div:first-child {
        padding-right: 0;
    }

    .pjotect-content_right {
        padding-left: 0;
    }

    .project-img {
        height: calc(145px + 48 * var(--scale));
    }

    /* .work-img {
        height: calc(145px + 46 * var(--scale));
    } */

    .portfolio-content {
        gap: calc(20 * var(--scale-phone-375));
        grid-template-columns: 1fr;
    }

    .portfolio-item {
        height: auto;
        aspect-ratio: 7/5;
    }

    .project-content.hover {
        background-color: var(--bs-background-color-orange);
        border-bottom: #ffffff 2px solid;
    }

    .project-content.hover .project-img-container .project-img {
        transform: scale(1.1);
    }

    .back-content {
        padding: calc(23px + 5 * var(--scale)) var(--container-margin);
    }

    .nav-sw-usefull.nav-pills .nav-link.active {
        background-color: var(--bg-color-orange);
        padding-right: 10px;
    }

    .nav-sw-usefull.nav-pills .nav-link.active::after {
        left: calc(var(--container-margin) * -1 - 5px);
        width: calc(var(--column-width) * 3 + var(--container-margin) + 5px);
    }

    .nav-sw-usefull.nav-pills .nav-link::after {
        left: calc(var(--container-margin) * -1 - 5px);
    }

    .usefull-top {
        margin-bottom: calc(50 * var(--scale-phone-375));
    }

    .usefull-tab_content {
        gap: calc(100 * var(--scale-phone-375));
        margin-bottom: calc(100 * var(--scale-phone-375));
    }

    .usefull-block_col {
        flex-direction: column;
        padding: 0 var(--container-dop-margin);
        gap: calc(30 * var(--scale-phone-375));
    }

    .usefull-tab_matt-type .usefull-block_col {
        gap: calc(30 * var(--scale-phone-375));
        padding-left: var(--container-margin);
    }

    .usefull-block_1 {
        flex-direction: column-reverse;
        gap: calc(30 * var(--scale-phone-375));
    }

    .usefull-block_1-img {
        width: 100%;
        height: auto;
        aspect-ratio: 13/7;
    }

    /* .usefull-block_1-img_small {
        aspect-ratio: 17/5;
        height: auto;
        max-width: calc(var(--column-width) * 2 + var(--column-width-between) - var(--container-dop-margin));
    } */

    .usefull-block_2 {
        gap: calc(60 * var(--scale-phone-375));
        padding: 0;
    }

    .usefull-block_2-text {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .usefull-block_2-title {
        margin-bottom: calc(10 * var(--scale-phone-375));
    }

    .usefull-block_2-img {
        width: 100%;
        aspect-ratio: 13/7;
        margin-bottom: calc(40 * var(--scale-phone-375));
    }

    .svg-snow {
        width: calc(54.43 * var(--scale-phone-375));
        height: calc(47.42 * var(--scale-phone-375));
    }

    .svg-clear {
        width: calc(62.58 * var(--scale-phone-375));
        height: calc(51.16 * var(--scale-phone-375));
        max-width: unset;
    }

    .usefull-block_3 {
        padding: 0;
    }

    .usefull-block_3-left {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .usefull-block_3-img_small {
        width: 100%;
        max-width: 100%;
        height: auto;
        aspect-ratio: 28/11;
        margin-bottom: 10px;
    }

    .usefull-block_3-img {
        width: 100%;
        max-width: 100%;
        height: auto;
        aspect-ratio: 9/7;
        margin-bottom: calc(40 * var(--scale-phone-375));
    }

    .usefull-block-3_ul {
    }

    .usefull-ulli-title {
        margin-bottom: calc(30 * var(--scale-phone-375));
    }

    .usefull-block_ifonpanel {
        padding: calc(14 * var(--scale-phone-375)) var(--container-dop-margin);
        padding-right: 0;
        gap: calc(20 * var(--scale-phone-375));
    }

    .usefull-block_slider {
        padding: 0 var(--container-dop-margin);
    }

    .swiper-usefull {
        width: 100%;
        height: auto;
        aspect-ratio: 3/2;
        margin-bottom: calc(40 * var(--scale-phone-375));
    }

    .usefull-slider_text-title {
        margin-bottom: calc(30 * var(--scale-phone-375));
    }

    .usefull-block_slider-text {
        gap: calc(25 * var(--scale-phone-375));
    }

    .usefull-block_form {
        flex-direction: column;
        padding-right: var(--container-dop-margin);
        padding-left: var(--container-margin);
        gap: calc(35 * var(--scale-phone-375));
    }

    .banner-form {
        padding: calc(42 * var(--scale-phone-375)) 0 calc(60 * var(--scale-phone-375)) 0;
    }

    .banner-form_fields {
        margin-left: auto;
        gap: calc(25 * var(--scale-phone-375));
    }

    .banner-form_input {
        height: calc(46 * var(--scale-phone-375));
        padding: 0 calc(20 * var(--scale-phone-375));
    }

    .banner-form_btn {
        height: calc(53 * var(--scale-phone-375));
    }

    .usefull-image_big {
        width: 100%;
        height: auto;
        aspect-ratio: 1/1;
    }

    .usefull-block_type-okant {
        gap: calc(30 * var(--scale-phone-375));
    }

    .usefull-slider2 .usefull-block_slider {
        padding-left: var(--container-margin);
    }

    .swiper-usefull2 {
        height: auto;
        width: 100%;
        aspect-ratio: 7/9;
        margin-bottom: calc(20 * var(--scale-phone-375));
    }

    .swiper-sw-prev,
    .swiper-sw-next {
        height: calc(34 * var(--scale-phone-375));
        width: calc(13 * var(--scale-phone-375));
        top: calc(50% - calc(34 * var(--scale-phone-375)) / 2);
    }
    .swiper-sw-prev {
        left: 3px;
    }
    .swiper-sw-next {
        right: 3px;
    }

    .usefull-slider3 {
        padding-left: var(--container-margin);
    }

    .swiper-usefull3 {
        height: auto;
        width: 100%;
        aspect-ratio: 7/9;
        margin-bottom: calc(30 * var(--scale-phone-375));
    }

    .usefull-block_items-galery {
        gap: calc(50 * var(--scale-phone-375));
        padding-right: var(--container-dop-margin);
        padding-left: var(--container-margin);
        grid-template-columns: repeat(1, minmax(min-content, 1fr));
    }

    .usefull-block_type-crep {
        gap: calc(30 * var(--scale-phone-375));
    }

    .usefull-galery_item {
        display: flex;
        flex-direction: column;
        gap: calc(15 * var(--scale-phone-375));
    }
    .usefull-galery_item_img {
        height: auto;
        width: 100%;
        aspect-ratio: 17/14;
    }

    .checkbox-sw,
    .wpcf7-checkbox input {
        --size-check: calc(37 * var(--scale-phone-375));
        z-index: 10;
        position: relative;
        text-align: center;
        width: var(--size-check);
        height: var(--size-check);
        aspect-ratio: 1/1;
        border: unset;
        right: calc(
            var(--column-width) - var(--container-dop-margin) - var(--size-check) / 2 + var(--column-width-between)
        );
        top: calc(var(--size-check) * -1);
        outline: var(--bs-background-color-orange) 2px solid;
        outline-offset: -2px;
        background-color: var(--bs-body-bg);
    }

    .checkbox-sw::after,
    .wpcf7-checkbox input::after {
        content: "";
        width: 2px;
        background: none;
        height: 0px;
        margin-top: calc(var(--size-check));
        margin-left: calc(var(--size-check) / 2);
    }

    .form-check-input:focus,
    .wpcf7-checkbox input:focus {
        border-radius: 0 !important;
        outline: var(--bs-background-color-orange) 2px solid !important;
        outline-offset: -2px;
        box-shadow: none;
        background-color: var(--bs-body-bg);
    }

    .form-check-input:checked,
    .wpcf7-checkbox input:checked {
        background-color: var(--bg-color-white);
        border-color: var(--bg-color-orange);
        box-shadow: none;
        border: unset;
        outline: var(--bs-background-color-orange) 2px solid !important;
        outline-offset: -2px;
    }
    .form-check-input:active,
    .wpcf7-checkbox input:active {
        border: unset;
        outline: var(--bs-background-color-orange) 2px solid !important;
        outline-offset: -2px;
    }

    .nav-sw-cattegory.nav-pills {
        flex-direction: column;
        gap: 5px;
    }

    .nav-sw-cattegory.nav-pills .nav-link {
        height: calc(30 * var(--scale-phone-375));
    }

    .nav-sw-cattegory.nav-pills .nav-link.active {
        background-color: unset;
    }

    .nav-sw-cattegory.nav-pills .nav-link::after {
        width: 0px;
        left: calc(var(--container-margin) * -1.2);
        right: unset;
        top: 0;
        bottom: unset;
        height: 100%;
        transition: 0.3s ease all;
    }

    .nav-sw-cattegory.nav-pills .nav-link.active::after {
        height: 100%;
        right: unset;
        width: calc(100% + var(--container-margin) * 1.2 + var(--column-width));
        top: 0;
        left: calc(var(--container-margin) * -1.2);
        bottom: unset;
        transition: 0.3s ease all;
    }

    .top-page_container {
        padding-top: calc(var(--margin-header) + 55 * var(--scale-phone-375));
        margin-bottom: calc(25 * var(--scale-phone-375));
    }

    .case_top-page {
        margin-bottom: calc(50 * var(--scale-phone-375));
    }

    .work-right_img-holder {
        display: none;
    }

    .work-left_orange-title::before {
        width: calc(100% + calc(20px + 7 * var(--scale)) * 2);
        right: calc(-20px + -7 * var(--scale));
    }

    .work-left_orange-title {
        margin-left: calc(20px + 7 * var(--scale));
    }

    .work-left-text {
        padding-right: var(--container-dop-margin);
    }

    .work-right_content {
        gap: calc(50 * var(--scale-phone-375));
        padding-left: calc(var(--container-margin));
    }

    .work-button_next-container {
        max-width: calc(var(--column-width) * 2 - var(--container-dop-margin));
    }
    .work-button_next {
        padding-left: calc(9 * var(--scale-phone-375));
        padding-right: calc(9 * var(--scale-phone-375));
        padding-top: calc(20 * var(--scale-phone-375));
    }

    .work-img-item {
        width: 100%;
        height: auto;
        aspect-ratio: 13/9;
    }

    .work-button_next::after {
        height: calc(100 * var(--vh));
        width: 20vw;
    }

    .arrow-case {
        width: 20px;
        height: 20px;
    }

    .top-button {
        right: 12%;
    }
}

@media (max-width: 374.98px) {
    :root {
    }
}