/*
Theme Name: Twenty Twenty-Three
Theme URI: https://wordpress.org/themes/Abaris
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Three is designed to take advantage of the new design tools introduced in WordPress 6.1. With a clean, blank base as a starting point, this default theme includes ten diverse style variations created by members of the WordPress community. Whether you want to build a complex or incredibly simple website, you can do it quickly and intuitively through the bundled styles or dive into creation and full customization yourself.
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
Text Domain: twentytwentythree
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: 0;
    background-color: #fff;
}

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

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

.logo img{
    
    height: 100px;
 }

.nev_servis{
    margin-top: 35px;
    font-size: 14px;
    text-align: center;
    color: #888;
    padding-left: 4%;
    padding-right: 4%;
}
.nev_servis button {
    margin-top: 5px;
    padding: 10px 25px 10px;
    font-size: 14px;
    line-height: 15px;
    color: red;
    background: transparent;
    border: 1px solid red;
    border-radius: 3px;
    text-align: center;
    font-family: "Roboto", Arial, Helvetica, sans-serif;
}
@media screen and (max-width:1200px)
{.nev_servis{display:none;}}



.with_dropdown_header a{
    text-align: left;
    color: #000;
    font-size: 20px;
    font-weight: 900;
    text-decoration: none;
}

.pochta a{
    color: #0088cc;
    text-decoration: none;
}

.inner-table-block {
    padding-left: 4%;
    margin-top: 35px;
    padding-right: 5%;
}
.nev_servis button:hover{
    background-color: red;
    color: #fff;
}
.address-block {
    padding-left: 0em;
    display: flex;
    margin-top: 37px;
    font-size: 17px;
}
.button_header{
    margin-top: 10px;
}
.nav {
    padding: 20px 20px 18px;
    text-align: center;
    margin-top: 10px;
    border-top: 1px solid #e0dada;
    flex-wrap: nowrap;
    border-bottom: 1px solid #eceaea;
    justify-content: left;
    transition: top 1.5s; /* Плавное появление */
}
.dropdown {
  position: relative;
  display: inline-block;
  padding-left: 6%;
  white-space: nowrap;
}
.dropdown-content {
    display: none;
    position: absolute;
    justify-content: center;
    background-color: #ffffff;
    min-width: 230px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    left: 20%;
    margin-top: 0px;
    overflow: hidden;
  }

  .dropdown-content1 {
    display: none;
    position: absolute;
    justify-content: center;
    background-color: #ffffff;
    min-width: 150px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    left: -100%;
    margin-top: 6px;
  }
  .dropdown:hover .dropdown-content1 {
    display: block; /* Показываем подменю при наведении на родительский элемент */
}


.dropdown-content2 {
    display: none;
    position: absolute;
    justify-content: center;
    background-color: #ffffff;
    max-width: 1450px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    left: -320%;
    margin-top: 0px;
  }

  .dropdown-content_goods{
    display: none;
    position: absolute;
    justify-content: center;
    background-color: #ffffff;
    max-width: 1450px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    left: -200%;
    margin-top: 0px;

  }
  .dropdown:hover .dropdown-content_goods {
    display: block; /* Показываем подменю при наведении на родительский элемент */
}


  .dropdown:hover .dropdown-content2 {
    display: block; /* Показываем подменю при наведении на родительский элемент */
}



  .dropdown-content a {
    padding: 10px 35px; /* Отступы внутри подменю */
    text-decoration: none; /* Убираем подчеркивание */
    display: block; /* Делаем ссылки блочными */
}


.dropdown:hover .dropdown-content {
    display: block; /* Показываем подменю при наведении на родительский элемент */
}


.block_goods1 {
    display: flex; /* Гибкое расположение в строки */
    flex-wrap: nowrap;
    text-align: left;
    padding: 15px; /* Отступы вокруг блока */
    width: 20%;
    justify-content: left;
    margin-top: -10px;
  }

  .block_goods_servis {
    display: flex; /* Гибкое расположение в строки */
    flex-wrap: nowrap;
    text-align: left;
    padding: 15px; /* Отступы вокруг блока */
    width: 30%;
    justify-content: left;
    margin-top: -10px;
  }
.dropbtn::after {
    content: ""; /* Создаем пустой контент для псевдоэлемента */
    display: block; /* Делаем его блочным элементом */
    height: 2px; /* Высота линии */
    background: #0088cc; /* Цвет линии */
    width: 0px; /* Начальная ширина линии */
    transition: width 0.3s; /* Плавный переход ширины */
    position: absolute; /* Абсолютное позиционирование */
    left: 50%; /* Центрирование по горизонтали */
    bottom: -0px; /* Расположение под текстом */
    transform: translateX(-50%); /* Центрирование линии */
}
.nav a:hover::after {
    width: 100%; /* Ширина линии при наведении */
}
.nav a:hover{
    color: #0088cc;
}

.ul_header li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.ul_header a {
    font-size: 14px;
    text-align: left;
    list-style: none;
    margin-left: -30px;
    color: #0088cc;
}
.ul_header a:hover {
    color: #000;
}



.text-content1 h2 {
    font-size: 18px;
    text-align: left;
    list-style: none;
    margin-left: 10px;
    color: #000;
}

.text-content1 h2:hover {
    color: #0088cc;
}




.dropdown-content_flex{
    display: flex;
    flex-wrap: wrap;
    width: 1500px;
    
}

.dropdown-content a{
    font-size: 18px;
    color: #474747;
    border-top: 1px solid #e9e9e9;
    text-align: left;
}

/*Раздел наши услуги*/

.col-md-2{
    margin-top: 50px;
    
}

.card{
    display: flex;
}

.company-image{
    width: 100px;
    height: 100px;
}


.block_contend_info p{
    color: #000;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 40px;
}












































.schedule {
width: 200px;
color: #888;
margin-top: 5px;
}

.pochta a{
color: #0088cc;
text-decoration: none;
}
.svg-inline-address{
    padding-right: 10px;
}

.button1{
color: rgb(30, 117, 199);
font-weight: normal;
border: 1px solid rgb(22, 120, 201);
background-color: #fff;
display: block;
padding: 15px 20px 15px;
font-size: 17px;
line-height: 10px;
}

.button2 {
color: rgb(30, 117, 199);
font-weight: normal;
border: 1px solid rgb(22, 120, 201);
background-color: #fff;
display: block;
margin: 7px 0 0;
padding: 15px 23px 15px;
font-size: 13px;
line-height: 10px;
}

.button1:hover, .button2:hover {
    background-color: #0088cc;
    color: #fff;
}

/* Стили модельных окон */
.myModal_servic {
    display: none; /* Скрыть модальное окно по умолчанию */
    position: fixed; /* Окно фиксируется на экране */
    z-index: 1; /* На переднем плане */
    left: 0;
    top: 0;
    width: 100%; /* Полная ширина */
    height: 100%; /* Полная высота */
    overflow: auto; /* Включает прокрутку, если необходимо */
    background-color: rgb(0,0,0); /* Черный фон */
    background-color: rgba(0,0,0,0.4); /* Полупрозрачный черный фон */
}

.modal-content_servis {
    background-color: #fefefe;
    margin: 15% auto; /* 15% сверху и по центру */
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Ширина окна */
}

.close {
    color: #686868;
    float: right;
    font-size: 28px;
    font-weight: bold;
}



.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.modal2 {
    display: none; /* Скрыть модальное окно по умолчанию */
    position: fixed; /* Окно фиксируется на экране */
    z-index: 1; /* На переднем плане */
    left: 0;
    top: 0;
    width: 100%; /* Полная ширина */
    height: 100%; /* Полная высота */
    overflow: auto; /* Включает прокрутку, если необходимо */
    background-color: rgb(0,0,0); /* Черный фон */
    background-color: rgba(0,0,0,0.4); /* Полупрозрачный черный фон */
}

.modal-content2 {
    background-color: #fefefe;
    padding: 20px;
    border: 1px solid #888;
    width: 100%; /* Устанавливаем ширину на 100% */
    max-width: 396px; /* Максимальная ширина по-прежнему 600px */
    border-radius: 0px;
    position: fixed; /* Фиксируем позицию */
    top: 50%; /* Центруем по вертикали */
    left: 50%; /* Центруем по горизонтали */
    transform: translate(-50%, -50%); /* Сдвигаем окно для центрирования */
    height: auto; /* Убираем фиксированную высоту */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Добавляем тень для лучшего визуального эффекта */
    padding: 20px; /* Отступы внутри окна */
    box-sizing: border-box; /* Учитываем отступы и границы в ширине */
}

.modal-content2 p{
    color: #888;
}
.required {
    color: red; /* Задаем красный цвет для звездочки */
    font-size: 1.1em; /* Увеличиваем размер шрифта */
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

form {
    display: flex;
    flex-direction: column;
}



.obrabotka{
    text-decoration: none;
    color: #0088cc;
}

label {
    margin-top: 10px;
}

form input {
    padding: 15px;
    margin-top: -10px;
    background-color: #fbfbfc;
    border: 1px solid #dadada; /* Добавляем цвет, стиль и ширину границы */
    border-radius: 1px; /* Опционально: закругляем углы */
}

form button{
    background-color: #0088cc;
    font-weight: 600;
    color: #fff;
    border: #0088cc;
    font-size: 14px;
    padding: 10px;
    width: 170px;
    border-radius: 3%;
}

.close2 {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
}

.modal3 {
    display: none; /* Скрыть модальное окно по умолчанию */
    position: fixed; /* Окно фиксируется на экране */
    z-index: 1; /* На переднем плане */
    left: 0;
    top: 0;
    width: 100%; /* Полная ширина */
    height: 100%; /* Полная высота */
    overflow: auto; /* Включает прокрутку, если необходимо */
    background-color: rgb(0,0,0); /* Черный фон */
    background-color: rgba(0,0,0,0.4); /* Полупрозрачный черный фон */
}

.modal-content3 {
    background-color: #fefefe;
    margin: 15% auto; /* 15% сверху и по центру */
    padding: 20px;
    border: 1px solid #888;
    width: 20%; /* Ширина окна */
}

.close3 {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
}

.fixed {
position: fixed; /* Фиксированное положение */
top: -10px; /* Прикрепить к верхней части */
left: 0;
right: 0;
z-index: 1000; /* На переднем плане */
background-color: #fff;
justify-content: center;
}









.slider {
    position: relative;
    width: 100%;
    height: auto; /* Задайте высоту */
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.slides {
    display: flex;
    transition: transform 0.5s ease;
    width: 100%; /* Ширина на весь экран */
}
.slide {
    min-width: 100%; /* Каждому слайду 100% ширины */
    height: 100%; /* Задайте высоту для слайда */
    position: relative; /* Позволяет использовать абсолютное позиционирование для текста и изображения */
    width: 100%;
    height: auto; /* Укажите желаемую высоту для слайда, или используйте `height: 100vh;` для высоты экрана */
    overflow: hidden; /* Обрезает все, что выходит за пределы контейнера */

}

.slide img {
    top: 0;
    left: 0;
    width: 100%; /* Изображение занимает всю ширину контейнера */
    height: 100%; /* Изображение занимает всю высоту контейнера */
    object-fit: cover; /*  Важно для заполнения области! */
    z-index: -1; /*  Отправляем изображение за текст */
    
}

.slide1 {
    min-width: 100%; /* Каждому слайду 100% ширины */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    position: relative; 
}

.slide1 img {
    width: 100%; /* Изображение растягивается на всю ширину */
    height: 100%; /* Изображение растягивается на всю высоту */
    object-fit: cover; /* Изображение заполняет контейнер */
}

.text_slide {
    position: absolute;
    top: 50%; /* Центрируем текст по вертикали */
    left: 30%; /* Центрируем текст по горизонтали */
    transform: translate(-50%, -50%); /* Центрируем текст относительно его размеров */
    color: rgb(0, 0, 0);
    text-align: left;
    height: auto;
    font-family: "Roboto", Arial, Helvetica, sans-serif;
}


.button_slide2 {
    margin-top: 10px;
    padding: 10px 20px;
    background-color: #0088cc;    ;
    border: none;
    border-radius: 1px;
    cursor: pointer;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
}

.nav-buttons {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
    opacity: 0; /* Скрываем кнопки по умолчанию */
    transition: opacity 0.3s ease;
}
.nav-button {
    width: 50px;
    height: 50px;
    background-color: #fff;
    border: none;
    border-radius: 50%; /* Круглая форма */
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    transition: background-color 0.3s ease;
    margin: auto;
}

.slide:hover .nav-buttons {
    opacity: 1; /* Показываем кнопки при наведении на слайд */
}





/*стили новигации сейчас буду исправлять*/



.text_uslugi span{
    font-size: 20px; 
}
.uslugi_img img {
    padding: 10px;
    flex: 1 1 auto; /* Позволяем изображению сжиматься */
    max-width: 100%; /* Ограничиваем максимальную ширину изображения */
}


@media screen and (min-width:995px)
{.flex{display: flex;
     flex-wrap: nowrap;}}


.uslugi_text p{
    margin-top: 50px;
    font-size: 20px;
}


.uslugi_text span{
    margin-top: 50px;
    font-size: 18px;
    color: #888;
}
.no_conteiner1{
    background-color: #f4f5f7;
    padding-top: 25px;

}
.scroll-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none; /* Скрываем стрелку по умолчанию */
    width: 50px;
    height: 50px;
    background-color: #007bff;
    color: rgb(0, 0, 0);
    text-align: center;
    line-height: 50px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 24px;
    transition: opacity 0.3s;
}

.scroll-to-top:hover {
    background-color: #0056b3;
}




.btn_uslugi button{
    color: rgb(30, 117, 199);
    font-weight: normal;
    border: 1px solid rgb(22, 120, 201);
    background-color: #fff;
    display: block;
    margin: 7px 0 0;
    padding: 15px 20px 15px;
    font-size: 16px;
    line-height: 10px;
    font-weight: 500;
}

a {
    text-decoration: none;
}

.btn_uslugi button:hover{
    background-color: #0088cc;
    color: #fff;
}



.uslugi_img img:hover {
    transform: scale(1.1); /* Увеличиваем масштаб при наведении */
    filter: brightness(1.2);
}

.main{
    background-color: #eceaea;
}
.slaid img{
    max-width: 100%;
}

.blok_glav2{
    display: inline-block;
    width: 500px;
    margin: 0px 0px 0px 70px;
}

.blok_glav {
    margin-left: -50px;
    margin-top: 70px;
}
.block1{
    display: flex;
    background-color: rgb(255, 255, 255);
    height: 200px;
    border: 1px solid #dad7d7;
    width: 600px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

:hover.block1{
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3); /* Увеличиваем тень при наведении */
}
.img_razdel img {
  max-width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.statistics-block__item {
    flex-basis: 25%;
    max-width: 100%;
    display: flex;
    justify-content: center;
    padding: 0 10px;
}

.statistics-info__animate {
    margin-left: 10px;
    font-size: 45px;
    color: #888;
}

.statistics-info__text {
    margin-top: 10px;
    color: #888;
    font-size: 14px;
    line-height: 14px;
}

.statistics-block{
    display: flex;
    margin-top: 60px;
}

.statistics-info__number {
    display: flex;
}

.title_block {
    clear: both;
    
}

.title_block .right_link_block {
    float: right;
    position: relative;
    z-index: 1;
    color: #0088cc;
    text-decoration: none;
    font-size: 18px;
}

.title_block h3{
    padding: 0px 0px 34px;
    margin: 0px;
    font-size: 1.733em;
    font-weight: bold;
    display: inline-block;
    position: relative;
}

.container_block {
    display: flex; /* Используем flexbox для контейнера */
    margin: auto; /* Центрируем контейнер */
    background-color: white; /* Цвет фона контейнера */
    border-radius: 8px; /* Закругляем углы */
    
}

.large-block {
    flex: 2; /* Большой блок занимает 2/3 пространства */
    width: 50%;
}

.large-block img {
    width: 100%; /* Изображение занимает 100% ширины блока */
    border-top-left-radius: 8px; /* Закругляем верхний левый угол */
    border-bottom-left-radius: 8px; /* Закругляем нижний левый угол */
}

.small-blocks {
    flex: 1; /* Маленькие блоки занимают 1/3 пространства */
    display: flex; /* Используем flexbox для маленьких блоков */
    flex-wrap: wrap; /* Позволяем обертывание, чтобы блоки располагались в два ряда */
    justify-content: space-between; /* Распределяем блоки по горизонтали */
    padding: 10px; /* Отступы внутри маленьких блоков */
    margin-right: 0;
    
}

.small-block {
    width: 48%; /* Задаем ширину маленьких блоков, чтобы они вмещались в два ряда */
    margin-bottom: 10px; /* Отступы между маленькими блоками */
    height: 200px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); 

}

.small-block img {
    width: 100%; /* Изображение занимает 100% ширины блока */
    border-radius: 4px; /* Закругляем углы маленьких изображений */
}

.small-block h5 {
    padding-left: 15px;
}

.large-block h3 {
    padding-left: 15px;
}

.small-block img:hover {
    filter: brightness(1.1); /* Увеличиваем яркость изображения при наведении */
}
.large-block img:hover {
    filter: brightness(1.1); /* Увеличиваем яркость изображения при наведении */
}

.large-block h3:hover {
color: #0088cc;
}

.small-block h5:hover {
    color: #0088cc;
}

.small-block:hover {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); 
}

.large-block:hover {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); 
}

.no_conteiner_border{
    border-top: 1px solid #e2dddd;
    margin-top: 100px;
}

.no_conteiner{
    margin-top: 100px;
}

.block_bob {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.block_bob1{
    border: 1px solid #ececec;
    margin: 10px;
    text-align: center;
}

.block_bob1 img{
    max-width: 300px;
}

.block_bob1 h4:hover {
    color: #0088cc;
}

.block_bob1:hover {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); 
}
.bx-yandex-view-layout.front_map .pane_info_wrapper .pane_info {
    position: absolute;
    top: 92px;
    left: 16px;
    z-index: 2;
    background: #fff;
    width: 287px;
}


.bx-yandex-view-layout {
    padding: 24px 30px 22px;
    font-weight: bold;
    font-size: 1.467em;
    color: #333;
    border-bottom: 1px solid #f2f2f2;
}

.bx-yandex-view-layout .pane_info_wrapper .pane_info .info_block {
    padding: 21px 30px 30px;
}

.block_goods {
    display: flex; /* Гибкое расположение в строки */
    flex-wrap: nowrap;
    align-items: center; /* Вертикальное выравнивание по центру */
    padding: 5px; /* Отступы вокруг блока */
    width: 48%;
    justify-content: center;
  }

  .block_goods{
    border: 1px solid #f3f3f3;
  }

  .block_goods:hover{
    box-shadow: 0px 10px 20px 5px rgba(0, 0, 0, 0.5);
  transform: translateY(-1px);
  }

  .conteiner_razdel_main{
    justify-content: center;
    height: auto;
    display: flex;
    width: 1440px;
    flex-flow: row wrap;
    margin-top: 35px;
    max-width:100%;
    margin: 0 auto;
    padding: 0;
}
.li_razdel2 {
    font-size: 15px;
    margin-top: -25px;
    padding: 0;
}

.li_razdel3 {
    font-size: 15px;
    margin-top: -25px;
    padding-left: 38px;
}

.li_razdel3 a{
    font-size: 15px;
    margin-top: 20px;
    color: #0088cc;
}
.li_razdel3 a:hover{
    color: #121313;
}

.li_razdel2 a{
    font-size: 15px;
    margin-top: 20px;
    color: #0088cc;
}
.li_razdel2 a:hover{
    color: #121313;
}

.text-content p{
    font-size: 14px;
    margin-left: 20px;
    color: #696969;
}

.text-content h2{
    color: #000000;
    margin-left: 30px;
    font-size: 18px;
}

/*Стили подвала сайта*/
.footer {
    background: none repeat scroll 0 0 #373d44;
    clear: both;
    color: #ffffff;
    line-height: 18px;
    padding: 0;
    position: relative;
    
}

.conteiner_text{
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start; /* Выровнять элементы по левому краю */
    margin-right: 0; /* Убираем отступ справа */
    margin-left: 450px; /* Убираем отступ слева, если он есть */
}
.col-md1 a{
    color: #888;
}
.col-md1 h2{
    color: #e0dede;
    font-size: 18px;
    text-align: left;
}
.col-md1 h2:hover{
    color: #a0a0a0;
    font-size: 18px;
}
.col-md1 a:hover{
    color: #f1f1f1;
}
.col-md1 li{
    list-style: none;
    padding-top: 10px;
    text-align: left;
}
.col-md1{
    width: 50%;
    margin-top: 20px;
    padding: 10px;
}

.col-md1 ul{
    padding: 0px;
}
.col-md2{
    width: 25%;
    margin-top: -350px;
    margin-bottom: 130px;

    background-color: #ffffff;
    border-radius: 2px;
    padding: 10px;
    margin-left: 20px;
    
}

.title_block_footer{
    color: #000;
    text-align: center;
    margin-top: 30px;
    font-size: 22px;
    font-weight: 700;
    height: 30px;
    border-bottom: 1px solid #d8d8d8;
    
}


.value-block_address {
    padding-left: 3em;
    display: flex;
    margin-top: 10px;
    font-size: 14px;
    color: #000;
}

.with_dropdown_footer a{
    font-size: 16px;
    font-weight: 700;
}

.with_dropdown_footer {
 padding-left: 63px;
 margin-top: 5px;
}

.schedule_footer{
    color: #aaa;
    font-size: 13px;
    padding-left: 5em;
    margin-top: 2px;
}

.pocjta_footer, a{
    color: #000000;
}

.pocjta_footer a:hover{
    color: #0088cc;
}

.pochta_footer_block{
    display: flex;
    padding-left: 40px;
    margin-top: 10px;
    margin-bottom: 30px;
}
.no-decript {
    display: none; /* Скрываем всплывающее окно по умолчанию */
    position: absolute; /* Позиционирование относительно родителя */
    margin-left: -90px; /* Позиционируем над номером */
    transform: translateX(-50%); /* Центрируем по горизонтали */
    background-color: #fff; /* Цвет фона всплывающего окна */
    border: 1px solid #ccc; /* Рамка */
    padding: 10px; /* Внутренний отступ */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* Тень */
    z-index: 1; /* Чтобы всплывающее окно было выше других элементов */
}


.with_dropdown_footer:hover .no-decript   {
    display: block; /* Показываем всплывающее окно при наведении */
}

.with_dropdown_header:hover .no-decript   {
    display: block; /* Показываем всплывающее окно при наведении */
}


.close {
    color: #686868;
    float: right;
    font-size: 28px;
    font-weight: bold;
}



.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

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

.title_block_footer2 .right_link_block {
    float: right;
    position: relative;
    z-index: 1;
    text-decoration: none;
    font-size: 18px;
    padding-right: 5px;
}

.title_block_footer2 p{
    padding: 0px 0px 0px;
    color: #696969;
    margin: 0px;
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
    position: relative;
}



/* стили страницы партнеры */


/*конец стили страницы партнеры */

.burger-checkbox {

    position: absolute;
    visibility: hidden;
  }
  .burger {
    position: relative;
    z-index: 1;
    cursor: pointer;
    display: block;
    position: relative;
    border: none;
    background: transparent;
    width: 40px;
    height: 26px;
  }

  @media (min-width: 991px) {
    .burger {
        display: none; /* Скрываем иконку бургер-меню на экранах больше 990px */
    }
}
  .burger::before,
  .burger::after {
    content: '';
    left: 0;
    position: absolute;
    display: block;
    width: 100%;
    height: 4px;
    border-radius: 10px;
    background: #000;
  }
  .burger::before {

    top: 0;
    box-shadow: 0 11px 0 #000;
    transition: box-shadow .3s .15s, top .3s .15s, transform .3s;
  }
  .burger::after {
    bottom: 0;
    transition: bottom .3s .15s, transform .3s;
  }
  .burger-checkbox:checked + .burger::before {
    top: 11px;
    transform: rotate(45deg);
    box-shadow: 0 6px 0 rgba(0,0,0,0);
    transition: box-shadow .15s, top .3s, transform .3s .15s;
  }
  .burger-checkbox:checked + .burger::after {
    bottom: 11px;
    transform: rotate(-45deg);
    transition: bottom .3s, transform .3s .15s;
  }
  .menu-list {
    display: none;/* Используйте !important, чтобы переопределить другие правила */
    top: 0;
    left: 0;
    position: absolute;
    display: grid;
    gap: 12px;
    padding: 42px 0;
    margin: 0;
    background: orange;
    list-style-type: none;
    transform: translateX(-100%);
    transition: .3s;
    width: 200px;
    z-index: 10;
  }
  .menu-item {
    display: block;
    padding: 8px;
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
    color: black;
    text-align: center;
    position: relative; /* Для позиционирования псевдоэлемента */
    white-space: nowrap;
   
  }
  .menu-item:hover {
    background: rgba(255,255,255,.2)
  }
  .burger-checkbox:checked ~ .menu-list {
    transform: translateX(0);
  }

  .flex_burger{
    display: flex;
    padding-left: 10px;
  }

  .submenu {
    display: none; /* Скрываем подменю по умолчанию */
    list-style-type: none; /* Убираем маркеры */
    padding: 0; /* Убираем внутренние отступы */
    margin: 0; /* Убираем внешние отступы */
}

.submenu-item {
    padding: 5px 10px; /* Добавляем отступы для элементов подменю */
    display: block; /* Делаем элементы блочными */
    color: rgb(36 97 155);;
    border-top: 1px solid #ebebeb;
    padding-left: 30px;
}

.active {
    font-weight: bold; /* Жирный шрифт для выделения */
    /*background-color: #0088cc;  Добавьте фоновый цвет для лучшего визуального эффекта */
}

.submit_form{
    background-color: #0088cc;
    color: #fff;
    font-weight: 700;
    padding: 10px 35px 10px 35px;
    justify-content: center;
    text-align: center;
}