/**
 * WEBSITE: https://themefisher.com
 * TWITTER: https://twitter.com/themefisher
 * FACEBOOK: https://www.facebook.com/themefisher
 * GITHUB: https://github.com/themefisher/
 */

/*=== MEDIA QUERY ===*/
/* Импорт шрифтов */
@import url("https://fonts.googleapis.com/css?family=Exo:500,600,700|Roboto&display=swap");

/*=== Глобальные стили ===*/
html {
    overflow-x: hidden; /* Запрет горизонтальной прокрутки */
}

body {
    line-height: 1.6; /* Межстрочный интервал */
    font-family: "Roboto", sans-serif; /* Основной шрифт */
    -webkit-font-smoothing: antialiased; /* Сглаживание шрифта */
    font-size: 16px; /* Размер текста */
    color: #223a66; /* Цвет текста */
    font-weight: 700; /* Толщина текста */
    overflow-x: hidden;
}

/*=== Заголовки ===*/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: "Exo", sans-serif; /* Шрифт для заголовков */
    font-weight: 700; /* Жирность */
    color: #222; /* Цвет текста */
}

h1, .h1 { font-size: 2.5rem; /* Размер H1 */ }
h2, .h2 { font-size: 44px; /* Размер H2 */ }
h3, .h3 { font-size: 1.5rem; /* Размер H3 */ }
h4, .h4 { font-size: 1.3rem; line-height: 30px; /* Размер H4 */ }
h5, .h5 { font-size: 1.25rem; /* Размер H5 */ }
h6, .h6 { font-size: 1rem; /* Размер H6 */ }

p { line-height: 30px; /* Межстрочный интервал для параграфов */ }

/*=== Навбар ===*/
.navbar-toggle .icon-bar {
    background: #223a66; /* Цвет иконок toggle */
}

/*=== Поля ввода ===*/
input[type=email], input[type=password], input[type=text], input[type=tel] {
    box-shadow: none;
    height: 45px; /* Высота поля */
    outline: none;
    font-size: 1rem;
}
input[type=email]:focus, input[type=password]:focus, input[type=text]:focus, input[type=tel]:focus {
    box-shadow: none;
    border: 1px solid #e06817; /* Граница при фокусе */
}

.form-control {
    box-shadow: none;
    border-radius: 0; /* Без скруглений */
}
.form-control:focus {
    box-shadow: none;
    border: 1px solid #e06817;
}

/*=== Отступы ===*/
.py-7 { padding: 7rem 0px; /* Вертикальные отступы */ }

/*=== Кнопки ===*/
.btn {
    display: inline-block;
    font-size: 0.8125rem;
    font-weight: 700;
    letter-spacing: 0.5px;
    padding: 0.75rem 2rem;
    font-family: "Exo", sans-serif;
    text-transform: uppercase; /* Заглавные буквы */
    border-radius: 5px; /* Скругление углов */
    border: 2px solid transparent;
    transition: all 0.35s ease; /* Плавное изменение стиля */
}
.btn.btn-icon i {
    border-left: 1px solid rgba(255, 255, 255, 0.09);
    padding-left: 15px; /* Отступ для иконки */
}
.btn:focus {
    outline: 0px; /* Убираем рамку при фокусе */
    box-shadow: none;
}

/*=== Основные кнопки ===*/
.btn-main {
    background: #e06817; /* Цвет фона */
    color: #fff; /* Цвет текста */
    border-color: #e06817; /* Цвет рамки */
}
.btn-main:hover {
    background: #e06817;
    border-color: #e06817;
    color: #fff;
}

.btn-main-2 {
    background: #e06817;
    color: #fff;
    border-color: #e06817;
}
.btn-main-2:hover {
    background: #e06817;
    color: #fff;
    border-color: #e06817;
}

/*=== Кнопки с обводкой ===*/
.btn-solid-border {
    border: 2px solid #e06817;
    background: transparent;
    color: #e06817;
}
.btn-solid-border:hover {
    border: 2px solid #e06817;
    color: #fff;
    background: #e06817;
}
.btn-solid-border:hover.btn-icon i {
    border-left: 1px solid rgba(255, 255, 255, 0.09);
}
.btn-solid-border.btn-icon i {
    border-left: 1px solid rgba(0, 0, 0, 0.09);
}

/*=== Прозрачные и белые кнопки ===*/
.btn-transparent {
    background: transparent;
    color: #222;
    border-color: #6F8BA4;
}
.btn-transparent:hover {
    background: #6F8BA4;
    color: #fff;
}

.btn-white {
    background: #fff;
    border-color: #fff;
    color: #222;
}
.btn-white:hover {
    background: #e06817;
    color: #fff;
    border-color: #e06817;
}

.btn-solid-white {
    border-color: #fff;
    color: #fff;
}
.btn-solid-white:hover {
    background: #fff;
    color: #222;
}

/*=== Скругления кнопок ===*/
.btn-round { border-radius: 4px; }
.btn-round-full { border-radius: 50px; }

/*=== Состояния кнопок при фокусе ===*/
.btn.active:focus, .btn:active:focus, .btn:focus {
    outline: 0;
}

/*=== Фоновые цвета ===*/
.bg-gray { background: #eff0f3; }
.bg-primary { background: #223a66; }
.bg-primary-dark { background: #e06817; }
.bg-primary-darker { background: #090f1a; }
.bg-dark { background: #222; }
.bg-gradient {
    background-image: linear-gradient(145deg, rgba(19, 177, 205, 0.95) 0%, rgba(152, 119, 234, 0.95) 100%);
    background-repeat: repeat-x;
}

/*=== Секции ===*/
.section { padding: 100px 0; }
.section-sm { padding: 70px 0; }
.section-bottom { padding-bottom: 100px; }

/*=== Подзаголовки ===*/
.subtitle { color: #e06817; font-size: 14px; letter-spacing: 1px; }

/*=== Оверлей ===*/
.overlay:before {
    content: "";
    position: absolute;
    left: 0; top: 0; bottom: 0; right: 0;
    width: 100%; height: 100%;
    opacity: 0.9;
    background: #e06817;
}
.overly-2 { position: relative; }
.overly-2:before {
    content: "";
    position: absolute;
    left: 0; top: 0; bottom: 0; right: 0;
    width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.8);
}

/*=== Размер текста ===*/
.text-sm { font-size: 14px; }
.text-md { font-size: 2.25rem; }
.text-lg { font-size: 3.75rem; }
.no-spacing { letter-spacing: 0px; }

/*=== Ссылки ===*/
a {
    color: #222;
    text-decoration: none;
    transition: all 0.35s ease;
}
a:focus, a:hover { color: #e06817; text-decoration: none; }
a:focus { outline: none; }

/*=== Заголовки контента ===*/
.content-title { font-size: 40px; }

/*=== Страница заголовка ===*/
.page-title {
    padding: 120px 0px 70px 0px;
    position: relative;
}
.page-title .block h1 { color: #fff; }
.page-title .block p { color: #fff; }
.page-title .breadcumb-nav {
    margin-top: 60px;
    padding-top: 30px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

/*=== Слайдеры ===*/
.slick-slide:focus, .slick-slide a { outline: none; }

/*=== Мобильные стили ===*/
@media (max-width: 480px) {
    h2, .h2 { font-size: 1.3rem; line-height: 36px; }
    .text-lg { font-size: 28px; }
    .banner .block h1 { font-size: 38px; line-height: 50px; }
    .banner { min-height: 450px; background: #fff !important; }
}

/*=== Цвета заголовков и фоновые классы ===*/
.title-color { color: #223a66; }
.secondary-bg { background: #e06817; }
.section-title { margin-bottom: 70px; }
.section-title h2 { color: #223a66; }
.gray-bg { background: #f4f9fc; }

/*=== Навигация ===*/
#navbarmain .nav-link {
    font-weight: 600;
    padding: 15px 15px;
    color: #222;
    font-family: "Exo", sans-serif;
    text-transform: capitalize;
    font-size: 16px;
    transition: all 0.25s ease;
}
#navbarmain .nav-link:hover, #navbarmain .active .nav-link { color: #e06817; }
.dropdown-toggle::after { display: none; }
.navbar-brand { margin-top: 10px; }

/*=== Верхняя панель ===*/
.header-top-bar {
    background: #e06817;
    font-size: 14px;
    padding: 10px 0px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #fff;
}
.top-bar-info li a { color: #fff; margin-right: 20px; }
.top-right-bar a span {
    color: #fff; font-weight: 600; letter-spacing: 1px; vertical-align: middle;
}
.top-right-bar a i { color: #fff; margin-right: 10px; }
/*=== Мобильная навигация ===*/
@media (max-width: 992px) {
    .navigation {
        text-align: center; /* Центрируем навигацию */
    }
}

/*=== Стили выпадающего меню ===*/
.navigation .dropdown-menu {
    padding: 0px; /* Внутренние отступы */
    border: 0px; /* Без границы */
    border-top: 5px solid #e06817; /* Верхняя граница */
    background: #fff; /* Фон меню */
    border-radius: 0px; /* Без скругления */
}

/*=== Мобильные стили для dropdown ===*/
@media (max-width: 992px) {
    .navigation .dropdown-menu {
        text-align: center;
        float: left !important;
        width: 100%; /* Полная ширина */
        margin: 0;
    }
}

/*=== Стрелки меню ===*/
.navigation .dropdown-toggle::after { display: none; }

/*=== Подменю dropleft / dropright ===*/
.navigation .dropleft .dropdown-menu,
.navigation .dropright .dropdown-menu { margin: 0; }

.navigation .dropleft .dropdown-toggle::before,
.navigation .dropright .dropdown-toggle::after {
    font-weight: bold;
    font-size: 14px;
    border: 0;
    display: inline-block;
    font-family: IcoFont !important;
    vertical-align: 1px;
}
.navigation .dropleft .dropdown-toggle::before {
    content: "\eac9"; /* Иконка слева */
    margin-right: 5px;
}
.navigation .dropright .dropdown-toggle::after {
    content: "\eaca"; /* Иконка справа */
    margin-left: 5px;
}

/*=== Элементы меню ===*/
.navigation .dropdown-item {
    padding: 13px 20px; /* Отступы */
    background: transparent; /* Прозрачный фон */
    font-weight: 400; /* Толщина текста */
    color: #555; /* Цвет текста */
    border-bottom: 1px solid #eee; /* Нижняя граница */
}
.navigation li:last-child .dropdown-item { border-bottom: 0; }

/*=== Hover и активные элементы ===*/
.navigation .dropdown-submenu.active > .dropdown-toggle,
.navigation .dropdown-submenu:hover > .dropdown-item,
.navigation .dropdown-item.active,
.navigation .dropdown-item:hover {
    background: rgba(225, 36, 84, 0.05); /* Фон при наведении */
    color: #e06817; /* Цвет текста */
}

/*=== Сброс фокуса для кнопок ===*/
.navigation button:focus { outline: 0; }

/*=== Десктопная навигация ===*/
@media (min-width: 992px) {
    .navigation .dropdown-menu {
        display: block;
        opacity: 0;
        visibility: hidden;
        transition: all 0.2s ease-in, visibility 0s linear 0.2s, transform 0.2s linear;
        min-width: 200px; /* Минимальная ширина меню */
        transform: translateY(10px); /* Смещение вниз */
    }

    .navigation .dropleft .dropdown-menu,
    .navigation .dropright .dropdown-menu { margin-top: -5px; }

    .navigation .dropdown:hover > .dropdown-menu {
        visibility: visible; /* Отображение при hover */
        transition: all 0.3s ease 0s;
        opacity: 1;
        transform: translateY(0);
    }
}

/*=== Фоновые изображения ===*/
.bg-1 {
    background: url("../images/bg/22.jpg") no-repeat 50% 50%; /* Фон блока */
    background-size: cover; /* Масштабирование */
    position: relative;
}

/*=== Баннер верхний ===*/
.banner {
    position: relative;
    overflow: hidden; /* Обрезка лишнего */
    background: #fff;
    background: url("../images/bg/schild.jpg") no-repeat;
    background-size: cover;
    min-height: 550px; /* Минимальная высота */
}
.banner .block {
    padding: 80px 0px 160px; /* Внутренние отступы */
}
.banner .block h1 {
    font-size: 60px;
    line-height: 1.2;
    letter-spacing: -1.2px; /* Расстояние между буквами */
    text-transform: capitalize; /* Заглавные буквы */
    color: #223a66; /* Цвет текста */
}

/*=== Дополнительные стили текста ===*/
.letter-spacing { letter-spacing: 2px; }
.text-color { color: #223a66; }
.text-color-2 { color: #e06817; }
.divider { width: 40px; height: 5px; background: #e06817; }

/*=== Адаптивность баннера ===*/
@media (max-width: 480px) {
    .banner .block h1 { font-size: 38px; line-height: 50px; }
    .banner { min-height: 450px; background: #fff !important; }
}
@media (max-width: 400px) {
    .banner .block h1 { font-size: 28px; line-height: 40px; }
    .banner { min-height: 450px; background: #fff !important; }
}
@media (max-width: 768px) {
    .banner .block h1 { font-size: 56px; line-height: 70px; }
    .banner { background: #fff !important; }
}
@media (max-width: 992px) {
    .banner {
        background: url("../images/bg/schild.jpg") no-repeat center center !important;
        background-size: cover !important;
    }
}

/*=== Изображения в разделе "О нас" ===*/
.about-img img {
    border-radius: 5px; /* Скругление углов */
    box-shadow: 0px 0px 30px 0px rgba(0, 42, 106, 0.1); /* Тень */
}

/*=== Изображения наград ===*/
.award-img {
    height: 120px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eff0f3;
}

/*=== Контент записи записи на прием ===*/
.appoinment-content { position: relative; }
.appoinment-content img { width: 85%; }
.appoinment-content .emergency {
    position: absolute;
    right: 10px;
    bottom: 20px;
    background: #e06817;
    padding: 20px;
}
.appoinment-content .emergency h2 { color: #fff; }
.appoinment-content .emergency i { margin-right: 10px; color: #fff; }

/*=== Форма записи ===*/
.appoinment-form { margin-top: 40px; }
.appoinment-form .form-control {
    background: #f4f9fc;
    height: 55px;
    border-color: rgba(0, 0, 0, 0.05);
}
.appoinment-form textarea.form-control { height: auto; }

/*=== Миниатюры клиентов ===*/
.client-thumb { text-align: center; }

/*=== Блок особенностей ===*/
.features { margin-top: -70px; }
.feature-item {
    flex-basis: 33.33%;
    margin: 0px 10px;
    padding: 40px 30px;
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 0px 0px 30px 0px rgba(0, 42, 106, 0.1);
}
.feature-item .feature-icon i { font-size: 50px; color: #223a66; }
.feature-item h4 { color: #223a66; }
.feature-item p { font-size: 14px; }

.feature-section.border-top { border-top: 1px solid rgba(0, 0, 0, 0.05) !important; }

/*=== Часы работы ===*/
.w-hours li { padding: 6px 0px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); }

/*=== Счетчики ===*/
.counter-stat {
    text-align: center;
    padding: 20px 0px 20px 0px;
    position: relative;
}
.counter-stat i {
    display: block;
    color: rgba(255, 255, 255, 0.06);
    font-size: 70px;
    position: absolute;
    left: 0px; right: 0px; top: 0px;
    transform: translateY(25px);
}
.counter-stat span { font-size: 70px; color: #fff; }
.counter-stat p { margin-bottom: 0px; color: rgba(255, 255, 255, 0.7); }

/*=== Отрицательный margin ===*/
.mb--80 { margin-bottom: -80px; }
/*========================================================
  СЕРВИСЫ
========================================================*/
.service {
    padding-top: 180px; /* Отступ сверху для секции сервисов */
}
.service .service-item {
    background: #fff; /* Белый фон карточки */
    padding: 30px; /* Внутренние отступы */
    border-radius: 5px; /* Скругление углов */
}
.service .icon {
    float: left; /* Иконка слева */
    margin-bottom: 10px;
}
.service i {
    color: #e06817; /* Цвет иконки */
}
.service h4 {
    padding-left: 20px; /* Отступ заголовка от иконки */
}
.service .content {
    clear: both; /* Очистка float */
}

/*========================================================
  БЛОК СЕРВИСА
========================================================*/
.service-block {
    padding: 20px;
    margin-top: 40px;
    border: 1px solid rgba(0, 0, 0, 0.03); /* Лёгкая рамка */
    box-shadow: 0 0 38px rgba(21, 40, 82, 0.07); /* Тень блока */
}
.service-block img {
    width: 100%; /* Изображение на всю ширину */
    margin-top: -60px; /* Сдвиг вверх */
    border: 5px solid #fff; /* Белая рамка */
}

/*========================================================
  ОТДЕЛЫ
========================================================*/
.department-service {
    margin-bottom: 40px; /* Отступ снизу */
}
.department-service li {
    margin-bottom: 10px; /* Отступ между элементами списка */
}
.department-service li i {
    color: #e06817; /* Иконка для списка */
}

/*========================================================
  КНОПКИ ДОКТОРОВ
========================================================*/
.doctors .btn-group .btn {
    border-radius: 0px; /* Без скругления */
    margin: 0px 2px; /* Отступы между кнопками */
    text-transform: capitalize; /* Капитализация текста */
    font-size: 16px;
    padding: 0.6rem 1.5rem; /* Внутренние отступы */
    cursor: pointer; /* Курсор при наведении */
}
.doctors .btn-group .btn.active,
.doctors .btn-group .btn:focus,
.doctors .btn-group .btn:hover {
    box-shadow: none !important;
    border-color: transparent;
    background: #e06817; /* Оранжевый фон активной кнопки */
    color: #fff; /* Белый текст */
}
.doctors .btn-group > .btn-group:not(:last-child) > .btn,
.doctors .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.doctors .btn-group > .btn:not(:first-child) {
    border-radius: 3px; /* Скругление промежуточных кнопок */
}

/*========================================================
  ПРОФИЛИ ДОКТОРОВ
========================================================*/
.doctor-inner-box {
    overflow: hidden;
}
.doctor-inner-box .doctor-profile {
    overflow: hidden;
    position: relative;
    box-shadow: 0px 8px 16px 0px rgba(200, 183, 255, 0.2); /* Тень карточки доктора */
}
.doctor-inner-box .doctor-profile .doctor-img {
    transition: all 0.35s ease; /* Плавная анимация при наведении */
}
.doctor-inner-box .doctor-profile .doctor-img:hover {
    transform: scale(1.1); /* Увеличение изображения */
}

.lh-35 {
    line-height: 35px; /* Высота строки */
}

.doctor-info li {
    margin-bottom: 10px; /* Отступ элементов списка */
    color: #222; /* Цвет текста */
}
.doctor-info li i {
    margin-right: 20px; /* Отступ иконки */
    color: #e06817; /* Цвет иконки */
}

.read-more {
    color: #223a66; /* Цвет ссылки "читать далее" */
}

/*========================================================
  МЕДИА-ЗАПРОСЫ ДЛЯ ДОКТОРОВ
========================================================*/
@media (max-width: 768px),
(max-width: 480px),
(max-width: 400px) {
    .doctors .btn-group {
        display: block; /* Кнопки в столбик */
    }
    .doctors .btn-group .btn {
        margin: 8px 3px; /* Отступы между кнопками */
    }
}

/*========================================================
  CTA (ПРИЗЫВ К ДЕЙСТВИЮ)
========================================================*/
.cta {
    background: url("../images/bg/bg-4.jpg") no-repeat 50% 50%;
    background-size: cover;
    position: relative;
}
.cta:before {
    position: absolute;
    content: "";
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: #e06817; /* Полупрозрачный оранжевый оверлей */
}

.mb-30 {
    margin-bottom: 30px; /* Отступ снизу */
}

.text-color-primary {
    color: #223a66; /* Основной цвет текста */
}

.cta-section {
    margin-bottom: -80px; /* Сдвиг секции CTA */
}

.cta-2 {
    background: url("../images/bg/cta-bg.png") no-repeat;
    background-position: center center; /* Фон для CTA */
}

.cta-page {
    padding: 60px 0;   /* ← ЭТО делает блок высоким */
    background: url("../images/bg/mamaseil.jpg") no-repeat;
    background-size: cover;
    position: relative;
}

/*========================================================
  ОТЗЫВЫ
========================================================*/
.testimonial {
    position: relative;
}
.testimonial:before {
    width: 48%;
    height: 100%;
    top: 0;
    left: 0px;
    position: absolute;
    content: "";
    background: url("../images/bg/bg-2.jpg") no-repeat 50% 50%; /* Фоновое изображение */
}
.testimonial .slick-dots {
    text-align: left; /* Позиция точек слайдера */
}

.testimonial-block {
    position: relative;
    margin-bottom: 20px;
}
.testimonial-block p {
    background: #fff;
    font-size: 18px; /* Текст отзыва */
}
.testimonial-block .client-info {
    margin-bottom: 20px;
}
.testimonial-block .client-info h4 {
    margin-bottom: 0px; /* Имя клиента */
}
.testimonial-block i {
    font-size: 60px;
    position: absolute;
    right: 46px;
    bottom: 89px;
    opacity: 0.08; /* Иконка-задник */
}
.testimonial-block .slick-dots {
    text-align: left;
}

.testimonial-wrap-2 .slick-dots {
    margin-left: -10px;
}

.testimonial-block.style-2 {
    background: #fff;
    padding: 30px;
    margin: 0px 4px;
    margin-bottom: 30px;
}
.testimonial-block.style-2 .testimonial-thumb {
    float: left; /* Фото клиента слева */
}
.testimonial-block.style-2 .testimonial-thumb img {
    width: 80px;
    height: 80px;
    border-radius: 100%; /* Круглая аватарка */
    margin-right: 20px;
    margin-bottom: 30px;
    border: 5px solid #eff0f3;
    margin-top: -5px;
}
.testimonial-block.style-2 .client-info p {
    clear: both;
    background: transparent; /* Текст отзыва */
}
.testimonial-block.style-2 i {
    bottom: -20px;
    color: #e06817;
    opacity: 0.3;
}

/*========================================================
  МЕДИА-ЗАПРОСЫ ДЛЯ ОТЗЫВОВ
========================================================*/
@media (max-width: 992px),
(max-width: 768px),
(max-width: 480px),
(max-width: 400px) {
    .testimonial-wrap {
        margin-left: 0px;
    }
    .testimonial::before {
        display: none; /* Убираем фон на маленьких экранах */
    }
}

/*========================================================
  ФОРМЫ ОБРАТНОЙ СВЯЗИ
========================================================*/
.contact-form-wrap .form-group {
    margin-bottom: 20px;
}
.contact-form-wrap .form-group .form-control {
    height: 60px;
    border: 1px solid #EEF2F6;
    box-shadow: none;
    width: 100%;
    background: #f4f9fc;
}
.contact-form-wrap .form-group-2 {
    margin-bottom: 13px;
}
.contact-form-wrap .form-group-2 textarea {
    height: auto;
    border: 1px solid #EEF2F6;
    box-shadow: none;
    background: #f4f9fc;
    width: 100%;
}

/*========================================================
  СОЦИАЛЬНЫЕ СЕТИ
========================================================*/
.social-icons li {
    margin: 0 6px;
}
.social-icons a {
    margin-right: 10px;
    font-size: 18px;
}

/*========================================================
  КАРТА GOOGLE
========================================================*/
.google-map {
    position: relative;
}
.google-map #map {
    width: 100%;
    height: 500px;
}

/*========================================================
  КОНТАКТНЫЕ БЛОКИ
========================================================*/
.mt-90 {
    margin-top: 90px;
}
.contact-block {
    text-align: center;
    border: 5px solid #EEF2F6;
    padding: 50px 25px;
}
.contact-block i {
    font-size: 50px;
    margin-bottom: 15px;
    display: inline-block;
    color: #e06817;
}

/*========================================================
  БЛОГ
========================================================*/
.blog-item-content h2 {
    font-weight: 600;
    font-size: 38px;
}

/*========================================================
  SINGLE BLOG PAGE И КОММЕНТАРИИ
========================================================*/
.nav-links .page-numbers {
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background: #eee;
    text-align: center;
    padding-top: 13px;
    font-weight: 600;
    margin-right: 10px;
}
.nav-links .page-numbers:hover {
    background: #223a66;
    color: #fff;
}
.nav-links .page-numbers.current {
    background: #223a66;
    color: #fff;
}

/*========================================================
  КОММЕНТАРИИ
========================================================*/
.comment-area .comment-thumb {
    margin-right: 20px;
    margin-bottom: 30px;
}
.comment-area h5 {
    font-size: 18px;
    font-weight: 500;
}
.comment-area span {
    font-size: 14px;
}

/*========================================================
  ЦИТАТЫ
========================================================*/
.quote {
    font-size: 22px;
    color: #223a66;
    padding: 40px;
    font-style: italic;
    border-left: 5px solid #e06817;
    margin: 25px 0px;
}

/*========================================================
  ТЭГИ
========================================================*/
.tag-option a {
    border: 1px solid #eff0f3;
    padding: 6px 12px;
    color: #6F8BA4;
    font-size: 14px;
}

/*========================================================
  ФОРМА КОММЕНТАРИЕВ
========================================================*/
.comment-form .form-control {
    background: #f7f8fb;
    border-radius: 5px;
    border-color: #f7f8fb;
    height: 50px;
}
.comment-form textarea.form-control {
    height: auto;
}

/*========================================================
  ПОСТЫ
========================================================*/
.post.post-single {
    border: none;
}
.post.post-single .post-thumb {
    margin-top: 30px;
}
.post-sub-heading {
    border-bottom: 1px solid #dedede;
    padding-bottom: 20px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 20px;
}
.post-social-share {
    margin-bottom: 50px;
}
/*========================================================
  КОММЕНТАРИИ НА ПОСТАХ
========================================================*/
.post-comments {
    margin: 30px 0; /* Отступ сверху и снизу */
}
.post-comments .media {
    margin-top: 20px; /* Отступ между комментариями */
}
.post-comments .media > .pull-left {
    padding-right: 20px; /* Отступ справа для аватарки */
}
.post-comments .comment-author {
    margin-top: 0;
    margin-bottom: 0px;
    font-weight: 500; /* Жирность имени автора */
}
.post-comments .comment-author a {
    color: #223a66; /* Цвет ссылки имени автора */
    font-size: 14px;
    text-transform: uppercase; /* Верхний регистр */
}
.post-comments time {
    margin: 0 0 5px;
    display: inline-block;
    color: #808080; /* Цвет даты */
    font-size: 12px;
}
.post-comments .comment-button {
    color: #223a66; /* Цвет кнопки "ответить" */
    display: inline-block;
    margin-left: 5px;
    font-size: 12px;
}
.post-comments .comment-button i {
    margin-right: 5px;
    display: inline-block;
}
.post-comments .comment-button:hover {
    color: #223a66; /* Цвет при наведении */
}

/*========================================================
  АННОТАЦИИ ПОСТОВ
========================================================*/
.post-excerpt {
    margin-bottom: 60px; /* Отступ снизу */
}
.post-excerpt h3 a {
    color: #000; /* Цвет заголовка */
}
.post-excerpt p {
    margin: 0 0 30px; /* Отступ снизу у параграфа */
}
.post-excerpt blockquote.quote-post {
    margin: 20px 0; /* Отступ блока цитаты */
}
.post-excerpt blockquote.quote-post p {
    line-height: 30px;
    font-size: 20px; /* Размер текста цитаты */
    color: #223a66;
}

/*========================================================
  СЕКЦИЯ КОММЕНТАРИЕВ
========================================================*/
.comments-section {
    margin-top: 35px; /* Отступ сверху */
}

/*========================================================
  БЛОК АВТОРА ПОСТА
========================================================*/
.author-about {
    margin-top: 40px;
}
.post-author {
    margin-right: 20px;
}
.post-author > img {
    border: 1px solid #dedede; /* Рамка вокруг аватарки */
    max-width: 120px;
    padding: 5px;
    width: 100%;
}

/*========================================================
  СПИСОК КОММЕНТАРИЕВ
========================================================*/
.comment-list ul {
    margin-top: 20px;
}
.comment-list ul li {
    margin-bottom: 20px; /* Отступ между комментариями */
}

/*========================================================
  КОНТЕЙНЕР КОММЕНТАРИЯ
========================================================*/
.comment-wrap {
    border: 1px solid #dedede;
    border-radius: 1px; /* Лёгкое скругление */
    margin-left: 20px; /* Сдвиг вправо для вложенных комментариев */
    padding: 10px; /* Внутренние отступы */
    position: relative;
}
.comment-wrap .author-avatar {
    margin-right: 10px; /* Отступ аватарки */
}
.comment-wrap .media .media-heading {
    font-size: 14px;
    margin-bottom: 8px; /* Отступ после имени */
}
.comment-wrap .media .media-heading a {
    color: #223a66; /* Цвет ссылки имени */
    font-size: 13px;
}
.comment-wrap .media .comment-meta {
    font-size: 12px; /* Мета-информация */
    color: #888;
}
.comment-wrap .media p {
    margin-top: 15px; /* Отступ текста комментария */
}

/*========================================================
  ФОРМА ОТВЕТА НА КОММЕНТАРИЙ
========================================================*/
.comment-reply-form {
    margin-top: 80px; /* Отступ сверху */
}
.comment-reply-form input,
.comment-reply-form textarea {
    height: 35px;
    border-radius: 0;
    box-shadow: none;
}
.comment-reply-form input:focus,
.comment-reply-form textarea:focus {
    box-shadow: none;
    border: 1px solid #223a66; /* Цвет рамки при фокусе */
}
.comment-reply-form textarea,
.comment-reply-form .btn-main {
    height: auto;
}

/*========================================================
  БОКОВАЯ ПАНЕЛЬ (SIDEBAR)
========================================================*/
.sidebar-widget {
    margin-bottom: 30px;
    padding-bottom: 35px; /* Отступ снизу */
}
.sidebar-widget h5 {
    margin-bottom: 30px;
    position: relative;
    padding-bottom: 15px; /* Отступ под заголовком */
}
.sidebar-widget h5:before {
    position: absolute;
    content: "";
    left: 0px;
    bottom: 0px;
    width: 35px;
    height: 3px;
    background: #e06817; /* Цвет подчеркивания */
}

/*========================================================
  ЛИСТИНГ ПОСЛЕДНИХ ПОСТОВ
========================================================*/
.sidebar-widget.latest-post .media img {
    border-radius: 7px; /* Скругление изображений */
}
.sidebar-widget.latest-post .media h6 {
    font-weight: 500;
    line-height: 1.4;
}
.sidebar-widget.latest-post .media p {
    font-size: 12px;
}

/*========================================================
  КАТЕГОРИИ
========================================================*/
.sidebar-widget.category ul li {
    margin-bottom: 10px;
}
.sidebar-widget.category ul li a {
    color: #222;
    transition: all 0.3s ease;
}
.sidebar-widget.category ul li a:hover {
    color: #223a66;
    padding-left: 5px; /* Сдвиг при наведении */
}
.sidebar-widget.category ul li span {
    margin-left: 10px; /* Отступ для числа постов */
}

/*========================================================
  ТЭГИ
========================================================*/
.sidebar-widget.tags a {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.075em;
    line-height: 41px;
    height: 41px;
    font-weight: 500;
    border-radius: 20px;
    color: #666;
    display: inline-block;
    background-color: #eff0f3;
    margin: 0 7px 10px 0;
    padding: 0 25px;
    transition: all 0.2s ease;
}
.sidebar-widget.tags a:hover {
    color: #fff;
    background: #223a66;
}

/*========================================================
  РАСПИСАНИЕ
========================================================*/
.sidebar-widget.schedule-widget {
    background: #f4f9fc;
    padding: 25px;
}
.sidebar-widget.schedule-widget ul li {
    padding: 10px 0px;
    border-bottom: 1px solid #eee;
}

/*========================================================
  ПОИСКОВАЯ ФОРМА
========================================================*/
.search-form {
    position: relative;
}
.search-form i {
    position: absolute;
    right: 15px;
    top: 35%; /* Иконка поиска */
}

/* --- общий отступ снизу для футера --- */
.footer {
    padding-bottom: 10px;
}

/* --- стиль ссылки авторских прав в футере (жирнее) --- */
.footer .copyright a {
    font-weight: 600;
}

/* --- утилитарный класс: высота строки для списков (line-height) --- */
.lh-35 {
    line-height: 35px;
}

/* --- логотип: базовые настройки шрифта и межбуквенный интервал --- */
.logo {
    font-weight: 600;
    letter-spacing: 1px;
}

/* --- цвет заголовка (h3) внутри блока логотипа --- */
.logo h3 {
    color: #223a66;
}

/* --- цвет акцентного текста (span) внутри блока логотипа --- */
.logo span {
    color: #223a66;
}

/* --- тонкая полоса-разделитель внутри виджетов (высота) --- */
.widget .divider {
    height: 3px;
}

/* --- заголовки h4 внутри виджетов (цвет) --- */
.widget h4 {
    color: #223a66;
}

/* --- ссылки в меню футера внутри виджета (цвет по умолчанию) --- */
.widget .footer-menu a {
    color: #6F8BA4;
}

/* --- ссылки в меню футера внутри виджета при наведении (акцент) --- */
.widget .footer-menu a:hover {
    color: #e06817;
}

/* --- текст-инфо внутри блоков контактов (описание, время работы) --- */
.footer-contact-block span {
    font-weight: 400;
    color: #6F8BA4;
}

/* --- иконки в блоках контактов (размер) --- */
.footer-contact-block i {
    font-size: 20px;
}

/* --- нижняя часть футера: разделительная линия сверху --- */
.footer-btm {
    border-top: 1px solid rgba(0, 0, 0, 0.06);
}

/* --- стиль социальных иконок в футере (круг, размер, фон) --- */
.footer-socials li a {
    width: 45px;
    height: 45px;
    background: #6F8BA4;
    color: #fff;
    display: inline-block;
    text-align: center;
    border-radius: 100%;
    padding-top: 12px;
}

/* --- контейнер, в котором отображаются контактные данные (email, телефон, время работы). --- */
.widget-contact h6 {
    font-weight: 500;
    margin-bottom: 18px;
}
.widget-contact h6 i {
  color: #e06817;
}
/* --- Это форма, чтобы посетитель мог подписаться на рассылку (новости, акции, обновления и т.д.) --- */
.subscribe {
  position: relative;
}
.subscribe .form-control {
  border-radius: 50px;
  height: 60px;
  padding-left: 25px;
  border-color: #eee;
}
.subscribe .btn {
  position: absolute;
  right: 6px;
  top: 6px;
}
/* --- Кнопка, которая передвигает страницу наверх. --- */
.backtop {
  position: fixed;
  background: #e06817;
  z-index: 9999;
  display: inline-block;
  right: 10px;
  width: 50px;
  height: 50px;
  bottom: 50px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  border-radius: 50px;
  transition: 0.3s;
}
@media (max-width: 992px) {
  .backtop {
    bottom: 40px;
    right: 15px;
  }
}
@media (max-width: 768px) {
  .backtop {
    width: 45px;
    height: 45px;
  }
}
.backtop:hover {
  background-color: #e06817;
}
.backtop i {
  color: #fff;
  font-size: 30px;
}

.reveal {
  transition: all 0.3s;
  cursor: pointer;
  opacity: 1;
}
/*# sourceMappingURL=style.css.map */

/* --- Новый современный футер --- */
.footer-modern {
    background-color: #f7f7f7;
    color: #333;
}

.footer-logo {
    max-height: 60px; /* Ограничиваем размер логотипа */
    width: auto;
    height: auto;
}

.footer-title {
    color: #223a66;
    font-weight: 600;/* Жирные буквы в названиях «Kontakt» и «Öffnungszeiten». */
}

.footer-tagline {
    color: #666;
    font-size: 20px;/* Размер текста под логотипом. */
    line-height: 1.6;
}

.footer-list li {
    margin-bottom: 15px;/* Расстояние между строк средней колонки. */
    color: #444;
    font-size: 15px;/* Размер шрифта средней колонки. */
    line-height: 1.5;
}

.footer-list i {
    font-size: 22px;
    color: #e06817;
    margin-right: 3px;/* Размер букв под «Kontakt» и «Öffnungszeiten» */
}

.footer-list a {
    color: #223a66;
    text-decoration: none;
    transition: 0.3s;
}

.footer-list a:hover {
    color: #e06817;
}

.footer-modern .list-inline i {
    font-size: 27px;/* размер иконок Instagram, LinkedIn и WhatsApp. */
    color: #e06817;
    transition: 0.3s;
}

.footer-modern .list-inline i:hover {
    color: #223a66;
}

.footer-divider {
    border-top: 5px solid #ddd;/* Толщина полосы разделяющей футер. */
}

.big-title {
    font-size: 3rem;
    color: #004080;
    text-align: center;
    font-weight: 700;
}

.banner-title {
    font-size: clamp(28px, 5vw, 60px) !important;
    line-height: 1.2 !important;
    color: #223a66 !important;
    font-weight: 700 !important;
}

/* Выровнять всё по центру */
.feature-row {
    display: flex;
    justify-content: center;      /* Центрируем ВСЮ линию */
    gap: 30px;                    /* Расстояние между блоками */
    flex-wrap: nowrap;
}

/* Основной стиль карточек */
.feature-item {
    background: #fff;
    width: 100%;
    max-width: 350px;             /* Чёткая одинаковая ширина */
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    opacity: 0;
    transform: translateY(50px);
    transition: all 0.8s ease;
}

/* Анимационные направления */
.left-block {
    transform: translateX(-100px);
}
.bottom-block {
    transform: translateY(100px);
}
.right-block {
    transform: translateX(100px);
}

.feature-item.visible {
    opacity: 1;
    transform: translateX(0) translateY(0);
}

/* Цвет иконок */
.feature-icon i {
    color: #e06817 !important;
    font-size: 40px;
}

/* Кнопка */
.btn-main {
    background-color: #e06817;
    color: #fff;
    border: none;
    padding: 10px 25px;
    border-radius: 30px;
    font-weight: 600;
    text-transform: uppercase;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-block;
}

/* Планшет — красиво переносим блоки */
@media (max-width: 992px) {
    .feature-row {
        flex-wrap: wrap;          /* Перенос строк */
        justify-content: center;  /* Центрировать даже в переносе */
    }
    .feature-item {
        max-width: 320px;
    }
}

/* Телефоны */
@media (max-width: 768px) {
    .feature-row {
        gap: 20px;
    }
    .feature-item {
        max-width: 100%;          /* На телефоне блоки на всю ширину */
    }
}

/* Очень маленькие телефоны */
@media (max-width: 480px) {
    .feature-item {
        padding: 25px;
    }
}

/* Скрывать элементы на мобильных устройствах */
@media (max-width: 1024px) {
    
	/* Скрывать плавающую панель (учитываем JS класс .visible) */
	    .floating-contact-bar,
	    .floating-contact-bar.visible {
	        display: none !important;
	    }
	}
	/* Подсказка скрыта всегда */
	.recipe-hint {
	    display: none;
	}

	/* Когда активна — показывается */
	@media (min-width: 1024px) {
	    .recipe-hint.active {
	        display: block !important;
	    }
	}

	/* Мобильная + планшетная версия подсказки */
	@media (max-width: 1023px) {
	    .recipe-hint {
	        /* подсказка всегда скрыта на экранах < 1024px */
	        display: none !important;
	        position: static !important;
	        width: 70% !important;        
	        max-width: 350px !important;  
	        margin: 60px auto 0 auto;     
	    }

	    .recipe-hint img {
	        width: 100%;   
	        height: auto;  
	        max-width: 100%; 
	    }
	}
	/* 📱 Мобильная версия футера */
	@media (max-width: 576px) {

	    /* Контейнер колонок делаем блочным и центрируем */
	    .footer-modern .row.text-center.text-md-left {
	        display: flex !important;      /* используем flex для центрирования */
	        flex-direction: column;        /* колонки одна под другой */
	        align-items: center;           /* центрируем по горизонтали */
	        text-align: center;
	    }

		/* Скрывать картинки about-img */
			.about-img {
			display: none !important;
		}
		
		/* Сохраняем одинаковую ширину всех трёх блоков на мобильных устройствах */
		.feature-row .feature-item {
			flex: 0 0 100%;   /* каждый блок занимает всю ширину */
			max-width: 100%;  /* не сужается */
			min-width: 320px; /* минимальная ширина блока для телефонов */
		}
					
	    /* Колонки — с отступами и ограниченной шириной */
	    .footer-modern .row.text-center.text-md-left > div {
	        margin: 20px 0 !important;
	        width: 90%;       /* делаем колонки шире, но с отступами от краев */
	        max-width: 350px; /* ограничиваем максимальную ширину */
	    }

	    /* Логотип по центру и чуть меньше */
	    .footer-logo {
	        max-width: 120px;
	        margin: 0 auto 15px;
	    }

	    /* Заголовки */
	    .footer-title {
	        font-size: 18px;
	        font-weight: 600;
	        margin-bottom: 12px;
	    }

	    /* Список контактов */
	    .footer-list li {
	        margin: 8px 0;
	        font-size: 15px;
	    }

	    .footer-list li i {
	        margin-right: 6px;
	    }

	    /* Социальные иконки */
	    .footer-modern ul.list-inline i {
	        font-size: 28px !important;
	        padding: 5px;
	    }

	    /* Уменьшаем расстояние между соц.иконками */
	    .footer-modern ul.list-inline .list-inline-item {
	        margin: 0 8px;
	    }

	    /* Нижняя строка */
	    .footer-divider {
	        margin: 20px auto;
	    }

	    .footer-modern p.small {
	        font-size: 14px;
	        line-height: 1.6;
	    }
	}
	
	/* --- Мобильная + планшетная версия футера --- */
	@media (max-width: 992px) {
	.footer-modern .row.text-center.text-md-left {
	display: flex !important;
	flex-direction: column;
	align-items: center;
	text-align: center;
	}


	.footer-modern .row.text-center.text-md-left > div {
	margin: 20px 0 !important;
	width: 90%;
	max-width: 350px;
	}


	/* Центрируем логотип */
	.footer-logo {
	margin: 0 auto 15px;
	}
	}


	/*=== Существующий медиа-запрос для телефонов (≤576px) оставляем без изменений ===*/
	@media (max-width: 576px) {
	.footer-modern .row.text-center.text-md-left {
	display: flex !important;
	flex-direction: column;
	align-items: center;
	text-align: center;
	}


	.footer-modern .row.text-center.text-md-left > div {
	margin: 20px 0 !important;
	width: 90%;
	max-width: 350px;
	}


	.footer-logo {
	max-width: 120px;
	margin: 0 auto 15px;
	}


	.footer-title {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 12px;
	}


	.footer-list li {
	margin: 8px 0;
	font-size: 15px;
	}


	.footer-list li i {
	margin-right: 6px;
	}


	.footer-modern ul.list-inline i {
	font-size: 28px !important;
	padding: 5px;
	}


	.footer-modern ul.list-inline .list-inline-item {
	margin: 0 8px;
	}


	.footer-divider {
	margin: 20px auto;
	}


	.footer-modern p.small {
	font-size: 14px;
	line-height: 1.6;
	}
	}
	#map {
	    width: 100%;
	    height: 400px; /* Можно увеличить при желании */
	}