html, body {
	margin: 0;
	width: 100%;
	height: 100%;
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	overflow-x: hidden;
}

/* Розмір основного шрифта на екрані до 320пікс */
@media screen and (max-width: 320px) {
	body {
		font-size: 14px;
	}
}

/* Розмір основного шрифта на екрані до 920пікс */
@media screen and (min-width: 320px) {
	body {
	/* 
			font-size = fs1 + (100vw-fs1)*(fs2-fs1)/(b2-b1)
			fs1 - мінімальний шрифт
			fs2 - максимальний шрифт
			b1 - мінімальна ширина екрана, пікс
			b2 - максимальна ширина екрана, пікс

			fs1=14px fs2=18px b1=320px b2=920px
			font-size = 14 + (100vw-320)*4/600
	*/
	font-size: calc(0.66vw + 11.86px);
    }
}

/* Розмір основного шрифта на екрані більше 920пікс */
@media screen and (min-width: 920px) {
	body {
	  font-size: 18px;
    }
}

h1 {
	position: relative;
	font-family: Alegreya Sans;
	font-size: 2em;
	font-style: normal;
	font-weight: 900;
	text-align: center;
	letter-spacing: -0.02em;
	border: 0px solid black;
	height: auto;
	margin: 0 auto 0 auto;
	width: 100%;
}

h2 {
	position: relative;
	font-family: Alegreya Sans;
	font-size: 1.5em;
	font-style: normal;
	font-weight: 700;
	text-align: center;
	letter-spacing: -0.02em;
	border: 0px solid black;
	margin: 0 auto 0 auto;
	border: 0px solid black;
	width: 100%;
}

h3 {
	font-family: Alegreya Sans;
	font-size: 1.3em;
	font-style: normal;
	font-weight: 500;
	text-align: left;
	letter-spacing: -0.02em;
	border: 0px solid black;
	margin: 0 auto 0 auto;
	width: 100%;
}



/*--- Основний тескт сайта ---*/
.text {
	margin-top: 0;
	margin-bottom: 0;
	margin: 0 auto;
	text-align: justify;
	font-size: 1em;
	border: 0px solid red;
	
	padding: 0;
}

.text p {
	padding: 0;
}

.wrapper {
	width: 96vw;
	overflow: auto;
	margin: 0 auto;
	max-width: 920px;
}

.container {
	max-width: 1400px;
	margin: 0 auto;
}

.source {
	width: 90vw;
	margin: 0 auto;
	border: 1px solid black;
}

header {
	border: 0px solid black;	
}


/* --- стилі посилань */
a { 
    text-decoration: none; /* Убирает подчеркивание для ссылок */
    color: black;
   } 
a:link { 
    text-decoration: none; /* Убирает подчеркивание для ссылок */
    color: black;
   } 
a:visited { text-decoration: none; } 
a:active { text-decoration: none; }
a:hover {
	text-decoration: none; /* Делает ссылку подчеркнутой при наведении на нее курсора */
    color: black; /* Цвет ссылки */
   } 


/* --- Блок іконок --- */

.contacts {
	display: flex;
	justify-content: space-between;
	border: 0px solid black;
	margin: 0 auto;
	color: #000000;
	padding: 1vw;
}

.contacts a {
	color: black;
	display: flex;
	border: 0px solid black;
}

.contacts a:hover

.contacts i {
	display: flex;	
	border: 0px solid black;
}

/* Блок іконок соц.мереж до 920px contacts книжкова */
@media screen and (max-width: 920px) and (orientation: portrait){
.contacts {
	width: 70vw;
	font-size: 5vw;
 }
}

/* Блок іконок соц.мереж до 920px contacts альбомна */
@media screen and (max-width: 920px)  and (orientation: landscape) {
.contacts {
	width: 50vw;
	font-size: 3vw;
 }
}

/* Блок іконок соц.мереж більше 920px contacts */
@media screen and (min-width: 920px) {
.contacts {
	width: 50vw;
	max-width: 700px;
	font-size: 35px;
 }
}

.main {
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 4vw;
	width: 90vw;
}

#img-main {
	width: 100%;
}

/* --- Стилі свайпера ---*/
.swiper {
	margin-top: 3vw;
}

.swiper-wrapper {
	width: 90vw;
}

.swiper img {
	width: 100%;
	height: 100%;
}

.swiper-pagination {
}

.swiper-pagination-bullet {
	width: 20px;
	height: 20px;
	line-height: 22px;
	font-size: 14px;
}

.swiper-pagination-bullet-active {
	background: #6A0606;
	border: 2px solid white;
}

.swiper-button-next {
	color: white;
}

.swiper-button-prev {
	color: white;
}
/* --- Закінчення стилів свайпера ---*/



/*--- Додатковий текст ---*/

/* Прибираємо чекбокс */
.tt1 {
	display: none;
}

/* приховати додатковий текс */
.tt1 + label + div{
  display: none;
}

/* напис більше */
.tt1 + label {
  font-weight:  bold;
  text-decoration: none;
  cursor: pointer;
  background: none;
}

/* Оформлення додаткового тексту */
.tt1:checked ~ div {
	border: 0px solid black;
}

/* Розкрити додатковий текст  */
.tt1:checked + label + div {
  display: block;
  color: black;
}

p {
	margin: 2vw auto;
}


/* --- відео --- */
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	margin: 0 auto;
}

.video-container iframe {
	position: absolute;	
	top: 0;
	left: 0%;
	width: 100%;
	height: 100%;
}


/* --- Accordion ---*/

/* --- Оформлення всього блоку питань ---*/
.ac-container{
    margin: 0 auto;
}

/* --- Оформлення окремого блоку питань ---*/
.ac-wrapper {
}

/* Прибираємо чекбокс */
.hide {
	display: none;
}

/* Приховати текст чекбокса */
.hide + label ~ div {
  display: none;
}

/* Заголовок до натискання */
.hide + label {
  font-weight: bold;
  text-decoration: underline;
  cursor: pointer;
  background: none;
}

/* Заголовок натиснутий */
.hide:checked + label {
	text-decoration: none;
}

.hide:checked ~ div {
	border: 0px solid black;
	padding: 10px;
	background: #E2E1E1;
}

/* Розкрити текст відповіді */
.hide:checked + label + div {
  display: block;
  color: black;
}

.answer {
	font-size: 1em;
	text-align: justify;
}

/* --- Варіанти шоу ---*/
.variation {
	margin: 0 auto;
}

.variation table {
	width: 100%;
	border-collapse: collapse;
	background: #E2E1E1;
	borrder: 1px solid black;
}

.first-row {
	font-size: 1em;
	text-align: center;
}

.variation td {
	border: 2px solid white;
	text-align: left;
	padding: 5px;
	font-weight: normal;
	font-size: 0.8em;
}

.variation th {
	font-weight: 700;
	border: 2px solid white;
	font-size: 0.9em;
	text-align: left;
}

.footer-wrapper {
	max-width: 600px;
	margin: 0 auto;
}

footer {
	font-weight: normal;
	font-size: 0.9em;
	border: 0px solid black;

}

.footer-header {
	margin-top: 20px;
	text-align: center;
}
.footer-left {
	width: 50%;
	float: left;
	text-align: left;
	border: 0px solid black;
}

.footer-left a {
	color: black;
	text-decoration: underline;
}

#tel a:link {
	text-decoration: underline;
}

.footer-right {
	width: 50%;
	float: right;
	text-align: right;
}



ul {
	padding: 0;
	margin: 0;
}

li {
	list-style: disc;
	margin-left: 3vw;
}




/* ---Сторінка контакти - кнопки --- */

.button-wrapper {
	width: 80vw;
	max-width: 400px;
}

.button-wrapper {
	width: 90vw;
	margin: 0 auto;
	border: 1	px solid black;
	text-align: center;
}



.link-btn {
	height: 8vw;
	max-height: 40px;
	width: 80vw;
	max-width: 400px;
	margin: 1vw auto;
	padding: 0;
	border-radius: 1.5vw;
	text-align: center;
	line-height: 8vw;
	color: white;
	background-color: #910808;
	font-size: 1em;
}

.link-location {
	width: 80vw;
	max-width: 400px;
	margin: 1vw auto;
	padding: 0;
	border-radius: 1.5vw;
	text-align: center;
	font-size: 1em;
	border: 0px solid black;
}

/* --- фіксований розмір кнопок на екранах більше 500пікс -- */
@media screen and (min-width: 500px) {
.link-btn {
	height: 40px
	width: 400px;
	margin: 5px auto;
	padding: 0;
	border-radius: 1.5vw;
	text-align: center;
	line-height: 40px;
	color: white;
	background-color: #910808;
	font-size: 20px;
	}

.link-location {
	width: 400px;
	margin: 5px auto;
	padding: 0;
	text-align: center;
	font-size: 20px;
	border: 0px solid black;
}	
}



/* --- Імпорт Гугл шрифтів ---*/
@import url('https://fonts.googleapis.com/css2?family=Alegreya+Sans:wght@400;500;700;900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');