/* =========================================================
   РЕКОН — ОБЩИЕ ПОЛЬЗОВАТЕЛЬСКИЕ CSS-СТИЛИ
   ========================================================= */


/* =========================================================
   1. ШАПКА РЕКОН — ZERO BLOCK
   Block ID: rec3729342103
   ========================================================= */


/* Пункты меню */
#rec3729342103 .tn-elem[data-elem-type="text"] .tn-atom a {
    position: relative;
    color: #1F1F1F !important;
    text-decoration: none !important;
    transition: color 0.2s ease;
}


/* Пункты меню при наведении */
#rec3729342103 .tn-elem[data-elem-type="text"] .tn-atom a:hover {
    color: #2F6B3F !important;
}


/* Линия под пунктами меню */
#rec3729342103 .tn-elem[data-elem-type="text"] .tn-atom a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 0;
    height: 1px;
    background-color: #2F6B3F;
    transition: width 0.2s ease;
}


/* Линия появляется при наведении */
#rec3729342103 .tn-elem[data-elem-type="text"] .tn-atom a:hover::after {
    width: 100%;
}


/* Активный пункт меню */
#rec3729342103 .tn-elem[data-elem-type="text"] .tn-atom a.is-active {
    color: #2F6B3F !important;
}


/* Постоянная линия под активным пунктом */
#rec3729342103 .tn-elem[data-elem-type="text"] .tn-atom a.is-active::after {
    width: 100%;
}


/* =========================================================
   2. КНОПКА "ПОЛУЧИТЬ КОНСУЛЬТАЦИЮ"
   ========================================================= */


/* Обычное состояние */
#rec3729342103 .tn-elem[data-elem-type="button"] .tn-atom {
    transition: background-color 0.2s ease;
}


/* Наведение */
#rec3729342103 .tn-elem[data-elem-type="button"] .tn-atom:hover {
    background-color: #245632 !important;
}


/* =========================================================
   3. БЛОК СТАТИСТИКИ — НАЛОЖЕНИЕ НА HERO
   ========================================================= */


/* HERO */
#rec3707418903 {
    overflow: visible !important;
}


/* Статистика поверх HERO */
#rec3734119803 {
    margin-top: -130px;
    position: relative;
    z-index: 10;
}


/* =========================================================
   4. ВТОРОЙ БЛОК С НАЛОЖЕНИЕМ
   ========================================================= */


#rec3755741603 {
    overflow: visible !important;
}


#rec3755741703 {
    margin-top: -50px;
    position: relative;
    z-index: 10;
}

/* =========================================================
   АКТИВНЫЙ ПУНКТ МЕНЮ В ЗАВИСИМОСТИ ОТ ТЕКУЩЕЙ СТРАНИЦЫ
   ========================================================= */


/* РЕШЕНИЯ */
#allrecords[data-tilda-page-id="242920903"]
#rec3729342103 a[href*="page242920903.html"] {
    color: #2F6B3F !important;
}

#allrecords[data-tilda-page-id="242920903"]
#rec3729342103 a[href*="page242920903.html"]::after {
    width: 100% !important;
}


/* ЧТО ПРОИЗВОДИТЬ */
#allrecords[data-tilda-page-id="242921203"]
#rec3729342103 a[href*="page242921203.html"] {
    color: #2F6B3F !important;
}

#allrecords[data-tilda-page-id="242921203"]
#rec3729342103 a[href*="page242921203.html"]::after {
    width: 100% !important;
}


/* ЛИНИИ */
#allrecords[data-tilda-page-id="242922003"]
#rec3729342103 a[href*="page242922003.html"] {
    color: #2F6B3F !important;
}

#allrecords[data-tilda-page-id="242922003"]
#rec3729342103 a[href*="page242922003.html"]::after {
    width: 100% !important;
}


/* ОБОРУДОВАНИЕ */
#allrecords[data-tilda-page-id="242922503"]
#rec3729342103 a[href*="page242922503.html"] {
    color: #2F6B3F !important;
}

#allrecords[data-tilda-page-id="242922503"]
#rec3729342103 a[href*="page242922503.html"]::after {
    width: 100% !important;
}


/* ПРОЕКТЫ */
#allrecords[data-tilda-page-id="242923203"]
#rec3729342103 a[href*="page242923203.html"] {
    color: #2F6B3F !important;
}

#allrecords[data-tilda-page-id="242923203"]
#rec3729342103 a[href*="page242923203.html"]::after {
    width: 100% !important;
}


/* О КОМПАНИИ */
#allrecords[data-tilda-page-id="238363703"]
#rec3729342103 a[href*="page238363703.html"] {
    color: #2F6B3F !important;
}

#allrecords[data-tilda-page-id="238363703"]
#rec3729342103 a[href*="page238363703.html"]::after {
    width: 100% !important;
}


/* КОНТАКТЫ */
#allrecords[data-tilda-page-id="242923403"]
#rec3729342103 a[href*="page242923403.html"] {
    color: #2F6B3F !important;
}

#allrecords[data-tilda-page-id="242923403"]
#rec3729342103 a[href*="page242923403.html"]::after {
    width: 100% !important;
}

/* =========================================================
   ПОДВАЛ ВСЕГДА ВНИЗУ ЭКРАНА
   ========================================================= */

html,
body {
    min-height: 100%;
    margin: 0;
}

#allrecords {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

/* Общий Footer Tilda */
#t-footer {
    margin-top: auto !important;
    flex-shrink: 0;
}

/* Серый placeholder в выпадающем списке */
select:invalid {
    color: #9A9A9A !important;
}

/* Обычный цвет после выбора */
select:valid {
    color: #1F1F1F !important;
}

/* Первый пустой пункт "Тема обращения" не показываем в списке */
select option[value=""] {
    display: none;
}

/* Остальные пункты списка */
select option {
    color: #1F1F1F;
}