/*
Theme Name: Ahty
Theme URI: https://wordpress.org/themes/Ahty
Author: the WordPress team
Author URI: https://wordpress.org
Requires at least: 6.1
Tested up to: 6.7
Requires PHP: 5.6
Version: 1.6
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

body{
    margin: 3px;
    padding: 0px;
    height: 100%;
    background-color: #F5f5f7;
}

div .bvi-shortcode {
 background-color: #F5f5f7;
}


.conteiner{

    max-width: 1350px;
    width: 100%;
    margin: auto;
    height: auto;
    font-family: "Roboto", Arial, Helvetica, sans-serif;
}

.header_top{
    display: flex;
    flex-wrap: nowrap;
    margin-top: 5px;
    justify-content: center;
    
}

.ten {
  width: 100%; /* чтобы занять всю ширину контейнера */
  height: 1px; /* высота полоски, по желанию */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); /* или более тонкая тень */
}

.header_top ul{
    display: flex;
}

.header_ul li{
    list-style: none;
    padding: 20px;
    font-size: 20px;
}

.header_ul a{
    padding: 0px;
    font-size: 18px;
    font-weight: 400;
}

ul li{
    list-style: none;
    padding: 5px;
    font-size: 18px;
}

.div_header{
    display: flex;
    justify-content: center;
    background-color: #ffffff;
    padding: 10px;
    margin-top: 10px;
     background-color: #F5f5f7;
}

.gerb{
    width: 100px;
}

.div_header ul{
    display: flex;
    text-align: left;
    
}

.slider{
    width: 100px;
}



.conteiner_text{
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start; /* Выровнять элементы по левому краю */
    margin-right: 0; /* Убираем отступ справа */
 
}

.title_block_footer2 {
    clear: both;
    border-top: 1px solid #696969;
    margin-top: 30px;
    height: 5vh;
}

.footer{
    background-color: #fff; /* Цвет фона */

}

.div_icon {
  display: flex;
  gap: 0; /* убирает промежутки между элементами, можно также использовать margin у изображений */
  align-items: center; /* если нужно по вертикали центрировать */
}

.div_icon img {
  margin-right: 0; /* убирает отступ справа, если есть */
  padding: 0; /* убирает внутренние отступы */
}

.title_block {
    display: flex;
    justify-content: space-between; /* Распределяет элементы по краям */
    align-items: center; /* Выравнивает по вертикали */
    padding-bottom: 34px; /* Можно оставить, чтобы сохранить отступ */
    /* Удаляем clear: both и float в других элементах */
margin-top: 25px;

  }



.title_block h3 {
    font-size: 1.733em;
    margin: 0; /* Убираем лишние отступы */
}

.right_link_block {
    color: #0088cc;
    text-decoration: none;
    font-size: 18px;
    /* Можно оставить position: relative; если нужно */
}


/* Карточка с подсветкой при наведении */
.card {
  padding: 12px;
  margin: 10px;
  border: 0px solid #ccc;
  border-radius: 10px;
  box-shadow: 0 7px 6px rgba(0,0,0,0.1);
  cursor: pointer;
  display: inline-block; /* для стилизации как отдельной карточки */
 
  /* Фиксированные размеры */
  width: 625px; /* задайте нужную ширину */
  height: 190px; /* задайте нужную высоту */
  
  /* Обеспечит, что содержимое не будет влиять на размеры */
  overflow: hidden; /* скрывать излишки содержимого */
  box-sizing: border-box; /* чтобы внутренние отступы не увеличивали размеры */
  
  transition: transform 0.3s, box-shadow 0.3s;
}



/* Эффект при наведении: поднимается и становится тень */
.card:hover {
    transform: translateY(-10px);
    box-shadow: 0 8px 16px rgba(0,0,0,0.2);
}



/* Эффект при наведении */
.card:hover {
  background-color: #f0f0f0;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

/* Внутренний блок с флекс-раскладкой */
.card-content {
  display: flex;
  align-items: center; /* вертикальное выравнивание по центру */
}

/* Стиль для изображения */
.gerb {
  width: 100px; /* или любой желаемый размер */
  height: auto;
  margin-right: 16px; /* отступ между изображением и текстом */
}

/* Стиль для текста */
.text-content {
  flex: 1; /* занимает оставшееся пространство */
}










/* Стили для блока новостей */


.card_news {
  padding: 16px;
  border: 1px solid #ffffff;
  transition: background-color 0.3s, box-shadow 0.3s;
  cursor: pointer;
  display: inline-block; /* для стилизации как отдельной карточки */
  max-width: 390px; /* по желанию */
}

.card_news:hover {
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3); /* Увеличенная тень при наведении */
}



.post-autor {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #555;
  margin-bottom: 8px;
}

.post-autor i {
  margin-right: 8px;
  /* Можно добавить иконку через background или использовать font-awesome */
}

.post-info {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #777;
  margin-bottom: 15px;
}

.post-info i {
  margin-right: 8px;
  /* Аналогично иконкам */
}

a {
  text-decoration: none;
  color: inherit;
  display: block;
  margin-bottom: 10px;

  position: relative; /* чтобы псевдоэлемент позиционировался относительно этого элемента */
}

.header_ul2 a {
font-size: 17px;
padding-left: 3px;
}

.header_ul2 a::after {
  content: "";
  display: block;
  height: 1px; /* высота полоски, можно изменить */
  background-color: black; /* цвет полоски */
  width: 0; /* изначально ширина 0 */
  transition: width 0.3s ease; /* плавный эффект при наведении */
  position: absolute;
  bottom: 0;
  left: 0;
}

.header_ul2 a:hover::after {
  width: 100%; /* при наведении растягиваем полоску на всю ширину текста */
}

a.read-more {
  display: inline-block;
  padding: 10px 15px;
  background-color: #007bff;
  color: #fff;
  border-radius: 4px;
  transition: background-color 0.3s ease;
}

a.read-more:hover {
  background-color: #0056b3;
}

/* Стиль для изображения в ссылке с классом gerb */
.img_new {
   width: 356px;
    height: 300px;
    object-fit: cover; /* или contain, в зависимости от нужного эффекта */
    display: block; /* убирает возможные пробелы */
}







/* Общий контейнер */
.banner-container {
  overflow: hidden; /* скрываем всё, что выходит за границы контейнера */
  width: 100%; /* или задайте фиксированную ширину */
}

/* Обертка для скроллинга */
.banner-scroll {
  display: flex;
  align-items: stretch; /* выравниваем все баннеры по высоте */
  width: max-content; /* ширина по содержимому */
  animation: scroll-left 50s linear infinite; /* бесконечная прокрутка */
}

/* Баннеры внутри - чтобы изображение было одинаковой высоты */
.banner-scroll a {
  flex: 0 0 auto; /* не растягивать и не сжимать */
  display: flex;
  align-items: stretch;
  margin-right: 10px; /* расстояние между баннерами */
}

/* Изображения - одинаковая высота */
.banner-scroll img {
  height: 150px; /* установите желаемую высоту */
  width: auto; /* сохраняем пропорции */
  display: block;
}

/* Анимация прокрутки */
@keyframes scroll-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%); /* сдвиг на половину ширины контейнера */
  }
}


















.nav-button:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

.nav-button.prev {
  left: 10px;
}

.nav-button.next {
  right: 10px;
}

/* Улучшенная анимация для непрерывной прокрутки */
.banner-scroll {
    animation: scroll 30s linear infinite; /* Добавлена анимация CSS */
}

@keyframes scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-100%); }
}

/* Отключаем скролл, если навели мышку */
.banner-container:hover .banner-scroll {
    animation-play-state: paused; /* Останавливаем анимацию при наведении */
}

.wp-block-file{
  display: flex;
  width: 100%;
  
}




.contacts.contacts-page-map-overlay .contacts-wrapper {
    background: #fff;
    padding: 20px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    border-radius: 2px;
}
.contacts h1 {
    text-align: center;
    margin: 10px 0 30px 0;
}
.contacts-wrapper {
    display: flex;
    flex-direction: column; /* Устанавливаем вертикальное направление для заголовка */
    align-items: center; /* Центрируем содержимое по горизонтали */
    padding: 20px; /* Добавляем отступы */
}

.row_contact {
    display: flex; /* Устанавливаем горизонтальное направление для элементов */
    flex-wrap: wrap; /* Позволяем переносить элементы на новую строку при необходимости */
    justify-content: center; /* Центрируем элементы по горизонтали */
    max-width: 1250px; /* Ограничиваем максимальную ширину блока */
    width: 100%; /* Занимаем всю доступную ширину */
    background-color: #f9f9f9; /* Цвет фона для ячейки */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Добавляем тень */
    border-radius: 1px; /* Скругляем углы */

}

.col-md-3_contact {
    margin: 5px; /* Добавляем отступы между ячейками */
    padding: 10px; /* Добавляем внутренние отступы */
    width: calc(25% - 20px); /* Устанавливаем ширину ячеек, чтобы они помещались в ряд */
    box-sizing: border-box; /* Учитываем отступы и границы в ширине */
    vertical-align: top;
}

.content-wrapper {
  display: flex;
  align-items: center;
  gap: 100px; /* расстояние между колонками */

}

.conteiner_ter{
  display: inline-block;
}

.buttons-column {
  display: flex;
  flex-direction: column;
  gap: 10px;

}

.buttons-column {
  display: flex;
  flex-direction: column; /* Расположение кнопок вертикально */
  gap: 10px; /* Расстояние между кнопками */
  max-width: 300px; /* Максимальная ширина блока (по желанию) */
}

/* Стиль для каждой ссылки как кнопки */
.button-link {
  display: inline-block;
  padding: 12px 20px; /* Внутренние отступы */
  background-color: #fafafa; /* Цвет фона */
  text-decoration: none; /* Убираем подчеркивание */
  border: 1px solid #000;
  border-radius: 5px; /* Скругление углов */
  font-weight: bold;
  text-align: center;
  transition: background-color 0.3s, transform 0.2s; /* Переходы для эффектов */
}

/* Эффект при наведении */
.button-link:hover {
  background-color: #999999; /* Цвет при наведении */
  color: #fff;
  transform: translateY(-2px); /* Небольшой подъём */
}



.social-icons-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
 
}

.social-icons-container_footer {
      display: flex;
    justify-content: flex-end; /* Распределяет элементы по краям */
    align-items: center; /* Выравнивает по вертикали */
    /* Удаляем clear: both и float в других элементах */

}


   .menu-bureger{
    display: none;
    flex-wrap: nowrap;
    margin-top: 5px;
    justify-content: left;
    padding: 10px;
}




/* Изначально скрыто */
#headerMenu {
  display: none;
  position: fixed;
  top: 134px;
  left: 0;
  width: 100%;
  height: 100%;
  background-color:#a5a5a5; /* фон для меню */
  flex-direction: column; /* элементы идут столбиком */
  align-items: center; /* по горизонтали по центру */
  justify-content: center; /* по вертикали по центру */
  z-index: 9999;
  padding: 20px;
}

/* Когда показываем меню */
#headerMenu.show {
  display: flex;
}

.bvi-shortcode{
  background-color: #007bff;
}

.bvi-widget {
    color: #000000;
    background-color: #ffffff;

}


/* Контейнер для карточек - горизонтальное расположение */
.cards-container_gra {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px; /* расстояние между карточками, можно изменить */
  margin-bottom: 40px;
}

/* Карточки с бордером 1px */
.card_gra {
  border: 1px solid #000; /* черный бордер 1px */
  padding: 20px;
  width: 400px; /* ширина карточки, можно изменить */
  box-sizing: border-box;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background-color: #fff; /* фон карточки, по желанию */
  border-radius: 4px; /* скругление углов, по желанию */
}

/* Заголовки внутри карточек */
.card_gra h3 {
  margin-top: 0;
  margin-bottom: 10px;
}

/* Стиль для кнопки btn5 */
.btn5 {
  margin-top: 10px;
  padding: 8px 12px;
  border: none;
  background-color: #fafafa; /* голубой фон */
  color: #000000; /* белый текст */
  cursor: pointer;
  border-radius: 6px;
  font-size: 14px;
  transition: background-color 0.3s;
    border: 1px solid #000; /* черный бордер 1px */

}

/* Эффект при наведении на кнопку */
.btn5:hover {
  background-color: #4244d3;
  color: #ffffff;/* тёмно-синий при наведении */
}








/* Общий стиль формы */
.wpcf7-form {
  margin: 0 auto; /* Центрирование формы */
  font-family: Arial, sans-serif; /* Базовый шрифт, меняйте по желанию */
  color: #333; /* Цвет текста */
}

/* Метки */
.wpcf7-form label {
  display: block;
  margin-bottom: 8px;
  font-weight: 600; /* Жирность текста метки */
  font-size: 16px; /* Размер шрифта метки */
  color: #222; /* Цвет метки, меняйте по желанию */
}

/* Поля ввода и textarea */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="email"],
.wpcf7-form textarea {
  width: 100%;
  padding-left: 5%;
  padding: 10px 12px;
  margin-bottom: 15px;
  border: 1px solid #ccc; /* Цвет границы, меняйте */
  border-radius: 4px; /* Скругление углов */
  font-size: 14px; /* Размер шрифта */
  box-sizing: border-box;
  transition: border-color 0.3s, box-shadow 0.3s;
}

/* Фокус на полях */
.wpcf7-form input[type="text"]:focus,
.wpcf7-form input[type="tel"]:focus,
.wpcf7-form input[type="email"]:focus,
.wpcf7-form textarea:focus {
  border-color: #007bff; /* Цвет границы при фокусе */
  box-shadow: 0 0 5px rgba(0, 123, 255, 0.5); /* Тень при фокусе */
  outline: none;
}

/* Кнопка отправки */
.wpcf7-submit {
  background-color: #fafafa; /* Цвет фона */
  color: #383838; /* Цвет текста */
  padding: 12px 20px;
  border: none;
  border: 1px solid #202020;
  border-radius: 4px;
  font-size: 16px;
  cursor: pointer;
  transition: background-color 0.3s;
  width: 100%;
}

/* Эффект при наведении */
.wpcf7-submit:hover {
  background-color: #0056b3; /* Тёмнее при наведении */
  color: #ffffff;
}





/* Контейнер пагинации */
.pagination-container {
    display: flex;
    justify-content: center; /* по горизонтали по центру */
    padding: 20px 0;
    bottom: 0;
    width: 100%;
    z-index: 999;
}

/* Стили для ссылок пагинации */
.pagination-container a.page-numbers {
    display: inline-block;
    padding: 8px 12px;
    margin: 0 4px;
    border: 1px solid #ccc;
    border-radius: 4px;
    text-decoration: none;
    color: #333;
    transition: background 0.3s, color 0.3s;
}

/* hover эффект */
.pagination-container a.page-numbers:hover {
    background: #ddd;
    color: #000;
    
}

/* активная страница */
.pagination-container span.page-numbers.current {
    background: #333;
    color: #fff;
    border-color: #333;
     display: inline-block;
    padding: 8px 12px;
    margin: 0 4px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.p-d {
  color: #0056b3;
}


.Footer_ul a{
font-weight: 400;
}

 .contact-blocks {
    display: flex;
    gap: 20px;
    flex-wrap: wrap; /* Для адаптивности */
  }

  .block {
    display: flex;
    align-items: center;
    background: #f0f0f0;
    padding: 10px 15px;
    border-radius: 8px;
    min-width: 200px;
  }

  .block i {
    font-size: 24px;
    margin-right: 10px;
    color: #333;
  }


.center-wrapper {
  display: flex;
  justify-content: center; /* центрируем по горизонтали */
  flex-wrap: wrap;           /* переносим, если много карточек */
  padding: 20px;             /* по желанию, отступы */
}
.conteiner_ded {
  display: flex;
  flex-wrap: wrap;
   justify-content: center;
  gap: 5px; /* промежутки между карточками */
  /* Можно оставить ширину авто или задать фиксированную */
}

.obrat_flex{
  display: flex;
    flex-wrap: wrap;
}

.form-obrat{
 margin-left: 30px;
}

.obrat-butt {
  background-color: #1c68bb; /* Зеленый цвет */
  color: white; /* Цвет текста */
  padding: 12px 30px; /* Отступы внутри кнопки */
  font-size: 16px; /* Размер шрифта */
  border: none; /* Без рамки */
  border-radius: 8px; /* Скругление углов */
  cursor: pointer; /* Курсор при наведении */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Тень */
  transition: background-color 0.3s, transform 0.2s; /* Переходы для эффектов */
}

.obrat-butt:hover {
  background-color: #194472; /* Более темный зеленый при наведении */
 
}


.row {
  display: flex; /* включаем Flexbox */
  justify-content: center; /* горизонтальное центрирование */
  flex-wrap: wrap; /* чтобы карточки переносились на следующую строку, если не помещаются */
}

.p_25 {
    font-size: 10px;
    margin: 3px;
}

.img-max{
width: 25px;
height: 25px;
padding: 0px;
margin: 0px;
}