body,html {
	margin: 0;
	padding: 0;
}
body {
	background-color: #fff;
}
h1,h2,h3,h4,h5,p,a {
	margin: 0;
	padding: 0;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
a {
	text-decoration: none;
	color: #fff;
}
* {
	font-family: "Inter";
	box-sizing: border-box;
}
@font-face {
    font-family: 'Gotham-m';
    src: url('Gotham Pro/gothampro_medium.ttf') format('truetype');
}
@font-face {
    font-family: 'Gotham-b';
    src: url('Gotham Pro/gothampro_bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Gotham-l';
    src: url('Gotham Pro/gothampro_light.ttf') format('truetype');
}

/* Хедер меню */

.header {
	background-image: url("../photo/bg_section_1.webp");
	background-size: cover;
	background-position: center;
	height: 100vh;
	position: relative;
	margin-bottom: 70px;
}
	.header:before {
		content: "";
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    background: rgba(0, 0, 0, 0.5);
	    z-index: 1;
	}
.header_nav {
	max-width: 1230px;
	margin: 0 auto;
	padding: 30px 15px 0 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	z-index: 5;
}
.logo {
	font-family: "Unbounded";
	font-weight: 400;
	font-size: 27px;
	line-height: 120%;
	text-transform: capitalize;
	letter-spacing: 0.04em;
	color: #fff;
}
	.logo_close {
		display: none;
	}
.nav_two_right {
	display: flex;
	column-gap: 76px;
	align-items: center;
}
.main_nav_block ul {
	display: flex;
	column-gap: 45px;
}
.nav_text_header {
	font-family: "Raleway";
	font-weight: 600;
	font-size: 14px;
	line-height: 89%;
	color: #fff;
}
.btn_booking {
	border-radius: 15px;
	background-color: #E63912;
	width: 140px;
	height: 40px;
	font-weight: 600;
	font-size: 10px;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	text-transform: uppercase;
}

.block_title_site {
	position: absolute;
	z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 880px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
	.block_title_site * {
		color: #fff;
	}
.title_site {
	font-family: "Unbounded";
	font-weight: 600;
	font-size: 60px;
	line-height: 133%;
	letter-spacing: -0.02em;
	text-align: center;
	margin-bottom: 100px;
}
.block_title_site_2 {
	display: flex;
	justify-content: center;
	align-items: center;
	column-gap: 20px;
}
.btn_href_2 {
	font-size: 18px;
	font-weight: 400;
	line-height: 133%;
}

/* Об отеле */

.section_about {
	margin-bottom: 70px;
}
.min-1200 {
	max-width: 1200px;
	margin: 0 auto;
}
.block_about_text {
	max-width: 589px;
}
.title_section {
	font-family: "Gotham-m";
	font-weight: 500;
	font-size: 36px;
	line-height: 140%;
	color: #232423;
	margin-bottom: 30px;
}
.text_company {
	font-size: 16px;
	font-weight: 300;
	line-height: 160%;
	margin-bottom: 30px;
}

.btn_about {
	border-radius: 10px;
	background-color: #eaf5ed;
	width: 215px;
	height: 56px;
	font-weight: 600;
	font-size: 14px;
	color: #2a7e3e;
	line-height: 170%;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	display: flex;
	justify-content: center;
	align-items: center;	
}
.section_about .min-1200 {
	display: flex;
	align-items: center;
	column-gap: 40px;
}

/* Cлайдер */

.slider {
  position: relative; /* Для корректной работы Slick Slider */
  width: 600px; /* Ширина контейнера слайдера */
  height: 490px; /* Высота контейнера слайдера */
  margin: 0 auto; /* Центрирование слайдера */
}

.slick-slider {
  width: 100%;
  height: 100%;
}

.slick-slide img {
  width: 100%;
  height: 100%;
}
.slick-initialized .slick-slide {
	object-fit: cover;
	height: 490px;
	border-radius: 15px;
}

/* Третий блок */

.block_hotel_accommodation {
	max-width: 635px;
}
	.block_hotel_accommodation {
		position: absolute;
		z-index: 2;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	}
	.block_hotel_accommodation p {
		margin-bottom: 94px;
	}
.title_section_text {
	font-family: "Gotham-b";
	font-weight: 700;
	font-size: 50px;
	line-height: 130%;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	margin-bottom: 32px;
}
.text_hotel {
	font-size: 16px;
	font-weight: 400;
	line-height: 160%;
}
	.block_hotel_accommodation * {
		color: #fff;
		text-align: center;
	}
.btn_href_3 {
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid #fff;
	border-radius: 60px;
	max-width: 370px;
	height: 60px;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0 auto;
	transition: all .5s ease-in-out;
}
	.btn_href_3:hover {
		background-color: #fff;
		border: none;
		color: #101010;
	}

/* Номера */

.section_nomer {
	display: flex;
}
.block_nomer {
	width: 50%;
	position: relative;
}
	.block_nomer:before {
		content: "";
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    background: rgba(0, 0, 0, 0.5);
	    z-index: 1;
	}
.block_nomer img {
	width: 100%;
	height: 720px;
	object-fit: cover;
	display: block;
}
.section_nomer .title_section_text {
	font-size: 45px;
}
.section_nomer .text_hotel {
	margin-bottom: 21px;
}
.btn_href_4 {
	width: 202px;
	height: 40px;
	font-size: 14px;
}
.block_nomer_info {
	width: 420px;
}

.section_nomer_2 img {
	width: 100%;
	height: 720px;
	object-fit: cover;
	display: block;
}
.section_nomer_2 {
	position: relative;
}
	.section_nomer_2:before {
		content: "";
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    background: rgba(0, 0, 0, 0.5);
	    z-index: 1;
	}
	.section_nomer_2 p {
		margin-bottom: 21px;
	}
/* Ресторан */
.section_food {
	margin-bottom: 70px;
	display: flex;
	justify-content: space-between;
	background-color: #d8dbd7;
}
.block_info_food {
	max-width: 580px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.block_info_food .title_section_text {
	line-height: 145%;
	margin-bottom: 10px;
}
.block_info_food .text_company {
	font-weight: 400;
	color: #232423;
	margin-bottom: 30px;
}
.btn_href_5 {
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid #232423;
	border-radius: 60px;
	width: 166px;
	height: 40px;
	font-size: 14px;
	color: #232423;
	font-weight: 700;
	text-transform: uppercase;
	transition: all .5s ease-in-out;
}
	.btn_href_5:hover {
		background-color: #101010;
		color: #fff;
	}
.block_img_food {
	width: 50%;
}

.block_img_food img {
	width: -webkit-fill-available;
	display: block;
	object-fit: cover;
	height: 800px;
}

/* Услуги */

.section_services {
	margin-bottom: 70px;
}
.title_section_2 {
	font-family: "Gotham-l";
	font-weight: 400;
	font-size: 42px;
	line-height: 123%;
	text-align: center;
	margin-bottom: 45px;
}
.main_services {
	display: flex;
	justify-content: space-between;
}
.block_services {
	width: 285px;
	max-width: 100%;
}
	.block_services img {
		width: 100%;
		height: 320px;
		object-fit: cover;
		display: block;
	}
.text_services {
	width: 155px;
	max-width: 100%;
	font-size: 17px;
	font-weight: 400;
	line-height: 135%;
	text-align: center;
	color: #fff;
}

.block_services {
	position: relative;
}
	.block_services:before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.5);
		z-index: 1;
	}
.text_services {
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);	
}

/* Территория */

.section_territory, .section_questions {
	margin-bottom: 70px;
}
.block_territory {
	margin-bottom: 50px;
}
.text_terr {
	font-weight: 400;
	font-size: 18px;
	line-height: 150%;
	text-align: center;
	color: #101010;
	max-width: 955px;
	margin: 0 auto;
}

.video-container {
    position: relative;
    margin: 0 auto;
}

.video-container video {
    width: 100%;
    height: 675px;
    object-fit: cover;

}
.play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

/* Вопросы */

.section_questions .min-1200 {
	border-radius: 30px;
	background-color: #fff;
}
.main_block_questions {
	width: 100%;
}
.title_questions {
	font-family: "Raleway";
	font-size: 38px;
	font-weight: 700;
	color: #082e3d;
	margin-bottom: 35px;
}
.btn_questions {
	border: 1px solid #e6e7eb;
	border-radius: 15px;
	width: 100%;
	padding: 25px 20px;
	background-color: transparent;
	cursor: pointer;
}
.sublock_questions {
	display: flex;
	justify-content: space-between;
}
.main_questions {
	display: flex;
	flex-direction: column;
	row-gap: 20px;
}
.text_questions {
	font-family: "Inter";
	font-size: 16px;
	font-weight: 500;
	color: #263238;
}
.text_questions_2 {
	display: none;
	font-family: "Inter";
	font-size: 15px;
	font-weight: 300;
	line-height: 167%;
	color: #263238;
	text-align: left;
	max-width: 795px;
	margin-top: 15px;
}
	.rotate-45 {
		transform: rotate(45deg);
    	transition: transform 0.3s ease; /* Анимация поворота */	
	}

/* Галерея */

.section_gallery {
	margin-bottom: 70px;
	padding: 0 15px;
}

.block_gallery {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	gap: 10px;
}
.sublock_gallery {
	display: flex;
	gap: 10px;
}
.g-1 {
	width: 100%;
	max-width: 572px;
	height: 380px;
	object-fit: cover;
}
.g-2 {
	width: 100%;
	max-width: 390px;
	height: 380px;
	object-fit: cover;
}
.g-3 img {
	width: 33%;
	height: 311px;
	object-fit: cover;
}
.g-4 img {
	width: 50%;
	height: 480px;
	object-fit: cover;
}

/* Контакты */

.section_contact {
	background-color: #eee;
	padding: 60px 15px;
}
.section_contact .text_hotel {
	max-width: 527px;
	margin: 0 auto;
	margin-bottom: 70px;
	text-align: center;
}
.min-860 {
	max-width: 1100px;
	margin: 0 auto;	
}
.main_contact {
	display: flex;
	justify-content: space-between;
}
.block_contact {
	display: flex;
	align-items: center;
	flex-direction: column;
}
	.block_contact_2 {
		max-width: 260px;
		width: 100%;
	}
.title_contact {
	font-size: 19px;
	font-weight: 500;
	line-height: 135%;
	text-align: center;
	color: #101010;
	margin-bottom: 18px;
}
	.block_contact img {
		width: 60px;
		object-fit: cover;
		margin-bottom: 10px;
	}
.href_block_c {
	display: flex;
	flex-direction: column;
	gap: 7px;
}
.href_contact {
	font-size: 17px;
	font-weight: 400;
	line-height: 155%;
	color: #101010;
	text-align: center;
	max-width: 260px;
}
.yandex_map {
	color: #FF9720;
}

/* Футер */

footer {
	background-image: url("../photo/footer_bg.webp");
	background-size: cover;
	background-position: center;
	height: 575px;
	position: relative;
}

	footer:before {
		content: "";
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    background: rgba(0, 0, 0, 0.4);
	    z-index: 1;
	}


.title_site_footer {
	font-family: "Gotham-b";
	font-weight: 700;
	font-size: 50px;
	line-height: 130%;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	text-align: center;
	color: #fff;	
}
.text_site_footer {
	font-family: "Gotham-l";
	font-weight: 400;
	font-size: 18px;
	line-height: 130%;
	text-transform: uppercase;
	text-align: center;
	color: #fff;	
	margin: 40px 0px;
}

.btn_href_7 {
	border-color: #fff;
	color: #fff;
	width: 296px;
	height: 70px;
	font-size: 16px;
}

	.btn_href_7:hover {
		background-color: #fff;
		color: #101010;
	}


/* Бургер Меню */
.burger {
	display: none;
	position: relative;
	z-index: 99999;
}
.burger_btn {
  height: 20px;
  background-color:transparent;
  border:none;
}
.header .burger_icon {
	background-color: #fff;
}
.header .burger_icon::after  {
	background-color: #fff;
}
.header .burger_icon::before {
	background-color: #fff;
}
.burger_icon {
	position:relative;
	display:block;
  	background-color: #101010;
	height:4px;
	width:30px;
	border-radius: 10px;
}
	.burger_icon::after {
		content: "";
		position: absolute;
		right: 0;
		bottom: -8px;
		background-color: #101010;
		height: 4px;
		width: 30px;
		border-radius: 10px;
		transition: all .3s ease-in-out;
	}
	.burger_icon::before {
		content: "";
		position: absolute;
		left: 0;
		top: -8px;
		background-color: #101010;
		height: 4px;
		width: 30px;
		border-radius: 10px;
		transition: all .3s ease-in-out;

	}
.burger_icon_close .burger_icon {
	background-color: transparent;
}
	.burger_icon_close .burger_icon::after {
		transform: rotate(-45deg);
		bottom: -1px;
		background-color: #101010;
	}
	.burger_icon_close .burger_icon::before {
		transform: rotate(45deg);
		top: 1px;
		background-color: #101010;
	}


.nav_mobile .phone_block {
	display: block;
	margin-top: 100px;
	font-size: 20px;
	font-weight: 500;
	line-height: 29px;
}
.nav_mobile .nav_text_header {
	font-weight: 500;
}
.body_scroll {
	overflow: hidden;
}
.header .nav_mobile {
	position: fixed;
}
.nav_mobile {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color:  #fff;
	z-index: 3;
}
.nav_mobile_active {
	display: block;
}
.section_form h1 {
	text-align: center;
}
.information {
	padding: 75px 50px 65px 18px;
}
	.nav_mobile * {
		color: #000;
	}
.ul_nav_header {
	display: flex;
	flex-direction: column;
	row-gap: 25px;
	column-gap: 25px;
}

/* Страниац номера */
.header_2 {
	background-image: url(../photo/bg_section_2.webp);
}
.subtitle_site {
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	margin-bottom: 40px;
}

.section_title_2 {
	max-width: 720px;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 50px;
}
.title_sec_2 {
	font-size: 24px;
	font-weight: 400;
	line-height: 125%;
	letter-spacing: 0.21em;
	text-transform: uppercase;
	margin-bottom: 17px;
	color: #262626;
}
.text_sec_2 {
	font-size: 15px;
	font-weight: 400;
	line-height: 166%;
	letter-spacing: 0.03em;
	color: #262626;
}
.block_nomer_2 {
	display: flex;
	justify-content: space-between;
	background-color: #f7f7f7;
}
.section_nomera_main {
	display: flex;
	flex-direction: column;
	row-gap: 40px;
}
	/* Обратное направление для нечетных блоков */

	.section_nomera_main .block_nomer_2:nth-child(even) {
	    flex-direction: row-reverse;
	    justify-content: flex-end;
	}
.img_nomer_block {
	max-width: 670px;
	width: 100%;
}
	.img_nomer_block img {
		width: 100%;
		height: 500px;
		object-fit: cover;
		display: block;
	}
.title_block_nomer {
	max-width: 440px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-left: 60px;
}
.title_name_nomer {
	font-size: 22px;
	font-weight: 800;
	line-height: 136%;
	letter-spacing: 0.23em;
	text-transform: uppercase;
	margin-bottom: 14px;
}
.opis_nomer {
	font-size: 15px;
	font-weight: 400;
	line-height: 166%;
	letter-spacing: 0.03em;
	margin-bottom: 20px;
}

.btn_href_5 {
	margin: 0px;
}
.section_vse_nomera {
	margin-bottom: 70px;
}

.block_gallery_2 {

}
.g-5 {
	width: 50%;
	height: 380px;
	object-fit: cover;
}
.g-6 {
	width: 24.4%;
	height: 380px;
	object-fit: cover;	
}
.g-7 {
	width: 50%;
	height: 380px;
	object-fit: ;
}



.popup {
    display: none; /* Изначально скрыто */
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
}
img.food_menu  {
	width: 100%;
}
.popup-content {
    position: relative;
    margin: 15% auto; /* Центрирует поп-ап */
    padding: 20px;
    width: 80%;
    max-width: 600px;
    background-color: #fff;
    border-radius: 10px;
}

.close-btn {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 24px;
    cursor: pointer;
}


/* Адаптив */

@media (max-width: 450px) {
	.burger {
		display: block;
	}
	.main_nav_block, .btn_booking, .subtitle_text_maps {
		display: none;
	}
	.logo {
		font-size: 24px;
	}
	.block_title_site {
		width: 100%;
		padding: 0 15px;
	}
	.title_site {
		font-size: 26px;
		margin-bottom: 65px;
	}
	.block_title_site_2 img {
		width: 47px;
	}
	.section_hotel_accommodation img {
		height: 780px;
	}
	.section_about {
		padding: 0 15px;
		margin-bottom: 40px;
	}
	.section_about .min-1200 {
		flex-direction: column-reverse;
		gap: 20px;
	}
	.slider {
		width: 100%;
		height: 330px
	}
	.slick-initialized .slick-slide {
		height: 330px;
	}
	.title_section {
		font-size: 25px;
		margin-bottom: 20px;
	}
	.text_company {
		font-size: 15px;
		margin-bottom: 25px;
	}
	.btn_about {
		width: 100%;
		height: 48px;
		font-size: 14px;
	}
	.btn_href_3 {
		max-width: 300px;
		height: 50px;
		font-size: 12px;
	}
	.section_nomer {
		flex-direction: column;
	}
	.block_nomer {
		width: 100%;
	}
	.block_nomer img {
		height: 430px;
	}
	.btn_href_4 {
	    width: 188px;
	    height: 40px;
    }
    .section_nomer_2 img {
    	height: 430px;
    }
    .section_food {
    	flex-direction: column;
    }
	.block_hotel_accommodation .title_section_text {
		font-size: 27px;
	}
	.text_hotel {
		font-size: 14px;
	}
	.section_food {
		flex-direction: column;
	}
	.block_info_food {
		width: 100%;
		text-align: center;
		align-items: center;
		padding: 80px 15px;
	}
	.block_info_food .title_section_text {
		font-size: 35px;
	}
	.block_img_food {
		width: 100%;
	}
	.block_img_food img {
		height: 500px;
	}
	.section_food, .section_services {
		margin-bottom: 40px;

	}
	.section_services {
		padding: 0 15px;
	}
	.title_section_2 {
		font-size: 27px;
		margin-bottom: 27px;
	}
	.block_services {
		width: 100%;
	}
	.main_services {
		flex-direction: column;
		gap: 15px;
	}
	.block_territory {
		margin-bottom: 25px;
	}
	.section_territory, .section_questions {
		padding: 0 15px;
		margin-bottom: 40px;
	}
	.text_terr {
		font-size: 15px;
	}
	.img_terr img {
		height: 380px;
	}
	.sublock_gallery {
		flex-direction: column;
	}
	.sublock_gallery img {
		width: 100%;
		height: 340px;
	}
	.href_contact {
		max-width: 100%;
		font-size: 15px;
	}
	.main_contact {
		flex-direction: column;
		gap: 35px;
		align-items: center;
	}
	.block_contact img {
		width: 50px;
	}
	.section_contact {
		padding: 45px 15px;
	}
	.section_contact .text_hotel {
		margin-bottom: 35px;
	}
	footer {
		height: 370px;
		padding: 0 15px;
	}
	.title_site_footer {
		font-size: 26px;
	}
	.text_site_footer {
		font-size: 14px;
	}
	.btn_href_6 {
		width: 230px;
		height: 50px;
	}
	.btn_href_7 {
		width: 200px;
		height: 50px;
		font-size: 13px;
	}
	.video-container video {
		height: 450px;
	}
	.video-container img {
		width: 80px;
	}
	.section_title_2  {
		padding: 0 15px;
	}
	.title_sec_2 {
		font-size: 20px;
	}
	.text_sec_2 {
		font-size: 14px;
	}
	.block_nomer_2, .section_nomera_main .block_nomer_2:nth-child(even) {
		flex-direction: column-reverse;
		row-gap: 40px;
	}
	.img_nomer_block img {
		height: 400px;
	}
	.title_block_nomer {
		padding: 0px 15px;
	}
	.title_name_nomer {
		font-size: 18px;
	}
	.opis_nomer {
		font-size: 14px;
	}
	.popup-content {
		width: 90%;
	}
	img.food_menu {
		height: 400px;
	}
}