@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');

@font-face {
    font-family: 'HelveticaNeueCyr';
    src: url(font/helveticaneuecyr_black.otf);
    src: url(font/helveticaneuecyr_black.otf?#iefix);
    font-weight: 700;
}
@font-face {
    font-family: 'HelveticaNeueCyr';
    src: url(font/helveticaneuecyr_roman.otf);
    src: url(font/helveticaneuecyr_roman.otf?#iefix);
    font-weight: 400;
}
@font-face {
    font-family: 'HelveticaNeueCyr';
    src: url(font/helveticaneuecyr_roman.otf);
    src: url(font/helveticaneuecyr_roman.otf?#iefix);
    font-weight: 550;
}
@font-face {
    font-family: 'Bebas Neue Cyrillic';
    src: url(font/Bebas_Neue_Cyrillic.ttf);
    src: url(font/Bebas_Neue_Cyrillic.ttf?#iefix);
}

:root {
	--h1-font-size:86px;
	--h2-font-size:64px;
	--p-font-size:20px;
	--logo-height: 145px;
	--margin-top: 212px;
	--club-color: #788953;
	--body-background: #080A08;
	--title-color: #ccae84;
	
	@media (width < 1280px) {
		--h1-font-size:63px;
		--h2-font-size:52px;
		--p-font-size:17px;
		--logo-height: 109px;
		--margin-top: 175px;
	}
	
	@media (width < 850px) {
		--logo-height: 84px;
		--margin-top: 150px;
	}
}

html {
	background: var(--body-background);
	overflow: hidden auto;
}

body {
	margin: 0;
	overflow: hidden auto;
}

h1 {
	font-family: Bebas Neue Cyrillic;
	font-weight: 400;
	font-size: var(--h1-font-size);
	line-height: 100%;
	color: #ffffff;
	margin-top: 30px;
	margin-bottom: 32px;
}

.top-fon:before {
	content: '';
	background: url(../img/grid.png) center;
	width: 100%;
	height: 1200px;
	position: absolute;
	z-index: -1;
	background-size: 100%;
}

.container {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	max-width: 1200px;
}

header {
	position: fixed;
    background: linear-gradient(180deg, rgba(8, 10, 8, 0.95) 54.47%, rgba(8, 10, 8, 0) 100%);
    z-index: 100;
    width: 100%;
	margin-top: -5px;
	
	.container {
		position: relative;
		margin: 0 auto;
		padding: 0;
		margin-left: 88px;
		margin-right: 88px;
		background-size: 100%;
		background-repeat: no-repeat;
		max-width: calc(100% - 180px);

		.wrap {
			height: var(--logo-height);
			display: flex;
			align-items: center;
			margin-top: 38px;
			
			.logo {
				img {
					display: block;
					height: var(--logo-height);
				}
			}
		
			@media (width < 850px) {
				padding-left: 30px;
				padding-right: 30px;
				justify-content: space-between;
				width: 100%;
			}
		}
		
		@media (width < 1380px) {
			margin-left: 30px;
			margin-right: 30px;
		}
		
		@media (width < 850px) {
			margin-left: 0px;
			margin-right: 0px;
			width: 100%;
			max-width: calc(100% - 60px);
		}
	}
}

.m-t {
	margin-top: var(--margin-top);
}

.header_menu {
	margin-left: clamp(10px, 4%, 90px);
	width: 100%;
	
	@media (width < 850px) {
		width: 0;
		padding: 0 25px;
		max-height: 0;
		opacity: 0;
		visibility: hidden;
		transition-duration: .3s;
		position: absolute;
		top: 100%;
	}
	
	&.opened {
		width: calc(100% + 60px);
		max-height: 999px;
		opacity: 1;
		visibility: visible;
		padding: 25px 25px;
		background: var(--body-background);
		z-index: 1110;
		height: 999px;
		left: 0;
		
		.menu_list {
			flex-direction: column;
		}
		
		@media (width < 850px) {
			padding: 0;
		}
	}
	
	@media (width < 850px) {
		margin-left: 0;
	}
}

.menu_list {
    padding: 0;
    display: flex;
	width: 100%;
	
	& > .menu-item-has-children {
		position: relative;
		
		& > a {
			position: relative;
			display: flex;
			
			&:after {
				content: '';
				background: url(../img/menu-children.svg) no-repeat;
				width: 15px;
				height: 8px;
				display: block;
				margin: auto 0 auto 10px;
				transition-duration: .3s;
				
				@media (width < 850px) {
					display: none;
				}
			}
			
			@media (width < 850px) {
				justify-content: end;
			}
		}
		
		.sub-menu {
			position: absolute;
			padding: 0;
    		width: max-content;
			max-height: 0px;
			opacity: 0;
			visibility: hidden;
			transition-duration: 0.3s;
			
			& > li {
				list-style: none;
				background: var(--body-background);
                padding: 5px 40px;
				
				a {
					list-style: none;
					font-family: HelveticaNeueCyr;
					font-weight: 700;
					font-size: 18px;
					line-height: 30px;
					text-transform: uppercase;
					text-decoration: none;
					transition-duration: .3s;
					color: #FFFFFF;
					
					&:hover {
						color: var(--title-color);
					}
					
					@media (width < 850px) {
						color: #999;
					}
				}
				
				&:last-child {
					padding-bottom: 30px;
					
					@media (width < 850px) {
						padding-bottom: 0px;
					}
				}
				
				@media (width < 850px) {
					text-align: right;
					padding: 5px 0px;
				}
			}
			
			@media (width < 850px) {
				position: relative;
			}
		}
		
		&.active-sub-menu {
			.sub-menu {
				opacity: 1;
				visibility: visible;
				padding: 20px 0 0 0;
				z-index: 1110;
				background: var(--body-background);
				
				@media (width < 850px) {
					max-height: 100%;
					padding: 0 25px;
					margin: 0 0 0 auto;
				}
			}
		
			& > a {
				background: var(--body-background);
				
				&:after {
					transform: rotate(180deg) translate(4px, 4.5px);
				}
			}
		}
	}
	
	& > li {
		list-style: none;
	
		& > a {
			display: flex;
			font-family: HelveticaNeueCyr;
			font-weight: 700;
			font-size: 18px;
			line-height: 100%;
			text-transform: uppercase;
			color: #FFFFFF;
			text-decoration: none;
			padding: 29px 40px;
			
			@media (width < 850px) {
				padding: 15px 20px;
				text-align: right;
				display: block;
				width: max-content;
				float: right;
			}
		}
			
		&.current-menu-item {
			a {
				position: relative;
				
				&:after {
					content: '';
					border-bottom: 4px solid #788953;
					position: absolute;
					width: calc(100% - 80px);
					bottom: 10px;
					
					@media (width < 850px) {
						width: calc(100% - 40px);
						left: 20px;
					}
				}
			}
		}
	}
	
	a {
	    transition-duration: .3s;

		&:hover {
			color: var(--title-color);
		}
	}
}

.float_menu {
	display: none;
	
	.open_mob_menu {
		display: flex;
		flex-flow: column;
		background: none;
		border: none;
		gap: 9px;
		cursor: pointer;
		
		span {
			background: #fff;
			width: 48px;
			height: 2px;
			transition-duration: .3s;
			
			&:last-child {
				width: 30px;
			}
		}
	}
	
	&.opened {
		.open_mob_menu {
			span {
				background: #fff;
				width: 48px;
				height: 2px;
				
				&:nth-child(1) {
					transform: rotate(45deg) translate(4px, 4.5px);
				}
				
				&:nth-child(2) {
					transform: rotate(-45deg) translate(4.5px, -4.5px);
				}
			
				&:last-child {
					transform: scaleX(0);
				}
			}
		}
	}
	
	@media (width < 850px) {
		display: block;
	}
}

.v-left {
	position: absolute;
	width: 170px;
	height: 243px;
	background: var(--body-background);
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	z-index: 2;
	top: 337px;
	
	&:before {
		content: '';
		background: linear-gradient(to right top, var(--body-background) 0%, var(--body-background) 49%, transparent 50%, transparent 100%);
		width: 100%;
		height: 150px;
		position: absolute;
		z-index: -1;
		top: -150px;
	}
	
	&:after {
		content: '';
		background: linear-gradient(to right bottom, var(--body-background) 0%, var(--body-background) 49%, transparent 50%, transparent 100%);
		width: 100%;
		height: 148px;
		position: absolute;
		z-index: -1;
		bottom: -148px;
	}
	
	@media (width < 1620px) {
		width: 84px;
	}
	
	@media (width < 1400px) {
		width: 0px;
	}
}

.v-right {
	position: absolute;
	width: 170px;
	height: 243px;
	background: var(--body-background);
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	z-index: 2;
	top: 337px;
	right: 0;
	
	&:before {
		content: '';
		background: linear-gradient(to left top, var(--body-background) 0%, var(--body-background) 49%, transparent 50%, transparent 100%);
		width: 100%;
		height: 150px;
		position: absolute;
		z-index: -1;
		top: -150px;
	}
	
	&:after {
		content: '';
		background: linear-gradient(to left bottom, var(--body-background) 0%, var(--body-background) 49%, transparent 50%, transparent 100%);
		width: 100%;
		height: 148px;
		position: absolute;
		z-index: -1;
		bottom: -148px;
	}
	
	@media (width < 1620px) {
		width: 84px;
	}
	
	@media (width < 1400px) {
		width: 0px;
	}
}

.buttons {
	display: flex;
	gap: 20px;
		
	@media (width < 1260px) {
		flex-flow: column-reverse;
		display: none;
	}
}

.buttons-m {
	display: none;
	
	.btn_white_text, .btn_video {
		margin-left: 30px;
		
		@media (width < 1000px) {
			margin-left: 0px;
		}
	}
	
	@media (width < 1260px) {
		display: flex;
		flex-flow: column;
		/*margin-top: -130px;*/
		position: relative;
		/*height: 171px;*/
	}
}

.btn {
	padding: 13px 74px;
	font-family: Bebas Neue Cyrillic;
	font-weight: 400;
	font-size: 30px;
	line-height: 140%;
	letter-spacing: 0%;
	text-align: center;
	color: #ffffff;
	border: 0;
	text-decoration: none;
	cursor: pointer;
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 79%, calc(100% - 13px) 100%, 0 100%);
	clip-path: polygon(0 0, 100% 0, 100% 79%, calc(100% - 13px) 100%, 0 100%);
	background: #5E6D3D;
	
	@media (width < 500px) {
		padding: 13px 38px;
	}
}

.btn_video {
	box-sizing: border-box;
	/*border: 2px solid rgb(255, 255, 255);*/
	background: none;
	position: relative;
	font-family: Roboto;
	font-weight: 700;
	font-size: 20px;
	line-height: 140%;
	display: flex;
	align-items: center;
	gap: 24px;
	padding: 13px 58px;
	cursor: pointer;
	
	.play {
		width: 12px;
		height: 12px;
		display: block;
		background: #fff;
		-webkit-clip-path: polygon(0 0, 100% 0, 100% 50%, 0% 100%, 0 100%);
		clip-path: polygon(0 0, 100% 0, 100% 0%, 0% 100%, 0 100%);
		transform: rotate(132deg);
	}
	
	@media (width < 1260px) {
		justify-content: center;
		padding: 13px 8px;
	}
}

.top-sliders {
	margin-top: calc(var(--margin-top) + 48px);
	
	.swiper-horizontal {
		overflow: visible;
	}
	
	.slide_wrap {
		display: flex;
		align-items: center;
		justify-content: space-between;
		
		.info {
			width: 50%;
			z-index: 1;
			
			.block_title {
				font-family: Bebas Neue Cyrillic;
				font-weight: 400;
				font-size: var(--h1-font-size);
				line-height: 100%;
				letter-spacing: 0%;
				color: #FFFFFF;
				margin: 0;
				
				span {
					color: var(--title-color);
				}
			}
			
			p {
				font-family: HelveticaNeueCyr;
				font-weight: 400;
				font-size: var(--p-font-size);
				line-height: 140%;
				letter-spacing: 0%;
				color: #fff;
			}

			.facts {
				display: flex;
				margin-top: 34px;
				gap: 60px;
				
				.fact {
					.fact-title {
						font-family: Bebas Neue Cyrillic;
						font-weight: 400;
						font-size: 64px;
						color: var(--title-color);
					}
					
					p {
						font-family: Roboto;
						font-weight: 500;
						font-size: 18px;
						line-height: 140%;
						color: #BBBBBB;
						margin: 0;
					}
				}
			
				@media (width < 1260px) {
					display: none;
				}
			}
			
			@media (width < 1260px) {
				width: 50%;
			}
			
			@media (width < 1000px) {
				width: 100%;
			}
		}
		
		.image_wrap {
			width: 100%;
			max-width: 773px;
			padding: 0;
			z-index: 1;
			margin: auto 0 0 0;
			position: absolute;
			top: -45px;
			right: -170px;
			height: 100%;
		
			.image_fon {
				opacity: 0.5;
				filter: blur(150px);
				width: 614px;
				height: 614px;
				position: absolute;
				right: 133px;
				background: var(--title-color);
				bottom: -228px;
				z-index: -1;
					
				@media (width < 1280px) {
					width: 250px;
					height: 250px;
					bottom: 146px;
				}
					
				@media (width < 1000px) {
					bottom: calc(25% - 100px);
					width: clamp(10px, 40%, 500px);
					height: clamp(10px, 40%, 500px);
					right: 40%;
					margin: auto;
				}
			}

			.image {
				width: 100%;
				position: relative;
				
				img {
					display: block;
					object-fit: cover;
					width: 100%;
					height: 100%;
			
					@media (width < 1280px) {
						object-fit: contain;
						height: auto;
					}
				}
				
				.gym-m {
					@media (width > 1280px) {
						display: none;
					}
					@media (width < 1280px) {
						display: none;
					}
				}
/*				
				.gym-p {
					@media (width < 1280px) {
						display: none;
					}
				}

				&:after {
					@media (width < 1280px) {
						content: '';
						width: 100%;
						height: 100px;
						background: linear-gradient(180deg, rgba(22, 23, 25, 0) 0%, var(--body-background) 100%);
						position: absolute;
						bottom: 0;
						left: 0;
						z-index: 11111;
					}
				}
				*/
				@media (width < 1280px) {
					height: auto;
				}
			
				@media (width < 1000px) {
					height: 20%;
				}
			}
			
			@media (width < 1280px) {
				position: initial;
				width: 50%;
			}
			
			@media (width < 1000px) {
				width: 100%;
				min-width: 100%;
				height: auto;
			}
		}
		
		@media (width < 1280px) {
			gap: 30px;
		}
		
		@media (width < 1000px) {
			flex-direction: column;
			gap: 0px;
		}
	}
	
	.fon-booton {
		background: var(--body-background);
		width: 100%;
		height: 144px;
		z-index: 11;
		position: relative;
		
		@media (width < 1380px) {
			width: calc(100% + 60px);
			margin-left: -30px;
		}
		
		@media (width < 1000px) {
			height: 96px;
            display: none;
		}
	}
	
	@media (width < 1380px) {
		margin-left: 30px;
		margin-right: 30px;
	}
}

.controls {
	max-width: 452px;
	margin-right: auto;
	margin-top: 80px;
	position: relative;
	margin-left: -129px;
	margin-bottom: 80px;
	
	.counter {
		margin: auto;
		display: flex;
		gap: 20px;
		justify-content: center;
		margin: 10px 0;
		position: relative;
		
		.swiper-pagination-bullet {
			width: 50px;
			height: 4px;
			background: #FFFFFF;
			border: 0;
			border-radius: 2px;
            margin: 0 !important;
			padding: 0;
			left: 0  !important;
			width: 50px;
			height: 4px;
			transform: scale(1);
			opacity: 1;
			
			&.swiper-pagination-bullet-active-prev, &.swiper-pagination-bullet-active-next {
				width: 50px;
				height: 4px;
				transform:scale(1);
				opacity: 1;
				left: 0  !important
			}
			
			&.swiper-pagination-bullet-active-main {
				background: #788953;
			}
		}
		
		@media (width < 1000px) {
			position: absolute;
			margin: 10px auto;
			float: inherit;
		}
	}
	
	.arrows {
		display: flex;
		justify-content: space-between;
		width: 100%;
	
		.prev {
			width: 22px;
			height: 22px;
			cursor: pointer;
			margin-top: -20px;
	  
			.icon {
				border: 2px solid #fff;
				transform: rotate(135deg);
				width: 11px;
				display: block;
				position: relative;
				transition-duration: .3s;
				
				&:after {
					content: '';
					border: 2px solid #fff;
					transform: rotate(90deg);
					width: 11px;
					display: block;
					position: absolute;
					margin: -8px 0px 0px 4px;
					transition-duration: .3s;
				}
			}
				
			&:hover {
				.icon {
					border: 2px solid #788953;
					
					&:after {
						border: 2px solid #788953;
					}
				}
			}
			
			&.swiper-button-disabled {
				.icon {
					cursor: auto;
					border: 2px solid #2A2A2A;
					
					&:after {
						border: 2px solid #2A2A2A;
					}
				}
			}
		}
		
		.next  {
			width: 22px;
			height: 22px;
			cursor: pointer;
			margin-top: -10px;
			
			.icon {
				border: 2px solid #fff;
				transform: rotate(-45deg);
				width: 11px;
				display: block;
				position: relative;
				transition-duration: .3s;
				
				&:after {
					content: '';
					border: 2px solid #fff;
					transform: rotate(90deg);
					width: 11px;
					display: block;
					position: absolute;
					margin: -8px 0px 0px 4px;
					transition-duration: .3s;
				}
			}
				
			&:hover {
				.icon {
					border: 2px solid #788953;
					
					&:after {
						border: 2px solid #788953;
					}
				}
			}
			
			&.swiper-button-disabled {
				.icon {
					cursor: auto;
					border: 2px solid #2A2A2A;
					
					&:after {
						border: 2px solid #2A2A2A;
					}
				}
			}
		}
	}
	
	@media (width < 1500px) {
		margin-left: 0px;
	}
	
	@media (width < 1280px) {
		margin-top: -40px;
	}
	
	@media (width < 1000px) {
		max-width: 100%;
		margin-top: 50px;
	}
}

.video-pop-up {
	position: fixed;
	overflow: auto;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: none;
	
	&.pop-up {
		background: rgba(35, 35, 35, 0.5);
		display: block;
		backdrop-filter: blur(7px);
		z-index: 1112;
		
		.bg {
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			z-index: 1;
			cursor: pointer;
		}
		
		.video {
			padding: 30px;
			background: #161719;
			box-sizing: border-box;
			border-radius: 10px;
			position: fixed;
			width: 100%;
			max-width: 800px;
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%);
			z-index: 1112;
			display: flex;
			border: 1px solid #CCAE83;
            box-shadow: 0px 0px 50px 0px #CCAE8333;
			
			&.news-c {
				max-width: 1200px;
				
				.text {
					.card_news {
						.cn_wrap {
							.cn_title {
								@media (width < 1000px) {
									display: none;
								}
							}
							
							@media (width < 1000px) {
								width: 100%;
							}
							
							.social {
								@media (width < 1000px) {
									display: none;
								}
							}
						}
						
						@media (width < 1000px) {
							flex-direction: column-reverse;
							gap: 16px;
						}
					
						.image {
							.cn_title {
								display: none;
								
								@media (width < 1000px) {
									display: block;
								    font-size: 63px;
									margin-bottom: 20px;
								}
							}
							
							.thumbnail {
								@media (width < 1000px) {
									position: relative;
								}
								
								.social {
									top: 0;
									right: 0;
									flex-direction: column;
									
									@media (width > 1000px) {
										display: none;
									}
								}
							}
							
							@media (width < 1000px) {
								width: 100%;
							}
						}
					}
				}
				
				&.news-text {
					@media (width < 1000px) {
						top: 100%;
					}
				}
			}
			
			.close-video {
				position: absolute;
				right: 20px;
				top: 7px;
				cursor: pointer;
				
				&:before {
					content: '';
					background: #fff;
					width: 2px;
					height: 29px;
					position: absolute;
					transform: rotate(45deg);
				}
				
				&:after {
					content: '';
					background: #fff;
					width: 2px;
					height: 29px;
					position: absolute;
					transform: rotate(135deg);
				}
			}
			
			.body-v {
				height: 0;
				padding-bottom: 56.25%;
				position: relative;
				width: 100%;
				
				.videos {
					border: 0;
					left: 0;
					position: absolute;
					top: 0;
				}
				
				.card_news {
					display: flex;
					gap: 80px;
					
					.cn_wrap {
						width: 50%;
						position: relative;
						
						.cn_title {
							font-size: 86px;
						}
						
						.cn_text {
							margin-bottom: 90px;

							& * {
								font-family: HelveticaNeueCyr;
								font-weight: 400;
								font-size: 18px;
								line-height: 140%;
								color: #BBBBBB;
							}
							
							@media (width < 1000px) {
								margin-bottom: 90px;
							}
						}
					}
					
					.image {
						width: 50%;
						
						.thumbnail {
							> img {
								width: 100%;
								height: 100%;
								object-fit: cover;
							}
						}
					}
				}
				
				&.text {
					height: auto;
					padding-bottom: initial;
				}
			}
			
			@media (width < 1000px) {
				max-width: auto;
			}
		}
		
		&.mobi-class {
			.video {
				&.news-c {
					&.news-text {
						top: 200%;
					}
				}
			}
		}
	}
}
						
.social {
	position: absolute;
	bottom: 0;
	display: flex;
	gap: 20px;

	.heateor {
		border-radius: 50%;
		width: 64px;
		height: 64px;
		display: flex;
		justify-content: center;
		align-items: center;

		&.telegram {
			background: #37AEE2;
		}

		&.facebook {
			background: #3B579D;
		}

		&.x {
			background: #242424;
		}

		img {
			@media (width < 850px) {
				width: 18px;
			}
		}
		
		@media (width < 850px) {
			width: 48px;
			height: 48px;
		}
	}
}

.sidebar {
	position: absolute;
	top: 0;
	right: -30px;
	
	.social {
		bottom: auto;
		flex-direction: column;
		top: 0;
	
		@media (width < 1380px) {
			position: relative;
			flex-direction: row;
		}
	}
	
	@media (width < 1380px) {
        position: relative;
    }
}

.news_one {
	.wrap {
		.block_title_wrap {
			display: flex;
			flex-direction: row-reverse;
			gap: 80px;
			justify-content: space-between;
			
			.image {
				width: 50%;
				
				img {
					max-width: 600px;
					height: auto;
				
					@media (width < 1380px) {
						width: 100%;
						height: auto;
					}
				}
				
				@media (width < 1380px) {
					display: flex;
					justify-content: center;
				}
				
				@media (width < 1000px) {
					width: 100%;
				}
			}
			
			@media (width < 1000px) {
				flex-direction: column;
				margin-top: 30px;
				gap: 30px;
			}
		}
		
		@media (width < 1400px) {
			padding: 0 40px;
		}
		
		@media (width < 850px) {
			padding: 0 20px;
		}
	}
}

.page {
	.block_title_wrap {
		.block_wrap {
			h1 {
				margin-top: 0;
			}
			
			.cn_text {
				p {
					font-family: HelveticaNeueCyr;
					font-weight: 400;
					font-size: 24px;
					color: #FFFFFF;
					
					@media (width < 1000px) {
						font-size: 20px;
					}
				}
			}
		}
	}
}

h3 {
	font-family: Bebas Neue Cyrillic;
	font-weight: 400;
	font-size: 32px;
	line-height: 110.00000000000001%;
	letter-spacing: 0%;
	color: #FFF;
}

.block_wrap {
	margin-top: 20px;
	width: 50%;
	
	@media (width < 1000px) {
	    width: 100%;
	}
}

.text_content {
	strong {
		display: initial;
	}
	
	a {
		color: #fff;
		font-weight: 700;
		transition-duration: 0.3s;
		
		&:hover {
			color: #0074E2;
		}
	}
	
	iframe {
		max-width: 100%;
		height: revert-layer;
		
		@media (width < 1000px) {
			height: 517px;
		}
		
		@media (width < 900px) {
			height: 456px;
		}
		
		@media (width < 800px) {
			height: 423px;
		}
		
		@media (width < 700px) {
			height: 367px;
		}
		
		@media (width < 600px) {
			height: 311px;
		}
		
		@media (width < 500px) {
			height: 255px;
		}
		
		@media (width < 400px) {
			height: 199px;
		}
	}
	
	ul, ol {
		font-family: HelveticaNeueCyr;
		font-weight: 400;
		font-size: 20px;
		line-height: 140%;
		color: #D9D9D9;
		
		li {
			&::marker {
				font-size: 25px;
				color: #788953;
			}
		}
	}
	
	table {
		margin-top: 20px;
		margin-bottom: 20px;
		
		thead{
			tr {
				display: -webkit-box;
				padding-bottom: 24px;
				padding-top: 24px;
				
				th {
					padding-left: 24px;
					padding-right: 24px;
					font-family: HelveticaNeueCyr;
					font-weight: 400;
					font-size: 18px;
					color: #BBBBBB;
				}
			}
		}
		
		tbody {
			tr {
				display: -webkit-box;
				padding-bottom: 24px;
				padding-top: 24px;
				
				td {
					padding-left: 24px;
					padding-right: 24px;
					font-family: HelveticaNeueCyr;
					font-weight: 400;
					font-size: 18px;
					color: #FFFFFF;
				}
				
				&:nth-child(2n+1) {
					background-color: #141414;
				}
			}
		}
	}
}

blockquote {
	margin-left: 105px;
	margin-top: 45px;
	
	h3 {
		font-family: HelveticaNeueCyr;
		font-weight: 400;
		font-size: 40px;
		
		@media (width < 1000px) {
			font-size: 28px;
		}
	}
	
	p {
		font-family: HelveticaNeueCyr;
		font-weight: 550;
		font-style: Italic;
		font-size: 18px;
		
		@media (width < 1000px) {
			font-size: 17px;
		}
	}
	
	&:before {
		content: '';
		background: url(../img/blockquote.svg) center;
		width: 79px;
		height: 68.7px;
		position: absolute;
		z-index: -1;
		background-size: 100%;
		margin-left: -105px;
		margin-top: -25px;
		
		@media (width < 1000px) {
			margin-left: -20px;
			margin-top: -45px;
		}
	}
	
	@media (width < 1000px) {
		margin-left: 20px;
		margin-right: 20px;
		margin-top: 65px;
	}
}
		
.alignright {
	float: right;
	margin-left: 35px;
}

.alignleft {
	float: left;
	margin-right: 35px;
}
		
.wrap-club {
	.club {
		display: flex;
		gap: 10px;
		margin-top: 10px;

		img {
			width: 40px;
		}

		.date {
			display: block;
			font-family: Bebas Neue Cyrillic;
			font-weight: 400;
			font-size: 20px;
			line-height: 100%;
			color: var(--club-color);
			margin: auto 0;
		}
	}
}

h2 {
	line-height: 110.00000000000001%;
	font-family: Bebas Neue Cyrillic;
    font-weight: 400;
    font-size: var(--h2-font-size);
    color: var(--title-color);
    margin: 0;
}

p {
	font-family: HelveticaNeueCyr;
	font-weight: 400;
	font-size: var(--p-font-size);
	line-height: 140%;
	color: #D9D9D9;
}

h4 {
	font-family: Bebas Neue Cyrillic;
	font-weight: 400;
	font-size: 29px;
	line-height: 100%;
	color: #FFFFFF;
	margin: 0;
	
	img {
		margin-right: 15px;
		width: 21px;
	}
}

strong {
	font-family: HelveticaNeueCyr;
	font-weight: 700;
}

.btn_button {
	background: none;
	border: 2px solid #FFFFFF;
	position: relative;
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 79%, calc(100% - 13px) 100%, 0 100%);
	clip-path: polygon(0 0, 100% 0, 100% 79%, calc(100% - 13px) 100%, 0 100%);
	margin-top: 21px;
	padding: 13px 44px;
	transition-duration: .3s;
	
	&:after {
		content: '';
		width: 20px;
		height: 21px;
		position: absolute;
		z-index: -1;
		border-left: 2px solid rgb(255, 255, 255);
		bottom: -11.5px;
		right: -12.5px;
		transition: rotet;
		transform: rotate(42deg);
		transition-duration: .3s;
	}
	
	&:hover {
		background: #5E6D3D;
		border: 2px solid #5E6D3D;
		font-family: Bebas Neue Cyrillic;
		font-weight: 400;
		font-size: 30px;
		line-height: 140%;
		letter-spacing: 0%;
		text-align: center;
		color: #ffffff;
		text-decoration: none;
		cursor: pointer;
		-webkit-clip-path: polygon(0 0, 100% 0, 100% 79%, calc(100% - 13px) 100%, 0 100%);
		clip-path: polygon(0 0, 100% 0, 100% 79%, calc(100% - 13px) 100%, 0 100%);
	
		&:after {
			transition-duration: .3s;
			border-left: 2px solid #5E6D3D;
		}
	}
	
	@media (width < 1000px) {
		width: 100%;
	}
}

.btn_button-mob {
	display: none;
	
	@media (width < 700px) {
		display: block;
	}
}

.the_network {
    position: relative;
	
	.fon {
		background: var(--body-background);
		height: 100%;
		width: 100%;
		position: absolute;
		z-index: 1;
	}
	
	.wrap {
		display: flex;
		gap: 80px;
	}
	
	.image {
		width: 50%;
		display: flex;
		flex-direction: row-reverse;
		position: relative;
		
		img {
			height: 100%;
            z-index: 1;
            max-height: 641px;
		}
		
		&.new {
			&:before {
				content: '';
				background: url(../img/new.svg) no-repeat;
				position: absolute;
				width: 171px;
				height: 171px;
				left: 0;
				z-index: 100;
				top: -49px;
			}
		}
		
		@media (width < 1280px) {
            display: none;
        }
	}
	
	.content {
		display: flex;
		width: 50%;
		flex-direction: column;
		
		.content-t {
			.content-i {
				z-index: 1;
				position: relative;
			}
			
			.image {
				display: none;
				
				img {
					@media (width < 1280px) {
						width: calc(100% + 60px);
						margin-left: -30px;
						object-fit: cover;
						width: 100%;
						height: 350px;
						z-index: 1;
                        position: relative;
					}
					
					@media (width < 1000px) {
						/*object-fit: none;*/
						width: calc(100% + 60px);
						height: auto;
					}
				}
		
				@media (width < 1280px) {
					display: flex;
				}
		
				@media (width < 1280px) {
					display: block;
					width: 100%;
					margin-top: 0px;
				}
		
				@media (width < 1000px) {
					margin-top: 30px;
				}
			}
		
			@media (width < 1280px) {
				display: flex;
				flex-direction: row-reverse;
				gap: 20px;
				height: 350px;
			}
				
			@media (width < 1000px) {
				flex-direction: column;
				height: auto;
			}
		}
		
		.btn_button {
			margin-right: auto;
			z-index: 1;
			
			@media (width < 1280px) {
				margin: auto;
				padding-left: 100px;
				padding-right: 100px;
				width: calc(100% - 200px);
			}
			
			@media (width < 1000px) {
				padding-left: 50px;
				padding-right: 50px;
				width: calc(100% - 100px);
			}
		}
		
		.network {
			display: flex;
			flex-wrap: wrap;
			gap: 32px 7px;
			z-index: 1;
			
			.characteristic {
				width: calc(50% - 3.5px);
				
				h4 {
					display: flex;
					
					img {
						margin-top: 0;
						margin-bottom: auto;
					}
					
					span {
						display: block;
					}
				}
				
				p {
					font-size: 17px;
					padding-left: 36px;
					margin: 14px 0 0 0;
				}
				
				@media (width < 1000px) {
					width: 100%;
				}
			}
			
			@media (width < 1000px) {
				flex-direction: column;
			}
			
			@media (width < 700px) {
				width: 100%;
			}
		}
		
		@media (width < 1280px) {
			width: 100%;
			gap: 28px;
		}
		
		@media (width < 1000px) {
			gap: 39px;
		}
		
		@media (width < 700px) {
			flex-direction: column;
		}
	}
	
	@media (width < 1380px) {
		margin-left: 30px;
		margin-right: 30px;
	}
}

.statis {
	margin-top: 151px;
	
	.clubs-container {
		width: 100%;
		max-width: 1596px;
		margin: 151px auto 0;
		display: flex;
		flex-wrap: wrap;
		gap: 29px;
		justify-content: center;
		
		.stat-item {
			max-width: calc(20% - 24px);
			-webkit-flex-basis: calc(20% - 24px);
			-ms-flex-preferred-size: calc(20% - 24px);
			flex-basis: calc(20% - 24px);
			
			.image {
				display: flex;
				justify-content: center;
		
				img {
					/*object-fit: cover;*/
					width: 100%;
					/*height: 355px;
					max-width: 258px;*/
					margin: auto;
				}
			}
			
			.item-c {
				.content {
					.title {
						margin-top: 26px;
						text-decoration: none;
						margin-bottom: 13px;
					}
					
					p {
						font-family: HelveticaNeueCyr;
						font-weight: 400;
						font-size: 18px;
						line-height: 140%;
						color: #BBBBBB
					}
				}
			}
			
			@media (width < 1450px) {
				max-width: calc(25% - 24px);
				-webkit-flex-basis: calc(25% - 24px);
				-ms-flex-preferred-size: calc(25% - 24px);
				flex-basis: calc(25% - 24px);
			}
			
			@media (width < 1280px) {
				max-width: calc(33% - 17px);
				-webkit-flex-basis: calc(33% - 17px);
				-ms-flex-preferred-size: calc(33% - 17px);
				flex-basis: calc(33% - 17px);
			}
			
			@media (width < 1000px) {
				max-width: calc(50% - 17px);
				-webkit-flex-basis: calc(33% - 17px);
				-ms-flex-preferred-size: calc(33% - 17px);
				flex-basis: calc(50% - 17px);
			}
			
			@media (width < 600px) {
				max-width: 100%;
				-webkit-flex-basis: 100%;
				-ms-flex-preferred-size: 100%;
				flex-basis: 100%;
			}
		}
	}
		
	@media (width < 1660px) {
		padding-left: 30px;
		padding-right: 30px;
	}
	
	@media (width < 1280px) {
		margin-top: 117px;
	}
	
	@media (width < 1000px) {
		margin-top: 100px;
	}
}

.advantages {
	margin-top: 100px;
	
	.clubs-container {
		display: flex;
		flex-direction: column;
		gap: 71px;
		
		.stat-item {
			& > h2 {
				display: none;
				margin-bottom: 17px;
				
				@media (width < 1000px) {
					display: block;
				}
			}
			
			.item {
				display: flex;
				gap: 80px;
				
				.item-c {
					width: 50%;
					display: flex;
					flex-direction: column;
					justify-content: center;
					
					h2 {
						@media (width < 1000px) {
							display: none;
						}
					}
					
					p {
						font-size: 18px;
						
						&:first-child {
							@media (width < 1000px) {
								margin-top: 0;
							}
						}
					}
					
					.text {
						margin-bottom: 55px;

						@media (width < 1000px) {
							margin-bottom: 17px;
						}
					}

					.btn_button {
						@media (width < 1000px) {
							display: block;
							width: auto;
							margin-top: 0;
						}
					}

					@media (width < 1000px) {
						justify-content: start;
					}
					
					@media (width < 650px) {
						width: 100%;
					}
				}
				
				.image {
					width: 50%;
					overflow: hidden;
					height: calc(100% - 50px);
					
					img {
						object-fit: cover;
						width: 100%;
						height: auto;
					}
					
					&.gallery {
						display: flex;
						flex-wrap: wrap;
						gap: 30px;
						justify-content: center;
						
						img {
							width: calc(50% - 15px);
							height: 265px;
						}
						
						@media (width < 1000px) {
							gap: 15px;
						}
					}
					
					@media (width < 650px) {
						width: 100%;
					}
				}
				
				@media (width < 1000px) {
					gap: 30px;
				}
					
				@media (width < 650px) {
					flex-direction: column;
				}
			}
			
			&:nth-child(2n+1) {
				.item {
					flex-direction: row-reverse;
					
					@media (width < 650px) {
						flex-direction: column;
					}
				}
			}
			
			&:nth-child(3n+1) {
				&:before {
					content: '';
					background: url(../img/slashes.svg) no-repeat;
					width: 100%;
					height: 235px;
					position: absolute;
					background-size: 47%;
					z-index: -1;
					left: 100%;
					
					@media (width < 1000px) {
						margin-top: 74px;
					}
				}
			}
			
			&:nth-child(3n+2) {
				&:before {
					content: '';
					background: url(../img/dna.svg) no-repeat;
					width: 100%;
					height: 325px;
					position: absolute;
					background-size: 30%;
					z-index: -1;
					right: 100%;
					margin-top: 107px;
					transform: rotate(180deg);
				}
			}
			
			&:nth-child(3n+3) {
				&:before {
					content: '';
					background: url(../img/dna.svg) no-repeat;
					width: 100%;
					height: 325px;
					position: absolute;
					background-size: 30%;
					z-index: -1;
					left: 100%;
					margin-top: 107px;
				}
			}
		}
	}
	
	@media (width < 1380px) {
		margin-left: 30px;
		margin-right: 30px;
		margin-top: 90px;
    }
}

.baner {
	position: relative;
	margin-top: 100px;
	overflow-y: hidden;
	
	.image {
		position: absolute;
		width: 100%;
		
		img {
			object-fit: cover;
			width: 100%;
			height: auto;
		}
		
		@media (width < 1380px) {
			display: none;
		}
	}
	
	.wrap {
		display: flex;
		
		.baner-container {
			background: #788953;
			padding: 54px 61px;
			margin: 200px 0;
			width: 100%;
			position: relative;
			text-decoration: none;
			
			.content {
				float: left;
				width: calc(100% - 480px);
				
				h3 {
					font-family: Bebas Neue Cyrillic;
					font-weight: 400;
					font-size: 45px;
					line-height: 110.00000000000001%;
					margin: 0;
					
					@media (width < 700px) {
						font-size: 40px;
					}
				}
				
				p {
					font-family: HelveticaNeueCyr;
					font-weight: 400;
					font-size: 18px;
					line-height: 140%;
					color: #000;
					
					@media (width < 700px) {
						font-size: 17px;
					}
				}
				
				@media (width < 1000px) {
					width: calc(100% - 320px);
				}
				
				@media (width < 700px) {
					width: 100%;
				}
			}
			
			.bottoms {
				display: flex;
				align-items: center;
				gap: 35px;
				float: right;
				
				.btn_button {
					background: #000;
					border: 2px solid #000;
					font-size: 32px;
					
					&::after {
						border-left: 2px solid #000;
					}
				
					@media (width < 1000px) {
						width: 100%;
					}
					
					@media (width < 700px) {
						margin-top: 7px;
					}
				}
				
				.btn_link {
					background: none;
					padding: 0;
					text-decoration: underline;
					white-space: nowrap;
					margin-top: 21px;
				}
				
				@media (width < 1000px) {
					width: 100%;
					max-width: 290px;
					flex-direction: column;
				}
				
				@media (width < 800px) {
					width: 100%;
					max-width: 250px;
					flex-direction: column;
				}
				
				@media (width < 700px) {
					width: 100%;
					max-width: 100%;
					float: none;
					gap: 12px;
				}
			}
			
			&:before {
				content: '';
				background: url(../img/bottle.png) no-repeat;
				width: 100%;
				height: 205px;
				position: absolute;
				left: -75px;
				bottom: -77px;
					
				@media (width < 1000px) {
					margin-top: 74px;
					width: 91px;
					height: 154px;
					left: -26px;
					background-size: cover;
				}
			}
				
			&:after {
				content: '';
				background: url(../img/badges.png) no-repeat;
				width: 156px;
				height: 136px;
				position: absolute;
				right: -76px;
				top: -68px;
				
				@media (width < 1000px) {
					margin-top: 0px;
					right: -25px;
					width: 118px;
					height: 102px;
					top: -59px;
					background-size: cover;
				}
			}
			
			&.no-img {
				margin: 50px 0;
			}

			@media (width < 1380px) {
				margin: 0;
			}
			
			@media (width < 1000px) {
				padding: 20px;
			}
		}
	}
	
	@media (width < 1380px) {
		margin-top: 157px;
		overflow-y: initial;
    }
}

.news {
	margin-top: 140px;
	position: relative;
	
	.wrap {
		@media (width < 1400px) {
			padding: 0 30px;
		}
	}
	
	.block_title_wrap {
		touch-action: pan-y;
		width: calc(100% + 260px);
		margin: 0 -130px 46px -130px;
		overflow: visible;
		display: flex;
		justify-content: space-between;
		
		@media (width < 1400px) {
			width: 100%;
			margin: 0 0 46px;
		}
	}
		
	.new {
		margin-left: 0;
		margin-top: auto;
		margin-bottom: auto;
			
		.counter {
			margin: 0 0 4px 0;
			width: 100% !important;
		}
		
		@media (width > 1000px) {
			position: absolute;
			top: 39px;
			right: 36px;
			width: 400px;
		}
		
		@media (width > 1400px) {
			right: -132px;
		}
	}
	
	.news_grid {
		touch-action: pan-y;
		width: calc(100% + 260px);
		margin: 0 -130px;
		overflow: visible;
		width: 100%;
		
		.swiper-slide {
			max-width: 280px;
			cursor: pointer;
			text-decoration: none;
			position: relative;
			
			& > img {
				position: absolute;
				z-index: -1;
				height: 100%;
			}
			
			&.news_link {
				height: auto;
				display: flex;
				overflow: hidden;
			}
			
			.news_title {
				margin: auto;
				width: 143px;
                text-align: center;
			}
		
			.image {
				width: 100%;
				height: 350px;
				
				img {
					width: 100%;
					height: 100%;
					object-fit: cover;
				}
			}
			
			.cn_wrap {
				.wrap-club {
					margin-top: 11px;
					display: flex;
					justify-content: space-between;
					
					.club {
						display: flex;
						gap: 10px;
						
						img {
							width: 32px;
						}
						
						.date {
							margin: 0 auto;
							display: block;
							font-family: Bebas Neue Cyrillic;
							font-weight: 400;
							font-size: 20px;
							line-height: 100%;
							color: var(--club-color);
							margin: auto;
						}
					}
					
					span {
						font-family: Bebas Neue Cyrillic;
						font-weight: 400;
						font-size: 20px;
						line-height: 100%;
						color: #ffffff;
						margin: 18px 0 auto;
						
						svg {
							margin-left: 10px;
						}
					}
				}
				
				.cn_title {
					font-family: Bebas Neue Cyrillic;
					font-weight: 400;
					font-size: 30px;
					line-height: 110.00000000000001%;
					color: #ffffff;
					margin-top: 18px;
				}
				
				.cn_text {
					font-family: HelveticaNeueCyr;
					font-weight: 400;
					font-weight: 400;
					font-size: 18px;
					line-height: 140%;
					color: #DFDFDF;
				}
			}
		}
		
		@media (width < 1400px) {
			margin: 0 0 46px 0;
		}
	}
	
	&:before {
		content: '';
		background: url(../img/slashes.svg) no-repeat;
		width: 100%;
		height: 235px;
		position: absolute;
		z-index: -1;
		top: 33%;
	}
}

footer {
	position: relative;
	overflow: hidden;
	background: var(--body-background);
	
	.container {
		margin-top: 100px;
	}
	
	.wrap {
		@media (width < 1400px) {
			padding: 0px 30px;
		}
	}
	
	.info {
		display: block;
		float: left;
		width: 50%;
	
		h2 {
			margin-bottom: 36px;
			
			@media (width < 700px) {
				display: none;
			}
		}
	
		.info_wrap {
			.logo {
				margin-right: 40px;
				
				img {
					width: 142px;
				}
				
				@media (width < 800px) {
					width: 142px;
					margin-right: 19px;
				}
			}
			
			.ponss {
				margin: auto;
				margin-left: 39px;
				
				.pons {
					display: flex;
					
					a {
						font-family: Bebas Neue Cyrillic;
						font-weight: 400;
						font-size: 40px;
						line-height: 44px;
						color: #FFFFFF;
						text-decoration: none;
						white-space: nowrap;
						padding: 0;
						gap: 3px;
						
						span {
							font-family: Oswald;
							font-weight: 400;
							font-size: 40px;
							line-height: 44px;
							color: #FFFFFF;
							margin: 0;
							padding: 0;
							
							@media (width < 1000px) {
								font-size: 32px;
							}
						}
						
						@media (width < 1000px) {
							font-size: 32px;
							height: 40px;
						}
					}
					
					& > span {
						font-family: HelveticaNeueCyr;
						font-weight: 400;
						font-size: 19px;
						line-height: 140%;
						color: #DFDFDF;
						margin-left: 12px;
						margin-top: auto;
			
						@media (width < 1000px) {
							font-size: 17px;
						}
					}
						
					@media (width < 1380px) {
						margin-bottom: 15px
					}
				}
				
				@media (width < 1380px) {
					gap: 0px;
					flex-direction: column;
				}
			}
				
			address {
				font-family: HelveticaNeueCyr;
				font-weight: 700;
				font-size: 19px;
				line-height: 140%;
				color: #FFFFFF;
				text-decoration: none;
				display: flex;
				gap: 21px;
				font-style: inherit;
				
				svg {
					margin: auto 0;
				}
			
				@media (width < 1000px) {
					font-size: 17px;
				}
				
				@media (width < 900px) {
					white-space: initial;
				}
			}
			
			a {
				font-family: HelveticaNeueCyr;
				font-weight: 700;
				font-size: 19px;
				line-height: 140%;
				color: #FFFFFF;
				text-decoration: none;
				display: flex;
				gap: 21px;
				white-space: nowrap;
				font-style: inherit;
				margin-top: 22px;
				
				svg {
					margin: auto 0;
				}
			
				@media (width < 1380px) {
					font-size: 17px;
				}
			
				@media (width < 900px) {
					white-space: initial;
				}
			}
			
			.socials {
				gap: 30px;
				display: flex;
		  
				a {
					width: 64px;
					height: 64px;
					display: block;
					background: #141414;
					-webkit-clip-path: polygon(0% 20%, 20% 0%, 100% 0%, 100% 80%, 80% 100%, 0% 100%);
					clip-path: polygon(0% 20%, 20% 0%, 100% 0%, 100% 80%, 80% 100%, 0% 100%);
					
					.icon_facebook {
						background: url("../img/icon_facebook.svg") no-repeat;
						width: 10px;
						height: 23px;
						display: flex;
						margin: 20px auto;
					}
					
					.icon_instagram {
						background: url("../img/icon_instagram.svg") no-repeat;
						width: 24px;
						height: 24px;
						display: flex;
						margin: 20px auto;
					}
					
					.icon_telegram {
						background: url("../img/icon_telegram.svg") no-repeat;
						width: 24px;
						height: 24px;
						display: flex;
						margin: 20px auto;
					}
				}

				@media (width < 700px) {
					justify-content: center;
				}
			}
		}

		@media (width < 1280px) {
			width: 43%;
		}

		@media (width < 800px) {
			width: 100%;
		}
	}
	
	.info-wrap {
		margin-top: 43px;
		display: flex;
		justify-content: space-between;
		float: left;
		gap: 5px;
		
		.column {
			display: flex;
			
			.copy {
				font-family: HelveticaNeueCyr;
				font-weight: 400;
				font-size: 18px;
				line-height: 140%;
				color: #BBBBBB;
				margin: auto;
				
				a {
					color: #FFFFFF;
					text-decoration: none;
					border-bottom: solid 1px #788953;
				}
				
				@media (width < 700px) {
					font-size: 17px;
				}
			}
		}

		@media (width < 1280px) {
			margin-bottom: 70px;
		}

		@media (width < 900px) {
			margin-bottom: 62px;
			margin-top: 51px;
		}

		@media (width < 700px) {
			flex-direction: column;
			width: 100%;
		}
	}
	
	&:before {
		content: '';
		background: url(../img/fon-futer.png) center;
		width: 100%;
		height: 1200px;
		position: absolute;
		background-size: 100%;
	}
	
	&:after {
		content: '';
		background: url(../img/mask-f.svg) center;
		background-repeat: repeat;
		background-size: auto;
		width: 100%;
		height: 30px;
		position: absolute;
		margin-top: -38px;
		background-size: 100%;
		background-repeat: no-repeat;
		max-width: 930px;
		left: 0;
		bottom: 0;
	}
	
	@media (width < 1000px) {
		-webkit-clip-path: polygon(75% 0px, 100% 0%, 100% 100%, 0% 100%, 0% 59px, 69% 59px);
		clip-path: polygon(75% 0px, 100% 0%, 100% 100%, 0% 100%, 0% 59px, 69% 59px);
	}
	
	@media (width < 700px) {
		-webkit-clip-path: 0;
		clip-path: 0;
	}
}

.coaches {
	.container {
		max-width: 1280px;
	}
	
	.block_title_wrap {
		h1 {
			strong {
				font-family: Bebas Neue Cyrillic;
				font-weight: 400;
				color: var(--title-color);
			}
		}
	}
	
	@media (width < 1380px) {
		margin-left: 30px;
		margin-right: 30px;
    }
}

.coaches_wrap {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	position: relative;
		
	.item {
		width: calc(50% - 17px);
		text-decoration: none;
		display: flex;
		border: solid 1px #fff0;
		transition-duration: .3s;
		background: #141414;
		
		.image {
			position: relative;
			
			img {
				object-fit: cover;
				width: 295px;
				height: 385px;
				object-position: top;
		
				@media (width < 1240px) {
					width: 100%;
					height: auto;
				}
			}
			
			&:after{
				content: '';
				background: linear-gradient(180deg, rgba(20, 20, 20, 0) 86.75%, #141414 100%);
				width: 295px;
				height: 385px;
				position: absolute;
				bottom: 0;
				left: 0;
		
				@media (width < 1240px) {
					width: 100%;
					height: 100%;
				}
			}
		
			@media (width < 1240px) {
				margin: 4px 16px 0 16px;
			}
		}
		
		.content {
			margin: 40px 50px 40px 30px;
			
			h2 {
				color: #fff;
				
				span {
					color: var(--title-color);
				}
			}
			
			.info {
				margin-top: 20px;
				
				p {
					margin: 0;
					font-family: Roboto;
					font-weight: 400;
					font-size: 18px;
					line-height: 140%;
					
					span {
						font-weight: 700;
						color: #fff;
					}
					
					&:first-child {
						margin-bottom: 5px;
					}
				}
			}
		
			@media (width < 1240px) {
				margin: 0px 20px 54px 20px;
			}
		}
		
		&:hover {
			border: solid 1px var(--title-color);
			
			.btn_button {
				background: #5E6D3D;
				border: 2px solid #5E6D3D;
				
				&:after {
					border-left: 2px solid #5E6D3D;
				}
			}
		}
		
		@media (width < 1240px) {
			flex-direction: column;
		}
		
		@media (width < 600px) {
			width: 100%;
		}
	}
		
	&::before {
		content: '';
		background: url(../img/slashes.svg) no-repeat;
		background-size: auto;
		width: 100%;
		height: 235px;
		position: absolute;
		background-size: 47%;
		z-index: -1;
		left: 100%;
		top: 97px;
		
		@media (width < 1240px) {
			display: none;
		}
    }
}

.coaches-post {
	.wrap {
		& > h2 {
			margin-top: 100px;
			margin-bottom: 11px;
				
			@media (width < 850px) {
				margin-top: 70px;
			}
		}
		
		.coaches_wrap {
			margin-bottom: 66px;
			
			&:before {
				left: -248px;
				top: 346px;
				background-size: 36%;
			}
			
			&.swiper-post {
				display: none;
				
				.new {
					margin-left: 0;
					margin-top: 50px;
					margin-bottom: auto;
					width: 100%;
						
					.counter {
						margin: 0 0 12px 0;
						width: 100% !important;
					}
					
					@media (width > 1000px) {
						position: absolute;
						top: 39px;
						right: 36px;
						width: 400px;
					}
					
					@media (width > 1400px) {
						right: -132px;
					}
				}

				@media (width < 600px) {
					display: flex;
				}
			}
			
			@media (width < 600px) {
				display: none;
			}
		}
		
		.block_title_wrap {
			h1 {
				margin-bottom: 15px;
				
				span {
					color: var(--title-color);
				}
				
				@media (width < 850px) {
					margin-bottom: 0px;
				}
			}
			
			.image {
				max-width: 600px;
				max-height: 908px;
				position: relative;
				width: 50%;
				
				h1 {
					display: none;
					
					@media (width < 850px) {
						display: block;
					}
				}
				
				.info {
					display: none;
					
					@media (width < 850px) {
						display: block;
					}
				}
				
				img {
					height: 100%;
					width: 100%;
				}
				
				.swiper {
					width: 100%;
					height: 100%;
				}

				.swiper-slide {
					text-align: center;
					font-size: 18px;
					background: #141414;
					display: flex;
					justify-content: center;
					align-items: center;
					height: auto;
				}

				.swiper-slide img {
					display: block;
					width: 100%;
					height: 100%;
					object-fit: cover;
					object-position: top;
				}

				.swiper {
					width: 100%;
					height: 300px;
					margin-left: auto;
					margin-right: auto;
				}

				.swiper-slide {
					background-size: cover;
					background-position: center;
				}

				.mySwiper2 {
					height: 80%;
					width: 100%;
				}

				.mySwiper {
					height: 20%;
					box-sizing: border-box;
					padding: 10px 0 0;
					
					@media (width < 650px) {
						width: calc(100% - 40px);
					}
				}

				.mySwiper .swiper-slide {
					width: 25%;
					opacity: 0.4;
					
					@media (width < 850px) {
						height: 197px;
					}
				}

				.mySwiper .swiper-slide-thumb-active {
					opacity: 1;
				}

				.swiper-slide img {
					display: block;
					width: 100%;
					height: 100%;
					object-fit: cover;
					object-position: top;
				}
				
				.swiper-button-next, .swiper-button-prev {
					--swiper-navigation-top-offset: calc(100% - 90.8px);
					--swiper-navigation-sides-offset: -22px;
					
					@media (width < 900px) {
						--swiper-navigation-top-offset: calc(100% - 77.4px);
					}
				
					@media (width < 850px) {
						--swiper-navigation-top-offset: calc(100% - 98.5px);
					}
					
					@media (width < 650px) {
						--swiper-navigation-sides-offset: -4px;
					}
				}
				
				@media (width < 1380px) {
					flex-direction: column;
				}
				
				@media (width < 900px) {
					/*max-height: 774px;*/
				}
			
				@media (width < 850px) {
					width: 100%;
					max-height: 100%;
					height: auto;
					margin: auto;
				}
				
				&:before {
					content: '';
					background: url(../img/dna2.svg) no-repeat;
					width: 100%;
					height: 325px;
					position: absolute;
					z-index: -1;
					left: calc(100% - 293px);
					margin-top: 396px;
					background-size: 112%;
				}
			}
			
			.block_wrap {
				margin-top: 0;
				
				&.block_wrap-50 {
					width: 50%;
				}

				h1 {
					margin-top: 0;

					@media (width < 850px) {
						display: none;
					}
				}
				
				.info {
					p {
						font-size: 24px;
						color: #fff;
					}
					
					@media (width < 850px) {
						display: none;
					}
				}
				
				.cn_text {
					p {
						font-size: 18px;
						color: #BBBBBB;
						
						@media (width < 1380px) {
							font-size: 17px;
						}
					}
					
					h3 {
						display: flex;
						margin-bottom: 12px;
						
						&:before {
							content: '';
							background: url(../img/icon-h3.svg) no-repeat;
							width: 19px;
							height: auto;
							margin-top: 5px;
							margin-right: 12px;
						}
					}
					
					ol, ul {
						font-family: HelveticaNeueCyr;
						font-weight: 400;
						font-size: 18px;
						line-height: 140%;
						letter-spacing: 0%;
						color: #BBB;
						margin: 0;
						padding-left: 30px;
						
						&::marker {
							font-size: 25px;
							color: #5E6D3D;
						}
						
						@media (width < 1380px) {
							font-size: 17px;
						}
					}
					
					ol {
						&::marker {
							font-size: 18px;
						}
					}
				}

				@media (width < 850px) {
					margin-top: 0px;
				}
			}
			
			@media (width < 1380px) {
				flex-direction: row-reverse;
			}
			
			@media (width < 850px) {
				flex-direction: column;
			}
		}
			
		.sidebar {
			.social {
				@media (width < 1380px) {
					flex-direction: column;
					z-index: 1;
				}
			}
			
			@media (width < 1380px) {
				position: absolute;
				right: 10px;
			}
			
			@media (width < 850px) {
				top: 154px;
				right: 0px;
			}
		}
	}
}

.coaches {	
	.aktsii {
		background: #141414;
		padding: 50px 60px;
		margin-bottom: 50px;
		display: flex;
		gap: 80px;
		min-height: 425px;
		
		.image {
			width: 50%;
			
			.cn_title {
				display: none;
		
				@media (width < 700px) {
					display: block;
                    margin-bottom: 15px;
				}
			}
					
			img {
				width: 100%;
				height: 100%;
				object-fit: cover;
			}
		
			@media (width < 700px) {
				width: 100%;
			}
		}
		
		.info {
			width: 50%;
			display: flex;
			flex-direction: column;
			justify-content: space-evenly;
			
			.date {
				font-family: Bebas Neue Cyrillic;
				font-weight: 400;
				font-size: 20px;
				line-height: 110.00000000000001%;
				color: #788953;
			}
			
			.cn_title {
				margin-top: 24px;
		
				@media (width < 700px) {
					display: none;
				}
			}
			
			.cn_text {
				font-size: 20px;
				color: #BBBBBB;
			}
			
			.btn_button {
				margin-right: auto;
				
				@media (width < 1000px) {
					width: calc(100% - 90px);
				}
			}
		
			@media (width < 700px) {
				width: 100%;
			}
		}
		
		@media (width < 1300px) {
			padding: 50px 40px;
			gap: 30px;
		}
		
		@media (width < 700px) {
			flex-direction: column;
			margin-left: -30px;
            margin-right: -30px;
		}
	}
	
	.coaches_wrap {
		position: relative;
		height: 100%;
		margin: 0;
		padding: 0;
	  
		.mySwiperNews {
			width: 100%;
			max-height: 1200px;
			height: auto;
			margin-left: auto;
			margin-right: auto;
			
			.swiper-slide {
				max-width: 450px;
				cursor: pointer;
				text-decoration: none;
				height: calc((100% - 30px) / 2) !important;
				
				.image {
					width: 100%;
					height: 350px;
					
					img {
						width: 100%;
						height: 100%;
						object-fit: cover;
					}
				}
				
				.cn_wrap {
					.wrap-club {
						margin-top: 11px;
						display: flex;
						justify-content: space-between;
						
						.club {
							display: flex;
							gap: 10px;
							
							img {
								width: 32px;
							}
							
							.date {
								margin: 0 auto;
								display: block;
								font-family: Bebas Neue Cyrillic;
								font-weight: 400;
								font-size: 20px;
								line-height: 100%;
								color: var(--club-color);
								margin: auto;
							}
						}
						
						span {
							font-family: Bebas Neue Cyrillic;
							font-weight: 400;
							font-size: 20px;
							line-height: 100%;
							color: #ffffff;
							margin: auto 0;
							
							svg {
								margin-left: 10px;
							}
						}
					}
					
					.cn_title {
						font-family: Bebas Neue Cyrillic;
						font-weight: 400;
						font-size: 30px;
						line-height: 110.00000000000001%;
						color: #ffffff;
						margin-top: 18px;
					}
					
					.cn_text {
						font-family: HelveticaNeueCyr;
						font-weight: 400;
						font-size: 18px;
						line-height: 140%;
						color: #DFDFDF;
					}
				}
				
				@media (width < 1300px) {
					max-width: 604px;
				}
			}
		}
		
		.controls {
			max-width: 100%;
			width: 100%;
			margin: auto;
			
			.counter {
				margin: 0 0 4px 0;
				width: 100% !important;
			}
		}
	}
}

.subscriptions {
	.block_title_wrap {
		h1 {
			strong {
				font-family: Bebas Neue Cyrillic;
				font-weight: 400;
				color: var(--title-color);
			}
		}
	}
	
	.body {
		display: flex;
		flex-wrap: wrap;
		width: calc(100% + 60px);
		margin-left: -30px;
		gap: 30px;
		
		.item {
			padding: 30px;
			width: calc(33% - 76px);
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			
			&.img {
				padding: 0px;
				width: calc(33% - 16px);
				
				img {
					width: 100%;
					height: 100%;
					object-fit: cover;
				}
	
				@media (width < 1200px) {
					width: calc(50% - 16px);
				}
				
				@media (width < 600px) {
					display: none;
				}
			}
			
			.info {
				h2 {
					color: #fff;
					margin-bottom: 26px;
					
					strong {
						font-family: Bebas Neue Cyrillic;
						font-weight: 400;
						color: var(--title-color);
					}
					
					@media (width < 1000px) {
						margin-bottom: 10px;
					}
				}
				
				p {
					font-size: 18px;
					color: #BBBBBB;
						
					@media (width < 1380px) {
						font-size: 17px;
					}
				}
					
				h3 {
					display: flex;
					margin-bottom: 12px;
					
					&:before {
						content: '';
						background: url(../img/icon-h3.svg) no-repeat;
						width: 19px;
						height: auto;
						margin-top: 5px;
						margin-right: 12px;
					}
				}
				
				ol, ul {
					font-family: HelveticaNeueCyr;
					font-weight: 400;
					font-size: 18px;
					line-height: 140%;
					letter-spacing: 0%;
					color: #BBBBBB;
					margin: 0;
					padding-left: 30px;
					
					::marker {
						font-size: 25px;
						color: #5E6D3D;
					}
					
					@media (width < 1380px) {
						font-size: 17px;
					}
				}
				
				ol {
					::marker {
						font-size: 18px;
					}
				}

				strong {
					color: #fff;
				}
			}
			
			.button-price {
				display: flex;
				margin-top: 45px;
				
				.btn_button {
					@media (width < 1000px) {
						width: auto;
						margin-top: 22px;
					}
				}
				
				.price {
					font-family: Bebas Neue Cyrillic;
					font-weight: 400;
					font-size: 32px;
					line-height: 110.00000000000001%;
					color: #788953;
					margin: 37px auto auto 30px;
					
					span {
						font-size: 20px;
						margin-left: 6px;
					}
				}
			}
	
			@media (width < 1200px) {
				width: calc(50% - 76px);
			}
	
			@media (width < 1000px) {
				padding: 0;
				width: calc(50% - 15px);
			}
	
			@media (width < 600px) {
				width: 100%;
			}
		}
		
		@media (width < 1000px) {
			width: 100%;
			margin-left: 0;
		}
	}
	
	@media (width < 1380px) {
		margin-left: 30px;
		margin-right: 30px;
    }
}

#pop-up-modal-subscriptions {
	.video {
		padding: 0;
		max-width: 980px;
		overflow: hidden;
		width: calc(100% - 30px);
		
		.close-video {
			z-index: 1;
		}
		
		.body-v {
			display: flex;
			height: 100%;
			padding-bottom: 0;
			
			.info {
				padding: 50px 20px 50px 60px;
				width: calc(50% - 80px);
				
				h2 {
					color: #fff;
					margin-bottom: 26px;
					
					strong {
						font-family: Bebas Neue Cyrillic;
						font-weight: 400;
						color: var(--title-color);
					}
					
					@media (width < 1000px) {
						margin-bottom: 10px;
					}
				}
				
				ol, ul {
					font-family: HelveticaNeueCyr;
					font-weight: 400;
					font-size: 18px;
					line-height: 140%;
					letter-spacing: 0%;
					color: #BBBBBB;
					margin: 0;
					padding-left: 30px;
					
					::marker {
						font-size: 25px;
						color: #5E6D3D;
					}
					
					@media (width < 1380px) {
						font-size: 17px;
					}
				}
				
				ol {
					::marker {
						font-size: 18px;
					}
				}
				
				@media (width < 700px) {
					width: calc(100% - 40px);
					padding: 0;
					margin: 55px 20px 20px 20px;
				}
			}
			
			.fotm {
				width: 50%;
				height: 100%;
				
				&:before {
					content: '';
					background: #000000;
					width: 100%;
					height: 1200px;
					position: absolute;
					background-size: 250%;
					
					@media (width < 700px) {
						height: calc(100% - 100px);
					}
					
					@media (width < 520px) {
						height: calc(100% - 80px);
					}
				}
				
				.wpcf7 {
					overflow: hidden;
					position: relative;
					
					form {
						margin: 60px 60px 60px 50px;
						
						p {
							margin: 0;
							z-index: 1;
							position: relative;
							
							.text-form {
								border: solid 2px #CCAE83;
								padding: 15px;
								background: #000;
								margin-bottom: 20px;
								font-family: HelveticaNeueCyr;
								font-weight: 400;
								font-size: 18px;
								width: calc(100% - 35px);
								color: #FFFFFF;
								
								&.wpcf7-not-valid {
									border: solid 2px #C75454;
									
									&::placeholder {
										color: #C75454;
									}
								}
								
								&::placeholder {
									font-family: HelveticaNeueCyr;
									font-weight: 400;
									font-size: 18px;
									line-height: 140%;
									color: #BBBBBB;
								}
							}
							
							.wpcf7-not-valid-tip {
								display: none;
							}
							
							.wpcf7-list-item {
								margin: 0;
								
								input {
									display: none;
								}
								
								.wpcf7-list-item-label {
									cursor: pointer;
									font-family: HelveticaNeueCyr;
									font-weight: 400;
									font-size: 18px;
									line-height: 130%;
									color: #BBB;
									position: relative;
									padding-left: 44px;
									display: inline-block;
									
									&:before {
										content: "";
										position: absolute;
										width: 20px;
										height: 20px;
										border: 2px solid #CCAE83;
										border-radius: 2px;
										top: 0;
										left: 0;
									}
									
									&.wpcf7-not-valid {
										&:before {
											border: 2px solid #C75454;
										}
									}
									
									&:after {
										content: "";
										position: absolute;
										background: url(../img/check.svg) no-repeat;
										top: 3px;
										left: 3px;
										width: 16px;
										height: 16px;
										background-size: 16px 16px;
										opacity: 0;
									}
								}
								
								input:checked + .wpcf7-list-item-label:after {
									opacity: 1;
								}
							}
						}
						
						.price-submit {
							display: flex;
							margin-top: 43px;
							
							.price {
								font-family: Bebas Neue Cyrillic;
								font-weight: 400;
								font-size: 32px;
								line-height: 110.00000000000001%;
								color: #788953;
								margin: auto 30px auto auto;
								z-index: 1;
								white-space: nowrap;
								
								span {
									font-size: 20px;
									margin-left: 6px;
								}
							}
							
							p {
								width: 100%;
								
								.btn {
									padding: 13px 13px;
									width: 100%;
								}
								.wpcf7-spinner {
									display: none;
								}
							}
						}
						
						@media (width < 700px) {
							margin: 20px 20px 20px 20px;
						}
					}
					
					&:before {
						content: '';
						background: url(../img/fon-futer.png) center;
						width: 100%;
						height: 1200px;
						position: absolute;
						background-size: 100%;
					}
				}
				
				@media (width < 700px) {
					width: 100%;
				}
			}
			
			@media (width < 700px) {
				flex-direction: column;
			}
				
			@media (width < 700px) {
				max-height: 500px;
				overflow: auto;
			}
		}
	}
}