/* AP custom styles. Linked versioned from header.php */

/* ===== AP footer restyle (v2, 2026-06-02) ===== */
.form_index_vopros{background:#f4f6f9 !important;padding:46px 0 !important}
.form_index_vopros .index_title{text-align:center;margin-bottom:26px}
.form_index_vopros .index_title .title span{font-size:28px !important;color:#1b2733}
.form_index_vopros .index_title .line{font-size:0 !important;height:4px !important;margin:14px auto 18px !important;position:relative;border:0 !important;background:none !important;width:70px !important}
.form_index_vopros .index_title .line::after{background:#f5b400 !important;width:70px !important;height:4px !important;bottom:0 !important;top:auto !important;left:50% !important}
.form_index_vopros .index_title .title{font-size:16px;color:#6b7a89}
.form_index_vopros .form-control{height:52px !important;border:1px solid #dfe6ec !important;border-radius:12px !important;padding:0 16px !important;font-size:15px !important;box-shadow:none !important;background:#fff !important;transition:.2s}
.form_index_vopros .form-control:focus{border-color:#f5b400 !important;box-shadow:0 0 0 3px rgba(245,180,0,.18) !important}
.form_index_vopros .input-div{margin-bottom:12px}
.form_index_vopros #submit-btn{width:100% !important;height:52px;background:#ffd24a !important;color:#1b2733 !important;border:0 !important;border-radius:12px !important;font-weight:700;font-size:16px;box-shadow:0 6px 16px rgba(245,180,0,.35);transition:.2s}
.form_index_vopros #submit-btn:hover{background:#ffc107 !important;transform:translateY(-2px)}
.form_index_vopros #submit-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}
.form_index_vopros .controls{font-size:14px;color:#6b7a89;margin-top:6px}
.form_index_vopros .controls a{color:#e08600}
.index_contacts{padding:32px 0;text-align:center}
.index_contacts .list-inline{display:inline-flex;flex-wrap:wrap;border-radius:12px;overflow:hidden;border:1px solid #e2e8ee;margin:0 auto 22px;padding:0}
.index_contacts .list-inline>li,.index_contacts li{margin:0 !important;float:none !important;padding:0 !important;background:#fff !important;border:0 !important}
.index_contacts .list-inline>li>a{display:block;padding:14px 26px !important;background:transparent !important;color:#1b2733 !important;text-decoration:none !important;font-weight:600;border:0 !important;border-radius:0 !important;transition:.2s}
.index_contacts .list-inline>li.active,.index_contacts li.active{background:#1b2733 !important;border-color:#1b2733 !important;text-decoration:none !important}
.index_contacts .list-inline>li.active>a,.index_contacts li.active>a{background:#1b2733 !important;color:#fff !important;text-decoration:none !important}
.index_contacts .list-inline>li>a:hover{background:#2c3e50 !important;color:#fff !important}
.index_contacts .tel{font-size:30px !important;font-weight:700;color:#1b2733 !important;margin:6px 0 8px}
.index_contacts .adress{font-size:17px;color:#566573;margin-bottom:18px}
.index_contacts .map,.index_contacts .bx-yandex-map{border-radius:16px;overflow:hidden;box-shadow:0 6px 22px rgba(20,40,60,.10)}
@media(max-width:640px){.index_contacts .tel{font-size:22px !important}.form_index_vopros{padding:30px 0 !important}.index_contacts .list-inline>li>a{padding:12px 16px !important;font-size:14px}}


/* ===== AP header modern + mobile (v4, 2026-06-02) ===== */
/* --- Mobile fixed top bar with burger --- */
.menu_mobile.navbar{background:#1b2733 !important;border:0 !important;margin:0 !important;min-height:56px;border-radius:0 !important;box-shadow:0 2px 12px rgba(0,0,0,.28)}
.menu_mobile .navbar-header{padding:0 6px;background:none !important;overflow:hidden}
/* logo to the LEFT of the burger (click -> home) */
.menu_mobile .ap-mob-logo{float:left;display:block;padding:11px 10px;line-height:0}
.menu_mobile .ap-mob-logo img{height:30px;width:auto;display:block}
.menu_mobile .navbar-toggle{border:0 !important;margin:9px 8px !important;padding:11px 14px !important;color:#fff !important;font-weight:600;text-transform:uppercase;font-size:14px;border-radius:8px}
.menu_mobile .navbar-toggle .fa{color:#ffd24a !important;margin-right:8px;font-size:17px}
.menu_mobile .navbar-toggle:hover,.menu_mobile .navbar-toggle:focus{background:rgba(255,255,255,.10) !important}
.menu_mobile .navbar-collapse{background:#1b2733 !important;border:0 !important;border-top:1px solid rgba(255,255,255,.08) !important;max-height:82vh;overflow-y:auto;padding:0}
.menu_mobile .navbar-nav{margin:0 !important;text-transform:none !important}
.menu_mobile .nav>li,.menu_mobile .navbar-nav>li{padding:0 !important;border-bottom:1px solid rgba(255,255,255,.06)}
.menu_mobile .navbar-nav>li>a{color:#fff !important;padding:15px 22px !important;font-size:15px !important;font-weight:500}
.menu_mobile .navbar-nav>li>a:hover,.menu_mobile .navbar-default .navbar-nav>.active>a{background:rgba(255,210,74,.14) !important;color:#ffd24a !important}
.menu_mobile .dropdown-menu{background:rgba(255,255,255,.04) !important;border:0 !important;box-shadow:none !important;padding:0}
.menu_mobile .dropdown-menu>li>a{color:#cfd8e2 !important;padding:12px 34px !important;font-size:14px}
.menu_mobile .dropdown.active>a.dropdown-toggle{color:#ffd24a !important}
/* --- Left menu (services + catalog): flat light-gray, no rounding, equal width --- */
.left_menu{background:#f3f4f6;border:1px solid #e3e6ea;border-radius:0;padding:0;overflow:hidden}
.left_menu .nav-stacked{margin:0}
.left_menu .nav-stacked>li{border-bottom:1px solid #e6e9ed;margin:0;position:relative}
.left_menu .nav-stacked>li:last-child{border-bottom:0}
.left_menu a.menu_left_text{display:block;padding:13px 16px;color:#243240;font-weight:600;font-size:13.5px;line-height:1.35;text-transform:uppercase;letter-spacing:.2px;border-radius:0 !important;background:none !important;border-left:3px solid transparent;transition:.15s}
.left_menu a.menu_left_text:hover{background:#e9ebef !important;color:#1b2733 !important;border-left-color:#f5b400}
.left_menu .nav-stacked>li.active>a.menu_left_text,.left_menu a.root-item-selected{background:#e9ebef !important;color:#1b2733 !important;border-left-color:#f5b400 !important;border-radius:0 !important}
.left_menu .nav-stacked>li.active>a.menu_left_text{margin-right:0 !important;padding-right:52px}
/* chevron expand/collapse button */
.left_menu a.menu_left_arrow{position:absolute !important;right:0;top:0;width:46px;height:46px;margin:0 !important;padding:0 !important;display:flex;align-items:center;justify-content:center;color:#8a94a0;background:#e9ebef;border-left:1px solid #e3e6ea;border-radius:0;z-index:2}
.left_menu a.menu_left_arrow:hover{background:#1b2733;color:#ffd24a}
.left_menu a.menu_left_arrow .fa{font-size:15px}
/* sub-items (catalog) */
.left_menu .panel-collapse ul.list-unstyled{margin:0;background:#fff;border-top:1px solid #e6e9ed}
.left_menu .panel-collapse li{border-bottom:1px solid #f0f2f4}
.left_menu .panel-collapse li:last-child{border-bottom:0}
.left_menu .panel-collapse a.menu_left_text{padding:11px 16px 11px 28px;text-transform:none;font-weight:500;font-size:13.5px;color:#4a5b6b}
.left_menu .panel-collapse a.menu_left_text:hover{background:#fffdf5 !important;color:#1b2733 !important}
.left_menu .tovus{font-weight:700;color:#1b2733;padding:11px 16px;font-size:14px;background:#e9ebef;border-bottom:1px solid #e3e6ea}
/* --- Header band: "???????? ??????" button (all widths) --- */
.header .contacts .btn{display:inline-block;background:#ffd24a !important;color:#1b2733 !important;border:0 !important;border-radius:10px !important;font-weight:700 !important;padding:12px 24px !important;box-shadow:0 6px 16px rgba(245,180,0,.3);transition:.2s;text-transform:none}
.header .contacts .btn:hover{background:#ffc107 !important;transform:translateY(-2px);color:#1b2733 !important}
/* --- FIX mobile overlap: .header & .logo>div are position:absolute in css/main_new.css.
   media.css resets child heights but NOT positioning -> logo/contacts escape flow and overlap content.
   Hard-reset ALL header positioning into normal flow, with a dark band so white text stays readable. --- */
@media(max-width:970px){
.menu_mobile.navbar{position:sticky !important;top:0 !important}
.index_slider{display:none !important}
.header{position:static !important;height:auto !important;min-height:0 !important;background:#1b2733 !important;color:#fff !important;padding:22px 14px !important;text-align:center !important;overflow:visible !important}
.header *{position:static !important;height:auto !important;top:auto !important;bottom:auto !important;left:auto !important;right:auto !important;float:none !important}
.header .row,.header .col-md-4,.header .adress,.header .logo,.header .contacts{width:100% !important;text-align:center !important;color:#fff !important}
.header .row.flex_css_content{display:block !important}
.header .col-md-4{margin-bottom:14px;padding:0 10px}
.header .adress,.header .contacts{font-size:15px}
/* logo already shown in the mobile menu bar -> hide the big duplicate in the band; remove callback button */
.header .logo{display:none !important}
.header .contacts .btn{display:none !important}
/* social icons (VK / Rutube): give them room so they do not overlap */
.header .contacts{padding-bottom:10px !important}
.header .contacts p{margin:16px 0 6px !important;line-height:1 !important;white-space:normal !important}
.header .contacts p a{display:inline-block !important;margin:0 14px !important;vertical-align:middle}
.header .contacts img{height:42px !important;width:auto !important;margin:0 !important}
}