@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');

body{
	font-family: Jost;
	background-color: rgb(229, 229, 229);
}
.hide{
	display: none;
}
.container{
 max-width: 1130px;
 margin: 0 auto;
 padding: 0 5px;
}
.header-logo{
	display: flex;
	justify-content: center;
	align-items: center;
}
.title-logo{
	color: rgba(0, 0, 0, 0.9);
	font-size: 40px;
	font-weight: 500;
	line-height: 40px;
}
.header__container{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 21px 12px;
	flex-wrap: wrap;
}
.phone{
	color: rgb(0, 0, 0);
	font-size: 32px;
	font-weight: 400;
	line-height: 32px;
	letter-spacing: 0%;
	width: 300px;
	padding: 12px 24px 12px 24px;
	border-radius: 20px;
	background: rgb(255, 255, 255);
	white-space: nowrap;
}
/* -------SWIPE-SLIDER-------- */
.swiper{
	display: flex;
	max-width: 1104px;
	width: 100%;
	height: auto;
	margin: 0;
	position: relative;
}
.swiper-wrapper{
	box-sizing:content-box;
}
.swiper-slide{
	display: flex;
	position: relative;
}
.swiper-slide img{
	width: 100%;
	height: 100%;
}
.swiper-pagination-bullet{
	width: 110px;
	height: 8px;
	border-radius: 3px;
	opacity: .6;
}
.swiper-pagination-bullet-active{
	background-color: #fff;
}
.adress{
	position: absolute;
	top: 20px;
	left: 30px;
	z-index: 3;
	color:#fff;
	font-size: 52px;
}
.slide-text{
	position: absolute;
	top: 300px;
	left: 30px;
	z-index: 3;
	color:#fff;
	font-size: 44px;
}

.desc-activity{
	position: absolute;
	top: 320px;
	left: 30px;
	z-index: 3;
	color:#fff;
	font-size: 14px;
}
.adress h3{
	font-size: 36px;
}

.nav_list-wrapper{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	padding-top: 22px;
	flex-wrap: wrap;
	
}
.nav_list-item{
	font-size: 36px;
	font-weight: 400;
	line-height: 40px;
	padding: 12px 24px 12px 24px;
	color: rgb(0, 0, 0);
	background-color: #fff;
	border-radius: 20px;
	cursor: pointer;
}
.nav_list-item:hover{
	opacity: 0.6;
}
.active{
	background: rgb(255, 121, 46);
	color:#fff;
}

.item-kontact:hover{
	background: rgb(76, 76, 56);
	color:#fff;
}
.item-kontact{
	background: rgb(50, 50, 50);
	color:#fff;
}
.item-kontact.active{
	background: rgb(120, 40, 50);
	color:#fff;
}
.quote-text{
	font-size: 52px;
	font-weight: 400;
	line-height: 60px;
	margin: 100px 15px;
	text-align: center;
	font-style: italic;
	/* min-height: 200px; */
}
.schedule-inner{
	display: grid;
	grid-template-rows: repeat(3, auto);
	grid-template-columns: 9fr 2fr 3fr;
	scroll-behavior: auto;
	overflow-x: scroll;
	border-radius: 24px 24px 24px 24px;
}
.grd-item{
	color: rgb(255, 255, 255);
	font-family: Jost;
	font-size: 42px;
	font-weight: 400;
	line-height: 42px;
	letter-spacing: 0%;
	display: flex;
	align-items: center;
	padding: 20px 47px;
	background: rgb(50, 50, 50);
}
.day_week{
	grid-column: 1 / 4;
	font-style: italic;
	font-size: 34px;
	font-weight: 400;
	line-height: 49px;
}

.header-time, .header-price{
	font-style: italic;
	font-size: 36px;
	font-weight: 400;
	line-height: 52px;
}
.last-str-left{
	border-radius: 0 0 0 24px;
	padding-bottom: 40px;
}
.last-str-right{
	border-radius: 0 0 24px 0;	
}
.header-time{
	border-radius: 24px 0 0 0;
}
.day_week_text, .header-price p,.header-time p{
	opacity: 0.5;
} 
.moonday{
	border-radius: 24px 0 0 0;
	padding-top: 47px; 
}

.header-grd{
	background-color: rgb(229, 229, 229);
	color: #000;
	font-size: 52px;

}
.line{
	width: 100%;
	border: 2px solid rgb(255, 255, 255);
	opacity: 0.1;
	margin-right: 20px;
	margin-left: 20px;
	transform: translateY(-13px);
}
.tlg-link_text{
	color: rgb(24, 24, 24);
	font-size: 48px;
	font-weight: 500;
	line-height: 52px;
	padding: 32px 23px;
}
.tlg-link{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 20px;
}
.tlg-icon{
	width: 99px;
	height: 92px;
	margin-right: 55px;
	background-repeat: repeat;
}
.activity-tlg_chanel{
	border-radius: 24px;
	background: rgb(81, 109, 255);
	background-image: url(/images/bg-tlg-activity.png);
	background-repeat:no-repeat;
}
.schedule-questions{
	border-radius: 24px;
	background: rgb(255, 255, 255);
	background-image: url(/images/bg-tlg-schedule.png);
	background-repeat:no-repeat;
}
.activity-text{
	color: rgb(255, 255, 255);
}
.arenda-inner{
	display: grid;
	grid-template-rows: repeat(3, auto);
	grid-template-columns: 4fr 1.3fr 1.3fr;
	border-radius: 24px;
	overflow-y: auto;
	max-height: 100vh;
}

.header-arenda{
	font-size: 36px;
	font-weight: 500;
	line-height: 52px;
	color: rgb(0, 0, 0);
	font-style: italic;
}
.grd-arenda p{
	opacity: 0.7;
}
.grd-arenda{
	background-color: #fff;
	color: rgb(0, 0, 0);
}
.header-arenda_moonday.grd-arenda, .second-row{
	border-radius: 24px 0 0 0;
}
.third-row, .grd-discount{
	background: rgb(245, 245, 245);
}

.grd-discount{
	grid-column: 1 / 4;
}
.arenda-tlg_admin{
	border-radius: 24px;
	background: rgb(50, 50, 50);
	background-image: url(/images/bg-tlg-arenda.png);
	background-repeat:no-repeat;
}
.arenda-text{
	color: white;
}
.quote-arenda{
	width: 100%;
	margin: 100px auto;
}
.footer-nav{
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
	align-items: start;
	flex-wrap: wrap;
}
.footer_links{
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.link-wrapper{
	display: flex;
	gap: 10px;
}
.tlg-icon_small{
	width: 36px;
	height: 36px;
	position: absolute;

}
.link{
	display: flex;
	align-items: center;
	gap: 6px;
	height: 48px;
	border-radius: 20px;
	padding: 14px;
	position: relative;
	width: fit-content;
	margin: 0 auto;
}
.link p{
	font-size: 32px;
	font-weight: 400;
	line-height: 46px;
	height: 58px;
	margin-left: 45px;
	padding-top: 6px;
}
.tel_all_questions{
	font-size: 32px;
	font-weight: 400;
	line-height: 32px;
	margin: 20px;
}
.link_yoga{
	background: #fff;
}
.link_anons{
	background: rgb(81, 109, 255);
}
.link_arenda{
	background: rgb(50, 50, 50);
}
.tlg-link_small{
	display: none;
}
.title_tlg_link{
	font-size: 26px;
	text-align: center;
	margin: 40px;
	font-weight: 500;
	line-height: 36px;
}
.slide_descr-subtitle{
	font-size: 48px;
}
.map-wrapper {
	border-radius: 20px;
	overflow: hidden;
}
.swiper-slide img{
	border-radius: 20px;
}
.link_anons p, .link_arenda p{
	color: white;
}



@media (max-width: 1100px){
	.footer_links{
		margin-left: 0;
	}
	.desc-activity{
		top: 250px;
	}
	.slide-text{
		top: 250px;
	}
}
@media (max-width: 960px){
	.nav_list-item{
		font-size: 30px;
	}
	h1,h2, .slide-title{
		font-size: 40px;
	}
	.slide-text{
		font-size: 36px;
		top: 180px;
	}
	.quote-text{
		font-size: 40px;}
	.grd-item{
		font-size: 36px;
	}
		.tlg-link_text{
			font-size: 40px;
		}
		.desc-activity{
			top: 180px;
		}
	.grd-arenda{
		padding: 20px 20px;
	}
}
@media (max-width: 760px){
	.swiper-pagination-bullet{
		width: 70px;
		height: 6px;
	}
	.slide_descr-subtitle{
		font-size: 32px;
	}
	.title-logo{
		font-size: 32px;
	}
	.slide-text{
		display: none;
	}
	.phone{
		font-size: 26px;
		width: 240px;
	}
	.grd-item{
		font-size: 30px;
		line-height: 26px;
	}
	.desc-activity{
		top: 160px;
	}
	.tlg-link_text{
		font-size: 30px;
		padding: 15px 15px;
	}
	.quote-text{
		margin: 50px 10px;
	}
	.quote-arenda{
		margin: 50px 10px;
	}

}
@media (max-width: 650px){
	.desc-activity h2{
		display: none;
	}
	.tlg-link_small{
		display: block;
	}
	.tlg-link{
		display: none;
	}
	.tel_all_questions{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items:center;
	}

}
@media (max-width: 576px){
	.link-wrapper{
		flex-direction: column;
		margin: 0 auto;
		width: 250px;
	}
	.footer_links .link_yoga, .footer_links .link_anons, .footer_links .link_arenda{
		width: 100%;
	}

	.header-logo,.footer_links{
		margin: 0 auto;
	}
	.tel_all_questions{
		font-size: 25px;
	}
	.quote-text{
		font-size: 28px;
		line-height: 35px;
	}
	.swiper-pagination-bullet{
		width: 50px;
	}
	h1, .slide-title{
		font-size: 30px;
	}
	.adress h3{
		font-size: 24px;
	}
	.phone{
		margin: 0 auto;
	}
	.nav_list-item{
		font-size: 26px;
		padding: 8px 12px;
	}
	.grd-item {
		font-size: 26px;
		padding: 12px 20px;
}
.moonday{
	padding-top: 30px; 
}
.last-str-left{
	padding-bottom: 30px;
}
.grd-arenda{
	padding: 12px 9px;
}
.slide_descr{
	font-size: 30px;
}
.link-wrapper p{
	font-size: 26px;
	margin-left: 80px;
}
.link-wrapper .tlg-icon_small{
	left: 28px;
}
.title-logo{
	font-size: 26px;
}
.title_tlg_link {
	margin: 5px;
  font-weight: 400;
  line-height: 32px;
	font-size: 24px;
}
		
}
@media (max-width: 460px){
	.grd-item{
		font-size: 18px;	
		padding: 10px 10px;
	}
	.moonday{
		padding-top: 20px;
	}
	.last-str-left{
		padding-bottom: 20px;
	}
	.nav_list-wrapper{
		flex-direction: column;
		padding-right: 10px;
		padding-left: 10px;
	 }
	 .nav_list-item{
			width: 100%;
	 }

	
}