@media screen and (min-width: 1600px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
        max-width: 95vw;
        width: 95vw;
    }
}
@media screen and (min-width: 1900px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
        max-width: 95vw;
        width: 95vw;
    }    
}
@media screen and (min-width: 1921px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
        max-width: 1830px;
        width: 1830px;
    }
    .video_left video {
        left: 0;
    }
    .project-main--img img {
        min-height: 100vh;
        max-width: max-content; 
        width: 100vw; 
    }
    .project-main--img {
        max-width: max-content;
        justify-content: center;
    }
}
@media (min-width: 1500px) and (max-width: 1750px) {
    .ok_grid img {
        max-width: 250px;
    }
}
@media screen and (max-width: 1650px) {
    .header-menu li {
        margin: 0;
        width: auto;
    }
    .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
        max-width: 95vw;
        width: 95vw;
    }
}
@media screen and (max-width: 1500px) {
    .ilya_fio, .ilya_text {
        max-width: 40vw;
    }
    .main_menu {
        /*margin: 0 20px 0 auto;
        width: auto;*/
    }
    /*.main_menu a, .forma_zakaz a {
        font-size: 15px;
    }*/
    .ok_grid--img {
        max-width: 200px;
    }
    .project-offers {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }
    .catalog-section.video-section {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .video-section .catalog-item {
        width: 33.33vw;
    }
    .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
        max-width: 95vw;
        width: 95vw;
    }
    .ok_grid {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}
@media screen and (max-width: 1280px) {
    .forma_zakaz a:before {
        left: -10px;
        top: 17px;
    }
    #open_mobile .forma_zakaz a:before {
        left: -10px;
        top: 0px;
    }
    .large_menu:after {
        top: 20px;
    }
    .project-workers--list {
        width: 1024px;
        padding-left: 20px;
    }
    .bx-title {
        /*padding: 0 20px;*/
    }
    .logo {
        min-width: auto !important;
        width: auto !important;
    }
    .main_menu a, .forma_zakaz a, .slider_button {
        font-size: 11px;
    }
    .header-menu li a {
        padding: 15px 10px;
    }
    .forma_zakaz a {
        padding: 0 20px;
    }
    .big_text {
        font-size: 16px;
    }
    .logo img {
        width: 200px;
        height: 70px;
        margin: 0 20px;
    }
    .col-sm-4 {
        width: 50%;
    }
    .project-offers {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
    .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
        max-width: 95vw;
        width: 95vw;
    }
    .uslugi_grid .container {
        padding: 0;
        margin: 0;
        width: 100vw;
    }
    span.usluga_name {
        font-size: 12px;
    }
    span.usluga_price {
        font-size: 14px;
        position: absolute;
        bottom: 10px;
    }
}
    /*@media screen and (min-width: 1024px) {
        .product-item-list-col-1:nth-child(3n+1) .catalog-item-title {
        padding-left: 20px;
    }
    }*/
@media screen and (max-width: 1023px) {
    #open_pad {
        display:none;
    }
    #open_mobile {
        display:flex;
        padding-top: 20px;
    }
    #logo_mobile {
        display: block;
    }
    
    span.usluga_name {
        min-height: 42px;
    }
    .integral_text p {
        font-size: 16px;
    }
    .video_left video {
        left: -50vw;
    }
    .integral_text {
        padding: 5vw;
    }
    .integral_text h2 {
        font-size: 40px;
    }
    .uslugi_main_block {
        padding: 60px;
    }
    .uslugi_main_col {
        min-height: auto;
    }
    .footer_menu_li {
        margin: 0 10vw 0 0;
    }
    .footer_menu_li ul, .footer__right ul {
        padding-left: 0;
    }
    .footer_top {
        flex-direction: column;
        gap: 50px;
    }
    .main_dop_info {
        padding: 0 5vw;
        min-height: auto;
    }
    .uslugi_main_col span {
        left: 10%;
    }
    .main_integral_right {
        width: auto;
        height: 50vh;
    }
    .header-menu li ul a {
        opacity: 1;
        height: auto;
        padding: 10px 0;
        backdrop-filter: none;
    }
    .header-menu li:hover ul a {
        height: auto;
    }
    .header-menu li:hover ul {
        top: 0;
    }
    .large_menu:after {
        display: none;
    }
    .large_menu {
        padding-right: 0 !important;
        display: none !important;
    }
    .header-menu ul {
        position: relative;
        display: block;
        top: 0px;
        backdrop-filter: none;
        min-width: auto;
        left: auto;
    }
    .main_integral .container {
        flex-direction: column-reverse;
        background-size: contain;
        background-position: top center;
        max-width: 100vw;
        justify-content: space-around;
    }  
    .auto-fixed {
        width: auto;
        height: auto;
        position: relative;
    }
    #main_slider {
        top: auto;
    }
    #main_integral {
        top: auto;
        height: 100vh;
        margin-bottom: 20px;
        min-height: auto;
    }
    #main_uslugi {
        top: auto;
        height: auto;
    }
    #gedonizm {
        top: auto;
    }
    #opit {
        top: auto;
    }
    #forma_bb {
        top: auto;
        height: auto;
        min-height: auto;
        padding: 10vh 0;
        min-height: 450px;
    }
    #forma_bb.auto-fixed {
        height: auto;
        min-height: 100%;
        margin: 50px auto;
    }
    footer {
        top: auto;   
        position: relative;
        height: auto !important;
    }
    
.main_sliders .container {
    width: 100vw;
    max-width: 100vw;
    top: 0px;
}
.main_projects {
    grid-template-columns: 1fr;
}
span.logo_span--top {
    font-size: 12px;
}
span.logo_span--bottom {
    font-size: 12px;
}
.main_sliders .container {
    height: 100%;
}
.big_text {
    display: none;
}
.main_slider_h1 h1 {
    text-align: center;
    margin-bottom: 40px;
    font-size: 25px !important;
}
.catalog-section, .catalog-section.video-section {
        grid-template-columns: 1fr 1fr;
}
.video-section .catalog-item {
    width: 50vw;
}
.catalog-item-image-video, .catalog-item-video, .catalog-item-image-original__img {
    /*height: 25vw;*/
}
.product-item-list-col-1:nth-child(2n+1) .catalog-item-title {
    padding-left: 20px;
}
.project-offers {
	grid-gap: 10px;
}
#panel {display: none;}
#close_menu, #burger {
    display: block;
}
#header .container {
    align-items: center;
    padding: 0;
}
#burger {
    width: 24px;
    height: 24px;
    right: 20px;
    background-image: url(../images/menu.svg);
    background-size: cover;
    position: relative;
    background-repeat: no-repeat;
}
.main_slider_h1_1 {
    line-height: 40px;
    font-size: 30px;
    margin-bottom: 20px;
}
.main_slider_h1_2 {
    line-height: 50px;
    font-size: 35px;
    width: 100%;
}
.forma_inner_telo {
    min-width: auto;
}
.mobile {
    display: flex;
    position: fixed;
    width: 100%;
    height: 100vh;
    overflow-y: scroll;
    background: #1C1C1C;
    left: 100%;
    top: 0;
    overflow-x: hidden;
    flex-direction: column;
    transition: transform 0.5s;
    z-index: 2;
}
.forma {
    min-width: 90vw;
}
.forma h2 {
    font-size: 28px;
    line-height: 34px;
    margin-bottom: 30px;
}
.forma input, .forma textarea {
    margin-bottom: 10px;
}
.forma textarea {
    min-height: 130px;
}

#forma_buttom, #forma_top {
    width: 90vw;
}
#close_forma {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 19px;
    height: 19px;
    z-index: 4;
    background-image: none;
}
#close_forma:after {
    content: "+";
    transform: rotate(45deg);
    position: absolute;
    font-size: 60px;
    font-weight: 300;
    color: #eee;
    left: -4px;
    line-height: 19px;
    display: flex;
    justify-content: center;
    transition: transform 0.3s;
    font-family: Open sans-serif;
}
header {
    min-height: 74px;
    position: fixed;
    width: 100%;
}
content {
    /*padding-top: 56px;*/
}
.main_slider_h1, .main_top_text {
    width: 90vw;
}
.main_slider_h1 h1, .uslugi_main h2, .o-kompanii h2 {
    font-size: 30px;
}
.uslugi_grid {
    /*grid-template-columns: 1fr 1fr;*/
}
.uslugi_usluga:nth-child(1), .uslugi_usluga:nth-child(2), .uslugi_usluga:nth-child(3) {
    border-right: 1px solid #ddd;
}
.uslugi_usluga--fon {
    background: rgba(0,0,0,0.5);
}
.uslugi_usluga--name, .uslugi_usluga--price {
    color: #fff;
}
.uslugi_main {
    margin-bottom: 0px;
}
.o-kompanii h2 {
    margin-bottom: 25px;
}
.o-kompanii {
    margin: 0px auto;
    padding: 30px 0;
}
.o-kompanii--text {
    margin: 0 auto 3rem;
    width: 93vw;
}
.ok_grid {
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px 10px;
}
.ok_grid--img {
    /*max-width: 160px;*/
}
.forma_b {
    min-height: auto;
    height: auto;
    min-height: 500px;
}
.project-offer--back .sprite-icons {
    width: 5rem;
}
.uslugi_usluga {
    border-top: 1px solid #ddd;
    border-bottom: 0;
}
#open_mobile.open {
    transform: translateX(-100vw);
}
#close_menu {
    display: block;
    height: 60px;
    width: 100%;
    padding: 0 20px;
    min-height: 60px;
}
#close_menu_b {
    display: block;
    width: 19px;
    position: absolute;
    height: 19px;
    right: 7vw;
    top: 20px;
}
#close_menu_b:after {
    content: "+";
    transform: rotate(45deg);
    position: absolute;
    font-size: 60px;
    font-weight: 300;
    color: #eee;
    line-height: 19px;
    display: flex;
    justify-content: center;
    transition: transform 0.3s;
    font-family: Open sans;
}
.main_menu {
    margin: 0 auto;
    width: auto;
    left: auto;
}
.main_menu a {
    font-size: 20px;
}
.header-menu {
    flex-direction: column;
}
.header-menu li {
    padding: 0;
}
#forma_zakaz {
    font-size: 18px;
    margin: 0 auto;
    display: block;
    width: 47vw;
    text-align: center;
    color: #fff;
    max-width: 160px;
}
#body {
    transition: transform 0.5s;
}
.body_left {
    transform: translateX(-40vw);
    overflow: hidden;
}
#right_forma {
    right: -120vw;
    padding: 0;
    margin: 0;
    width: 100vw;
}
.catalog-header h1 {
    font-size: 44px;
    line-height: 48px;
    padding: 0;
}
.catalog-item-a {
    margin-bottom: 0px;
}
.bx-title {
/*    width: 90vw;
    font-size: 24px;
    line-height: 28px;
    margin-top: 40px;*/
}
.project-dop {
/*    text-align: center;
    margin: 16px auto 40px;*/
}
.project-offers {
    grid-template-columns: 1fr 1fr 1fr;
}
.project-offer {
    /*min-height: 20vw;*/
}
.project-row.project-workers {
    margin: 0px auto;
}
.project-workers--h2 {
    font-size: 30px;
}
.project-workers--list {
    grid-template-columns: 1fr 1fr;
    width: 100%;
    text-align: center;
    justify-content: center;
    padding: 0;
}
.contacts h1 {
    font-size: 44px;
    line-height: 48px;
}
.forcol {
    width: 90vw;
    margin: 40px auto 60px;
    display: flex;
    align-content: flex-start;
    justify-content: space-around;
}
.forcol_h2 {
    margin-bottom: 20px;
}
.forcol_left {
    margin-bottom: 30px;
}
.contact_button a {
    width: 90vw;
    margin-right: 0;
    text-align: center;
}
.contact_adress {
    width: 100%;
}
.ymap {
    max-height: 100vh;
}
#about:before {
    display: block;
    content: "";
    height: 56px;
    margin: -56px 0 0;
}
.sitemap h1 {
    font-size: 30px;
    width: 100%;
}
.map-list {
    grid-template-columns: 1fr;
}
.menu_line {
    display: none;
}
.splide__arrow {
    display: none;
}
#splide_gallery__close {
/*    background: transparent;
    color: #fff;
    border: 0;*/
    top: 2vh;
}
#splide_gallery__close:after {
    font-size: 75px;
}
#close_search:after {
    font-weight: 500;
}
#search_line input#title-search-input {
    width: 90vw;
}
#close_project {
    border: 0;
    top: 10px;
    background: transparent;
    right: 10px;
    z-index: 3;
    backdrop-filter: none;
    position: fixed;
    margin-left: auto;
}
#close_project:after {
    content: "+";
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    width: 100%;
    font-size: 60px;
    font-weight: 200;
    display: flex;
    height: 100%;
    align-content: center;
    justify-content: center;
    left: 0;
    transition: transform 0.3s;
}
.header-menu li a {
    padding: 10px 1vw;
    font-size: 18px;
    text-align: center;
}
#menu_line {
    display:none;
}
.customZoomBtn.plus, .customZoomBtn.minus {
    /*display: none;*/
}
.project-main--img img {
    width: 100%;
    height: 100%;
    max-height: 100%;
}
.project-main--img .sliding-360 img {
    min-height: auto;
    background-size: 80px;
}
.catalog-item-a:hover .catalog-item-image-video {
    opacity: 1;
}
    .ilya_text {
        font-size: 16px;
    }
    .forma_zakaz {
        display: flex;
        position: absolute;
        bottom: 20vh;
        justify-content: center;
    }
    .contact_container {
        width: 100vw;
    }
    .contact_adress {
        width: 90vw;
    }
    .under_info {
        width: 90vw;
        margin: 0 auto;
    }
}

@media (orientation: portrait) and (max-width: 1280px) {
    #ilya_school .container {
        background-position: 200px bottom;
    }
    .school_text {
        width: 80vw;
    }
    .kto_img img {
        width: 30vw;
    }




@media (orientation: landscape) and (max-width: 1023px) {
    .main_integral .container {
        flex-direction: row;
    }
    .main_integral_right {
        width: auto;
        height: 100%;
    }
    #integral_1 h1 {
        font-size: 60px;
    }
    #integral_1 p {
        font-size: 18px;
    }
    #integral_3, #integral_4, #integral_5, #integral_6 {
        height: 100vw;
    }
    .integral_text {
        padding: 5vw;
        height: 100vw;
    }
    .video_left video {
        height: 100vw;
        left: -60vw;
    }
    .integral_text_inner h2 {
        font-size: 40px;
    }
    ul.uslugi_tabs {
        flex-direction: column;
    }
    li.usluga {
        width: 100vw;
        padding: 20px;
        height: auto;
    }
    span.usluga_name {
        font-size: 14px;
    }
    span.usluga_price {
        font-size: 16px;
        position: relative;
    }
    .tabs-panel {
        width: 95vw;
        padding: 100px 0;
    }
    .forma_zakaz {
        position: relative;
        bottom: 0;
        padding: 40px 0;
    }
    #forma_zakaz {
        width: auto;
    }
    .forma textarea {
        min-height: auto;
        height: 70px;
    }
}
@media screen and (orientation: portrait) {
    .project-main--img img {
        min-height: auto;
    }
}




@media screen and (max-width: 600px) {
    #ilya_school .ilya_fio {
        text-align: left;
    }
    .kto_h2 {
        font-size: 40px;
    } 
    .kto_img img {
        width: auto;
    }
    #ilya_school {
        height: auto;
        min-height: 100vh;
    }
    #ilya_school .ilya_fio {
        font-size: 40px;
        line-height: 46px;
        text-align: center;
        width: 100%;
        margin-top: 100px;
        margin-bottom: 400px;
    }
    #ilya_school .container {
        height: auto;
        background-position: right 210px;
    }
    .kto_cols {
        flex-direction: column;
        gap: 40px;
        align-items: center;
    }
    .work_work_h3, .zayav_h3 {
        font-size: 40px;
        line-height: 50px;
    }
    #school_info h2 {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 7px;
    }
    .school_info_col_h {
        font-size: 18px;
    }
    .school_info_col_text {
        font-size: 28px;
    }
    .school_fon {
        width: 100%;
        height: 100%;
        background-size: auto 100%;
    }
    .contact_left, .contact_right {
        width: 100%;
    }
    .video_left {
        position: relative;
        height: 100vw;
    }
    #integral_3, #integral_4, #integral_5, #integral_6 {
        height: auto;
    }
    div.tagcloud {
        /*left: -50vw;*/
    }
    .buro_text p {
        font-size: 16px;
    }
    #ilya .container {
        background-position: right bottom;
        justify-content: flex-end;
        padding: 40px 0;
    }
    .uslugi_main_text {
        font-size: 16px;
    }
    .main_integral_proff {
        font-size: 16px;
    }
    .main_integral_fio {
        font-size: 22px;
    }
    .main_integral_h1 {
        font-size: 32px;
    }
    .uslugi_main_col:nth-child(1) {
        flex: auto;
    }
    .uslugi_main_col:nth-child(2) {
        flex: auto;
    }
    .uslugi_main_col:nth-child(3) {
        flex: auto;
    }
    .uslugi_main_col:hover {
        flex: auto;
    }
    .start_pic .container {
        margin: 0;
        max-width: 100vw;
        width: 100vw;
    }
    .start_pic_text {
        width: 100vw;
        padding: 0 5vw;
    }
    .forcol_right, .forcol_left {
        width: 100%;
    }
    .uslugi_grid .container {
        width: 100vw;
        padding: 0;
        margin: 0;
    }
    .vacancy_back {
        top: 360px;
        left: 35px;
    }
    .video_left video {
        position: relative;
        left: -50vw;
        top: 0;
        height: 100vw;
    }
    h1 {
        font-size: 34px;
    }
    ul.uslugi_tabs {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-direction: column;
    }
    li.usluga.active_tab, li.usluga {
        width: 100vw;
        height: auto;
        padding: 10px 10px 5px;
    }
    span.usluga_price {
        margin-top: 12px;
        position: relative;
    }
    .tabs-panel {
        padding: 30px 10px 30px 15px;
        width: 100vw;
    }
    .full_usluga_name_left span {
        font-size: 24px;
        line-height: 28px;
        width: 30px;
    }
    .full_usluga_name, .full_usluga_price  {
    font-size: 24px;
    line-height: 28px;
}

    .start_pic {
        /*height: calc(100vh - 80px);*/
        margin-bottom: 0;
    }
    .passiv_dop_link span:after {
        content: "";
        position: absolute;
        display: block;
        top: 18px;
        right: -12px;
        background-image: url(/images/arrow_down.svg);
        background-repeat: no-repeat;
        width: 22px;
        height: 11px;
        z-index: 3;
    }
    .footer_bottom {
        justify-content: space-between;
        flex-direction: column-reverse;
        gap: 15px;
    }
    .catalog-header {
        justify-content: center;
        align-items: center;
    }
    .catalog-header h1 {
        font-size: 44px;
        line-height: 48px;
    }
    .news-list {
        margin: 64px auto 0;
    }
    .news-item {
        flex: 100%;
    }
    .ok_grid--name {
        font-size: 18px;
        line-height: 21px;
        word-spacing: 999px;
    }
    #ilya {
        background-size: 120%;
        height: auto;
        min-height: 100vh;
        background-position: center 3vh;
        align-items: flex-end;
    }
    .ilya_text p {
        width: 90vw;
        font-size: 16px;
        line-height: 24px;
    }
    #ilya .container {
        padding: 440px 5vw 100px;
        height: auto;
        background-position: right top;
    }
    .buro_text h2 {
        font-size: 40px;
        line-height: 48px;
        margin-bottom: 25px;
    }
    .buro_text p {
        font-size: 16px;
        line-height: 22px;
    }
    #about h2 {
        padding-top: 20px;
        font-size: 40px;
        line-height: 48px;
    }
    .ok_grid--img {
        max-width: 160px;
    }
    #buro_integral {
        background-position: left bottom;
    }
    #integral_1 h1 {
        font-size: 50px;
        line-height: 55px;
        margin-bottom: 8px;
    }
    #integral_1 p {
        font-size: 18px;
        line-height: 24px;
        width: 90vw;
    }
    #integral_2 {
        height: 100%;
        aspect-ratio: 16 / 9;
    }
    .integral_left, .integral_right, .buro_right, .buro_left, .school_left, .school_right {
        float: none;
        min-height: 50vh;
        width: 100vw;
        height: auto;
        padding: 50px 5vw;
        margin: 0;
    }
    .integral_content {
        width: 100vw;
    }
    .forcol_h2 {
        font-size: 32px;
        line-height: 38px;
        margin-bottom: 28px;
    }
    .forcol_tel a, .forcol_mail a {
        font-size: 22px;
        line-height: 29px;
    }
    .contact_container {
        margin: 70px auto;
        width: 100vw;
    }
    .project-other--h3 {
        font-size: 38px;
        line-height: 45px;
        padding: 50px 0 30px;
    }
    .project-workers--h2 {
        font-size: 38px;
        line-height: 45px;
    }
    .project_pre_h1 {
        font-size: 36px;
        line-height: 39px;
    }
    .bx-title {
        width: 90vw;
        font-size: 18px;
        line-height: 19px;
        margin-top: 5px;
        padding: 0;
    }
    .project-dop {
        text-align: left;
        margin: 12px auto 40px;
    }
    .catalog-section, .catalog-section.video-section {
        grid-template-columns: 1fr;
    }
    .video-section .catalog-item {
        width: 100vw;
    }
    .main_integral .container {
        height: 95vh;
        justify-content: space-evenly;
    }

    .main_integral_right {
        width: 100%;
        height: 30%;
        background-size: 120%;
    }

    .main_integral_h1 {
        font-weight: 300;
    }
    .main_integral_h2 {
        font-weight: 300;
        font-size: 22px;
    }
    .main_integral_text {
        font-weight: 300;
        margin-bottom: 40px;
        font-size: 16px;
    }
    .uslugi_main_block {
        position: relative;
        padding: 40px 30px;
    }
    .uslugi_main h2 {
        font-size: 40px;
        line-height: 48px;
    }
    .uslugi_main_cols {
        flex-direction: column;
    }
    .uslugi_main_col {
        height: auto;
        min-height: auto;
        width: 100vw;
        background-position: center center;
        aspect-ratio: 16/9;
    }
    .uslugi_main_col span {
        left: 20px;
        bottom: 30px;
    }
    .main_dop_info_text {
        padding: 0 20px;
    }
    .main_dop_info_h1 {
        font-size: 38px;
        line-height: 45px;
    }
    .forma_inner_telo {
        flex-direction: column;
        min-width: auto;
        width: 90vw;
        margin: 0 auto;
    }
    .forma_p {
        width: 65vw;
        font-size: 14px;
    }
    .footer_logo {
        margin-bottom: 40px;
    }
    .footer_menu_li {
        margin: 0;
    }
    .footer_menu_li ul {
        padding: 0;
    }
    .forma h2 {
        font-size: 38px;
        line-height: 45px;
    }
    .footer_top {
        flex-direction: column;
        padding-bottom: 30px;
    }
    footer {
        margin-bottom: 0 !important;
    }
    
#splide2 .splide__slide {
    width: 100vw !important;
    height: auto !important;
}
#right_forma .forma input, #right_forma .forma textarea {
    margin-bottom: 10px;
    margin-top: 10px;
}
.forma_b {
    min-height: 80vh;
}
.catalog-item-image-video, .catalog-item-video {
    min-height: 60vw;
}
.viewer {
    height: 80vh !important;
}
li[data-splide-type="video"] iframe {
    max-height: 30vh;
    width: 100vw;
}
    .logo img {
        margin: 0 0 0 15px;
        width: 220px;
    }
#close_search {
    right: 14vw;
}
.footer_menu {
    flex-direction: column;
    margin-bottom: 40px;
}
.footer__right {
    order: 1;
    margin: 0;
}
.footer__left {
    text-align: center;
    order: 2;
}
.footer__right ul {
    margin:0 auto;
    padding: 0;
}
.project-workers--list {
    grid-template-columns: 1fr;
}
.project-offers {
	grid-gap: 10px;
    grid-template-columns: 1fr 1fr;
} 
.project-offer {
    min-height: 25vw;
}
.ok_grid {
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px 8px;
}
.uslugi_grid {
    /*grid-template-columns: 1fr;*/
}
.catalog-section {
    grid-template-columns: 1fr;
}
.catalog-item-image-video, .catalog-item-video, .catalog-item-image-original__img {
    /*height: 50vw;*/
}
.catalog-item-title {
    padding-left: 20px;
}
.forcol {
    flex-direction: column;
    align-items: flex-start;
    margin: 40px auto 0px;
}
.contact_adress {
    margin: 30px auto 20px;
    width: 90vw;
    font-size: 22px;
    line-height: 29px;
    flex-direction: column;
}
.contact_right {
    margin-top: 40px;
}
.under_info {
    width: 90vw;
    margin: 0 auto;
}
.ymap {
    max-height: 100vw;
}
.project-links {
    bottom: auto;
    width: 100vw;
    max-width: 100%;
    top: 20vh;
    display: flex;
    right: 0;
    justify-content: center;
}
.project-links ul {
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 0;
    gap: 0;
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);    
    background-color: #00000026;
    width: 68vw;
    border: 1px solid #eee;
    text-transform: uppercase;
    border-radius: 25px;
    border: 1px solid #eee;
    letter-spacing: 2px;
}
.passiv_dop_link span {
    background-color: transparent;
    padding: 0 20px 0 0;
    color: #eee;
    border: 0;
}
.project-links a {
    color: #eee;
    padding: 0 0;
    border: 0;
    backdrop-filter: none;
}
.project-links a:hover {
    background-color: transparent;
    color: #eee;
}
.active_dop_link {
    display: none;
    order: 200;
}
.passiv_dop_link {
    order: 100;
}
.project-links:hover li {
    display: block;
}
.catalog-item-image-video--load:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #1c1c1ca3;
    background-image: url(/images/loader.gif);
    background-repeat: no-repeat;
    background-size: 100px;
    background-position: center center;
}
}