@import url('https://fonts.googleapis.com/css?family=Anton');
@import url('https://fonts.googleapis.com/css?family=Secular+One');
@import url('https://fonts.googleapis.com/css?family=Ubuntu+Condensed');
* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
body {
	 background: #080808;
	 overflow: hidden;
	 
}

#wrapper {
	width: 100%;
	min-width: 320px;
background:  url(../img/ekran1.png);
	background-size: 100%;
	overflow: hidden;
     padding-bottom: 50vh;
	background-repeat: no-repeat;
	
}

main {
	z-index: 9999;
}
.topblock {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	font-family: 'Secular One', sans-serif;
	display: flex;
	padding-top: 40px;
	z-index: 9999;
}
.leftblok {
	display: flex;
	min-width: 265px;
	z-index: 9999;
}
.leftblok h2 { 
	font-weight:bold;
	font-size: 55px;
	background: linear-gradient(180deg,#4d34ff 30%, #189fff 100%, #4e31ff 10% );
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.leftblok p {
	font-size: 20px;
	line-height: 20px;
	color: #5f5f5f;
	
}
.logotxt {
	margin-top: 20px;
	margin-left: 1%;
}
.rigthblock {
	z-index: 9999;
padding-top: 20px;
 min-width: 220px;
width: 70%;
text-align: right;
color: #fff;
font-family: 'Ubuntu Condensed', sans-serif;
position: relative;
}

.rigthblock::before {
  content: '';
  width: 55px;
  height: 40px;
  position: absolute;
  background: url(../img/aloo.png);
  top:10px;
  right: -70px;
}
.ekran1 {
	width: 100%;
	position: relative;
    max-width: 1400px;
    margin :0 auto;
   
}
.before {
	width: 380px;
	height: 380px;
	border: #5228ff 10px solid;
	border-radius: 50%;
	position: absolute;
	right: 220px;
	top:45px;
	border-top:none;
	z-index: 4; 
	
}
.before::after {
	content: '';
	width: 380px;
	height: 380px;
	border: #5228ff 2px solid;
	border-radius: 50%;
	position: absolute;
	right:-12px;
	top:0px;
	border-top:none;
	z-index: 4; 
	-webkit-animation-duration: 5s;
	-o-animation-duration: 5s;
	animation-duration:5s;
	-webkit-animation: pulse;
	-o-animation: pulse;
	animation: pulse 5s linear;
	animation-delay: 2.5s; 
	animation-iteration-count : infinite;
	transition: all 1s;
	opacity: 0;
}

.before::before{
	content: '';
	width: 380px;
	height: 380px;
	border: #5228ff 2px solid;
	border-radius: 50%;
	position: absolute;
	right:-12px;
	top:0px;
	border-top:none;
	z-index: 4; 
	-webkit-animation-duration: 5s;
	-o-animation-duration: 5s;
	animation-duration: 5s;
	-webkit-animation: pulse;
	-o-animation: pulse;
	animation: pulse 5s linear;
	animation-iteration-count : infinite;
	transition: all 1s;
	opacity: 0;
}

	
	

@keyframes pulse {
 0%{
 	transform: scale(1.0);
 	opacity: 1;
 }
 50%{
 	transform: scale(1.3);
 	
 }
 100%{
 	transform: scale(1.7);
 	opacity: 0;
 }

}
.formblock {
	display: block;
	height: 800px;
	max-width: 400px;
	position: relative;
	margin-left: 60%;
	margin-top: 10vh;
	text-align:center;
	z-index: 7;
	
}
.formblock  h2 {
	font-weight:bold;
	font-size: 55px;
	background: linear-gradient(180deg,#4d34ff 30%, #189fff 100%, #4e31ff 10% );
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;

}
.formblock  h1 {
	font-size: 115px;
	color: #fff;
}
.formblock input {
   background: none;
   border:none ;
   border-bottom: 2px solid #5327ff;
   width: 55%;
   padding:20px 10px;
   outline: none;
   color: #fff;
   font-size: 20px;
   font-weight: bold;
}
#btn {
	background: linear-gradient(180deg,#4d34ff 30%, #189fff 100%, #4e31ff 10% );
	border-radius: 35px;
	max-width: 350px;
    width: 100%;
	margin-top: 40px;
}

.block1{
	width: 36px;
	height: 36px;
	border: #5228ff 8px solid;
	border-radius: 50%;
	position: absolute;
	left: 270px;
	top:145px;
	box-shadow: 0px 0px 40px  #5327ff ;
}
.block2{
	width: 40px;
	height: 40px;
	border: #5228ff 10px solid;
	border-radius: 50%;
	position: absolute;
	left: 70px;
	top:535px;
	box-shadow: 0px 0px 40px  #5327ff ;
}

.block3{
	width: 40px;
	height: 40px;
	border: #5228ff 10px solid;
	border-radius: 50%;
	position: absolute;
	left: 430px;
	top:280px;
	box-shadow: 0px 0px 40px  #5327ff ;
}
.block4{
	width: 36px;
	height: 36px;
	border: #5228ff 8px solid;
	border-radius: 50%;
	position: absolute;
	left: 570px;
	top:275px;
	box-shadow: 0px 0px 40px  #5327ff ;
}

.navigationRadio {
	position: fixed;
	top:35vh;
	left: 13vw;
	display: block;
	z-index: 9999;
}
.navigationRadio input {
	display:  none;
	margin-bottom: 20px;

}
.navigationRadio label {
    display: block;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	margin: 20px;
	border: 3px solid #212556 ;
	background: #5327ff;

}
.navigationRadio input[type=radio]:checked + label{
	box-shadow: 0px 0px 20px  #5327ff ;

}


.navigationRadio p {
	position: fixed;
   font-size: 20px;
	top:65vh;
	left: 12vw;
	display: block;
	color: #5f5f5f;
	transform: rotateZ(90deg);
}
#wrapper2{
	width: 100%;
	margin-top: -300px;
	position: relative;
     

}
.ekran2 {
	width: 100%;
	max-width: 1400px;
	margin:0 auto;
	height: 130vh;
	background: none;

}

.balockimg {
	position: absolute;
	top: -350px;
	
	width: 100%;
	height: 100vh;
	
}.workmen1{width: 100%;top:-400px;
	right: 0px;position: absolute;z-index: 5;}
.workmen2 {
	position: absolute;
	top:400px;
	right: 0px;
	width: 100%;
	z-index: 5;		
}

.ekrantext {
	padding-top : 10vh;
	padding-left: 10vw;
}
.ekrantext h4 {
	color: #fff;
	font-size: 55px;
	text-transform: uppercase;
}
.ekrantext h2 {
	background: linear-gradient(180deg,#4d34ff 30%, #189fff 100%, #4e31ff 10% );
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 115px;
	text-transform: uppercase;
}
.ekrantext p {
	color: #fff;
	font-size: 20px;
}

.before2 {
	width: 485px;
	height: 485px;
	border: #5228ff 20px solid;
	border-radius: 50%;
	position: absolute;
	left: 450px;
	top:795px;
	border-bottom: none;
	border-right: none;
    
	transform: rotate(10deg);
	z-index: 4; 
	
}
.before2::after {
	content: '';
	width: 245px;
	height: 245px;
	border: #5228ff 2px solid;
	border-radius: 50%;
	border-bottom: none;
	border-right: none;
	position: absolute;
	left: 90px;
	top:90px;
	background: rgba(10,37,53,0.1);
	z-index: 4; 
	-webkit-animation-duration: 5s;
	-o-animation-duration: 5s;
	animation-duration:5s;
	-webkit-animation: pulse;
	-o-animation: pulse;
	animation: pulse 5s linear;
	animation-delay: 2.5s; 
	animation-iteration-count : infinite;
	transition: all 1s;
	opacity: 0;
}

.before2::before{
	content: '';
	width: 485px;
	height: 485px;
	border: #5228ff 2px solid;
	border-radius: 50%;
	border-bottom: none;
	border-right: none;
	position: absolute;
	left: -10px;
	top:-10px;
	
	z-index: 4; 
	-webkit-animation-duration: 6s;
	-o-animation-duration: 6s;
	animation-duration: 6s;
	-webkit-animation: pulse;
	-o-animation: pulse;
	animation: pulse 6s linear;
	animation-iteration-count : infinite;
	transition: all 1s;
	opacity: 0;
}
.play {
	position: absolute;
	left: 650px;
	top:975px;
	z-index: 6;
	
	border: 50px solid transparent;	border-left: 100px solid #5228ff  ; 

}
.ekran3 {
	max-width: 1400px;
	margin:0 auto;
	margin-top: -100px; 
	background: url(../img/woman.png);
	background-repeat: no-repeat;
	background-size: 85%;
	background-position: -20px -170px;
	padding-bottom: 100px;
	
}
.bigcercle1 {
	justify-content: center;
	width: 100%;
	
     margin-bottom: -200px;
	z-index: 10;
	position: relative;
	
}
.bigcercle1> img {
	width: auto;
	margin: 0 35%; 
	

}

.bigcercle2 {
	width: 290px;
	height: 290px;
	border-radius: 50%;
	overflow:hidden;
	position: relative;
	top:-100px;
	left: 62%;
	 box-shadow: inset 0px -75px 95px 30px rgba(0,0,0,0.9);


}
.trener {
	position: absolute;
	right: 50px;
	top: 180px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 25px;
}
.bigcercle2>img {
	position: absolute;
	top:-200px;
	right: -150px;
	width: 1100px;
	z-index: -2;
}
.bottomForm {
	display: flex;
	max-width: 895px;
	margin:0 auto;
	position: relative;
}
.bigcercle3 {
	width: 350px;
	height: 350px;
	border-radius: 50%;
	overflow:hidden;
	position: relative;
    box-shadow: inset 0px -75px 95px 30px rgba(0,0,0,0.9);	
     
}
.bigcercle3>img {
	position: absolute;
	right: 0px;
	width: 160%;
	 box-shadow: inset 0px 0px 30px 30px rgba(0,0,0,0.9);
	 z-index: -2; 
}
.cerclForm {
	margin-left: 15%;
	position: relative;
}
.textff {
	
	width: 300px;
	height: 120px;
	text-align: center;	
	position: absolute;
	top:290px;
	left: 	-20px;
	color: #fff;
	font-size: 25px;
	font-weight: bold;
}

.formblock2 {
	display: block;
	height: 300px;
	max-width: 400px;
	position: relative;
 
	
	margin-bottom: 10vh;
	text-align:center;
	z-index: 7;
	
}

.formblock2 input {
   background: none;
   border:none ;
   border-bottom: 2px solid #5327ff;
   box-shadow: 70px 300px 300px rgba(11,155,245,0.3);

   width: 100%;
   padding:35px 10px;
   outline: none;
   color: #fff;
   font-size: 20px; 
   font-weight: bold;
}
#btn2 {
	background: linear-gradient(180deg,#4d34ff 30%, #189fff 100%, #4e31ff 10% );
	border-radius: 45px;
	max-width: 350px;
    width: 100%;
	margin-top: 40px;
	box-shadow: 0px 0px 410px rgba(11,155,245,0.3);
}
.blockform1{ 	
	width: 26px;
	height: 26px;
	border: #5228ff 8px solid;
	border-radius: 50%;
	position: absolute;
	left: 250px;
	top:185px;
	box-shadow: 0px 0px 40px  #5327ff ;
}
.blockform2{
	width: 36px;
	height: 36px;
	border: #5228ff 8px solid;
	border-radius: 50%;
	position: absolute;
	left: 220px;
	top:295px;
	box-shadow: 0px 0px 40px  #5327ff ;
}
.clear {
	clear: both;
}
.wrapper4{
	z-index: 999;
	margin-top: 50px;
	width: 100%;
	position: relative;
}
.boxSlider {
	position: relative;
	width: 100%;
	height: 100vh;
	overflow: hidden;
	
}
.boxSlider> img {
	position: absolute;
	bottom:0;
	
}
.boxSlider> img:ferst-child{
	width: 100%;
}
.ridth {
	bottom: -70px !important;
	right: 32%;
	opacity: 0.3;
	transition: 0.5s ;	
}
.ridth2 {
	transition: 1s ;
	right: 20%;
	bottom: -10px !important;
}
.textblock {
	position: absolute;
	z-index: 3333;
	max-width: 1400px;
	margin-left: 20%;
	margin-top: 5%;
	line-height: 80px;
	transition: .5s ;
}
.textblock2 {
	position: absolute;
	z-index: 3333;
	max-width: 1400px;
	margin-left: 37%;
	margin-top: 25%;
	color:black; 
	transition: 1s ;
	
	
}
.textblock2 small {
	font-size: 20px;
	color: #251312;
	transition: 1s ;
}
.tittle {
	font-size: 60px;
	font-weight: bold;
}
.textblock3 {
	position: absolute;
	z-index: 3333;
	max-width: 300px;
	margin-left: 37%;
	margin-top: 32%;
	line-height: 35px;
	font-size: 20px;
	transition: 0.4s ;
	
}
.textblock> h2 {
	font-size: 135px;
	color: white;
	font-weight: bold;
}
.textblock> h3 {
	font-size: 90px;	
	color: black;
	font-weight: bold;
	
}
.fonslider {
	width: 100%;
	height: 100vh;
	transition: 1s ;
}

.navigationslider {
	position: absolute;
	bottom:40px;
	right: 50%;
	display: flex;
	
}
#prev {
	background:none;
    border:none ;    
	margin: 0 20px;
    padding: 0 0  0px 0 ;
	border-bottom: 1px solid black;
	outline: none;
	cursor: pointer;
	
}
#next {
	background:none;
    border:none ;    
	padding: 0 0  0px 0 ;
	border-bottom: 1px solid black;
	margin: 0 20px;	
	outline: none;
	cursor: pointer;
}
#id1 {
	display: none;
}
#id2 {
	display: none;
}
#id3 {
	display: none;
}
#id4 {
	display: none;
}
#id5 {
	display: none;
}
.navigationslider label {
    
    
	border-radius: 50%;
	cursor: pointer;
	width: 10px;
	height: 10px;
    margin: 5px;
	border: 1px solid black;
	transition: 0.3s;
    
}
.navigationslider input[type=radio]:checked + label {
  background:black;
  transform: scale(1.5);
  
}

.redblock {
	background: linear-gradient(to top, #9f133e, #cb0d28);
}

.kpbg {
	background: linear-gradient(to top, #9f133e, #cb0d28);
	border: none;
	outline: none;
	box-shadow: 0px 0px 70px rgba(255,255,255,0.5);
	color:white;
	font-size: 24px;
	border-radius: 50px; 
	padding: 20px 50px;
	position: relative;
	z-index: 999;
}
.kpbg:active {
	background: linear-gradient(to top,  #cb0d28,#9f133e);
}
.kp {
	padding-top: 80px;
	padding-bottom: 100px;
	width: 75%;
	text-align: right;
}

.kp p {
	color: white;
	margin-right: 4.5%;
	margin-top: 20px;
}

.manblock {
	width: 100%;
	padding-right: 400px;
	position: relative;
	justify-content: center;
	
}

.manblock img {
	width: 2200px;
	margin-top: -550px;
	height: 1700px;
	margin-left: -350px;
}
.footer {
	margin-top: -800px;
	
}

.formblock3 {
	display: block;
	height: 800px;
	max-width: 600px;
	position: relative;
	margin-left: 70%;
	
	text-align:left;
	z-index: 7;
	
}
.formblock3  h2 {
	font-weight:bold;
	font-size: 95px;
	color: #fff;

}
.formblock3  h1 {
	font-size: 115px;
	color: #fff;
	background: linear-gradient(180deg,#4d34ff 30%, #189fff 100%, #4e31ff 10% );
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.formblock3 input {
   background: none;
   border:none ;
   border-bottom: 2px solid #5327ff;
   width: 110%;
   padding:20px 10px;
   outline: none;
   color: #fff;
   font-size: 20px;
   font-weight: bold;
}
.formblock3 a {
	color: #da5966;
	padding: 50px 80px;
	
}

.social {
	display: block;
	margin-top: 100px;
	margin-left: 180px;
	
}

.ccvg {
	font-size: 20px !important;
	color: #56585a;
	width: 40px;
	height: 40px;
	margin: 10px;
	transition: 1s all ;
}

.ccvg:first-child:hover {
    color: #4d34ff;
}

.blockform3 {
    width: 36px;
    height: 36px;
    border: #fff 8px solid;
    border-radius: 50%;
    position: absolute;
    left: 420px;
    top: 355px;
    box-shadow: 0px 0px 40px #5327ff;
}
.blockform3 p {
	color: white;
	font-size: 25px;
	margin-top: -40px;
	margin-left: -10px;
}
.blockform4 {
    width: 26px;
    height: 26px;
    border: #4e31ff 5px solid;
    border-radius: 50%;
    position: absolute;
    left: 790px;
    top: 310px;
    box-shadow: 0px 0px 40px #5327ff;
}
.blockform4 p {
	color: #4d34ff;
	font-size: 25px;
	margin-top: -40px;
	margin-left: -10px;
}

.blockform5 {
    width: 26px;
    height: 26px;
    border: #4e31ff 5px solid;
    border-radius: 50%;
    position: absolute;
    left: 870px;
    top: 610px;
    box-shadow: 0px 0px 40px #5327ff;
}
.blockform5 p {
	color: #4d34ff;
	font-size: 25px;
	margin-top: -40px;
	margin-left: -10px;
}

.leftblok2 h2 {
	font-family: 'Secular One', sans-serif;
}

.leftblok2 {
	display: block;
	min-width: 265px;
	z-index: 9999;
	position: absolute;
	left: 500px;
	top: 650px;
}
.leftblok2 h2 { 
	font-weight:bold;
	font-size: 65px;
	background: linear-gradient(180deg,#4d34ff 30%, #189fff 100%, #4e31ff 10% );
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.leftblok2 p {
	font-size: 25px;
	line-height: 20px;
	color: #5f5f5f;
	
}

.logotxt2{
	margin-top: 20%;
}