/* ========================================================================= Версия для слабовидящих. Активируется классом .bvi на . Панель управления впрыскивается bvi.js в начало . ========================================================================= */ /* --- Панель --- */ .bvi-panel { display: none; } html.bvi-open .bvi-panel { display: block; position: fixed; top: 0; left: 0; right: 0; z-index: 3000; background: #1a1a1a; color: #fff; padding: 10px 14px; font-size: 14px; font-family: Arial, "Segoe UI", sans-serif; box-shadow: 0 2px 12px rgba(0, 0, 0, .45); } html.bvi-open body { padding-top: 104px !important; } @media (max-width: 700px) { html.bvi-open body { padding-top: 170px !important; } } .bvi-panel__row { display: flex; flex-wrap: wrap; gap: 8px 18px; align-items: center; max-width: 1140px; margin: 0 auto; } .bvi-panel__grp { display: flex; gap: 5px; align-items: center; } .bvi-panel__grp > b { font-weight: 700; opacity: .75; font-size: 12px; text-transform: uppercase; letter-spacing: .03em; } .bvi-panel button { background: #333; color: #fff; border: 1px solid #555; border-radius: 6px; padding: 5px 11px; cursor: pointer; font: inherit; line-height: 1.15; } .bvi-panel button:hover { background: #454545; } .bvi-panel button:focus-visible { outline: 3px solid #ffd400; outline-offset: 1px; } .bvi-panel button[aria-pressed="true"] { background: #fff; color: #000; border-color: #fff; font-weight: 700; } .bvi-panel .bvi-swatch { width: 24px; height: 24px; padding: 0; } .bvi-panel__close { margin-left: auto; background: #b3261e !important; border-color: #b3261e !important; color: #fff !important; } /* Триггер в шапке */ .bvi-toggle { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; } .bvi-toggle .icon-low-vision, .bvi-toggle .icon-eye { font-size: 16px; } /* ========================================================================= Режим для слабовидящих ========================================================================= */ html.bvi #ftco-loader { display: none !important; } /* Убираем оформление: фоны, тени, картинки-фоны, декоративные иконки */ html.bvi header, html.bvi nav, html.bvi section, html.bvi footer, html.bvi aside, html.bvi .ftco-section, html.bvi .bg-light, html.bvi .bg-dark, html.bvi .ftco-footer, html.bvi .ftco-bg-dark, html.bvi .services, html.bvi .staff, html.bvi .review-card, html.bvi .home-stats, html.bvi .home-hero, html.bvi .lp-hero, html.bvi .lp-cta, html.bvi .contacts-card, html.bvi .contacts-legal, html.bvi .lp-step, html.bvi .lp-solve, html.bvi .lp-faq, html.bvi .rassrochka-doc, html.bvi [class*="bg-"], html.bvi [style*="background"] { background: transparent !important; background-image: none !important; box-shadow: none !important; } html.bvi .icon, html.bvi [class^="flaticon-"], html.bvi [class*=" flaticon-"], html.bvi .lp-solve__mark, html.bvi .lp-step__num, html.bvi .contacts-ic { display: none !important; } html.bvi .btn { border-radius: 4px !important; box-shadow: none !important; } /* Картинки */ html.bvi img { max-width: 100% !important; height: auto !important; } html.bvi.bvi-noimg img { display: none !important; } html.bvi.bvi-noimg [style*="background-image"] { background-image: none !important; } /* Размер шрифта */ html.bvi.bvi-fs-1 { font-size: 100%; } html.bvi.bvi-fs-2 { font-size: 115%; } html.bvi.bvi-fs-3 { font-size: 135%; } html.bvi.bvi-fs-2 body, html.bvi.bvi-fs-2 p, html.bvi.bvi-fs-2 li, html.bvi.bvi-fs-2 a, html.bvi.bvi-fs-2 span, html.bvi.bvi-fs-2 td, html.bvi.bvi-fs-2 th, html.bvi.bvi-fs-2 label, html.bvi.bvi-fs-2 input, html.bvi.bvi-fs-2 button, html.bvi.bvi-fs-2 dd, html.bvi.bvi-fs-2 dt, html.bvi.bvi-fs-2 h1, html.bvi.bvi-fs-2 h2, html.bvi.bvi-fs-2 h3, html.bvi.bvi-fs-2 h4, html.bvi.bvi-fs-2 h5, html.bvi.bvi-fs-2 .nav-link, html.bvi.bvi-fs-2 blockquote { font-size: 1.12em !important; line-height: 1.6 !important; } html.bvi.bvi-fs-3 body, html.bvi.bvi-fs-3 p, html.bvi.bvi-fs-3 li, html.bvi.bvi-fs-3 a, html.bvi.bvi-fs-3 span, html.bvi.bvi-fs-3 td, html.bvi.bvi-fs-3 th, html.bvi.bvi-fs-3 label, html.bvi.bvi-fs-3 input, html.bvi.bvi-fs-3 button, html.bvi.bvi-fs-3 dd, html.bvi.bvi-fs-3 dt, html.bvi.bvi-fs-3 h1, html.bvi.bvi-fs-3 h2, html.bvi.bvi-fs-3 h3, html.bvi.bvi-fs-3 h4, html.bvi.bvi-fs-3 h5, html.bvi.bvi-fs-3 .nav-link, html.bvi.bvi-fs-3 blockquote { font-size: 1.3em !important; line-height: 1.7 !important; } /* Цветовые схемы */ html.bvi.bvi-th-wb, html.bvi.bvi-th-wb body { background: #fff !important; color: #000 !important; } html.bvi.bvi-th-wb a, html.bvi.bvi-th-wb a * { color: #0000cc !important; } html.bvi.bvi-th-bw, html.bvi.bvi-th-bw body { background: #000 !important; color: #fff !important; } html.bvi.bvi-th-bw a, html.bvi.bvi-th-bw a * { color: #00e0e0 !important; } html.bvi.bvi-th-bl, html.bvi.bvi-th-bl body { background: #002a4d !important; color: #a6d4ff !important; } html.bvi.bvi-th-bl a, html.bvi.bvi-th-bl a * { color: #ffffff !important; } html.bvi.bvi-th-bg, html.bvi.bvi-th-bg body { background: #f7f2d9 !important; color: #4a3826 !important; } html.bvi.bvi-th-bg a, html.bvi.bvi-th-bg a * { color: #7a3b00 !important; } /* общий текст наследует цвет схемы */ html.bvi h1, html.bvi h2, html.bvi h3, html.bvi h4, html.bvi h5, html.bvi h6, html.bvi p, html.bvi li, html.bvi span, html.bvi td, html.bvi th, html.bvi div, html.bvi dd, html.bvi dt, html.bvi label, html.bvi strong, html.bvi b, html.bvi small, html.bvi .subheading, html.bvi .lp-kicker, html.bvi .hd-role, html.bvi .review-meta, html.bvi .home-stats__num, html.bvi .home-stats__label { color: inherit !important; } html.bvi .btn { border: 2px solid currentColor !important; background: transparent !important; color: inherit !important; } /* Межбуквенный интервал */ html.bvi.bvi-ker-2 body { letter-spacing: .05em !important; word-spacing: .12em !important; } html.bvi.bvi-ker-3 body { letter-spacing: .12em !important; word-spacing: .22em !important; } /* Шрифт с засечками */ html.bvi.bvi-serif, html.bvi.bvi-serif * { font-family: Georgia, "PT Serif", "Times New Roman", serif !important; } /* Видимый фокус */ html.bvi a:focus, html.bvi button:focus, html.bvi input:focus, html.bvi [tabindex]:focus { outline: 3px solid currentColor !important; outline-offset: 2px !important; }