/*Селект*/
@media all {

    .select {
        -webkit-box-align: center;
        align-items: center;
        cursor: pointer;
        display: flex;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        justify-content: space-between;
        min-height: 55px;
        position: relative;
        transition: all 100ms ease 0s;
        border-radius: 8px;
        box-shadow: none;
        box-sizing: border-box;
        height: 100%;
        background: rgb(244, 246, 251);
        border: 0px;
        outline: 0px !important;
    }

    .select {
        grid-column: span 3;
    }

    .selectB1 {
        display: flex;
        flex-direction: column;
        flex: 1 1 0%;
        flex-wrap: wrap;
        position: relative;
        overflow: hidden;
        padding: 2px 8px 2px 12px;
        box-sizing: border-box;
    }

    .selectB1_1 {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: rgb(117, 117, 117);
        margin-left: 0px;
        margin-right: 2px;
        box-sizing: border-box;
        padding-top: 6px;
        font-size: 10px;
        font-family: sans-serif;
        font-weight: 400;
    }

    .selectB1_2 {
        visibility: visible;
        flex: 1 1 auto;
        display: flex;
        padding-bottom: 2px;
        padding-top: 6px;
        color: #757575;
        box-sizing: border-box;
        font-size: 16px;
    }

    .select:hover {
        background: #e0e0e0;
        border-color: #b3b3b3;
    }

    .select:active {
        background: #bdbdbd;
    }

    .selectB2 {
        -webkit-box-align: center;
        align-items: center;
        align-self: stretch;
        display: flex;
        flex-shrink: 0;
        box-sizing: border-box;
        position: absolute;
        right: 6px;
        top: 50%;
        transform: translateY(-50%);
    }

    .selectB2_1 {
        color: #0A87E1;
    }

    .selectB2_2 {
        display: flex;
        transition: all 0.12s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
        color: #9e9e9e;
        padding: 8px;
        box-sizing: border-box;
    }

    .selectMenu {
        display: none;
        position: absolute;
        background: rgb(244, 246, 251);
        border-radius: 8px;
        font-size: 16px;
        z-index: 2;
        top: 103%;
        width: 100%;
        max-height: 120px;
        overflow-y: auto;
    }
}

/*Меню*/
@media all {
    .MenuLine1 {
        justify-content: space-between;
        padding: 12px 0;
        background: #ffffff;
        color: #4a4a4a;
        z-index: 4;
        border-bottom: 1px solid #3333;
    }

    .MenuLine1 a {
        font-size: 12px;
        color: #757575;
    }

    .MenuBtnLine1 {
        gap: 20px;
    }

    .Vigoda a {
        color: #fff;
        background-color: #82be32;
        padding: 5px;
        border-radius: 30px;
    }

    .Vigoda a:hover {
        background-color: #0a87e1;
        color: #fff;
    }

    .ZayavkaS {
        display: flex;
        align-items: center;
        font-size: 12px;
        line-height: 1.5;
        color: #0a87e1;
        transition: 0.12s cubic-bezier(0.39, 0.575, 0.565, 1);
        cursor: pointer;
        font-weight: 500;
    }

    .MenuLine2 .Line2 li a {
        color: #212121;
    }

    .MenuLine2 .Line2 li a:hover {
        color: #e89b0c;
    }

    .MenuLine1 .Line1 li a:hover {
        color: #d09d39;
    }

    .MenuLine2 .Line2 .Menu {
        gap: 20px;
    }

    .MenuLine2 .listMenuS li:hover {
        background: #313132;
        color: #fff;
    }

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

    nav.Line2 {
        padding: 0 0 0 60px;
    }

    .MenuLKBtn:active {
        background: #f5c152 !important;
    }

    .MenuLKBtn:hover {
        background: #cc962f;
    }

    .MenuLKBtn {
        outline: transparent;
        border: none;
        border-radius: 8px;
        padding: 7px 12px;
        font-weight: 600;
        font-size: 12px;
        line-height: 150%;
        white-space: nowrap;
        color: #fff;
        background: #1c1e22;
        transition: 0.12s cubic-bezier(0.39, 0.575, 0.565, 1);
        cursor: pointer;
        display: flex;
        gap: 3px;
        align-items: center;
    }

    .favourite_Heart:active {
        background: #80d7fb !important;
    }

    .favourite_Heart:hover {
        background: #b3e7fc;
    }

    .favourite_Heart {
        width: 32px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: none;
        border-radius: 8px;
        font-weight: 600;
        font-size: 12px;
        line-height: 150%;
        white-space: nowrap;
        color: #0a87e1;
        background: #e1f6fe;
        transition: 0.12s cubic-bezier(0.39, 0.575, 0.565, 1);
        cursor: pointer;
        user-select: none;
    }

    .MenuLine2 {
        padding: 8px 0;
    }

    a {
        background-color: transparent;
        text-decoration: none;
        color: #333
    }

    a:hover {
        color: #44444496;
    }

}

/*Общие кнопки*/
@media all {
    .SmVse_Btn {
        display: grid;
        width: max-content;
        justify-self: center;
        grid-column: 1 / -1;
        margin-top: 24px;
        border-radius: 8px;
        padding: 12px 16px;
        font-weight: 600;
        font-size: 14px;
        line-height: 20px;
        color: #0a87e1;
        background: #e1f6fe;
        transition: 0.12s cubic-bezier(0.39, 0.575, 0.565, 1);
        margin: 0 auto;
    }
}

/*Команда*/
@media all {
    .NacSlide {
        width: 100%;
        height: 210px;
        background-image: url(/img/glavfon.jpg);
        background-size: cover;
        background-position: center;
        display: flex;
        flex-direction: column;
        margin-bottom: 136px;
        padding-top: 20px;
    }

    .TeamName {
        margin-bottom: 16px;
        font-weight: 600;
        font-size: 20px;
        line-height: 1.4;
        color: #212121;
        font-family: Radiotechnika;
        margin-top: 40px;
    }

    .TeamFilWr {
        display: grid;
        margin-bottom: 24px;
        grid-template-columns: repeat(12, 1fr);
        grid-column-gap: 16px;
        column-gap: 16px;
    }

    .TeamFilSel {
        width: 100%;
        grid-column: span 3;
    }

    .TeamFilSrc input {
        background: #3330;

    }

    .TeamFilSrc span {
        position: absolute;
        left: 10px;
        color: #b7b7b7;
    }

    .TeamFilSrc input::-webkit-input-placeholder {
        color: #b7b7b7;
    }

    .TeamFilSrc:hover {
        background: #e3e9f2;
    }

    .TeamFilSrc:focus {
        background: #e3e9f2;
    }

    .TeamFilSrc {
        position: relative;
        grid-column: span 4;
        background-color: #f4f6fb;
        padding-left: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 8px;
    }

    .TeamBox {
        display: grid;
        grid-gap: 16px;
        grid-template-columns: repeat(3, 1fr);
        margin-bottom: 24px;
    }

    .TeamItem {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        row-gap: 16px;
        border-radius: 16px;
        padding: 24px;
        background: #f4f6fb;
    }

    .TeamItem img {
        height: auto;
        max-width: 170px;
        border-radius: 12px;
        object-fit: cover;
    }

    .TeamItemWrpar {
        display: flex;
        flex-direction: column;
    }

    .TeamItPar1Box {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .TeamItPar1 {
        display: flex;
        align-items: center;
        gap: 5px;
    }

    .TeamItPar3 {
        display: flex;
        justify-content: space-between;
        gap: 15px;
        margin-bottom: 20px;
    }

    .TeamItPar3a {
        background-color: #fff;
        border-radius: 10px;
        padding: 15px;
        margin-top: 10px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
        display: grid;
        gap: 5px;
    }

    .TeamItPar4Box {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .TeamItPar4 {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .TeamItPar5 {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .TeamItPar4a, .TeamItPar5a {
        margin-bottom: 6px;
        font-weight: 400;
        font-size: 12px;
        line-height: 1.5;
        color: #757575;
    }

    .TeamItPar4b, .TeamItPar5b {
        font-weight: 400;
        color: #0a87e1;
    }

    .TeamItPar1a {
        display: flex;
        align-items: center;
        gap: 5px;
        margin-bottom: 8px;
        font-weight: 600;
        font-size: 18px;
        line-height: 1.4;
        text-transform: capitalize;
        color: #212121;
    }

    .TeamItPar2 {
        font-weight: 400;
        text-align: center;
        color: #757575;
    }

    .TeamItSocial {
        display: flex;
        flex-direction: column;
        position: absolute;
        right: 24px;
        top: 24px;
        gap: 10px;
    }

    .TeamItSoc {
        cursor: pointer;
        user-select: none;
    }

    .TeamItSoc:hover {
        filter: opacity(0.7);
    }

    .TeamItPar3a1 {
        display: flex;
        align-items: center;
        gap: 5px;
    }
}

/*Footer*/
@media all {
    .footer_block1 {
        border-bottom: 1px solid #ffffff40;
        background-color: #212121;
    }

    .footer_block2 {
        background-color: #212121;
        border-bottom: 1px solid #ffffff40;
    }

    .footer_block3 {
        background-color: #212121;
    }

    .footer_block1Wrap {
        display: flex;
        justify-content: space-between;
        padding: 20px 0px;
        align-items: center;
    }

    .footer_block2 {
        border-bottom: 1px solid #424242;
        padding-top: 10px;
        padding-bottom: 40px;
    }

    .footer_block3Box {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-top: 32px;
        padding-bottom: 32px;
        font-weight: 400;
        font-size: 12px;
        line-height: 1.5;
        color: #757575;
        gap: 10px;
    }

    .fooBl2MegaWR {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 10px;
    }

    .fooBl2_Wr {
        display: grid;
        grid-template-columns: 1fr;
        color: #fff;
    }

    .fooBl2_Wr {
        grid-column: span 3;
        text-align: left;
    }

    .fooBl2_Wr2 {
        grid-column: span 3;
        text-align: left;
    }

    .fooBl2_Box3 {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

    .fooBl2_Box3Link:hover {
        color: #0b76ef;
    }

    .fooBl2_Box3Link {
        display: flex;
        align-items: center;
        gap: 5px;
        color: #414142;
    }

    .fooBl2_Box1a {
        display: inline-block;
        margin-bottom: 4px;
        font-weight: 600;
        transition: 0.12s cubic-bezier(0.39, 0.575, 0.565, 1);
        font-size: 22px;
    }

    .FOOT_H1 {
        font-size: 22px;
    }

    .fooBl2_Box1b {
        font-weight: 400;
        font-size: 16px;
        line-height: 1.5;
        color: #757575;
    }

    .fooBl2_Box1Wr {
        display: flex;
        flex-direction: column;
        gap: 32px;
        margin-bottom: 32px;
    }

    .fooBl2_Wr2BName {
        color: #fff;
        font-size: 22px;
        width: max-content;
        font-weight: 600;
        padding-bottom: 5px;
        border-bottom: 1px solid #ffffff54;
    }

    .fooBl2_Wr2BIt {
        color: #757575;
        transition: 0.12s cubic-bezier(0.39, 0.575, 0.565, 1);
        font-size: 16px;
    }

    .fooBl2_Wr2BIt:hover {
        color: #e89b0c;
    }

    .fooBl2_Wr2Box1 {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }
}

/*About - О компании*/
@media all {
    .AbUcrBox {
        display: grid;
        grid-gap: 16px;
        grid-template-columns: repeat(2, 1fr);
    }

    .AbUcrItem {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        row-gap: 16px;
        border-radius: 16px;
        padding: 24px;
    }

    .AbUcrItem img {
        height: auto;
        max-width: 170px;
        border-radius: 12px;
        object-fit: cover;
    }

    .AbUcrItemParName {
        display: flex;
        align-items: center;
        gap: 5px;
        margin-bottom: 8px;
        font-weight: 600;
        font-size: 18px;
        line-height: 1.4;
        text-transform: capitalize;
        color: #212121;
    }

    .AbUcrItemParN {
        display: flex;
        align-items: center;
        gap: 5px;
    }

    .AbUcrItemParB1 {
        display: flex;
        justify-content: center;
    }

    .AbUcrItemParB2 {
        font-weight: 400;
        text-align: center;
        color: #757575;
        margin-bottom: 20px;
    }

    .AbUcrItemParB3Box {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .AbUcrItemParB3 {
        display: flex;
        align-items: center;
        margin-bottom: 10px;
        flex-direction: row;
        justify-content: space-between;
        gap: 20px;
    }

    .AbUcrItemParB3a {
        font-weight: 400;
        font-size: 12px;
        line-height: 1.5;
        color: #757575;
    }

    .AbUcrItemParB3b {
        font-weight: 400;
        color: #0a87e1;
    }

    .AbMisKName {
        margin-bottom: 16px;
        font-weight: 600;
        font-size: 20px;
        line-height: 1.4;
        color: #212121;
    }

    .AbMisKBaner {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        grid-column: 1 / -1;
        border-radius: 8px;
        padding: 20px 20px 20px 30px;
        width: 100%;
        background: #0a87e1;
        margin-bottom: 16px;
        font-weight: 600;
        font-size: 16px;
        line-height: 1.5;
        color: #fff;
    }

    .AbUcrWr {
        margin-top: 30px;
    }

    .AbUcrName {
        margin-bottom: 16px;
        font-weight: 600;
        font-size: 20px;
        line-height: 1.4;
        color: #212121;
    }

    .AbMisKText {
        display: grid;
        gap: 16px;
    }

    .AbMisKText {
        font-weight: 400;
        font-size: 16px;
        line-height: 1.5;
        margin-bottom: 16px;
        color: #757575;
    }

    .AbBloksWr {
        margin: 40px 0;
    }

    .AbBloksBox {
        display: grid;
        grid-gap: 16px;
        grid-template-columns: repeat(2, 1fr);
    }

    .AbBloksItBit {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .AbBloksItBit_a {
        background: #757575;
        width: 4px;
        height: 4px;
        min-width: 4px;
        min-height: 4px;
        border-radius: 50%;
    }

    .about .Ab_textB4 h2 {
        margin-bottom: 16px;
        font-weight: 500;
        font-size: 22px;
        line-height: 1.4;
        color: #212121;
    }

    .about .Ab_textB4 p {
        font-weight: 400;
        font-size: 16px;
        line-height: 1.5;
        color: #757575;
    }

    .AbBloksItem {
        border-radius: 16px;
        padding: 20px;
        min-height: 130px;
        background: #f4f6fb;
    }

    .AbBloksItBit_b {
        font-weight: 400;
        font-size: 12px;
        color: #757575;
    }

    .AbBloksItName {
        margin-bottom: 8px;
        font-weight: 600;
        font-size: 16px;
        line-height: 1.5;
        color: #212121;
    }

    .AbBloksItBox {
        display: grid;
        gap: 5px;
    }
}

/*Вакансии*/
@media all {
    .JobWr {
        margin: 20px 0;
    }

    .JobItem {
        border-radius: 16px;
        padding: 32px;
        width: 100%;
        position: relative;
        background: #f4f6fb;
    }

    .JobItem_body {
        display: flex;
        justify-content: space-between;
    }

    .JobItem_dop_info {
        display: none;
    }

    .JobItem_dop_info.active {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .JobItemB2 {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: end;
    }

    .JobItemB2_shevronDown {
        transition: all .2s;
    }

    .JobItemB2_shevronDown.open {
        transform: rotate(180deg);
        transition: all .2s;
    }

    .JobItName {
        margin-bottom: 8px;
        font-weight: 600;
        font-size: 18px;
        line-height: 1.4;
    }

    .JobItPrice {
        margin-bottom: 16px;
        color: #0a87e1;
    }

    .JobItText .collapsible_item__xqwkl {
        font-size: 14px;
        line-height: 1.4;
        color: #757575;
    }

    .JobItText {
        margin-bottom: 10px;
    }

    .JobItemB2Btn:hover {
        color: #fff;
        background: #0076cb;
    }

    .JobItemB2Btn {
        display: flex;
        align-items: center;
        justify-content: center;
        outline: transparent;
        border: none;
        border-radius: 8px;
        padding: 12px 16px;
        width: max-content;
        color: #fff;
        background: #0a87e1;
        transition: 0.12s cubic-bezier(0.39, 0.575, 0.565, 1);
        font-size: 14px;
        line-height: 1.4;
        cursor: pointer;
    }

    .JobItem_dop_info_contacts {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .JobItem_d_i_c_title {
        font-weight: 600;
    }

    .JobItem_d_i_c_phones {
        display: flex;
        gap: 10px;
        color: #9e9e9e;
    }
}

/*Страхование*/
@media all {
    .insurance_text {
        font-weight: 400;
        font-size: 16px;
        line-height: 1.5;
        margin-top: 20px;
    }

    .insurance_slider_item {
        border-radius: 16px;
        padding: 20px;
        min-height: 130px;
        user-select: none;
    }

    .insurance_slider_item_background1 {
        background: #fff8da;
    }

    .insurance_slider_item_background2 {
        background: #fffbbf;
    }

    .insurance_slider_item_background3 {
        background: #ffecc7;
    }

    .insurance_slider_item_background4 {
        background: #ffe5c9;
    }

    .insurance_slider_item_text1 {
        margin-bottom: 8px;
        font-weight: 500;
        font-size: 16px;
        line-height: 1.5;
        color: #212121;
    }

    .insurance_slider_item_text2 {
        font-weight: 400;
        font-size: 12px;
        line-height: 1.5;
        color: #757575;
    }

    .insurance_title {
        font-weight: 600;
        font-size: 20px;
        line-height: 1.4;
    }

    .SwiperInsPartners {
        margin-bottom: 40px;
    }

    .SwiperInsPartners .swiper-wrapper {
        justify-content: center;
    }

    .SwiperInsPartners_item {
        width: 120px !important;
    }

    .SwiperInsPartnersPrev {
        transform: translate(10px, -50%);
    }

    .SwiperInsPartnersNext {
        right: 0;
        transform: translate(-20px, -50%);
    }
}

/*Ипотека*/
@media all {
    .ipoteka_consult_free {
        display: flex;
        gap: 10px;
        align-items: center;
        border-radius: 16px;
        padding: 20px;
        width: 100%;
        background: #0a87e1;
        margin-bottom: 30px;
    }

    .ipoteka_consult_free_text {
        margin-left: 16px;
        font-weight: 600;
        font-size: 16px;
        line-height: 1.5;
        color: #fff;
    }
}

/*Строительство*/
@media all {
    .building_catalog_wrap {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 50px;
        margin-bottom: 30px;
    }

    .GHOME_Gl.building_catalog_wrap {
        grid-template-columns: repeat(auto-fill, minmax(374px, 1fr));
    }


    .building_catalog_NAMEwr {
        margin: 0 0 16px;
    }

    .building_catalog_NAME {
        font-weight: 600;
        font-size: 20px;
        line-height: 1.4;
    }

    .building_catalog_item {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }

    .building_catalog_i_img {
        width: 100%;
        height: 340px;
    }

    .building_catalog_i_img img {
        height: 100%;
        border-radius: 16px;
        object-fit: cover;
    }

    .building_catalog_i_descr {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 5px;
    }

    .building_catalog_i_d_price {
        font-weight: 600;
        font-size: 16px;
        line-height: 1.5;
        color: #212121;
        text-align: center;
    }

    .building_catalog_i_d_Dopprice {
        padding: 3px 8px;
        border-radius: 7px;
        background: #f3e08e;
        color: #1c1e22;
        cursor: pointer;
    }

    .building_catalog_i_d_param {
        font-weight: 500;
        font-size: 14px;
        line-height: 1.4;
        color: #212121;
        display: flex;
        gap: 5px;
        flex-direction: column;
    }

    .building_catalog_i_d_param div {
        font-size: 18px;
    }

    .GHOME_PH1 {
        font-size: 14px !important;
        color: #9e9e9e;
    }


    .GHOME_Poc.flexAc {
        gap: 5px;
        flex-direction: column;
        align-items: start;
    }

    .GHOME_wr.flex {
        display: flex;
        align-items: center;
        gap: 20px;
    }

    .GHOME_Gl .building_catalog_i_img {
        min-height: 220px;
        max-height: 220px;
        height: 100%;
    }

    .GHOME_Gl .building_catalog_i_img img {
        max-height: 220px;
        min-height: 220px;
    }

    .GHOME_loc.building_catalog_i_d_p_address::-webkit-scrollbar {
        display: none;
    }

    .GHOME_loc.building_catalog_i_d_p_address {
        overflow-y: auto;
        max-height: 40px;
        min-height: 40px;
        cursor: pointer;
        align-items: center;
    }

    .GHOME_loc.building_catalog_i_d_p_address svg {
        margin-right: 5px;
        width: .75em;
        min-width: .75em;
        color: #e59d0a;
    }

    a.GHOME_loc.SD_It11Par1b:active .GOT_Pro_icon_arrow {
        background: #ffffff !important;
        color: #373737 !important;
    }

    a.GHOME_loc.SD_It11Par1b:active {
        background: #e59d0a !important;
        border: none !important;
    }

    a.GHOME_loc.SD_It11Par1b .GOT_Pro_icon_arrow {
        background: #373737;
    }

    a.GHOME_loc.SD_It11Par1b:hover .GOT_Pro_icon_arrow {
        color: #373737;
        background: #ffffff;
    }

    a.GHOME_loc.SD_It11Par1b:hover {
        color: white;
        background: #373737;
    }

    a.GHOME_loc.SD_It11Par1b {
        background: #e9e9e9;
        border: none;
    }

    .GHOME_Gl .building_catalog_item {
        padding: 15px;
        border: 1px solid #e4e4e4;
        border-radius: 20px;
        /*      max-height: 445px;
             min-height: 445px;*/
        min-width: 400px;
        /*  justify-content: space-between;*/
    }

    .GHOME_Gl.building_catalog_i_descr {
        justify-content: space-between;
        height: 100%;
    }

    .GHOME_shild {
        background: #e59d0a;
        color: white;
        font-size: 16px;
        padding: 0 20px;
        height: 28px;
        border-radius: 30px;
        min-width: fit-content;
    }

    .GHOME_shild_2 {
        background: #2fbd11;
    }

    .GHOME_shild_3 {
        background: #9002d7;
    }

    .GHOME_shWr.flexAc {
        gap: 10px;
        justify-content: space-between;
    }

    .building_catalog_i_d_p_address {
        height: 40px;
        display: flex;
        align-items: end;
    }

    .building_cat_i_d_p_circle {
        background: #757575;
        height: 5px;
        width: 5px;
        border-radius: 50%;
    }

    .building_catalog_i_d_name {
        font-weight: 600;
        font-size: 20px;
        line-height: 1.4;
    }

    .building_presentation {
        font-weight: 400;
        font-size: 16px;
        line-height: 1.5;
        display: flex;
        gap: 10px;
        align-items: center;
        margin: 20px 0;
    }

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

    #new_project_house {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .GOT_Pro_first_line {
        display: flex;
        align-items: center;
        gap: 20px;
        font-size: 40px;
        font-weight: 400;
        margin-top: 30px;
    }

    .GOT_Pro_first_line .building_catalog_item {
        max-height: 540px;
        min-height: 540px;
    }

    .GOT_Pro_first_line svg {
        width: 50px;
        height: 50px;
        min-width: 50px;
        display: flex;
    }

    .GOT_Pro_first_line div.GOT_Pro_f_l_1 {
        font-family: Radiotechnika;
    }

    .GOT_Pro_first_line .flexAc svg {
        width: 50px;
        height: 50px;
        min-width: 50px;
        display: flex;
    }

    .GOT_Pro_first_line .flexAc {
        min-width: fit-content;
    }

    .GOT_Pro_second_line {
        font-weight: 400;
        font-size: 18px;
        color: #676767;
    }
}

@media (min-width: 200px) and (max-width: 680px) {
    body .GHOME_Gl.building_catalog_wrap {
        grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
    }
}


/*Новые проеты домов*/
@media all {
    .GOT_Pro_f_l {
        display: flex;
        justify-content: space-between;
        width: 100%;
        align-items: center;
    }

    .GOT_Pro_f_l_1 {
        display: flex;
        gap: 10px;
        align-items: center;
    }

    .GOT_Pro_f_l_1 div {
        font-family: Radiotechnika;
    }

    .GOT_Pro_f_l_1 svg {
        width: 63px;
        height: 63px;
        max-width: 63px;
        display: flex;
    }


    .GOT_Pro_f_l_2:active {
        color: #ffffff !important;
        background: #313131 !important;
    }

    .GOT_Pro_f_l_2:active svg {
        color: #ffffff !important;
    }


    .GOT_Pro_f_l_2:hover {
        color: #ea9c0b;
        background: #313131;
    }

    .GOT_Pro_f_l_2:hover svg {
        color: #ea9c0b;
    }


    .GOT_Pro_f_l_2 {
        color: #fff;
        background: #EA9C0B;
        border-radius: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px;
        font-size: 18px;
        padding: 15px;
        cursor: pointer;
        min-width: fit-content;
    }

    .GOT_Pro_f_l_2 div {
        white-space: nowrap;
        min-width: fit-content;

    }

    .GOT_Pro_f_l_1 .flexAc svg {
        width: 50px;
        height: 50px;
        min-width: 50px;
        display: flex;
    }

    .GOT_Pro_f_l_2 .flexAc svg {
        width: 24px;
        height: 24px;
        min-width: 24px;
        display: flex;
    }

    .GOT_Pro_items_wrap {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }

    .GOT_Pro_item {
        display: flex;
        border-radius: 16px;
        width: 100%;
    }

    .GOT_Pro_item_descr {
        padding: 10px;
        background: #2A2928;
        width: 50%;
        border-radius: 16px 0 0 16px;
        color: #fff;
        display: flex;
        flex-direction: column;
        gap: 10px;
        justify-content: space-between;
    }

    .GOT_Pro_item_img {
        width: 50%;
        border-radius: 0 16px 16px 0;
        position: relative;
    }



    .GOT_Pro_item_d_param {
        display: flex;
        justify-content: space-between;
        gap: 10px;
    }

    .GOT_Pro_item_d_kompl {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 10px;
    }

    .GOT_Pro_item_d_param_1_1 {
        font-weight: 300;
        color: #9C9C9C;
        font-size: 16px;
        display: flex;
        flex-direction: column;
        gap: 3px;
    }


    .GOT_Pro_item_d_param_1_1P {
        font-weight: 300;
        color: #be9138;
        font-size: 18px;
        display: flex;
        flex-direction: column;
        gap: 3px;
    }

    .GOT_Pro_item_d_param_Price {
        display: flex;
        gap: 10px;
        align-items: center;
    }

    .GOT_Pro_item_d_param_1_2P {
        font-size: 24px;
        font-weight: 600;
    }

    .GOT_Pro_Fl {
        font-size: 16px;
    }

    .GOT_Pro_item_d_param_1 {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

    .GOT_Pro_item_d_kompl_1:hover {
        background: #fff;
        color: #000;
        box-shadow: 0px 0px 19px 0px rgba(255, 255, 255, 0.49);
        border: 1px solid white;
    }

    .GOT_Pro_item_d_kompl_1 {
        border: 1px solid #BE9138;
        /*border-image: linear-gradient(45deg, #BE9138, #FAEDAF, #F3D583);*/
        /*border-image-slice: 1;*/
        border-radius: 8px;
        padding: 5px 15px;
        cursor: pointer;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 16px;
        flex: 1 0 80px;
    }

    .GOT_Pro_item_d_kompl_1.active {
        background: #fff;
        color: #000;
        box-shadow: 0px 0px 19px 0px rgba(255, 255, 255, 0.49);
        border: none;
    }

    .SD_It11Par1b div {
        font-size: 18px;
        font-weight: 500;
    }

    .GOT_Pro_item_img img {
        height: 100%;
        border-radius: 0 16px 16px 0;
        object-fit: cover;
        background: #e1e1e1;
    }

    .FUT_GldopBoxa.flexAc {
        gap: 40px !important;
    }

    .GOT_Pro_item_img_banner_1, .GOT_Pro_item_img_banner_2 {
        position: absolute;
        left: 10px;
        font-size: 16px;
    }

    .GOT_Pro_item_img_banner_1 {
        top: 10px;
        padding: 5px 10px;
        background: #00000066;
        color: #fff;
        border-radius: 50px;
    }

    .GOT_Pro_item_img_banner_2 {
        bottom: 10px;
        background: #ffffff;
        color: #2a2928;
        padding: 5px 10px;
        border-radius: 50px;
        font-weight: 700;
    }
}

/*Карточка объекта*/
@media all {
    .New_slider.gallery-wrap-item.gallery-photos.active {
        gap: 10px;
        display: grid !important;
    }

    .NewCardRealty .swiper-wrapper div {
        text-align: -webkit-center !important;
    }

    .NewCardRealty .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        max-height: 600px;
    }

    .NCRe_WR {
        display: flex;
        gap: 20px;
    }

    .NCRe_L1info {
        flex: 0 0 70%;
    }

    .NCRe_L2_wrap {
        flex: 0 0 30%;
    }

    .NCRe_L2 {
        position: sticky;
        top: 20px;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .NCRe_L2 .TeamCardRFiN {
        display: flex;
        gap: 10px;
    }

    .NCRe_L2 .TeamItem img {
        max-width: 94px;
    }

    .NCRe_L2 .TeamItPar1Box {
        align-items: start;
    }

    .NCRe_L2 .TeamItPar3 {
        margin-bottom: 0;
    }

    .NCRe_L2 .TeamItPar3a {
        margin-bottom: 0;
        margin-top: 0;
        flex: 0 1 100%;
    }

    .NCRe_L2 .TeamItemWrpar {
        width: 100%;
    }

    .NCRe_L2Par1price {
        display: flex;
        align-items: center;
        gap: 10px;
        font-size: 20px;
        font-weight: 600;
    }

    p.NCRe_L2Par1Pkvm {
        font-size: 14px;
        font-weight: 400;
        color: #757575;
    }

    .NCRe_L2Par1Box1 {
        display: flex;
        gap: 10px;
        flex-direction: column;
        width: 100%;
    }

    .NCRe_L2Par1Wr {
        display: grid;
        border-radius: 16px;
        padding: 32px;
        box-shadow: 0 4px 20px rgba(0, 0, 0, .08);
        background: #fff;
        gap: 10px;
    }

    button.NCRe_L2Par1poktel {
        display: flex;
        align-items: center;
        justify-content: center;
        outline: transparent;
        border: none;
        border-radius: 8px;
        padding: 12px 16px;
        color: #fff;
        background: #0a87e1;
        font-size: 14px;
        line-height: 1.4;
        cursor: pointer;
    }

    button.NCRe_L2Par1obrzvon {
        display: flex;
        align-items: center;
        justify-content: center;
        outline: transparent;
        border: none;
        border-radius: 8px;
        padding: 12px 16px;
        color: #82be32;
        background-color: #f0f7e7;
        font-size: 14px;
        line-height: 1.4;
        cursor: pointer;
    }
}

/*Общие*/
.w {
    width: 1280px;
    padding: 0 10px;
    max-width: 100%;
    margin: auto;
}

.container {
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    padding: 0 10px;
}

/* титульник */
@media all {
    .HEAD_Recl {
        background: #e89b0c;;
        color: white;
        display: flex;
        gap: 20px;
        align-items: center;
        justify-content: center;
        height: fit-content;
        padding: 5px;
        flex-wrap: wrap;
    }

    button.HEAD_Rbtn {
        display: flex;
        align-items: center;
        gap: 10px;
        background: white;
        height: 34px;
        border-radius: 6px;
        padding: 0 20px;
        color: #363636;
        justify-content: center;
    }

    .HEAD_Rtxt span.HEAD_Rt2 {
        font-size: 22px;
    }

    .HEAD_Rtxt span.flexAc {
        width: 26px;
        height: 26px;
        min-width: 26px;
    }

    .HEAD_Rbtn span.flexAc {
        width: 22px;
        height: 22px;
        min-width: 22px;
    }

    .HEAD_Rbtn span {
        min-width: fit-content;
        font-size: 20px;
        font-weight: 600;
    }

    .ZHead_Lft.flexAc {
        gap: 10px;
        width: 100%;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .HEAD_Rtxt {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .HEAD_Rtxt .flexAc svg {
        display: flex;
        width: 26px;
        height: 26px;
        min-width: 26px;
    }

    .HEAD_Rbtn .flexAc svg {
        display: flex;
        width: 22px;
        height: 22px;
        min-width: 22px;
    }

    .HEAD_Menu.w.flex {
        display: flex;
        flex-direction: column;
        width: 100%;
        gap: 10px;
        margin-top: 15px;
    }

    .HEAD_Menu.MenuLKBtn:hover {
        color: #e89b0c;
    }

    .HEAD_Menu.MenuLKBtn {
        background: transparent;
        gap: 10px;
    }

    .HEAD_Menu .Logo {
        min-width: fit-content;
    }

    .HEAD_Menu.Menu {
        border-radius: 8px;
        background: #E9E9E9;
        padding: 0 30px;
        align-items: anchor-center;
        justify-content: space-around;
        height: 48px;
    }

    .Logo img {
        width: 130px !important;
    }

    .HEAD_Me.MenuLine2 {
        max-width: 1280px;
        width: 100%;
        margin: 0 auto;
        padding: 0 10px;
    }

    .HEAD_Menu.Line2 {
        padding: 0;
        display: flex;
        flex-direction: column;
        gap: 10px;
        width: 100%;
    }

    .HEAD_Menu.MenuLine2Left {
        gap: 20px;
        width: 100%;
    }

    .HEAD_Menu .MenuLKBtn:active .MENU_Zz {
        color: #313132 !important;
    }

    .HEAD_Menu .MenuLKBtn:active span.flexAc {
        color: #fdfdfe !important;
    }

    .HEAD_Menu .MenuLKBtn:hover .MENU_Zz {
        color: #e89b0c;
    }

    .HEAD_Menu .MenuLKBtn:hover span.flexAc {
        background: #313131;
        color: #e89b0c;
    }

    .HEAD_Menu .MenuLKBtn {
        gap: 10px;
        color: #363636;
        background: #e89b0c26 !important;
        padding: 0 10px;
        height: 34px;
    }

    .MenuLKBtn .flexAc svg {
        display: flex;
        width: 16px;
        height: 16px;
        min-width: 16px;
    }


    .MenuLKBtn span.flexAc {
        transform: rotate(-40deg);
        background: #e89b0c;
        color: white;
        border-radius: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 23px;
        height: 23px;
        min-width: 23px;
    }

    .HEAD_M_f111 {
        font-size: 18px;
    }

    .HEAD_M_numb {
        border-right: 1px solid #3333;
        padding-right: 15px;
    }

    .MenuLKBtn .MENU_Zz:hover {
        color: #e89b0c;
    }

    .MenuLKBtn .MENU_Zz {
        color: #666060;
        font-weight: 400;
        font-size: 20px;
        min-width: fit-content;
    }


    .HEAD_Menu.Line2 li a {
        color: #666060;
        font-size: 18px;
        white-space: nowrap;
        width: fit-content;
    }

    .HEAD_M_f.flexAc {
        display: flex;
        align-items: center;
        gap: 20px;
        justify-content: space-between;
        width: 100%;
    }

    .HEAD_M_numb .flexAc svg {
        display: flex;
        width: 18px;
        height: 18px;
        min-width: 18px;
        color: #e89b0c;
    }

    .HEAD_M_numb {
        display: flex;
        align-items: center;
        gap: 10px;
        color: #655f60;
    }

    .HEAD_M_time span svg {
        display: flex;
        width: 20px;
        height: 20px;
        min-width: 20px;
        color: #e89b0c;
    }

    .HEAD_M_time.flexAc {
        gap: 10px;
        white-space: nowrap;
    }

    .HEAD_M_nwr.flexAc {
        gap: 40px;
        min-width: fit-content;
    }

    .HEAD_Menu.SD_wr1_0 {
        flex-direction: column;
        width: 100%;
    }

    .BODY_Gl.SD_wr2 {
        color: white;
    }

    .BODY_Gl.SD_wr1 {
        max-height: 100%;
        margin-top: 15px;
        padding: 0;
    }

    .BODY_img {
        width: 100%;
        min-height: 710px;
        max-height: 710px;
        position: relative;
    }

    .BODY_img img {
        border-radius: 26px;
        object-fit: cover;
        height: 100%;
        object-position: bottom;
        filter: brightness(0.6);
    }

    .FUT_BoxImg {

    }

    .BODY_Gl.SD_wr1b1 {
        top: 0;
        position: absolute;
        color: white;
        width: 1255px;
        max-width: 100%;
        margin: auto;
        align-items: center;
        z-index: 2;
    }

    .BODY_Gl.SD_wr1b1 .SD_wr1b1_1 {
        color: white;
        align-self: self-start;
        font-weight: 400;
        /* font-size: 60px;*/
        font-size: clamp(2rem, 4.5vw, 4.5rem);
        left: 33px;
        top: 10px;
        position: absolute;
        font-family: Radiotechnika;
    }

    .BODY_Glst2.BODY_Gl.SD_wr1b1_1 {
        gap: 30px;
        display: flex;
        align-self: flex-end;
        /*      font-size: 54px;*/
        font-weight: 400;
        font-size: clamp(2rem, 4vw, 4rem);
        position: absolute;
        top: 85px;
        right: 24px;
        padding: 0;
        left: auto;
        width: fit-content;
        min-width: fit-content;

    }

    .BODY_Glst2.BODY_Gl.SD_wr1b1_1 span {
        min-width: fit-content;
        font-family: Radiotechnika;
    }

    .BODY_Gl.SD_wr1b1_3btn .flexAc svg {
        display: flex;
        width: 18px;
        height: 18px;
        min-width: 18px;
    }

    .FUT_Gl {
        position: absolute;
        color: white;
        background: #ffffff3b;
        bottom: 33px;
        gap: 10px;
        justify-content: space-between;
        padding: 20px;
        border-radius: 20px;
        backdrop-filter: blur(8px);
        width: 100%;
        align-self: center;
        max-width: calc(100% - 66px);
        justify-self: anchor-center;
        flex-wrap: wrap;
        z-index: 2;
    }

    .FUT_SVZ span svg {

    }

    .FUT_SVZ:hover {
        color: #fff;
        background: #00000066;
    }

    .FUT_SVZ_ic11.flexAc:active {
        color: #007a00 !important;

    }

    .FUT_SVZ_ic22.flexAc:active {
        color: #005aa6 !important;

    }

    .FUT_SVZ_ic11.flexAc:hover {
        color: #02c402;
        cursor: pointer;
    }

    .FUT_SVZ_ic22.flexAc:hover {
        color: #0085f5;
        cursor: pointer;
    }

    .FUT_SVZ {
        position: absolute;
        color: white;
        background: #b1b1b14a;
        backdrop-filter: blur(8px);
        padding: 15px 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        right: 33px;
        bottom: 253px;
        border: 1px solid #ffffff;
        border-radius: 20px 20px 20px 6px;
        z-index: 2;
    }

    .FUT_SVZic svg {
        width: 46px;
        display: flex;
    }

    .FUT_SVZtext {
        font-size: 22px;
    }

    .BODY_Gl.modal1 {
        top: -1500px;
    }

    .FUT_SVZ_ic.flexAc {
        gap: 5px;
    }

    span.FUT_Bl_2 {
        max-width: 140px;
        font-size: 22px;
        font-weight: 400;
    }

    .BODY_Gl.SD_wr1b1_3btn.js-click-modalcv span {
        font-size: 18px;
    }

    .FUT_SVZ span {
        font-size: 22px;
    }

    .BODY_Gl.SD_wr1b1_3btn.js-click-modalcv {
        display: flex;
        align-items: center;
        gap: 15px;
        background: white;
        color: #363636;
        height: 50px;
        border-radius: 15px;
        width: fit-content;
        padding: 0 20px;
    }


    .BODY_Gl.SD_wr1b1_3btn span.flexAc {
        background: #363637;
        color: white;
        border-radius: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 35px;
        height: 35px;
        min-width: 35px;
    }

    .HEAD_Menu nav .GMBtn {
        white-space: nowrap;
        width: fit-content;
        border-bottom: none;
    }

    .FUT_Bl.flexAc {
        gap: 10px;
    }

    span.FUT_Bl_1 {
        font-size: 54px;
        font-weight: 300;
        min-width: fit-content;
    }

    .FUT_Gl .flexAc {
        gap: 10px;
    }


}

/* титульник */


/* 2 стр */
@media all {
    .STR2_ZGl.container {
        display: flex;
        flex-direction: column;
        gap: 80px;
        max-width: 1280px;
        width: 100%;
        margin: 0 auto;
        padding: 0 10px;
        margin-bottom: 150px;
        margin-top: 50px;
    }

    .STR2_BanWr {
        background: linear-gradient(95deg, #FFF 0.33%, #E3E3E3 99.68%), linear-gradient(95deg, #FFF 0.33%, #E3E3E3 99.68%);
        height: 350px;
        border-radius: 26px;
        display: flex;
        gap: 40px;
    }


    .STR2_CM_Bl {
        display: flex;
        gap: 15px;
        width: 100%;
    }

    .STR2_CM_Circl {
        width: 18px;
        min-width: 18px;
        height: 18px;
        background: #ea9c0b;;
        border-radius: 50px;
    }

    .STR2_CMain_Wr {
        display: flex;
        flex-direction: column;
    }

    .STR2_CM_Txt {
        font-size: 20px;
    }

    .STR2_Plk {
        height: 110px;
        border-right: 2px dashed #bdbdbd;
    }

    .STR2_Cont_H1 {
        font-size: 28px;
        font-family: Radiotechnika;
    }

    .STR2_CMain {
        display: flex;
        gap: 40px;
        align-items: center;
    }

    .STR2_Plk_2 {
        width: 100%;
        border-bottom: 2px dashed #bdbdbd;
    }

    .PREM_pre_Txt {
        font-size: 22px;
    }


    .STR2_Ban_h2 {
        font-size: 40px;
        background: #e89b0c;;
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-family: Radiotechnika;
    }

    .STR2_Cont_Wr {
        display: flex;
        flex-direction: column;
        gap: 60px;
    }


    .STR2_B_h1 {
        font-size: 40px;
        font-weight: 400;
        font-family: Radiotechnika;
    }


    .STR2_BanImg {
        width: 100%;
        background-image: url(/img/2str_home.png);
        border-radius: 26px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        object-fit: cover;
    }

    .STR2_B_Cont {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 40px;
        padding: 20px 0 20px 20px;
        align-self: center;
    }


}

/* 2 стр */


/* 3 стр преимущества*/
@media all {
    .PREM_Gl.container {
        display: flex;
        gap: 60px;
        justify-content: center;
        align-items: center;
        margin-bottom: 150px;
    }

    .PREM_H1 .flexAc svg {
        display: flex;
        width: 50px;
        height: 50px;
        min-width: 50px;
    }

    .PREM_H1 div {
        font-family: Radiotechnika;
    }

    .PREM_H1 .flexAc {
        min-width: 50px;
    }

    .PREM_Bl1 {
        display: flex;
        flex-direction: column;
        gap: 40px;
        width: 100%;
    }

    .PREM_H1 {
        display: flex;
        align-items: start;
        gap: 15px;
        font-size: 40px;
        font-weight: 400;
        width: 100%;
    }

    .PREM_Gl .PREM_Bl1_Img {
        background-image: url(/img/2str_preim.png);
        width: 100%;
        min-height: 410px;
        border-radius: 26px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        object-fit: cover;
        height: 50vh;
    }

    .PREM_Bl2 {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 100%;
        gap: 60px;
        align-self: flex-end;
    }

    .PREM_preim .flexAc svg {
        width: 70px;
        height: 70px;
        min-width: 70px;
        display: flex;
    }

    .PREM_preim .flexAc {
        position: absolute;
        bottom: 115px;
        left: -36px;
        background: #ffffff;
        border-radius: 100px;
        height: 80px;
        width: 80px;
        min-width: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #ea9c0b;
    }

    .PREM_preim .flexAc.PREM_preim111 svg {
        width: 55px;
        height: 55px;
        min-width: 55px;
        display: flex;
    }

    .PREM_preim .flexAc.PREM_preim222 svg {
        width: 60px;
        height: 60px;
        min-width: 60px;
        display: flex;
    }

    .PREM_preim {
        background: #efefef;
        padding: 20px 20px 20px 60px;
        border-radius: 20px;
        display: flex;
        flex-direction: column;
        position: relative;
        flex: 1 0 100%;
        min-height: 158px;
    }

    .flexAc.PRICH_MBl_tIccc {
        width: 30px;
        height: 30px;
        min-width: 30px;
        display: flex;
    }

    .flexAc.HOME_C_BtnIccc {
        background: white;
        color: #363636;
        width: 22px;
        height: 22px;
        min-width: 22px;
        border-radius: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .PREM_pre_H1 {
        color: #666060;
        font-weight: 400;
        font-size: 28px;
    }

    .PREM_pre_WR {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
}

/* 3 стр преимущества*/

/*4 стр типы домов*/
@media all {
    .HOME_Type.container {
        display: flex;
        flex-direction: column;
        gap: 40px;
        margin-bottom: 0;
    }

    .HOME_MBl {
        display: flex;
        flex-direction: column;
        gap: 40px;
    }

    .flexAc.HOME_C_BtnIccc svg {
        width: 12px;
        height: 12px;
        min-width: 12px;
        display: flex;
    }

    .HOME_Block {
        grid-template-columns: repeat(auto-fill, minmax(162px, 1fr));
        display: grid;
        gap: 30px;
        align-items: center;
    }

    .HOME_Cont_wr {
        padding: 15px;
        color: white;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        font-size: 22px;
        width: 100%;
        min-height: 200px;
        border-radius: 26px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        object-fit: cover;
        position: relative;
    }


    .HOME_Cont_wr.HOME_C_img1 {
        background-image: linear-gradient(#00000073, #ffffff00), url(/img/3str_home1.png);
    }

    .HOME_Cont_wr.HOME_C_img2 {
        background-image: linear-gradient(#00000073, #ffffff00), url(/img/3str_home2.png);
    }

    .HOME_Cont_wr.HOME_C_img3 {
        background-image: linear-gradient(#00000073, #ffffff00), url(/img/3str_home3.png);
    }

    .HOME_Cont_wr.HOME_C_img4 {
        background-image: linear-gradient(#00000073, #ffffff00), url(/img/3str_home4.png);
    }

    .HOME_Cont_wr.HOME_C_img5 {
        background-image: linear-gradient(#00000073, #ffffff00), url(/img/3str_home5.png);
    }

    .HOME_Cont_wr.HOME_C_img6 {
        background-image: linear-gradient(#00000073, #ffffff00), url(/img/3str_home6.png);
    }


    .HOME_C_Btn.flexAc:active .flexAc.HOME_C_BtnIccc {
        background: #ffffff !important;
        color: #313132 !important;
    }

    .HOME_C_Btn.flexAc:active {
        background: #0000005E !important;
        border: 1px solid #ffffff !important;
    }


    .HOME_C_Btn.flexAc:hover .flexAc.HOME_C_BtnIccc {
        background: #ea9c0b;
        color: #ffffff;
    }

    .HOME_C_Btn.flexAc:hover {
        background: #0000005E;
        border: 1px solid #ea9c0b;
    }

    .HOME_Cont_wr:hover .HOME_C_Btn {
        opacity: 1;
    }

    .HOME_C_Btn.flexAc {
        transition: .3s all;
        opacity: 0;
        width: 100%;
        border-radius: 52px;
        border: 1px solid #FFF;
        color: #fff;
        background: rgba(235, 235, 235, 0.37);
        backdrop-filter: blur(10px);
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        height: 38px;
        cursor: pointer;
        user-select: none;
        font-size: 16px;
    }

    .HOME_H1_Wr {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .HOME_H1 {
        font-size: 40px;
        font-family: Radiotechnika;
    }

    .HOME_H1_123 {
        font-size: 40px;
        width: fit-content;
        align-self: self-end;
    }

    .HOME_H1_123 {
        background: #ea9c0b;;
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
        font-family: Radiotechnika;
    }

    .HOME_H1_123 span {
        font-family: Radiotechnika;
    }


    span.HOME_H_bl {
        color: #323941;
    }

}

/*4 стр типы домов*/


/*новые проекты домов*/
@media all {
    .Got_HomeGL.container {
        display: flex;
        flex-direction: column;
        gap: 40px;
        margin-top: 30px;
    }

    .Got_HomeGL .selectBox {
        border-radius: 8px;
    }

    .Got_HomeGL .CatFilProjWR {
        align-items: flex-end;
    }

    .Got_HomeGL .F_btn_sesrchEnter:active {
        background: #e89b0c !important;
        color: #2a2928 !important;
    }

    .Got_HomeGL .F_btn_sesrchEnter:hover {
        background: #e89b0c;
    }

    .Got_HomeGL .F_btn_sesrchEnter {
        height: 49px;
        background: #2a2928;
        justify-content: center;
        width: 100%;
        font-size: 16px;
    }

    .GOTd_16.CatFilProjB2 {
        font-size: 16px;
        font-weight: 600;
    }

    .GOTd_16.CatFilProjB1 {
        font-size: 16px;
        font-weight: 600;
    }

    .GOTd_16.F_btn_sesrchEnter {
        display: flex;
        align-items: center;
        gap: 12px;
    }

    .GOTd_16 .GOTd_16spp svg {
        width: 24px;
        height: 24px;
        min-width: 24px;
    }

    span.GOTd_16spp {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 28px;
        height: 28px;
        min-width: 28px;
        border-radius: 30px;
        transform: rotate(45deg);
        background: #ffffff;
        color: #2a2928;
    }

    .GOTd_16 .selectBox:hover {
        background: #e0e0e0;
        border-color: #b3b3b3;
    }

    .GOTd_16 .multi-checkboxes {
        border-radius: 8px;
        top: 55px;
    }

    .GOTd_16 .multi-checkboxes:hover {
        border: 1px #e89b0c solid;
    }

    .GOTd_16 .selectBox.active {
        border: 1px #e89b0c solid;
        background: white;
    }

    .GOTd_16 .multi-checkboxes label:hover {
        background: #313131;
        color: #ffffff;
    }

    .GOTd_16 .multi-checkboxes label {
        line-height: 1.2;
        height: 48px;
        font-weight: 500;
    }

    .GOTd_16 .multi-checkboxes.CheckBtnBox input[type=checkbox]:hover {
        border-color: #ffffff;
        background: #31313121;
    }

    .GOTd_16 .CheckBtnBox input[type=checkbox]:checked {
        color: #fff;
        border-color: #e89b0c;
        background: #e89b0c;
    }

}

/*новые проекты домов*/


/*Модалка - срок строительства*/
@media all {
    .CRS_Gl.container {
        margin-top: 100px;
        margin-bottom: 100px;
        background-image: linear-gradient(280deg, #ffffff2b, #ffffff2b), url(/img/katalog.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        object-fit: cover;
        min-height: 822px;
        position: relative;
        width: 100%;
        max-width: 1280px;
        border-radius: 0;
        padding: 0 10px;
    }

    .ST_MOD_Ot_cont svg {
        width: 70px;
        height: 70px;
        min-width: 70px;
        display: flex;
    }

    .ST_MOD_Ot_cont {
        display: flex;
        flex-direction: column;
        gap: 20px;
        align-items: center;
        font-size: 28px;
        text-align: center;
    }

    .ST_MOD_Vntr {
        display: flex;
        flex-direction: column;
        gap: 40px;
    }


    .ST_MOD_Ot_Btn:active {
        background: #545454 !important;
        color: white;
    }

    .ST_MOD_Ot_Btn:hover {
        background: #d8d8d8;
    }

    .ST_MOD_Ot_Btn {
        width: 100%;
        background: #ededed;
        padding: 0 10px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        border-radius: 30px;
        cursor: pointer;
        user-select: none;
    }

    .ST_MOD_Ot {
        height: 100%;
        /*    background: linear-gradient(132deg, #ffffff, #ededed);*/
        background: #ffffff;
        padding: 20px;
        border-radius: 15px;
        display: flex;
        gap: 40px;
        align-items: center;
        justify-content: center;
        /*  border: 1px solid #e5e5e5;*/
        color: #545454;
        width: 100%;
    }

    .CRS_Mod {
        width: 100%;
        max-width: 420px;
        background: #ffffff;
        padding: 20px;
        border-radius: 20px;
        position: absolute;
        right: 0;
        bottom: 160px;
        display: flex;
        flex-direction: column;
        gap: 20px;
        box-shadow: 0 0 32px #bfbfbf6e;
    }

    form.CRS_Mod_Form {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    label.CRS_MZag, .CRS_MZag {
        display: flex;
        flex-direction: column;
        gap: 5px;
        font-size: 18px;
    }

    .CRS_csel {
        position: relative;
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 5px;
        font-size: 18px;
    }

    .CRS_Cselected:hover {
        border-color: #ea9c0b;
    }

    .CRS_Cselected {
        padding: 0 10px;
        border: 1px solid #ccc;
        cursor: pointer;
        border-radius: 8px;
        height: 44px;
        align-content: center;
    }

    .CRS_Cselected:after {
        content: "";
        position: absolute;
        right: 10px;
        top: 69%;
        transform: translateY(-50%);
        width: 20px;
        height: 20px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='currentColor' d='M831.872 340.864L512 652.672L192.128 340.864a30.59 30.59 0 0 0-42.752 0a29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728a30.59 30.59 0 0 0-42.752 0z'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }


    .CRS_items {
        display: none;
        position: absolute;
        left: 0;
        right: 0;
        background: #fff;
        border: 1px solid #ccc;
        z-index: 99;
        border-radius: 8px;
        top: 110%;
        padding: 5px;
    }

    .CRS_items div {
        padding: 0 10px;
        cursor: pointer;
        border-radius: 8px;
        height: 36px;
        align-content: center;
    }

    .CRS_items div:hover {
        background: #313233;
        color: white;
    }

    .CRS_items div:active {
        background: #e89b0c !important;
        color: white;
    }

    .CRS_csel222 {
        position: relative;
        width: 100%;
        font-size: 18px;
    }

    .CRS_Cselected222 {
        padding: 8px 16px;
        border: 1px solid #ccc;
        border-radius: 8px;
        cursor: pointer;
        margin-top: 5px;
        position: relative;
        height: 44px;
        align-content: center;
        font-size: 16px;
        color: #ffffff;
    }

    .CRS_Cselected222::after {
        content: "";
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        width: 20px;
        height: 20px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='white' d='M831.872 340.864L512 652.672L192.128 340.864a30.59 30.59 0 0 0-42.752 0a29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728a30.59 30.59 0 0 0-42.752 0z'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        transition: transform 0.2s;
    }

    .CRS_csel222.active .CRS_Cselected222::after {
        transform: translateY(-50%) rotate(180deg);
    }

    .CRS_items222 {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: #fff;
        border: 1px solid #ccc;
        border-radius: 0 0 4px 4px;
        border-top: none;
        z-index: 99;
        max-height: 200px;
        overflow-y: auto;
    }

    .CRS_items222 div {
        padding: 8px 16px;
        cursor: pointer;
        color: #363636;
        border-radius: 8px;
    }

    .CRS_items222 div:hover {
        background-color: #f5f5f5;
    }

    .CRS_M_Btn.flexAc span {
        font-size: 18px;
    }

    .CRS_MZag input[type="text"]:focus {
        border-bottom: 1px solid #e89b0c;
    }

    .CRS_MZag input[type="text"]:hover {
        border-bottom: 1px solid #e89b0c;
    }

    .CRS_MZag input[type="text"] {
        height: 40px;
        border-bottom: 1px solid #dbdbdb;
        background: none;
        padding: 0;
        font-size: 16px;
    }

    .CRS_MZag select:focus {
        border: 1px solid #e69a0c;
    }

    .CRS_MZag select:hover {
        border: 1px solid #e69a0c;
    }

    .CRS_MZag select {
        height: 48px;
        border: 1px solid #dbdbdb;
        background: none;
        border-radius: 8px;
        padding: 0 15px;
        color: #838383;
        font-size: 16px;
    }

    button.CRS_M_Btn.flexAc:active span.flexAc {
        background: #ffffff !important;
        color: #363636 !important;
    }

    button.CRS_M_Btn.flexAc:active {
        border: 1px solid #363636 !important;
        background: #363636 !important;
        color: #ffffff !important;
    }

    button.CRS_M_Btn.flexAc:hover span.flexAc {
        background: #ea9c0b;
        color: #ffffff;
    }

    button.CRS_M_Btn.flexAc:hover {
        border: 1px solid #363636;
        background: #363636;
        color: #ea9c0b;
    }

    button.CRS_M_Btn.flexAc span.flexAc {
        background: #363636;
        color: white;
        width: 30px;
        height: 30px;
        min-width: 30px;
        border-radius: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    button.CRS_M_Btn.flexAc span.flexAc svg {
        width: 24px;
        height: 24px;
        min-width: 24px;
        display: flex;
        transform: rotate(45deg);
    }

    button.CRS_M_Btn.flexAc {
        gap: 15px;
        background: #efefef;
        justify-content: center;
        align-items: center;
        border-radius: 12px;
        height: 55px;
        border: 1px solid #3f39395e;
    }

    button.CRS_M_Btn .flexAc svg {
        display: flex;
        width: 30px;
        height: 30px;
        min-width: 30px;
    }

    .CRS_Mod_h1 {
        font-size: 28px;
        text-align: center;
    }

    .CRS_Mod_h1 .CRS_Mod_Gold {
        background: #ea9c0b;;
        border-radius: 50px;
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }

}

/*6 причин*/
@media all {
    .PRICH_Gl.container {
        display: flex;
        flex-direction: column;
        gap: 40px;
        max-width: 1280px;
        width: 100%;
        margin: 0 auto;
        padding: 0 10px;
        margin-bottom: 100px;
        margin-top: 100px;
    }

    .PRICH_Main {
        display: flex;
        flex-direction: column;
    }

    .PRICH_MBl_txt div.flexAc {
        gap: 15px;
        align-items: center;
        font-size: 20px;
    }

    .PRICH_MH1 {
        font-size: 28px;
    }

    .PRICH_Cont {
        font-size: 20px;
    }

    .PRICH_MBl_img {
        min-height: 350px;
    }

    .PRICH_MBl {
        display: flex;
        align-items: center;
        gap: 60px;
    }

    .PRICH_MBl_txt {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .PRICH_img1 {
        background-image: url(/img/imgprich_1.png);
        width: 100%;
        border-radius: 20px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        object-fit: cover;
    }

    .PRICH_img2 {
        background-image: url(/img/imgprich_2.png);
        width: 100%;
        border-radius: 20px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        object-fit: cover;
    }

    .PRICH_img3 {
        background-image: url(/img/imgprich_3.png);
        width: 100%;
        border-radius: 20px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        object-fit: cover;
    }

    .PRICH_img4 {
        background-image: url(/img/imgprich_4.png);
        width: 100%;
        border-radius: 20px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        object-fit: cover;
    }

    .PRICH_img5 {
        background-image: url(/img/imgprich_5.png);
        width: 100%;
        border-radius: 20px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        object-fit: cover;
    }

    .PRICH_img6 {
        background-image: url(/img/imgprich_6.png);
        width: 100%;
        border-radius: 20px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        object-fit: cover;
    }

    .PRICH_Cont {
        font-size: 18px;
        font-weight: 400;
    }

    .PRICH_MBl_txt .flexAc svg {
        width: 35px;
        height: 35px;
        min-width: 35px;
        display: flex;
        color: #e1a831;
    }

    .PRICH_MBl_tIccc.PRICH_tIccc111 svg {
        width: 32px;
        height: 32px;
        min-width: 32px;
        display: flex;
    }


    .PRICH_GlZagl.flexAc {
        display: flex;
        align-items: center;
        gap: 20px;
        font-size: 40px;
    }

    .PRICH_GlZagl.flexAc span {
        font-family: Radiotechnika;
    }

    .span .HOME_H1_123 {
        background: #ea9c0b;;
        border-radius: 50px;
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }


}

/*6 причин*/


/* рассчитать стоимость */
@media all {
    .RAS_Ntpn.container {
        margin-top: 50px;
        margin-bottom: 100px;
        display: flex;
        flex-direction: column;
        gap: 40px;
    }

    .RAS_H1_1str {
        display: flex;
        align-items: center;
        gap: 20px;
        font-size: 40px;
        margin-bottom: 10px;
        width: fit-content;
        flex-wrap: wrap;
        font-family: Radiotechnika;
    }

    .RAS_H1_1str div {
        font-family: Radiotechnika;
    }

    .RAS_H1_2str {
        display: flex;
        align-items: center;
        gap: 20px;
        font-size: 40px;
        width: fit-content;
        float: inline-end;
    }

    .RAS_H1_2str div {
        font-family: Radiotechnika;
    }

    .RAS_H1_1str .RAS_H1_gold, .RAS_H1_2str .RAS_H1_gold {
        background: #ea9c0b;;
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
        font-family: Radiotechnika;
    }

    .RAS_Cont_1 {
        display: grid;
        grid-template-columns: 2fr 3fr;
        gap: 20px;
    }

    .RAS_Cont_2 {
        display: grid;
        grid-template-columns: 2fr 1fr;
        gap: 20px;
    }

    .RAS_ContWr {
        display: flex;
        flex-direction: column;
        gap: 40px;
    }

    .RAS_Cont_1Wr {
        display: flex;
        flex-direction: column;
        background: #363636;
        color: white;
        padding: 20px;
        border-radius: 20px;
        height: fit-content;
    }

    .RAS_Cont_1_H1 {
        display: flex;
        align-items: center;
        gap: 15px;
        font-weight: 300;
        border-bottom: 1px solid #ffffff;
        border-image: #e89b0c;;
        border-image-slice: 1;
        margin: -20px;
        padding: 20px;
        font-size: 20px;
        margin-bottom: 20px;
    }

    .RAS_Cont_1_H1 div {
        font-size: 22px;
    }

    .RAS_C1_ic.flexAc {
        display: flex;
        width: 24px;
        height: 24px;
        min-width: 24px;
        color: #ffffff;
    }

    form.RAS_Form {
        display: flex;
        flex-direction: column;
        gap: 20px;
        width: 100%;
    }

    .RAS_MZag input[type="text"]:focus {
        border-bottom: 1px solid #ea9c0b;
    }

    .RAS_MZag input[type="text"]:hover {
        border-bottom: 1px solid #ea9c0b;
    }

    .RAS_MZag input[type="text"] {
        height: 48px;
        border-bottom: 1px solid #dbdbdb;
        background: none;
        padding: 0;
        color: white;
        font-weight: 100;
    }

    .RAS_MZag input[type="text"]::placeholder {
        color: #ffffff;
        font-weight: 100;
    }

    .RAS_MZag select:focus {
        border: 1px solid #ea9c0b;
    }


    .RAS_MZag select:hover {
        border: 1px solid #ea9c0b;
    }

    .RAS_MZag select {
        height: 48px;
        border: 1px solid #dbdbdb;
        background: none;
        border-radius: 8px;
        padding: 0 15px;
        color: #ffffff;
        font-weight: 100;
    }

    .RAS_MZag select option {
        color: #363637;
    }

    .RAS_MZag {
        display: flex;
        flex-direction: column;
        gap: 10px;
        font-size: 18px;
        font-weight: 200;
    }

    .RAS_C_Block {
        display: flex;
        flex-direction: column;
        gap: 40px;
        align-items: center;
        justify-content: center;
    }

    button.RAS_BtnWr {
        display: flex;
        align-items: center;
        gap: 15px;
        justify-content: center;
        background: #ffffff;
        border-radius: 12px;
        height: 55px;
        font-size: 16px;
    }

    button.RAS_BtnWr span {
        font-size: 20px;
    }

    button.RAS_BtnWr:active .flexAc {
        background: #363636 !important;
    }

    button.RAS_BtnWr:active {
        color: #363636 !important;
        background: #ea9c0b !important;
    }

    button.RAS_BtnWr:hover .flexAc {
        background: #ea9c0b;
    }

    button.RAS_BtnWr:hover {
        color: #ea9c0b;
    }

    span.RAS_BtnIc.flexAc {
        background: #363636;
        width: 35px;
        height: 35px;
        min-width: 35px;
        border-radius: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
    }

    .RAS_Img1 {
        background-image: url(/img/ras_img_1.png);
        width: 100%;
        border-radius: 26px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        object-fit: cover;
    }

    .RAS_Img2 {
        background-image: url(/img/ras_img_2.png);
        width: 100%;
        min-height: 400px;
        border-radius: 26px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        object-fit: cover;
    }

    .RAS_Img3 {
        background-image: url(/img/ras_img_3.png);
        width: 100%;
        min-height: 400px;
        border-radius: 26px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        object-fit: cover;
    }

}

/* рассчитать стоимость */


/* новоселье */
@media all {
    .NOVS_Gl.container {
        margin-top: 100px;
        margin-bottom: 100px;
        background-image: linear-gradient(280deg, #ffffff40, #ffffff), url(/img/oblac_img.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        object-fit: cover;
        min-height: 822px;
        position: relative;
        width: 100%;
        max-width: 1280px;
        display: flex;
        flex-direction: column;
        gap: 100px;
        padding: 60px 20px 60px 20px;
        border-radius: 20px;
    }

    .NOVS_TxtWr {
        font-size: 48px;
        display: grid;
        grid-template-columns: 2fr 1fr;
        gap: 40px;
    }

    .NOVS_Txt.flexAc {
        width: fit-content;
        display: flex;
        align-items: center;
        gap: 20px;
        font-size: 40px;
    }

    .NOVS_Txt.flexAc div {
        font-family: Radiotechnika;
    }

    .NOVS_TxtWr1111 {
        display: flex;
        flex-direction: column;
        gap: 5px;
        min-width: fit-content;
    }


    .NOVS_TxtWr_a {
        font-size: 40px;
        font-family: Radiotechnika;
    }

    .NOVS_Txt .NOVS_Txt_gold {
        background: #ea9c0b;;
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }

    .NOVS_MainTxt222 {
        background: #ffffff4d;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 20px;
        border-radius: 20px;
        backdrop-filter: blur(20px);
        border: 1px solid #b5b5b5;
        font-size: 18px;
        margin-right: 30px;
    }

    .NOVS_img_home {
        background-image: url(/img/home_hand2.png);
        min-height: 400px;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        object-fit: cover;
        position: absolute;
        width: 600px;
        min-width: 600px;
        max-width: 600px;
        height: 600px;
        right: -20px;
        bottom: -60px;
        border-radius: 0;
    }

    .NOVS_Cont {
        position: relative;
    }

    .NOVS_Cont_Inf {
        width: 100%;
        max-width: 500px;
        display: flex;
        flex-direction: column;
        gap: 40px;

    }

    .NOVS_Inf_Wr {
        display: grid;
        grid-template-columns: 1fr 15fr;
        gap: 20px;
    }

    .NOVS_Inf_ic {
        background: #ea9c0b;
        width: 50px;
        height: 50px;
        min-width: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 6px;
        color: white;
    }

    .NOVS_Inf_ic svg {
        width: 33px;
        height: 38px;
        min-width: 33px;
    }


    .NOVS_Inf_txt {
        font-size: 18px;
    }

    .NOVS_img_birds {
        background-image: url(/img/birds.png);
        border-radius: 26px;
        background-position: center;
        background-repeat: no-repeat;
        object-fit: cover;
        background-size: contain;
        position: absolute;
        top: -85px;
        right: 420px;
        width: 250px;
        min-width: 250px;
        max-width: 250px;
        height: 250px;
    }

}

/* новоселье */

/* Ипотечный калькулятор */
@media all {
    .mortgage_calc_1line {
        display: flex;
        justify-content: space-between;
        gap: 10px;
        flex-wrap: wrap;
    }

    .mortgage_calc_l_icon svg {
        display: flex;
        width: 240px;
        height: auto;
    }

    .m_c_1line_left_icon svg {
        width: 52px;
        height: 40px;
        min-width: 52px;
        display: flex;
    }

    .m_c_1line_left_text {
        white-space: nowrap;
    }

    .m_c_1line_right_icon svg {
        width: 35px;
        height: 35px;
        min-width: 35px;
        display: flex;
        color: #ea9c0b;
    }

    .m_c_1line_left, .m_c_1line_right {
        justify-content: center;
        align-items: center;
        gap: 20px;
        font-size: 28px;
    }

    .m_c_1line_right_item {
        align-items: center;
        justify-content: center;
        gap: 10px;
    }

    .mortgage_calc_wrap {
        background: rgba(60, 54, 54, 1);
        box-shadow: 0px 0px 20px 0px rgba(108, 108, 108, 0.25);
        border-radius: 16px;
        padding: 10px;
        display: flex;
    }

    .mortgage_calc_left {
        flex-direction: column;
        gap: 30px;
        width: 50%;
        align-items: center;
        justify-content: space-between;
        padding: 10px;
        border-right: 2px dashed rgba(196, 196, 196, 1);
    }

    .mortgage_calc_l_text {
        width: 100%;
        justify-content: space-between;
        color: rgba(255, 255, 255, 1);
        font-size: 24px;
        gap: 10px;
    }

    span.Total_sum_value {
        min-width: fit-content;
    }

    .m_c_1line_right_icon {
        min-width: fit-content;
    }

    .mortgage_calc_l_text_1 {
        color: rgba(255, 255, 255, 1);
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .CALC_Gl {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .mortgage_calc_right {
        width: 50%;
        padding: 10px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .mortgage_calc_r_title {
        align-items: center;
        gap: 15px;
        font-size: 28px;
        color: rgba(255, 255, 255, 1);
    }

    .Mortgage_calculator .noUi-target {
        height: 18px !important;
        border-radius: 18px !important;
        margin: 0 9px;
    }

    .Mortgage_calculator .noUi-connects {
        border-radius: 18px !important;
    }

    .Mortgage_calculator .connect-custom {
        background: rgba(167, 167, 167, 1) !important;
    }

    .Mortgage_calculator .noUi-handle:before {
        content: url(/img/svg/sliderHouse.svg);
    }

    .Mortgage_calculator .noUi-handle {
        background: none !important;
        border: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    .Calculator_input, #mortgage_range_value {
        color: rgba(255, 255, 255, 1);
        font-size: 32px;
        font-weight: 400;
        background: none;
    }

    .mortgage_calc_r_t_icon svg {
        width: 35px;
        height: 35px;
        min-width: 35px;
        display: flex;
        color: #ea9c0b;
    }

    .mortgage_calc_r_btn svg {
        display: flex;
        min-width: 30px;
        transform: rotate(45deg);
        background: #3c3636;
        border-radius: 100px;
        height: 30px;
        width: 30px;
        color: white;
    }


    .mortgage_calc_r_btn:active {
        color: #363637 !important;
        background: #ea9c0b !important;
    }

    .mortgage_calc_r_btn:active svg {
        color: #ffffff !important;
        background: #363637 !important;
    }

    .mortgage_calc_r_btn:hover {
        color: #ea9c0b;
    }

    .mortgage_calc_r_btn:hover svg {
        color: #ffffff;
        background: #ea9c0b;
    }

    .mortgage_calc_r_btn {
        cursor: pointer;
        height: 55px;
        min-height: 55px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 5px;
        color: rgba(76, 84, 93, 1);
        font-size: 18px;
        border-radius: 40px;
        background: rgb(255, 255, 255);
    }
}

/* Ипотечный калькулятор */

/* Наши партнеры */
@media all {
    .our_partners_wrap {
        display: flex;
        flex-direction: column;
        gap: 40px;
        margin-bottom: 20px;
    }

    .our_partners_title {
        font-size: 40px;
        text-align: center;
        font-family: Radiotechnika;
    }

    .our_partners_item_text {
        font-size: 18px;
        text-align: center;
    }


    .our_partners_items {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        gap: 15px;
    }

    .our_partners_item {
        background: rgba(237, 237, 237, 1);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 10px;
        gap: 10px;
        border-radius: 16px;
        height: 130px;
    }

    .our_partners_item_icon img {
        width: 50px;
        height: 50px;
    }
}

/* Наши партнеры */

/* Вопрос ответ */

@media all {
    .VO_Gl .VO_gold {
        background: #ea9c0b;;
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
        font-family: Radiotechnika;
    }


    .VO_Gl.container {
        margin-top: 50px;
        margin-bottom: 100px;
        display: flex;
        flex-direction: column;
        gap: 40px;
    }

    .question_answer_wrap {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }

    .question_answer_item {
        background: #ededed;
        padding: 15px;
        display: flex;
        flex-direction: column;
        border-radius: 16px;
        font-size: 20px;
        cursor: pointer;
        min-height: 85px;
        height: fit-content;
    }

    .question_answer_item_question {
        display: flex;
        justify-content: space-between;
    }

    .question_answer_item_q_icon svg {
        color: #ea9c0b;
        font-size: 26px;
        transition: transform 0.5s;
    }

    .question_answer_item_q_icon.active svg {
        transform: rotate(225deg);
    }

    .question_answer_item_answer {
        display: none;
        font-size: 16px;
        padding: 10px 10px 10px 0;
    }
}

/* Вопрос ответ */

/* Контакты */
@media all {
    #contacts_Zarya {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .contacts_1block {
        display: flex;
        gap: 25px;
        padding: 20px;
        background: rgba(60, 54, 54, 1);
        border-radius: 16px;
    }

    .contacts_1block_left, .contacts_1block_right {
        display: flex;
        flex-direction: column;
        gap: 25px;
        width: 50%;
        height: 370px;
        border-radius: 16px;
    }

    body .CONT_GL .contacts_1block_r_r_i_icon {
        width: 40px;
        height: 40px;
        min-width: 40px;
        display: flex;
    }

    .CONT_GL .contacts_2block_i_icon svg {
        width: 30px;
        height: 30px;
        min-width: 30px;
    }

    .CONT_GL .contacts_2block_i_icon svg {
        width: 40px;
        height: 40px;
        min-width: 40px;
        display: flex;
    }

    .CONT_GL .contacts_1block_left {
        width: 100%;
    }

    .CONT_GL .contacts_2block {
        grid-template-columns: repeat(auto-fill, minmax(415px, 1fr));
    }

    .CONT_GL .contacts_1block_right {
        width: 100%;
    }

    .CONT_GL .contacts_1block {
        grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
        display: grid;
    }

    .contacts_1block_left img {
        width: 100%;
        height: 100%;
    }

    .contacts_1block_right {
        padding: 20px;
        background: #fff;
    }

    .contacts_1block_r_title {
        display: flex;
        gap: 10px;
        font-size: 28px;
        font-weight: 400;
    }

    .contacts_1block_r__rek {
        display: flex;
        flex-direction: column;
        gap: 25px;
    }

    .contacts_1block_r_r_item {
        display: flex;
        gap: 10px;
        width: 100%;
        align-items: center;
    }

    .contacts_1block_r_r_i_text {
        display: flex;
        justify-content: space-between;
        font-size: 20px;
        font-weight: 400;
        width: 100%;
    }

    .contacts_2block {
        display: grid;
        grid-template-columns: 1fr 1fr;
        color: #fff;
        gap: 25px;
    }

    .contacts_2block_item {
        display: flex;
        gap: 10px;
        padding: 20px;
        background: rgba(49, 49, 49, 1);
        border-radius: 16px;
    }

    .contacts_2block_i_text {
        display: flex;
        flex-direction: column;
        gap: 10px;
        font-size: 28px;
        font-weight: 400;
    }

    .contacts_2block_i_t_1 {
        color: rgba(166, 166, 166, 1);
    }
}

/* Контакты */

/* Где построим */
@media all {
    .GMPVD_Wr.container {
        max-width: 1280px;
        width: 100%;
        margin: 0 auto;
        padding: 0 10px;
        margin-top: 50px;
        margin-bottom: 100px;
        display: flex;
        flex-direction: column;
        gap: 40px;
    }

    .GMPVD_H1Bl {
        display: flex;
        align-items: center;
        gap: 20px;
        font-size: 40px;
        flex-wrap: wrap;
    }

    .GMPVD_H1Bl div {
        font-family: Radiotechnika;
    }

    .GMPVD_H1_gold {
        background: #ea9c0b;;
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }

    .GMPVD_BLOck img {
        object-fit: cover;
        height: 100%;
        max-height: 200px;
        border-radius: 15px 15px 0 0;
        border: 1px solid #d7d7d7;
        border-bottom: none;
        object-position: top;
        min-height: 200px;
    }

    .GMPVD_BLOck {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .GMPVD_BL_img {
        background-image: url(/img/noPhoto.png);
        width: 100%;
        min-height: 280px;
        border-radius: 15px 15px 0 0;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        object-fit: cover;
    }

    .GMPVD_BL_Cont {
        background: #363636;
        color: white;
        padding: 10px;
        border-radius: 0 0 15px 15px;
        display: flex;
        flex-direction: column;
        gap: 10px;
        font-size: 16px;
        height: 100%;
        max-height: 200px;
        justify-content: space-between;
        min-height: 200px;
    }

    .GMPVD_BL_1str {
        display: flex;
        align-items: center;
        gap: 10px;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .GMPVD_BL_2str {
        display: flex;
        align-items: center;
        gap: 10px;
        overflow: auto;
        max-height: 83px;
        overscroll-behavior: contain;
        cursor: pointer;
    }

    .GMPVD_BL.button svg {
        width: 22px;
        height: 22px;
        min-width: 22px;
    }

    .GMPVD_BL.button span.GMPVD_BLspp {
        background: #363636;
        color: white;
        width: 30px;
        height: 30px;
        min-width: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 30px;
        transform: rotate(45deg);
    }

    .GMPVD_BL.button:hover span.GMPVD_BLspp {
        background: #ffffff;
        color: #363636;
    }

    .GMPVD_BL.button:active {
        background-color: #ea9c0b !important;
        color: #363636 !important;
        border-color: #ea9c0b !important;
    }

    .GMPVD_BL.button:hover {
        background-color: #363636;
        color: #ffffff;
        border-color: #ffffff;
    }

    .GMPVD_BL.button {
        background-color: #ffffff;
        color: #343a40;
        border-radius: 30px;
        height: 42px;
        font-weight: 600;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        font-size: 16px;
    }

    .GMPVD_BL_2str div {
        font-size: 18px;
        min-width: 22px;
    }

    .GMPVD_BL_2str .flexAc svg {
        width: 22px;
        height: 22px;
        min-width: 22px;
        display: flex;
        color: #ea9c0b;
    }

    .GMPVD_BL_1SUmm {
        font-size: 24px;
    }

    .GMPVD_BLOck_Wr {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
        gap: 80px;
    }


}

/* Где построим */


/* Карточка объекта */
@media all {
    .KOB_Wr.container {
        margin-top: 50px;
        margin-bottom: 100px;
        display: flex;
        flex-direction: column;
        gap: 40px;
    }

    .KOB_H1 {
        font-size: 40px;
    }

    span.VO_gold {
        background: #ea9c0b;;
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }

    .KOB_Main {
        display: flex;
        gap: 20px;
    }

    .New_slider {
        display: grid;
        gap: 15px;
        max-height: 583px;
        min-height: 100%;
        width: 60%;
    }

    .New_SLD.swiper-wrapper {
        gap: 15px;
    }

    .KOB_img_2 {
        /*  background-image: url(/img/noPhoto.png);*/
        min-height: 100%;
        border-radius: 20px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        object-fit: cover;
        width: 100%;
        height: 200px;
    }

    .KOB_img_1 {
        /*   background-image: url(/img/noPhoto.png);*/
        width: 100%;
        border-radius: 20px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        object-fit: cover;
        min-height: 440px;
    }

    .KOB_img_2Wr.flexAc {
        width: 100%;
        gap: 20px;
    }

    .KOB_img {
        height: 100%;
        gap: 20px;
        display: flex;
        flex-direction: column;
    }

    .KOB_Card {
        border: 1px solid #313131;
        border-radius: 20px;
        padding: 15px;
        display: flex;
        flex-direction: column;
        gap: 25px;
        font-size: 16px;
        justify-content: space-between;
        width: 40%;
    }

    .KOB_C1 {
        display: flex;
        flex-direction: column;
        gap: 20px;
        border-radius: 20px;
    }

    .KOB_C1_h1111 {
        font-size: 22px;
        font-weight: 700;
    }

    .KOB_C1_type.flexAc {
        gap: 10px;
        justify-content: space-between;
    }

    .KOB_C1_type.flexAc div {
        border: 1px solid #313131;
        padding: 0 10px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 100px;
        width: 100%;
        cursor: pointer;
        font-size: 16px;
    }

    .KOB_C1_type.flexAc div:hover {
        background: #313132;
        color: white;
    }

    .KOB_C1_type.flexAc div.active {
        background: #313132;
        color: white;
    }

    .KOB_C1_har.flexAc div {
        white-space: nowrap;
    }

    .KOB_C1_har.flexAc {
        gap: 5px;
        flex-wrap: wrap;
    }

    .PKA_Bl_plk {
        padding: 10px;
        font-size: 22px;
    }

    .PKA_Bl_txt {
        padding: 10px;
        border-top: 1px solid #e4e4e4;
    }

    .PKA_Bl {
        display: flex;
        flex-direction: column-reverse;
        width: 100%;
        background: #f3f3f3;
        border-radius: 10px;
        min-width: fit-content;
    }


    .PKA_Gl {
        display: flex;
        justify-content: space-between;
        gap: 15px;
    }

    .KOB_C1_Lwr.flexAc {
        gap: 10px;
        border-bottom: 2px dashed rgba(49, 49, 49, 0.27);
        margin: -15px;
        padding: 15px 15px 15px 15px;
    }

    .KOB_C1_Lwr.flexAc svg {
        color: #e89b0c;
    }

    .KOB_C1_h1.KOB_C1 {
        margin-bottom: 5px;
    }

    .KOB_Cst_St {
        font-weight: 700;
        font-size: 18px;
    }

    .KOB_Cst_Wr.KOB_C1 {
        gap: 15px;
    }

    .KOB_Cst_Wr {
        display: flex;
        gap: 10px;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }

    button.KOB_C1_Btn:active {
        background: #e89b0c !important;
        color: #313132 !important;
        border-color: #e89b0c;
    }

    button.KOB_C1_Btn:active .flexAc {
        background: #313132 !important;
        color: #ffffff !important;
    }

    button.KOB_C1_Btn:hover {
        background: #313131;
        color: #e89b0c;
    }

    button.KOB_C1_Btn:hover .flexAc {
        background: #e89b0c;
        color: #ffffff;
    }

    button.KOB_C1_Btn {
        border: 1px solid #313131;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 48px;
        border-radius: 100px;
        gap: 10px;
        font-size: 16px;
        width: 100%;
    }

    button.KOB_C1_Btn span {
        font-size: 20px;
    }

    .KOB_C1_H1 {
        font-size: 20px;
    }

    button.BTN_DLPr.helpersDI.request_butt {
        display: flex;
        flex-direction: column;
        gap: 15px;
        border: 1px solid #b7b7b7;
        width: 100%;
        align-items: center;
        padding: 10px 10px;
        border-radius: 10px;
    }

    .BTN_DLPr svg {
        width: 24px;
        height: 24px;
        min-width: 24px;
        display: flex;
        transform: rotate(90deg);
    }

    .KOB_C1_Btn .flexAc svg {
        width: 24px;
        height: 24px;
        min-width: 24px;
        display: flex;
    }

    span.BTN_DLPrBtn.flexAc.gap10:hover {
        background: #c58001;
    }

    span.BTN_DLPrBtn.flexAc.gap10 {
        background: #ea9c0b;
        color: white;
        padding: 0 10px;
        width: 100%;
        height: 40px;
        border-radius: 6px;
        justify-content: center;
    }

    .BTN_DLPr_H1 {
        font-size: 20px;
        font-weight: 600;
        color: #313131;
    }

    .KOB_C1_Btn .flexAc {
        background: #313132;
        color: white;
        border-radius: 100px;
        height: 30px;
        width: 30px;
        min-width: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        transform: rotate(45deg);
    }

    .KOB_Cst_M span {
        font-size: 28px;
    }

    .KOB_C1_V {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .KOB_Brd.KOB_C1 {
        border: 2px dashed #31313159;
        border-radius: 10px;
        padding: 10px;
    }

    .KOB_C1_WN {
        gap: 10px;
        display: flex;
        align-items: center;
        border-bottom: 2px dashed #31313159;
        margin: 0 -10px 0px -10px;
        padding: 0 10px 10px 10px;
        flex-wrap: wrap;
    }

    a.KOB_C1_Whats:hover {
        color: #b07201;
    }

    a.KOB_C1_Numb:hover {
        color: #b07201;
    }

    a.KOB_C1_Whats, a.KOB_C1_Numb {
        color: #ea9c0b;
        cursor: pointer;
        font-size: 18px;
    }

    .KOB_C1_Numb111 {
        font-size: 20px;
        font-weight: 700;
    }

    .KOB_C1_WN span {
        font-size: 18px;
    }

    .KOB_C1_Numb.helpersDI.request_butt {
        font-size: 18px;
        color: #ea9c0b;
    }

    .KOB_C1_S_Wr.flexAc {
        display: flex;
        align-items: center;
        gap: 10px;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .KOB_C1_S_Btn.flexAc {
        gap: 10px;
    }

    .KOB_C1_S_Vk svg {
        display: flex;
        width: 34px;
        height: 34px;
        min-width: 34px;
        cursor: pointer;
    }

    .KOB_C1_S_Whts svg {
        display: flex;
        width: 30px;
        height: 30px;
        min-width: 30px;
        cursor: pointer;
    }

    .KOB_PD_Dwl svg {
        width: 24px;
        height: 24px;
        min-width: 24px;
        display: flex;
    }

    .KOB_PD_Print svg {
        display: flex;
        width: 24px;
        height: 24px;
        min-width: 24px;
    }

    .KOB_PD_Img {
        min-height: 100%;
        border-radius: 20px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        object-fit: cover;
        width: 100%;
        height: 200px;
        max-width: 200px;
        position: relative;
    }

    .KOB_PD_Img img {
        border-radius: 20px;
        object-fit: contain;
        height: 100%;
        background: #ffff;
    }

    .KOB_PD_Bl2 {
        display: flex;
        align-items: center;
        gap: 20px;
    }

    .KOB_PD_Img .flexAc {
        width: fit-content;
        position: absolute;
        right: 10px;
        top: 10px;
        background: #00000033;
        padding: 7px;
        border-radius: 100px;
        color: white;
    }

    button.KOB_PD_Dwl, button.KOB_PD_Print {
        background: #313131;
        color: white;
        height: 45px;
        width: 45px;
        min-width: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 100px;
    }

    .KOB_PD_Img svg {
        width: 24px;
        height: 24px;
        min-width: 24px;
        display: flex;
    }

    .KOB_2BL_Img {
        background-image: url(/img/ban_zar.png);
        background-color: #ed9113;
        min-height: 100%;
        border-radius: 20px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        object-fit: cover;
        width: 100%;
        height: 292px;
        max-width: 590px;
        position: relative;
    }

    .CatFilProjWR {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        gap: 10px;
    }

    .CatFilProjB1 {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

    .CatFilProjB2 {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

    .CatFilProjB1bit1 {
        position: relative;
        align-items: center;
        justify-content: center;
        display: flex;
    }

    .CatFilProjB1bit1a {
        position: absolute;
        left: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .CatFilProjB1bit1c {
        position: absolute;
        right: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .CatFilProjB1b {
        display: flex;
        gap: 5px;
    }

    .CatFilProjB1a {
        font-weight: 600;
    }

    .CheckBtnBox input[type=checkbox] {
        margin-right: 10px;
        position: relative;
        height: 22px;
        width: 22px;
        min-width: 22px;
        color: #363839;
        border: 1px solid #bdc1c6;
        border-radius: 4px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        outline: 0;
        cursor: pointer;
        transition: background 175ms cubic-bezier(0.1, 0.1, 0.25, 1);
    }


    .CheckBtnBox input[type=checkbox]:checked::before {
        opacity: 1;
    }

    .CheckBtnBox input[type=checkbox]::before {
        position: absolute;
        content: "";
        display: block;
        top: 1px;
        left: 6px;
        width: 8px;
        height: 13px;
        border-style: solid;
        border-color: #fff;
        border-width: 0 3px 3px 0;
        transform: rotate(45deg);
        opacity: 0;
    }

    .CatFilProjB1bit1a, .CatFilProjB1bit1c {
        color: #979797;
    }

    .KOB_2BL_Wr.flexAc {
        gap: 20px;
    }

    .DESKR_Gl {
        display: flex;
        flex-direction: column;
        gap: 10px;
        font-size: 18px;
        line-height: 1.5;
    }

    .DESKR_Р1 {
        font-size: 22px;
        font-weight: 600;
        display: flex;
        gap: 5px;
    }

    .KOB_PD_Btn.flexAc {
        display: flex;
        align-items: center;
        gap: 20px;
    }

    .KOB_PD_Bl1 {
        display: flex;
        align-items: center;
        gap: 10px;
        justify-content: space-between;
        font-size: 20px;
        font-weight: 700;
        flex-wrap: wrap;
    }

    .KOB_C1_S_Tg svg {
        display: flex;
        width: 30px;
        height: 30px;
        min-width: 30px;
        cursor: pointer;
    }

    .KOB_CopyIc svg {
        display: flex;
        width: 24px;
        height: 24px;
        min-width: 24px;
    }

    .KOB_C1_Copy.flexAc:hover {
        color: #ea9c0b;
    }

    .KOB_C1_S_Vk:hover {
        color: #007cff;
    }

    .KOB_C1_S_Whts:hover {
        color: #00ca00;
    }

    .KOB_C1_S_Tg:hover {
        color: #00a6e2;
    }

    .FOOT_ic1:hover {
        color: #007cff;
    }

    .FOOT_ic2:hover {
        color: #00ca00;
    }

    .FOOT_ic3:hover {
        color: #00a6e2;
    }

    .KOB_C1_Copy.flexAc {
        gap: 5px;
        cursor: pointer;
    }

    .KOB_C1_Copy.flexAc div {
        font-size: 18px;
    }

    .KOB_C1_Send_h1 {
        font-size: 20px;
        font-weight: 700;
    }

    .KOB_C1_Send {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .KOB_Ipoteca svg {
        width: 28px;
        height: 28px;
        min-width: 28px;
        display: flex;
        transform: rotate(45deg)
    }

    button.KOB_Ipoteca.flexAc:active {
        color: #313132 !important;
        background: #ea9c0b !important;
    }

    button.KOB_Ipoteca.flexAc:active .flexAc {
        background: #313132 !important;
        color: white !important;
    }

    button.KOB_Ipoteca.flexAc:hover {
        color: #e89b0c;
    }

    button.KOB_Ipoteca.flexAc:hover .flexAc {
        background: #ea9c0b;
        color: white;
    }


    button.KOB_Ipoteca.flexAc {
        width: 100%;
        background: #313131;
        color: white;
        height: 48px;
        border-radius: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
    }

    div#ugallery-container__product {
        display: none;
    }


    button.KOB_Ipoteca.flexAc span {
        font-size: 20px;
    }

    .KOB_Ipoteca span.flexAc {
        background: white;
        color: #313131;
        border-radius: 100px;
        height: 30px;
        width: 30px;
        min-width: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .KOB_Ipoteca.Calculator_label {
        color: #313131;
        width: 100%;
    }

    .KOB_Ipoteca.Calculator_input, .KOB_Ipoteca#mortgage_range_value {
        color: #313131;
        padding: 0;
        display: flex;
        width: 100%;
        min-width: 178px;
    }

    .KOB_Ipoteca.Calculator_input_attribute {
        color: #313131;
        width: 100%;
        max-width: fit-content;
        padding: 0;
        min-width: fit-content;
    }

    .KOB_Ipoteca.Calculator_row {
        display: flex;
        gap: 10px;
        justify-content: space-between;
        width: 100%;
        margin: 0;
        flex-direction: column;
    }

    .KOB_Ipoteca.Calculator_form {
        width: 100%;
        padding: 0;
        display: flex;
        flex-direction: column;
        gap: 15px;
    }

    .KOB_BLOCKWR {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .KOB_Ipoteca.flex.mortgage_calc_l_text {
        color: #313131;
        background: #efefef;
        padding: 0 10px;
        border-radius: 15px;
        gap: 10px;
    }

    .KOB_Ipoteca.flex.mortgage_calc_l_text_1 {
        color: #313131;
        display: flex;
        gap: 5px;
        font-weight: 600;
    }

    .KOB_Ip {
        display: flex;
        flex-direction: column;
        gap: 15px;
        width: 100%;
        align-items: center;
        padding: 10px 0 10px 0;
    }

    .KOB_LineIp {
        border-right: 2px dashed #31313159;
    }

    .KOB_IpZag {
        color: #979797;
    }

    .KOB_Ipoteca.KOB_Ipoteca2222 {
        width: fit-content;
        min-width: fit-content;
        gap: 10px;
    }

    .KOB_Ipoteca.Calculator_form {
        transition: opacity 0.3s ease, max-height 0.3s ease;
        opacity: 1;
        max-height: 1000px;
        overflow: hidden;
    }

    .KOB_Ipoteca.Calculator_form.hidden {
        opacity: 0;
        max-height: 0;
    }

    .KOB_BLOCKWR.no-gap {
        gap: 0 !important;
    }

    .FOOT_ic1 svg {
        width: 34px;
        height: 34px;
        min-width: 34px;
        display: flex;
        cursor: pointer;
    }

    .FOOT_ic2 svg {
        width: 28px;
        height: 28px;
        min-width: 28px;
        display: flex;
        cursor: pointer;
    }

    .FOOT_ic3 svg {
        width: 30px;
        height: 30px;
        min-width: 30px;
        display: flex;
        cursor: pointer;
    }

    .FOOT_Wr {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

    .FOOT_Main.flexAc {
        gap: 10px;
    }

    .FOOT_Mod222.FOOT_Modal {
        height: 390px !important;
        position: absolute !important;
        top: 0;
        right: 0;
    }

    .FOOT_Modclos.close-modalDI svg {
        width: 0.75em !important;
        height: 0.75em !important;
    }

    .FOOT_Modal.modal_header {
        background-image: url(/img/banOtpr.png);
        min-height: 100%;
        border-radius: 20px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        object-fit: cover;
        width: 100%;
        height: 292px;
        max-width: 590px;
        position: relative;
        padding: 0;
    }

    .FOOT_Modal.flexAc svg {
        display: flex;
        width: 24px;
        height: 24px;
        min-width: 24px;
    }

    .FOOT_Modal.flexAc:active {
        color: #ef9417 !important;
        background: #1c1e22 !important;
    }

    .FOOT_Modal.flexAc:hover {
        background: #ef9417;
    }

    .FOOT_Modal.flexAc {
        display: flex;
        width: 40px;
        height: 40px;
        min-width: 40px;
        position: absolute;
        background: #0000003d;
        align-items: center;
        justify-content: center;
        border-radius: 100px;
        right: 0;
        top: -4px;
        color: white;
        cursor: pointer;
    }

}

/* Карточка объекта */

/* Ипотека */
@media all {
    .IPOT_blScr {
        background: #efefef;
        min-height: 200px;
        display: flex;
        flex-direction: column;
        gap: 20px;
        margin-right: 25px;
    }

    .IPOT_blScr .insurance_slider_item_text1 {
        font-size: 20px;
        margin: 0;
        font-weight: 600;
        color: #e89b0c;
    }

    .IPOT_blScr .insurance_slider_item_text2 {
        color: #2a2927;
        font-size: 18px;
    }

    .IPOT_blArrow:active {
        background: #e89b0c !important;
        color: white !important;
    }


    .IPOT_blArrow:hover {
        background: #626262;
        color: white;
    }

    .IPOT_blArrow {
        cursor: pointer;
    }

    .IPOT_blArrow {
        color: #626262;
    }

    .IPOT_H1.Search_indexTitle {
        font-size: 40px;
        font-family: Radiotechnika;
        color: #ea9c0b;
        text-shadow: none;
        width: 100%;
        margin: 0 auto;
        line-height: unset;
    }

    .IPOT_Glbl_a2 {
        display: flex;
        gap: 40px;
        width: 100%;
        padding: 20px;
    }

    .IPOT_Glbl_a2wr {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .IPOT_a2wrCont {
        font-size: 18px;
    }

    .IPOT_a2wrT {
        font-size: 22px;
        font-weight: 600;
    }

    .IPOT_cont img {
        width: 100%;
        height: 100%;
        border-radius: 15px;
        object-fit: cover;
        object-position: top;
    }

    .IPOT_Glbl_a1 {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 30px;
        padding: 20px;
    }

    .IPOT_cont {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }

    .IPOT_Glbl.container {
        background: #f4f4f4;
        margin-top: 40px;
        border-radius: 20px;
        padding: 0;
        display: flex;
        color: #363435;
        margin-bottom: 40px;
        flex-wrap: wrap;
    }

    .IPOT_cont.container {
        display: grid;
        grid-template-columns: 1fr;
        gap: 20px;
        align-items: center;
    }

    .IPOT_cont .insurance_text {
        font-size: 20px !important;
        color: #2a2927;
        margin: 0;
        line-height: 1.7;
    }

    .Const_B.ipoteka_consult_free {
        background: #3c3636;
        gap: 20px;
    }

    .Const_B .ipoteka_consult_free_text {
        font-size: 18px;
        margin: 0;
    }

    .Const_B svg {
        width: 24px;
        height: 24px;
        min-width: 24px;
        display: flex;
    }

    .Const_B .ipoteka_consult_free_icon {
        width: 40px;
        height: 40px;
        min-width: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #ea9c0b;
        border-radius: 30px;
        color: #2c2b28;
    }

    .CALK_Ip.insurance_title {
        font-size: 40px;
        font-family: Radiotechnika;
        color: #ea9c0b;
        margin: 25px 0;
    }

    .CALK_Ip .CALC_Gl {
        font-size: 26px;
    }

    .CALK_Ip .mortgage_calc_left {
        padding: 20px;
    }

    .CALK_Ip .mortgage_calc_l_icon svg {
        width: 340px;
        margin-top: 35px;
    }

    .CALK_Ip.swiper-wrapper {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        gap: 20px;
    }

    .CALK_Ip .swiper-slide img {
        height: auto;
    }

    .CALK_Ip .swiper-backface-hidden .swiper-slide {
        margin: 0;
    }

    .CALK_Ip .SwiperInsPartners_item {
        justify-self: center;
        background: rgba(237, 237, 237, 1);
        border-radius: 16px;
        height: 150px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 10px;
        min-width: 100%;
    }

    .CALK_Ip .swiper-slide img {
        max-width: 160px;
    }

    .swiper-backface-hidden .swiper-slide {
        margin-right: 0 !important;
    }

    .CONS_Ip.BKi_Box {
        background: #ededed;
    }

    .CONS_Ip .BKi_Item1_2 {
        font-size: 18px;
        color: #212121;
    }

    .CONS_Ip .SchFilSelb2_1 {
        color: #ea9c0b;
    }

    .CONS_Ip.BKi_Item3Send svg {
        width: 24px;
        height: 24px;
        min-width: 24px;
    }

    .CONS_Ip .CONS_Ipspp {
        width: 30px;
        height: 30px;
        min-width: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #ffffff;
        color: #212121;
        border-radius: 30px;
        transform: rotate(45deg);
    }

    button.CONS_Ip.BKi_Item3Send {
        background: #212121;
        font-size: 18px;
        gap: 12px;
        border-radius: 12px;
        white-space: nowrap;
        min-width: fit-content;
        height: 48px;
    }

    .CONS_Ip span a {
        color: #ea9c0b !important;
    }

    .CONS_Ip .BKi_Item3box1_b span {
        font-size: 16px;
    }

    .CONS_Ip input[type=checkbox]:checked {
        border-color: #ea9c0b !important;
        background: #ea9c0b !important;
        min-width: 24px;
    }

    .CONS_Ip .BKi_SelRieltor {
        grid-column: span 3;
        padding: 2px 8px 2px 0px;
    }

    .CALK_Ip.CALK_Ipttt {
        margin-top: 60px;
    }

    .CALK_Ip.Calculator_form {
        min-height: max-content;
    }

    .CALK_Ip .Mortgage_calculator {
        height: 100%;
    }

    .IP_Sl.Uslg2ItemGR.swiper-slide.swiper-slide-next {
        min-width: 310px;
        min-height: 256px;
        max-height: 256px;
    }

    .IP_Sl.Uslg2ItemGR.swiper-slide.swiper-slide-active {
        min-width: 310px;
        min-height: 256px;
        max-height: 256px;
    }

    .IP_Sl.Uslg2ItemGR.swiper-slide.swiper-slide-prev {
        min-width: 310px;
        border: none;
        min-height: 256px;
        max-height: 256px;
    }

    .IP_Sl.Uslg2ItemGR.swiper-slide.swiper-slide-active {
        min-width: 310px;
        min-height: 256px;
        max-height: 256px;
    }

    .IP_Sl.Uslg2ItemGR.swiper-slide.swiper-slide-next {
        min-width: 310px;
        min-height: 256px;
        max-height: 256px;
    }

    .IP_Sl.Uslg2ItemGR.swiper-slide {
        min-width: 310px;
        min-height: 256px;
        max-height: 256px;
    }


}

/* Ипотека - планшет */
@media (min-width: 681px) and (max-width: 1024px) {
    body .IPOT_Glbl_a1 {
        padding: 20px;
    }

    body .IPOT_Glbl_a2 {
        padding: 10px;
        gap: 20px;
        justify-content: space-between;
    }

    body .IPOT_cont .insurance_text {
        line-height: 1.3;
    }

    body .IPOT_cont.container {
        grid-template-columns: repeat(auto-fill, minmax(436px, 1fr));
    }

    body .insurance_slider_item_text2 {
        line-height: 1.3;
    }

    body .IPOT_blScr .insurance_slider_item_text1 {
        line-height: 1.3;
    }

    body .IPOT_blScr {
        margin-right: 15px;
    }

    body .IPOT_cont2.container {
        max-width: 1024px;
    }

    body .IPOT_H1.Search_indexTitle {
        font-size: 32px;
    }

    body .IPOT_cont.container {
        margin-top: 25px;
    }

    body .CALK_Ip.insurance_title {
        font-size: 32px;
    }

    body .CALK_Ip .mortgage_calc_r_title {
        font-size: 24px;
    }

    body .CALK_Ip .Calculator_label {
        font-size: 20px;
    }

    body .CALK_Ip .Calculator_input {
        font-size: 22px;
    }

    body .CALK_Ip .Mortgage_calculator .noUi-target {
        height: 12px !important;
    }

    body .CALK_Ip .mortgage_calc_r_btn {
        height: 46px;
    }

    body .CALK_Ip #mortgage_range_value {
        font-size: 22px;
    }

    body .CALK_Ip .Calculator_form {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    body .CALK_Ip .Mortgage_calculator {
        flex-direction: column;
        gap: 20px;
        margin-top: -20px;
    }

    body .CALK_Ip .mortgage_calc_l_icon svg {
        min-width: 250px;
        max-width: 250px;
    }

    body .CALK_Ip .mortgage_calc_left {
        padding: 5px;
    }

    body .CALK_Ip .Mortgage_calculator {
        height: 100%;
        margin-top: 15px;
    }

    body .CALK_Ip.BKi_Item2DopBox {
        grid-template-columns: repeat(6, 1fr);
    }

    body button.CONS_Ip.BKi_Item3Send {
        padding: 0 10px;
    }

    body .IP_Sl.Uslg2ItemGR.swiper-slide.swiper-slide-active {
        min-width: 300px;
    }


}

/* Ипотека - планшет */


/* Ипотека - мобильная */
@media (min-width: 200px) and (max-width: 680px) {

    body .IPOT_Glbl.container {
        flex-wrap: wrap;
        border-radius: 10px;
        gap: 10px;
    }

    body .IPOT_Glbl_a2wr {
        gap: 10px;
    }

    body .IPOT_a2wrT {
        font-size: 18px;
    }

    body .IPOT_Glbl_Line {
        border-bottom: 2px dashed #cecece;
        width: 100%;
    }

    body .IPOT_Glbl_a1 {
        padding: 10px;
        gap: 20px;
    }

    body .IPOT_cont {
        gap: 20px;
    }

    body .IPOT_Glbl_a2 {
        padding: 10px;
        gap: 20px;
        justify-content: space-between;
        flex-wrap: wrap;
    }


    body .IPOT_cont.container {
        grid-template-columns: 1fr;
    }

    body .IPOT_cont .insurance_text {
        line-height: 1.3;
        font-size: 18px !important;
    }

    body .CALK_Ip.Calculator_form {
        gap: 10px !important;
    }

    body .CALK_Ip .Mortgage_calculator .noUi-target {
        height: 12px !important;
    }

    body .CALK_Ip .mortgage_calc_l_text div {
        font-size: 18px;
    }

    body .CALK_Ip .mortgage_calc_left {
        padding: 0 5px 15px 5px;
    }

    body .CALK_Ip.swiper-wrapper {
        grid-template-columns: repeat(auto-fill, minmax(178px, 1fr));
    }

    body .IPOT_H1.Search_indexTitle {
        font-size: 22px;
    }

    body .IPOT_cont.container {
        margin-top: 20px;
    }

    body .CALK_Ip.insurance_title {
        font-size: 22px;
        margin: 20px 0;
    }

    body .CALK_Ip.CALK_Ipttt {
        margin-top: 40px;
    }

    body .CALK_Ip.BKi_Item2DopBox {
        grid-template-columns: 1fr;
    }

    body .CONS_Ip .BKi_Item3 {
        flex-wrap: wrap;
        gap: 15px;
        grid-column: 1 / 4;
    }

    body .CONS_Ip.BKi_Box {
        margin-top: 15px;
        border-radius: 10px;
        padding: 10px;
    }

    body .IPOT_cont2.Uslg2Wr {
        max-height: 300px;
        margin: 10px;
    }

    body .IPOT_BL111.Uslg2Box {
        max-height: 300px;
        min-height: 300px;
    }

    body button.CONS_Ip.BKi_Item3Send {
        width: 100%;
    }

    body .CONS_IpM.Const_B {
        margin-bottom: 0;
    }

}

/* Ипотека - мобильная */
/* Ипотека */


/* Страхование */
@media all {

    .STRAH_BannImg img {
        position: absolute;
        width: 100%;
        height: auto;
        right: 0;
        max-width: 400px;
        transform: rotate(-20deg);
        bottom: -120px;
        filter: drop-shadow(4px 4px 8px rgba(255, 136, 0, 0.6));
    }

    .STRAH_BannImg {
        width: 100%;
    }

    .STRAH_Bann_Wr {
        display: grid;
        grid-template-columns: 1fr 1fr;
        position: relative;
        padding: 40px;
        border-radius: 20px;
        background: #f4f4f4;
        overflow: hidden;
    }

    .STRAH_BannH1 {
        font-family: Radiotechnika;
        font-size: 40px;
        color: #e89b0c;
    }

    .STRAH_MPart.swiper-wrapper {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
        gap: 20px;
        width: 100%;
        justify-content: space-between;
    }

    .STRAH_MPart.SwiperInsPartners_item img {
        max-width: 160px;
        height: auto;
    }

    .STRAH_MPart.SwiperInsPartners_item {
        justify-self: center;
        background: rgba(237, 237, 237, 1);
        border-radius: 16px;
        height: 150px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100% !important;
    }

    .STRAH_Banntxt {
        font-size: 18px;
    }

    .STRAH_Bann {
        display: flex;
        flex-direction: column;
        gap: 40px;
        width: 100%;
    }

    .STRAH_MainBlWr {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(264px, 1fr));
        gap: 20px;
    }

    .STRAH_MainBl {
        border: 1px solid #e4e4e4;
        border-radius: 15px;
        padding: 20px;
        display: flex;
        flex-direction: column;
        gap: 40px;
        min-height: 202px;
        max-height: 202px;
    }

    .STRAH_MainBl.STRAH_MainBl_b img {
        min-height: 202px;
        max-height: 202px;
        border-radius: 15px;
        object-fit: cover;
    }

    .STRAH_MainBl.STRAH_MainBl_b {
        background: #f4f4f4;
        border: none;
        padding: 0;
    }

    .STRAH_GLB.container {
        display: flex;
        flex-direction: column;
        gap: 40px;
        margin-top: 40px;
    }

    .STRAH_MainBlTit {
        font-size: 22px;
        font-weight: 600;
    }

    .STRAH_MainCont {
        font-size: 18px;
    }

    .STRAH_MPart.insurance_title {
        font-family: Radiotechnika;
        font-size: 40px;
        margin-top: 40px;
    }

    .STRAH_MPart.container {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }


}

/* Страхование */

/* Страхование - Планшет */
@media (min-width: 681px) and (max-width: 1024px) {
    body .STRAH_Bann_Wr {
        padding: 20px;
    }

    body .STRAH_BannH1 {
        font-size: 32px;
    }

    body .STRAH_BannImg img {
        right: -136px;
    }

    body .STRAH_MPart.insurance_title {
        font-size: 32px;
    }

}

/* Страхование - Планшет */

/* Страхование - мобильная */
@media (min-width: 200px) and (max-width: 680px) {
    body .STRAH_MPart.insurance_title {
        font-size: 22px;
    }

    body .STRAH_MainBlTit {
        font-size: 20px;
    }

    body .STRAH_Bann_Wr {
        padding: 10px;
        display: flex;
        flex-direction: column-reverse;
        gap: 20px;
    }

    body .STRAH_BannH1 {
        font-size: 22px;
    }

    body .STRAH_BannImg img {
        position: unset;
        max-width: 140px;
        transform: rotate(0deg);
    }

    body .STRAH_BannImg {
        text-align: -webkit-center;
    }

    body .STRAH_Bann {
        gap: 20px;
    }


}

/* Страхование - мобильная */


/* О нас */
@media all {
    img.OCOMP_Bg {
        width: 100%;
        max-height: 625px;
        object-fit: cover;
        position: relative;
        margin-top: 20px;
        border-radius: 15px;
        object-position: bottom;
    }

img.ONAS_IMG {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
    display: flex;
}

    .OCOMP_Cont.flexAc {
        display: flex;
        align-items: self-start;
        gap: 20px;
        justify-content: space-between;
    }

    .OCOMP_H1 {
        font-size: 40px;
        font-family: Radiotechnika;
        display: flex;
        gap: 15px;
        flex-wrap: wrap;
        line-height: 1.2;
    }

    .OCOMP_H1Coll {
        color: #ea9c0b;
        font-size: 40px;
        font-family: Radiotechnika;
    }

    .ONAS_CONTBl {
        display: grid;
        gap: 20px;
    }

    .ONAS_CTWr {
        display: flex;
        background: #efefef;
        padding: 20px;
        border-radius: 15px;
        font-size: 18px;
        position: relative;
        height: fit-content;
        min-height: 130px;
        align-items: center;
    }

    .ONAS_PREM {
        display: grid;
        gap: 20px;
    }

    .ONAS_MBL {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }
    .ONAS_RelPs {
        position: relative;
    }

    .ONAS_NABIR {
        font-size: 22px;
    }

    .ONAS_NAVKT {
        font-weight: 300;
    }

    .ONAS_GLNameR.flexAc {
        position: absolute;
        bottom: 10px;
        background: #ffffff45;
        width: calc(100% - 20px);
        justify-self: center;
        flex-direction: column;
        gap: 5px;
        font-size: 16px;
        border-radius: 10px;
        padding: 10px;
        backdrop-filter: blur(29px);
        color: white;
    }

    .PVN_Bl svg {
        width: 24px;
        height: 24px;
        min-width: 24px;
        display: flex;
    }

    img.PVN_Img {
        width: 100%;
        max-height: 374px;
        object-fit: cover;
        border-radius: 15px;
    }

    .OCOMP_Gl.container {
        display: flex;
        flex-direction: column;
        gap: 80px;
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .OCOMP_NameWr.flexAc {
        flex-direction: column;
        gap: 3px;
    }

    .OCOMP_Head {
        position: relative;
    }
    .PVN_Gl {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }

    .PVN_Bl {
        display: flex;
        flex-direction: column;
        gap: 20px;
        justify-content: space-between;
    }

    .OCOMP_GLFON {
        font-size: 18px;
        line-height: 1.5;
        padding: 20px;
        background: #0000005c;
        border-radius: 10px;
        position: absolute;
        bottom: 20px;
        right: 20px;
        left: 20px;
        backdrop-filter: blur(43px);
        color: white;
    }

    .PVN_Bl2Cont {
        display: flex;
        background: #efefef;
        padding: 20px 20px 20px 35px;
        border-radius: 15px;
        font-size: 18px;
        position: relative;
        height: fit-content;
        min-height: 134px;
        align-items: center;
    }

    .PVN_Bl2Cic {
        position: absolute;
        top: 37px;
        left: -20px;
        background: #ffffff;
        color: #ea9c0b;
        border-radius: 30px;
        width: 45px;
        height: 45px;
        min-width: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    img.OSTK_img {
        width: 100%;
        height: auto;
        object-fit: cover;
        border-radius: 10px;
    }

    .OSTK_Bl2cont svg {
        width: 24px;
        height: 24px;
        min-width: 24px;
        display: flex;
    }

    .OSTK_GlWR {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .OSTK_Gl {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .OSTK_Bl1 {
        display: flex;
        gap: 20px;
        padding: 20px;
        width: 100%;
        background: #363636;
        color: white;
        border-radius: 15px 0 0 15px;
    }

    .OSTK_Bl1txtx {
        width: 100%;
        font-size: 18px;
    }

    .OSTK_Bl2H1 {
        font-size: 22px;
        font-family: Radiotechnika;
    }

    .OSTK_Bl2contic {
        border: 1px solid #ea9c0b;
        width: 40px;
        height: 40px;
        min-width: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 30px;
        color: #ea9c0b;
    }

    .OSTK_Bl2 {
        display: flex;
        flex-direction: column;
        gap: 40px;
        align-items: center;
        justify-content: center;
        padding: 0 25px;
        border: 1px solid #363636;
        border-radius: 0 15px 15px 0;
    }

    .OSTK_Bl2_Cwr.flexAc {
        display: flex;
        flex-direction: column;
        align-items: baseline;
        gap: 40px;
    }

    .OSTK_Bl2cont {
        display: flex;
        gap: 20px;
        align-items: center;
        font-size: 18px;
    }

}

/* О нас */


/* О нас - планшет */
@media (min-width: 681px) and (max-width: 1024px) {
    body .OCOMP_H1 {
        font-size: 32px;
    }

    body .OCOMP_H1Coll {
        font-size: 32px;
    }

    body .OSTK_Gl {
        grid-template-columns: 1fr;
    }

    body .OSTK_Bl1 {
        border-radius: 15px 15px 0 0;
        padding: 10px;
    }

    body .OSTK_Bl2 {
        border-radius: 0 0 15px 15px;
        padding: 30px 20px 30px 20px;
        gap: 40px;
    }

    body .OSTK_Bl2_Cwr.flexAc {
        flex-direction: row;
        gap: 20px;
    }

    body .OSTK_Bl2cont {
        gap: 10px;
    }

    body .OSTK_Bl2contic {
        width: 30px;
        height: 30px;
        min-width: 30px;
    }

    body .OSTK_Bl2cont svg {
        width: 20px;
        height: 20px;
        min-width: 20px;
    }
}

/* О нас - планшет */


/* О нас - мобильная */
@media (min-width: 200px) and (max-width: 680px) {
    body img.OCOMP_Bg {
        min-height: 180px;
        border-radius: 10px 10px 0 0;
        margin-top: 10px;
    }


    body .OSTK_Bl2H1 {
        font-size: 20px;
    }

    body .OCOMP_H1 {
        font-size: 20px;
        gap: 5px;
    }

    body .OCOMP_BL {
        position: absolute;
        left: 0px;
        padding: 20px;
        background: none;
        top: 42px;
        border: none;
        width: 100%;
        max-width: 100%;
    }

    body .OCOMP_Gl.container {
        gap: 40px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    body .OCOMP_Cont.flexAc {
        flex-wrap: wrap;
    }

    body .OCOMP_H1Coll {
        font-size: 20px;
    }

    body .PVN_Gl {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    body .OSTK_Gl {
        grid-template-columns: 1fr;
    }

    body .OSTK_Bl1 {
        border-radius: 15px 15px 0 0;
        flex-wrap: wrap;
    }

    body .OSTK_Bl2 {
        border-radius: 0 0 15px 15px;
        padding: 20px;
        gap: 20px;
    }

    body .OSTK_Bl2_Cwr.flexAc {
        flex-direction: row;
        gap: 20px;
        flex-wrap: wrap;
    }

    body .OSTK_Bl2cont {
        gap: 10px;
    }

    body .OSTK_Bl2contic {
        width: 30px;
        height: 30px;
        min-width: 30px;
    }

    body .OSTK_Bl2cont svg {
        width: 20px;
        height: 20px;
        min-width: 20px;
    }

}

/* О нас - мобильная */

/* Сделать свой проект */
@media all {
    .SSP_Title {
        font-size: 40px;
        font-family: Radiotechnika;
    }

    .SSP_Body {
        display: flex;
        gap: 30px;
    }

    .SSP_Gl.container {
        display: grid;
        gap: 30px;
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .SSP_Bbl1 img {
        filter: brightness(65%);
        border-radius: 20px;
        object-fit: cover;
        width: 100%;
        height: auto;
        max-height: 450px;
        min-height: 397px;
    }

    .SSP_Bbl1 {
        position: relative;
    }

    .SSP_Btxt {
        position: absolute;
        bottom: 20px;
        left: 20px;
        color: white;
        font-size: 22px;
        font-weight: 700;
        right: 20px;
    }

    .SSP_Bbl2 {
        width: 100%;
        background: #313132;
        color: white;
        padding: 20px;
        border-radius: 20px;
        max-width: 400px;
        min-width: 300px;
    }

    .SSP_Bbl2 .OBZv_Name {
        color: #ffffff;
    }

    .SSP_Bbl2 .CB_btn1 {
        color: #ffffff;
    }

    .SSP_Bbl2 .consent {
        color: #A9A9A9;
    }

    .SSP_Bbl2 .consent a {
        color: #A9A9A9;
    }

    .SSP_Bbl2 .mdl_respondBtn {
        background: #ffffff;
        color: #313132;
    }

    .SSP_Bbl2wrr {
        display: grid;
        gap: 20px;
    }

    .SSP_Bbl2 form.site_header_request {
        display: flex;
        height: 100%;
    }

    .SSP_Bbl2 .OBZv_WR {
        display: flex;
        flex-direction: column;
        gap: 20px;
        justify-content: space-between;
        height: 100%;
    }

    .SSP_Bbl2 .OBZv_inpt div {
        padding-bottom: 10px;
    }

    .SSP_Bbl2 div#call_me_form_container {
        height: 100%;
    }

    .SSP_Bbl2 .OBZv_inpt input {
        background: none;
        border: 1px solid #747474;
        height: 50px;
        padding: 0 20px;
    }

    .SSP_Bbl2 .mdl_respondBtn {
        padding: 0;
        height: 50px;
    }

    .SSP_Bbl2 .OBZv_inpt input:hover {
        border: 1px solid #E89B0C;
    }

    .SSP_Bbl2 .mdl_respondBtn:active {
        background: #313132 !important;
        color: #e89b0c !important;
        border: 1px solid #e89b0c;
    }

    .SSP_Txt {
        background: #f4f4f4;
        font-size: 18px;
        padding: 20px;
        border-radius: 15px;
    }

}

/* Сделать свой проект */


/* Сделать свой проект - планшет*/
@media (min-width: 681px) and (max-width: 1024px) {
    body .SSP_Btxt {
        font-size: 20px;
    }

    body .SSP_Body {
        display: flex;
        gap: 20px;
    }

    body .SSP_Title {
        font-size: 32px;
    }

}

/* Сделать свой проект - планшет*/


/* Сделать свой проект - мобилка*/
@media (min-width: 200px) and (max-width: 680px) {

    body .SSP_Body {
        flex-wrap: wrap;
    }

    body .SSP_Bbl2 {
        max-width: initial;
        min-width: auto;
    }

    body .SSP_Bbl2 .OBZv_WR {
        width: 100%;
    }

    body .SSP_Gl.container {
        gap: 20px;
    }

    body .SSP_Btxt {
        font-size: 20px;
    }

    body .SSP_Title {
        font-size: 20px;
    }

}

/* Сделать свой проект - мобилка*/


/* Купить проект */
@media all {
    .BYE_HGL.container {
        display: flex;
        flex-direction: column;
        gap: 60px;
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .BYE_HbH1 {
        font-size: 40px;
        font-family: Radiotechnika;
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
    }

    .BYE_Hbl1WR {
        display: flex;
        flex-direction: column;
    }

    .BYE_H1_head {
        font-size: 22px;
        /*  font-weight: 600;*/
        background: #313132;
        color: white;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 68px;
        border-radius: 20px 20px 0 0;
    }

    .BYE_H1_body {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
        background: #f4f4f4;
        padding: 20px;
        border-radius: 0 0 20px 20px;
        font-size: 18px;
        align-items: anchor-center;
    }

    .BYE_H1_cont {
        display: flex;
        flex-direction: column;
        gap: 40px;
    }

    .BYE_H1_img img {
        border-radius: 20px;
        width: 100%;
        height: auto;
        max-height: 300px;
        object-fit: cover;
    }

    .BYE_H1_cont_a {
        font-size: 22px;
        font-weight: 600;
    }

    .BYE_Hbl1WR {
        display: flex;
        flex-direction: column;
        gap: 40px;
    }

    .BYE_Hbl2 {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .BYE_H2ZWR {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
        gap: 40px;
    }

    .BYE_H2ZBl {
        background: #313132;
        color: white;
        padding: 20px;
        border-radius: 20px;
        display: flex;
        flex-direction: column;
        gap: 40px;
        justify-content: space-between;
    }

    .BYE_H2Zag {
        font-size: 22px;
        align-self: center;
        font-weight: 600;
    }

    .BYE_H2ZCIMg img {
        border-radius: 15px;
        width: 100%;
        height: auto;
        min-height: 270px;
        max-height: 270px;
        object-fit: cover;
    }

    .BYE_H2ZContH1 {
        font-size: 22px;
        /* font-weight: 600;*/
    }

    .BYE_H2ZCont {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .BYE_H2ZContTxt {
        color: #b9b9b9;
        font-size: 16px;
    }

    .BYE_Hbl3 {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 40px;
        background: #f4f4f4;
        padding: 25px;
        border-radius: 20px;
        align-items: anchor-center;
        line-height: 1.5;
    }

    .BYE_HbForm.SSP_Bbl2wrr {
        grid-template-columns: 1fr 1fr;
    }

    .BYE_HbFBtn.SSP_Bbl2wrr {
        gap: 10px;
    }

    .BYE_HbForm .OBZv_inpt input {
        height: 50px;
        padding: 0 20px;
    }

    .BYE_HbForm button.mdl_respondBtn {
        height: 50px;
        padding: 0;
    }

    .BYE_HbForm .OBZv_Name {
        justify-content: flex-start;
        margin-bottom: 10px;
    }

    .BYE_Hbl3_txt {
        display: flex;
        flex-direction: column;
        gap: 20px;
        font-size: 18px;
    }

    .BYE_HbForm input {
        background: none;
    }


}

/* Купить проект */

/* Купить проект - планшет */
@media (min-width: 681px) and (max-width: 1024px) {
    body .BYE_HbH1 {
        font-size: 32px;
    }

    body .BYE_H1_img {
        height: 100%;
    }

    body .BYE_H1_img img {
        min-height: 100%;
    }

    body .BYE_H2ZWR {
        gap: 20px;
    }

    body .BYE_Hbl3 {
        line-height: 1.2;
        gap: 20px;
    }

    body .BYE_HbForm.body1.prel {
        min-height: 100%;
        height: 100%;

    }

    body .BYE_HbForm .site_header_request {
        height: 100%;
    }


}

/* Купить проект - планшет */

/* Купить проект - мобильная */
@media (min-width: 200px) and (max-width: 680px) {
    body .BYE_HbH1 {
        font-size: 22px;
        border-radius: 10px 10px 0 0;
    }

    body .BYE_H1_body {
        display: flex;
        flex-direction: column-reverse;
        padding: 15px 10px 15px 10px;
        gap: 10px;
        border-radius: 0 0 10px 10px;
    }

    body .BYE_H1_head {
        font-size: 20px;
        padding: 10px;
        height: fit-content;
    }

    body .BYE_H1_cont {
        gap: 25px;
    }

    body .BYE_H1_cont_a {
        font-size: 20px;
    }

    body .BYE_Hbl1WR {
        gap: 20px;
    }

    body .BYE_H2ZWR {
        gap: 20px;
        grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
    }

    body .BYE_H2ZBl {
        gap: 25px;
        padding: 10px;
        border-radius: 10px;
    }

    body .BYE_HGL.container {
        gap: 40px;
    }

    body .BYE_Hbl3 {
        gap: 20px;
        flex-wrap: wrap;
        display: flex;
        border-radius: 10px;
        padding: 10px;
    }

    body .BYE_HbForm.SSP_Bbl2wrr {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    body .OBZv_WR {
        display: grid;
        gap: 15px;
        /* border-top: 1px solid #313132;*/
        /* padding-top: 15px;*/
    }

    body .BYE_HbForm .OBZv_Name {
        margin-bottom: 0;
    }
}

/* Купить проект - мобильная */

/* Геология */
@media all {
    .GEO_H1 {
        font-size: 40px;
        font-family: Radiotechnika;
    }

    .GEO_Mb img {
        width: 100%;
        height: auto;
        /*    max-height: 648px;*/
        object-fit: cover;
        border-radius: 20px;
    }

    .GEO_Mb {
        position: relative;
    }

    .GEO_Mb_c1Bimg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .GEO_2Bl_IC svg {
        width: 32px;
        height: 32px;
        min-width: 32px;
        display: flex;
    }

    .GEO_2Bl_c1 img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 20px;
    }

    .GEO_2Bl_pabl {
        font-size: 18px;
        background: #00000052;
        color: white;
        font-weight: 600;
        padding: 20px;
        border-radius: 15px;
        backdrop-filter: blur(20px);
        position: absolute;
        bottom: 20px;
        left: 20px;
        right: 20px;
    }

    .GEO_2Bl_22 {
        background: #f4f4f4;
        padding: 20px;
        border-radius: 20px;
        width: 100%;
    }

    .GEO_2Bl_c1 {
        position: relative;
        width: 100%;
    }

    .GEO_2Bl {
        display: flex;
        gap: 20px;
        width: 100%;
    }

    .GEO_2Bl_cifk svg {
        width: 32px;
        height: 32px;
        min-width: 32px;
        display: flex;
    }

    .GEO_2Bl_cifk.flexAc {
        width: fit-content;
        position: absolute;
        top: 0;
        background: #1c1e22;
        padding: 20px;
        border-radius: 20px 0;
        color: #e89b0c;
    }

    .GEO_Cont.container {
        display: flex;
        flex-direction: column;
        gap: 40px;
        margin-top: 40px;
        margin-bottom: 40px;
    }


    .GEO_Mb_c1B {
        display: flex;
        flex-direction: column;
        gap: 25px;
        color: white;
        font-size: 18px;
        background: #00000069;
        backdrop-filter: blur(30px);
        border-radius: 20px;
        padding: 25px;
        justify-content: space-between;
        width: 100%;
    }

    .GEO_MbGlwr {
        display: flex;
        gap: 20px;
        grid-template-columns: 1fr 1fr;
        position: absolute;
        top: 25px;
        left: 25px;
        right: 25px;
        bottom: 25px;
    }

    .GEO_Mb_c1txtd {
        overflow: auto;
    }

    .BYE_HbForm.body1.prel {
        height: 100%;
        min-height: 100%;
    }

    .BYE_HbForm form.site_header_request {
        height: 100%;
    }


}

/* Геология */


/* Геология - планшет*/
@media (min-width: 681px) and (max-width: 1024px) {
    body .GEO_Mb_c1B {
        padding: 15px;
        gap: 15px;
    }
}

/* Геология - планшет*/

/* Геология - мобильная */
@media (min-width: 200px) and (max-width: 680px) {
    body .GEO_2Bl {
        flex-wrap: wrap;
    }

    body .GEO_Mb {
        position: unset;
    }

    body .GEO_MbGlwr {
        position: unset;
        flex-wrap: wrap;
    }

    body .GEO_Mb_c1B {
        padding: 10px;
        gap: 15px;
        background: #313132;
        border-radius: 10px;
    }

    body .GEO_Cont.container {
        gap: 20px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    body .GEO_Mbimg {
        display: none;
    }

    body .GEO_Mb img {
        border-radius: 10px;
    }

    body .GEO_2Bl_pabl {
        bottom: 10px;
        left: 10px;
        right: 10px;
        top: 10px;
        align-self: anchor-center;
        padding: 10px;
    }

    body .GEO_2Bl_cifk.flexAc {
        display: none;
    }

    body .GEO_2Bl .OBZv_WR {
        border: none;
        padding-top: 0;
    }

    body .GEO_2Bl_22 {
        border-radius: 10px;
        padding: 10px;
    }


}

/* Геология - мобильная */


/* Геодезия */
@media all {
    .GEO_DES.container {
        display: flex;
        flex-direction: column;
        gap: 40px;
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .GEO_DES_bl1 {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 40px;
    }

    .GEO_DES_bl1_txt {
        background: #f4f4f4;
        border-radius: 20px;
        display: flex;
        flex-direction: column;
        gap: 40px;
        justify-content: center;
        font-size: 18px;
        padding: 20px 40px;
    }

    .GEO_DES_bl1_img img {
        border-radius: 20px;
        height: 100%;
        object-fit: cover;
    }

    .GEO_DES_bl2 img {
        border-radius: 20px;
        width: 100%;
        object-fit: cover;
    }

    .GEO_DES_bl2 {
        position: relative;
    }

    .GEO_DES_bl2_cont {
        display: flex;
        gap: 40px;
        justify-content: space-between;
        align-items: flex-end;
        position: absolute;
        top: 40px;
        left: 40px;
        right: 40px;
        bottom: 40px;
    }

    .GEO_DES_bl2_Form {
        width: 100%;
        height: 100%;
    }

    .GEO_DES_bl2_txt {
        background: #00000052;
        backdrop-filter: blur(40px);
        padding: 20px;
        border-radius: 15px;
        color: white;
        font-size: 18px;
        width: 100%;
    }

    .GEO_DES_bl2_cont .GEO_2Bl_22 {
        height: 100%;
    }

    .GEO_DES_H1 {
        font-size: 40px;
        font-family: Radiotechnika;
    }


}

/* Геодезия */

/* Геодезия - планшет*/
@media (min-width: 681px) and (max-width: 1024px) {

    body .GEO_DES_H1 {
        font-size: 32px;
    }

    body .GEO_DES_bl2_cont .OBZv_Name {
        margin-bottom: 0;
    }

    body .GEO_DES_bl2_cont {
        position: unset;
        flex-wrap: wrap-reverse;
    }

    body .GEO_DES_bl2_txt {
        position: absolute;
        top: 20px;
        left: 20px;
        right: 20px;
        width: fit-content;
        border-radius: 10px;
    }

    body .GEO_DES_bl2_cont .GEO_2Bl_22 {
        margin-top: 20px;
    }

    body .GEO_DES_bl1 {
        gap: 20px;
    }

    body .GEO_DES_bl1_txt {
        padding: 20px;
        gap: 20px;
    }


}

/* Геодезия - планшет*/

/* Геодезия - мобильная*/
@media (min-width: 200px) and (max-width: 680px) {
    body .GEO_DES_H1 {
        font-size: 22px;
    }

    body .GEO_DES_bl2_cont .GEO_2Bl_22 {
        border: none;
    }

    body .GEO_DES_bl2_cont {
        position: unset;
        flex-wrap: wrap-reverse;
        gap: 20px;
    }

    body .GEO_DES_bl2_txt {
        position: unset;
        border-radius: 0 0 10px 10px;
        padding: 10px;
        background: #f4f4f4;
        color: #313132;
    }

    body .GEO_DES_bl1 {
        display: flex;
        flex-wrap: wrap-reverse;
        gap: 20px;
    }

    body .GEO_DES.container {
        gap: 20px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    body .GEO_DES_bl1_txt {
        padding: 10px;
        gap: 20px;
        border-radius: 10px;
    }

    body .GEO_DES_bl1_img img {
        border-radius: 10px;
    }

    body .GEO_DES_bl2 .OBZv_WR {
        border-top: 0;
        padding-top: 0;
    }

    body .GEO_DES_bl2 img {
        border-radius: 10px 10px 0 0;
    }

    body .GEO_DES_bl2 {
        margin-top: 20px;
    }

}

/* Геодезия - мобильная*/


/* Тех. надзор */
@media all {
    .TEX_N_Bo_ic svg {
        width: 24px;
        height: 24px;
        min-width: 24px;
        display: flex;
    }

    .TEX_N_H1 {
        font-size: 40px;
        font-family: Radiotechnika;
    }

    .TEX_N_Main {
        position: relative;
    }

    .TEX_N_txt {
        padding: 20px;
        background: linear-gradient(9deg, #000000c4, transparent);
        color: white;
        font-size: 18px;
        line-height: 1.5;
        position: absolute;
        top: 0;
        bottom: 0;
        align-content: end;
        border-radius: 20px;
    }

    .TEX_N_Main img {
        border-radius: 20px;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .TEX_N_Body {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .TEX_N_Body_Wr {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(405px, 1fr));
        gap: 40px;
    }

    .TEX_NAD.container {
        display: flex;
        flex-direction: column;
        gap: 40px;
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .TEX_N_Bo_img img {
        width: 100%;
        border-radius: 20px 0 0 20px;
        object-fit: cover;
        height: 100%;
    }

    .TEX_N_Bo_cont {
        background: #313132;
        color: white;
        padding: 20px;
        display: flex;
        align-items: center;
        flex-direction: column;
        gap: 40px;
        justify-content: space-between;
        border-radius: 0 20px 20px 0;
        font-size: 18px;
        line-height: 1.5;
        text-align: -webkit-center;
        min-height: 212px;
        max-height: 212px;
    }

    .TEX_N_Bo_ic.flexAc {
        border: 1px solid #E89B0C;
        width: 45px;
        height: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 30px;
    }

    .TEX_N_Foot {
        display: grid;
        grid-template-columns: 1fr 1fr;
        background: #f4f4f4;
        padding: 40px;
        border-radius: 20px;
        font-size: 18px;
        line-height: 1.5;
        overflow: hidden;
        position: relative;
    }

    .TEX_N_FImg img {
        width: fit-content;
        float: inline-end;
        height: 100%;
        object-fit: contain;
        max-height: 270px;
        transform: rotate(-33deg);
    }

    .TEX_N_FCont {
        display: flex;
        flex-direction: column;
        gap: 40px;
        align-self: center;
    }

    .TEX_N_FImg {
        width: fit-content;
        position: absolute;
        right: 53px;
        bottom: -60px;
    }

    .TEX_N_FC_Gl {
        font-size: 24px;
        color: #e4980d;
        font-weight: 600;
    }

}

/* Тех. надзор */

/* Тех. надзор - планшет */
@media (min-width: 681px) and (max-width: 1024px) {
    body .TEX_N_H1 {
        font-size: 32px;
    }

    body .TEX_N_Bo_cont {
        gap: 30px;
        padding: 10px;
    }

    body .TEX_N_Body_Wr {
        gap: 20px;
    }

    body .TEX_N_txt {
        padding: 10px;
    }

    body .TEX_N_Foot {
        padding: 20px;
    }

    body .TEX_N_FCont {
        gap: 20px;
    }

    body .TEX_N_FImg img {
        max-height: 240px;
    }

    body .TEX_N_FC_Gl {
        font-size: 20px;
    }

    body .TEX_N_FImg {
        right: 38px;
    }


}

/* Тех. надзор - планшет */

/* Тех. надзор - мобильная */
@media (min-width: 200px) and (max-width: 680px) {
    body .TEX_N_txt {
        line-height: normal;
        position: unset;
        background: #f4f4f4;
        color: #313132;
        border-radius: 0 0 10px 10px;
        padding: 10px;
    }

    body .TEX_N_Main img {
        border-radius: 10px 10px 0 0;
        min-height: 150px;
    }

    body .TEX_N_Body {
        grid-template-columns: 1fr;
    }

    body .TEX_N_Bo_img img {
        border-radius: 10px 10px 0 0;
    }

    body .TEX_N_Bo_cont {
        border-radius: 0 0 10px 10px;
        padding: 20px 10px;
        gap: 25px;
        min-height: unset;
        max-height: fit-content;
    }

    body .TEX_N_Body_Wr {
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
        gap: 20px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    body .TEX_N_FImg {
        position: unset;
    }

    body .TEX_N_Foot {
        display: flex;
        flex-direction: column-reverse;
        gap: 20px;
    }

    body .TEX_N_FImg img {
        max-height: 100px;
        transform: rotate(0deg);
    }

    body .TEX_N_Foot {
        display: flex;
        flex-direction: column-reverse;
        gap: 20px;
        padding: 10px;
        border-radius: 10px;
    }

    body .TEX_N_FCont {
        gap: 20px;
    }

    body .TEX_N_FC_Gl {
        font-size: 20px;
    }

    body .TEX_N_H1 {
        font-size: 22px;
    }

    body .TEX_NAD.container {
        gap: 20px;
    }
}

/* Тех. надзор - мобильная */

/* Отзывы */
@media all {
    .OST_Ot.FB_btn {
        background: #e89b0c;
    }

    .OST_Ot.FB_btn:hover {
        background: #201e1e;
    }

    .OST_Ot.FB_btn:active {
        color: #e89b0c;
    }

    .OST_Ot.btn_modal {
        background: #e89b0c;
    }

    .OST_Ot.btn_modal:hover {
        background: #201e1e;
    }

    .OST_Ot.btn_modal:active {
        color: #e89b0c !important;
    }

}

/* Отзывы */

/* Дома/участки - карточки */
@media all {

    .DOM_UCH .card {
        border-radius: 20px;
        padding: 20px;
        gap: 20px;
    }

    .DOM_UCH .card__gallery img {
        background: #eeeeee;
        border-radius: 15px;
    }

    .DOM_UCH_Fs {
        font-size: 16px;
    }

    .DOM_UCH .card__gallery {
        position: relative;
    }
    .swiper_objT_prev, .swiper_objT_next {
        position: absolute;
        font-size: 42px;
        color: #fff;
        bottom: 13px;
        z-index: 2;
        cursor: pointer;
    }
    .swiper_objT_prev {
        right: 50px;
    }
    .swiper_objT_next {
        right: 15px;
    }
    .swiper_objT_next.swiper-button-disabled, .swiper_objT_prev.swiper-button-disabled {
        opacity: .3;
        cursor: default;
    }

    .DOM_UCH .card__uptitle {
        background: #0000005e;
        color: white;
        max-width: fit-content;
        padding: 0 10px;
        min-height: fit-content;
        border-radius: 30px;
        backdrop-filter: blur(20px);
        margin-bottom: 0 !important;
        height: 25px;
        display: flex;
    }

    .DOM_UCH .card__uptitle-wrap {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .DOM_UCH .card__id {
        color: #ffffff !important;
    }

    .DOM_UCH.card__info {
        border-top: none;
        font-size: 22px;
        gap: 10px;
    }

    .DOM_UCH.card__desc {
        margin-top: 0;
        margin-bottom: 0;
        padding: 0;
        flex-direction: column;
        gap: 15px;
        display: flex;
    }

    .DOM_UCH .DOM_UCH_crd {
        background: #313131;
        color: white !important;
        font-size: 16px;
        padding: 0 10px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 30px;
        min-width: fit-content;
    }

    .DOM_UCH .money {
        white-space: nowrap;
    }

    .DOM_UCH .iz1:active {
        color: #ea9c0b !important;
    }

    .DOM_UCH .iz1:hover {
        color: #ea9c0b;
    }

    .DOM_UCH .iz1 {
        width: fit-content;
        min-width: fit-content;
        position: absolute;
        top: 0;
        right: 0;
    }

    .DOM_UCH .iz1 svg {
        width: 24px;
        min-width: 24px;
        height: 24px;
        display: flex;
    }

    .DOM_UCH .card__price-meters {
        white-space: nowrap;
    }

    .DOM_UCH .card__description {
        min-height: inherit;
        gap: 20px;
        justify-content: space-between !important;
    }

    .DOM_UCH .card__info-box {
        display: flex !important;
        flex-direction: column;
        gap: 15px;
    }

    .DOM_UCH .card__bottom {
        gap: 20px;
    }

    .DOM_UCH_Inf {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 15px;
        font-size: 16px;
    }


    .DOM_UCH_Inf .card__text::-webkit-scrollbar {
        width: 3px;
        height: 100%;
    }


    .DOM_UCH_Inf .card__text {
        font-size: 16px;
        overflow: auto;
        margin: 0;
        max-height: 100px;
        line-height: 1.5;
    }


    .DOM_UCH .card__price {
        display: flex;
        align-items: center;
        gap: 20px;
        min-width: 100%;
    }

    .DOM_UCH_cont {
        display: flex;
        gap: 20px;
        place-items: flex-end;
    }

    .DOM_UCH_cont a {
        border-radius: 10px;
        background: #ea9c0b;
        color: white !important;
        font-weight: 600;
        border: none !important;
    }

    .DOM_UCH .card__btn {
        background: #ea9c0b;
    }

    .DOM_UCH .card__btn:hover {
        background: #313131;
    }

    .DOM_UCH .card__btn:active {
        background: #313131 !important;
        color: #ea9c0b !important;
    }


    .DOM_UCH .DOM_UCH_money {
        min-width: fit-content;
        gap: 5px;
        font-size: 22px;
        font-weight: 600;
    }

    .DOM_UCH .card__price-full {
        min-width: fit-content;
    }


    .DOM_UCH_d {
        position: absolute;
        display: flex;
        gap: 10px;
        top: 10px;
        left: 10px;
        flex-wrap: wrap;
    }

    /*.DOM_UCH_d .listingItem_SliderWrap {
        position: unset;
    }
*/
    .DOM_UCH_d .Item_Slider2 {
        margin: 0;
        border-radius: 30px;
        font-size: 16px;
    }


    .DOM_UCH_sp a {
        color: white;
    }

    .DOM_UCH_sp {
        background: #0000005e;
        color: white;
        max-width: fit-content;
        padding: 0 10px;
        min-height: fit-content;
        border-radius: 30px;
        backdrop-filter: blur(20px);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .FILTER_Gl a.jkCat.flex {
        text-wrap: auto;
        color: #ea9c0b;
        line-height: normal;
    }

    .FILTER_Gl span.card__title-main {
        gap: 5px;
    }

}

/* Дома/участки - карточки */

/* Дома/участки - планшет */
@media (min-width: 681px) and (max-width: 1024px) {
    body .DOM_UCH_cont {
        flex-wrap: wrap;
        gap: 10px;
    }

    body .DOM_UCH.card__desc {
        gap: 10px;
    }

    body .DOM_UCH .card__info-box {
        gap: 10px;
    }

    body .DOM_UCH_Inf {
        gap: 10px;
    }

    body .DOM_UCH .card__description {
        gap: 15px;
    }


}

/* Дома/участки - планшет */

/* Дома/участки - мобильная */
@media (min-width: 200px) and (max-width: 680px) {
    body .FILTER_Gl span.card__title-main {
        flex-wrap: wrap;
    }

    body .FILTER_Gl a.jkCat.flex {
        font-size: 20px;
    }

    body .DOM_UCH.card__desc {
        gap: 10px;
    }

    body .DOM_UCH .card__info-box {
        gap: 10px;
    }

    body .DOM_UCH_Inf {
        gap: 10px;
    }

    body .DOM_UCH_cont {
        gap: 10px;
        flex-wrap: wrap;
    }

    body .DOM_UCH .card__description {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }


    body .DOM_UCH_d {
        gap: 5px;
    }

    body .DOM_UCH .card {
        padding: 10px;
        gap: 10px;
        display: flex;
        flex-direction: column;
    }

    body .DOM_UCH.card__info {
        font-size: 18px;
        gap: 5px;
        max-width: calc(100% - 24px);
    }

    body .DOM_UCH .DOM_UCH_money {
        font-size: 18px;
    }

    body .DOM_UCH .iz1 svg {
        width: 20px;
        min-width: 20px;
        height: 20px;
    }

    body .DOM_Ufsf.card__mobile-wrap-title {
        display: none;
    }
}

/* Дома/участки - мобильная */

/* Отзывы */
@media all {
    .REV_GL.container {
        display: flex;
        flex-direction: column;
        gap: 40px;
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .REV_Form_StrIc svg:hover {
        color: #ffc251;
    }

    .REV_Form_StrIc svg {
        width: 24px;
        height: 24px;
        min-width: 24px;
        display: flex;
    }

    .REV_FormWr {
        display: flex;
        flex-direction: column;
        background: #313132;
        color: white;
        border-radius: 20px;
    }

    .REV_Form_H1 {
        font-size: 24px;
        font-weight: 600;
        padding: 0 20px;
        height: 60px;
        display: flex;
        align-items: center;
        border-bottom: 1px solid #939393;
    }

    .REV_Form_Cont {
        padding: 20px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 40px;
    }

    .REV_Form_bl1 {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .REV_Form_strk {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
        align-items: center;
        gap: 20px;
        font-size: 18px;
    }

    .REV_Form_StrIc {
        display: flex;
        align-items: center;
        gap: 20px;
        width: 100%;
        justify-content: end;
    }

    select.REV_Form_strk:focus {
        color: #e69a0d;
        border-color: #e69a0d;
    }

    select.REV_Form_strk:hover {
        color: #e69a0d;
        border-color: #e69a0d;
    }

    select.REV_Form_strk {
        width: 100%;
        height: 44px;
        padding: 0 15px;
        border-radius: 10px;
        border: 1px solid white;
        background: transparent;
        color: #8c8c8c;
        font-size: 18px;
        appearance: auto;
    }

    .REV_Form_Blh1 {
        white-space: nowrap;
        width: 100%;
        min-width: fit-content;
    }

    .REV_Form_strk input[type="text"]:focus {
        color: #e69a0d;
        border-color: #e69a0d;
    }

    .REV_Form_strk input[type="text"]:hover {
        color: #e69a0d;
        border-color: #e69a0d;
    }

    .REV_Form_strk input[type="text"] {
        width: 100%;
        height: 44px;
        padding: 0 15px;
        border-radius: 10px;
        border: 1px solid white;
        background: transparent;
        color: #8c8c8c;
        font-size: 18px;
    }


    textarea.REV_Form_Ta:focus {
        color: #e69a0d;
        border-color: #e69a0d;
    }

    textarea.REV_Form_Ta:hover {
        color: #e69a0d;
        border-color: #e69a0d;
    }

    .PROF_AG .review_text_elem {
        font-size: 18px;
        line-height: 1.5;
    }

    textarea.REV_Form_Ta {
        width: 100%;
        height: 100%;
        border-radius: 12px;
        border: 1px solid white;
        background: transparent;
        color: #8c8c8c;
        padding: 15px;
        font-size: 18px;
    }

    .REV_Form_txt {
        color: #8c8c8c;
    }

    .REV_Form_BtnIc svg {
        width: 24px;
        height: 24px;
        min-width: 24px;
        display: flex;
    }

    button.REV_Form_Btn:active span.REV_Form_BtnIc {
        background: #313132 !important;
        color: #e89b0c !important;
    }

    button.REV_Form_Btn:active {
        background: #e89b0c !important;
        color: #313132 !important;
        border: 1px solid #e89b0c !important;
    }

    button.REV_Form_Btn:hover span.REV_Form_BtnIc {
        background: #e89b0c;
        color: #313132;
    }

    button.REV_Form_Btn:hover {
        background: #313132;
        color: #e89b0c;
        border: 1px solid #e89b0c;
    }

    button.REV_Form_Btn {
        background: #f4f4f4;
        height: 60px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 15px;
        font-size: 18px;
        font-weight: 600;
        color: #313132;
        cursor: pointer;
        user-select: none;
        border: 1px solid transparent;
    }

    span.REV_Form_BtnIc {
        background: #313132;
        color: white;
        width: 30px;
        height: 30px;
        min-width: 30px;
        border-radius: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        transform: rotate(45deg);
    }

    .REV_H1 {
        font-size: 40px;
        font-family: Radiotechnika;
        display: flex;
        gap: 15px;
        flex-wrap: wrap;
    }

    .REV_BannWr {
        display: flex;
        border: 2px dashed #313132;
        border-radius: 60px;
        padding: 40px;
        gap: 20px;
        position: relative;
        overflow: hidden;
    }

    .REV_BannCont {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 40px;
    }

    .REV_Bann_Img {
        width: 100%;
        position: relative;
    }

    .REV_Bann_Txt {
        font-size: 40px;
        font-weight: 600;
    }

    .REV_Bann_Txt span {
        font-size: 40px;
        color: #e89b0c;

    }


    button.REV_BannBtn:active {
        border-color: #e89b0c !important;
        background: #e89b0c !important;
        color: #313132 !important;
    }


    button.REV_BannBtn:hover span.REV_Form_BtnIc {
        background: #313132;
        color: #ffffff;
    }

    button.REV_BannBtn:hover {
        border: 1px solid #313132;
        background: #f4f4f4;
        color: #313132;
    }

    button.REV_BannBtn {
        background: #313132;
        color: white;
        border-radius: 100px;
        height: 70px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 15px;
        font-size: 20px;
        font-weight: 600;
    }

    .REV_Bann_Img img {
        width: 100%;
        height: auto;
        max-height: 330px;
        object-fit: contain;
        transform: rotate(45deg);
        position: absolute;
        min-height: 330px;
        right: -141px;
        bottom: -84px;
    }

    button.REV_BannBtn span.REV_Form_BtnIc {
        background: #ffffff;
        color: #313132;
    }


    .REV_OT_Wr {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .REV_Form_Cont .multi-checkboxes label:hover {
        background: #313132;
        color: white;
    }

    .REV_Form_Cont .multi-checkboxes label:active {
        background: #e89b0c !important;
    }


    .REV_Form_Cont .selectBox.active {
        border-radius: 10px 10px 0 0;
    }

    .REV_Form_Cont .CheckBtnBox.active {
        border-radius: 0 0 10px 10px !important;
    }

    .REV_Form_Cont .selectBox:hover {
        color: #e89b0c;
        border: 1px solid #e89b0c;
        background: transparent;
    }

    .REV_Form_Cont .selectBox {
        border: 1px solid #ffffff;
        border-radius: 10px;
        font-size: 18px;
        padding: 0 15px;
    }

    .REV_OT_h1 {
        font-size: 40px;
        font-weight: 600;
        display: flex;
        align-items: center;
        gap: 10px;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .REV_OTz_Btn svg {
        width: 24px;
        height: 24px;
        min-width: 24px;
        display: flex;
    }

    .REV_OTz_Btn:active .REV_OTz_Btnic {
        background: #ffffff !important;
        color: #e89b0c !important;
    }

    .REV_OTz_Btn:active {
        background: #e89b0c !important;
        color: white !important;
        border-color: #e89b0c !important;
    }

    .REV_OTz_Btn:hover .REV_OTz_Btnic {
        background: #313132;
        color: white;
    }

    .REV_OTz_Btn:hover {
        border: 1px solid #313132;
        background: white;
        color: #313132;
    }

    .REV_OTz_Btn {
        font-size: 18px;
        display: flex;
        align-items: center;
        gap: 10px;
        background: #313132;
        width: fit-content;
        padding: 0 20px;
        height: 48px;
        border-radius: 10px;
        color: white;
        cursor: pointer;
        user-select: none;
        border: transparent;
    }

.rev_form_bl.active {
    display: block !important;
}

    .REV_OT_Img img {
        width: 70px;
        height: 70px;
        min-width: 70px;
        border-radius: 100px;
        border: 1px solid #ebebeb;
        object-fit: cover;
        background: #f1f1f2;
    }

    .REV_Send.feedback-success-message {
        gap: 20px;
        align-items: center;
        font-size: 54px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        text-align: -webkit-center;
        border: 2px dashed #ffffff;
        height: 100%;
        border-radius: 20px;
        padding: 80px 40px;
    }

    .REV_OT_svr svg {
        transform: rotate(180deg);
    }
    .REV_OTz_Btnic {
        background: #ffffff;
        width: 28px;
        height: 28px;
        min-width: 28px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 30px;
        transform: rotate(45deg);
        color: #313132;
    }

}

/* Отзывы */


/* Отзывы - планшет*/
@media (min-width: 681px) and (max-width: 1024px) {
    body .REV_Form_StrIc {
        justify-content: flex-start;
    }

    body .REV_H1 {
        font-size: 32px;
    }

    body .REV_Bann_Img img {
        max-height: 300px;
        min-height: 300px;
        right: -84px;
        bottom: -70px;
    }

    body .REV_Bann_Txt {
        font-size: 32px;
    }

    body .REV_BannWr {
        border-radius: 40px;
    }

    body .REV_Bann_Txt span {
        font-size: 32px;
    }

    body .REV_OT_h1 {
        font-size: 32px;
    }
    body .REV_Send.feedback-success-message {
        font-size: 46px;
    }


}

/* Отзывы - планшет*/


/* Отзывы - мобильная*/
@media (min-width: 200px) and (max-width: 680px) {
    body .REV_Form_StrIc {
        justify-content: start;
        gap: 15px;
    }

body .REV_Send.feedback-success-message {
    display: flex;
    flex-direction: column-reverse;
    font-size: 24px;
    padding: 40px;
}


body .REV_Send svg {
    width: 60px;
    height: 60px;
    min-width: 60px;
    display: flex;
}

    body .REV_Form_Cont {
        grid-template-columns: 1fr;
        padding: 20px 10px 10px 10px;
        gap: 20px;
    }

    body .REV_Form_H1 {
        font-size: 20px;
        height: fit-content;
        padding: 10px;
        min-height: 50px;
    }

    body button.REV_Form_Btn {
        height: 48px;
    }

    body .REV_H1 {
        font-size: 22px;
        gap: 10px;
    }

    body .REV_BannWr {
        border-radius: 20px;
        padding: 20px;
        flex-direction: column-reverse;
    }

    body .REV_Bann_Txt {
        font-size: 22px;
    }

    body .REV_Bann_Txt span {
        font-size: 22px;
    }

    body .REV_BannCont {
        gap: 20px;
    }

    body .REV_Bann_Img img {
        position: unset;
        transform: rotate(0deg);
        max-height: 132px;
        min-height: 132px;
    }

    body button.REV_BannBtn {
        height: 50px;
        font-size: 18px;
    }

    body .REV_OT_Img img {
        width: 50px;
        height: 50px;
        min-width: 50px;
    }


    body .REV_GL.container {
        gap: 20px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    body .REV_OT_h1 {
        font-size: 22px;
    }


}

/* Отзывы - мобильная*/


/* Профиль сотрудника */
@media all {
    .PROF_AG .agent_menu {
        justify-content: space-between;
        padding: 0;
        margin-top: 40px;
        flex-wrap: wrap;
        gap: 10px;
    }

    .PROF_AG .agent_menu_active div {
        font-family: Radiotechnika;
        font-size: 40px;
    }

    .PROF_AG .agent_content .tabs-items {
        margin-top: 40px;
    }

    .PROF_AG .agent_content .tabs-items {
        margin-top: 90px;
    }

    .PROF_AG .agent_menu_active {
        display: flex;
        gap: 15px;
        color: #313132;
        flex-wrap: wrap;
        align-content: center;
    }


    .PROF_AG .PROF_AG_Mbtn a:active {
        background: #e89b0c !important;
    }

    .PROF_AG .PROF_AG_Mbtn a:hover {
        background: #313132;
    }

    .PROF_AG .PROF_AG_Mbtn a {
        color: #313132;
        display: flex;
        align-items: center;
        gap: 10px;
        background: #f6f6f6;
        padding: 0 15px;
        height: 44px;
        border-radius: 10px;
        border: 1px solid #e5e5e5;
    }

    .PROF_AG_Mbtn {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .PROF_AG .FB_CardDate div {
        margin: 0 0 4px 0;
        align-self: flex-end;
    }

    .PROF_AG .about__title {
        margin-bottom: 20px;
    }


    .PROF_AG .newReviews2_title_photo_feedback img {
        width: 65px;
        height: 65px;
        max-width: 65px;
        max-height: 65px;
    }

    .PROF_AG .newReviews2_title_photo_feedback {
        width: fit-content;
        height: fit-content;
        min-width: fit-content;
    }

    .PROF_Spn svg {
        width: 24px;
        height: 24px;
        min-width: 24px;
        display: flex;
    }

    .PROF_Spn a:active {
        background: #e89b0c !important;
        color: #313132 !important;
        border-color: #e89b0c !important;
    }

    .PROF_Spn a:hover {
        background: #313132;
        color: white;
        border-color: #313132;
    }

    .PROF_Spn a {
        border: 1px solid #313132;
        padding: 0 10px;
        height: 44px;
        width: 100%;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #313132;
        gap: 5px;
        margin: 0;
        min-width: 300px;
    }

    .PROF_Spn {
        flex-direction: column;
        gap: 5px;
        font-size: 18px;
    }

    .PROF_AG .FB_Card {
        display: flex;
        flex-direction: column;
        gap: 20px;
        padding: 0;
    }

    .PROF_Razw svg {
        width: 14px;
        height: 14px;
        min-width: 14px;
        display: flex;
    }

    .PROF_Razw:hover {
        color: #e89b0c;
    }

    .PROF_Razw {
        display: flex;
        align-items: center;
        gap: 5px;
        font-size: 16px;
        color: #b0b0b0;
        width: fit-content;
        float: inline-end;
        cursor: pointer;
        align-self: self-end;
    }

    .PROF_Svrsad {
        align-self: self-end;
    }

    .REV_Send svg {
        width: 150px;
        height: 150px;
        min-width: 150px;
        display: flex;
    }



    .PROF_AG .FB_CardName {
        font-size: 20px;
        font-weight: 600;
    }

    .PROF_AG .FB_CardDate {
        align-self: self-end;
    }

    .PROF_AG .FB_line1.al_ic {
        gap: 10px;
        margin: 0;
        flex-wrap: wrap;
    }
    .REV_Form_txt {
        font-size: 14px;
    }

    div#rating {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
    }

    .PROF_Oinf {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .PROF_AG .FB_CardText {
        margin: 0;
        background: #f3f3f3;
        padding: 15px;
        border-radius: 10px;
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

    .TXT_Otz_hidd {
        font-size: 18px;
        line-height: 1.5;
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        max-height: 129px;
    }

    .PROF_AG .agent_container1 {
        background: #313132;
        padding: 20px;
        height: fit-content;
    }

    .PROF_Fbcard {
        display: flex;
        align-items: center;
        gap: 20px;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .PROF_AG .FB_body:last-of-type {
        margin-bottom: 40px;
    }

    .PROF_AG .FB_body {
        border: 1px solid #d7d7d7;
        border-radius: 20px;
        padding: 20px;
    }

    .PROF_AG .agent_card1.flex_jc_sb {
        height: 100%;
        padding: 0;
        gap: 20px;
        background: transparent;
        display: grid;
        grid-template-columns: 1fr 2fr;
    }

    .PROF_AG .agent_foto {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border: 1px solid #d8d8d8;
        margin: 0;
        min-width: 230px;
    }

    .PROF_AG .flex.gap10.agent_btns {
        width: 100%;
        flex-direction: column;
        align-items: start;
        justify-content: space-between;
        height: 100%;
    }

    .PROF_AG_Cont {
        gap: 20px;
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(281px, 1fr));
        width: 100%;
        color: white;
    }

    .PROF_AG_OS {
        display: flex;
        flex-direction: column;
        background: white;
        border-radius: 15px;
        color: #313132;
        width: 100%;
    }

    .PROF_AG_Cont a {
        color: white;
    }

    .PROF_AG_H1 {
        font-size: 18px;
        font-weight: 600;
        padding: 20px;
        border-bottom: 1px solid #313132;
    }

    .PROF_AG_Cont .agent_info.flex_colum.flex_jc {
        width: 100%;
        gap: 20px;
        font-size: 18px;
    }

    .PROF_AG_foot div.add_feedback:active {
        background: #e89b0c !important;
        border: 1px solid #e89b0c !important;
    }

    .PROF_AG_foot div.add_feedback:hover {
        background: #5a5a5a;
    }

    .PROF_AG_foot div.add_feedback {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        background: transparent;
        color: white;
        border: 1px solid #ffffff;
        height: 55px;
        font-size: 18px;
        white-space: nowrap;
        min-width: fit-content;
    }

    .PROF_AG_foot div {
        color: white;
    }

    .PROF_AG .agent_abil_i_text {
        display: flex;
        flex-direction: column;
        gap: 10px;
        font-size: 18px;
    }

    .PROF_AG .agent_ability.flex.flex_jc_se.gap20 {
        justify-content: space-between;
        height: 100%;
        padding: 20px;
        align-items: center;
        flex-wrap: wrap;
    }

    .PROF_AG .agent_abil_i_text1 {
        font-weight: 500;
    }

    .PROF_AG .agent_name {
        font-size: 24px;
        font-weight: 600;
    }

    .PROF_AG .item6f_3.ReviewsCountBtn {
        color: #e89b0c;
    }

    .PROF_AG .agent_contact svg {
        width: 24px;
        height: 24px;
        min-width: 24px;
        display: flex;
    }

    .PROF_AG .agent_contact {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .PROF_AG div#tabs {
        width: 100%;
    }

    .PROF_AG_foot.flex.gap10 {
        width: 100%;
        justify-content: space-between;
    }

    .PROF_AG_foot a.active div {
        color: #ea9c0b;
    }

    .PROF_AG_foot a.active {
        background: transparent;
        border-color: #ea9c0b;
    }

    .PROF_AG_foot a:hover {
        background: #5a5a5a;
    }

    .PROF_AG_foot a {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        background: transparent;
        color: white;
        border: 1px solid #ffffff;
        height: 55px;
        font-size: 18px;
        min-width: fit-content;
    }

    .PROF_AG_Mbtn svg {
        width: 24px;
        height: 24px;
        min-width: 24px;
        display: flex;
    }

    .PROF_AG_Mbtn .flexAc svg {
        width: 20px;
        height: 20px;
        min-width: 20px;
        display: flex;
    }

    .OST_OTZ_Wr .OST_OTZ_sp {
        font-size: 18px;
    }

    .OST_OTZ_Wr .FB_scoreName {
        font-size: 18px;
    }

    .OST_OTZ_Wr .ModalFB_h3 {
        font-size: 22px;
    }

    .OST_OTZ_Wr.modalFB {
        width: 100%;
        justify-items: center;
        height: 100%;
        top: 50%;
        left: 0;
        background: #00000085;
        align-content: center;
    }

    a.OST_OTZ.btn.js-close-modalFB:hover {
        color: white;
    }

    a.OST_OTZ.btn.js-close-modalFB {
        color: #aaaaaa;
        font-size: 28px;
        padding: 0;
    }


    .OST_OTZ .FB_send:active {
        background: #ffffff00 !important;
        border: 1px solid #e89b0c !important;
        color: #e89b0c !important;
    }

    .OST_OTZ .FB_send:hover {
        background: #ffffff00;
        border: 1px solid #ffffff;
        color: #ffffff;
    }

    .OST_OTZ .FB_send {
        width: 100%;
        background: #ea9c0b;
        border: 1px solid #ea9c0b;
        height: 60px;
        font-size: 18px;
        border-radius: 10px;
    }

    .OST_OTZ #rating span.active {
        color: #ffab4a;
        opacity: 1;
        transform: rotateX(0deg);
        text-shadow: 0 0 30px #ffc;
    }

    .OST_OTZ #rating span.hover {
        color: #ffab4a;
    }

    .OST_OTZ #rating span {
        color: #e1e1e133;
    }

    .OST_OTZ {
        background: #313132;
        border-radius: 20px;
        max-width: 500px;
        padding: 20px;
        color: white;
    }

    .OST_OTZ textarea.FB_textDescr {
        border-radius: 15px;
    }

    .OST_OTZ input.FB_NameInput {
        padding: 0 15px;
        height: 44px;
        border-radius: 10px;
        margin: 15px 0px 10px 0;
    }

    .OST_OTZ input.FB_PhoneInput {
        padding: 0 15px;
        height: 44px;
        border-radius: 10px;
    }

    .COMM_dop {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    a.DOM_UCH_crd  {
        color: white;
    }


}

/* Профиль сотрудника */

/* Профиль сотрудника - планшет */
@media (min-width: 681px) and (max-width: 1024px) {

    body .PROF_AG .agent_menu_active div {
        font-size: 32px;
    }


}

/* Профиль сотрудника - планшет */


/* Профиль сотрудника - мобильная */
@media (min-width: 200px) and (max-width: 680px) {
    body .PROF_AG .agent_menu_active div {
        font-size: 22px;
    }

    body .PROF_AG .agent_card1.flex_jc_sb {
        grid-template-columns: 1fr;
    }

    body .PROF_AG .agent_foto img {
        min-height: 230px;
    }

    body .PROF_AG .agent_container1 {
        padding: 10px;
        border-radius: 10px;
        margin-top: 20px;
    }

    body .PROF_AG .agent_name {
        font-size: 20px;
    }

    body .PROF_AG_Cont {
        grid-template-columns: 1fr;
    }

    body .PROF_AG .agent_foto {
        border-radius: 10px;
    }

    body .PROF_AG .agent_contact {
        font-size: 18px;
    }

    body .PROF_AG .agent_ability_item.flex.gap10 {
        width: 100%;
    }

    body .PROF_AG .agent_ability.flex.flex_jc_se.gap20 {
        margin: 0;
        padding: 10px;
        gap: 10px;
    }

    body .PROF_AG_foot.flex.gap10 {
        grid-template-columns: 1fr;
    }

    body .PROF_AG_foot a.active {
        width: 100%;
    }

    body .PROF_AG .agent_menu_active {
        gap: 10px;
    }

    body .PROF_AG_H1 {
        padding: 10px;
    }

    body .PROF_AG .tabs-items {
        margin-top: 0;
    }

    body .PROF_AG.agent_content {
        padding: 0;
    }

    body .PROF_AG .listing__navigation {
        margin-bottom: 0px;
    }

    body .PROF_Spn a {
        min-width: auto;
        min-height: 44px;
        height: fit-content;
        padding: 5px;
    }

    body .PROF_AG .FB_body {
        padding: 10px;
    }

    body .PROF_Spn {
        width: 100%;
    }

    body .OST_OTZ {
        height: 100dvh;
        min-width: 100%;
        border-radius: 0;
        background: none;
        padding: 0;
    }
body .OST_OTZ_Wr.modalFB {
    background: #313132;
    padding: 10px;
    align-content: start;
}
    body .OST_OTZ .ModalFB {
        padding: 0;
    }
body a.OST_OTZ.btn.js-close-modalFB {
    text-align-last: end;
    height: auto;
}
    body .OST_OTZ .headerFB {
        padding: 0;
    }
body .PROF_AG .agent_menu {
    margin-top: 20px;
}





}

/* Профиль сотрудника - мобильная */