@font-face {
font-family: 'ClarendonRegular'; 
src: url(fonts/ClarendonRegular.ttf);
}

@font-face {
font-family: 'GaramondbookettBolditalic'; 
src: url(fonts/GaramondbookettBolditalic.ttf);
}
         


body {
background-color: #F5F5F5;	
}

.main-header {
background-color: #FFFFFF;
height: 100px;
width: 60%;
margin-left: 20%;
border: solid;
border-color: #dbdbdb;
border-width: 1px;
border-radius: 50px;
box-shadow: 0px 0px 5px 0px #bdb9b9;
position: sticky;
top: 5px;
z-index: 10;
display: flex;
align-items: center;
}

.fotoheader {
height: 70px;
margin-left: 15px;	
}

.fotoheader1 {
height: 60px;
margin-left: 5px;	
}

.fotoitem3 {
height: 100%;
}

.logo {
color: #520099;
margin-left: -20px;
height: 30px;
width: auto;
font-size: 30px;
display: inline-block;
padding: 10px;
font-family: 'ClarendonRegular';
}

.dropbtn {
border-radius:35px;
background-color: #ffffff;
cursor: pointer;
height: 70px;
width: auto;
}

.flag {
height: 100%;
}

.flagmenu {
float: left;
width: 20px;
margin-right: 5px;
}

.dropbtn:hover, .dropbtn:active {
box-shadow: 0 0 0 2px #fff, 0 0 0 4px #3f8a7c;
}

.dropdown {
position: relative;
margin-left: auto;
margin-right: 15px;
}

.dropdown-content {
animation: ani 0.8s forwards;
display: none;
position: absolute;
top: 90px; 
background-color: #ffffff;
overflow: auto;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
border-radius:20px/10px;
padding-top: 16px;
right: 0px;
}

.menu a {
display: block;
padding: 10px 15px;
}

.drop-down-menu {
display: block;
}

.menu-title {
cursor: pointer;
color: black;
display:block;
padding: 10px 15px;
border-top-style: solid;
border-top-width: 1px;
border-top-color: #000000;
font-family: "Luckiest Guy", cursive;
font-size: 16px;
}

.menu-title:hover {
background: #ff9494;
}

.activate {
display: none;
position: absolute;
cursor: pointer;
}

.drop-down a {
background: #fffff;
border-top-style: solid;
border-top-width: 1px;
border-top-color: #000000;
}

.menu  {
background: #ffffff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ffffff));
background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 100%);
}

:checked ~ .menu-title {
  background: #f71625;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f71625), color-stop(100%,#f71625));
  background: -moz-linear-gradient(top, #f71625 0%, #f71625 100%);
}

.drop-down {
max-height: 0;
overflow: auto;
font-family: "Luckiest Guy", cursive;
font-size: 16px;
}

.activate:checked ~ .drop-down {
  max-height: 200px;
}

.drop-down, .menu a, .drop-down-menu {
  -webkit-transform: translateZ(0);  
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

@keyframes ani {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown a:hover {background-color: #ddd;}

.show {display: block;}

.snoski {
height: auto;
width: 60%;
margin-left: 20%;
margin-top: 50px;
display: flex;
}

.snoska1 {
padding: 4px 6px;
margin-right: 4px;
border: solid;
border-color: #241c1c;
border-width: 1px;
border-radius: 50px;
flex-shrink: 0;
}

.polosasnosok {
margin: auto;
width: 100%;
color: #241c1c;
}

h1 {
margin: 60px 20% 0px;
font-size: 2.5vw;
font-family: 'ClarendonRegular';
text-wrap: balance;
}

.block {
height: auto;
width: 60%;
display: flex;
margin-left: 20%;
margin-top: 50px;
}

.text1 {
font-size: 2vw;
margin-top: -10px;
}

.text2 {
font-size: 1vw;
}

.text3 {
margin-bottom: -10px;
font-size: 1vw;
text-align: center;
display: flex;
align-items: center;
}

.zvezdi {
font-size: 2vw;
margin: 0px 20% 0px;
}

#link {
  color: #000000;
}

.fotoitem {
width: 30vw;
height: auto;
}

.slider {
text-align: center;
width: 31vw; /* Фиксированная ширина слайдера */
border-radius: 50px;
box-shadow: 0px 0px 20px 10px #ff9494;
overflow: hidden; /* Обрезаем всё, что выходит за границы контейнера */
position: relative; /* Необходимо для правильного позиционирования кнопок */
background-color: #FFFFFF;
}

/* Контейнер всех слайдов */
.slides {
display: flex; /* Размещаем слайды в одну линию */
transition: transform 0.5s ease-in-out; /* Анимация плавного смещения */
}

/* Каждый отдельный слайд */
.slide {
text-align: center;
background-color: #FFFFFF;
width: 100%; /* Занимает всю ширину контейнера */
flex-shrink: 0; /* Запрещаем уменьшение размера слайдов */
}

/* Кнопки «Назад» и «Вперёд» */
.prev, .next {
position: absolute; /* Позволяет располагать кнопки поверх слайдов */
top: 50%; /* Размещаем по вертикали по центру */
transform: translateY(-50%); /* Сдвигаем кнопки вверх на половину их высоты */
background: rgba(255, 0, 0, 0.5); /* Полупрозрачный фон кнопок */
color: white; /* Белый цвет текста */
border: none; /* Убираем границы */
padding: 10px; /* Отступы внутри кнопки */
cursor: pointer; /* Изменяем курсор на указатель */
font-size: 18px; /* Размер шрифта */
font-weight: bold; /* Делаем текст жирным */
z-index: 2; /* Размещаем кнопки выше всех элементов */
}

/* Позиционируем кнопку «Назад» слева */
.prev {
left: 10px;
}

/* Позиционируем кнопку «Вперёд» справа */
.next {
right: 10px;
}

.skidka {
font-family: 'ClarendonRegular';
font-size: 3vw;
background-color: #FFD700;
border-radius: 50%;
display: inline-block;
padding: 10px;
}

.podblock1 {
width: 30vw;
margin-left: 20px;
padding: 30px;
background-color: #fff2f2;
border-radius: 50px;
box-shadow: 0px 0px 5px 0px #bdb9b9;
}

.otstupmin {
margin-top: -25px;
}

.zachcena {
font-family: 'ClarendonRegular';
font-size: 2.5vw;
margin-left: 5px;
color: #919191;
}

.cena {
font-family: 'ClarendonRegular';
font-size: 4vw;
color: #f71625;
margin-left: 5px;
}

.minitext1 {
font-size: 1vw;
color: #8f8f8f;
float: left;
}

.minitext2 {
font-size: 1vw;
color: #8f8f8f;
float: right;
}

.knopka {
height: 20%;
width: 90%;
background-color: #f71625;
margin-left: 5%;
margin-top: 10%;
border-radius: 50px;
display: flex;
justify-content: center; 
align-items: center;
cursor: pointer;
}

.knopka:hover {
box-shadow: 0 0 0 2px #fff, 0 0 0 4px #3f8a7c;
}

.knopka:active {
box-shadow: 0 0 0 2px #fff, 0 0 0 4px #3f8a7c;
}

.korzina {
height: 80%;
width: auto;
}

.kupittext {
font-family: 'ClarendonRegular';
font-size: 1.2vw;
color: #ffffff;
}

.linevblock {
margin-top: -10px;
}

.icon {
width: 7%;
margin-right: 10px;
}

.h2 {
margin: 60px 20% 0px;
font-size: 2vw;
font-family: 'ClarendonRegular';
}

.h3 {
margin: 10px 20% 0px;
font-size: 1.8vw;
font-family: 'ClarendonRegular';
}

.table {
margin-top: 30px;
width: 60%;
margin-left: 20%;
border: 1px solid #cccccc;
font-size: 1.3vw;
}

.stroka1 {
background-color: #FFFFFF;
}

.stroka2 {
background-color: #fff2f2;
}

.osnovhoitext {
margin: 10px 20% 0px;
font-size: 1.5vw;
font-family: 'ClarendonRegular';
text-align: justify;
line-height: 1.5;
text-indent: 10%;
}

.osnovnoispisok {
margin: 5px 20% 0px;
font-size: 1.5vw;
font-family: 'ClarendonRegular';
line-height: 1.5;
text-align: justify;
}

.osnovnoispisok1 {
margin: 5px 20% 0px;
font-size: 1.5vw;
font-family: 'ClarendonRegular';
line-height: 1.5;
text-align: justify;
list-style-type: none;
padding-left: 0;
}

.osnovhoitext1 {
font-size: 2vw;
margin: 15px 20% 0px;
text-align: justify;
line-height: 1.5;
text-indent: 10%;
}

.knopka1 {
height: 20%;
width: 60%;
background-color: #f71625;
margin-left: 20%;
margin-top: 2%;
border-radius: 50px;
display: flex;
justify-content: center; 
align-items: center;
cursor: pointer;
}

.knopka1:hover {
box-shadow: 0 0 0 2px #fff, 0 0 0 4px #3f8a7c;
}

.knopka1:active {
box-shadow: 0 0 0 2px #fff, 0 0 0 4px #3f8a7c;
}


mark {
background-color: #ffffff;
}

.krug {
height: 140px;
width: 140px;
border-radius: 70px;
background-color: #ffffff;
box-shadow: 0px 0px 20px 10px #ff9494;
display: flex;
justify-content: center; 
align-items: center;
padding-left: 20px;
padding-right: 10px;
font-size: 14px;
text-wrap: balance;
margin-bottom: 20px;
}

.block-krug {
height: auto;
width: 60%;
display: flex;
justify-content: space-between;
margin-left: 20%;
margin-top: 50px;
}

.foto1 {
float: right;
width: 30%;
height: auto;
margin-right: 20%;
margin-top: 30px;
margin-left: 48px;
margin-bottom: 20px;
border-radius: 50px;
box-shadow: 0px 0px 20px 10px #ff9494;	
}

.bigblock1 {
width: 60%;  
height: auto;
margin-top: 20px;
margin-left: 20%;
padding-top: 5px;
padding-bottom: 16px;
background-color: #fff2f2;
border-radius: 30px;
display: block;                                            
box-shadow: 0px 0px 5px 0px #bdb9b9;
}

.bottom {
width: 100%;
height: 80%;
display: flex;
justify-content: space-evenly;
}

.smalblock1 {
width: 25%;
height: auto;
background-color: #ffffff;
border-radius: 30px;
padding: 2%;
display: inline-block;
overflow: normal;
text-align: center;
vertical-align: top;
font-size: 50px;
box-shadow: 0px 0px 5px 0px #bdb9b9;
}

.fotosmalblock {
width: 160px;
height: auto;
border-radius: 80px;
box-shadow: 0px 0px 20px 10px #ff9494;
max-width: 100%;
height: auto;
width: auto\9;
margin-top: 20px;
}

.textsmalblock {
margin-top: 20px;
display: block;
text-align: justify;
font-size: 12px;
}

.foto2 {
float: left;
width: 20%;
height: auto;
margin-right: 48px;
margin-top: 30px;
margin-left: 5%;
margin-bottom: 20px;
border-radius: 50px;
box-shadow: 0px 0px 20px 10px #ff9494;	
}

.otzivdoc {
width: 60%;  
height: auto;
margin-top: 20px;
margin-left: 20%;
padding-top: 5px;
padding-bottom: 16px;
background-color: #ffffff;
border-radius: 30px;
display: block;                                            
box-shadow: 0px 0px 5px 0px #bdb9b9;
}

.name {
margin: 20px 20% 0px;
font-size: 24px;
font-family: 'ClarendonRegular';
}

.osnovhoitext2 {
margin: 10px 5% 0px;
font-size: 20px;
text-align: justify;
line-height: 1.5;
text-indent: 5%;
}

/* FAQ */

.acor-container {
    margin: 20px 20%;
}
.acor-container .acor-body {
    width: calc(100% - 40px);
    margin: 0 auto;
    height: 0;
    color: rgba(0, 0, 0, 0);
    background-color: #FFFFFF;
    line-height: 18px;
    padding: 0 30px;
    box-sizing: border-box;
    transition: color 0.5s, padding 0.5s;
    overflow: hidden;
    font-family: Verdana, sans-serif; 
    font-size: 16px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2), 0 10px 16px rgba(0,0,0,0.2);
}
.acor-container .acor-body p {
    margin: 0 0 10px;
    line-height: 1.2;
}
.acor-container label {
    cursor: pointer;
    background-color: #f71625;
    display: block;
    padding: 15px 20px;
    width: 100%;
    color: #ffffff;
    font-weight: 300;
    box-sizing: border-box;
    z-index: 100;
    font-family: Verdana, sans-serif;   
    font-size: 24px;
    margin: 0 0 5px;
    transition: color .35s;
}
.acor-container label:hover {
    color: #000000;
}
.acor-container input{
    display: none;
}
.acor-container label:before {
    content: '\276F';
    float: right;
}
.acor-container input:checked + label {
    background-color: #ff9ead;
    color: #000000;
    box-shadow: 0 8px 26px rgba(0,0,0,0.4), 0 28px 30px rgba(0,0,0,0.3);
}
.acor-container input:checked + label:before {
    transition: transform .35s;
    transform: rotate(90deg);
}
.acor-container input:checked + label + .acor-body {
    height: auto;
    margin-top: -5px;
    color: #000;
    padding: 20px 30px 10px;
}

.items-wrap {
  position: relative;
  display: flex;
  overflow: hidden;
  user-select: none;
  gap: 60px;
  margin-top: 20px;
height: auto;
padding: 50px 30px;
margin-left: 10%;
margin-right: 10%;
}

.items-wrap:before,
.items-wrap:after {
  height: 100%;
  top: 0;
  width: 10%;
  position: absolute;
  z-index: 1;
  pointer-events: none;
}
.items-wrap:before {
  left: 0;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 0) 100%
  );
}
.items-wrap:after {
  right: 0;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 100%
  );
}
.items {
  flex-shrink: 0;
  display: flex;
  gap: 20px;
  justify-content: space-around;
  min-width: 100%;
}
.item {
  background: #ffffff;
  flex: 0 0 auto;
  width: 500px;
  height: 350px;
  border-radius: 6px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 0 30px;
  transition: all 0.1s ease-in-out;
  box-shadow: 0px 0px 20px 10px #ff9494;
}

.item:hover {
  transform: scale(1.05);
  box-shadow: 0px 0px 20px 15px #ff9494;
}

.marquee {
-webkit-animation: scroll 80s linear infinite;
}

.items-wrap:hover .marquee {
-webkit-animation-play-state: paused;
}

.item:focus:hover .marquee {
-webkit-animation-play-state: paused;
}


@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-100% - 20px));
  }
}

.fotolud {
width: 120px;
height: auto;
border-radius: 20px;
margin-left: 40px;
margin-right: 30px;
margin-top: 40px;
box-shadow: 0px 0px 5px 0px #bdb9b9;
float: left;
}

.videlit {
text-indent: 25px;
margin-top: 40px;
font-size: 16px;
font-family: 'ClarendonRegular';
}

.textotziv1 {
font-size: 18px;
margin-top: -12px;
text-indent: 25px;
}

.line2 {
width: 56%;
}

.textotziv {
font-size: 14px;
text-align: justify;
margin-left: 20px;
margin-right: 20px;
}

.dosthome {
width: 80px;
height: auto;
margin-bottom: 0px;
margin-left: 40px;
margin-top: 0px;
float: left;
border-radius: 20px;
box-shadow: 0px 0px 5px 0px #bdb9b9;
}

.footer {
position: fixed;
width: 100%;
height: 70px;
background-color: #FFFFFF;
bottom: 0;
border: solid;
border-color: #dbdbdb;
border-width: 1px;
box-shadow: 0px 0px 5px 0px #bdb9b9;
animation: showDiv 4s forwards;
display: flex;
left: 0;
}

@keyframes showDiv {
  0%, 99% {
    height: 0px;
  }
  100% {
    height: 70px;
  }
}

.fotofooter {
margin-top: 5px;
height: 60px;
width: auto;
margin-left: 20%;	
}

.fotoitem2 {
height: 100%;
}

.skidka2 {
margin-top: 10px;
margin-left: 30px;
height: 30px;
width: auto;
font-size: 28px;
background-color: #FFD700;
border-radius: 5px;
display: inline-block;
padding: 10px;
font-family: 'ClarendonRegular';
}

.cenafooter {
height: 30px;
width: auto;
display: grid;
align-items: end;
}

.zachcena1 {
font-family: 'ClarendonRegular';
font-size: 20px;
margin-left: 5px;
color: #919191;
margin-top: 10px;
}

.cena1 {
font-family: 'ClarendonRegular';
font-size: 34px;
color: #f71625;
margin-left: 5px;
margin-top: -10px;
}

.knopka2 {
padding: 10px;
margin-top: 10px;
height: 30px;
width: auto;
background-color: #f71625;
border-radius: 5px;
display: flex;
justify-content: center; 
align-items: center;
cursor: pointer;
}

.knopka2:hover {
box-shadow: 0 0 0 2px #fff, 0 0 0 4px #3f8a7c;
}

.knopka2:active {
box-shadow: 0 0 0 2px #fff, 0 0 0 4px #3f8a7c;
}

.korzina2 {
height: 80%;
width: auto;
}

.kupittext2 {
font-family: 'ClarendonRegular';
font-size: 32px;
color: #ffffff;
}

.silka {
display: block;
text-decoration: none;
}

.silka2 {

text-decoration: none;
margin-left: auto;
margin-right: 20%;
padding: 10px;
margin-top: 5px;
height: 30px;
width: auto;
display: flex;
justify-content: center; 
align-items: center;
cursor: pointer;
}

.sitemap {
margin-top: 0px;
font-family: 'ClarendonRegular'; 
}

.silmap {
color: #000000;
font-size: 12px;
}

.footer1 {
width: 100%;
height: 300px;
background-color: #FFFFFF;
border: solid;
border-color: #dbdbdb;
border-width: 1px;
box-shadow: 0px 0px 5px 0px #bdb9b9;
display: inline-block;
}

.contacts {
width: 60%;
height: 32px;
margin-left: 20%;
margin-top: 24px;
display: flex;
}

.contacts1 {
display: flex;
align-items: center; 
height: 36px;
margin-left: auto;
}

.contacts2 {
display: flex;
height: 36px;
}

.soc1 {
height: auto;
width: 36px;
}

.phone {
font-family: 'ClarendonRegular'; 
}

.politiki {
white-space: nowrap;
text-align: center;
}

/* свойства модального окна по умолчанию */
.modal {
    position: fixed; /* фиксированное положение */
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.5); /* цвет фона */
    z-index: 1050;
    opacity: 0; /* по умолчанию модальное окно прозрачно */
    -webkit-transition: opacity 200ms ease-in; 
    -moz-transition: opacity 200ms ease-in;
    transition: opacity 200ms ease-in; /* анимация перехода */
    pointer-events: none; /* элемент невидим для событий мыши */
    margin: 0;
    padding: 0;
}
/* при отображении модального окно */
.modal:target {
    opacity: 1; /* делаем окно видимым */
	  pointer-events: auto; /* элемент видим для событий мыши */
    overflow-y: auto; /* добавляем прокрутку по y, когда элемент не помещается на страницу */
}
/* ширина модального окна и его отступы от экрана */
.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}
@media (min-width: 576px) {
  .modal-dialog {
      max-width: 500px;
      margin: 30px auto; /* для отображения модального окна по центру */
  }
}
/* свойства для блока, содержащего контент модального окна */ 
.modal-content {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    outline: 0;
}
@media (min-width: 768px) {
  .modal-content {
      -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
      box-shadow: 0 5px 15px rgba(0,0,0,.5);
  }
}
/* свойства для заголовка модального окна */
.modal-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px;
    border-bottom: 1px solid #eceeef;
}
.modal-title {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.5;
    font-size: 1.25rem;
    font-weight: 500;
}
/* свойства для кнопки "Закрыть" */
.close {
    float: right;
    font-family: sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
    text-decoration: none;
}
/* свойства для кнопки "Закрыть" при нахождении её в фокусе или наведении */
.close:focus, .close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .75;
}
/* свойства для блока, содержащего основное содержимое окна */
.modal-body {
  position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 15px;
    overflow: auto;
}













@media all and (min-width: 640px) and (max-width: 979px) {

.main-header {
height: 75px;
width: 70%;
margin-left: 15%;
}

.snoski {
height: auto;
width: 70%;
margin-left: 15%;
margin-top: 30px;
}

.snoska1 {
padding: 4px 6px;
margin-right: 4px;
border: solid;
border-color: #241c1c;
border-width: 1px;
border-radius: 50px;
flex-shrink: 0;
font-size: 14px;
}

.block {
height: auto;
width: 70%;
display: flex;
margin-left: 15%;
margin-top: 30px;
flex-direction: column;
}

.podblock1 {
margin-left: 0;
margin-right: 0;
width: auto;
}

.slider {
width: 80%; /* Фиксированная ширина слайдера */
margin-left: 10%;
margin-bottom: 30px;
}

h1 {
margin: 30px 15% 0px;
font-size: 3.5vw;
}

.zvezdi {
font-size: 2vw;
margin: 0px 15% 0px;
}

.text2 {
font-size: 2vw;
}

.text1 {
margin-top: -1vh;
font-size: 3vw;
}

.otstupmin {
margin-top: -2.5vh;
}

.zachcena {
font-size: 4vw;
margin-left: 5px;
color: #919191;
}

.cena {
font-size: 6vw;
margin-left: 5px;
}

.skidka {
font-size: 4vw;
display: inline-block;
padding: 10px;
}

.minitext1 {
font-size: 2vw;
}

.minitext2 {
font-size: 2vw;
}

.knopka {
height: 20%;
width: 80%;
background-color: #f71625;
margin-left: 10%;
margin-top: 10%;
padding: 10px 0;
border-radius: 50px;
display: flex;
justify-content: center; 
align-items: center;
}

.korzina {
height: auto;
width: 12%;
}

.kupittext {
font-size: 2.2vw;
}

.linevblock {
margin-top: -10px;
}

.text3 {
font-size: 2vw;
}

.fotoitem {
width: 30vw;
height: auto;
}

.h2 {
margin: 30px 15% 0px;
font-size: 3vw;
}

.h3 {
margin: 10px 15% 0px;
font-size: 2.8vw;
}

.table {
margin-top: 20px;
width: 70%;
margin-left: 15%;
font-size: 1.8vw;
}

.osnovhoitext {
margin: 10px 15% 0px;
font-size: 2vw;
}

.osnovnoispisok {
margin: 5px 15% 0px;
font-size: 2vw;
}

.osnovnoispisok1 {
margin: 5px 15% 0px;
font-size: 2vw;
font-family: 'ClarendonRegular';
line-height: 1.5;
text-align: justify;
list-style-type: none;
padding-left: 0;
}

.osnovhoitext1 {
font-size: 2.5vw;
margin: 10px 15% 0px;
}

.knopka1 {
height: 20%;
width: 70%;
margin-left: 15%;
margin-top: 2%;
}

.block-krug {
height: auto;
width: 70%;
margin-left: 15%;
margin-top: 30px;
flex-wrap: wrap;
}

.krug {
height: 180px;
width: 180px;
border-radius: 90px;
padding-left: 20px;
padding-right: 10px;
font-size: 20px;
text-wrap: balance;
margin-bottom: 20px;
}

.foto1 {
float: right;
width: 35%;
height: auto;
margin-right: 15%;
margin-top: 20px;
margin-left: 30px;
margin-bottom: 20px;
border-radius: 50px;
box-shadow: 0px 0px 20px 10px #ff9494;	
}

.bigblock1 {
width: 70%;  
height: auto;
padding-top: 5px;
padding-bottom: 16px;
margin-top: 32px;
margin-left: 15%;   
background-color: #fff2f2;
border-radius: 30px;
display: block;                                            
box-shadow: 0px 0px 5px 0px #bdb9b9;
vertical-align: middle;
text-align: center;
}

.bottom {
width: 100%;
height: auto;
display: inline-block;
justify-content: center;
}

.smalblock1 {
width: 90%;
height: auto;
background-color: #ffffff;
border-radius: 30px;
padding: 2%;
display: inline-block;
overflow: normal;
text-align: center;
vertical-align:top;
font-size: 50px;
margin-top: 32px;
margin-botom:32px;
box-shadow: 0px 0px 5px 0px #bdb9b9;
}

.textsmalblock {
margin-top: 20px;
display: block;
text-align: justify;
font-size: 12px;
}

.fotosmalblock {
width: 220px;
height: auto;
border-radius: 110px;
box-shadow: 0px 0px 20px 10px #ff9494;
max-width: 100%;
height: auto;
width: auto\9;
}

.foto2 {
float: left;
width: 30%;
border-radius: 100px;
}

.otzivdoc {
width: 70%;  
margin-left: 15%;
}

.name {
font-size: 14px;
}

.osnovhoitext2 {
margin: 10px 5% 0px;
font-size: 12px;
text-align: justify;
line-height: 1.5;
text-indent: 5%;
}

.acor-container {
margin: 20px 15%;
}
.acor-container .acor-body {
font-size: 12px;
}

.acor-container label {
font-size: 14px;
}

.items-wrap {
margin-left: 0%;
margin-right: 0%;
}

.footer {
height: 60px;
}

.fotofooter {
margin-top: 5px;
height: 50px;
margin-left: 15%;	
}

.fotoitem2 {
height: 100%;
}

.skidka2 {
margin-top: 10px;
margin-left: 20px;
height: 30px;
width: auto;
font-size: 20px;
background-color: #FFD700;
border-radius: 5px;
display: inline-block;
padding: 10px;
font-family: 'ClarendonRegular';
}

.cenafooter {
height: 30px;
width: auto;
display: grid;
align-items: end;
}

.zachcena1 {
font-family: 'ClarendonRegular';
font-size: 20px;
margin-left: 5px;
margin-top: 10px;
color: #919191;
}

.cena1 {
font-family: 'ClarendonRegular';
font-size: 28px;
color: #f71625;
margin-left: 5px;
margin-top: -10px;
}

.knopka2 {
padding: 10px;
margin-top: 10px;
height: 30px;
width: auto;
background-color: #f71625;
border-radius: 5px;
display: flex;
justify-content: center; 
align-items: center;
}

.korzina2 {
height: 80%;
width: auto;
}

.kupittext2 {
font-family: 'ClarendonRegular';
font-size: 18px;
color: #ffffff;
}

.fotoheader {
height: 45px;
margin-left: 10px;	
}

.fotoheader1 {
height: 35px;
margin-left: 5px;	
}

.fotoitem3 {
height: 100%;
}

.logo {
color: #520099;
margin-left: -20px;
height: 22px;
width: auto;
font-size: 22px;
display: inline-block;
padding: 10px;
font-family: 'ClarendonRegular';
}

.dropbtn {
border-radius: 25px;
background-color: #ffffff;
cursor: pointer;
height: 50px;
width: auto;
}

.dropdown-content {
top: 70px; 
right: 0px;
}

.silka2 {
text-decoration: none;
margin-left: auto;
margin-right: 15%;
padding: 10px;
margin-top: 5px;
height: 30px;
width: auto;
display: flex;
justify-content: center; 
align-items: center;
cursor: pointer;
}

.footer1 {
width: 100%;
height: 300px;
background-color: #FFFFFF;
border: solid;
border-color: #dbdbdb;
border-width: 1px;
box-shadow: 0px 0px 5px 0px #bdb9b9;
}

.contacts {
width: 70%;
margin-left: 15%;
margin-top: 24px;
display: flex;
}

.contacts1 {
display: flex;
align-items: center; 
height: 36px;
margin-left: auto;	
}

.contacts2 {
display: flex;

}

.soc1 {
height: auto;
width: 36px;
}

.phone {
font-family: 'ClarendonRegular';
font-size: 12px;
}

}












@media all and (min-width: 120px) and (max-width: 639px) {
.main-header {
height: 50px;
width: 80%;
margin-left: 10%;
}

.snoski {
height: auto;
width: 80%;
margin-left: 10%;
margin-top: 10px;
}

.snoska1 {
padding: 4px 6px;
margin-right: 4px;
border: solid;
border-color: #241c1c;
border-width: 1px;
border-radius: 50px;
flex-shrink: 0;
font-size: 12px;
}

.block {
height: auto;
width: 80%;
display: flex;
margin-left: 10%;
margin-top: 15px;
flex-direction: column;
}

.podblock1 {
margin-left: 0;
margin-right: 0;
width: auto;
}

.slider {
text-align: center;
width: auto; /* Фиксированная ширина слайдера */

margin-bottom: 30px;
}

.fotoitem {
width: 200px;
height: auto;
}

h1 {
margin: 10px 10% 0px;
font-size: 6vw;
}

.zvezdi {
font-size: 4vw;
margin: 0px 10% 0px;
}

.text2 {
font-size: 4vw;
}

.text1 {
margin-top: -1vh;
font-size: 6vw;
}

.otstupmin {
margin-top: -2.5vh;
}

.zachcena {
font-size: 6vw;
margin-left: 5px;
color: #919191;
}

.cena {
font-size: 8vw;
margin-left: 5px;
}

.skidka {
font-size: 6vw;
display: inline-block;
padding: 10px;
}

.minitext1 {
font-size: 3vw;
}

.minitext2 {
font-size: 3vw;
}

.knopka {
height: 20%;
width: 100%;
background-color: #f71625;
margin-left: 0;
margin-top: 15%;
padding: 10px 0;
border-radius: 50px;
display: flex;
justify-content: center; 
align-items: center;
}

.korzina {
height: auto;
width: 15%;
}

.kupittext {
font-size: 3vw;
}

.linevblock {
margin-top: -10px;
}

.text3 {
font-size: 3vw;
}

.h2 {
margin: 10px 10% 0px;
font-size: 5vw;
}

.h3 {
margin: 10px 10% 0px;
font-size: 4.8vw;
}

.table {
margin-top: 10px;
width: 80%;
margin-left: 10%;
font-size: 3.2vw;
}

.osnovhoitext {
margin: 5px 10% 0px;
font-size: 3.2vw;
}

.osnovnoispisok {
margin: 5px 10% 0px;
font-size: 3.2vw;
}

.osnovnoispisok1 {
margin: 5px 10% 0px;
font-size: 3.2vw;
font-family: 'ClarendonRegular';
line-height: 1.5;
text-align: justify;
list-style-type: none;
padding-left: 0;
}

.osnovhoitext1 {
font-size: 3.8vw;
margin: 10px 10% 0px;
}

.knopka1 {
height: 20%;
width: 80%;
margin-left: 10%;
margin-top: 5%;
margin-bottom: 5%;
}

.block-krug {
height: auto;
width: 80%;
margin-left: 10%;
margin-top: 30px;
flex-wrap: wrap;
}

.krug {
height: 85px;
width: 100%;
border-radius: 50%;
padding-left: 30px;
padding-right: 30px;
font-size: 15px;
text-wrap: balance;
margin-bottom: 20px;
}

.foto1 {
float: none;
width: 80%;
height: auto;
margin-right: 10%;
margin-top: 20px;
margin-left: 10%;
margin-bottom: 15px;
border-radius: 50px;
box-shadow: 0px 0px 20px 10px #ff9494;	
}

.bigblock1 {
width: 80%;  
height: auto;
padding-top: 5px;
padding-bottom: 16px;
margin-top: 32px;
margin-left: 10%;   
background-color: #fff2f2;
border-radius: 30px;
display: block;                                            
box-shadow: 0px 0px 5px 0px #bdb9b9;
vertical-align: middle;
text-align: center;
}

.bottom {
width: 100%;
height: auto;
display: inline-block;
justify-content: center;
}

.smalblock1 {
width: 90%;
height: auto;
background-color: #ffffff;
border-radius: 30px;
padding: 3%;
display: inline-block;
overflow: normal;
text-align: center;
vertical-align:top;
font-size: 50px;
margin-top: 32px;
margin-botom:32px;
box-shadow: 0px 0px 5px 0px #bdb9b9;
}

.textsmalblock {
margin-top: 20px;
display: block;
text-align: justify;
font-size: 12px;
}

.fotosmalblock {
width: 160px;
height: auto;
border-radius: 80px;
box-shadow: 0px 0px 20px 10px #ff9494;
max-width: 100%;
height: auto;
width: auto\9;
}

.foto2 {
width: 50%;
margin-left: 25%;
border-radius: 100px;
}

.otzivdoc {
width: 80%;  
margin-left: 10%;
}

.name {
font-size: 14px;
}

.osnovhoitext2 {
font-size: 12px;
}

.acor-container {
margin: 20px 10%;
}
.acor-container .acor-body {
font-size: 10px;
}

.acor-container label {
font-size: 12px;
}

.items-wrap {
margin-top: 0px;

padding: 30px 30px;
margin-left: 0%;
margin-right: 0%;
}

.item {
  width: 220px;
  height: 700px;
  border-radius: 6px;
  margin: 0 30px;
}

.item:hover {
  transform: scale(1.05);
  box-shadow: 0px 0px 5px 10px #ff9494;
}


.fotolud {
width: 60%;
height: auto;
border-radius: 20px;
margin-left: 20%;
margin-right: 0px;
margin-top: 30px;
margin-bottom: 20px;
}

.videlit {
margin-left: 10%;
margin-right: 10%;
font-size: 12px;
font-family: 'ClarendonRegular';
text-indent: 0px;
}

.textotziv1 {
font-size: 14px;
margin-top: -12px;
text-align: center;
text-indent: 0px;
}

.line2 {
width: 56%;
margin-top: -12px;
}

.textotziv {
font-size: 12px;
text-align: justify;
margin-left: 20px;
margin-right: 20px;
}

.dosthome {
width: 80px;
height: auto;
margin-bottom: 10px;
margin-left: 20px;
margin-right: 0px;
margin-top: 0px;
float: left;
border-radius: 20px;
box-shadow: 0px 0px 5px 0px #bdb9b9;
}

.footer {
height: 30px;
}

.fotofooter {
margin-top: 15px;
height: 30px;
margin-left: 2%;	
}

.fotoitem2 {
height: 100%;
}

.skidka2 {
margin-top: 10px;
margin-left: 10px;
height: 20px;
width: auto;
font-size: 12px;
background-color: #FFD700;
border-radius: 5px;
display: inline-block;
padding: 15px 10px 10px 10px;

font-family: 'ClarendonRegular';
}

.cenafooter {
height: 30px;
width: auto;
display: grid;
align-items: end;
}

.zachcena1 {
font-family: 'ClarendonRegular';
font-size: 14px;
margin-left: 5px;
color: #919191;
margin-top: 15px;
}

.cena1 {
font-family: 'ClarendonRegular';
font-size: 22px;
color: #f71625;
margin-left: 5px;
margin-top: -10px;
}

.knopka2 {
margin-left: auto;
margin-right: 5%;
padding: 10px;
margin-top: 10px;
height: 24px;
width: auto;
background-color: #f71625;
border-radius: 5px;
display: flex;
justify-content: center; 
align-items: center;
}

.korzina2 {
height: 50%;
width: auto;
}

.kupittext2 {
font-family: 'ClarendonRegular';
font-size: 12px;
color: #ffffff;
}

.fotoheader {
height: 20px;
margin-left: 7px;	
}

.fotoheader1 {
height: 15px;
margin-left: -10px;	
}

.fotoitem3 {
height: 100%;
}

.logo {
color: #520099;
margin-left: -10px;
height: 13px;
width: auto;
font-size: 13px;
display: inline-block;
padding: 10px;
font-family: 'ClarendonRegular';
}

.dropbtn {
border-radius: 20px;
background-color: #ffffff;
cursor: pointer;
height: 40px;
width: auto;
}

.dropdown {
position: relative;
margin-left: auto;
margin-right: 7px;
}

.dropdown-content {
top: 50px; 
right: 0px;
}

.silka2 {
text-decoration: none;
margin-left: auto;
margin-right: 0%;
padding: 10px;
margin-top: 3px;
height: 30px;
width: auto;
display: flex;
justify-content: center; 
align-items: center;
cursor: pointer;
}

.footer1 {
width: 100%;
height: 350px;
background-color: #FFFFFF;
border: solid;
border-color: #dbdbdb;
border-width: 1px;
box-shadow: 0px 0px 5px 0px #bdb9b9;
display: flex;
flex-direction:column;
}

.contacts {
width: 80%;
margin-left: 10%;
margin-top: 12px;
display: block;

}

.contacts1 {
justify-content: center; 
height: 36px;
margin-left: auto;
display: flex;
}

.contacts2 {
display: flex;
justify-content: space-between;
}

.soc1 {
height: auto;
width: 36px;
}

.phone {
font-family: 'ClarendonRegular';
font-size: 12px;
}

.politiki {
margin-top: 100px;
text-align: center;
}



}