html,body{
    margin: 0;
    scroll-behavior: smooth;
}
.header{
    border-bottom: #B89053 solid 10px;
}
.header-top{
    width: 100%;
    height: 75px;
    display: flex;
    background-color: #ECECEC;
    justify-content: space-evenly;
    position: fixed;
    z-index: 3;
}
.logo-img{
    height: 75px;
}
.center{
    display: flex;
    align-items: center;
}
.adres{
    margin-right: 50px;
}
.adres-text{
    margin-top: -23px;
    font-size: 18px;
    font-weight: 800;
    font-family: 'Inter';
    text-decoration: none;
    color: #000;
    transition: color 0.15s linear;
}
.adres-text:hover{
    color: #666666;
}
.adres-img{
    margin-right: -15px;
}
.numbers{
    font-size: 18px;
    font-family: 'Sen';
    margin-right: 30px;
}
.burger-menu{
    margin-top: 6px;
}
.burger-img{
    transition: 0.5s;
    cursor: pointer;
}
.burger-img:hover{
    transform: rotate(10deg);
}
.header-home{
    padding: 17% 20%;
    padding-bottom: 32%;
    margin-top: 0;
    font-family: 'Inter';
    background-image: url('Картинки а-фрейм/photo_2024-03-30_22-32-18.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}
.infa{
    font-size: 20px;
    font-weight: 800;
    display: flex;
    margin-top: 100px;
}
.header-home h1{
    margin: 0;
    font-size: 45px;
    color: #fff;
}
.header-home h2{
    margin-top: 50px;
    color: #fff;
    font-size: 40px;
    font-weight: 500;
}
.button_1{
    width: 200px;
    height: 40px;
    border: #fff 3px solid;
    background: none;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    margin-right: 50px;
    cursor: pointer;
}
.button_1:hover{
    color: #c4c4c4;
    border-color: #c4c4c4;
}
.price{
    width: 250px;
    height: 46px;
    background-color: #B89053;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}
/* Стили для панели меню */
.nav-links {
    margin-top: 75px;
    position: fixed;
    right: -255px; /* Скрыто за пределами экрана */
    top: 0;
    width: 250px;
    height: 336px;
    background: #f3f3f3;
    box-shadow: -2px 0px 5px rgba(0,0,0,0.5);
    transition: right 0.5s; /* Плавная анимация */
}

.nav-active {
    right: 0; /* Показать меню */
}

  /* Стили для навигационных ссылок */
.nav-links ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-family: 'Inter';
}
.nav-links li a {
    text-decoration: none;
    color: #333;
    padding: 15px 20px;
    display: block;
    font-size: 30px;
    font-weight: 800;
}

.nav-links li a:hover {
    background: #ddd;
}
.connection a{
    text-decoration: none;
}
.description{
    display: flex;
    justify-content: center;
    font-family: 'Inter';
    margin-top: 150px;
    align-items: center;
}
.des-title{
    font-size: 30px;
    font-weight: 800;
    margin-top: 0;
}
.des-subtitle{
    font-size: 25px;
    font-weight: 500;
    margin-top: 5%;
    line-height: 30px;
}
.des-text{
    width: 35%;
    margin-left: 1.5%;

    text-align: start;
}
.des-img{
    width: 35%;
    height: 100%;
    margin-right: 1.5%;
}

.cards-title{
    font-size: 40px;
    font-weight: 600;
    font-family: 'Inter';
    margin-top: 200px;
    margin-left: 13.5%;
    text-shadow: 0px 3px 3px #999494;
    letter-spacing: 4px;
}
.cards-subtitle{
    font-size: 40px;
    font-family: 'Inter';
    font-weight: 500;
    margin-left: 13.5%;
}
.card{
    width: 35%;
    border: #A3804B solid 5px;
    font-family: "Sen", sans-serif;
    margin-right: 1%;
    background-color: rgba(217,217,217,0.3);
}
.card_1{
    width: 35%;
    border: #A3804B solid 5px;
    font-family: "Sen", sans-serif;
    margin-left: 1%;
    background-color: rgba(217,217,217,0.3);
}
.img_1{
    width: 100%;
}

.image{
    cursor: pointer;
    width: 95%;
    overflow: hidden; /* Обрезаем */
    margin: 0 auto;
    margin-top: 3%;
    height: 55%;
}
.image img{
    transition: 0.4s; /* Время эффекта */
    display: block; /* Убираем небольшой отступ снизу */
    position: relative;
    z-index: 1;
    height: 100%;
}
.image img:hover{
    transform: scale(1.1); /* Увеличиваем масштаб */
}
.card-title{
    font-size: 30px;
    font-weight: 600;
    text-align: start;
    width: 85%;
    height: 90px;
    margin: 0 auto;
    margin-top: 20px;
}
.chara,
.list,
.bottom-part,
.div{
    display: flex;
}
.chara{
    justify-content: center;
    margin: 0 auto;
    margin-bottom: 20px;
    width: 85%;
}
.char-text{
    font-size: 20px;
    text-align: center;
    color: #9E9595;
}
.div img{
    width: 40px;
    height: 40px;
}
.div{
    width: 33%;
    justify-content: space-evenly;
}
.char-text span{
    color: #000;
    font-weight: 700;
}

.state{
    text-align: start;
}
.stat-title{
    font-size: 32px;
    font-weight: 600;
}
.stat-subtitle{
    font-size: 20px;
    color: #897E81;
    font-weight: 700;
    margin-top: 10px;
}
.bron{
    text-align: center;
}
.bron-subtitle{
    font-weight: 600;
    font-size: 20px;
}
.bron-button{
    color: #fff;
    font-size: 17px;
    background-color: #B89053;
    font-weight: 600;
    width: 200px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 5px;
    transition: color 0.1s linear;
    cursor: pointer;
    border-radius: 10px;
}





.bottom-part{
    justify-content: space-between;
    width: 85%;
    margin: 0 auto;
}
.cards{
    display: flex;
    justify-content: center;
}






.image_1{
    cursor: pointer;
    width: 95%;
    overflow: hidden; /* Обрезаем */
    margin: 0 auto;
    margin-top: 3%;
    height: 55%;
}
.image_1 img{
    transition: 0.4s; /* Время эффекта */
    display: block; /* Убираем небольшой отступ снизу */
    position: relative;
    z-index: 1;
    height: 100%
}
.image_1 img:hover{
    transform: scale(1.1); /* Увеличиваем масштаб */
}
.how{
    width: 73%;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    margin-top: 150px;
}
.how-description{
    width: 30%;
}
.how h2{
    font-size: 40px;
    font-weight: 600;
    font-family: 'Inter';
    text-shadow: 0px 3px 3px #999494;
    margin: 0;
    letter-spacing: 4px;
}
.how-card{
    text-decoration: none;
    background-color: hsl(36, 42%, 52%, 0.1);
    width: 400px;
    height: 200px;
    font-size: 30px;
    font-weight: 600;
    font-family: 'Inter';
    color: #000;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.how-card div{
    width: 80%;
}
.con-top{
    font-size: 30px;
    font-family: 'Inter';
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 80%;
}
.con-top a{
    text-decoration: none;
    width: 5%;
}
.con-top a img{
    width: 50px;
    height: 50px;
}
iframe{
    max-width: 1055px;
    height: 525px;
    width: 60%;
    border: 2px hsl(0, 0%, 0%,0.3) solid;
}
.flex{
    display: flex;
    margin: 30px 0;
}
.how-number{
    width: 100%;
    font-size: 24px;
    font-family: 'Inter';
}
.how h3{
    font-size: 20px;
    font-weight: 700;
    font-family: 'Inter';

}


.todo2{
    display: none;
    background-color: #f5f5f5;
    width: 100%;
    margin: 100px auto;
    padding: 50px 0;
}
.todo{
    background-color: #f5f5f5;
    width: 100%;
    margin: 100px auto;
    padding: 50px 0;
}
.todo-content{
    display: flex;
    width: 73%;
    justify-content: center;
    margin: 0 auto;
}
.todo-top{
    width: 30%;
    display: flex;
    flex-flow: column;
    align-items: center;
}
.todo-middle{
    margin-left: 5%;
    width: 45%;
    display: flex;
    flex-flow: column;
    align-items: start;
}
.todo-bottom{
    width: 20%;
    display: flex;
    flex-flow: column;
    align-items: end;
    justify-content: space-around;
    margin-top: -5%;
}
.todo-top img{
    width: 150px;
    margin-top: 40px;
}
.todo-bottom img{
    width: 200px;
    height: 200px;
}
.todo li{
    font-size: 30px;
    font-family: 'Inter';
    margin: 0;
}
.todo h3{
    font-size: 30px;
    font-weight: 600;
    font-family: 'Inter';
    height: 50px;
    margin: 0;
}
.todo h2{
    font-size: 30px;
    font-weight: 700;
    font-family: 'Inter';
    letter-spacing: 4px;
    margin-left: 13.5%;
    margin-bottom: 50px;
}
.todo h4{
    font-size: 30px;
    font-weight: 500;
    font-family: 'Inter';
    margin-left: 13.5%;
}
.todo h4 span{
    font-weight: 700;
}









.todo2 li{
    font-size: 30px;
    font-family: 'Inter';
    margin: 0;
}
.todo2 h3{
    font-size: 30px;
    font-weight: 600;
    font-family: 'Inter';
    height: 50px;
    margin: 0;
}
.todo2 h2{
    font-size: 30px;
    font-weight: 700;
    font-family: 'Inter';
    letter-spacing: 4px;
    margin-left: 13.5%;
    margin-bottom: 50px;
}
.todo2 h4{
    font-size: 30px;
    font-weight: 500;
    font-family: 'Inter';
    margin-left: 13.5%;
}
.todo2 h4 span{
    font-weight: 700;
}








.todo-card{
    border-bottom: 2px solid #000;
}
.todo-top ul,
.todo-card2 ul{
    height: 150px;
}
.todo-card2{
    margin-bottom: 40px;
}
.todo-top div{
    width: 100%;
}

.video{
    width: 73%;
    text-align: center;
}
.video-container{
    display: flex;
    justify-content: center;
}

.animate-me {
    opacity: 0;
    transform: translateY(100px);
    transition: opacity 1s ease-out, transform 1s ease-out;
  }

  .animate-me.visible {
    opacity: 1;
    transform: translateY(0);
  }
  
  #progressbar {
  position: fixed;
  top: 0;
  left: 0;
  width: 0%;
  height: 5px; /* Высота полосы */
  background-color: #B89053; /* Цвет полосы */
  z-index: 99; /* Отображение над другими элементами */
  transition: width 2s;
}

.nav-links_1 {
    position: fixed;
    top: -300px;
    width: 150px;
    height: 140px;
    background: #f3f3f3;
    box-shadow: -2px 0px 5px rgba(0,0,0,0.5);
    transition: top 0.3s; /* Плавная анимация */
    margin: 50px auto;
  }

  .nav-active_1 {
    top: 25; /* Показать меню */
  }





  .nav-links_2 {
    position: fixed;
    top: -300px;
    width: 200px;
    height: 50px;
    background: #f3f3f3;
    box-shadow: -2px 0px 5px rgba(0,0,0,0.5);
    transition: top 0.3s; /* Плавная анимация */
    margin: 50px auto;
    padding-left: 10px;
  }

  .nav-active_2 {
    top: 0; /* Показать меню */
  }




















































  .animate-me {
    opacity: 0;
    transform: translateY(100px);
    transition: opacity 1s ease-out, transform 1s ease-out;
  }

  .animate-me.visible {
    opacity: 1;
    transform: translateY(0);
  }
  .modal {
    overflow-y: scroll;
    display: none; /* Скрыть модальное окно по умолчанию */
    position: fixed; /* Фиксированное позиционирование */
    z-index: 100; /* Окно поверх других элементов */
    left: 0;
    top: 0;
    width: 100%; /* Полная ширина */
    height: 100%; /* Полная высота */
    background-color: rgb(0,0,0); /* Цвет фона */
    background-color: rgba(0,0,0,0.4); /* Цвет фона с прозрачностью */
    animation-name: fadeIn; /* Анимация появления */
    animation-duration: 0.4s;

  }
  /* Стили для контента модального окна */
  .modal-content {
    position: relative;
    background-color: #fefefe;
    margin: 10% auto; /* 15% от верха и по центру */
    border: 1px solid #888;
    width: 1000px;
    height: 950px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    animation-name: slideIn;
    animation-duration: 0.4s;
    border: #A3804B solid 5px;
    font-family: 'Sen' , sans-serif;
  }

  /* Анимация появления для фона */
  @keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
  }

  /* Анимация появления для контента */
  @keyframes slideIn {
    from {top: -300px; opacity: 0;}
    to {top: 0.1%; opacity: 1;}
  }

  /* Стили для кнопки закрытия */
  .close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
  }

  .close:hover,
  .close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
  }
  #progressbar {
  position: fixed;
  top: 0;
  left: 0;
  width: 0%;
  height: 5px; /* Высота полосы */
  background-color: #B89053; /* Цвет полосы */
  z-index: 99; /* Отображение над другими элементами */
  transition: width 2s;
}
.price-box{
    display: flex;
    justify-content: space-around;
}
.contact{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
.afrem-title,
.cotted-title{
    font-size: 30px;
    font-weight: 600;
    text-align: center;
}
.services-title,
.contact-title{
    font-size: 30px;
    font-weight: 700;
    text-align: center;
}
.modal-content h1{
    font-weight: 400;
    text-align: center;
    font-size: 35px;
}
.price-title{
    font-weight: 700;
    font-size: 30px;
    text-align: center;
}
.cotted-text,
.afrem-text,
.contact-number{
    font-size: 27px;
}
.contact-number{
    margin-left: -100px;
}
.services-text{
    font-size: 25px;
    text-align: center;
}
.services-subtitle{
    font-size: 26px;
    text-align: center;
    font-weight: 800;
    margin-top: 5px;
    margin-bottom: 50px;
}
.net{
    font-size: 25px;
    text-align: center;
    font-weight: 700;
    margin-bottom: 40px;
}
.modal-content span{
    font-weight: 700;
}
.contact-images a{
    text-decoration: none;
}
.contact-images{
    margin-left: -70px;
}
.c-i{
    height: 70px;
    margin-left: 10px;
    margin-right: 10px;
}
.bron-button:hover{
    color: #c4c4c4;
}





#slider_2 { /*положение слайдера*/
    position: relative;
    text-align: center;
    top: 10px;
    z-index: 1;
  }
  
  #slider_2{ /*центровка слайдера*/
  margin: 10px 50px;
  }
  
  #slides_2 article{ /*все изображения справа друг от доруга*/
  width: 20%;
  float: left;
  }
  
  #slides_2 .image_2{ /*устанавливает общий размер блока с изображениями*/
  width: 2000%;
  line-height: 0;
  display: flex;
  }
  
  #overflow_2{ /*сркывает все, что находится за пределами этого блока*/
  width: 100%;
  overflow: hidden;
  }
  
  article img{ /*размер изображений слайдера*/
  width: 100%;
  }
  
  #desktop_2:checked ~ #slider_2{ /*размер всего слайдера*/
  width: 90%; /*максимальнная длинна*/

  }
  
  /*настройка переключения и положения для левой стрелки*/
  /*если свич1-5 активны, то идет обращение к лейблу из блока с id контролс*/
  #switch1_2:checked ~ #controls_2 label:nth-child(20), 
  #switch2_2:checked ~ #controls_2 label:nth-child(1),
  #switch3_2:checked ~ #controls_2 label:nth-child(2),
  #switch4_2:checked ~ #controls_2 label:nth-child(3),
  #switch5_2:checked ~ #controls_2 label:nth-child(4),
  #switch6_2:checked ~ #controls_2 label:nth-child(5), 
  #switch7_2:checked ~ #controls_2 label:nth-child(6),
  #switch8_2:checked ~ #controls_2 label:nth-child(7),
  #switch9_2:checked ~ #controls_2 label:nth-child(8),
  #switch10_2:checked ~ #controls_2 label:nth-child(9),
  #switch11_2:checked ~ #controls_2 label:nth-child(10), 
  #switch12_2:checked ~ #controls_2 label:nth-child(11),
  #switch13_2:checked ~ #controls_2 label:nth-child(12),
  #switch14_2:checked ~ #controls_2 label:nth-child(13),
  #switch15_2:checked ~ #controls_2 label:nth-child(14),
  #switch16_2:checked ~ #controls_2 label:nth-child(15), 
  #switch17_2:checked ~ #controls_2 label:nth-child(16),
  #switch18_2:checked ~ #controls_2 label:nth-child(17),
  #switch19_2:checked ~ #controls_2 label:nth-child(18),
  #switch20_2:checked ~ #controls_2 label:nth-child(19){
    background: url('Спец символы/left.png') no-repeat;/*заливка фона картинкой без повторений*/
  background-size: 40px 40px;
    float: left;
  display: block;
  height: 40px;
  width: 40px;
    margin-left: -20px;
  }
  
  /*настройка переключения и положения для правой стрелки*/
  #switch1_2:checked ~ #controls_2 label:nth-child(2), 
  #switch2_2:checked ~ #controls_2 label:nth-child(3),
  #switch3_2:checked ~ #controls_2 label:nth-child(4),
  #switch4_2:checked ~ #controls_2 label:nth-child(5),
  #switch5_2:checked ~ #controls_2 label:nth-child(6),
  #switch6_2:checked ~ #controls_2 label:nth-child(7), 
  #switch7_2:checked ~ #controls_2 label:nth-child(8),
  #switch8_2:checked ~ #controls_2 label:nth-child(9),
  #switch9_2:checked ~ #controls_2 label:nth-child(10),
  #switch10_2:checked ~ #controls_2 label:nth-child(11),
  #switch11_2:checked ~ #controls_2 label:nth-child(12), 
  #switch12_2:checked ~ #controls_2 label:nth-child(13),
  #switch13_2:checked ~ #controls_2 label:nth-child(14),
  #switch14_2:checked ~ #controls_2 label:nth-child(15),
  #switch15_2:checked ~ #controls_2 label:nth-child(16),
  #switch16_2:checked ~ #controls_2 label:nth-child(17), 
  #switch17_2:checked ~ #controls_2 label:nth-child(18),
  #switch18_2:checked ~ #controls_2 label:nth-child(19),
  #switch19_2:checked ~ #controls_2 label:nth-child(20),
  #switch20_2:checked ~ #controls_2 label:nth-child(1){
    background:url('Спец символы/right.png')no-repeat;/*заливка фона картинкой без повторений*/
    background-size: 40px 40px;
    float: right;
    display: block;
    height: 40px;
    width: 40px;
    margin-right: -20px;
  }
  
  label, a{ /*при наведении на стрелки или переключатели - курсор изменится*/
  cursor: pointer;
  }
  
  .all_2 input{ /*скрывает стандартные инпуты (чекбоксы) на странице*/
  display: none;
  }
  
  /*позиция изображения при активации переключателя*/
  #switch1_2:checked ~ #slides_2 .image_2{
  margin-left: 0;
  }
  #switch2_2:checked ~ #slides_2 .image_2{
  margin-left: -100%;
  }
  
  #switch3_2:checked ~ #slides_2 .image_2{
  margin-left: -200%;
  }
  #switch4_2:checked ~ #slides_2 .image_2{
  margin-left: -300%;
  }
  #switch5_2:checked ~ #slides_2 .image_2{
  margin-left: -400%;
  }
  #switch6_2:checked ~ #slides_2 .image_2{
  margin-left: -500%;
  }
  #switch7_2:checked ~ #slides_2 .image_2{
  margin-left: -600%;
  }
  #switch8_2:checked ~ #slides_2 .image_2{
  margin-left: -700%;
  }
  #switch9_2:checked ~ #slides_2 .image_2{
  margin-left: -800%;
  }
  #switch10_2:checked ~ #slides_2 .image_2{
  margin-left: -900%;
  }
  #switch11_2:checked ~ #slides_2 .image_2{
  margin-left: -1000%;
  }
  #switch12_2:checked ~ #slides_2 .image_2{
  margin-left: -1100%;
  }
  #switch13_2:checked ~ #slides_2 .image_2{
  margin-left: -1200%;
  }
  #switch14_2:checked ~ #slides_2 .image_2{
  margin-left: -1300%;
  }
  #switch15_2:checked ~ #slides_2 .image_2{
  margin-left: -1400%;
  }
  #switch16_2:checked ~ #slides_2 .image_2{
  margin-left: -1500%;
  }
  #switch17_2:checked ~ #slides_2 .image_2{
  margin-left: -1600%;
  }
  #switch18_2:checked ~ #slides_2 .image_2{
  margin-left: -1700%;
  }
  #switch19_2:checked ~ #slides_2 .image_2{
  margin-left: -1800%;
  }
  #switch20_2:checked ~ #slides_2 .image_2{
  margin-left: -1900%;
  }
  
  
  #controls_2{ /*положение блока всех управляющих элементов*/
    margin-top: -37%;
    position: relative;
  }
  
  #slides_2 .image_2{ /*анимация пролистывания изображений*/
  transition: all 600ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
  }
  
  #controls_2 label:hover{ /*прозрачность стрелок при наведении*/
  opacity: 0.6;
  }
  
  #controls_2 label{ /*прозрачность стрелок при отводе курсора*/
  transition: opacity 0.2s ease-out;
  }

  





  #slider_3 { /*положение слайдера*/
    position: relative;
    text-align: center;
    top: 10px;
    z-index: 1;
  }
  
  #slider_3{ /*центровка слайдера*/
  margin: 10px 50px;
  }
  
  #slides_3 article{ /*все изображения справа друг от доруга*/
  width: 20%;
  float: left;
  }
  
  #slides_3 .image_3{ /*устанавливает общий размер блока с изображениями*/
  width: 2000%;
  line-height: 0;
  display: flex;
  }
  
  #overflow_3{ /*сркывает все, что находится за пределами этого блока*/
  width: 100%;
  overflow: hidden;
  }
  
  article img{ /*размер изображений слайдера*/
  width: 100%;
  }
  
  #desktop_3:checked ~ #slider_3{ /*размер всего слайдера*/
  width: 90%; /*максимальнная длинна*/
  }
  
  /*настройка переключения и положения для левой стрелки*/
  /*если свич1-5 активны, то идет обращение к лейблу из блока с id контролс*/
  #switch1_3:checked ~ #controls_3 label:nth-child(20), 
  #switch2_3:checked ~ #controls_3 label:nth-child(1),
  #switch3_3:checked ~ #controls_3 label:nth-child(2),
  #switch4_3:checked ~ #controls_3 label:nth-child(3),
  #switch5_3:checked ~ #controls_3 label:nth-child(4),
  #switch6_3:checked ~ #controls_3 label:nth-child(5), 
  #switch7_3:checked ~ #controls_3 label:nth-child(6),
  #switch8_3:checked ~ #controls_3 label:nth-child(7),
  #switch9_3:checked ~ #controls_3 label:nth-child(8),
  #switch10_3:checked ~ #controls_3 label:nth-child(9),
  #switch11_3:checked ~ #controls_3 label:nth-child(10), 
  #switch12_3:checked ~ #controls_3 label:nth-child(11),
  #switch13_3:checked ~ #controls_3 label:nth-child(12),
  #switch14_3:checked ~ #controls_3 label:nth-child(13),
  #switch15_3:checked ~ #controls_3 label:nth-child(14),
  #switch16_3:checked ~ #controls_3 label:nth-child(15), 
  #switch17_3:checked ~ #controls_3 label:nth-child(16),
  #switch18_3:checked ~ #controls_3 label:nth-child(17),
  #switch19_3:checked ~ #controls_3 label:nth-child(18),
  #switch20_3:checked ~ #controls_3 label:nth-child(19){
    background: url('Спец символы/left.png') no-repeat;/*заливка фона картинкой без повторений*/
  background-size: 40px 40px;
    float: left;
  display: block;
  height: 40px;
  width: 40px;
    margin-left: -20px;
  }
  
  /*настройка переключения и положения для правой стрелки*/
  #switch1_3:checked ~ #controls_3 label:nth-child(2), 
  #switch2_3:checked ~ #controls_3 label:nth-child(3),
  #switch3_3:checked ~ #controls_3 label:nth-child(4),
  #switch4_3:checked ~ #controls_3 label:nth-child(5),
  #switch5_3:checked ~ #controls_3 label:nth-child(6),
  #switch6_3:checked ~ #controls_3 label:nth-child(7), 
  #switch7_3:checked ~ #controls_3 label:nth-child(8),
  #switch8_3:checked ~ #controls_3 label:nth-child(9),
  #switch9_3:checked ~ #controls_3 label:nth-child(10),
  #switch10_3:checked ~ #controls_3 label:nth-child(11),
  #switch11_3:checked ~ #controls_3 label:nth-child(12), 
  #switch12_3:checked ~ #controls_3 label:nth-child(13),
  #switch13_3:checked ~ #controls_3 label:nth-child(14),
  #switch14_3:checked ~ #controls_3 label:nth-child(15),
  #switch15_3:checked ~ #controls_3 label:nth-child(16),
  #switch16_3:checked ~ #controls_3 label:nth-child(17), 
  #switch17_3:checked ~ #controls_3 label:nth-child(18),
  #switch18_3:checked ~ #controls_3 label:nth-child(19),
  #switch19_3:checked ~ #controls_3 label:nth-child(20),
  #switch20_3:checked ~ #controls_3 label:nth-child(1){
    background:url('Спец символы/right.png')no-repeat;/*заливка фона картинкой без повторений*/
    background-size: 40px 40px;
    float: right;
    display: block;
    height: 40px;
    width: 40px;
    margin-right: -20px;
  }
  
  label, a{ /*при наведении на стрелки или переключатели - курсор изменится*/
  cursor: pointer;
  }
  
  .all_3 input{ /*скрывает стандартные инпуты (чекбоксы) на странице*/
  display: none;
  }
  
  /*позиция изображения при активации переключателя*/
  #switch1_3:checked ~ #slides_3 .image_3{
  margin-left: 0;
  }
  #switch2_3:checked ~ #slides_3 .image_3{
  margin-left: -100%;
  }
  
  #switch3_3:checked ~ #slides_3 .image_3{
  margin-left: -200%;
  }
  #switch4_3:checked ~ #slides_3 .image_3{
  margin-left: -300%;
  }
  #switch5_3:checked ~ #slides_3 .image_3{
  margin-left: -400%;
  }
  #switch6_3:checked ~ #slides_3 .image_3{
  margin-left: -500%;
  }
  #switch7_3:checked ~ #slides_3 .image_3{
  margin-left: -600%;
  }
  #switch8_3:checked ~ #slides_3 .image_3{
  margin-left: -700%;
  }
  #switch9_3:checked ~ #slides_3 .image_3{
  margin-left: -800%;
  }
  #switch10_3:checked ~ #slides_3 .image_3{
  margin-left: -900%;
  }
  #switch11_3:checked ~ #slides_3 .image_3{
  margin-left: -1000%;
  }
  #switch12_3:checked ~ #slides_3 .image_3{
  margin-left: -1100%;
  }
  #switch13_3:checked ~ #slides_3 .image_3{
  margin-left: -1200%;
  }
  #switch14_3:checked ~ #slides_3 .image_3{
  margin-left: -1300%;
  }
  #switch15_3:checked ~ #slides_3 .image_3{
  margin-left: -1400%;
  }
  #switch16_3:checked ~ #slides_3 .image_3{
  margin-left: -1500%;
  }
  #switch17_3:checked ~ #slides_3 .image_3{
  margin-left: -1600%;
  }
  #switch18_3:checked ~ #slides_3 .image_3{
  margin-left: -1700%;
  }
  #switch19_3:checked ~ #slides_3 .image_3{
  margin-left: -1800%;
  }
  #switch20_3:checked ~ #slides_3 .image_3{
  margin-left: -1900%;
  }
  
  
  #controls_3{ /*положение блока всех управляющих элементов*/
    margin-top: -39%;
    position: relative;
  }
  
  #slides_3 .image_3{ /*анимация пролистывания изображений*/
  transition: all 600ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
  }
  
  #controls_3 label:hover{ /*прозрачность стрелок при наведении*/
  opacity: 0.6;
  }
  
  #controls_3 label{ /*прозрачность стрелок при отводе курсора*/
  transition: opacity 0.2s ease-out;
  }

  




#slider_4 { /*положение слайдера*/
    position: relative;
      text-align: center;
    top: 10px;
    z-index: 1;
  }
  
  #slider_4{ /*центровка слайдера*/
      margin: 0 auto;
  }
  
  #slides_4 article{ /*все изображения справа друг от доруга*/
      width: 20%;
      float: left;
  }
  
  #slides_4 .image_4{ /*устанавливает общий размер блока с изображениями*/
      width: 500%;
      line-height: 0;
  }
  
  #overflow_4{ /*сркывает все, что находится за пределами этого блока*/
      width: 100%;
      overflow: hidden;
  }
  
  #desktop_4:checked ~ #slider_4{ /*размер всего слайдера*/
      max-width: 60%; /*максимальнная длинна*/
  }
  
  /*настройка переключения и положения для левой стрелки*/
  /*если свич1-5 активны, то идет обращение к лейблу из блока с id контролс*/
  #switch1_4:checked ~ #controls_4 label:nth-child(3), 
  #switch2_4:checked ~ #controls_4 label:nth-child(1),
  #switch3_4:checked ~ #controls_4 label:nth-child(2){
    background: url('Спец символы/🡨.jpg') no-repeat;/*заливка фона картинкой без повторений*/
    background-size: 70px 70px;
    float: left;
    display: block;
    height: 70px;
    width: 70px;
    margin-left: -80px;
  }
  
  /*настройка переключения и положения для правой стрелки*/
  #switch1_4:checked ~ #controls_4 label:nth-child(2), 
  #switch2_4:checked ~ #controls_4 label:nth-child(3),
  #switch3_4:checked ~ #controls_4 label:nth-child(1){
    background:url('Спец символы/🡪.jpg')no-repeat;/*заливка фона картинкой без повторений*/
    background-size: 70px 70px;
    float: right;
    display: block;
    height: 70px;
    width: 70px;
    margin-right: -80px;
    margin-top: -5px;
  }
  
  label, a{ /*при наведении на стрелки или переключатели - курсор изменится*/
      cursor: pointer;
  }
  
  .all_4 input{ /*скрывает стандартные инпуты (чекбоксы) на странице*/
      display: none;
  }
  
  /*позиция изображения при активации переключателя*/
  #switch1_4:checked ~ #slides_4 .image_4{
      margin-left: 0;
  }
  
  #switch2_4:checked ~ #slides_4 .image_4{
      margin-left: -100%;
  }
  
  #switch3_4:checked ~ #slides_4 .image_4{
      margin-left: -200%;
  }
  
  #active_4 label{ /*стиль отдельного переключателя*/
      border-radius: 10px; /*скругление углов*/
      display: inline-block; /*расположение в строку*/
      width: 15px;
      height: 15px;
      background: #bbb;
  }
  #slides_4 .image_4{ /*анимация пролистывания изображений*/
      transition: all 600ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
  }
  
  #controls_4 label:hover{ /*прозрачность стрелок при наведении*/
      opacity: 0.6;
  }
  
  #controls_4 label{ /*прозрачность стрелок при отводе курсора*/
      transition: opacity 0.2s ease-out;
  }
  .all_4{
    margin-top: 10px;
  }
  #controls_4{ /*положение блока всех управляющих элементов*/
    margin-top: -22%;
    position: relative;
  }
  #slider_4 img{
    width: 100%;
  }



.text-slider-1{
    width: 100%;
    display: none;
    text-align: center;
}
.text-slider-1 .sampol{
    width: 100%;
}
.pol{
    width: 70%;
    margin: 10px auto;
}








.outside-title,
.inside-title{
    text-align: center;
    font-family: 'Inter';
    font-size: 40px;
    font-weight: 700;
    margin-top: 10px;
}
.outside-title_1,
.inside-title_1{
    text-align: center;
    font-family: 'Inter';
    font-size: 40px;
    font-weight: 700;
    margin-top: 10px;
}
.sliders{
    display: flex;
    justify-content: space-between;
    margin-bottom: 180px;
}
.sliders_1{
    display: flex;
    height: 100%;
}








.text-slider{
    margin-bottom: 140px;
    width: 100%;
}
  .modal-content_1{
    margin: 50px auto;
    overflow: auto;
    position: relative;
    border: 1px solid #888;
    width: 50%; /* Ширина контента */
    height: 92%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    animation-name: slideIn;
    animation-duration: 0.4s;
    border: #A3804B solid 5px;
    font-family: 'Sen' , sans-serif;
    background-color: #ECECEC;
}

#da_1{
    height: 400px;
}
.gallery{
    display: flex;
    justify-content: space-between;
    height: 500px;
}
.gallery img{
    width: 300px;
    height: 200px;
}
.gallery-left{
    margin-left: 100px;
}
.image-text,
.right-text{
    text-align: center;
    font-size: 25px;
    font-weight: 600;
    font-family: 'Sen' sans-serif;
    color: #865D1F;
}
.image-1{
    position: relative;
    z-index: 999;
    top: 100px;
}
.image-2{
    position: relative;
    left: 350px;
    top: -200px;
}
.image-3{
    position: relative;
    left: 160px;
    top: -220px;
}
.gallery-right{
    margin-right: 100px;
    margin-top: 100px;
}
.modal-content_2{
    margin: 200px auto;
    position: relative;
    border: 1px solid #888;
    width: 50%; /* Ширина контента */
    height: 900px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    animation-name: slideIn;
    animation-duration: 0.4s;
    border: #A3804B solid 5px;
    font-family: 'Sen' , sans-serif;
    background-color: #ECECEC;
}
#myModal5{
    overflow: auto;
}











#slider_6 { /*положение слайдера*/
    position: relative;
    text-align: center;
    top: 10px;
    z-index: 1;
  }
  
  #slider_6{ /*центровка слайдера*/
  margin: 10px 50px;
  }
  
  #slides_6 article{ /*все изображения справа друг от доруга*/
  width: 20%;
  float: left;
  }
  
  #slides_6 .image_6{ /*устанавливает общий размер блока с изображениями*/
  width: 2000%;
  line-height: 0;
  display: flex;
  }
  
  #overflow_6{ /*сркывает все, что находится за пределами этого блока*/
  width: 100%;
  overflow: hidden;
  }
  
  article img{ /*размер изображений слайдера*/
  width: 100%;
  height: 100%;
  }
  
  #desktop_6:checked ~ #slider_6{ /*размер всего слайдера*/
    width: 90%; /*максимальнная длинна*/
    height: 90%;

  }
  
  /*настройка переключения и положения для левой стрелки*/
  /*если свич1-5 активны, то идет обращение к лейблу из блока с id контролс*/
  #switch1_6:checked ~ #controls_6 label:nth-child(20), 
  #switch2_6:checked ~ #controls_6 label:nth-child(1),
  #switch3_6:checked ~ #controls_6 label:nth-child(2),
  #switch4_6:checked ~ #controls_6 label:nth-child(3),
  #switch5_6:checked ~ #controls_6 label:nth-child(4),
  #switch6_6:checked ~ #controls_6 label:nth-child(5), 
  #switch7_6:checked ~ #controls_6 label:nth-child(6),
  #switch8_6:checked ~ #controls_6 label:nth-child(7),
  #switch9_6:checked ~ #controls_6 label:nth-child(8),
  #switch10_6:checked ~ #controls_6 label:nth-child(9),
  #switch11_6:checked ~ #controls_6 label:nth-child(10), 
  #switch12_6:checked ~ #controls_6 label:nth-child(11),
  #switch13_6:checked ~ #controls_6 label:nth-child(12),
  #switch14_6:checked ~ #controls_6 label:nth-child(13),
  #switch15_6:checked ~ #controls_6 label:nth-child(14),
  #switch16_6:checked ~ #controls_6 label:nth-child(15), 
  #switch17_6:checked ~ #controls_6 label:nth-child(16),
  #switch18_6:checked ~ #controls_6 label:nth-child(17),
  #switch19_6:checked ~ #controls_6 label:nth-child(18),
  #switch20_6:checked ~ #controls_6 label:nth-child(19){
    background: url('Спец символы/left.png') no-repeat;/*заливка фона картинкой без повторений*/
  background-size: 40px 40px;
    float: left;
  display: block;
  height: 40px;
  width: 40px;
    margin-left: -20px;
  }
  
  /*настройка переключения и положения для правой стрелки*/
  #switch1_6:checked ~ #controls_6 label:nth-child(2), 
  #switch2_6:checked ~ #controls_6 label:nth-child(3),
  #switch3_6:checked ~ #controls_6 label:nth-child(4),
  #switch4_6:checked ~ #controls_6 label:nth-child(5),
  #switch5_6:checked ~ #controls_6 label:nth-child(6),
  #switch6_6:checked ~ #controls_6 label:nth-child(7), 
  #switch7_6:checked ~ #controls_6 label:nth-child(8),
  #switch8_6:checked ~ #controls_6 label:nth-child(9),
  #switch9_6:checked ~ #controls_6 label:nth-child(10),
  #switch10_6:checked ~ #controls_6 label:nth-child(11),
  #switch11_6:checked ~ #controls_6 label:nth-child(12), 
  #switch12_6:checked ~ #controls_6 label:nth-child(13),
  #switch13_6:checked ~ #controls_6 label:nth-child(14),
  #switch14_6:checked ~ #controls_6 label:nth-child(15),
  #switch15_6:checked ~ #controls_6 label:nth-child(16),
  #switch16_6:checked ~ #controls_6 label:nth-child(17), 
  #switch17_6:checked ~ #controls_6 label:nth-child(18),
  #switch18_6:checked ~ #controls_6 label:nth-child(19),
  #switch19_6:checked ~ #controls_6 label:nth-child(20),
  #switch20_6:checked ~ #controls_6 label:nth-child(1){
    background:url('Спец символы/right.png')no-repeat;/*заливка фона картинкой без повторений*/
    background-size: 40px 40px;
    float: right;
    display: block;
    height: 40px;
    width: 40px;
    margin-right: -20px;
  }
  
  label, a{ /*при наведении на стрелки или переключатели - курсор изменится*/
  cursor: pointer;
  }
  
  .all_6 input{ /*скрывает стандартные инпуты (чекбоксы) на странице*/
  display: none;
  }
  
  /*позиция изображения при активации переключателя*/
  #switch1_6:checked ~ #slides_6 .image_6{
  margin-left: 0;
  }
  #switch2_6:checked ~ #slides_6 .image_6{
  margin-left: -100%;
  }
  
  #switch3_6:checked ~ #slides_6 .image_6{
  margin-left: -200%;
  }
  #switch4_6:checked ~ #slides_6 .image_6{
  margin-left: -300%;
  }
  #switch5_6:checked ~ #slides_6 .image_6{
  margin-left: -400%;
  }
  #switch6_6:checked ~ #slides_6 .image_6{
  margin-left: -500%;
  }
  #switch7_6:checked ~ #slides_6 .image_6{
  margin-left: -600%;
  }
  #switch8_6:checked ~ #slides_6 .image_6{
  margin-left: -700%;
  }
  #switch9_6:checked ~ #slides_6 .image_6{
  margin-left: -800%;
  }
  #switch10_6:checked ~ #slides_6 .image_6{
  margin-left: -900%;
  }
  #switch11_6:checked ~ #slides_6 .image_6{
  margin-left: -1000%;
  }
  #switch12_6:checked ~ #slides_6 .image_6{
  margin-left: -1100%;
  }
  #switch13_6:checked ~ #slides_6 .image_6{
  margin-left: -1200%;
  }
  #switch14_6:checked ~ #slides_6 .image_6{
  margin-left: -1300%;
  }
  #switch15_6:checked ~ #slides_6 .image_6{
  margin-left: -1400%;
  }
  #switch16_6:checked ~ #slides_6 .image_6{
  margin-left: -1500%;
  }
  #switch17_6:checked ~ #slides_6 .image_6{
  margin-left: -1600%;
  }
  #switch18_6:checked ~ #slides_6 .image_6{
  margin-left: -1700%;
  }
  #switch19_6:checked ~ #slides_6 .image_6{
  margin-left: -1800%;
  }
  #switch20_6:checked ~ #slides_6 .image_6{
  margin-left: -1900%;
  }
  
  
  #controls_6{ /*положение блока всех управляющих элементов*/
    margin-top: -70%;
    position: relative;
  }
  
  #slides_6 .image_6{ /*анимация пролистывания изображений*/
  transition: all 600ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
  }
  
  #controls_6 label:hover{ /*прозрачность стрелок при наведении*/
  opacity: 0.6;
  }
  
  #controls_6 label{ /*прозрачность стрелок при отводе курсора*/
  transition: opacity 0.2s ease-out;
  }

  





  #slider_5 { /*положение слайдера*/
    position: relative;
    text-align: center;
    top: 10px;
    z-index: 1;
  }
  
  #slider_5{ /*центровка слайдера*/
  margin: 10px 50px;
  }
  
  #slides_5 article{ /*все изображения справа друг от доруга*/
  width: 20%;
  float: left;
  }
  
  #slides_5 .image_5{ /*устанавливает общий размер блока с изображениями*/
  width: 2000%;
  line-height: 0;
  display: flex;
  }
  
  #overflow_5{ /*сркывает все, что находится за пределами этого блока*/
  width: 100%;
  overflow: hidden;
  }
  
  article img{ /*размер изображений слайдера*/
  width: 100%;
  height: 100%;
  }
  
  #desktop_5:checked ~ #slider_5{ /*размер всего слайдера*/
  width: 90%; /*максимальнная длинна*/
  height: 90%;
  }
  
  /*настройка переключения и положения для левой стрелки*/
  /*если свич1-5 активны, то идет обращение к лейблу из блока с id контролс*/
  #switch1_5:checked ~ #controls_5 label:nth-child(20), 
  #switch2_5:checked ~ #controls_5 label:nth-child(1),
  #switch3_5:checked ~ #controls_5 label:nth-child(2),
  #switch4_5:checked ~ #controls_5 label:nth-child(3),
  #switch5_5:checked ~ #controls_5 label:nth-child(4),
  #switch6_5:checked ~ #controls_5 label:nth-child(5), 
  #switch7_5:checked ~ #controls_5 label:nth-child(6),
  #switch8_5:checked ~ #controls_5 label:nth-child(7),
  #switch9_5:checked ~ #controls_5 label:nth-child(8),
  #switch10_5:checked ~ #controls_5 label:nth-child(9),
  #switch11_5:checked ~ #controls_5 label:nth-child(10), 
  #switch12_5:checked ~ #controls_5 label:nth-child(11),
  #switch13_5:checked ~ #controls_5 label:nth-child(12),
  #switch14_5:checked ~ #controls_5 label:nth-child(13),
  #switch15_5:checked ~ #controls_5 label:nth-child(14),
  #switch16_5:checked ~ #controls_5 label:nth-child(15), 
  #switch17_5:checked ~ #controls_5 label:nth-child(16),
  #switch18_5:checked ~ #controls_5 label:nth-child(17),
  #switch19_5:checked ~ #controls_5 label:nth-child(18),
  #switch20_5:checked ~ #controls_5 label:nth-child(19){
    background: url('Спец символы/left.png') no-repeat;/*заливка фона картинкой без повторений*/
  background-size: 40px 40px;
    float: left;
  display: block;
  height: 40px;
  width: 40px;
    margin-left: -20px;
  }
  
  /*настройка переключения и положения для правой стрелки*/
  #switch1_5:checked ~ #controls_5 label:nth-child(2), 
  #switch2_5:checked ~ #controls_5 label:nth-child(3),
  #switch3_5:checked ~ #controls_5 label:nth-child(4),
  #switch4_5:checked ~ #controls_5 label:nth-child(5),
  #switch5_5:checked ~ #controls_5 label:nth-child(6),
  #switch6_5:checked ~ #controls_5 label:nth-child(7), 
  #switch7_5:checked ~ #controls_5 label:nth-child(8),
  #switch8_5:checked ~ #controls_5 label:nth-child(9),
  #switch9_5:checked ~ #controls_5 label:nth-child(10),
  #switch10_5:checked ~ #controls_5 label:nth-child(11),
  #switch11_5:checked ~ #controls_5 label:nth-child(12), 
  #switch12_5:checked ~ #controls_5 label:nth-child(13),
  #switch13_5:checked ~ #controls_5 label:nth-child(14),
  #switch14_5:checked ~ #controls_5 label:nth-child(15),
  #switch15_5:checked ~ #controls_5 label:nth-child(16),
  #switch16_5:checked ~ #controls_5 label:nth-child(17), 
  #switch17_5:checked ~ #controls_5 label:nth-child(18),
  #switch18_5:checked ~ #controls_5 label:nth-child(19),
  #switch19_5:checked ~ #controls_5 label:nth-child(20),
  #switch20_5:checked ~ #controls_5 label:nth-child(1){
    background:url('Спец символы/right.png')no-repeat;/*заливка фона картинкой без повторений*/
    background-size: 40px 40px;
    float: right;
    display: block;
    height: 40px;
    width: 40px;
    margin-right: -20px;
  }
  
  label, a{ /*при наведении на стрелки или переключатели - курсор изменится*/
  cursor: pointer;
  }
  
  .all_5 input{ /*скрывает стандартные инпуты (чекбоксы) на странице*/
  display: none;
  }
  
  /*позиция изображения при активации переключателя*/
  #switch1_5:checked ~ #slides_5 .image_5{
  margin-left: 0;
  }
  #switch2_5:checked ~ #slides_5 .image_5{
  margin-left: -100%;
  }
  
  #switch3_5:checked ~ #slides_5 .image_5{
  margin-left: -200%;
  }
  #switch4_5:checked ~ #slides_5 .image_5{
  margin-left: -300%;
  }
  #switch5_5:checked ~ #slides_5 .image_5{
  margin-left: -400%;
  }
  #switch6_5:checked ~ #slides_5 .image_5{
  margin-left: -500%;
  }
  #switch7_5:checked ~ #slides_5 .image_5{
  margin-left: -600%;
  }
  #switch8_5:checked ~ #slides_5 .image_5{
  margin-left: -700%;
  }
  #switch9_5:checked ~ #slides_5 .image_5{
  margin-left: -800%;
  }
  #switch10_5:checked ~ #slides_5 .image_5{
  margin-left: -900%;
  }
  #switch11_5:checked ~ #slides_5 .image_5{
  margin-left: -1000%;
  }
  #switch12_5:checked ~ #slides_5 .image_5{
  margin-left: -1100%;
  }
  #switch13_5:checked ~ #slides_5 .image_5{
  margin-left: -1200%;
  }
  #switch14_5:checked ~ #slides_5 .image_5{
  margin-left: -1300%;
  }
  #switch15_5:checked ~ #slides_5 .image_5{
  margin-left: -1400%;
  }
  #switch16_5:checked ~ #slides_5 .image_5{
  margin-left: -1500%;
  }
  #switch17_5:checked ~ #slides_5 .image_5{
  margin-left: -1600%;
  }
  #switch18_5:checked ~ #slides_5 .image_5{
  margin-left: -1700%;
  }
  #switch19_5:checked ~ #slides_5 .image_5{
  margin-left: -1800%;
  }
  #switch20_5:checked ~ #slides_5 .image_5{
  margin-left: -1900%;
  }
  
  
  #controls_5{ /*положение блока всех управляющих элементов*/
    margin-top: -70%;
    position: relative;
  }
  
  #slides_5 .image_5{ /*анимация пролистывания изображений*/
  transition: all 600ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
  }
  
  #controls_5 label:hover{ /*прозрачность стрелок при наведении*/
  opacity: 0.6;
  }
  
  #controls_5 label{ /*прозрачность стрелок при отводе курсора*/
  transition: opacity 0.2s ease-out;
  }

.image_5 img,
.image_6 img{
    height: 100%;
}
.card,
.card_1,
.things,
#slider,
#slider_1,
#slider_2,
#slider_3,
#slider_5,
#slider_6,
.gallery img{
    box-shadow: 3px 5px 5px #a1a1a1;
}
.number-img{
    display: none;
}
.connection_1{
    display: flex;
    justify-content: center;
}
.connection_1 img{
    height: 30px;
    margin: 10px 10px;
}
.connection_1 a{
    text-decoration: none;
}
.nav-links_1 {
    position: fixed;
    top: -300px;
    width: 150px;
    height: 140px;
    background: #f3f3f3;
    box-shadow: -2px 0px 5px rgba(0,0,0,0.5);
    transition: top 0.3s; /* Плавная анимация */
    margin: 50px auto;
  }

  .nav-active_1 {
    top: 25px; /* Показать меню */
  }
  .number_1{
    font-size: 15px;
    text-align: center;
    margin-top: 10px;
    font-family: 'Sen' , sans-serif;
    font-weight: 600;
  }

.things-subtitle span{
    font-weight: 800;
}
.all_5{
    margin-bottom: 400px;
}


  .nav-links_2 {
    position: fixed;
    top: -300px;
    width: 200px;
    height: 50px;
    background: #f3f3f3;
    box-shadow: -2px 0px 5px rgba(0,0,0,0.5);
    transition: top 0.3s; /* Плавная анимация */
    margin: 50px auto;
    padding-left: 10px;
  }

  .nav-active_2 {
    top: 0; /* Показать меню */
  }

.adres-3{
    display: none;
}

.adres-img-1{
    display: none;
}
.con_1{
    display: none;
}
.cucumber{
    color: #000;
    font-size: 15px;
    font-weight: 700;
    margin-top: -40px;
    text-align: center;
}
.des-text-1{
    display: none;
}
.price-1{
    display: none;
    width: 250px;
    height: 46px;
    background-color: #B89053;

    justify-content: center;
    align-items: center;
    color: #fff;
}
.inside,
.outside{
    height: 100%;
    text-align: center;
}


.footer{
    background-color: #ECECEC;
    display: flex;
    flex-flow: column;
    align-items: center;
    font-family: 'Inter';
    margin-top: 100px;
}
.fot-top{
    display: flex;
    justify-content: space-between;
    width: 73%;
    margin-top: 100px;
    margin-bottom: 50px;
}
.fot-text{
    font-size: 24px;
    width: 20%;
}
.fot-text a{
    color: #000;
}
.fot-line{
    width: 73%;
    border-top: #000 2px solid;
}
.fot-bottom{
    display: flex;
    justify-content: space-between;
    width: 73%;
    margin-top: 50px;
    margin-bottom: 50px;
    align-items: center;
}
.blabla{
    display: flex;
    align-items: center;
    width: 25%;
    justify-content: space-between;
}
.fot-nav{
    display: flex;
    justify-content: space-between;
    width: 40%;
    font-size: 24px;
    font-family: 'Inter';
}
.fot-nav a{
    text-decoration: none;
    color: #000;
}
.fot-btn{
    color: #000000;
    font-size: 20px;
    background-color: #00000000;
    font-weight: 500;
    width: 250px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: color 0.1s linear;
    cursor: pointer;
    border-radius: 10px;
}
.fot-img a{
    text-decoration: none;
}
.fot-text span{
    font-weight: 600;
}
.fot-img{
    width: 110px;
}
#fot-on{
    display: none;
}
.reest{
    display: flex;
    width: 73%;
    color: #5a5a5a;
    font-size: 14px;
}
.reest a{
    color: #383737;
}
.res-dom{
    max-width: 400px;
}
.res-domiki{
    margin-left: 2%;
    max-width: 400px;
}
@media(max-width: 1950px){
    .fot-top{
        width: 75%;
    }
    .blabla{
        width: 30%;
    }
    .fot-nav{
        width: 50%;
    }
}
@media(max-width: 1700px){
    .reest{
    width:85%;
    }   
    .fot-top{
        width: 90%;
    }
    .fot-bottom{
        width: 85%;
    }
    .fot-line{
        width: 85%;
    }
    .card{
        width: 45%;
    }
    .card_1{
        width: 45%;
    }
    .description{
        width: 100%;
    }
    .des-img{
        width: 45%;
    }
    .des-text{
        width: 45%;
    }
    .des-subtitle{
        width: 100%;
    }
    .how{
        width: 90%;
    }
    .how-description{
        width: 45%;
    }
    .con-top{
        width: 60%;
    }
}
@media(max-width: 1400px){
    .reest{
        width:95%;
    }  
    .fot-top{
        width: 100%;
    }
    .fot-bottom{
        width: 95%;
    }
    .fot-line{
        width: 95%;
    }
}
@media(max-width: 1350px){
    .card-title{
        font-size: 25px;
    }
    .char-text{
        font-size: 15px;
    }
    .stat-title{
        font-size: 25px;
    }
    .stat-subtitle{
        font-size: 15px;
    }
    .bron-subtitle{
        font-size: 17px;
    }
    .bron-button{
        font-size: 12px;
        width: 150px;
        height: 35px;
    }
    .cards-title{
        margin: 0;
        margin-top: 7%;
        text-align: center;
        font-size: 30px;
        text-shadow: none;
    }
    .cards-subtitle{
        margin: 0;
        font-size: 25px;
        margin-bottom: 5%;
        text-align: center;
    }
    .todo2{
        display: block;
    }
    .todo{
        display: none;
    }
    .todo-content{
        display: block;
        width: 90%;
    }
    .todo2 h2{
        margin-left: 5%;
    }
    .todo-top img{
        margin: 0;
    }
    .todo-top{
        display: flex;
        width: 100%;
        flex-flow:nowrap;
        justify-content: space-evenly;
        align-items: center;
    }
    .todo-card{
        border: none;
        width: 70%;
    }
    .todo-top div{
        width: 70%;
    }
    .todo-middle{
        display: flex;
        flex-flow: nowrap;
        width: 100%;
        justify-content: space-evenly;
        margin: 0;
        align-items: center;
    }
    .todo-bottom{
        display: flex;
        flex-flow: nowrap;
        width: 100%;
        margin: 0;
        justify-content: space-evenly;
        margin-top: 5%;
        align-items: center;
    }
    .todo-middle img{
        width: 150px;
        height: 200px;
    }
    .todo-bottom img{
        width: 150px;
        height: 200px;
    }
}
@media(max-width: 1300px){
    .fot-text{
        font-size: 20px;
    }
}
@media(max-width: 1200px){
    .blabla{
        width: 35%;
    }
    .fot-nav{
        width: 55%;
    }
    .description{
        flex-flow: column-reverse;
    }
    .des-img{
        width: 90%;
        margin: 0;
        margin-top: 5%;
    }
    .des-text{
        width: 90%;
    }
}
@media(max-width: 1100px){
    .fot-text{
        font-size: 18px;
    }
    .cards{
        flex-flow: column;
        align-items: center;
    }
    .card{
        width: 80%;
        margin: 0;
        padding: 10px;
        margin-bottom: 5%;
    }
    .card_1{
        width: 80%;
        margin: 0;
        padding: 10px;
    }
    .adres-text{
        display: none;
    }
    .adres-img:hover{
        .adres-text{
            display: block;
        }
    }
    .numbers,
    .connection{
        display: none;
    }
    .number-img{
        display: block;
    }
    .how{
        justify-content: center;
        width: 80%;
    }
    .how-description{
        display: flex;
        width: 100%;
        justify-content: space-between;
        margin-bottom: 5%;
        align-items: center;
    }
    .how-number{
        font-size: 20px;
    }
    iframe{
        width: 100%;
    }
    .con-top{
        width: 90%;
        justify-content: space-evenly;
    }
    .con-top a{
        width: auto;
    }
    .flex{
        display: block;
        margin: 0;
        width: 50%
    }
    .how-description h2{
        display: none;
    }
    .how-contacts{
        width: 50%;
        display: flex;
        flex-flow: column;
        justify-content: space-evenly;
    }
    .how{
        flex-flow: column;
    }
    .how h3{
        display: none;
    }
    .how-card{
        width: 300px;
        height: 150px;
        font-size: 20px;
    }
}
@media(max-width: 1050px){
    .fot-text{
        font-size: 15px;
    }
    .fot-nav{
        font-size: 20px;
    }
    .fot-btn{
        width: 200px;
        height: 50px;
        font-size: 18px;
    }
}
@media(max-width: 1000px){
    .modal-content{
        height: auto;
        width: 80%;
        padding: 2%;
        font-size: calc(var(--base, 16px) - 5px);


    }
    .price-box{
        display: block;
        text-align: center;
    }
}
@media(max-width: 950px){
    #fot-off{
        display: none;
    }
    #fot-on{
        display: flex;
        justify-content: start;
        width: 35%;
    }
    #fot-on a{
        margin: 10px;
    }
    .fot-top{
        flex-wrap: wrap;
        width: 90%;
    }
    .fot-text{
        width: 45%;
        margin-top: 50px;
    }
    .blabla{
        width: auto;
    }
    .aboba{
        width: 30%;
    }
}
@media(max-width: 900px){
    .header-home{
        padding: 15% 10%;
    }
    .header-home h1{
        font-size: 40px;
    }
    .header-home h2{
        font-size: 30px;
    }
    .infa{
        font-size: 15px;
    }



    /*бронь шрифт*/
    .modal-content h1{
        font-size: 30px;
    }
    .price-title, .afrem-title, .cotted-title, .services-title, .contact-title{
        font-size: 25px;
    }

    .cotted-text, .afrem-text, .contact-number{
        font-size: 22px;
    }
    .services-subtitle{
        font-size: 21px;
    }
    .services-text, .net{
        font-size: 20px;
    }

    /*бронь шрифт*/


}
@media(max-width: 800px){
    .fot-nav{
        width: 70%;
    }
    .contact-images,.contact-number{
        margin: 0;
    }
    .contact-images{
        margin-top: 20px;
    }
    .contact{
        display: block;
        text-align: center;
    }
}
@media(max-width: 750px){
    .reest{
        flex-flow: column;
    }
    .res-domiki{
        max-width: 100%;
        margin: 0;
        margin-top: 2%;
    }
    .res-dom{
        max-width: 100%;
    }
    .fot-bottom{
        width: 90%;
    }
    .fot-nav{
        flex-flow: column;
        width: 30%;
    }
    .how-card{
        width: auto;
        height: auto;
        padding: 10%;
    }
    .flex{
        width: 47%;
    }
    .how{
        width: 90%;
    }
}
@media(max-width: 600px){
    .aboba{
        width: 35%;
    }
    .fot-nav{
        width: 40%;
    }
    .how-number{
        font-size: 15px;
    }
    .con-top{
        font-size: 20px;
    }
    .con-top a img{
        width: 30px;
        height: 30px;
    }
    .how-card{
        font-size: 17px;
    }
    .todo2 h2 {
        font-size: 20px;
    }
    .todo2 h3 {
        font-size: 20px;
    }
    .todo2 li {
        font-size: 20px;
    }
    .todo-bottom{
        align-items: start;
    }
    .todo-top img{
        width: 100px;
    }
    .todo-middle img{
        width: 100px;
        height: 150px;
    }
    .todo-bottom img{
        width: 100px;
        height: 150px;
    }
    .logo-img{
        height: 50px;
        width: 200px;
    }
    .header-top{
        align-items: center;
    }
    .adres{
        margin: 0;
    }
    .card-title {
        width: 95%;
        font-size: 20px;
    }
    .chara{
        width: 95%;
    }
    .bottom-part{
        width: 95%;
    }




    /*бронь шрифт*/
    .modal-content h1{
        font-size: 25px;
    }
    .price-title, .afrem-title, .cotted-title, .services-title, .contact-title{
        font-size: 20px;
    }

    .cotted-text, .afrem-text, .contact-number{
        font-size: 17px;
    }
    .services-subtitle{
        font-size: 16px;
    }
    .services-text, .net{
        font-size: 15px;
    }

    /*бронь шрифт*/





}
@media(max-width: 500px){
    .fot-nav{
        width: 50%;
    }
    .todo2 h4{
        margin-left: 0;
        font-size: 20px;
        text-align: center;
    }
    .header-home h1{
        margin-top: 15%;
    }
    .aboba{
        width: 45%;
    }
    .fot-btn {
        width: 150px;
        height: 30px;
        font-size: 12px;
    }
}