@charset "windows-1251";

@import url("https://fonts.googleapis.com/css?family=Old+Standard+TT:400i&subset=cyrillic");

/* ===========================
Индивидуальные стили приложения
========================== */

/*======================================
    Количество уведомлений
========================================*/
.badge_alerts_app {
    padding-top: 0.45em;
    margin-left: 0.15em;
}

/*======================================
    Перенос по буквам в словах если они не помещаются для блока
========================================*/
.transfer_spelling_app {
    word-break: break-word;
    white-space: normal;
}

/*======================================
    Соц. сети
    Сервис для получения css из svg https://yoksel.github.io/url-encoder/
========================================*/
.icon_dzen_white_app {
    width: 1.5em;
    height: 1.5em;
    vertical-align: -.4em;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='icon' x='0px' y='0px' viewBox='0 0 50 50' enable-background='new 0 0 50 50' xml:space='preserve'%3E%3Cpath fill='%23ffffff' d='M35.68,40.92H25.7h-0.67c0.33-12.42,2-16.29,15.52-16.18h1.11v10.2C41.66,38.15,38.89,40.92,35.68,40.92z M35.68,8H25.7h-0.67c0.33,12.42,2,16.29,15.52,16.18h1.11v-10.2C41.66,10.77,38.89,8,35.68,8z M13.84,40.92h9.98h0.67 c-0.33-12.42-2-16.29-15.52-16.18H7.86v10.2C7.86,38.15,10.63,40.92,13.84,40.92z M7.86,13.99v10.2h1.11 C22.49,24.3,24.15,20.53,24.48,8h-0.67h-9.98C10.63,8,7.86,10.77,7.86,13.99z'/%3E%3C/svg%3E");
}
.icon_dzen_dark_app {
    width: 2.0em;
    height: 2.0em;
    vertical-align: -.6em;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg id='_Слой_2' data-name='Слой 2' viewBox='0 0 49 49' version='1.1' sodipodi:docname='dzen — копия.svg' inkscape:version='1.3.2 (091e20e, 2023-11-25, custom)' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Csodipodi:namedview id='namedview2' pagecolor='%23ffffff' bordercolor='%23000000' borderopacity='0.25' inkscape:showpageshadow='2' inkscape:pageopacity='0.0' inkscape:pagecheckerboard='0' inkscape:deskcolor='%23d1d1d1' inkscape:zoom='16.591837' inkscape:cx='24.5' inkscape:cy='24.5' inkscape:window-width='1920' inkscape:window-height='1009' inkscape:window-x='-8' inkscape:window-y='-8' inkscape:window-maximized='1' inkscape:current-layer='_Слой_2' /%3E%3Cdefs id='defs1'%3E%3Cstyle id='style1'%3E .cls-1 %7B fill: %231f4a2e; %7D %3C/style%3E%3C/defs%3E%3Cg id='_Слой_1-2' data-name='Слой 1'%3E%3Cg id='g2'%3E%3Cpath class='cls-1' d='m10.4,27.11c0-.81,0-1.63,0-2.44.02,0,.05,0,.07,0,.96.04,1.91.07,2.87.11.62.03,1.25.07,1.87.11.72.05,1.45.13,2.16.25.72.12,1.42.29,2.1.55.99.38,1.86.95,2.58,1.73.75.81,1.26,1.76,1.59,2.82.33,1.09.48,2.21.58,3.34.04.42.07.84.09,1.26.04.66.07,1.32.1,1.98.02.49.04.97.05,1.46,0,.14,0,.28,0,.44-.05,0-.1,0-.15,0-.48,0-.95,0-1.43,0-1.61-.02-3.23-.03-4.84-.16-.76-.06-1.51-.16-2.25-.32-.71-.15-1.39-.36-2.05-.68-.86-.43-1.55-1.04-2.01-1.89-.17-.32-.32-.64-.45-.98-.32-.87-.49-1.78-.6-2.7-.11-.91-.18-1.82-.2-2.74-.02-.64-.04-1.29-.06-1.93,0-.07-.02-.14-.02-.2Zm11.43-16.81c-.57.01-1.15.01-1.72.04-.67.03-1.34.07-2.01.11-.72.05-1.43.14-2.13.28-.66.13-1.3.31-1.92.58-1.21.51-2.08,1.37-2.59,2.59-.29.68-.48,1.38-.61,2.1-.14.76-.24,1.53-.28,2.3-.05.81-.08,1.62-.11,2.42-.01.35-.02.69-.03,1.04,0,.05-.01.11-.02.16,0,.81,0,1.61,0,2.42.31,0,.62-.01.93-.02.58-.02,1.16-.04,1.73-.06.59-.03,1.17-.06,1.76-.1.46-.03.91-.07,1.37-.12,1.1-.12,2.19-.3,3.23-.7,2.05-.79,3.42-2.24,4.14-4.31.22-.65.37-1.32.47-1.99.12-.8.21-1.6.25-2.4.04-.71.08-1.41.11-2.12.03-.74.06-1.48.08-2.22-.82,0-1.65,0-2.47,0-.06,0-.12.02-.18.02Zm2.99.62c.03.79.05,1.59.09,2.38.03.58.06,1.16.11,1.74.07.94.18,1.89.38,2.81.19.89.48,1.76.95,2.55.84,1.42,2.05,2.38,3.59,2.95.69.25,1.41.42,2.14.53.59.08,1.18.16,1.78.21.62.06,1.25.09,1.87.12.57.03,1.14.05,1.71.07.43.02.86.03,1.29.04.03,0,.06,0,.1,0,0-.06,0-.1,0-.14,0-1.13,0-2.26-.01-3.39-.01-.96-.05-1.91-.14-2.87-.09-.96-.21-1.92-.46-2.86-.13-.47-.29-.93-.5-1.38-.49-1.05-1.26-1.81-2.31-2.3-.67-.31-1.36-.52-2.08-.66-.7-.14-1.41-.23-2.13-.29-1.13-.09-2.27-.13-3.41-.14-.17,0-.34-.02-.51-.02-.83,0-1.67,0-2.5,0,.01.21.03.42.03.64Zm.15,27.8c.4,0,.8,0,1.19,0,1.58-.01,3.15-.02,4.73-.14.78-.06,1.56-.14,2.32-.29.7-.13,1.38-.32,2.03-.6,1.2-.51,2.06-1.36,2.57-2.57.19-.45.34-.92.46-1.39.25-1,.37-2.01.44-3.03.05-.8.09-1.6.11-2.4.02-1.17.01-2.33.01-3.5,0-.04,0-.08,0-.13-.05,0-.1,0-.15,0-.46.02-.92.03-1.37.05-.95.04-1.89.09-2.84.14-.79.04-1.58.13-2.36.25-.68.11-1.34.25-1.99.47-1.98.68-3.39,1.97-4.21,3.9-.43,1.01-.63,2.08-.76,3.16-.06.52-.11,1.04-.15,1.56-.05.74-.09,1.49-.13,2.23-.02.44-.03.88-.05,1.32-.01.31-.02.63-.03.96.06,0,.11,0,.16,0Z' id='path1' style='fill:%23006838;fill-opacity:1' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.icon_rutube_white_app {
    width: 1.5em;
    height: 1.5em;
    vertical-align: -.3em;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="19px" height="19px" viewBox="0 0 192 192" xml:space="preserve" fill="none"><path fill="%23ffffff" d="M128.689 47.57H20.396v116.843h30.141V126.4h57.756l26.352 38.013h33.75l-29.058-38.188c9.025-1.401 15.522-4.73 19.493-9.985 3.97-5.255 5.956-13.664 5.956-24.875v-8.759c0-6.657-.721-11.912-1.985-15.941-1.264-4.029-3.43-7.533-6.498-10.686-3.249-2.978-6.858-5.08-11.19-6.481-4.332-1.226-9.747-1.927-16.424-1.927zm-4.873 53.08H50.537V73.321h73.279c4.15 0 7.038.7 8.482 1.927 1.444 1.226 2.347 3.503 2.347 6.832v9.81c0 3.503-.903 5.78-2.347 7.006s-4.331 1.752-8.482 1.752z" style="display:inline;fill:none;stroke:%23ffffff;stroke-width:12;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1" transform="translate(1.605 -1.99)"/><path fill="%23ffffff" d="M162.324 45.568c5.52 0 9.998-4.477 9.998-10s-4.478-10-9.998-10c-5.524 0-10.002 4.477-10.002 10s4.478 10 10.002 10z" style="display:inline;fill:%23ffffff;fill-opacity:1;stroke:none;stroke-width:10.6667;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1" transform="translate(1.605 -1.99)"/></svg>');
}

.icon_rutube_dark_app {
    width: 2.0em;
    height: 2.0em;
    vertical-align: -.6em;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="19px" height="19px" viewBox="0 0 192 192" xml:space="preserve" fill="none"><path fill="%23ffffff" d="M128.689 47.57H20.396v116.843h30.141V126.4h57.756l26.352 38.013h33.75l-29.058-38.188c9.025-1.401 15.522-4.73 19.493-9.985 3.97-5.255 5.956-13.664 5.956-24.875v-8.759c0-6.657-.721-11.912-1.985-15.941-1.264-4.029-3.43-7.533-6.498-10.686-3.249-2.978-6.858-5.08-11.19-6.481-4.332-1.226-9.747-1.927-16.424-1.927zm-4.873 53.08H50.537V73.321h73.279c4.15 0 7.038.7 8.482 1.927 1.444 1.226 2.347 3.503 2.347 6.832v9.81c0 3.503-.903 5.78-2.347 7.006s-4.331 1.752-8.482 1.752z" style="display:inline;fill:none;stroke:%23006838;stroke-width:12;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1" transform="translate(1.605 -1.99)"/><path fill="%23006838" d="M162.324 45.568c5.52 0 9.998-4.477 9.998-10s-4.478-10-9.998-10c-5.524 0-10.002 4.477-10.002 10s4.478 10 10.002 10z" style="display:inline;fill:%23006838;fill-opacity:1;stroke:none;stroke-width:10.6667;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1" transform="translate(1.605 -1.99)"/></svg>');
}
/*======================================
    Логотип
========================================*/
.logo_app {
    height: 70px;
    width: 70px;
    padding-top: 5px;
}
.logo_app img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

.logo_white_app {
    height:99px;
    width: 99px;
}

.logo_white_app img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

/*======================================
    Стиль для подзаголовка в области меню
========================================*/
.header_title_sub_descr_app {
    font-family: "Old Standard TT", "Times New Roman", serif;
    font-size: 20px;
    font-style: italic;
    display: block;
    color: #67a840;
    line-height: 20px;
    text-align: left;
}
@media (max-width: 1024px) {
    .header_title_sub_descr_app {
        display: none;
    }
}

/*======================================
    Стили изображений для скачивания приложений
========================================*/
.mobile_img_app {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

/*======================================
    Затемнение кнопок перехода к мобильным приложениям в подвале сайта
========================================*/
.footer_button_app {
    position: relative;
}
.footer_button_app a {
    position: relative;
    display: block;
}
.footer_button_app a:after {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background-color: transparent;
    transition: background-color 0.1s ease;
    border-radius: 7px;
    position: absolute;
    display: block;
}
.footer_button_app a:hover::after {
    background-color: rgba(255, 255, 255, 0.25);
}

/*======================================
    Цвет ссылки телефона и почты в подвале
========================================*/
a.link_tel_mail_app:link {
    color: white;
}
a.link_tel_mail_app:visited {
    color: white;
}
a.link_tel_mail_app:hover {
    color: #88C250;
}

/*Стили для хелпера валидации*/
.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000 !important;
    background-color: #ffeeee !important;
}

.validation-summary-errors {
    font-weight: bold !important;
    color: #ff0000 !important;
}

.validation-summary-errors ul li {
    display: list-item !important;
    list-style-type: square !important;
    text-align: start !important;
}

.validation-summary-valid {
    display: none;
}
/*Окончание стилей для хелпера валидации*/

/*======================================
Всплывающие подсказки
Описание см.: www.w3schools.com/css/tryit.asp?filename=trycss_tooltip_arrow_top
========================================*/
.tooltip_app {
    position: relative;
    display: inline-block;
}

.tooltip_app .tooltiptext_app {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 3px;
    position: absolute;
    z-index: 1000;
    top: 150%;
    left: 50%;
    margin-left: -60px;
}

.tooltip_app .tooltiptext_app::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent black transparent;
}

.tooltip_app:hover .tooltiptext_app {
    visibility: visible;
}
/*Окончание всплывающих подсказок*/

/*Цвет ссылок в форме регистрации*/
a.reg_form_link_agreement:link {
    color: #88C250;
}
a.reg_form_link_agreement:hover {
    color: #88C250;
    text-decoration: underline;
}
a.reg_form_link_agreement:visited {
    color: #88C250;
}
a.reg_form_link_login:link {
    color: #006838;
}
a.reg_form_link_login:hover {
    color: #006838;
    text-decoration: underline;
}
a.reg_form_link_login:visited {
    color: #006838;
}
/*Окончание цвета ссылок в форме регистрации*/

/*Свойства заполнителя в форме регистрации*/
#reg input::placeholder {
    padding-left: 0px !important;
}
/*Окончание описания свойств заполнителя в форме регистрации*/

/*Свойства элементов в форме регистрации*/
label.form_control_reg_app {
    margin-top: 17px;
    margin-bottom: 0px !important;
}
input.form_control_reg_app {
    margin-top: 3px;
    margin-bottom: 0px !important;
}
input.form_control_reg_site_app {
    margin-bottom: 0px !important;
}
select.form_control_reg_app {
    margin-top: 3px;
    margin-bottom: 0px !important;    
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: right .75rem center !important;
    background-size: 16px 12px !important;
}
.form_control_reg_app {
    margin-top: 20px;
    margin-bottom: 0px !important;
}
form.position_block_reg_app {
    margin-top: -20px;
}
ul.position_block_reg_app {
    margin-top: 10px !important;
}
/*Окончание описания свойства элементов в форме регистрации*/

/*Свойства элементов в форме изменения профиля*/
.form_control_profile {
    margin-bottom: 0px !important;
}
.form_link_profile {
    height: 55px;
    align-content: center;
}
.form_submit_profile {
    margin-left: 0px !important;
}
select.form_select_profile {
    padding-right: 50px !important;
}
/*Окончание описания свойства элементов в форме изменения профиля*/

/*Cсылки, маркированный и раскрывающийся список и другие стили на странице настроек Яндекс.Диалога и некоторых других*/
a.link_green_app:link {
    color: #88C250;
}

a.link_green_app:hover {
    color: #88C250;
    text-decoration: underline;
}

a.link_green_app:visited {
    color: #88C250;
}

select.form_select_alice {
    border-radius: 0 !important;
    border: 1px solid #eee !important;
    height: 50px !important;
}

ul.position_block_alice_app {
    margin-top: 10px !important;
}

.ico_plus_minus {
    position: relative !important;
    top: 5px !important;
}
/*Окончание описания ссылок, маркированного и раскрывающегося списка и других стилей на странице настроек Яндекс.Диалога*/

/*Оформение отдельных слов*/
.normal_app {
    font-style: normal;
}

.italic_app {
    font-style: italic;
}

.oblique_app {
    font-style: oblique;
}

.oblique_deg_app {
    font-style: oblique -20deg;
}
/*Окончание оформения отдельных слов*/

/*Смайлики*/
.emoji {
    width: 16px !important;
    height: 16px;
    border: 0;
    vertical-align: -3px;
    margin: 0 1px;
    display: inline-block;
    overflow: hidden;
}
/*Окончание смайликов*/

/*Стиль ярокных ссылок*/
a.fragment_app {
    display: block;
    height: 0px;
}
/*Окончание стиля ярокных ссылок*/


/*======================================
    Call Action CSS
========================================*/

/*==================Add CSS====================*/

.call-action {
    padding: 50px 0 !important;
}

.call-action .content h2 {
    font-size: 24px !important;
    line-height: 35px !important;
    margin-bottom: 15px;
}

/*==================Base CSS====================*/

.call-action {
    background-image: url('../images/cta/bg.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 2;
    padding: 150px 0;
}

.call-action .content {
text-align: center;
}

.call-action .content h2 {
font-size: 32px;
font-weight: 600;
line-height: 52px;
color: #006838;
display: block;
margin-bottom: 15px;
}

.call-action .content p {
font-size: 14px;
font-weight: 400;
color: #888;
}

.call-action .content .button {
margin-top: 30px;
}

.call-action .content .button .btn:hover {
}

/*======================================
    End Call Action CSS
========================================*/

/*Стили для поля с паролем и глаза*/
.boximage {
    position: relative;
    top: -38px;
    left: calc(100% - 35px);
    padding: 6px;
    cursor: pointer;
}

.boxpwd {
    height: 52px;
}

.textpwd {
    padding-right: 35px !important;
}
/*Окончание для стилей для поля с паролем и глаза*/

/*Свойства элементов в форме добавления обращения*/
.form_control_feedback {
    margin-bottom: 0px !important;
}

.form_link_feedback {
    height: 55px;
    align-content: center;
}

.form_submit_feedback {
    margin-left: 0px !important;
}

.form_textarea_feedback {
    margin-bottom: -5px !important;
}
/*Окончание описания свойства элементов в форме добавления обращения*/


/*Свойства блоков в списках*/
.caption {
    display: flex;
    align-items: center;
}

.img_data {
    background-color: gainsboro;
}

.border_box {
    border-top: 1px solid #eee !important;
    border-left: 1px solid #eee !important;
}

.row_box {
    --bs-gutter-x: 0;
}

.border_box_details {
    border-top-color: #eee !important;
}
/*Окончание описания свойств блоков в списках*/

/* Для отступа подсказки */
.custom-input-label {
    display: block;
    text-align: left;
    margin: 0 20px 15px 20px !important;
    padding: 8px 0;
    font-size: 0.95em;
    color: #555;
    border-bottom: 1px solid #eee; /* Визуальное разделение (опционально) */
}

/* Для отступа всего окна (опционально) */
.custom-container {
    padding: 0 15px;
}

/* Стили для кугового индикатора с таймером */
.timer-container {
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px; /* Расстояние между таймером и текстом */
}

.timer-caption {
    font-size: 16px;
    color: #666;
    text-align: center;
    font-style: italic;
    margin-top: 10px;
}

/* Остальные стили остаются без изменений */
.timer-circle {
    width: 150px;
    height: 150px;
}

.timer-svg {
    width: 100%;
    height: 100%;
    transform: rotate(-90deg);
}

.timer-circle-bg {
    fill: none;
    stroke: #eee;
    stroke-width: 8;
}

.timer-circle-fg {
    fill: none;
    stroke: #4CAF50;
    stroke-width: 8;
    stroke-linecap: round;
}

.timer-text {
    font-size: 24px;
    text-anchor: middle;
    dominant-baseline: middle;
    fill: #333;
    transform: rotate(90deg);
    transform-origin: 50% 50%;
}