/*Шапка*/
/*Шапка-общее*/
.uc-header {
    position: fixed;
    z-index: 999999 !important;
    width: 100%;
    background: #0f0f0f45;
    backdrop-filter: blur(13px);
}
.header {
    max-width: 1240px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    padding: 24px 20px;
}

/*Шапка-контейнер с меню*/
.menu_contain {
    display: flex;
    justify-content: space-between;
    gap: 114px;
}
@media (max-width: 1000px) {
.menu_contain {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: flex-end;
}
}
/*Шапка-навигационные пункты*/
.nav_list {
    display: flex;
    gap: 30px;
    height: 45px;
    align-items: center;
}
a.nav_item {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    height: fit-content;
    font-family: 'ManropeHalvar';
    font-size: 16px;
    font-weight: 400;
    color: #FAFAFA !important;
}
a.nav_item p {
    position: absolute;
    margin: -12px -16px 0px 0px;
    font-weight: 500;
    width: fit-content;
    background-color: #A1EFDC;
    color: #0F0F0F !important;
    padding: 0px 6px;
    border-radius: 22px;
    font-size: 12px;
}

/*Шапка-язык и контакты*/
.lang_contacts_contain {
    display: flex;
    gap: 8px;
}

/*Шапка-язык*/
.lang_contain {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 16px;
    padding: 12px 19px 12px 16px;
    height: fit-content;
    border-radius: 16px;
    background: var(--Gradient-Grey, radial-gradient(50% 50% at 50% 50%, rgba(81, 81, 81, 0.17) 0%, rgba(153, 153, 153, 0.17) 100%));
    border: 1px solid var(--Primary-Accent_Light, #0f0f0f00);
    backdrop-filter: blur(25px);
        transition: 0.3s;
}
.lang_contain:hover {
    border: 1px solid var(--Primary-Accent_Light, #A1EFDC);
    background: radial-gradient(50% 50% at 50% 50%, rgba(78, 75, 75, 0.17) 0%, rgba(100, 206, 184, 0.17) 100%);
}
.hover_contain {
    display: flex;
    gap: 8px;
    font-family: 'ManropeHalvar';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    color: #fafafa;
    align-items: center;
    justify-content: space-between;
}
.result_contain_lang {
    display: none;
}
.lang_contain:hover .result_contain_lang {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.result_contain_lang a {
    padding: 5px 0px;
    font-family: 'ManropeHalvar';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    color: #939292 !important;
}
.result_contain_lang a:hover {
    color: #fafafa !important;
}



/*Шапка-контакты*/
.contacts_contain {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 16px;
    padding: 12px 19px 12px 16px;
    height: fit-content;
    width: 180px;
    border-radius: 16px;
    background: var(--Gradient-Grey, radial-gradient(50% 50% at 50% 50%, rgba(81, 81, 81, 0.17) 0%, rgba(153, 153, 153, 0.17) 100%));
    border: 1px solid var(--Primary-Accent_Light, #0f0f0f00);
    backdrop-filter: blur(25px);
        transition: 0.3s;
}
.contacts_contain:hover {
    border: 1px solid var(--Primary-Accent_Light, #A1EFDC);
    background: radial-gradient(50% 50% at 50% 50%, rgba(78, 75, 75, 0.17) 0%, rgba(100, 206, 184, 0.17) 100%);
}
.result_contain_contacts {
    display: none;
}
.contacts_contain:hover .result_contain_contacts {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.result_contain_contacts a {
    display: flex;
    gap: 8px;
    align-items: center;
    font-family: 'ManropeHalvar';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    color: #939292 !important;
}
.social {
    display: flex;
    gap: 14px;
    padding-top: 16px;
    border-top: 1px solid #939292;
}
.result_contain_contacts a:hover {
    color: #fafafa !important;
}



/*Мобильная шапка*/
@media (max-width: 1000px) {
.header {
    align-items: center;
    z-index: 9999999 !important;
    position: relative;

}
/*
.menu_box {
    display: none;
}
.mobile_header:hover .menu_box {
    display: flex;
}
*/
.menu_contain {
    display: none;
}

.menu_open_icon {
        width: 44px;
        height: 44px !important;
        display: flex;
        justify-content: center;
        align-items: center;
        background: var(--Gradient-Grey, radial-gradient(50% 50% at 50% 50%, rgba(81, 81, 81, 0.17) 0%, rgba(153, 153, 153, 0.17) 100%));
        border-radius: 16px;
        z-index: 999999 !important;
        position: relative !important;
}
/*
svg.close {
    display: none;
}
.menu_open_icon:hover .open {
    display: none;
}
.menu_open_icon:hover .close {
    display: block;
}
*/

.logo_contain {
    z-index: 999999 !important;
}
.logo_contain svg {
    width: 89px;
    height: 37px;
}


.mobile_header {
    height: 44px;
}
.nav_list {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        height: fit-content !important;
        gap: 16px;
        padding: 94px 20px 30px 20px;
}
a.nav_item {
    font-size: 30px;
    font-variant: all-petite-caps;
    font-weight: 100;
    line-height: 130%;
}
a.nav_item p {
    line-height: 120%;
    margin: 2px -16px 0px 0px;
}
.menu_box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background: #161616;
        flex-direction: column;
        justify-content: space-between;
}
.contacts_lang {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 0px;
    width: 100%;
}
.lang {
    display: flex;
    gap: 8px;
    padding-left: 20px;
}
.lang a {
    font-family: 'ManropeHalvar';
    font-size: 16px;
    font-weight: 400;
    height: 44px;
    width: 44px;
    display: flex;
    border-radius: 16px;
    background: var(--Gradient-Grey, radial-gradient(50% 50% at 50% 50%, rgba(81, 81, 81, 0.17) 0%, rgba(153, 153, 153, 0.17) 100%));
    color: #FAFAFA !important;
    justify-content: center;
    align-items: center;
}
.contacts {
    display: flex;
    gap: 8px;
    /*padding-right: 20px; Убрать когда будет полная версия*/
}
.contacts a {
    height: 44px;
    width: 44px;
    display: flex;
    border-radius: 16px;
    background: var(--Gradient-Grey, radial-gradient(50% 50% at 50% 50%, rgba(81, 81, 81, 0.17) 0%, rgba(153, 153, 153, 0.17) 100%));
    color: #FAFAFA !important;
    justify-content: center;
    align-items: center;
}


}
@media (min-width: 1000px) {
.mobile_header {
    display: none;
}
}


a.nav_item {
    transition: 0.3s;
    border-bottom: 1px solid #fafafa00;
}
a.nav_item:hover {
    border-bottom: 1px solid #fafafa;
}



/*Временный вариант шапки ___________________*/
@media (min-width: 1000px) {
    
.contacts {
    display: flex;
    gap: 10px;
}

.contacts a {
    height: 44px;
    width: 44px;
    display: flex;
    border-radius: 16px;
    background: var(--Gradient-Grey, radial-gradient(50% 50% at 50% 50%, rgba(81, 81, 81, 0.17) 0%, rgba(153, 153, 153, 0.17) 100%));
    color: #FAFAFA !important;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--Primary-Accent_Light, #A1EFDC00);
}

.contacts a:hover {
    border: 1px solid var(--Primary-Accent_Light, #A1EFDC);
    background: radial-gradient(50% 50% at 50% 50%, rgba(78, 75, 75, 0.17) 0%, rgba(100, 206, 184, 0.17) 100%);
}
}



@media (max-width: 1000px) {

.header {
    max-width: 728px;
    padding: 10px 0px;
}
.contacts a {
    /* Подсветка в мобильной версии
        border: 1px solid var(--Primary-Accent_Light, #A1EFDC);
    background: radial-gradient(50% 50% at 50% 50%, rgba(78, 75, 75, 0.17) 0%, rgba(100, 206, 184, 0.17) 100%);
    */
    backdrop-filter: blur(5px);
}
}
@media (max-width: 768px) {

.header {
    max-width: 320px;
}
}
/*КОНЕЦ Шапка*/





/*Этажи с продуктами*/
@media (max-width: 768px) {
.razvorott {
    display: none !important;
}
.podrobne_contain:hover .razvorott {
    display: flex !important;
}
.podrobne_contain:hover .razvorott_none {
    display: none !important;
}
}
@media (min-width: 768px) {
.razvorott_none .tn-atom {
    display: none !important;
}
}
.podrobne_contain {
    height: fit-content !important;
}
.correct_hight {
    height: fit-content !important;
}
.correct_hight_custom {
    height: fit-content !important;
}
@media (max-width: 768px) {
    
.correct_hight_custom {
    position: relative !important;
    padding: 16px 16px 16px 16px !important;
    margin: auto !important;
    top: 0 !important;
    left: 0 !important;
}
#rec844804004 .t396__artboard, #rec844804004 .t396__filter, #rec844804004 .t396__carrier {
        height: fit-content !important;
}
#rec845167339 .t396__artboard, #rec845167339 .t396__filter, #rec845167339 .t396__carrier {
        height: fit-content !important;
}
#rec845180256 .t396__artboard, #rec845180256 .t396__filter, #rec845180256 .t396__carrier {
        height: fit-content !important;
}
}
/*КОНЕЦ Этажи с продуктами*/



/*Формы обратной связи*/
/*pop-up окно успеха*/
.t-form.js-form-proccess.js-send-form-success {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin: auto !important;
    height: 100%;
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: #161616 !important;
    background-image: url(https://static.tildacdn.com/tild3637-3563-4236-a362-636637626365/Vector_2.svg);
    background-repeat: no-repeat !important;
}


.js-successbox.t-form__successbox.t-text.t-text_md {
    padding: 0px 40px;
    margin: auto !important;
    background-color: #16161600 !important;
    font-size: 18px;
    font-family: 'ManropeHalvar', Arial, sans-serif;
    line-height: 1.3;
    font-weight: 300;
}

.t-form-success-popup__wrapper {
    background-color: #161616 !important;
    background-image: url(https://static.tildacdn.com/tild3637-3563-4236-a362-636637626365/Vector_2.svg);
}
.t-form-success-popup__wrapper svg {
    display: none !important;
}
svg.t-form-success-popup__close-icon {
    display: block !important;
}
.t-form-success-popup__text.t-descr.t-descr_sm {
    color: #ffffff;
    font-size: 18px;
    font-family: 'ManropeHalvar', Arial, sans-serif;
    line-height: 1.3;
    font-weight: 300;
}

/*pop-up формы обратной связи*/
.t-input.js-tilda-rule.t-input_pvis {
    height: 48px;
    padding: 14px 16px !important;
}
.t-input__vis-ph {
    top: 16px !important;
}
button.t-submit {
    width: 246px !important;
    height: 44px !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 130% !important;
}
.t702__wrapper {
    background-image: url(https://static.tildacdn.com/tild3637-3563-4236-a362-636637626365/Vector_2.svg);
    background-repeat: no-repeat !important;
    padding: 30px !important;
}
/*Анимация кнопки в форме*/
button.t-submit {
    background-image: url(https://static.tildacdn.com/tild3936-3237-4139-b031-663130613963/arrow_button.svg);
    background-repeat: no-repeat;
    background-position: 202px 10px;
    text-align: left !important;
    padding: 0px 20px !important;
}
button.t-submit:hover {
    background-image: url(https://static.tildacdn.com/tild6262-3666-4235-a436-333836393335/arrow_right.svg);
}

/*КОНЕЦ Формы обратной связи*/









/*Коррекция первого блока*/
.background-blur .tn-molecule {
    backdrop-filter: blur(4px);
}
.hover-triger .tn-molecule {
    transition: 0.3s;
}
.hover-triger .tn-molecule:hover {
    background-color: #A1EFDC !important;
}    
.hover-triger .tn-molecule:hover .hover-rotate {
    rotate: 45deg;
}
.hover-rotate {
    transition: 0.3s;
}
.blur_bak .tn-atom {
    filter: blur(100px);
}


/*Подвал*/
/*Анимация пункто: номер телефона и почта в подвале*/
.hover_a .tn-atom:hover {
    color: #fafafa !important;
}
/*Анимация пункто: соцсети*/
.hover_bottom_footer .tn-molecule:hover {
    background-image: radial-gradient(circle at center, rgba(78, 75, 75, 0) 0%, rgb(100 206 184 / 50%) 100%) !important;
}
/*КОНЕЦ Подвал*/






/*Политика обработки персональных данных*/
@media (max-width: 768px) {
.t585 {
    max-width: 360px !important;
    margin: auto !important;
}
}
/*КОНЕЦ Политика обработки персональных данных*/