/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

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

/*
@font-face {
	font-family: 'TTTravels';
	src: url(/fonts/TTTravels-Black.ttf);
	font-weight: 900;
	font-style: normal;
}
@font-face {
	font-family: 'TTTravels';
	src: url(/fonts/TTTravels-BlackItalic.ttf);
	font-weight: 900;
	font-style: italic;
}
@font-face {
	font-family: 'TTTravels';
	src: url(/fonts/TTTravels-Bold.ttf);
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: 'TTTravels';
	src: url(/fonts/TTTravels-BoldItalic.ttf);
	font-weight: 700;
	font-style: italic;
}
@font-face {
	font-family: 'TTTravels';
	src: url(/fonts/TTTravels-DemiBold.ttf);
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: 'TTTravels';
	src: url(/fonts/TTTravels-DemiBoldItalic.ttf);
	font-weight: 600;
	font-style: italic;
}
@font-face {
	font-family: 'TTTravels';
	src: url(/fonts/TTTravels-ExtraBold.ttf);
	font-weight: 800;
	font-style: normal;
}
@font-face {
	font-family: 'TTTravels';
	src: url(/fonts/TTTravels-ExtraBoldItalic.ttf);
	font-weight: 800;
	font-style: italic;
}
@font-face {
	font-family: 'TTTravels';
	src: url(/fonts/TTTravels-ExtraLight.ttf);
	font-weight: 200;
	font-style: normal;
}
@font-face {
	font-family: 'TTTravels';
	src: url(/fonts/TTTravels-ExtraLightItalic.ttf);
	font-weight: 200;
	font-style: italic;
}
@font-face {
	font-family: 'TTTravels';
	src: url(/fonts/TTTravels-Italic.ttf);
	font-weight: 400;
	font-style: italic;
}
@font-face {
	font-family: 'TTTravels';
	src: url(/fonts/TTTravels-Light.ttf);
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'TTTravels';
	src: url(/fonts/TTTravels-LightItalic.ttf);
	font-weight: 300;
	font-style: italic;
}
@font-face {
	font-family: 'TTTravels';
	src: url(/fonts/TTTravels-Medium.ttf);
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: 'TTTravels';
	src: url(/fonts/TTTravels-MediumItalic.ttf);
	font-weight: 500;
	font-style: italic;
}
@font-face {
	font-family: 'TTTravels';
	src: url(/fonts/TTTravels-Regular.ttf);
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'TTTravels';
	src: url(/fonts/TTTravels-Thin.ttf);
	font-weight: 100;
	font-style: normal;
}
@font-face {
	font-family: 'TTTravels';
	src: url(/fonts/TTTravels-ThinItalic.ttf);
	font-weight: 100;
	font-style: italic;
} */

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

:root {
	--mark-color: #FF6900;
	--main-gray-color: #D4D8D9;
	--main-black-color: #131313;
}

::-webkit-scrollbar {
	display: none;
}

* {
	/* font-family: 'TTTravels', sans-serif; */
	font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

html {
	overflow-x: hidden;
	scroll-behavior: auto !important;
}

body {
	overflow-x: hidden;
	scroll-behavior: auto !important;
}

img {
	width: 100%;
	pointer-events: none;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

li {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

h3 {
	font-weight: 900;
	font-size: 75px;
	text-transform: uppercase;
	text-align: center;
	margin: 0 0 40px;
	padding: 0;
}

section {
	padding: 145px 0 70px;
}

a {
	text-decoration: none;
	color: white !important;
}

a:hover {
	color: white;
}

.my-gx {
	--bs-gutter-x: 6rem;
}

.my-gx {
	--bs-gutter-y: 6rem;
}

.h3-through {
	position: relative;
	top: -66px;
	line-height: 0;
}

.tal {
	text-align: left;
}

.tar {
	text-align: right;
}

.tac {
	text-align: center;
}

.df {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.jcc {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.jcsb {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.jcse {
	justify-content: space-evenly;
}

.jcfs {
	-webkit-box-pack: start !important;
	-ms-flex-pack: start !important;
	justify-content: flex-start !important;
}

.jcfe {
	-webkit-box-pack: end !important;
	-ms-flex-pack: end !important;
	justify-content: flex-end !important;
}

.aic {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.aifs {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.aife {
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.fdc {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.fdr {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
}

.current {
	border-bottom: 1px solid white;
}

.img-black {
	filter: brightness(0.85);
}

header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 10;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

header,
footer {
	background-color: var(--main-black-color);
	color: white;
	padding: 15px 0;
}

header .inner,
footer .inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

header .logo,
footer .logo {
	width: 80px;
}

header ul,
footer ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

header ul li,
footer ul li {
	margin: 0 10px;
}

header li a:hover,
footer li a:hover {
	border-bottom: 1px solid white;
}

.li-about {
	position: relative;
}

.li-about .span-arrow {
	display: inline-block;
	background-image: url("/img/arrow.svg");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	margin: 0 0 0 5px;

	width: 10px;
	height: 10px;
}

.focus.li-about .span-arrow {
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.li-about .opened {
	display: none;
	width: 270px;
	background-color: var(--main-black-color);
	color: white;
	padding: 30px;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	left: 50%;
	position: absolute;
	border-radius: 10px;
	min-height: 132px;
}

.li-about .opened ul {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.li-about .opened li {
	text-align: center;
	border: none !important;
}

.submit-application {
	border: 1px solid white;
	border-radius: 100px;
	padding: 5px 25px 3px;
	text-transform: uppercase;
	font-weight: 500;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	display: flex;
	align-items: center;
}

.submit-application.active {
	/*background-color: var(--mark-color);
	border: 1px solid var(--mark-color);
	color: var(--main-black-color);*/

	background-color: white;
	border: 1px solid white;
	color: black;
}

header .phone {
	font-weight: 500;

}

header .phone:hover {
	border-bottom: 1px solid white;
}

header .burger {
	display: none;
}

header .burger span {
	display: block;
	width: 30px;
	border-radius: 100px;
	height: 2px;
	margin: 4px 0;
	background-color: white;
}

.menu-burger {
	width: 50px;
	height: 50px;
	background-color: gray;
	border-radius: 10px;
	position: absolute;
	top: 20px;
	right: 20px;
}

.menu-mobile {
	position: fixed;
	top: 0;
	left: 0;
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: 100vh;
	background-color: rgba(0, 0, 0, .9);
	color: white;
	z-index: 200;
	-webkit-transition: .8s;
	-o-transition: .8s;
	transition: .8s;
	padding: 50px 0 40px;
}

.menu-mobile ul {
	list-style: none;
	text-align: center;
}

.menu-mobile ul a {
	text-decoration: none;
	color: white;
}

.menu-mobile li {
	margin-top: 20px;
	font-size: 20px;
	font-weight: 500;
}

.menu-mobile .opened {
	min-height: initial;
}

.li-about li {
	text-transform: capitalize !important;
}

#menu-mobile__last li {
	margin-top: 0;
	font-size: 12px;
}

.menu-mobile__close {
	position: fixed;
	top: 30px;
	right: 30px;
}

.menu-mobile__close .img {
	width: 30px;
	height: 30px;
	border-radius: 10px;
}

main {
	background-color: #D4D8D9;
	min-height: 100vh;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding-top: 75px;
}

main .container-fluid {
	margin: -150px 0 0;
	padding: 0;
}

.track_1 {
	white-space: nowrap;
	will-change: transform;
	-webkit-animation: marquee_first 100s linear infinite;
	animation: marquee_first 100s linear infinite;
}

.track_2 {
	white-space: nowrap;
	will-change: transform;
	-webkit-animation: marquee_second 100s linear infinite;
	animation: marquee_second 100s linear infinite;
}

#main-sport-club-text {
	font-family: 'NeueMachina';
	width: 100vw;
	font-size: 75px;
	text-transform: uppercase;
	position: relative;
	line-height: 100%;
}

#main-alex-text {
	font-family: 'NeueMachina';
	font-size: 370px;
	text-transform: uppercase;
	text-align: center;
	position: relative;
	line-height: 75%;
}

@-webkit-keyframes marquee_first {
	from {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	to {
		-webkit-transform: translateX(-1000%);
		transform: translateX(-1000%);
	}
}

@keyframes marquee_first {
	from {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	to {
		-webkit-transform: translateX(-1000%);
		transform: translateX(-1000%);
	}
}

@-webkit-keyframes marquee_second {
	from {
		-webkit-transform: translateX(-1000%);
		transform: translateX(-1000%);
	}
	to {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
	}
}

@keyframes marquee_second {
	from {
		-webkit-transform: translateX(-1000%);
		transform: translateX(-1000%);
	}
	to {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
	}
}

#misha, #gera {
	width: 300px;
	position: absolute;
	bottom: 0;
	left: 19%;
	z-index: 1;
}

#gera {
	right: 20%;
	left: initial;
	width: 300px;
}

.advantages {
	padding-top: 70px !important;
}

.advantages .row-1 .advantage {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 0;
	position: relative;
}

.advantages .row-2 {
	display: none;
}

.advantages .row-1 .advantage:nth-child(1),
.advantages .row-1 .advantage:nth-child(2) {
	margin-top: var(--bs-gutter-y);
}

.advantages .advantage .blur {
	position: absolute;
	top: 155px;
	left: 0;
	bottom: 115px;
	right: 0;
	background: #FF6900;
	opacity: 0.1;
	-webkit-filter: blur(125px);
	filter: blur(125px);
}

.advantages .text {
	font-style: italic;
	font-size: 35px;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 100%;
}

.advantages .advantage.last .text {
	margin: 20px 0 0;
}

.advantages .text span {
	color: var(--mark-color);
}

.directions {
	background-color: var(--main-gray-color);
	background-image: url('../img/tkd_fon.png');
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.directions .row {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.directions .inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	height: 100%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.directions .inner:hover {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.directions .kickboxing img {
	max-width: 250px;
}

.directions .taekwondo {
	width: 100%;
}

.directions .taekwondo img {
	max-width: 760px;
}

.directions .sambo img {
	max-width: 334px;
}

.directions .blur {
	padding: 5px 55px;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	background: rgba(36, 36, 36, 0.2);
	border: 2px solid rgba(0, 0, 0, 0.1);
	-webkit-backdrop-filter: blur(17.5px);
	backdrop-filter: blur(17.5px);
	border-radius: 100px;
	color: white;
	font-weight: 900;
	font-size: 43px;
	margin: -40px auto 0;
}

.directions .taekwondo .blur {
	margin: -40px -50px 0 0;
}

.teachers {
	padding: 70px 0 90px;
}

.teachers .my-g {
	--bs-gutter-x: 3rem;
	--bs-gutter-y: 3rem;
}

.teachers .inner-1 {
	background-color: var(--main-gray-color);
	box-shadow: 0px 10px 10px 0px #0000001A;
	border-radius: 20px;
}

.teachers .inner-1 img {
	height: 400px;
	object-fit: cover;
	object-position: center top;
	border-radius: 20px;
}

.teachers .inner-1 .info {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 30px 20px 20px;
	height: 270px;
	justify-content: space-between;
	background-color: white;
	border-radius: 20px;
	text-align: center;
	position: relative;
	margin: -30px 0 0;
}

.teachers .inner-1 .fio {
	font-weight: 700;
	font-size: 30px;
	line-height: 100%;
	text-align: center;
}

.teachers .inner-1 .expertise {
	font-size: 18px;
	line-height: 110%;
	font-weight: 700;
	opacity: .5;
}

.teachers .inner-1 button {
	background-color: var(--mark-color);
	color: white;
	border-radius: 10px;
	padding: 8px 15px;
	font-weight: 600;
	border: none;
}

.teachers .inner-2,
.services .inner-2 {
	display: none;
	background-color: white;
	padding: 20px 25px;
	-webkit-box-shadow: 0px 0px 20px -3px rgba(34, 60, 80, 0.22);
	-moz-box-shadow: 0px 0px 20px -3px rgba(34, 60, 80, 0.22);
	box-shadow: 0px 0px 20px -3px rgba(34, 60, 80, 0.22);
	border-radius: 20px;
}

.teachers .inner-2 .fio,
.services .inner-2 .title {
	color: var(--mark-color);
	font-size: 23px;
	font-weight: 600;
	font-style: italic;
	text-transform: uppercase;
	border-bottom: 2px solid var(--main-black-color);
	padding: 0 0 10px;
	margin: 0 0 20px;
	line-height: 120%;
}

.teachers .inner-2 .expertise {
	font-weight: 600;
	line-height: 120%;
	font-size: 16px;
	margin: 0 0 15px;
}

.teachers .inner-2 .description,
.services .inner-2 .description {
line-height: 130%;
}

.teachers .inner-2 button,
.services .inner-2 button {
	background-color: var(--mark-color);
	color: white;
	border-radius: 10px;
	padding: 8px 20px;
	font-weight: 600;
	border: none;
	margin: 10px auto 0;
	display: block;
	background-color: var(--main-gray-color);
	color: var(--main-black-color);
	font-weight: 700;
}

.best-sportsmans {
	background-color: var(--main-gray-color);
}

/*slick*/
/*Не обязательно*/
.slider {
	height: 400px;
	margin: 0 auto;
	/*border: 1px solid black;*/
}

.slider__item {
	text-align: center;
	margin: 0 10px;
}

/*Обязательно*/
.slider {
	position: relative;
}

.slick-track {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
}

.slick-list {
	overflow: hidden;
	max-width: 90%;
	margin: 0 auto;
	height: 100%;

	/*Для того чтобы на телефоне не съезжал*/
	padding: 0 !important;
}

.slick-arrow {
	position: absolute;
	top: 50%;
	z-index: 10;
	pointer-events: auto;
	width: 50px;
	background-color: var(--main-black-color);
	border-radius: 100px;
	padding: 15px;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.slick-arrow:hover {
	background-color: var(--mark-color);
}

.slick-arrow.slick-prev {
	left: 0;
	-webkit-transform: translateY(-50%) rotate(180deg);
	-ms-transform: translateY(-50%) rotate(180deg);
	transform: translateY(-50%) rotate(180deg);
}

.slick-arrow.slick-next {
	right: 0;
}

.slick-dots {
	margin-top: 10px;
	list-style: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.slick-dots li {
	margin: 0 3px;
}

.slick-dots li.slick-active button {
	background-color: #59A2E4;
}

.slick-dots button {
	font-size: 0;
	width: 12px;
	height: 12px;
	background-color: white;
	border-radius: 100px;
	border: 1px solid black;
}
/*slick*/

.best-sportsmans {
	padding-bottom: 40px;
}

.best-sportsmans .slider-outer {
	margin: -70px 0 0;
}

.best-sportsmans .slider-oval {
	width: 100%;
	height: 60px;
	background-color: var(--main-gray-color);
	border-radius: 100%;
}

.best-sportsmans .slider-oval.top,
.best-sportsmans .slider-oval.bottom {
	margin-bottom: -15px;
	position: relative;
	z-index: 1;
}

.best-sportsmans .slider-oval.bottom {
	margin-top: -15px;
	margin-bottom: initial;
}

.best-sportsmans .slider__item img {
	height: 100%;
	/*object-fit: contain;*/
	-o-object-fit: cover;
	object-fit: cover;
	object-position: center top;
}

.best-sportsmans .track_1 {
	color: transparent;
	-webkit-text-stroke: 3px black;
}

.best-sportsmans .track_1 #main-sport-club-text {
	/* font-family: 'TTTravels'; */
	font-weight: 900;
}

.media {
	background-image: url('../img/smi.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
	padding: 70px 0 200px;
}

.media img {
	max-width: 170px;
	display: block;
	margin: 0 auto;
}

.media .inner {
	height: 100%;
}

.media #media_1,
.media #media_3 {
	max-width: 133px;
}

.media #media_2 {
	max-width: 450px;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
}

.contact-form {
	background-color: var(--main-gray-color);
	position: relative;
}

.contact-form .background-rectangle {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 43%;
	background-color: white;
}

.contact-form form,
.hystmodal form {
	position: relative;
	width: 100%;
	background-color: white;
	-webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
	z-index: 1;
}

.contact-form .inner,
.hystmodal .inner {
	text-align: center;
	padding: 70px 10px;
	max-width: 675px;
	margin: 0 auto;
}

.hystmodal .inner {
	padding: 50px 50px;
}

.contact-form .mark-text,
.hystmodal .mark-text {
	color: var(--mark-color);
	font-size: 20px;
	font-weight: 500;
}

.contact-form .title,
.hystmodal .title {
	color: var(--main-black-color);
	font-size: 40px;
	font-weight: 600;
	margin: 10px 0;
	text-transform: uppercase;
}

.contact-form .text,
.hystmodal .text {
	font-size: 20px;
	margin: 0 0 10px;
}

.contact-form #main-form-text,
.hystmodal #main-form-text {
	max-width: 500px;
	margin: 0 auto 40px;
}

.contact-form .label,
.hystmodal .label {
	-moz-text-align-last: left;
	text-align-last: left;
	margin: 0 0 5px;
}

.contact-form input,
.hystmodal input {
	width: 100%;
	margin: 0 0 20px;
	padding: 10px;
	border: 2px solid var(--main-gray-color);
	border-radius: 10px;
	outline: none;
	font-weight: 500;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.contact-form input:focus,
.hystmodal input:focus {
	border: 2px solid var(--mark-color);
}

.contact-form .form-check,
.hystmodal .form-check {
	text-align: left;
}

.contact-form .form-check-input,
.hystmodal .form-check-input {
	width: initial;
}

.contact-form .form-check-input[type=radio],
.hystmodal .form-check-input[type=radio] {
	border: 2px solid var(--main-gray-color);
	padding: 6px;
	position: relative;
	bottom: -2px;
}

.contact-form .form-check-input:checked[type=radio],
.hystmodal .form-check-input:checked[type=radio] {
	background-image: url('../img/input-round.svg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.contact-form .form-check-input:checked,
.hystmodal .form-check-input:checked {
	background-color: white;
	border-color: white;
	border: 2px solid var(--mark-color);
}

.contact-form .form-check-input:focus,
.hystmodal .form-check-input:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 2px solid var(--mark-color);
}

.contact-form .form-check span,
.hystmodal .form-check span {
	color: var(--mark-color);
}

.contact-form .acceptance,
.hystmodal .acceptance {
	margin: 10px 0 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.contact-form .acceptance input,
.hystmodal .acceptance input {
	padding: 6px;
	margin: 0 8px 0 0;
}

.contact-form .acceptance label,
.hystmodal .acceptance label {
	text-align: left;
	line-height: 150%;
	color: #344054;
	font-weight: 500;
	opacity: 0.7;
	max-width: 545px;
	font-size: 17px;
}

.contact-form .acceptance .form-check-input:checked,
.hystmodal .acceptance .form-check-input:checked {
	background-color: var(--mark-color);
}

.contact-form label a,
.hystmodal__window label a {
	color: var(--main-black-color) !important;
}

.contact-form form button,
.hystmodal form button {
	background: var(--mark-color);
	color: white;
	border: none;
	padding: 10px 0;
	font-size: 17px;
	font-weight: 400;
	border-radius: 10px;
	max-width: 400px;
	width: 100%;
	margin: 30px auto 0;
}

.gallery, .participants {
	background-color: var(--main-gray-color);
}

.gallery img {
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.participants .my-gx {
	--bs-gutter-x: 2rem;
}

.participants .my-gy {
	--bs-gutter-y: 3rem;
}

.participants .participant {
	background-color: white;
	text-align: center;
	padding: 20px;
	border-radius: 15px;
	-webkit-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.25);
	height: 100%;
}

.participants .participant img {
	border-radius: inherit;
	background-color: #dddddd;
}

.participants .participant .info {
	padding: 15px 0 5px;
}

.participants .participant .name {
	color: var(--main-black-color);
	font-weight: 600;
	font-size: 19px;
	border-bottom: 2px solid var(--mark-color);
	padding: 0 0 5px;
	margin: 0 0 13px;
}

.participants .participant .description {
	color: rgba(19, 19, 19, 0.5);
	font-weight: 600;
	line-height: 120%;
	max-width: 195px;
	margin: 0 auto;
}

/*MODULES/SCHEDULE*/
.schedule .header {
	background-color: initial !important;
}

.schedule .single-event {
	width: 95% !important;
	/*margin: 0 auto !important;*/
	background-color: white !important;
}

.schedule .event-date {
	color: black !important;
}

.schedule .event-name {
	color: black !important;
}

.schedule h3 {
	margin-bottom: 0;
}

.schedule .summer {
	text-align: center;
	font-weight: 600;
}
/*MODULES/SCHEDULE*/

.camps {
	padding-top: 145px !important;
}

.camps .main-text {
	text-align: center;
	font-weight: 500;
	font-size: 45px;
	line-height: 100%;
	max-width: 1120px;
	margin: 0 auto 40px;
}

.camps .main-text span {
	color: var(--mark-color);
}

.camps .second-text {
	font-size: 20px;
	margin: 0 auto 20px;
	line-height: 120%;
	font-weight: 500;
	max-width: 1200px;
	text-align: center;
}

.camps .second-text.second {
	margin: 0 auto 90px;
}

.camps .second-text span {
	color: var(--mark-color);
}

.camps .row {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	align-items: stretch;
}

.camps .row-2 {
	display: none;
}

.camps .text {
	font-size: 30px;
}

.services {
	padding-top: 50px;
}

.services .second-text {
	font-size: 30px;
}

.services .second-text.second {
	margin: 0;
	font-weight: 400;
}

.services .inner-1 {
	box-shadow: 0px 10px 10px 0px #0000001A;
	border-radius: 20px;
}

.services .inner-1 img {
	height: 400px;
	object-fit: cover;
	object-position: center top;
	border-radius: 20px;
}

.services .inner-1 .info {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 30px 20px 20px;
	height: 175px;
	justify-content: space-between;
	background-color: white;
	border-radius: 20px;
	text-align: center;
	position: relative;
	margin: -30px 0 0;
}

.services .inner-1 .title {
	font-size: 18px;
	line-height: 110%;
	font-weight: 700;
	opacity: .5;
}

.services .inner-1 .price {
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 700;
}

.services .inner-1 button {
	background-color: var(--mark-color);
	color: white;
	border-radius: 10px;
	padding: 8px 15px;
	font-weight: 600;
	border: none;
}

.services .inner-2 .description span {
	color: var(--mark-color);
}

.contacts {
	padding: 175px 0 0 !important;
}

.contacts .container {
	background-color: var(--main-gray-color);
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	padding: 0 45px 35px;
}

.contacts .h3-through {
	top: -25px;
	margin: 0;
	line-height: 80%;
}

.contacts .item {
	margin: 20px 0;
	font-size: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-weight: 500;
}

.contacts .item span {
	font-weight: 800;
}

.contacts .item .text {
	margin: 0 0 0 10px;
}

.social {
	padding-top: 0;
}

.social .container {
	background-color: var(--main-black-color);
	padding: 40px 40px 70px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}

.social h3 {
	-webkit-text-stroke: 2px white;
	color: var(--main-black-color);
}

.social .links {
	max-width: 400px;
	margin: 0 auto;
}

.social .my-gx {
	--bs-gutter-x: .75rem;
}

.social .my-gy {
	--bs-gutter-y: 1rem;
}

.social .links .inner {
	border: 1px solid white;
	border-radius: 10px;
	padding: 15px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.social .links .inner:hover {
	background-color: white;
}

.social .links .inner img {
	width: 40px;
	height: 25px;
	display: block;
}

.social .links .inner span {
	font-weight: 500;
}

.social .links .inner.tg img,
.social .links .inner.wats img {
	margin: 0 10px 0 0;
}

.social .links .inner {
	color: white;
}

.map {
	padding-top: 50px;
}

.map iframe {
	border-radius: 20px;
	-webkit-box-shadow: 0px 8px 14px 1px rgba(34, 60, 80, 0.3);
	box-shadow: 0px 8px 14px 1px rgba(34, 60, 80, 0.3);
}

.crazy-text {
	display: none;
}

.crazy-text p {
	position: fixed;
	left: 0;
	top: 100%;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	color: white;
	font-size: 50px;
	white-space: nowrap;
	background-color: var(--main-black-color);
	font-weight: 700;
	color: black;
	-webkit-text-stroke: 1px white;
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
	width: 100vh;
	height: 85px;
	z-index: 1;
}

.crazy-text.right p {
	left: initial;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	right: 0;
	top: 100%;
	background-color: var(--main-black-color);
	-webkit-transform-origin: top right;
	-ms-transform-origin: top right;
	transform-origin: top right;
}

.hystmodal__close:focus {
	outline: none;
}

.schedule-red {
	border-left: 2px solid #DF1857;
}

.schedule-green {
	border-left: 2px solid #00FFA9;
}

.schedule-blue {
	border-left: 2px solid #0067FF;
}

.schedule .event-date.additional-element {
	color: #a7a7a7 !important;
	margin: 10px 0 !important;
}

.cd-schedule .events {
	user-select: none;
}

footer {
	position: relative;
	padding: 40px 0;
}

footer ul {
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	left: 50%;
	max-width: 700px;
	width: 100%;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: absolute;
	padding: 0 12px;
}

footer ul li {
	margin: 0;
}

footer .li-about .opened {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	background: rgba(19, 19, 19, 0.05);
	-webkit-backdrop-filter: blur(9.27994px);
	backdrop-filter: blur(9.27994px);
	border: 1px solid rgba(255, 255, 255, .2);
}

footer #footer-row {
	max-width: 700px;
	width: 100%;
	margin: 0 auto;
}

footer #social img {
	width: 23px;
	margin: 0 3px;
}

footer .item p {
	font-size: 26px;
	border-bottom: 1px solid var(--mark-color);
}

@media (max-width: 1500px) {
	.crazy-text {
		display: none;
	}
}

@media (max-width: 1399px) {
	main .container-fluid {
		margin: -100px 0 0;
	}

	#main-sport-club-text {
		font-size: 100px;
	}

	#main-alex-text {
		font-size: 285px;
	}

	#misha, #gera {
		width: 300px;
		left: 13%;
	}

	#gera {
		width: 300px;
		left: initial;
		right: 13%;
	}

	.directions .kickboxing img {
		max-width: 243px;
	}

	.directions .taekwondo img {
		max-width: 635px;
	}

	.best-sportsmans .slider__item img {
		-o-object-fit: cover;
		object-fit: cover;
	}

}

@media (max-width: 1199px) {
	h3 {
		font-size: 55px;
		margin: 0 0 40px;
		text-align: center !important;
	}

	header ul,
	header .phone {
		display: none;
	}

	header .submit-application {
		position: absolute;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		left: 50%;
	}

	.menu-mobile .li-about .opened {
		display: none;
		width: initial;
		background-color: initial;
		padding: initial;
		-webkit-transform: initial;
		-ms-transform: initial;
		transform: initial;
		position: initial;
	}

	header .burger {
		display: block;
	}

	#main-sport-club-text {
		font-size: 60px;
	}

	#main-alex-text {
		font-size: 195px;
	}

	#misha, #gera {
		width: 250px;
	}

	#gera {
		width: 250px;
	}

	.advantages .row-1 {
		display: none;
	}

	.advantages .row-2 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

	.advantages .advantage {
		margin-top: 0;
	}

	.advantages .advantage:first-child {
		margin-top: var(--bs-gutter-y);
	}

	.advantages .advantage .blur {
		display: none;
	}

	.advantages .text {
		font-size: 40px;
		margin: 20px 0 70px;
		text-align: center;
	}

	.directions, .best-sportsmans {
		padding: 0 0 70px;
	}

	.directions .h3-through,
	.best-sportsmans .h3-through {
		top: 2px;
	}

	.directions .row {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.directions .taekwondo {
		margin: 0 0 30px;
	}

	.directions .blur {
		max-width: 420px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		width: 100%;
	}

	.directions .taekwondo .blur {
		margin: -40px 0 0 0;
	}

	.best-sportsmans .slider-outer {
		margin: -15px 0 0;
	}

	.camps {
		padding: 70px 0 0;
	}

	.camps .main-text {
		font-size: 35px;
	}

	.camps .second-text {
		font-size: 19px;
	}

	.advantages .text {
		font-size: 29px;
	}

	footer .inner {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	footer ul {
		-webkit-transform: initial;
		-ms-transform: initial;
		transform: initial;
		position: initial;
		/*flex-direction: column;*/
		/*justify-content: center;*/
		margin: 20px 0;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	footer ul li {
		margin: 5px;
	}

	footer .submit-application {
		margin-bottom: 10px;
	}

	footer #footer-row {
		max-width: initial;
	}
}

@media (max-width: 991px) {
	h3 {
		font-size: 45px;
	}

	#misha, #gera {
		left: 6%;
	}

	#gera {
		right: 9%;
		left: initial;
	}

	.directions .taekwondo img {
		max-width: 506px;
	}

}

@media (max-width: 767px) {
	h3 {
		font-size: 35px;
	}

	#main-sport-club-text {
		font-size: 45px;
	}

	#main-alex-text {
		font-size: 155px;
	}

	#misha {
		display: none;
	}

	#gera {
		display: block;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		left: 50%;
		right: initial;
		max-width: 250px;
		width: 100%;
	}

	.advantages .advantage:first-child {
		margin-top: 5rem;
	}

	.advantages .text {
		font-size: 25px;
	}

	.contact-form {
		padding-top: 90px;
	}

}

@media (max-width: 575px) {

	main {
		/* height: 73rem; */
		height: 100vh;
		min-height: auto !important;
	}

	.advantages {
		padding-top: 45px !important;
	}

	.camps {
		padding-top: 145px !important;
	}

	h3 {
		font-size: 21px;
		margin-bottom: 30px;
	}

	header .logo {
		width: 65px;
	}

	header .submit-application {
		padding: 5px 20px;
		font-size: 14px;
	}

	main {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		min-height: 100vh;
		background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(50.83%, rgba(255, 158, 89, 0.4)), to(rgba(255, 105, 0, 0))), #D4D8D9;
		background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 158, 89, 0.4) 50.83%, rgba(255, 105, 0, 0) 100%), #D4D8D9;
		background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 158, 89, 0.4) 50.83%, rgba(255, 105, 0, 0) 100%), #D4D8D9;
	}

	#gera {
		max-width: 285px;
	}

	main .container-fluid {
		margin: 50px 0 0;
	}

	.track_1 {
		-webkit-animation: marquee_first 50s linear infinite;
		animation: marquee_first 50s linear infinite;
	}

	.track_2 {
		-webkit-animation: marquee_second 50s linear infinite;
		animation: marquee_second 50s linear infinite;
	}

	#main-sport-club-text {
		font-size: 45px;
	}

	#main-alex-text  {
		font-size: 115px;
		line-height: 85%;
	}

	.advantages .text {
		font-size: 20px;
	}

	.directions {
		background-attachment: initial;
		background-image: url('../img/tkd_fon_2.png');
		background-size: 160%;
		padding-bottom: 40px;
	}

	.directions .h3-through {
		margin-bottom: 40px;
	}

	.directions .blur {
		font-size: 22px;
		max-width: 280px;
	}

	.teachers .inner-2 .fio,
	.services .inner-2 .title {
		font-size: 19px;
	}

	.teachers .inner-2 .description,
	.services .inner-2 .description {
		font-size: 15px;
	}

	.teachers .inner-2 .expertise {
		font-size: 15px;
	}

	.media {
		background-attachment: initial;
		background-size: 350%;
		padding-bottom: 140px;
	}

	.media .col-bal {
		max-width: 210px;
	}

	.media #media_1, .media #media_3 {
		max-width: 54px;
	}

	.map {
		padding-top: 0;
	}

	.directions .blur {
		border: none;
	}

	.directions .kickboxing img {
		max-width: 205px;
	}

	.directions .taekwondo img {
		max-width: 360px;
	}

	.best-sportsmans .slider-oval {
		height: 45px;
	}

	.media {
		background-size: 200%;
	}

	.contact-form .title {
		font-size: 30px;
	}

	.contact-form .mark-text {
		font-size: 18px;
	}

	.contact-form .text {
		font-size: 17px;
	}

	.camps .main-text {
		font-size: 24px;
	}

	.camps .second-text {
		font-size: 15px;
	}

	.contacts .container {
		padding: 1px 15px;
	}

	.contacts .h3-through {
		top: -7px;
	}

	.contacts .item {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	.contacts .item .text {
		text-align: right;
		max-width: 300px;
		font-size: 16px;
	}

	.social h3 {
		-webkit-text-stroke: 1px white;
	}

	.social .links .inner:hover {
		background-color: var(--main-black-color) !important;
	}

	.social .links .inner img {
		filter: initial !important;
	}

	.participants {
		padding-top: 0;
	}

	/*.map .container {
		position: relative;
		z-index: 2;
		}*/

		.map iframe {
			position: relative;
			/*z-index: -1;*/
			width: 90%;
			margin: 0 auto;
			display: block;
		}

		.schedule .single-event {
			width: 45% !important;
		}

		.cd-schedule .event-name {
			font-size: 17px !important;
		}

		.schedule .event-date.additional-element {
			font-size: 10px;
		}

		footer .item {
			-webkit-box-align: center !important;
			-ms-flex-align: center !important;
			align-items: center !important;
			margin: 15px 0;
		}

		footer .item span {
			max-width: 380px;
			text-align: center;
		}

		footer ul li {
			margin: 10px;
		}
	}