/*VVV ---------- Переносим код из файла шапки сайта ---------- VVV*/

/*V---------Футер - делаем светлым для темной темы---------V*/
/*Цвет футера*/
#phoenix-container footer.tone-dark .shadow-tone {
    background: rgba(255,255,255,0.1);
}
/*Цвет текста футера*/
#phoenix-container footer.tone-dark .container {
    color: black;
}
#phoenix-container footer .container a {
    color: black;
}
/*Меню футера*/
#phoenix-container footer .container a span {
    color: black;
}
/*Кнопка футера*/
#phoenix-container footer .container a.button-def {
    color: white;
}
/*Телефон на приклеенном хедере*/
header.fixed .wrapper-board-contact .ic-open-list-contact span {
    background-image: url(/bitrix/templates/concept_phoenix_ee/images/ic_open_list_contacts-light.png) !important;
}
header.fixed .wrapper-board-contact .ic-open-list-contact {
    background-color: rgba(0,0,0,.07) !important;
}

#phone_contact {
    color: black;
}
/*A---------Футер - делаем светлым для темной темы---------A*/

/*V------------Меню на планшете в темной теме/*------------V*/
/*Цвет шапки меню*/
#body .open-menu .head-menu-wrap {
    background-color: #ffffff;
}
/*Меняем сердечко в избранных*/
#body .open-menu .head-menu-wrap .basket-quantity-info-icon {
    background-image: url(/images/header/objects/heart_bl.png);
}
/*Меняем цвет количества в избранных и делаем круглую рамку*/
#body .open-menu .head-menu-wrap .basket-quantity-info-icon .count {
    color: #004DFF; /*Меняем цвет количества в избранных*/
    border-radius: 100px; /*Радиус скругления вокруг количества*/
    border: 1px solid #004DFF; /*Параметры рамки вокруг количества*/
    background-color: #ffffff; /*Цвет внутри рамки количества*/
}
/*Крестик закрытия меню*/
#body .open-menu .head-menu-wrap .col-1.wrapper-close > a {
    background: url(/bitrix/templates/concept_phoenix_u1/images/svg/cross_bl.svg) center no-repeat;
    background-size: 38px;
}
/*A------------Меню на планшете в темной теме/*------------A



/*Линия над меню в ПК*/
.wrap-main-menu.active.def.full.ready {
    border-top: 1px solid #004DFF;
}

/*Кружок с телефоном*/
#phone_header .iconphone img {
    width: 40px;
    height: 40px;
}

/*Выравниваем телефон справа*/
#phone_contact {
    float: right;
}
/*Кружок с телефоном выравниваем справа*/
#phone_header .iconphone {
    text-align: right;
}
#phone_contact .wrapper-board-contact {
    padding-left: 0px;
}
#phone_header .iconphone {
    padding-right: 0px;
}

/*Избранное*/
#cabinet .basket-quantity-info-icon {
    margin: 0px;
}

/*Меняем сердечко в избранных*/
#cabinet .basket-quantity-info-icon {
    background-image: url(/images/header/objects/heart_bl.png);
}
/*В открытом мобильном меню*/
#phoenix-container .open-menu-mobile .basket-quantity-info-icon {
    background-image: url(/images/header/objects/heart_bl.png);
}
/*Меняем цвет количества в избранных и делаем круглую рамку*/
#cabinet .basket-quantity-info-icon .count, #phoenix-container .basket-quantity-info-icon .count {
    color: #004DFF; /*Меняем цвет количества в избранных*/
    border-radius: 100px; /*Радиус скругления вокруг количества*/
    border: 1px solid #004DFF; /*Параметры рамки вокруг количества*/
    background-color: #ffffff; /*Цвет внутри рамки количества*/
}

/*Цвет шапки в открытом мобильном меню*/
#phoenix-container .open-menu-mobile .menu-mobile-inner .head-wrap {
    background-color: #ffffff;
}
#phoenix-container .open-menu-mobile .menu-mobile-inner .head-wrap .wr-item {
    background-color: #ececec63;
}
#phoenix-container .open-menu-mobile .menu-mobile-inner .head-wrap .wr-item .basket-quantity-info-icon .count {
    background-color: #ececec63; /*Цвет внутри рамки количества*/
}

/*Цвет гамбургера меню*/
#menu_mobile .icon-hamburger .icon-bar, .fix-board .wrapper-menu .icon-hamburger .icon-bar  {
    background: #004DFF;
}
/*Выравниваем логотип по центру контейнера*/
#logotip_mobile, .wrapper-logotype {
    text-align: center;
}
/*Липкое меню мобильное*/
#favorites_mobile .basket-quantity-info-icon {
    background-image: url(/images/header/objects/heart_bl.png);
}
.mobile-menu .container {
    background-color: #ffffff;
}
.mobile-menu img.logotype {
    max-width: 100%;
}
/*Увеличиваем логотип липкого меню*/
.fix-board img.logotype.lazyload {
    max-width: 60%;
}
#phoenix-container .fix-board {
    background-color: #ffffff;
}
#phoenix-container .fix-board .basket-quantity-info-icon .count{
    background-color: #ffffff; /*Цвет внутри рамки количества*/
}

/*Меняем блок в футере с логотим на последнее место в мобильном устройстве*/
@media (max-width: 767.98px){
    #phoenix-container footer .container .container-top .col-lg-3.col-sm-6.col-12.column-1 {
        order: 1;
    }
    #phoenix-container footer .container .container-top .col-lg-3.col-sm-6.col-12.column-4 {
        order: 2;   
    }
    #phoenix-container footer .container .container-top .col-lg-3.col-sm-6.col-12.column-1 img {
        display: none;
    }
}


/*Телефон и иконки соцсетей на мобильном устройстве*/
.col-12.d-md-none.mobile.header.tel.container {
    display: flex; 
    background: #ededed; 
    padding-bottom: 5px;
    padding-top: 2px; 
    text-align: center;
}
.col-6.mobile.header.tel.text {
    padding-left: 0; 
    padding-right: 0;
}
.mobile.header.tel.click a {
    font-size: 10pt; 
    color: #000000; 
    /* padding-bottom: 5px; */
    font-weight: 700;
}
.mobile.header.tel.nadpis {
    font-size: 9pt; 
    color: #000000;
}
.col-6.mobile.header.tel.socmessenjer {
    padding-right: 0;
}
.mobile.header.tel.socmessenjer.nadpis {
    font-size: 8pt; 
    color: #000000;
}
.mobile.header.tel.socmessenjer.ico a img {
    width: 24px; 
    margin-right: 11px;
}

/*AAA ---------- Переносим код из файла шапки сайта ---------- AAA*/


/* grandvershina.ru */

/*put your css code here*/

/*Рисуем синюю полосу под фиксированным меню*/
#phoenix-container .fix-board {
    border-bottom: 1px solid #004DFF;
}
#phoenix-container .mobile-menu {
    border-bottom: 1px solid #004DFF;
}

/*Отделяем футер синей полосой*/
#phoenix-container > footer {
    border-top: 1px solid #004DFF;
}


/*VVV ---------- Допиливаем формы ---------- VVV*/
/*Радиус скругления формы*/
.BlokFormaRaschet .form, 
.PerviyBlokForma .form,
.BlokFormaRaschet .form .title, 
.PerviyBlokForma .form .title{
    border-radius: 4px;
}
/*Выравниваем горизонтально выбор количества комнат в форме*/
.BlokFormaRaschet li {
    display: inline-block;
}

/*Текст заголовка количества комнат*/
.BlokFormaRaschet .form .name-tit {
    font-size: 16px;
    margin-bottom: 5px;
    font-family: inherit;
}

/*Иконка имени*/
/* .BlokFormaRaschet .form .questions.active div:nth-child(3) input.focus-anim {
    background: url(/images/forms_pole/pers1.png) left 5px top calc(50% - 0px) / 27px no-repeat;
} */

/*Иконка телефона*/
/* .BlokFormaRaschet .form .questions.active div:nth-child(4) input.focus-anim {
    background: url(/images/forms_pole/tel1.png) left 5px top calc(50% - 0px) / 27px no-repeat;
} */

/*Иконка почты*/
/* .BlokFormaRaschet .form .questions.active div:nth-child(5) input.focus-anim {
    background: url(/images/forms_pole/mail1.png) left 5px top calc(50% - 0px) / 27px no-repeat;
} */

/*Иконка площади*/
/* .BlokFormaRaschet .form .questions.active div:nth-child(6) input.focus-anim {
    background: url(/images/forms_pole/adres.png) left 5px top calc(50% - 0px) / 27px no-repeat;
} */

/*Иконка площади*/
/* .BlokFormaRaschet .form .questions.active div:nth-child(8) input.focus-anim {
    background: url(/images/forms_pole/ploshad.png) left 5px top calc(50% - 0px) / 27px no-repeat;
} */

/*Отступ от иконки*/
/* .BlokFormaRaschet .form .questions.active span.desc {
    padding-left: 30px;
} */

/*Отступ ввода от иконки*/
/* .BlokFormaRaschet .form input.focus-anim.ym-record-keys {
    padding-left: 40px;
} */

/*Первая форма*/
/*Иконка имени*/
/* .PerviyBlokForma .form .questions.active div:nth-child(3) input.focus-anim {
    background: url(/images/forms_pole/pers1.png) left 5px top calc(50% - 0px) / 27px no-repeat;
} */

/*Иконка телефона*/
/* .PerviyBlokForma .form .questions.active div:nth-child(4) input.focus-anim {
    background: url(/images/forms_pole/tel1.png) left 5px top calc(50% - 0px) / 27px no-repeat;
} */

/*Отступ от иконки*/
/* .PerviyBlokForma .form .questions.active span.desc {
    padding-left: 30px;
} */

/*Отступ ввода от иконки*/
/* .PerviyBlokForma .form input.focus-anim.ym-record-keys {
    padding-left: 40px;
} */

/*VVV --- Выделение заголовка формы --- VVV*/
/*Заголовок формы*/
.BlokFormaRaschet .form .questions.active .title, 
.PerviyBlokForma .form .questions.active .title {
    /*Цвет заголовка формы бледнее*/
    /*background-color: #d8d8d173;*/
    background-color: #eaeae2;
    margin-top: -30px;
    padding-top: 15px;
    padding-bottom: 10px;
}
/*Цвет текста заголовка формы*/
.BlokFormaRaschet .form .questions.active .title, 
.PerviyBlokForma .form .questions.active .title {
    color: #000000c7;
}
/*Заливка заголовка во всю ширину (убираем отступ в родительском контейнере Title)*/
.BlokFormaRaschet .form,
.PerviyBlokForma .form {
    padding-left: 0;
    padding-right: 0;
}
/*Уменьшаем поля ввода формы, т.к. в родительском контейнере убрали отступы Padding*/
@media (max-width: 767.9px) {
    /*Уменьшаем поля ввода формы для телефона, т.к. в родительском контейнере убрали отступы Padding*/
    .BlokFormaRaschet .form .questions.active .col-12,
    .PerviyBlokForma .form .questions.active .col-12 {
        padding-left: 15px;
        padding-right: 15px;
    }
    /*Выравниваем радиобоксы выбора комнат*/
    .BlokFormaRaschet .form label.input-radio-css {
        padding-right: 13px;
    }
}
@media (min-width: 768px) {
    /*Уменьшаем поля ввода формы для ПК, т.к. в родительском контейнере убрали отступы Padding*/
    .BlokFormaRaschet .form .questions.active .col-12,
    .PerviyBlokForma .form .questions.active .col-12 {
        padding-left: 25px;
        padding-right: 25px;
    }
    /*Выравниваем радиобоксы выбора комнат*/
    .BlokFormaRaschet .form label.input-radio-css {
        padding-right: 15px;
    }
}
/*Увеличиваем ширину контейнера заголовка формы*/
.BlokFormaRaschet .form .questions.active .title,
.PerviyBlokForma .form .questions.active .title {
    /*Надпись заголовка формы в одну линию*/
    padding-right: 0px;
    padding-left: 0px;
}
/*AAA --- Выделение заголовка формы --- AAA*/

/*Уменьшаем отступы от полей формы*/
.BlokFormaRaschet .form .questions.active .input, .BlokFormaRaschet .form .questions.active ul, 
.PerviyBlokForma .form .questions.active .input, .PerviyBlokForma .form .questions.active ul {
    margin-bottom: 7px;
}

.BlokFormaRaschet .form .questions.active div:nth-child(6) .input, 
.PerviyBlokForma .form .questions.active div:nth-child(6) .input {
    margin-bottom: 2px;
}

/*Уменьшаем высоту полей формы*/
.BlokFormaRaschet .form .questions.active input, 
.PerviyBlokForma .form .questions.active input {
    height: 46px;
}
/*AAA ---------- Допиливаем формы ---------- AAA*/


/*VVV------- Кнопки соцсетей в хедере и футере -------VVV*/
/* Увеличиваем иконки соцсетей в хедере*/

#phoenix-container > header > div.static-board.hidden-sm.hidden-xs > div.container > div > div > div.col.text-html.order-4 > div > a > img {
    width: 36px !important;
}
/* Выравниваем справа */
#phoenix-container > header > div.static-board.hidden-sm.hidden-xs > div.container > div > div > div.col.text-html.order-4 > div {
    float: right;
}

/* Выравниваем иконки соцсетей в футере */
#footer-soc-group > div > a > img {
    width: 36px !important;
}

/*AAA------- Кнопки соцсетей в хедере и футере -------AAA*/

/*Подключаем файл стилей*/
/*@import url("grandplaneta.com/bitrix/templates/concept_phoenix_ee/include/blocks/custom/header.css");
grandplaneta.com/public_html*/
/*@import url("grandplaneta.com/bitrix/templates/concept_phoenix_ee/include/blocks/custom/header.css");*/
/*@import url("../include/blocks/custom/header.css");*/
/*<link rel="stylesheet" type="text/css" href="/bitrix/templates/concept_phoenix_ee/include/blocks/custom/header.css">*/



/*Убираем лишние div-ы кабинетов в хедере*/
/*header .wrapper-cabinet {
    display: none;
}*/


/*Выавниваем кнопку в хедере*/
/*header .text-html.order-2 {
    text-align: center;
    padding-left: 15px;
}*/

/*Отступы в кнопке хедера*/
/*header .text-html.order-2 a {
    padding-left: 20px;
    padding-right: 20px;
}*/

/*Убираем лишний отступ слева телефона*/
/*header .static-board .col.board-contacts .wrapper-contacts {
    padding-left: 0px;
}*/

/*Выравниваем иконку телефона и сам телефон*/
/*#phone_header {*/
    /*display: flex;
    align-items: center;*/  /*Иконка будет выровнена по центру по вертикали*/
/*}*/

/*Уменьшаем отступы от телефона в хедере*/
/*@media screen and (max-device-width: 1200px)*/
/*@media (max-width: 1200px) {
	#phone_header .col.board-contacts, #phone_header .wrapper-board-contact {		
	    padding-left: 5px;
	    padding-right: 5px;
	}
}*/

/*Уменьшаем отступ от избранного*/
/*#cabinet {
    padding-left: 5px;
    padding-right: 5px;
}*/

/*Опускаем кнопку избранного, когда телефон 130%*/
/*@media (max-width: 992px) {
    #cabinet {
        padding-top: 15px;
    }
}*/

/*Уменьшаем телефон*/
/*@media (max-width: 1200px) {
    #phone_header .board-contacts a {*/
        /*font-size: 90%;*/
/*    }
}*/

/*Увеличиваем поле телефона*/
/*#phone_header .board-contacts .visible-part.phone {
    max-width: 130%;
}*/

/*Уменьшаем отступы телефона*/
/*#phone_header {
    padding-left: 5px;
    padding-right: 5px;
}*/

/*Уменьшаем отступы от HTML поля (кнопки)*/
/*#htm_lpole {
    padding-left: 5px;
    padding-right: 6px;
}
*/



/*Логотип делаем шире*/
/*.wrapper-logotype img {
    width: 100%;
}*/

/*Отступ от шапки сайта*/
/*.static-board.hidden-sm.hidden-xs {
    margin-bottom: 30px;
}*/

/*Отступы в мобильном - от телефона*/
/*#favorites_mobile {
    padding-right: 20px;
}*/
/*Цвет под лого в раскрытом меню телефона*/
/*div.open-menu-mobile div.head-wrap {
    background-color: #ffffff9e;
}


/*---VVV---Виджит сайта---VVV---*/
/*Отступ между телефонами*/
header .phone #phone_c {
    padding-bottom: 0;
}


/*Кнопка открытия формы виджита*/
#btn-vijet {
    cursor: pointer;
/*    background: #D1C6BA;*/
    border-radius: 10px;
    text-align: center;
/*    color: #ffaa00;*/
    color: #ffaa00;
    margin-left: 70px;
    margin-right: 70px;
    box-shadow: inset 0px 0px 0px 2px #ffaa00;
    color: #0b0b0b;

    /*font-size: 20px !important;
    font-weight: normal !important;
    padding: 13px 43px !important;
    height: unset !important;
    margin-bottom: 44px;*/
}

#btn-vijet:hover {
    color: #ffaa00;
}



/*---AAA---Виджит сайта---AAA---*/

/*---VVV----- Чат -----VVV---*/
/*Кнопка наверх слева*/
/*612 строка*/
a.up.on {
    left: 20px !important;
    right: auto !important;
}


/*18196 строка*/
form.smartfilter ul.input-checkbox-css li {
    display: inline-block;
    width: 49%;
}

/*22322 строка*/
.wr-back {

    margin-left: 10px;
}

#backhref2:before {
    content: '';
    position: absolute;
    width: 11px;
    height: 16px;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background: url(../images/svg/back.svg) center no-repeat;
    background-size: 10px;
    opacity: 0.3;
    margin-top: 1px;
}

/*27428 строка*/
#popup_expert {
    position: fixed;
    bottom: 15px;
    right: 15px;
    box-shadow: 0 17px 40px hsla(0, 8%, 36%, .26);
    border-radius: 4px;
    background: #fff;
    min-width: 290px;
    z-index: 100;
}

#popup_expert .pe_photo {
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin: -86px 20px 0;
    border: 2px solid #a78267;
    float: right;
    cursor: pointer;
}

#popup_expert.active .pe_photo {
    margin: -40px auto 0;
    border: none;
    float: none;
    cursor: default;
}

#popup_expert.active.no-activate .pe_photo {
    margin: -86px auto 0;
    border: 2px solid #a78267;
    float: right;
    cursor: pointer;
}

#popup_expert .pe_content {
    position: relative;
    display: none;
}

#popup_expert.active .pe_content {
    display: block;
}

#popup_expert.active.no-activate .pe_content {
    display: none;
}

#popup_expert .pe_close {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 15px;
    top: -27px;
    cursor: pointer;
    z-index: 99;
    background: url("/images/expert/closed.png") no-repeat top center;
    transition: 0.2s all ease;
    background-size: contain;
}

#popup_expert .pe_name {
    color: #0b0b0b;
    font-size: 17px;
    font-weight: 900;
    text-align: center;
    padding-top: 10px;
}

#popup_expert .pe_post {
    color: #2f2f2f;
    font-size: 14px;
    font-weight: 300;
    text-align: center;
    padding: 7px 0 18px;
    border-bottom: 1px solid #e5e5e5;
}

#popup_expert .pe_phone {
    display: block;
    padding: 19px 0;
    width: 100%;
    color: #0b0b0b;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
}

/*@media (max-width:767px){*/
#popup_expert.unread::after {
    content: '1';
    display: block;
    position: absolute;
    top: -82px;
    right: 24px;
    color: #fff;
    background-color: #e63917;
    font-size: 11px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    padding: 8px 0 0 4.8px;
    line-height: 0
}

#popup_expert .messengers {
    text-align: center;
    padding-top: 12px;
    font-size: 0;
}

#popup_expert .messengers a {
    width: 35px;
    height: 35px;
    display: inline-block;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    margin-left: 20px;
    background-size: 35px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
}

#popup_expert .messengers a:first-child {
    margin-left: 0;
}

#popup_expert .pe_phone {
    padding-top: 10px;
}

div.pe_photo {
    background: url("/images/expert/nailya.jpg");
    background-size: cover;
    background-position: center;
    background-color: #fff
}
/*---AAA----- Чат -----AAA---*/



/*---VVV---Выравниваем надпись "Телефон" в модуле маска телефона для всего мира---VVV--- 789*/
/*Это весь код отвечает за телефон и звездочку*/
form.wqec-form div.wqec-input .iti.ag-countrymask:before,
.form-modal-cell form.wqec-form div.wqec-input .iti.ag-countrymask:before { /*Модальная форма*/
    content: "Телефон";
    position: absolute;
    color: #767676;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    font-size: 12px !important;
    line-height: 13px !important;
    top: 7px !important;
    left: 60px !important;
    z-index: 5555;
}
form.wqec-form div.wqec-input .ag-countrymask input.input-text.wqec-phone.require,
.form-modal-cell form.wqec-form div.wqec-input .ag-countrymask input.input-text.wqec-phone.require { /*Модальная форма*/
    background: url('../images/star-req.png') calc(100% - 12px) 50% no-repeat;
    background-size: auto;
    background-size: 7px;
    padding-right: 35px;
    padding-top: 14px;
    padding-bottom: 2px;
}


/*Телефон (подсказка)*/
#block2042 form .wrap-act .questions.active div:nth-child(3) span.desc,     /*1-й блок аренды*/
form .wrap-act .questions.active div:nth-child(4) span.desc,
.form-modal-cell form .wrap-act .questions.active div:nth-child(5) span.desc {
    font-size: 12px;
    line-height: 13px;
    top: 7px;
    left: 60px;
}
/*Имя для модальной формы*/
.form-modal-cell form .wrap-act .questions.active div:nth-child(4) span.desc {
    left: 16px;
    font-size: 16px;
    line-height: 17px;
    top: 18px;
}
/*Поле ввода для модальной формы при клике*/
.form-modal-cell form .wrap-act .questions.active div.input.in-focus span.desc {
    left: 13px;
    font-size: 12px;
    line-height: 13px;
    top: 7px;
}


/*Чтобы выпадающий список не обрезало краем формы*/
div.quiz_block div.wizard-quest-edition-concept2 div.wqec-result-wrap {
    overflow: visible;
}

/*Для поля формы, встроенную в блок*/
.desc_phone {
    font-size: 12px !important;
    line-height: 13px !important;
    top: 7px !important;
    left: 60px !important;
}

.ag-countrymask.iti {
    display: block !important;
}


/*Выровнять по центру на экране мобильного телефона окно можно добавив стиль 849*/
.iti-mobile .iti--container {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
}

/*Затемнение на экране мобильного телефона можно сделать добавив стиль (это так же скорректирую в обновлении)*/
.iti-mobile .iti--container:after {
    content: '';
    position: fixed;
    background-color: rgba(0, 0, 0, .5);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*Убираем бак выбора страны в модальном окне на мобильном устройстве*/
.iti-mobile .iti--container {
    z-index: 999999 !important;
}

/*Надпись делаем белой в тексте благодарности ???*/
/*.first_block_pc #form-1967>table>tbody>tr>td>div.thank.col-12.active,
.form_block_last #form-2133>table>tbody>tr>td>div.thank.col-12.active,
.form_block_last #form-1942>table>tbody>tr>td>div.thank.col-12.active {
    color: #ffffff;
}*/

/*В форме Оценка стоимости аренды выравниваем телефоны вертикально, убираем баг данной формы*/
#country-listbox[aria-expanded="true"] {
    display: grid;
}
/*---AAA---Выравниваем надпись "Телефон" в модуле маска телефона для всего мира---AAA---AAA---*/



/*---VVV---Выравниваем надпись "Телефон" в модуле маска телефона для Квиз опроса---VVV--- 882*/
.iti--allow-dropdown .iti__flag-container {
    z-index: 9;
}
/*---AAA---Выравниваем надпись "Телефон" в модуле маска телефона для Квиз опроса---AAA---*/


/* Настройка шрифтов в блоках лендинга */
/* .bold h1 {
    text-align: center;
    font-weight: 700;
    text-shadow: 0 0 10px rgba(0,0,0,1);
    font-size: 55px;
    line-height: 61px;
}
.italic h5 {
    text-align: center;
    font-weight: 400;
    text-shadow: 0 0 10px rgba(0,0,0,1);
    font-style: normal;
} */


/* Удаляем виджит социальных сетей рядом с меню */
header .static-board .wrap-main-menu table td.wrapper-social {
    display: none;
}

/*Отступ в форме c коммерческой недвижимостью*/
#block2281.BlokFormaRaschet .form .questions.active div:nth-child(6) .input,
#block2292.BlokFormaRaschet .form .questions.active div:nth-child(6) .input,
#block2315.BlokFormaRaschet .form .questions.active div:nth-child(6) .input,
#block2304.BlokFormaRaschet .form .questions.active div:nth-child(6) .input,
#block2326.BlokFormaRaschet .form .questions.active div:nth-child(6) .input {
    margin-bottom: 7px;
}


/*---VVV---Блок класса .unas - Мы поможем сдать/продать любую недвижимость---VVV---*/
/* Выравниваем в одну строку */
.unas .content .container .images .advantages-table .row .part-wrap .text-wrap.icons-on {
    padding-left: 10%;
    text-align: left;
    margin-top: 30px;
}
@media (min-width: 768px) {
    .unas .content .container .images .advantages-table .row .part-wrap .col-12:nth-child(4),
    .unas .content .container .images .advantages-table .row .part-wrap .col-12:nth-child(5),
    .unas .content .container .images .advantages-table .row .part-wrap .col-12:nth-child(6) {
        padding-top: 50px;
    }
}
/*---AAA---Блок класса .unas - Мы поможем сдать/продать любую недвижимость---AAA---*/




/*---VVV---Блок класса .preim - Преимущества покупки жилья через наше агентство (на главной странице)---VVV---*/
.preim img {
    border-radius: 50%;
}
/*---AAA---Блок класса .preim - Преимущества покупки жилья через наше агентство (на главной странице)---AAA---*/










/*VVV------------------------------- Блок с Преимуществами (квадратики) -------------------------------VVV*/

/*----- Изначально настраивал этот файл стилей для аренды, подключаем в блоке с преимуществах -----*/

/*VVV ----- Анимация паралакс всех экранах для мобильных устройств ----- VVV*/
@media (max-width: 992px) {
    .PerviyBlokForma, .BlokFormaRaschet, .UznaiteBolshe {
        background-attachment: fixed !important;
    }
}
/*AAA ----- Анимация паралакс всех экранах для мобильных устройств ----- AAA*/

/*VVV ------ Слайд 1, 3 и 8 с формами ----- VVV*/
/*Отступ от первого экрана с формой (для мобильного)*/
.PerviyBlokForma .form-block {
    padding-bottom: 30px;
}

/*Отступ от мелкого шрифта на первом экране (для мобильного)*/
.PerviyBlokForma .form-text-under-title.italic,
.BlokFormaRaschet .form-text-under-title.italic {
    padding-bottom: 20px;
}
/*AAA ------ Слайд 1, 3 и 8 с формами ----- AAA*/

/*VVV ------ Слайд 2 преимущества ----- VVV*/
/*Фон блока преимуществ (серый)*/
.block.slide_preimushestva {
    background: #f7f7f7;
}

/*Фон квадратов с преимуществами*/
#cont_preim {
    background: #fff;
}

/*Сдвигаем блоки с преимуществами на предыдущий экран с формой*/
@media (min-width: 768px) {
    /*VVV--- На лендингах, поднимаем квадратики ---VVV*/
    .slide_preimushestva {
        margin-top: -160px;
    }
    /*AAA--- На лендингах, поднимаем квадратики ---AAA*/

    /*VVV--- На главной странице, не поднимаем квадратики ---VVV*/
    .slide_preimushestva.horizontal {
        margin-top: 0px;
    }
    .slide_preimushestva.horizontal .content {
      margin-top: 200px;
    }
    /*AAA--- На главной странице, не поднимаем квадратики ---AAA*/

    .PerviyBlokForma .form-block {
        padding-bottom: 180px;
    }
}

/*Рамка блока преимаществ*/
#cont_preim {
    border-color: rgb(240, 240, 240);
    border-style: solid;
    border-width: 10px;
    text-align: center;
    margin: 10px;
    padding-bottom: 10px;
}

/*Отступы второго слайда (преимущества)*/
.slide_preimushestva {
    padding-top: 0;
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
}

.slide_preimushestva .row {
    /*flex-wrap: nowrap;*/ /*Убираем перенос блоков с преимуществами*/
}

/*Убираем перенос блоков с преимуществами*/
@media (min-width: 768px) {
    #cont_preim {
        max-width: calc(33.3333% - 20px);
    }
}

/*Отступ от картинки в блоке с преимуществами*/
#IMG_SPAN {
    padding-top: 10px;
}

/*Отступ от заголовка в блоке с преимуществами*/
#ZAGOLOVOK {
    font: 800 24px / 30px Montserrat, sans-serif;
    outline: rgb(21, 21, 29) none 0px;
    padding: 0px 0px 20px;
}

/*Отступ от текста в блоке с преимуществами*/
#OPISANIE {
    block-size: 76.8px;
    font: 16px / 25.6px Montserrat, sans-serif;
    outline: rgba(0, 0, 0, 0.7) none 0px;
    /*padding: 0px 0px 12px;*/
}

/*VVV-----Медиазапросы-----Отступ от описания в блоке с преимуществами снизу (убираем баг текста за рамку)-----Медиазапросы-----VVV*/
/*Отступ от описания в блоке с преимуществами снизу*/
@media (max-width: 209.99px) {
    #OPISANIE {
        padding: 0px 0px 230px;
    }
}

@media (min-width: 210px) and (max-width: 283.99px) {
    #OPISANIE {
        padding: 0px 0px 190px;
    }
}

@media (min-width: 284px) and (max-width: 315.99px) {
    #OPISANIE {
        padding: 0px 0px 120px;
    }
}

@media (min-width: 316px) and (max-width: 575.99px) {
    #OPISANIE {
        padding: 0px 0px 90px;
    }
}

@media (min-width: 576px) and (max-width: 767.99px) {
    #OPISANIE {
        padding: 0px 0px 0px;
    }

    .slide_preimushestva #cont_preim {
        flex: 0 0 97.5%; /*Убираем баг в виде отступа справа на разрешении в диапазоне 676х768 пикселей*/
    }

}

@media (min-width: 768px) {
    #OPISANIE {
        padding: 0px 0px 140px;
    }
}

@media (min-width: 992px) {
    #OPISANIE {
        padding: 0px 0px 90px;
    }
}

@media (min-width: 1350px) {
    #OPISANIE {
        padding: 0px 0px 70px;
    }
}
/*AAA-----Медиазапросы-----Отступ от описания в блоке с преимуществами снизу (убираем баг текста за рамку)-----Медиазапросы-----AAA*/

/*Отступ снизу и сверху в блоке с преимуществами*/
#preim {
    margin-top: 20px;
    margin-bottom: 20px;
}
/*AAA ------ Слайд 2 преимущества ----- AAA*/

/*VVV ------ Слайд 4 иконки с описанием ----- VVV*/
/*Иконка с описанием в одну строку*/
.unas .element {
    display: flex;
}

.unas .content .container .advantages-table .element .image-table .image-cell {
    vertical-align: top;
}

.unas .content .container .advantages-table .element {
    margin-bottom: 0px;
}

/*Уменьшаем отступ от иконок с преимуществами*/
.unas .content .container .advantages-table .advantages-cell .part-wrap .element .image-table .image-cell {
        height: 90px;
}

/*Выравниваем иконки*/
.unas .content .container .advantages-table .part-wrap .col-12 {
    display: flex;
    padding-left: 10%;
}
/*Выравниваем текст от иконки*/
.unas .content .container .advantages-table .part-wrap .col-12 .text-wrap.icons-on {
    padding-left: 15%;
    /*padding-top: 20px;*/
}
/*Выравниваем текст в одну строку, т.к. слева отступ*/
.unas .content .container .advantages-table .part-wrap .col-12 .text-wrap.icons-on .text {
    width: 130%;
}
/*AAA ------ Слайд 4 иконки с описанием ----- AAA*/

/*AAA------------------------------- Блок с Преимуществами (квадратики) -------------------------------AAA*/





/*VVV------------------------------- Блок как мы работаем (квадратики) -------------------------------VVV*/

/*VVV ------ Как мы работаем ----- VVV*/
/*Фон блока преимуществ (серый)*/
.block.slide_preimushestva_job {
    background: #f7f7f7;
}

/*Фон квадратов с преимуществами*/
#cont_preim_job {
    background: #fff;
}


/*Рамка блока преимаществ*/
#cont_preim_job {
    border-color: rgb(240, 240, 240);
    border-style: solid;
    border-width: 10px;
    text-align: center;
    margin: 10px;
    padding-bottom: 10px;
}


/*Убираем перенос блоков с преимуществами*/
@media (min-width: 768px) {
    #cont_preim_job {
        max-width: calc(33.3333% - 20px);
    }
}

/*Отступ от картинки в блоке с преимуществами*/
#SPAN_IMG_job {
    padding-top: 10px;
}

/*Отступ от заголовка в блоке с преимуществами*/
#ZAGOLOVOK_job {
    font: 800 24px / 30px Montserrat, sans-serif;
    outline: rgb(21, 21, 29) none 0px;
    padding: 0px 0px 20px;
}

/*Отступ от текста в блоке с преимуществами*/
#OPISANIE_job {
    block-size: 76.8px;
    font: 16px / 25.6px Montserrat, sans-serif;
    outline: rgba(0, 0, 0, 0.7) none 0px;
    /*padding: 0px 0px 12px;*/
}

/*VVV-----Медиазапросы-----Отступ от описания в блоке с преимуществами снизу (убираем баг текста за рамку)-----Медиазапросы-----VVV*/
/*Отступ от описания в блоке с преимуществами снизу*/
@media (max-width: 209.99px) {
    #OPISANIE_job {
        padding: 0px 0px 230px;
    }
}

@media (min-width: 210px) and (max-width: 283.99px) {
    #OPISANIE_job {
        padding: 0px 0px 190px;
    }
}

@media (min-width: 284px) and (max-width: 315.99px) {
    #OPISANIE_job {
        padding: 0px 0px 120px;
    }
}

@media (min-width: 316px) and (max-width: 575.99px) {
    #OPISANIE_job {
        padding: 0px 0px 90px;
    }
}

@media (min-width: 576px) and (max-width: 767.99px) {
    #OPISANIE_job {
        padding: 0px 0px 0px;
    }

    .slide_preimushestva_job #cont_preim_job {
        flex: 0 0 97.5%; /*Убираем баг в виде отступа справа на разрешении в диапазоне 676х768 пикселей*/
    }

}

@media (min-width: 768px) {
    #OPISANIE_job {
        padding: 0px 0px 140px;
    }
}

@media (min-width: 992px) {
    #OPISANIE_job {
        padding: 0px 0px 90px;
    }
}

@media (min-width: 1350px) {
    #OPISANIE_job {
        padding: 0px 0px 70px;
    }
}
/*AAA-----Медиазапросы-----Отступ от описания в блоке с преимуществами снизу (убираем баг текста за рамку)-----Медиазапросы-----AAA*/

/*Отступ снизу и сверху в блоке с преимуществами*/
#preim_job {
    margin-top: 20px;
    margin-bottom: 20px;
}
/*AAA ------ Как мы работаем ----- AAA*/

/*AAA------------------------------- Блок как мы работаем (квадратики) -------------------------------AAA*/







/*#cont_preim {
        max-width: calc(100.0000% - 20px);
}*/


/*Делаем текст телефона черным в окне с социконками*/
a.soc_ic.soc_phone {
    color: #000000;
    padding-left: 30px;
}
.phoenix-modal.window-modal a.soc_ic.soc_phone {
    opacity: 1.0;
    /* font-size: larger; */
}

/*В раскрытом меню ПК и мобилки меняем цвет телефона на белый*/
.open-menu.tone-dark.hidden-sm.hidden-xs.blur-container.show-open.on .footer-menu-wrap .col-lg-3.col-12.unset-margin-top-child.right a.soc_ic.soc_phone,
.open-menu-mobile.tone-dark.hidden-xxl.hidden-xl.hidden-lg.hidden-md.show-open.on .foot-wrap.absolute .soc-group a.soc_ic.soc_phone {
    color: #ffffff;
}


/*Убираем подложку у социконок в мобильном меню*/
.open-menu-mobile.tone-dark.hidden-xxl.hidden-xl.hidden-lg.hidden-md.show-open.on .foot-wrap.absolute .soc-group a.soc_ic.soc_whatsapp,
.open-menu-mobile.tone-dark.hidden-xxl.hidden-xl.hidden-lg.hidden-md.show-open.on .foot-wrap.absolute .soc-group a.soc_ic.soc_viber {
    background-color: transparent;
} 

/*Убираем подложку у социконок при нажатии на телефон в хедере - всплывающем окне*/
.modalArea.shadow-modal-wind-contact.on .phoenix-modal.window-modal a.soc_ic.soc_whatsapp,
.modalArea.shadow-modal-wind-contact.on .phoenix-modal.window-modal a.soc_ic.soc_viber {
    background-color: transparent;
}

/*Убираем подложку у социконок при нажатии на раскрытие меню*/
.open-menu-mobile.tone-dark.hidden-xxl.hidden-xl.hidden-lg.hidden-md.show-open.on .foot-wrap .soc-group .soc_ic.soc_whatsapp,
.open-menu-mobile.tone-dark.hidden-xxl.hidden-xl.hidden-lg.hidden-md.show-open.on .foot-wrap .soc-group .soc_ic.soc_viber {
    background-color: transparent;
}

/*В раскрытом меню ПК и мобилки (при нажатии на раскрытие меню) меняем цвет телефона на белый*/
.open-menu-mobile.tone-dark.hidden-xxl.hidden-xl.hidden-lg.hidden-md.show-open.on .foot-wrap .soc-group > a.soc_ic.soc_phone {
    color: #ffffff;
}