* {
    margin: 0;
    padding: 0;
    font-family: 'Yandex Sans Display';
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 0;
    min-width: 0;
    -webkit-touch-callout: none;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    text-decoration: none;
    list-style: none;
    outline: none !important;
}

body {
    /*    font-size:.875rem;
        font-weight:400;*/
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
    vertical-align: bottom;
    background-color: #fbfcfd;
    /*    background-color: #f8f8f9;*/
    font-size: 14px;
    overflow-x: hidden;
}

body.lock {
    overflow: hidden;
}

body.BodyHidden {
    overflow: hidden;
}

img {
    height: auto;
    width: 100%;
    vertical-align: bottom;
}

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

.wrapBody {
    flex: 1 0 auto;
}

.NoneInput input {
    display: none;
}

/*ОБЩИЕ*/
.w {
    width: 1310px;
    padding: 0 30px;
    max-width: 100%;
    margin: auto;
}

button {
    background: transparent;
}


.d_none {
    display: none !important;
}


.none_btn {
    background: rgba(255, 255, 255, 0);
    border: 0;
}

.oa {
    overflow: auto;
}

.oo {
    overflow: overlay;
}

.fs20 {
    font-size: 20px;
}

.flex {
    display: flex;
}

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

.flexI {
    display: flex !important;
}

.flex_impo {
    display: flex !important;
}

.flex1 {
    flex: 1;
}

.flex2 {
    flex: 2;
}

.flex3 {
    flex: 3;
}

.flex4 {
    flex: 4;
}

.flex5 {
    flex: 5;
}

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

.flex_wrap {
    display: flex;
    flex-wrap: wrap;
}

.gap5 {
    gap: 5px;
}

.gap10 {
    gap: 10px;
}

.gap15 {
    gap: 15px;
}

.gap20 {
    gap: 20px;
}

.gap25 {
    gap: 25px;
}

.gap30 {
    gap: 30px;
}

.prel {
    position: relative;
}

.wi100 {
    width: 100%;
}

.wiMax {
    width: max-content;
}

.al_sc {
    align-self: center;
}

.al_ic {
    align-items: center;
}

.al_ie {
    align-items: end;
}

.flex_jc_sb {
    justify-content: space-between;
}

.flex_jc_sa {
    justify-content: space-around;
}

.flex_jc_se {
    justify-content: space-evenly;
}

.flex_jc {
    justify-content: center !important;
}


.mid {
    flex-direction: column;
    display: flex;
    justify-content: center;
}

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

.mr010 {
    margin: 0 10px;
}

.m010 {
    margin: 0 10px;
}

.m030 {
    margin: 0 30px;
}

.m50 {
    margin: 5px 0;
}

.m100 {
    margin: 10px 0;
}

.mr100 {
    margin: 10px 0;
}

.m5 {
    margin: 5px;
}

.m10 {
    margin: 10px;
}

.ml5 {
    margin-left: 5px;
}

.ml10 {
    margin-left: 10px;
}

.mr10 {
    margin-right: 10px;
}

.mr5 {
    margin-right: 5px;
}

.mb5 {
    margin-bottom: 5px;
}

.mb10 {
    margin-bottom: 10px;
}

.mt5 {
    margin-top: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mt30 {
    margin-top: 30px;
}

.p0 {
    padding: 0;
}

.p5 {
    padding: 5px;
}

.p05 {
    padding: 0 5px;
}

.p50 {
    padding: 5px 0;
}

.pb5 {
    padding-bottom: 5px;
}

.p100 {
    padding: 10px 0;
}

.pr5 {
    padding-right: 5px;
}

.pr10 {
    padding-right: 10px;
}

.fs14 {
    font-size: 14px;
}

.Bor_right {
    border-radius: 0 .25rem .25rem 0;
}

.Bor_left {
    border-radius: .25rem 0 0 .25rem;
}

.grid_2fr {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.grid_1fr {
    display: grid;
    grid-template-columns: 1fr;
}

.BorTop {
    border-top: 1px solid #3333;
}

.BorBot {
    border-bottom: 1px solid #3333;
}

.BorRig {
    border-right: 1px solid #3333;
}

.BorLef {
    border-left: 1px solid #3333;
}

.inputNone input {
    display: none;
}

.tas {
    text-align: start;
}

.tac {
    text-align: center;
}

.title {
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}

.title2 {
    font-size: 34px;
    font-weight: bold;
    text-transform: uppercase;
}

.BtnLiG {
    background-size: 100%;
    background: linear-gradient(45deg, #2196f3, #03a9f4);
    background-size: 100%;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .3);
    display: inline-block;
    vertical-align: middle;

    background-color: transparent;
    color: #fff;
    text-align: center;

    position: relative;
    z-index: 100;
}

.BtnLiG:before {

    background-image: linear-gradient(160deg, #2bc155, #22ae49);
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    z-index: -100;
    transition: .3s;
}

.BtnLiG:hover:before {
    opacity: 1;
}

.savebtn_fixed {
    position: fixed;
    top: 0;
    background: #c3d7ec;
    width: 100%;
    z-index: 123;
}

.tabsContent > div {
    display: none;
}

.tabsContent > div.active {
    display: block;
}

.text_center {
    text-align: center;
}

.SVGMetro {
    font-size: 15px;
    color: #3333338c;
}

/*ОБЩИЕ*/
/*scroll*/
::-webkit-scrollbar {
    width: 13px; /* ширина для вертикального скролла */
    height: 10px; /* высота для горизонтального скролла */
    background-color: rgba(20, 56, 97, 0);
}

/* ползунок скроллбара */
::-webkit-scrollbar-thumb {
    border-radius: 9em;
    background-color: rgba(47, 47, 47, 0.22);
    transition: background-color .2s linear, width .2s ease-in-out;
}

::-webkit-scrollbar-thumb:hover {
    width: 10px; /* ширина для вертикального скролла */
    height: 10px; /* высота для горизонтального скролла */
    background-color: rgba(0, 0, 0, 0.42);
}

/* Стрелки */
.portlet-placeholder {
    border: 1px dotted black;
    background: rgba(255, 255, 255, 0.5);
    margin: 0 10px;
    height: 120px;
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
}

/*scroll*/
.ModZUF_box {
    display: flex;
    margin: 5px -10px;
    justify-content: center;
}

.ModZUF_it0 {
    user-select: none;
    margin: 0 10px;
    border: 1px solid #3333;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    font-size: 20px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    user-select: none;
    display: flex;
}

label.ModZUF_it0:active {
    color: #fff !important;
    background: #2e2e2e !important;
}

label.ModZUF_it0.ModZUF_it1 {
    font-size: 17px;
}

.ModZUF_box input[type=radio]:checked + label.ModZUF_it1 {
    color: #fff;
    background: #25ad2b;
    border: 1px solid #3330;
}

.ModZUF_box input[type=radio]:checked + label.ModZUF_it2 {
    color: #fff;
    background: #25d366;
    border: 1px solid #3330;
}

.ModZUF_box input[type=radio]:checked + label.ModZUF_it3 {
    border: 1px solid #3330;
    color: #fff;
    background: #25a6e7;
}

label.ModZUF_it0.ModZUF_it1:hover {
    color: #fff;
    background: #25ad2b;
    border: 1px solid #3330;
}

label.ModZUF_it0.ModZUF_it2:hover {
    color: #fff;
    background: #25d366;
    border: 1px solid #3330;
}

label.ModZUF_it0.ModZUF_it3:hover {
    border: 1px solid #3330;
    color: #fff;
    background: #25a6e7;
}

.slide-one .owl-dots {
    position: absolute;
    z-index: 1;
    right: 0;
    left: 0;
    margin: 0;
    bottom: 5%;
    font-size: 45px;
}

.slide-two .owl-nav button {
    padding: 0 !important;
}

.slide4.owl-theme .owl-nav [class*=owl-] {
    margin: 5px;
}

/*Catalog*/
.CatCardImg img {
    height: 250px;
    min-height: 250px;
    max-width: 400px;
    object-fit: cover;
    border-radius: 8px 0 0 8px;
}

.CatCardBox {
    /*  margin: 0 -10px;*/
}

.CatCardItem {
    display: flex;
    border-radius: 8px;
    border: 1px solid #e9e9e9;
    margin: 10px;
}

.CatCardInfo {
    display: flex;
    padding: 15px;
    flex: 1 1 auto;
}

.CatCardIcon1 {
    position: absolute;
    top: 10px;
    right: 10px;
}

.CatCardIcon1_1 {
    color: #f44336;
    background: #fff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    box-shadow: 0 0 8px #333333a3;
}

/*Catalog*/
/*Filter*/

#tab-2 .FItem4 {
    grid-column: 3/5;
}

#tab-4 .FItem5 {
    grid-column: 1/3;
}

.Razd_2 .FItem5 {
    grid-column: 1/3;
}

.Razd_1 .FItem4 {
    grid-column: 3/5;
}

/*Filter*/
/*selection*/
.selWrap {
    margin: 30px 0;
}

.selTable {
    box-shadow: 0 0 5px #3333333b;
}

.selImg img:hover {
    filter: brightness(0.8);
}

.selImg img {
    transition: .2s;
    border-radius: 8px 8px 0 0;
    height: 245px;
    object-fit: cover;
    filter: brightness(0.6);
}

.selImgText1 {
    color: #fff;
    font-weight: 800;
    font-size: 45px;
    white-space: nowrap;
    text-shadow: 0 0 20px #00000073;
}

.selImgText2 {
    position: absolute;
    top: 15px;
    left: 40px;
    color: #fff;
    white-space: nowrap;
}

.selImgText2_2 {
    font-weight: 600;
    font-size: 20px;
}

.selImgTextBlock1 {
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    width: 100%;
    padding: 0 40px;
    justify-content: space-between;
    align-items: flex-end;
}

.selImgText3 {
    display: flex;
    color: #fff;
    font-size: 36px;
    font-weight: 500;
    text-shadow: 0 0 20px #00000073;
}


.selImgText4 {
    display: flex;
    margin: 0 0 4px 0;
}

.selImgText4_1 {
    color: #9c27b0;
    font-weight: 800;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    font-size: 16px;
    height: 25px;
    margin-right: 10px;
}

.selImgText4_2 {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    text-shadow: 0 0 20px #00000073;
}

.selImgText5_0 {
    display: flex;
    flex-direction: column;
    position: absolute;
    right: 15px;
    top: 25px;
}

.selImgText5 {
    background: linear-gradient(
        45deg, #0089ffcc, #2196f3db);
    color: #fff;
    padding: 5px 10px;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 8px;
    margin-bottom: 3px;
}

.selTableTr {

}

.selTableTr {
    display: flex;
    min-height: 70px;
    max-height: 70px;
}

.selTableTh {
    flex: 1 0 90px;
    padding: 10px 5px;
    color: #fff;
    font-weight: 600;
    background: #363636;
    border-right: 1px solid #ffffff4a;
}

.selTableTr:hover .selTableTd {
    border-bottom: 1px solid #2196f3;
    background: #f2f9ff;
    cursor: pointer;
}

.selTableTd {
    position: relative;
    flex: 1 0 90px;
    padding: 10px 5px;
    background: #ffffff;
    border-bottom: 1px solid #3333;
    border-right: 1px solid #3333331a;
    display: flex;
    align-items: center;
    justify-content: center;
}

.st_Td2_1 {
    background: #3333;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-weight: 700;
    font-size: 18px;
}

.st_Td1 .st_Td1_1 {
    transition: all .2s;
    cursor: pointer;
    user-select: none;
    opacity: 0;
}

.st_Td1:hover .st_Td1_1 {
    opacity: 1;
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: #33333359;
}

.st_Td1_2 {
    position: absolute;
    top: 0;
    font-size: 34px;
    color: #fff;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.st_Td1 img {
    transition: .3s;
    object-fit: contain;
    height: -webkit-fill-available;
}

.st_Td1 img:hover {
    transform: scale(0.8);
}

.selTableElse:hover {
    background: #cce9ff8c;
}

.selTableElse {
    margin: 0 0 40px 0;
    text-align: center;
    padding: 15px 0;
    border-radius: 0 0 8px 8px;
    background: #cce9ff;
    box-shadow: 0 8px 17px 0 #4f4f4f63;
    color: #2196f3;
    font-weight: 500;
}

/*selection*/

.sticky-element.fixed {
    position: fixed !important;
    top: 70px;
}

.sticky-element {
    position: relative !important;
}

/*Мультиселект с чекбоксами*/
.ms-select-results {
    max-height: 30px;
    max-width: 240px;
    overflow: hidden;
    white-space: nowrap;
    color: rgb(33, 33, 33);
    font-weight: 500;
    font-size: 16px;
}

.SITE_VGl.ms-select-results {
    margin-top: 0;
}

.listing .multiselect {
    min-width: 225px;
}

.multiselect {
    cursor: pointer;
    position: relative;
    border-radius: 4px;
    height: 40px;
    line-height: 16px;
    font-size: 14px;
    border-color: #3333332e;
    background: #fff;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 20%), 0 1px 2px rgb(0 0 0 / 5%);
}

.filterLine1 .chosen-container-single .chosen-single:hover {
    border-color: #0099fe;
    background: #e6f5ff;
}

.selectBox:focus {
    border-color: #0099fe;
    background: #e6f5ff;
}

.selectBox:hover {
    border-color: #0099fe;
    background: #e6f5ff;
}

.selectBox {
    position: relative;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 8px 0 8px;
    color: #878787;
    border: 1px solid #3333;
    border-radius: 4px;
    user-select: none;
}

.selectBox select {
    width: 100%;
    font-weight: bold;
}

.overSelect {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.multi-checkboxes:hover {
    border: 1px #2196f3 solid;
}

.multi-checkboxes {
    max-height: 165px;
    height: auto;
    overflow-y: auto;
    overflow-x: hidden;
    display: none;
    position: absolute;
    z-index: 100;
    background: #fff;
    border: 1px #dadada solid;
    border-radius: 0 0 8px 8px;
    width: max-content;
    min-width: 100%;
    margin: -2px 0 0 0;
    box-shadow: 0px 4px 18px 1px #0000002b;
}

.multiselect .multi-checkboxes label:first-of-type {
    border-radius: 0;
}

.multiselect .multi-checkboxes label input {
    margin-right: 10px;
    width: fit-content;
}

label.LAB_Fl.ms-checkbox-row {
    display: flex !important;
}




.multiselect .multi-checkboxes label {
    white-space: nowrap;
    display: flex;
    align-items: center;
    width: 100%;
    user-select: none;
    height: 36px;
    font-size: 14px;
    border: none;
    color: #333;
    background: #ffffff;
    cursor: pointer;
    padding: 0 10px;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 20%), 0 1px 2px rgb(0 0 0 / 5%);
}

.multi-checkboxes.active {
    display: block;
}

.multi-checkboxes label {
    display: block;
}

.multi-checkboxes label:active {
    background: #f8f8f8 !important;
}

.multi-checkboxes label:hover {
    background: #e6f5ff;
}

.multi-checkboxes.CheckBtnBox input[type=checkbox]:hover {
    border-color: #2196f3;
}

.multiselect .multi-checkboxes label:last-child {
    border-radius: 0 0 8px 8px;;
}

.multiselect input.ms-search-input {
    display: flex;
    border: 1px solid #3333;
    border-radius: 4px;
    padding: 5px;
    width: 100% !important;
}

.multiselect ul.ms-choices {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

/*.CheckBtnBox {
    display: none;
}*/
.CheckBtnBox.active {
    display: inherit;
}

.selectBox.active {
    border-color: #0099fe;
    background: #e6f5ff;
}

.selectBox .animS {
    transition: transform .2s ease-out;
}

.selectBox.active .animS {
    transform: rotate(180deg);
    transition: transform .2s ease-out;
}

.ms-result-count {
    margin-left: 5px;
}

/*Мультиселект с чекбоксами*/

/*Метро*/
.modalMetBtns {
    display: flex;
    justify-content: center;
    position: absolute;
    width: 100%;
    bottom: 50px;
    z-index: 100;
}

.modalMetBtn0 {
    margin: 10px;
    padding: 7px 20px;
    border-radius: 8px;
    cursor: pointer;
    user-select: none;
}

.modalMetBtn1:active {
    background: #ffffff !important;
    color: #2196f3 !important;
}

.modalMetBtn1:hover {
    background: #097fde;
    color: #fff;
}

.modalMetBtn1 {
    border: 1px solid #2196f3;
    background: #ffffff;
    color: #2196f3;
}

.modalMetBtn2:active {
    background: #2196f3 !important;
}

.modalMetBtn2:hover {
    background: #097fde;
}

.modalMetBtn2 {
    border: 1px solid #2196f3;
    background: #2196f3;
    color: #fff;
}

/*Метро*/
.header-fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

.pagin-hidden {
    display: none !important;
}

.contMarginDop {
    margin-top: 20px;
    border-radius: 8px;
}

/*Chat*/
@media {
    .chat__body_close svg:hover {
        opacity: .7;
    }

    .chat__popup :hover + .bottomCorner_8591:after {
        border-color: transparent transparent #f3f3f3 #f3f3f3 !important;
    }

    .bottomCorner_8591:after {
        content: "" !important;
        position: absolute;
        width: 0;
        height: 0;
        left: 25px;
        bottom: -20px;
        box-sizing: border-box;
        border-color: transparent transparent #fff #fff;
        border-style: solid;
        border-width: 10px;
        transform-origin: 0 0;
        transform: rotate(
            -45deg
        );
        box-shadow: -3px 3px 5px 0 rgb(0 0 0 / 7%);
    }

    .chat__popup {
        right: 40px;
        bottom: 48px;
        position: fixed;
        display: none;
        flex-direction: column;
        border-radius: 8px 8px 0 0;
        width: 305px;
        z-index: 99999;
        background: #fff;
        cursor: pointer;
        box-shadow: 0 5px 20px 0 rgb(0 0 0 / 20%);
    }

    .chat__wrapper {
        margin: 0;
        position: fixed;
        right: 30px;
        bottom: 0;
        z-index: 1000;
        overflow: hidden;
    }

    .chat__title:hover {
        background: linear-gradient(
            45deg, #03a9f4a3, #2196f3b8);
    }

    .chat__title {
        width: 315px;
        height: 34px;
        background: linear-gradient(
            45deg, #03a9f4, #2196f3);
        padding: 5px;
        color: #fff;
        text-align: center;
        border-radius: 14px 14px 0 0;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .popup__active {
        display: flex;
    }

    .chat__row {
        display: flex;
        padding: 10px;
    }

    .chat__row:first-child:hover {
        border-radius: 8px 8px 0 0;
    }

    .chat__row:last-of-type:hover {
        border-radius: 0 0 8px 8px;
    }

    .chat__row:hover {
        background: #f3f3f3;
    }


    .chat__icon {
        font-size: 25px;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
    }

    .chat__name {
        font-size: 18px;
        align-self: center;
    }

    .chat__body_active {
        display: block !important;
        transition: all .75s ease-out;
        transform: translatey(0%) !important;
    }

    .chat__body {
        background: #fff;
        transform: translatey(100%);
        transition: all .75s ease-out;
        right: 30px;
        bottom: 0px;
        position: fixed;
        border-radius: 8px 8px 0 0;
        width: 315px;
        height: 498px;
        z-index: 999999;
        box-shadow: 0 20px 40px 8px rgb(0 0 0 / 25%);
    }

    .chat__body_header {
        padding: 5px;
        display: flex;
        justify-content: space-around;
        background-color: #3c6585;
        background-size: auto;
        border-radius: 8px 8px 0 0;
        background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23000000' fill-opacity='0.17' fill-rule='evenodd'%3E%3Ccircle cx='3' cy='3' r='3'/%3E%3Ccircle cx='13' cy='13' r='3'/%3E%3C/g%3E%3C/svg%3E");

    }

    .chat__body_close {
        cursor: pointer;
        user-select: none;
        margin-left: -50px;
    }

    .chat__body_close_icon {
        width: 25px !important;
        height: 25px;
        cursor: pointer;
    }

    .chat__body_name {
        position: relative;
        border-radius: 5px;
        background: #fff;
    }

    .chat__body_name img {
        width: 75px;
        height: 55px;
    }

    .chat__body_name div {
        background: radial-gradient(53.87% 5889.12% at 44.59% 58.82%, #07baff 0, #66a9fb 100%);
        -webkit-background-clip: text;
        color: transparent;
        font-weight: 700;
    }

    .chat__greencircle {
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: #1fcf4d !important;
        position: absolute;
        left: 38px;
        bottom: 6px;
    }

    .chat__body_online {
        display: flex;
        flex-direction: column;
        color: #fff;
        align-self: center;
    }

    .chat__body_phone:active {
        background: #abffaf61 !important;
    }

    .chat__body_phone:hover {
        background: #34a139;
    }

    .chat__body_phone {
        cursor: pointer;
        user-select: none;
        align-self: center;
        background: #4caf50;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .chat__body_phone_icon {
        width: 20px !important;
        height: 20px;
        color: #fff;
    }

    .chat__body_content {
        background: #fff;
        height: 340px;
        border-bottom: 1px solid #0000002e;
    }

    .chat__body_footer {
        background: #fff;
        display: flex;
        flex-direction: column;
    }

    .chat__body_text {
        display: flex;
        justify-content: space-between;
        padding: 10px 10px 0;
    }

    .chat__body_send {
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50px;
        height: 40px;
        width: 40px;
        background: #9e9e9e4f;;
    }

    .chat__body_send_icon {
        color: #fff;
    }

    .chat__text {
        padding: 13px 0 0 0;
        width: 245px;
    }

    .chat__body_file {
        padding: 0 10px 10px;
    }

    .chat__body_file_icon {
        color: #9e9e9e;
        width: 30px !important;
        height: 20px;
        transform: rotate(315deg);
    }

    .cb__message_hello_active {
        display: flex !important;
    }

    .cb__message_hello {
        display: none;
        flex-direction: column;
        width: 100%;
        padding: 10px;
    }

    .cb__message_name {
        margin-left: 58px;
        font-size: 10px;
    }

    .cb__message_body {
        display: flex;
        position: relative;
    }

    .cb__message_avatar {
        width: 46px;
        border-radius: 50%;
        overflow: hidden;
        align-self: center;
    }

    .cb__message_avatar img {
        height: 46px;
        width: 100%;
        vertical-align: bottom;
        object-fit: cover;
    }

    .cb__message_content {
        width: 240px;
        padding: 5px;
        margin: 5px 0 0 7px;
        display: flex;
        background: #9e9e9e1f;
        border-radius: 10px;
    }

    .cb__message_time {
        align-self: end;
        margin-left: 10px;
        font-size: 11px;
        width: 65px;
    }

    .cb__message_typing_noactive {
        display: none !important;
    }

    .cb__message_typing {
        background: #9e9e9e1f;
        border-radius: 10px;
        width: 120px;
        position: fixed;
        bottom: 110px;
        padding: 2px 10px;
        font-style: oblique;
    }

    .chat__body_message {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }

    .cb__message_answer_active {
        display: flex !important;
    }

    .cb__message_answer {
        display: none;
        width: 100%;
        padding: 10px;
    }

    .cb__message_answer_avatar {
        width: 42px;
        height: 42px;
        border-radius: 50%;
        overflow: hidden;
        align-self: center;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #07a7f4;
        margin-left: 7px;
    }

    .chat__body_send_active {
        background: #07a7f4 !important;
    }

    .chat__body_callme_active {
        display: flex !important;
    }

    .chat__body_callmeback {
        display: none;
        flex-direction: column;
    }

    .cb__callme_text {
        padding: 10px;
        text-align: center;
    }

    .cb__callme_input {
        padding: 10px;
        width: 80%;
        margin: 5px auto;
        font-size: 14px;
        border: 1px solid #000;
    }

    .cb__nonactive {
        display: none !important;
    }

    .chat__body_content_callme {
        height: 260px !important;
    }

    .chat__body_callme {
        height: 385px;
    }

    .cb__callme_send {
        width: 44%;
        background: #e1e1e1;
        border-radius: 10px;
        padding: 9px;
        margin: 10px;
        text-align: center;
    }

    .cb__callme_send_active {
        background: #2196f3 !important;
        color: #fff !important;
        cursor: pointer;
    }

    .cb__callme_send_active:hover {
        border: 1px solid #ffffff;
        background: #0000009c !important;
        color: #ffffff !important;
    }

    .cb__f_tochat {
        display: none;
        text-align: center;
        cursor: pointer;
        text-decoration: underline;
    }

    .cb__f_tochat_active {
        display: block !important;
    }

}

/*Chat*/
.send-form-input__block {
    height: 5px;
    visibility: hidden;
}

/* Титульник */
@media all {
    .RIO_Bg {
        width: 100vw;
        height: auto;
        object-fit: cover;
        position: relative;
    }

    .RIO_Sl_txt {
        border-radius: 10px 0 0 10px;
        background: #01519f;
        color: white;
        padding: 40px;
        display: flex;
        flex-direction: column;
        gap: 40px;
        font-size: 18px;
        line-height: 1.5;
    }

    .RIO_lI_Ic svg {
        width: 46px;
        height: 46px;
        min-width: 46px;
        display: flex;
    }

    .RIO_Sl_H1 {
        font-size: 28px;
    }

    .RIO_lInk {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 40px;
        justify-items: anchor-center;
        z-index: 1;
    }

    .RIO_lIBl_Wr:active {
        background: #084382 !important;
        color: white !important;
    }

    .RIO_lIBl_Wr:hover {
        background: #01519f;
        color: #ffffff;
    }

    .RIO_lIBl_Wr {
        display: flex;
        gap: 20px;
        align-items: center;
        background: #01519fb3;
        color: white;
        padding: 40px 40px;
        width: 100%;
        border-radius: 10px;
        font-size: 20px;
        cursor: pointer;
        text-align: center;
        border: 1px solid #ffffff;
        height: fit-content;
        min-width: fit-content;
    }

    .DBL_RCont1BL1:hover {
        background-image: linear-gradient(360deg, #01519fa6, #0000000d), url(/img/riobl1_bg.png);
    }

    .DBL_RCont1BL1 {
        border-radius: 10px;
        cursor: pointer;
        display: flex;
        flex-direction: column;
        width: calc(50% - 20px);
        padding: 60px 30px 25px;
        align-items: flex-start;
        color: #ffffff;
        height: 316px;
        background-color: #01519f;
        transition: .3s ease-out;
        background-image: linear-gradient(280deg, #00000042, #0000000d), url(/img/riobl1_bg.png);
        gap: 20px;
        justify-content: space-between;
        font-size: 16px;
    }

    .DBL_RCo1BL2v.DBL_RL2v:hover {
        background: #004486;
        color: #fff;
    }

    .DBL_RCo1BL2v.DBL_RL2v {
        background-image: none;
    }

    .DBL_RCo1BL2v:hover {
        color: #fff;
        background-image: linear-gradient(360deg, #01519fa6, #0000000d), url(/img/rioblock2_bg.png);
    }
    .DBL_RCo1BL2v:hover .DBL_BL2v_h1, .DBL_RCo1BL2v:hover .DBL_BL2v_obj, .DBL_R1BL1_H1:hover {
        color: #ffffff69;
    }
    .DBL_RContWrapz {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    }
    .DBL_RCo1BL2v {
        border-radius: 10px;
        cursor: pointer;
        height: 316px;
        width: calc(25% - 10px);
        padding: 25px 30px;
        text-align: center;
        color: #ffffff;
        background-size: cover;
        transition: .3s ease;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
        background-color: #01519f;
        background-image: linear-gradient(280deg, #00000042, #0000000d), url(/img/rioblock2_bg.png);
        gap: 20px;
        font-size: 16px;
    }

    .DBL_RCo1BL2v.DBL_obj_img {
        background-image: linear-gradient(377deg, #00000078, #ffffff00), url(/img/mn_at_bg.png);
    }

    .DBL_RCo1BL2v.DBL_obj_img:hover {
        background-image: linear-gradient(360deg, #01519fa6, #0000000d), url(/img/mn_at_bg.png);
    }

    .DBL_RlbMain svg {
        width: 55px;
        height: 55px;
        min-width: 55px;
        display: flex;
    }

    .DBL_RMain_St svg {
        width: 42px;
        height: 42px;
        min-width: 42px;
        display: flex;
        margin-right: 5px;
    }

    .DBL_RlbMain:hover {
        background-color: #004486;
        color: #fff;
    }

    .DBL_RlbMain {
        border-radius: 10px;
        cursor: pointer;
        background: #01519f;
        color: white;
        font-size: 16px;
        padding: 20px;
        display: flex;
        align-items: center;
        gap: 20px;
        width: 100%;
        height: 92px;
    }

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

    .DBL_RlbMco_H1 {
        font-size: 18px;
        font-weight: 600;
    }

    .DBL_RCo_Stlb {
        position: relative;
        height: 316px;
        width: calc(25% - 20px);

        transition: .3s ease;
        gap: 20px;
        display: flex;
        flex-direction: column;
    }

    .DBL_Rcic {
        margin: 0px 10px 35px 0;
    }

    .DBL_BL2v_h1 {
        font-size: 18px;
        font-weight: 600;
    }

    .DBL_Rcic svg {
        width: 142px;
        height: 142px;
        min-width: 142px;
        display: flex;
    }

    .DBL_rio.container {
        margin: 30px auto;
        display: flex;
        flex-wrap: wrap;
    }

.DBL_rio_H11 {
    font-size: 28px;
    margin: 0 0 32px 0;
}

    .DBL_R1BL1_grr {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }
    .DBL_R1BL1_H1, .DBL_R1BL1_grr a {
        color: #fff;
    }
    .DBL_R1BL1_grr a:hover {
        color: #ffffff69;
    }
    .DBL_R1BL1_a {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .DBL_R1BL1_H1 {
        font-size: 24px;
        font-weight: 300;
    }


    .RIO_lux header.flex.mid {
        max-width: 1300px;
        width: 100%;
        margin: 0 auto;
        justify-self: anchor-center;
        background: none;
    }

    .RIO_Lux_hwr {
        display: flex;
        align-items: center;
        gap: 30px;
    }

    .RIO_MOB_MEN {
        display: none;
    }

    .RIO_MOB_LG .Logo {
        max-height: fit-content;
    }

    .RIO_MOB_LG .Logo svg {
        width: 75px;
        height: 75px;
        min-width: 90px;
        display: flex;
    }

    .RIO_HeWr .header_burger svg {
      display: none;
    }
    .constellation-canvas {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .RIO_lux {
        background-position: center;
        background-repeat: no-repeat;
        object-fit: cover;
        min-height: fit-content;
        position: relative;
        width: 100%;
        background-size: cover;
    }

    .RIO_Lux_hwr .Logo {
        width: fit-content;
        min-width: fit-content;
        /*  background: #01519fb3;*/
        height: 128px;
        display: flex;
        align-items: center;
        justify-content: center;
        align-self: start;
    }

    .RIO_HeadWr .BorBot {
        background: none;
        color: white;
        padding: 10px 0 10px 0;
        border: none;
    }

    .RIO_HeadWr nav.Line1 {
        padding: 0;
    }

    .RIO_HeadWr .flex_jc_sb {
        padding: 0;
    }

    .RIO_Hline {
        width: 100%;
        height: 1px;
        background: #d6e0e9;
    }

    .RIO_Lux_hwr nav.Line2 {
        padding: 0;
    }

    .RIO_Lux_hwr .MenuLine2 {
        padding: 0;
        background: none;
    }

    .RIO_Lux_hwr .MenuSLine1 a {
        color: #0d253d;
    }


    .RIO_HeadWr {
        font-size: 16px;
        display: flex;
        flex-direction: column;

    }

    .RIO_HeadWr .WrapmenuListS {
        border-radius: 10px;
        padding: 5px;
    }

    .RIO_HeadWr .WrapmenuListS li:hover {
        border-radius: 6px;
    }


    .RIO_HeadWr .MenuBtnLine1 {
        gap: 20px;
    }

    .RIO_HeadWr .check_menu {
        padding: 0;
    }

    .RIO_HeadWr .MenuSLine1Block.flex.al_ic {
        display: flex;
        align-items: center;
        gap: 7px;
    }

    .RIO_HeadWr .flex.al_ic {
        gap: 7px;
        color: #0d253d;
    }


    .RIO_HeadWr nav ul.Menu > li {
        margin: 0;
    }

    .RIO_HeadWr ul.Menu.flex {
        gap: 20px;
    }

    .RIO_HeadWr .IconPhoneMenu1:active {
        color: white !important;
        background: #01519f !important;
    }

    .RIO_HeadWr .IconPhoneMenu1:hover {
        color: white;
        background: #01519fb3;
        border: transparent;
    }

    .RIO_HeadWr .IconPhoneMenu1 {
        margin: 0;
        border-radius: 100px;
        background: #ebebec;
        color: #616e7a;
        box-shadow: none;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 34px;
        width: 34px;
        min-width: 34px;
    }

    .helpersDI.request_butt.flexAc.gap5 {
        color: #01519f;
    }

    .RIO_HeadWr .lang__link_select a {
        color: #4a4a4a !important;
    }


    .RIO_HeadWr .lang__link_select:hover {
        color: #01519fb3;
        border: 1px solid #08438200;
        background: #4b83ba21;
    }

    .RIO_HeadWr .lang__link_select {
        margin: 0;
        border-radius: 8px;
        background: #ebebec;
        color: #616e7a;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 34px;
        padding: 0 10px;
        gap: 5px;
        min-width: fit-content;
        flex-flow: nowrap;
    }


    .RIO_HeadWr .TelMenu1.flex.al_ic.Btns {
        gap: 10px;
    }

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

    .RIO_Location:active {
        color: #ffffff !important;
        border: 1px solid #01519f !important;
        background: #01519f !important;
    }

    .RIO_Location:hover {
        color: #01519fb3;
        border: 1px solid #08438200;
        background: #4b83ba21;
    }

    .RIO_Location {
        display: flex;
        align-items: center;
        gap: 5px;
        background: #acacac2b;
        height: 34px;
        padding: 0 10px;
        border-radius: 8px;
        backdrop-filter: blur(20px);
        border: 1px solid transparent;
        color: #616e7a;
    }

    .RIO_HeadWr a.MenuBtnTel.Btns:active {
        color: #ffffff !important;
        border: 1px solid #01519f !important;
        background: #01519f !important;
    }

    .RIO_HeadWr a.MenuBtnTel.Btns:hover {
        color: #01519fb3;
        border: 1px solid #08438200;
        background: #4b83ba21;
    }

    .RIO_HeadWr a.MenuBtnTel.Btns {
        border-radius: 8px;
        padding: 0 15px;
        min-height: 34px;
        display: flex;
        align-items: center;
        justify-content: center;
        /*background: #01519fb3;*/
        background: #01519f;
        color: white;
    }


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

    .RIO_Sl_img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 0 10px 10px 0;
    }

    .RIO_Slider {
        display: grid;
        grid-template-columns: 1fr 1fr;
        height: 34vw;
        max-height: 534px;
    }

    .RIO_MAin_Cont {
        max-width: 1300px;
        width: 100%;
        margin: 0 auto;
        justify-self: anchor-center;
        display: flex;
        flex-direction: column;
        gap: 20px;
        padding: 0 20px 20px 20px;padding-bottom: 40px;

    }

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

    @media (min-width: 200px) and (max-width: 650px) {

        body .RIO_Hline {
            display: none;
        }

        body .RIO_HeadWr .TelMenu1.flex.al_ic.Btns {
            margin: 0;
            min-width: fit-content;
        }

        body .RIO_HeadWr .flex_jc_sb {
            width: fit-content;
        }

        body .RIO_HeadWr .BorBot {
            padding: 0;
        }

        body .RIO_HeadWr {
            display: flex;
            width: 100%;
            flex-direction: row;
            align-items: center;
            gap: 10px;
            justify-content: space-between;
            flex-wrap: wrap;
        }

        body .RIO_HeadWr a.MenuBtnTel.Btns {
            display: flex !important;
        }

        body .RIO_lInk {
            grid-template-columns: 1fr;
            gap: 10px;
        }

        body .RIO_Lux_hwr .Logo {
            padding: 0;
            background: none;
            height: fit-content;
        }




        body .RIO_Slider {
            display: flex;
            flex-direction: column-reverse;
            margin: 0;
            height: 100%;
            max-height: 100%;
        }


        body .RIO_MAin_Cont {
            gap: 25px;
            padding: 0 10px 20px 10px;
        }

        body .RIO_Sl_txt {
            border-radius: 0 0 15px 15px;
            padding: 15px;
            gap: 20px;
        }

        body .RIO_TXT_main {
            gap: 10px;
        }

        body .RIO_Sl_img img {
            border-radius: 15px 15px 0 0;
        }

        body .RIO_Sl_H1 {
            font-size: 24px;
        }
        body .RIO_Sl_img {
            height: 250px;
        }
        body .swiper-wrapper {
            align-items: inherit;
        }

    }

}

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


/* Учебный центр */
@media all {
    .EDUC_Bl1 {
        max-width: 1300px;
        width: 100%;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        gap: 25px;
        padding: 40px;
        background-image: linear-gradient(280deg, #ffffff2b, #ffffff2b), url(/img/educ_bg.png);
        color: white;
        font-size: 16px;
        text-align: -webkit-center;
    }

    .EDUC_H1 {
        font-size: 28px;
    }

    .EDUC_GL {
        display: flex;
        flex-direction: column;
        gap: 80px;
    }

    .EDUC_OCont {
        display: flex;
        flex-direction: column;
        gap: 40px;
        background: #01519f59;
        padding: 40px 130px;
        line-height: 1.5;
        border: 1px solid #ffffff63;
    }

    .EDUC_OName {
        font-size: 24px;
    }

    .EDUC_2_Ic svg {
        width: 45px;
        height: 45px;
        min-width: 45px;
        display: flex;
    }

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

    .EDUC_2_svgBl {
        width: 100px;
        height: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #d7e8ec;
        border-radius: 100px;
    }

    .EDUC_2_Ic {
        display: flex;
        flex-direction: column;
        gap: 20px;
        align-items: center;
        font-size: 16px;
        color: #0d253d;
        text-align: center;
    }

    .EDUC_Bl2 {
        max-width: 1300px;
        width: 100%;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        gap: 80px;
    }


    .EDUC_2Za_Ic svg {
        width: 18px;
        height: 18px;
        min-width: 18px;
        display: flex;
    }

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

    .EDUC_2ZaGl {
        display: flex;
        gap: 40px;
        padding: 40px;
    }

    .EDUC_2Za2_bl {
        flex: 0 0 386px;
        flex-direction: column;
        gap: 40px;
        display: flex;
        max-width: 300px;
        position: sticky;
        top: 10px;
    }

    .EDUC_2blStik {
        flex: 0 0 386px;
    }

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

    .EDUC_2Za1bl {
        display: flex;
        flex-direction: column;
        gap: 30px;
        padding: 40px;
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1);
        border: 1px solid #d7e8ec;
        line-height: 26px;
        font-size: 16px;
        min-height: 394px;
        justify-content: center;
    }

    .EDUC_3B_Txt {
        display: flex;
        flex-direction: column;
        gap: 20px;
        margin-top: 20px;
    }

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

    .EDUC_3Ellips {
        background: #01519f !important;
        width: 5px;
        height: 5px;
        color: #01519f;
        min-width: 5px;
        border-radius: 10px;
        margin-top: 9px;
    }

    .EDUC_3Li {
        display: flex;
        align-items: start;
        gap: 10px;
    }

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

    .EDUC_Numb {
        color: #01519f;
        font-weight: 600;
    }

    .EDUC_Li {
        display: flex;
        align-items: start;
        gap: 10px;
    }


    button.EDUC_2Za_But:active {
        background-color: #004486 !important;
        box-shadow: none !important;
    }

    button.EDUC_2Za_But:hover {
        transition: .3s ease-out;
        box-shadow: 0 3px 6px 0 rgba(60, 69, 196, .32);
    }

    button.EDUC_2Za_But {
        padding: 15px 10px;
        cursor: pointer;
        background-color: #01519f;
        font-size: 16px;
        color: #fff;
        transition: .3s ease-out;
        border-radius: 3px;
        white-space: nowrap;
        text-align: center;
        font-weight: 300;
        border: none;
        max-width: 50%;
    }

    .EDUC_2Za_List {
        display: flex;
        flex-direction: column;
        gap: 20px;
        font-size: 16px;
    }

    .EDUC_PodInf {
        background: #f93d29;
        padding: 40px 40px 50px 40px;
        color: white;
        display: flex;
        justify-content: space-between;
        align-items: self-end;
        position: relative;
    }

    .EDUC_Pod_Ic {
        position: absolute;
        right: 5px;
        bottom: 20px;
    }

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

    .EDUC_Pod_Zag {
        font-weight: 600;
    }

    .EDUC_P_N {
        margin-top: 10px;
    }

    .EDUC_2Z_Canb {
        display: flex;
        flex-direction: column;
        gap: 40px;
        max-width: calc(100% - 386px);
    }

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

    .EDUC_Bl3 {
        display: flex;
        flex-direction: column;
        gap: 25px;
        color: #0d253d;
    }

    .EDUC_3H1 {
        font-size: 24px;
    }

    .EDUC_3Box {
        display: flex;
        flex-direction: column;
        box-shadow: 0 0 10px #f2f2f2;
    }

    EDUC_3Head {
        cursor: pointer;
    }

    .EDUC_3Head {
        display: flex;
        align-items: center;
        gap: 40px;
        font-size: 18px;
        padding: 20px;
        background: white;
        border-bottom: 1px solid #d7e8ec;
        color: #909eb3;
    }

    .EDUC_3B_T1 {
        display: flex;
        flex-direction: column;
        font-size: 16px;
        line-height: 1.5;
        background: white;
        padding: 20px;
    }

    .EDUC_3B_Str {
        display: grid;
        grid-template-columns: 1fr 2fr;
        gap: 5px;
    }

    .EDUC_3B_Str.EDUC_3B_SCol div {
        background: #f5f7f8;
    }

    .EDUC_StrName {
        padding: 20px;
        font-weight: 600;
        color: #153c55fc;
    }

    .EDUC_StrCont {
        padding: 20px;
    }

    .EDUC_3H_1vkl {
        color: #153c55fc;
        cursor: pointer;
    }

    .vkl3_ekz_block.active {
        display: flex !important;
    }
    .vkl2_bk_block.active {
        display: flex !important;
    }


    .vkl2_bk {
        cursor: pointer;
    }

    .vkl3_ekz {
        cursor: pointer;
    }
    .vkl1_tz_block.active {
        display: none !important;
    }
    .EDUC_vkl:hover {
        color: #298dff;
    }

    .EDUC_vkl:checked {
        color: #153c55fc;
    }

    .EDUC_checkbox {
        display: none;
    }

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

    .EDUC_checkbox:checked + span {
        color: #153c55fc;
    }

    .EDUC_vkl {
        cursor: pointer;
        min-width: fit-content;
    }

    .EDUC_checkbox:checked + span {
        color: #153c55fc;
    }
.EDUC_CImg img {
    width: 150px;
    height: auto;
    object-fit: cover;
    max-height: 190px;
    min-height: 190px;
}

    .EDUC_Nab {
        background-image: url(/img/people_bgRio11.png);
        padding: 60px;
        display: flex;
        flex-direction: column;
        gap: 20px;
        align-items: center;
    }

    .EDUC_NabH1 {
        font-size: 24px;
        color: white;
    }

    .EDUC_3Card {
        display: flex;
        align-items: center;
        gap: 5px;
        background: white;
        width: 100%;
    }
    .EDUC_NCard_Wr {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 25px;
    }
    .EDUC_NCInf {
        padding: 20px;
        font-size: 16px;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    .EDUC_NCI_Name {
        font-size: 20px;
    }
.EDUC_PR_BlIc svg {
    width: 44px;
    height: 44px;
    min-width: 44px;
    display: flex;
}
    .EDUC_Prog {
        display: flex;
        flex-direction: column;
        gap: 40px;
        align-items: center;
        max-width: 1300px;
        width: 100%;
        margin: 0 auto;
        line-height: 26px;
        font-size: 16px;
        padding: 0 40px;
    }
    .EDUC_PR_Link {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        gap: 40px;
        border-top: 1px solid #d7e5e9;
        border-bottom: 1px solid #d7e5e9;
        padding: 20px;
    }

    .EDUC_PR_Zag {
        display: flex;
        flex-direction: column;
        gap: 30px;
        align-items: center;
        font-size: 16px;
        text-align-last: center;
        text-align: -webkit-center;
    }
    .EDUC_PR_ZH1 {
        font-size: 24px;
    }

    .EDUC_PR_Prch {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
        align-items: center;
        gap: 30px;
        text-align: -webkit-center;
    }
    .EDUC_PR_Block {
        display: flex;
        flex-direction: column;
        gap: 20px;
        align-items: center;
    }
    .EDUC_PR_BlIc {
        width: 100px;
        height: 100px;
        border: 1px solid #d7e8ec;
        border-radius: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .EDUC_PRL_Wr {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

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

.EDUC_PR_Link a {
    color: #298dff;
}
    .EDUC_CONTInf {
        display: flex;
        flex-direction: column;
        gap: 60px;
        place-items: center;
        margin-bottom: 40px;
    }
    .EDUC_CI_Svz {
        display: flex;
        flex-direction: column;
        gap: 10px;
        align-items: center;
    }
    .EDUC_CI_Numb {
        font-size: 24px;
    }

    .EDUC_Loc {
        display: flex;
        align-items: center;
        gap: 20px;
    }
    .EDUC_Addrs_Wr {
        display: flex;
        align-items: center;
        gap: 20px;
        flex-wrap: wrap;
    }
    .EDUC_Addrs {
        display: flex;
        align-items: center;
        gap: 10px;
        white-space: nowrap;
    }

    .EDUC_AdEll {
        background: #3877b5;
        width: 8px;
        height: 8px;
        min-width: 8px;
        border-radius: 50px;
    }
.EDUC_Addrs a:hover {
    color: #298dff;
}
    .EDUC_Ofice {
        display: flex;
        gap: 30px;
        flex-wrap: wrap;
        justify-content: center;
    }
    .EDUC_Of_Wr {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }
    .EDUC_Of_Name {
        font-weight: 600;
    }

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

    .EDUC_Of_Wr a {
        color: #298dff;
    }

    .EDUC_OFFLINK {
        display: flex;
        flex-direction: column;
        gap: 20px;
        align-items: center;
    }

    .EDUC_DEscr {
        place-items: center;
        color: #909eb3;
        display: flex;
        flex-direction: column;
        gap: 5px;
        text-align-last: center;
    }
    .EDUC_DE_Link {
        display: flex;
        align-items: center;
        gap: 5px;
    }

    .EDUC_DE_Link a:hover {
        color: #298dff;
        text-decoration: underline;
    }

    .EDUC_DE_Link a {
        color: #298dff;
    }
    .EDUC_Nab .swiper-pagination-bullet-active {
        background: #fff!important;
    }
    .EDUC_Nab .swiper-pagination {
        top: auto!important;
    }

}


/* Учебный центр */


/* Недвижимость в Екатеринбурге */
@media all {
.TS_NEKB2_Arr svg {
    width: 16px;
    height: 16px;
    min-width: 16px;
    display: flex;
}

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

    .TS_NEK {
        background-image: url(/img/pok_reEk.jpg);
        display: flex;
        flex-direction: column;
        gap: 40px;
        color: white;
        padding: 40px;
        font-size: 16px;
        border-radius: 10px;

        background-size: cover;
    }

    .TS_NEKB2_Summ.flexAc {
        font-size: 40px;
        font-weight: 400;
        gap: 10px;
    }

    .TS_NEKB2Fl.flexAc {
        width: fit-content;
        flex-direction: column;
        align-items: start;
        max-width: 200px;
        gap: 5px;
        line-height: 1.4;
    }
    .TS_NEKB2 {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(207px, 1fr));
        gap: 20px;
    }



    a.TS_NEKTit {
        color: white;
        font-size: 28px;
        display: flex;
        align-items: center;
        gap: 10px;
    }
    .TS_NEKB1 {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }

    .TS_NEKCont {
        line-height: 1.65;
    }
    .TS_NEKCont a {
        text-decoration: underline;
        color: white;
    }


}
/* Недвижимость в Екатеринбурге */


/* Купить квартиру в другом городе */
@media all {
    .BYE_DSity {
        background-image: url(/img/city2.jpg);
        display: flex;
        flex-direction: column;
        gap: 20px;
        padding: 40px;
        color: white;
        align-items: center;
        justify-content: center;
        font-size: 28px;
        border-radius: 10px;
        height: 254px;
        text-align: center;
        background-size: cover;
    }
    .BYE_DSButt:hover {
        background: #fff;
        color: #01519f;
    }
    .BYE_DSButt {
        cursor: pointer;
        user-select: none;
        font-size: 16px;
        background: #01519f;
        padding: 0 25px;
        height: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 4px;
        color: #fff;
    }

}

/* Купить квартиру в другом городе */


/* Услуги */
@media all {
.SALE_BG .sale_wrapper1 {
    position: unset;
}

    .SALE_BG.sale {

        height: 450px;
        border-radius: 10px;
    }

    .SALE_BG.sale {

        height: 314px;
        border-radius: 10px;
    }


    .SALE_BG .saleb2_text2 {
        text-shadow: none;
    }

}
/* Услуги */


/* Отделы */
.ONAS_INFO.ONAS_INFfs1 {
    line-height: 26px;
    font-size: 16px;
    margin: 40px 0;
}

.EDUC_CONT_Dop {
    margin: 40px 0;
}

.ONAS_OK.ONAS_111 {
    padding: 0;
}
/* Отделы */