*{
  -webkit-backface-visibility:hidden;
     -moz-backface-visibility:hidden;
      -ms-backface-visibility:hidden;
       -o-backface-visibility:hidden;
          backface-visibility:hidden;
}

body{
	font-family: 'Montserrat', Arial, sans-serif;
	width: 100%;
	height: 100%;
	font-size: 14px;
}


*,*:before,*:after{
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
}

h2 {
	font-size: calc(12px + 8 * (100vw / 1360));
}

h3 {
	font-size: calc(10px + 6 * (100vw / 1360));
}

.loader_bg {
	position: fixed;
	z-index: 999;
	background: #e1e1e1;
	width: 100%;
	height: 100%;
}

.loader {
	border: 0px solid transparent;
	border-radius: 50%;
	width: 80px;
	height: 80px;
	position: absolute;
	top: calc(50vh - 40px);
	left: calc(50vw - 40px);
}

.loader::before, .loader::after {
	content: '';
	border: 0.5em solid #FB1900;
	border-radius: 50%;
	width: inherit;
	height: inherit;
	position: absolute;
	top: 0;
	left: 0;
	animation: loader 2s linear infinite;
	opacity: 0;
}

.loader::before {
	animation-delay: .5s;
}

@keyframes loader {
	0% {
		transform: scale(0);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		transform: scale(1.5);
		opacity: 0;
	}
}

/* полоса прокрутки (скроллбар) */
::-webkit-scrollbar {
    width: 7px; /* ширина для вертикального скролла */
    height: 0px; /* высота для горизонтального скролла */
    background-color: #2F3640;
}

/* ползунок скроллбара */
::-webkit-scrollbar-thumb {
    background-color: #FB1900;
		border: 1px outset #000;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #fff;
}


.wrapper_form{
	position: fixed;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 1000;
}

.form * {
	outline: none;
}

.form {
	max-width: 350px;
	position: relative;
	background-color: rgba(47, 54, 64,0.9);
	box-shadow: 0px 0px 5px -1px #000000;
	color: #fff;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	padding: 30px;
}

.form_body{
	position: relative;
}

.form_body::after{
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url('img/loading.gif');
background-repeat: no-repeat;
background-position: center;
background-size: 50px;
opacity: 0;
visibility: hidden;
transition: all 0.5s ease 0s;
}

.form_body._sending::after{
	opacity: 1;
	visibility: visible;
}

.form_item{
	margin: 0 0 20px 0;
}

.form_label {
	display: block;
	margin: 0 0 10px 0;
}

.form_input{
	height: 30px;
	width: 100%;
	transition: all 0.5s ease 0s;
}

.form_input:focus {
	box-shadow: 0 0 10px #fff;
} 

.form_input._error{
	box-shadow: 0 0 10px #FB1900;
}

.checkbox._error .checkbox_label::before{
box-shadow: 0 0 10px #FB1900;
}

.checkbox_input{
	display: none;
}

.checkbox_input:checked + .checkbox_label::after{
	transform: scale(1);
}

.checkbox_label{
	line-height: 140%;
	display: inline-flex;
	align-items:center;
	position: relative;
	cursor: pointer;
}

.checkbox_label a{
	color: rgb(84, 190, 240);
}

.checkbox_label::before{
	content: "";
	align-self: flex-start;
	flex: 0 0 24px;
	height: 24px;
	background-color: #fff;
	margin-right: 10px;
}

.checkbox_label::after{
content: "";
width: 16px;
height: 16px;
position: absolute;
top: 4px;
left: 4px;
background-color: #FB1900;
transform: scale(0);
transition: transform 0.5s ease 0s;
}

.form_button{
	font-family: Montserrat;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 30px;
	cursor: pointer;
	background-color: #FB1900;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 1px;
	text-transform: uppercase;
	box-shadow: 0 3px 0 #7e0d00;
	transition: background-color 0.3s ease 0s;
	position: relative;
	top: 0;
	border: none;
}

.form_button:active{
top: 3px;
box-shadow: none;
}

.form_button:hover{
	background-color: #c41401;
	color: rgb(235, 235, 235);
}

.mobile a{
	font-family: Montserrat;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 30px;
	cursor: pointer;
	background-color: #FB1900;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 1px;
	text-transform: uppercase;
	box-shadow: 0 3px 0 #7e0d00;
	transition: background-color 0.3s ease 0s;
	position: relative;
	top: 0;
	text-decoration: none;
}

.mobile a:active{
top: 3px;
box-shadow: none;
}
	
.mobile a:hover{
background-color: #c41401;
color: rgb(235, 235, 235);
}

.cancel{
position: relative;
width: 24px;
height: 24px;
left: 100%;
transform: translateX(-100%);
cursor: pointer;
background-color: #fffdfd;
transition: background-color 0.3s ease 0s;
}

.cancel:active{
	top: 3px;
	}

.cancel:hover{
	background-color: #979797;
}

.page {
	position: absolute;
	width: 100%;
height: 100%;
	top: 0;
	left: 0;
}

.parallax {
	height: 100%;
}

.parallax_karate {
position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}


.parallax_bg_main {
background-image: url(img/tablet.jpg);
background-size: cover;
background-repeat: no-repeat;
}


.parallax_floor {
background-image: url(img/Group11logo-min.png);
background-size: contain;
background-repeat: no-repeat;
background-position: bottom;
z-index: 1;
}

@media (max-width: 1024px) {
	.parallax_floor {
		display: none;
	}
}


.insta{
	position: absolute;
	top: 95px;
	right: 5px;
	width: 56px;
	z-index: 1;
}

.insta img{
	width: 100%;
}

.parallax_karate.parallax_bg_main {
    pointer-events: none;
}

.parallax_karate.parallax_floor {
    pointer-events: none;
}


.club_name {
	background-image: url(img/club_name.svg);
	position: relative;
	background-repeat: no-repeat;
	background-position: 80% 50%;
}


.content {
	position: relative;
	overflow: hidden;
}


#video {
	width: 100%;
	object-fit: cover;
}

.phone {
position: absolute;
top: 90px;
background: #FB1900;
font-family: Montserrat;
font-style: normal;
font-weight: normal;
font-size: 15px;
text-align: center;
color: #FFFFFF;
display: block;
box-shadow: 0px 0px 5px -1px #000000;
border: none;
transition: 0.5s;
margin-right: 5px;
padding: 7px;
}

.phone:hover{
	background: rgba(255,255,255,1); color: #000;
	box-shadow: none;
	cursor: pointer;
}

.items {
display: flex;
flex-direction: column;
position: absolute;
bottom: 12vh;
right: 5px;
z-index: 49;
}

.popup-gallery {
	display: flex;
	flex-direction: column;
}


@media (max-width: 1024px) {
	.items{
		bottom: 15px;
	}

}

.nnov {
	margin-bottom: 5px;
}

.container_header {
	width: 100%;
	margin: 0px auto;
	padding-left: 10px;
}

.header {
position: fixed;
width: 100%;
top: 0;
left: 0;
z-index: 50;
box-shadow: 9px 9px 8px -10px #000000;
}

.header:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #2F3640;
z-index: 2;
}

.header_body {
	position: relative;
	display: flex;
 justify-content: space-between;
	height: 80px;
	align-items: center;
}

.logo_body {
	width: 220px;
overflow: hidden;
z-index: 3;
}

.header_logo img {
	max-width: 60px;
	display: block;
}

.header_burger {
	display: none;
}

.header_list {
	display: flex;
	position: relative;
	z-index: 2;
}

.header_list li {
	list-style: none;
	margin: 0px 10px 0px 10px;
}

.header_link {
	color: #fff;
	font-size: 20px;
	text-decoration: none;
	padding: 20px;
  display: inline-block;
  position: relative;
  cursor: pointer;
  transition: 0.2s;
}

.header_link:hover{
	background-color: rgba(251, 25, 0, 1);
}

.header_link_special {
	color: #fff;
	font-size: 20px;
	text-decoration: none;
	padding: 20px;
  display: inline-block;
  position: relative;
  cursor: pointer;
}

.header_list li a:after{
display: block;
content: "";
background-color: #fff;
height: 1px;
width: 0%;
left: 50%;
position: absolute;
}



.sub_special{
	display: none;
	position: absolute;
	background-color: rgba(255, 255, 255, 0.6);
	box-shadow: 0px 0px 5px -1px #000000;
	text-align: center;
}

body.mouse .special:hover .sub_special{
	display: block;
}

body.touch .special:hover .sub_special{
	display: block;
}

@media (min-width: 1023px) {
		.sub_special{
			top: 60px;
			left: inherit;
			width: 350px;
			}
}

@media (max-width: 1023px) {
	.sub_special{
		position: relative;
		background-color: rgba(255, 255, 255, 0.9);
		}
}

.first_special{
	border-bottom: 1px solid #000;
}

.first_special h1, .second_special h1{
	padding: 10px;
	color: #FB1900;
	font-weight: 600;
}

.second_special p{
	padding: 0 10px 10px 10px;
	font-size: calc(10px + 5 * (100vw / 1360));
}

.arrow{
width: 0;
height: 0;
border-top: 5px solid #fff;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
}

.special:hover .arrow{
border-top: 5px solid #686868;
}

.tel {
	display: none;
}

.tel2 {
background: #FB1900;
font-family: Montserrat;
font-style: normal;
font-weight: normal;
font-size: 20px;
text-align: center;
color: #FFFFFF;
z-index: 2;
box-shadow: 0px 0px 5px -1px #000000;
border: none;
margin-right: 5px;
padding: 10px 23px 10px 23px;
transition: 0.3s;
flex-grow: 0;
flex-shrink: 0;
}

.nnov {
background-color: #2F3640;
font-family: Montserrat;
font-style: normal;
font-weight: normal;
font-size: 20px;
line-height: 24px;
text-align: center;
letter-spacing: 0.15em;
color: #e0e0e0;
text-decoration: none;
user-select: none;
outline: none;
transition: 0.3s;
padding: 10px 33px 10px 33px;
box-shadow: 0px 0px 5px -1px #000000;
}

.dzr {
background-color: #2F3640;
font-family: Montserrat;
font-style: normal;
font-weight: normal;
font-size: 20px;
line-height: 24px;
text-align: center;
letter-spacing: 0.15em;
color: #e0e0e0;
text-decoration: none;
user-select: none;
outline: none;
transition: 0.3s;
padding: 10px 33px 10px 33px;
box-shadow: 0px 0px 5px -1px #000000;
}

a.nnov:hover{
background: rgba(255,255,255,0); color: #000;
box-shadow: none;
}

a.nnov:active{
background: white;
}

a.dzr:hover{
background: rgba(255,255,255,0); color: #000;
box-shadow: none;
}

a.dzr:active{
background: white;
}

.tel2:hover{
	background: rgba(255,255,255,1); color: #000;
	box-shadow: none;
	cursor: pointer;
}

.tel_in_burger{
  display: none;
}

.lock {
overflow: hidden;
transition: all 0.5s ease 0s;
background-color: rgba(0, 0, 0, 0.7);
}

@media (max-width: 1023px){

	.wkf{
		position: absolute;
		bottom:0;
		left:0;
		width: 44px;
		z-index: 1;
	}
	
	
	
	.wkf img{
		width: 100%;
		margin: 10px;
	}

	.insta{
		position: absolute;
		top: 100px;
		right: 5px;
		width: 34px;
		z-index: 1;
	}
	
	.insta img{
		width: 100%;
	}

.phone {
	position: absolute;
top: 60px;
	right: 0;
}


.tel2 {
display: none;
}

.nnov {
background-color: #2F3640;
font-family: Montserrat;
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 24px;
text-align: center;
letter-spacing: 0.15em;
padding: 3px 15px 3px 15px;
color: #e0e0e0;
box-shadow: 0px 0px 5px -1px #000000;
}

.dzr {
background-color: #2F3640;
font-family: Montserrat;
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 24px;
text-align: center;
letter-spacing: 0.15em;
padding: 3px 15px 3px 15px;
color: #e0e0e0;
box-shadow: 0px 0px 5px -1px #000000;
}

.header_body{
height: 50px;
}
.logo_body img{
width: 20%;
}
.header_burger {
display: block;
position: relative;
width: 30px;
height: 20px;
z-index: 3;
}
.header_burger span {
position: absolute;
background-color: #fff;
left: 0;
width: 100%;
height: 2px;
top: 9px;
transition: all 0.3s ease 0s;

}
.header_burger:before{
content: '';
background-color: #fff;
position: absolute;
width: 100%;
height: 2px;
left: 0;
transition: all 0.3s ease 0s;
}
.header_burger:after{
content: '';
background-color: #fff;
position: absolute;
width: 100%;
height: 2px;
left: 0;
transition: all 0.3s ease 0s;
}
.header_burger:before{
top: 0;
}
.header_burger:after{
bottom: 0;
}

.header_burger.active span {
transform: scale(0);
}

.header_burger.active:before{
transform: rotate(45deg);
top: 9px;
}

.header_burger.active:after{
transform: rotate(-45deg);
bottom: 9px;
}

.header_menu {
	position: fixed;
 top: -100%;
 right: 0;
 width: 240px;
 height: 100%;
 overflow: auto;
 background-color: #0F1A2A;
 padding: 70px 0 0 0;
 transition: all 0.3s ease 0s;
}

.header_menu_plate {
	width: 100%;
	height: 100%;
}

.header_menu.active {
	top:0;
}

.header_list{
	display: block;
}

.header_list li {
	margin: 0px 0px 20px 0px;
}

.container_header {
	padding-right: 10px;
}

.tel_in_burger{
  display: block;
  background-color: red;
 width: 100%;
 padding: 5px 0;
}

.header_list li a{
  padding: 0 20px;
}

}

@media (max-width:576px){
	.bg_main {
		background-image: url(img/portrait_mobile.png);
	}
	.nnov {
	border: none;

	}

	.dzr {
		border: none;
}

.tel {
	border: none;
}
}

@media (min-width: 250px) {
	.club_name {
		position: absolute;
		    top: 45%;
		    left: 50%;
		    transform: translate(-50%, -50%);
				background-image: url(img/club_name_mobile.svg);
				width: 250px;
				height: 78px;
				background-repeat: no-repeat;
	}
}

@media (min-width: 570px) {
	.club_name {
		position:  absolute;
		    top: 50%;
		    left: 50%;
		    transform: translate(-50%, -50%);
				background-image: url(img/club_name_tablets.svg);
				width: 303px;
				height: 106px;
				background-repeat: no-repeat;

	}
}

@media (min-width: 770px) {
	.club_name {
		position:  absolute;
		    top: 55%;
		    left: 50%;
		    transform: translate(-50%, -50%);
				background-image: url(img/club_name_tablets.svg);
				width: 303px;
				height: 106px;
				background-repeat: no-repeat;

	}
}



@media (min-width: 1280px) {
.club_name {
	position: absolute;
	    top: 50%;
	    left: 75%;
	    transform: translate(-50%, -50%);
			background-image: url(img/club_name.svg);
			width: 581px;
			height: 178px;
			background-repeat: no-repeat;
}
}

@media (min-width: 1023px){
	.phone {
	display: none;
	}
}

.second_content_page {
width: 100%;
}

@media (min-width: 767px) {
	.second_content_page {
		padding-bottom: 6%;
	}
}

.kids_wrapper{
	max-width: 1360px;
	display: flex;
	margin: 0 auto;
flex-wrap: wrap;
justify-content: space-between;
}

.hello{
	background-color: rgba(47, 54, 64, 0.6);
	color: #fff;
	text-align: center;
	height: 20px;
	box-shadow: 0px 0px 5px -1px #000000;
}

@media (min-width: 767px) {
	.hello {
		margin: 20px 5px 6% 5px;
	}
}

.kids_text_about {
display: flex;
flex-direction: column;
padding: 0 5px;
width: 100%;
margin: 20px 0 0 0;
}

@media (min-width: 767px) {
	.kids_text_about {
		flex: 0 0 45%;
		justify-content: center;
		padding: 0 5px;
	}
}

.our_advant{
	box-shadow: 0px 0px 5px -1px #000000;
	display: flex;
	flex-direction: column;
}

@media (min-width: 767px) {
	.our_advant {
		box-shadow: none;
		height: 100%;
		margin-right: 5px;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
}

.first_advant {
	background-color: rgba(47, 54, 64, 0.6);
	color: #fff;
	padding: 5px;
	font-size: calc(12px + 5 * (100vw / 1360));
	margin-bottom: 0.1vh;
}

@media (min-width: 767px) {
	.first_advant{
		box-shadow: 0px 0px 5px -1px #000000;
		background-color: rgba(47, 54, 64, 0.6);
		margin-left: 100px;
		transform: skewX(170deg);
		height: 7vh;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-bottom: 1vh;
	}

	.first_advant p {
		transform: skewX(-170deg);
	}
}

.second_advant{
font-size: calc(12px + 5 * (100vw / 1360));
	background-color: rgba(47, 54, 64, 0.6);
	color: #fff;
	padding: 5px;
	margin-bottom: 0.1vh;
}

@media (min-width: 767px) {
	.second_advant{
		box-shadow: 0px 0px 5px -1px #000000;
		transform: skewX(170deg);
		text-align: center;
		margin-right: 50px;
		margin-left: 50px;
		height: 7vh;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-bottom: 1vh;
	}
	.second_advant p {
		transform: skewX(-170deg);
	}
}

.third_advant{
	font-size: calc(12px + 5 * (100vw / 1360));
		background-color: rgba(47, 54, 64, 0.6);
		color: #fff;
		padding: 5px;
		margin-bottom: 0.1vh;
	}
	
	@media (min-width: 767px) {
		.third_advant{
			box-shadow: 0px 0px 5px -1px #000000;
			text-align: center;
			margin-right: 100px;
			height: 8vh;
			transform: skewX(-170deg);
			display: flex;
			justify-content: center;
			align-items: center;
			margin-bottom: 1vh;
		}
		.third_advant p {
			transform: skewX(170deg);
		}
	}

	.fourth_advant{
		font-size: calc(12px + 5 * (100vw / 1360));
			background-color: rgba(47, 54, 64, 0.6);
			color: #fff;
			padding: 5px;
			margin-bottom: 0.1vh;
		}
		
		@media (min-width: 767px) {
			.fourth_advant{
				box-shadow: 0px 0px 5px -1px #000000;
				transform: skewX(-170deg);
				text-align: center;
				margin-right: 50px;
				margin-left: 50px;
				height: 7vh;
				display: flex;
				justify-content: center;
				align-items: center;
				margin-bottom: 1vh;
			}
			.fourth_advant p {
				transform: skewX(170deg);
			}
		}

		.fifth_advant{
			font-size: calc(12px + 5 * (100vw / 1360));
				background-color: rgba(47, 54, 64, 0.6);
				color: #fff;
				padding: 5px;

			}
			
			@media (min-width: 767px) {
				.fifth_advant{
					box-shadow: 0px 0px 5px -1px #000000;
					transform: skewX(-170deg);
					margin-left: 100px;
					height: 7vh;
					display: flex;
					justify-content: center;
					align-items: center;
				}
				.fifth_advant p {
					transform: skewX(170deg);
				}
			}

.kids_text_button {
	background: #FB1900;
	font-family: Montserrat;
	font-style: normal;
	text-align: center;
	color: #FFFFFF;
	box-shadow: 0px 0px 5px -1px #000000;
	padding: 5px;
	border: none;
	cursor: pointer;
	transition: 0.5s;
}

@media (max-width: 767px) {
	.kids_text_button{
		width: 100%;
		order: 1;
		border-top: 1px solid #e1e1e1;
	}
}

.custom-btn {
    position: relative;
    overflow: hidden;
   -webkit-transition: ease 0.3s;
    transition: ease 0.3s;
}

.custom-btn:after {
    content: "";
    display: block;
    width: 30px;
    height: 300px;
    margin-left: 60px;
    background: #fff;
    position: absolute;
    left: -40px;
    top: -150px;
    z-index: 1;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
    -webkit-animation-name: slideme;
    animation-name: slideme;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-delay: 0.05s;
    animation-delay: 0.05s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@keyframes slideme { 0% { left: -30px; margin-left: 0px; }
  30% { left: 110%; margin-left: 80px; }
  100% { left: 110%; margin-left: 80px; } }

@media (min-width: 767px) {
	.kids_text_button{
		transform: skewX(170deg);
		margin-right: 100px;
		height: 8vh;
		margin-bottom: 1vh;
	}
	.kids_text_button h3 {
		transform: skewX(-170deg);
	}
}

.kids_text_button:hover{
	background-color: rgba(255,255,255,0); color: #000;
	box-shadow: none;
	cursor: pointer;
}


.kids_images_body {
	display: flex;
	flex: 0 0 100%;
	padding:5px;
}

@media (min-width: 767px) {
	.kids_images_body {
		display: flex;
		flex: 0 0 45%;
		padding-bottom: 10px;
	}
}

.kids_first_col {
flex: 0 0 50%;
flex-direction: column;
}

.kids_second_col {
flex: 0 0 50%;
flex-direction: column;
}

.kid_picture_one {
height: 30%;
}

.kid_picture_two {
height: 70%;
margin-top: 5px;
}

.kid_picture_three {
height: 70%;
margin-left: 5px;
}

.kid_picture_four {
height: 30%;
margin-left: 5px;
margin-top: 5px;
}

.kids_images {
box-shadow: 0px 0px 5px -1px #000000;
}


.kids_images img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.wrapper {
background-image: none;
margin: 20px 5px;
box-shadow: 0px 0px 5px -1px #000000;
background-color: rgba(47, 54, 64, 0.6);
}

@media (min-width: 767px) {
	.wrapper {
		overflow: hidden;
		background-image: url(img/IMG_1.jpg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		padding: 6% 0 6% 0;
		margin: 0;
		background-color: inherit;
	}
}

.team{
	color: #fff;
	background-color: rgba(47, 54, 64, 0.8);
	text-align: center;
	padding: 5px;
	box-shadow: 0px 0px 5px -1px #000000;
}

@media (min-width: 767px) {
	.team {
		color: #fff;
		text-align: center;
		margin-bottom: 2%;
		box-shadow: none;
		background-color: inherit;
	}
}

.boss_club {
	font-size: calc(12px + 5 * (100vw / 1360));
}

@media (min-width: 767px) {
	.boss_club {
		display: none;
	}
}

.main_sensei {
	display: none;
}

@media (min-width: 767px) {
	.main_sensei {
		display: block;
	}
}

.main_sensei_mobile {
	border-bottom: 1px solid #fff;
	width: 35%;
	padding-top: 5px;
}

@media (min-width: 767px) {
	.main_sensei_mobile {
		display: none;
	}
}

.coach_content{
	max-width: 1360px;
	height: 100%;
	overflow: hidden;
color: #fff;
}

.coach_rank > p{
    font-size: 10px;
    text-align: center;
    font-size: calc(8px + 0.7vw);
}

.coach_rank p > b{
    color: #FEB9B1;
}

@media (min-width: 767px) {
	.coach_content {
		background-color: inherit;
		display: flex;
		margin: 0 auto;
		box-shadow: none;
		padding: 10px;
	}
}

.coach_content h2{
	padding-bottom: 10px;
}

.coach_body{
overflow: hidden;
}

@media (min-width: 767px) {
	.coach_body {
		background-color: inherit;
display: flex;
box-shadow: none;
	}
}

.our_coach h2{
display: none;
}

@media (min-width: 767px) {
	.our_coach h2 {
display: block;
background-color: inherit;
text-align: inherit;
border-bottom: 1px solid #fff;
padding: 10px;
box-shadow: none;
	}
}

.coach_name{
	padding: 10px;
}

@media (min-width: 767px) {
	.coach_name h2 {
		border-bottom: 1px solid #fff;
	}
}

.coach_text p{
	font-size: calc(12px + 5 * (100vw / 1360));
	padding: 10px;
}

.coach_text b {
	color: #FEB9B1;
}



@media (min-width: 767px) {
	.coach_text p {
		border-bottom: 1px solid #fff;
	}
	.coach_text b {
		color: #FD7F72;
	}
}

.coach_image {
width: 30%;
float: right;
margin-top: 10px;
margin-left: 10px;
margin-bottom: 10px;

}

@media (min-width: 767px) {
	.coach_image {
float: none;
order: 3;
padding: 5px;
	}
}

@media (min-width: 767px) {
	.our_coach, .coach_name, .coach_text {
flex: 0 0 25%;
	}
}

.coach_image img{
width: 100%;
object-fit: cover;
display: block;
box-shadow: 0px 0px 5px -1px #000000;
}

	.coaches {
    gap: 20px;
		display: flex;
		max-width: 1360px;
		color: #fff;
		margin: 0 auto;
		justify-content: center;
		align-items:center;
		margin-top: 4px;
		padding-bottom: 1rem;
	}

	@media (min-width: 767px) {
		.coaches {
		    padding: 10px;
			background-color: inherit;
			box-shadow: none;
		}
	}

.coaches h2{
	margin: 5px;
	border-bottom: 1px solid #fff;
}

.coaches_images_1, .coaches_images_2{
display: flex;
    flex-direction: column;
	flex: 0 0 25%;
}

.coaches_images_1 img, .coaches_images_2 img {
width: 100%;
object-fit: cover;
display: block;
box-shadow: 0px 0px 5px -1px #000000;
}

.coach_container{
    width: 25%;
    flex-shrink: 0;
}

.about_sensei_quote {
	font-size: calc(10px + 12 * (100vw / 1360));
padding: 25px;
text-align: right;
font-style: italic;
width: 50%;
}

@media (max-width: 375px) {
	.about_sensei_quote {
		display: none;
	}
}

.wrapper2 {
padding: 10px 5px;
display: flex;
align-items: center;
justify-content: center;
}

@media (min-width: 767px) {
	.wrapper2{
background-image: url(img/IMG_02.jpg);
background-position: top;
background-repeat: no-repeat;
background-size: cover;
padding: 6% 5px;
margin: 0;
box-shadow: 0px 0px 5px -1px #000000;
	}
}

.benefit {
	display: block;
}

@media (min-width: 767px) {
	.benefit{
		max-width: 1360px;
		display: flex;
		justify-content: space-between;
		}
}

.benefit_block{
	flex: 0 0 45%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: calc(12px + 5 * (100vw / 1360));
	flex-direction: column;
}

.benefit_title {
	color: #fff;
	text-align: center;
	background-color: #FB1900;
	box-shadow: 0px 0px 5px -1px #000000;
	width: 100%;
	padding: 5px;
}

@media (min-width: 767px) {
	.benefit_title {
		width: inherit;
		color: #fff;
		padding: 5px 30px 5px 30px;
		margin-bottom: 5%;
		text-align: center;
		background-color: #FB1900;
		box-shadow: 0px 0px 5px -1px #000000;
		transform: skewX(-170deg);
	}
}

@media (min-width: 767px) {
	.benefit_title h2{
		transform: skewX(170deg);
	}
}

.video_body{
box-shadow: 0px 0px 5px -1px #000000;
}

@media (min-width: 767px) {
	.video_body{
		flex: 0 0 45%;
		box-shadow: 0px 0px 5px -1px #000000;
		height: 100%;
		order: 1;
		}
}

#video{
	height: 80vh;
	margin-left: auto;
    margin-right: auto;
    display: block;
}

.betefit_list{
	padding: 0;
	color: #fff;
	box-shadow: 0px 0px 5px -1px #000000;
	display: block;
}


@media (min-width: 767px) {
	.betefit_list{
		display: flex;
		width: 100%;
		height: 60%;
		box-shadow: none;
		flex-direction: column;
		justify-content: space-between;
		align-items: stretch;
		padding-left: 40px;
		}
}

.betefit_list li{
height: 100%;
list-style: none;
padding: 5px;
background-color: rgba(47, 54, 64, 0.6);
border-top: 1px solid #fff;
}

@media (min-width: 767px) {
	.betefit_list li{
		height: 100%;
		list-style: none;
		margin: 5px;
		padding: 5px;
		box-shadow: 0px 0px 5px -1px #000000;
		background-color: rgba(47, 54, 64, 0.6);
		display: flex;
			justify-content: center;
			align-items: center;
			border-top: none;
	}
}



.betefit_list li p{
	text-align: center;
	margin: auto;
}


@media (min-width: 767px) {
	.betefit_list li:nth-child(1) {
		transform: skewX(-170deg);
		margin-right: 30px;
		margin-left: -30px;
	}
	
	.betefit_list li:nth-child(2) {
		transform: skewX(-170deg);
	}
	
	.betefit_list li:nth-child(3) {
		transform: skewX(170deg);
	}
	
	.betefit_list li:nth-child(4) {
		transform: skewX(170deg);
		margin-right: 30px;
		margin-left: -30px;
	}
	
	.first_benefit p{
		transform: skewX(170deg);
	}
	
	.second_benefit p{
		transform: skewX(170deg);
	}
	
	.third_benefit p{
		transform: skewX(-170deg);
	}
	
	.fourth_benefit p{
		transform: skewX(-170deg);
	}
}

.wrapper4{
width: 100%;
position: relative;
display: flex;
justify-content: center;
transform: rotateZ(5deg);
padding-top: 6%;
}

.slider{
max-width: 1360px;
min-width: 0;
outline: none;
color: #000;
margin: 50px;
background-color: rgba(255, 255, 255, 0.8);
box-shadow: 0px 0px 5px -1px #000000;
}

.slider_item p{
	padding: 10px;
	font-size: calc(7px + 10 * (100vw / 1360));
}

.slider_item_image{
	transform: rotateZ(-2deg);
}


.slider_item img{
	float:right;
	width: 50%;
	height: 50%;
	object-fit: cover;
	margin: 2%;
	box-shadow: 0px 0px 5px -1px #000000;
}

.feedback img{
	width: 30%;
}

.red_button{
	background: url(img/red_button.png) 0 0 / 100% no-repeat;
	width: 50px;
	height: 50px;
	position: fixed;
	top: 6%;
}

.slider .slick-arrow{
	font-size: 0;
	top:50%;
	position: absolute;
	z-index: 10;
	width: 50px;
	height: 50px;
	margin: -25px 0 0 0;
	outline: none;
	cursor: pointer;
	transform: rotateZ(-5deg);
}

.slider .slick-arrow.slick-prev{
background: url(img/arrow-left.svg) 0 0 / 100% no-repeat;
left: 0;
border: none;
}

.slider .slick-arrow.slick-next{
background: url(img/arrow-right.svg) 0 0 / 100% no-repeat;
right: 0;
border: none;
}

.slick-slide {
outline: none;
}

.slider .slick-dots{
	display: flex;
	align-items: center;
	justify-content: center;
}

.slider .slick-dots li{
	list-style: none;
	margin: 0 10px;
}

.slider .slick-dots button{
	font-size: 0;
	width: 10px;
	height: 10px;
	background-color: rgba(47, 54, 64, 0.8);
	border-radius: 50%;
	border: none;
	outline: none;
}

.slider .slick-dots li.slick-active button{
background-color: rgba(47, 54, 64, 0.5);
border: 1px solid #fff;
}

.slick-track{
	display: flex;
	align-items: flex-start;
}

.slick-list{
	overflow: hidden;
}

.events_wrapper {
	padding: 6% 5px;
}

.event_box{
	max-width: 1360px;
	margin: auto;
	box-shadow: 0px 0px 5px -1px #000000;
}

.event_title{
	max-width: 1360px;
	margin: auto;
}

.event_title h2 {
	text-align: center;
	background-color: rgba(47, 54, 64, 0.8);
	color: #fff;
	max-width: 1360px;
	padding: 5px;
}

.main_event_wrapper {
	max-width: 1360px;
	height: 100%;
	margin: 0 auto;
	display: flex;
	background-color: rgba(255, 255, 255, 0.8);
	flex-direction: column;
}



.event_buttons{
	position: relative;
	max-width: 1360px;
	margin: 0 auto;
	margin-top: 10px;
}


@media (min-width: 767px) {
	.main_event_wrapper{
		flex-direction: row;
	}
}

.timer_fwrap{
	display: flex;
	width: 100%;
	position: relative;
	background-color: #e1e1e1;
}

@media (max-width: 767px) {
	.timer_fwrap{
		height: 65vw;
		background-image: url('img/izumrudnoe-31-10-2021.jpg');
		background-position: center;
		background-repeat:no-repeat;
		background-size: cover;
	}
}

.timer_wrapper{
	flex-direction: column;
}

.prev_btn{
	font-family: Montserrat;
	padding: 8px;
	border: none;
	background-color: rgba(47, 54, 64, 0.8);
	color: rgb(228, 227, 227);
	box-shadow: 0px 0px 3px -1px #000000;
	cursor: pointer;
	transition: all 0.5s ease 0s;
	font-size: calc(10px + 5 * (100vw / 1360));
	opacity: 1;
	visibility: visible;
}

.prev_btn:hover{
	box-shadow: 0px 0px 7px -1px #000000;
	color: #fff;
}

.next_btn{
	position: absolute;
	right: 0;
	font-family: Montserrat;
	padding: 8px;
	border: none;
	background-color: rgba(47, 54, 64, 0.8);
	color: rgb(228, 227, 227);
	box-shadow: 0px 0px 3px -1px #000000;
	cursor: pointer;
	/*transition: all 0.2s ease 0s;*/
	font-size: calc(10px + 5 * (100vw / 1360));
}



.next_btn:hover{
	box-shadow: 0px 0px 7px -1px #000000;
	color: #fff;
}

.title {
	margin: 5px auto;

}

@media (max-width: 767px) {
	.title{
		background-color: rgba(47, 54, 64, 0.5);
		padding: 3px;
		border-radius: 3px;
		color: #fff;
	}
}

.main_event {
	width: 100%;
	position: relative;
}

@media (max-width: 767px) {
	.main_event{
		display: none;
	}
}

.main_event_img {
	width: 100%;
	height: 100%;
}

.main_event img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}


.timer_wrapper{
	display: flex;
	margin: auto;
}

.timer {
	display: flex;
	margin-bottom: 10px;
}

.timer_block {
	width: 65px;
	margin: 1px;
	padding: 10px;
	text-align: center;
	font-weight: 300;
	background-color:rgba(47, 54, 64, 0.8);
	color: #fff;
	border-radius: 5px;
}

.timer_block span {
	font-size: 35px;
}

@media (max-width: 767px) {
	.event_about{
		padding-bottom: 59%;
	}
}

.event_about{
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
background-color: #e1e1e1;
}



.event_about_head{
width: 85%;
text-align: center;
font-family: Montserrat;
font-size: calc(8px + 6 * (100vw / 1360));
padding: 10px 0 10px 0;
margin-bottom: 5px;
}

.event_about_head p{
	padding: 2px 0 2px 0;
	color: #fff;
	background-color:rgba(47, 54, 64, 0.4);
	border-radius: 5px;
}

.event_about_images{
position: relative;
display: flex;
justify-content: center;
width: 100%;
height: 100%;
}

.event_about_img{
position: absolute;
width: 52%;
}

.event_about_img_active{
z-index: 1;
margin-left: 10px;
box-shadow: 0px 0px 5px -1px #000000;
transform: rotateZ(-3deg);
}

.event_about_img img{
width: 100%;  /*с max-width проблемы на IOS*/ 
height: 100%;
object-fit: cover;
box-shadow: 0px 0px 3px -1px #000000;
transform: rotateZ(3deg);
display: block;
}


.wrapper5{
width: 100%;
height: 100%;
background-image: url(img/bg_main1231.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 20px 5px;
}

@media (min-width: 767px) {
	.wrapper5 {
		padding: 6% 5px;
	}
}

.champions{
	max-width: 1360px;
	height: 100%;
	margin: 0 auto;
}

.champions img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	box-shadow: 0px 0px 5px -1px #000000;
}


@media (max-width: 767px) {
	.special_guy {
		display: none;
	}
}


/* GALLERY GRID */

.parallax_bg{
  display: flex;
  background-image: url(img/tablet.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: -1;
}


.wrapper_grid {
display: grid;
min-height: 100vh;
grid-template: 1fr minmax(70px, auto) / 1fr;
grid-template-areas:
		"main_grid"
		"footer";
}

.main_grid {
	grid-area: main_grid;
	display: grid;
	grid-template: 1fr / 1fr minmax(auto, 1360px) 1fr;
	padding: 30px 15px;
}

.content__gallery {
padding-top: 9vh;
}

@media (max-width: 1023px) {
  .content__gallery {
  padding-top: 8vh;
  }
}


.content__gallery h1{
  color: #fff;
  text-align: center;
	background-color: rgba(47, 54, 64, 1);
	padding: 5px;
	margin-bottom: 8px;
width: 100%;
box-shadow: 0px 0px 5px -1px #000000;
}

.content {
grid-column: 2 / 3;
}


.gallery__items {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}


@media (max-width: 640px) {
	.gallery__items {
		grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	}
}

@media (max-width: 490px) {
	.gallery__items {
		grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	}
}

.gallery__item {
	padding: 0px 0px 85% 0px;
	position: relative;
}
.gallery__item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
}
@media (min-width: 800px) {
	.gallery__item_big {
grid-column: span 2;
grid-row: span 2;
	}
}


.footer {
background-color: #2F3640;
max-width: 100%;
display: flex;
justify-content: center;
}

.footer_body{
width: 100%;
padding: 20px 5px;
font-size: calc(5px + 6 * (100vw / 1360));
color: #fff;
max-width: 1360px;
}


@media (min-width: 767px) {
	.footer_body{
		padding: 30px 5px;
	}
}

.footer_elements{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.footer_tel{
	display: flex;
		align-items: center;
		border-left: 1px solid #fff;
		padding-left: 5px;
}

@media (min-width: 767px) {
	.footer_tel{
		border: none;
	}
}

@media (max-width: 767px) {
	.footer_tel img{
display: none;
	}
}

.footer_tel img{
	width: 20px;
	height:15px;
}

.footer_tel span{
	font-size: calc(7px + 8 * (100vw / 1360));
}

.footer_tel a{
color: #fff;
text-decoration: none;
}

.footer_title{
padding-bottom: 10px;
}

.copy{
font-size: calc(5px + 6 * (100vw / 1360));
opacity: 0.3;
padding-top: 10px;
}

.nnov_google img{
width: 10px;
height:15px;
object-fit: cover;
}

.dzr_google img{
width: 10px;
height:15px;
object-fit: cover;
}

.nnov_lukina_google img{
	width: 10px;
	height:15px;
	object-fit: cover;
	}
	
	.nnov_filchenkov_google img{
	width: 10px;
	height:15px;
	object-fit: cover;
	}

.nnov_google{
	font-size: calc(7px + 8 * (100vw / 1360));
}

.dzr_google{
	font-size: calc(7px + 8 * (100vw / 1360));
}

.nnov_lukina_google{
	font-size: calc(7px + 8 * (100vw / 1360));
}

.nnov_filchenkov_google{
	font-size: calc(7px + 8 * (100vw / 1360));
}

.showTab{
	display: flex;
}

.hide {
	display: none;
}

.show {
	display: block;
}

.show_button{
	visibility: visible;
	opacity: 1;
}

.hide_button{
	visibility: hidden;
	opacity: 0;
}

.fade {
    animation-name: fade;
    animation-duration: 0.5s;   
}

@keyframes fade{
    from{
        opacity: 0.3;
    }
    to {
        opacity: 1;
    }
}