#background 
{ 
	 position: relative; 
	 margin-left: auto; 
	 margin-right: auto; 
	 width: 1600px;
	 height: 6000px; 
	 z-index:0;
	 display:flex;
	}


.container2 {
    margin: 0 auto;
    clear: both;
   
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.about2{
    margin: 0;
    padding: 0;
/* overflow: hidden; */
}

.text_black_center{
max-width:1200px;
display: flex;
   margin:25px auto;

}

.text_green_center{
max-width:450px;
   margin:25px auto;
font-family:WORKSHOPMarker;

    font-size: x-large;
    text-align: center;

    color: #869a38;

}
.text_white_kist{
max-width:450px;
   margin:25px auto;
font-family:WORKSHOPMarker;

    font-size: x-large;
    text-align: center;

    color: white;

}









.main_div{
 display: blcok;
    min-width: 100%;
   position:relative;

}

.full_content {
 display: flex;
    min-width: 100%;

   position:relative;
   /*height: 100vh;*/


}

.section_top{
	display: block;
	 
   
   margin-top:0;
	  position:relative;
   
	/* background: url(/images/sterimg/toper-back.png)  no-repeat center center fixed; 
	 -webkit-background-size: cover;
	 -moz-background-size: cover;
	 -o-background-size: cover;
	 background-size: cover; */
   }
   
   
  
   
   .top{
   
	   display: flex;
		  min-width: 100%;
	  
	  
		 position:relative;
	   flex-wrap: wrap;
		 justify-content: center;
	  }
   
   .top_float{
   
    display: flex;
    width: 100%;
    height: 679px;
    position: relative;
    flex-wrap: wrap;
    justify-content: center;
	overflow: hidden;
   
   
   
   }
   .top_cl{
	display: inline-block;
	   position: absolute;
   }
   
   .top1{
    /* left: 902px; */
    right: -50px;
    z-index: 2;
    top: 0px;
    display: flex;
	
	
   }
   

   .top2{
    /* left: 1129px; */
    /* right: -712px; */
    z-index: 2;
    width: 100%;
    top: -2px;
    display: flex;
    opacity: 1;
	position: relative;
	
   }
   .top2_banner{
	   width: 100%;
   }

   .top3{
    /* left: 902px; */
    right: 0;
    z-index: 2;
    top: 430px;
    display: flex;
	
   }

   .m-fadeOut {
	visibility: visible;
	opacity: 0;
	transition: visibility 0s linear 300ms, opacity 300ms;
  }
  .m-fadeIn {
	visibility: visible;
	opacity: 1;
	transition: visibility 0s linear 100ms, opacity 300ms;
  }
  @-webkit-keyframes fadeOut {
	0% {
	  opacity: 1;
	}
	100% {
	  opacity: 0;
	}
  }
  
  @keyframes fadeOut {
	0% {
	  opacity: 1;
	}
	100% {
	  opacity: 0;
	}
  }
  
  .fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;
  }
  
  @-webkit-keyframes masked-animation {
	0% {
	  background-position: left bottom;
	}
	100% {
	  background-position: right bottom;
	}
  }
  #viewport {
	position: relative;
   /* width: 100%;
    height: 100vh;
     float: right; 
    overflow: hidden;
    right: -815px;
    z-index: 150;
    margin-left: auto;*/
    
  }
  
  #viewport .smoke {
	position: absolute;
	width: 250px;
	height: 250px;
	background: url('/images/sterimg/par2.png') no-repeat;
	 opacity: 0.3;
	/*transition: 3s;
	transition-duration: .5s; */
	
	bottom: 150px;
	margin-left: 0px
  }
  
  @-webkit-keyframes masked-animation {
	0% {
	  background-position: left bottom;
	}
	100% {
	  background-position: right bottom;
	}
  }

.mobile_show{
	display: none;
}
  
.section_1{
 display: block;
  

margin-top:0;
   position:relative;

 /* background: url(/images/sterimg/1-background.png)  no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; */
}


.cloud1 {
    display: flex;

    position: absolute;
    max-width: 1100px;
    max-height: 153px;
    z-index: 1;
    margin: 0 auto;
min-height: 70px;
    bottom: -10%;
 flex-wrap: wrap;
   justify-content: space-around;
    left: 0;
    right: 0;
	opacity: 0;
	transform: translateY(4em) /*rotateZ(-5deg)*/; 
	transition: transform 4s .25s cubic-bezier(0,1,.3,1),
				opacity .3s .25s ease-out;
	/*max-width: 600px;*/
	
	will-change: transform, opacity;
}
.cloud1.is-visible {
	opacity: 1;
	transform: rotateZ(0deg);
	    z-index: 2;

}
.etapy{

	display: flex;
	   min-width: 100%;
   
   
	  position:relative;
	flex-wrap: wrap;
	  justify-content: center;
   }

.etapy_float{

 display: flex;
       width: 1400px;
    height: 830px;


   position:relative;
 flex-wrap: wrap;
   justify-content: center;



}
.etapy_cl{
 display: inline-block;
    position: absolute;

	opacity: 0;
  transform: translateY(4em) /*rotateZ(-5deg)*/; 
  transition: transform 4s .25s cubic-bezier(0,1,.3,1),
              opacity .3s .25s ease-out;
  max-width: 600px;
  width: 90%;
  will-change: transform, opacity;
}

.etapy_cl.is-visible {
	opacity: 151;
	/* transform: rotateZ(0deg); */
  }
  

.etap1{
	left: 187px;
    
}
.etap2{
	left: 499px;
  
}
.etap3{
	left: 894px;
    

}
.etap4{
	left: 192px;
    top: 350px

}
.etap5{
	left: 524px;
    top: 350px;

}

.etap6{
    left: 892px;
    top: 350px;
}


.strelka1{
	left: 792px;
    top: 59px;
}

.strelka2{
	left: 295px;
    top: 267px;

}
.strelka3{
	left: 649px;
    top: 270px;


}
.strelka4{
	left: 795px;
    top: 246px;


}
.strelka5{
	left: 1020px;
    top: 270px;

}
.strelka6{
	left: 444px;
    top: 408px;

}







.section_2{
 display: block;
  


   position:relative;


 
}

.cloud2 {
    display: flex;

    position: absolute;
    max-width: 1100px;
    max-height: 153px;
    z-index: 1;
    margin: -60px auto;
min-height: 70px;
    bottom: -10%;
 flex-wrap: wrap;
   justify-content: space-around;
    left: 0;
    right: 0;
	opacity: 0;
	transform: translateY(4em) /*rotateZ(-5deg)*/; 
	transition: transform 4s .25s cubic-bezier(0,1,.3,1),
				opacity .3s .25s ease-out;
	/*max-width: 600px;*/
	
	will-change: transform, opacity;
}
.cloud2.is-visible {
	opacity: 1;
	transform: rotateZ(0deg);

}
.urazhennya{

	display: flex;
	   min-width: 100%;
   
       margin-top: 150px;
	  position:relative;
	flex-wrap: wrap;
	  justify-content: center;
   }

.urazhennya_float{

	display: flex;
		  width: 1600px;
	   height: 400px;
   
   
	  position:relative;
	flex-wrap: wrap;
	  justify-content: center;
   
   
   
   }
   .urazhennya_cl{
	display: inline-block;
	   position: absolute;
	   opacity: 0;
	   transform: translateY(4em) /*rotateZ(-5deg)*/; 
	   transition: transform 4s .25s cubic-bezier(0,1,.3,1),
				   opacity .3s .25s ease-out;
	   max-width: 600px;
	   width: 90%;
	   will-change: transform, opacity;
	 
   }

   .urazhennya_cl.is-visible {
	opacity: 1;
	transform: rotateZ(0deg);
  }
   
   .ur1{
	left: 244px;
    z-index: 2;
   }
   .ur2{
	left: 530px;
    z-index: 2;
   }
   .ur3{
	left: 820px;
   
   
   }
   .ur4{
	left: 1120px;
	 
   
   }


.section_3{
	display: block;
	 
   
   
	  position:relative;
   
   
	
   }
   
   .cloud3 {
	   display: flex;
   
	   position: absolute;
	   max-width: 1100px;
	   max-height: 153px;
	   z-index: 1;
	   margin: 0 auto;
   min-height: 70px;
	   bottom: -10%;
	flex-wrap: wrap;
	  justify-content: space-around;
	   left: 0;
	   right: 0;
	   opacity: 0;
	   transform: translateY(4em) /*rotateZ(-5deg)*/; 
	   transition: transform 4s .25s cubic-bezier(0,1,.3,1),
				   opacity .3s .25s ease-out;
	   /*max-width: 600px;*/
	   
	   will-change: transform, opacity;
   }
   .cloud3.is-visible {
	   opacity: 1;
	   transform: rotateZ(0deg);
   
   }
   .fermer{
   
	   display: flex;
		  min-width: 100%;
	  
		  margin-top: 150px;
		 position:relative;
	   flex-wrap: wrap;
		 justify-content: center;
	  }
   
   .fermer_float{
   
	display: flex;
    width: 1600px;
    height: 708px;
    position: relative;
	overflow: hidden;
    flex-wrap: wrap;
    justify-content: center;
	  
	  }
	  .fermer_cl{
	   display: inline-block;
		  position: absolute;
	  

	  opacity: 0;
	  transform: translateY(4em) /*rotateZ(-5deg)*/; 
	  transition: transform 4s .25s cubic-bezier(0,1,.3,1),
				  opacity .3s .25s ease-out;
	  /*max-width: 600px;*/
	  width: 90%;
	  will-change: transform, opacity;
	
  }

  .fermer_cl.is-visible {
   opacity: 1;
   transform: rotateZ(0deg);
 }
	  
	  .ferm1{
		left: 275px;
		z-index: 2;
	  }
	  .ferm2{
		left: 827px;
		top: 9px;
		z-index: 1;
	  }
	  .ferm3{
		left: 329px;
		top: 127px;
		z-index: 2;
	
	  }
	  .ferm4{
		left: 600px;
		top: 0px;
	  }

	  .ferm5{
		left: 900px;
    top: 300px;
    z-index: 2;
	   }

	   .ferm6{
	    left: 550px;
    top: 384px;
    z-index: 3;
	   
	   }

	   .ferm7{
	    left: 1106px;
    top: -19px;
    z-index: 3;
		 
	   
	   }

	   .ferm8{
	    left: 306px;
    top: 560px;
	   
	   }

	   .ferm9{
	
	    left: 625px;
    top: 560px;
	   }

	   .ferm10{
		left: 1032px;
		top: 560px;
		 
	   
	   }


 .section_4{
		display: block;
		 
	   
	   
		  position:relative;
	   
	   
		
	   }
	   
	   .cloud4 {
		   display: flex;
	   
		   position: absolute;
		   max-width: 1100px;
		   max-height: 153px;
		   z-index: 1;
		   margin: 0 auto;
	   min-height: 70px;
		   bottom: -10%;
		flex-wrap: wrap;
		  justify-content: space-around;
		   left: 0;
		   right: 0;
	   	opacity: 0;
	transform: translateY(4em) /*rotateZ(-5deg)*/; 
	transition: transform 4s .25s cubic-bezier(0,1,.3,1),
				opacity .3s .25s ease-out;
	/*max-width: 600px;*/
	
	will-change: transform, opacity;
}
.cloud4.is-visible {
	opacity: 1;
	transform: rotateZ(0deg);

}
	   .bakter{
	   
		   display: flex;
			  min-width: 100%;
		  
			  margin-top: 150px;
			 position:relative;
		   flex-wrap: wrap;
			 justify-content: center;
		  }
	   
	   .bakter_float{
	   
		display: flex;
		width: 1600px;
		height: 720px;
		position: relative;
		flex-wrap: wrap;
		justify-content: center;
		  }
		  .bakter_cl{
		   display: inline-block;
			  position: absolute;
			  opacity: 0;
			  transform: translateY(4em) /*rotateZ(-5deg)*/; 
			  transition: transform 4s .25s cubic-bezier(0,1,.3,1),
						  opacity .3s .25s ease-out;
			  /*max-width: 600px;*/
			  
			  will-change: transform, opacity;
			
		  }
		
		  .bakter_cl.is-visible {
		   opacity: 1;
		   transform: rotateZ(0deg);
		 }
		  
		 .bak2.is-visible{
			transition: 5s;
			left: 0;
		 }
		  .bak1{
			left: 170px;
			top: -66px;
			z-index: 2;
		opacity: 1;
		
		  }
		  .bak2{
			left: 127px;
    top: -95px;
    z-index: 1;
	transition: transform 5s .50s cubic-bezier(0,1,.3,1), opacity 1s .1s ease-out;
 
    will-change: transform, opacity;
	transform: rotate(-20deg);

		  }
		  .bak3{
			left: 842px;
			top: -53px;
			opacity: 0;
			z-index: 2;
		  
		  }
		  .bak4{
			left: 929px;
    top: 134px;
    z-index: 2;
		  }
	
		  .bak5{
			left: 404px;
    top: 398px;
    z-index: 2;
		   
		   }
	
		   .bak6{
			left: 680px;
			top: 410px;
			z-index: 3;
			 
		   
		   }
	
		   .bak7{
			left: 898px;
			top: 312px;
			z-index: 3
			 
		   
		   }
	
		   .bak8{
			left: 340px;
			top: 170px;
			z-index: 2;
		
				   
		   }
	
		   .bak9{
		
		left: 625px;
		top: 560px;
		   }
	
		   .bak10{
			left: 1186px;
			top: 560px;
			 
		   
		   }




  .section_5{
		display: block;
		 
	   
	   
		  position:relative;
	   
	   
		
	   }
	   
	   .cloud5 {
		   display: flex;
	   
		   position: absolute;
		   max-width: 1100px;
		   max-height: 153px;
		   z-index: 1;
		   margin: 0 auto;
	   min-height: 70px;
		   bottom: -10%;
		flex-wrap: wrap;
		  justify-content: space-around;
		   left: 0;
		   right: 0;
		   opacity: 0;
		   transform: translateY(4em) /*rotateZ(-5deg)*/; 
		   transition: transform 4s .25s cubic-bezier(0,1,.3,1),
					   opacity .3s .25s ease-out;
		   /*max-width: 600px;*/
		   
		   will-change: transform, opacity;
	   }
	   .cloud5.is-visible {
		   opacity: 1;
		   transform: rotateZ(0deg);
	   
	   }
	   .ster{
	   
		   display: flex;
			  min-width: 100%;
		  
			  margin-top: 136px;
			 position:relative;
		   flex-wrap: wrap;
			 justify-content: center;
		  }
	   
	   .ster_float{
	   
		display: flex;
    width: 1600px;
    height: 600px;
    position: relative;
    flex-wrap: wrap;
    justify-content: center;
		  }


		  .ster_cl{
		   display: inline-block;
			  position: absolute;
			  opacity: 0;
			  transform: translateY(4em) /*rotateZ(-5deg)*/; 
			  transition: transform 4s .25s cubic-bezier(0,1,.3,1),
						  opacity .3s .25s ease-out;
			  /*max-width: 600px;*/
			  
			  will-change: transform, opacity;
			
		  }
		
		  .ster_cl.is-visible {
		   opacity: 1;
		   /* transform: rotateZ(0deg); */
		 }
		  .ster1{
			left: 314px;
    z-index: 2;
	margin-bottom: 10px;
	 transform: rotateZ(-5deg);
		
		  }
		  .ster2{
			left: 880px;
			top: -66px;
			z-index: 1;
		
		  }
		  .ster3{
			left: 734px;
			top: -3px;
			opacity: 1;
			/* z-index: 2; */
		  
		  }
		  .ster4{
			left: 730px;
    top: 311px;
    z-index: 2;
    width: 652px;
		  }
	
		 

		  .section_6{
			display: block;
			 
		   
		   
			  position:relative;
		   
		   
			
		   }
		   
		   .cloud6 {
			   display: flex;
		   
			   position: absolute;
			   max-width: 1100px;
			   max-height: 153px;
			   z-index: 1;
			   margin: 0 auto;
		   min-height: 70px;
			   bottom: -10%;
			flex-wrap: wrap;
			  justify-content: space-around;
			   left: 0;
			   right: 0;
			   opacity: 0;
			   transform: translateY(4em) /*rotateZ(-5deg)*/; 
			   transition: transform 4s .25s cubic-bezier(0,1,.3,1),
						   opacity .3s .25s ease-out;
			   /*max-width: 600px;*/
			   
			   will-change: transform, opacity;
		   }
		   .cloud6.is-visible {
			   opacity: 1;
			   transform: rotateZ(0deg);
		   
		   }
		   .video{
		   
			   display: flex;
				  min-width: 100%;
			  
				  margin-top: 150px;
				 position:relative;
			   flex-wrap: wrap;
				 justify-content: center;
			  }
		   
		   .video_float{
		   
			display: flex;
		width: 1600px;
		height: 877px;
		position: relative;
		flex-wrap: wrap;
		justify-content: center;
			  }
	
	
			  .video_ster,iframe{
				width: 1400px;
				height: 789px;
				margin: 10px auto 10px auto;
			  }
			  
			
		
 .section_7{
				display: block;
				 
			   
			   
				  position:relative;
			   
			   
				
			   }
			   
 .cloud7 {
				   display: flex;
			   
				   position: absolute;
				   max-width: 1100px;
				   max-height: 153px;
				   z-index: 1;
				   margin: 0 auto;
			   min-height: 70px;
				   bottom: -10%;
				flex-wrap: wrap;
				  justify-content: space-around;
				   left: 0;
				   right: 0;
				   opacity: 0;
				   transform: translateY(4em) /*rotateZ(-5deg)*/; 
				   transition: transform 4s .25s cubic-bezier(0,1,.3,1),
							   opacity .3s .25s ease-out;
				   /*max-width: 600px;*/
				   
				   will-change: transform, opacity;
			   }
			   .cloud7.is-visible {
				   opacity: 1;
				   transform: rotateZ(0deg);
			   
			   }
			   .vidy{
			   
				   display: flex;
					  min-width: 100%;
				  
					  margin-top: 150px;
					 position:relative;
				   flex-wrap: wrap;
					 justify-content: center;
				  }
			   
			   .vidy_float{
			   
				display: flex;
			width: 1600px;
			height: 1400px;
			position: relative;
			flex-wrap: wrap;
			justify-content: center;
				  }
		
		
				  .vidy_cl{
				   display: inline-block;
					  position: absolute;
					  opacity: 0;
					  transform: translateY(4em) /*rotateZ(-5deg)*/; 
					  transition: transform 4s .25s cubic-bezier(0,1,.3,1),
								  opacity .3s .25s ease-out;
					  /*max-width: 600px;*/
					  
					  will-change: transform, opacity;
					
				  }
				
				  .vidy_cl.is-visible {
				   opacity: 1;
				   transform: rotateZ(0deg);
				 }
				  
				  .vidy1{
					left: -8px;
					max-width: 100vw;
					top: -81px;
					z-index: 1;
				
				  }
				  .vidy2{
					left: 1015px;
					top: -50px;
					z-index: 2;
				  }
				  .vidy3{
					left: 444px;
					top: 459px;
					opacity: 1;
				  
				  }

				  .vidy4{
					left: 124px;
					top: 655px;
					opacity: 1;
					/* z-index: 2; */
				  }


				  .vidy5{
					left: 854px;
					top: 600px;
					opacity: 1;
					/* z-index: 2; */
				  
				  }
				  .vidy6{
				    left: 344px;
    top: 1000px;
    opacity: 1;
    /* z-index: 2; */
				  
				  }


.section_8{
					display: block;
					 
				   
				   
					  position:relative;
				   
				   
					
				   }
				   
	
				   
				   .goroh{
				   
					   display: flex;
						  min-width: 100%;
					  
						  margin-top: 150px;
						 position:relative;
					   flex-wrap: wrap;
						 justify-content: center;
					  }
				   
				   .goroh_float{
				   
					display: flex;
				width: 1600px;
				height: 1900px;
				position: relative;
				flex-wrap: wrap;
				justify-content: center;
					  }

					  .goroh_cl{
						display: inline-block;
						   position: absolute;
					   }
					  
					   #sticky {
						position: sticky;
						position: -webkit-sticky;
						/* background: #f83d23; */
						/* width: 100px; */
						height: 248px;
						top: 450px;
						display: flex;
						justify-content: center;
						align-items: center;
						/* box-shadow: 0 0 6px #000; */
						/* color: #fff; */
					}
					  .goroh1{
						left: 300px;
						top: 0px;
						opacity: 1;
						z-index: 2;
					  
					  }
					  .res_gor{
						width: 937px;
					  
					  }


					  .goroh2{
						left: 344px;
						top: 530px;
						opacity: 1;
						z-index: 3;
						
					  
					  }

					  .goroh3{
						left: -38px;
						top: -9px;
						opacity: 0;
						z-index: 2;

						
					  
					  }

					  .goroh4{
						left: 1px;
						/* top: 151px; 
						opacity: 1;*/
						z-index: 1;
						padding-right: -31px;
						position: sticky;
						position: -webkit-sticky;
						/* margin-left: -482px; */
						/* background: #f83d23; */
						/* width: 100px; */
						height: 264px;
						top: 413px;
						display: flex;
						justify-content: center;
						align-items: center;
						margin-left: -564px;
					  
					  }

					
					  .goroh5{
						left: 664px;
						top: 77px;
						z-index: 2;
						position: sticky;
						position: -webkit-sticky;
						margin-left: -690px;
						/* background: #f83d23; */
						/* width: 100px; */
						height: 260px;
						top: 425px;
						display: flex;
						justify-content: center;
						align-items: center;
						/* box-shadow: 0 0 6px #000; */
						/* color: #fff; */
					}

					.goroh6{
						left: 664px;
						top: 77px;
						z-index: 2;
						position: sticky;
						position: -webkit-sticky;
						margin-left: -690px;
						/* background: #f83d23; */
						/* width: 100px; */
						height: 100px;
						top: 425px;
						display: flex;
						justify-content: center;
						align-items: center;
						/* box-shadow: 0 0 6px #000; */
						/* color: #fff; */
					}

					.goroh7{
						left: 664px;
						top: 77px;
						z-index: 2;
						position: sticky;
						position: -webkit-sticky;
						margin-left: -690px;
						/* background: #f83d23; */
						/* width: 100px; */
						height: 100px;
						top: 425px;
						display: flex;
						justify-content: center;
						align-items: center;
						/* box-shadow: 0 0 6px #000; */
						/* color: #fff; */
					}

					.opa_change{
						opacity:0;
					}

			
	.section_10{
						display: block;
						 
					   
					   
						  position:relative;
					   
					   
						
					   }
					   
		
					   .sect{
					   
						   display: flex;
							  min-width: 100%;
						  
							  margin-top: 150px;
							 position:relative;
						   flex-wrap: wrap;
							 justify-content: center;
							 height: 225px;

						  }
					   
					   .sect_float{
					   
						display: flex;
					width: 1600px;
					height: 510px;
					position: relative;
					flex-wrap: wrap;
					justify-content: center;
						  }
				
				
						  .sect_cl{
						   display: inline-block;
							  position: absolute;
						  }
						  
						  .sect1{
							/* left: 390px; */
							top: -81px;
							z-index: 2;
						
						  }

						  .sect2{
							/* left: 220px; */
    top: 139px;
    z-index: 2;
						
						  }

  .section_9{
					display: block;
					 
				   
				   overflow: hidden;
					  position:relative;
				   
				   
					
				   }
				   
	
				   
				   .sdown{
				   
					   display: flex;
						  min-width: 100%;
					  
						  margin-top: 300px;
						 position:relative;
					   flex-wrap: wrap;
						 justify-content: center;
					  }
					  .sdown_cl{
						display: inline-block;
						   position: absolute;
					   }
					   
					   .sdown_text{
						left: 671px;
    top: -158px;
    z-index: 2;
					 
					   }				   
				   .sdown_float{
				   
					display: none;
				width: 1600px;
				height: 500px;
				position: relative;
				flex-wrap: wrap;
				justify-content: center;
					  }

					  .ddown_float{
						display: none;
						/* width: 1700px; */
						height: 200px;
						position: relative;
						flex-wrap: wrap;
						justify-content: center;
						  }
			
			
						  .detail_mock img {
 
							transition: transform .3s ease;
						   }
						   
						   /* [3] Finally, transforming the image when container gets hovered */
						   .detail_mock:hover img {
							 transform: scale(1.2);
						   }

					  /* adsadad*a */
					  /* Value Slider */
.values-slider .value{
	box-sizing: border-box;
	background: #fff;
	background-size: 100%;
	text-align: center;
	margin: 0 auto;
	padding: 5px;
	color: #666;
	max-width: 350px;
	min-height: 230px;
}

.values-slider .value .head {}

.values-slider .value .head h3{
	display: inline-block;
	font: bold 24px 'open sans';
	position: relative;
	top: -20px;
}

.values-slider .value .head .line{
	display: inline-block;
	width: 40px;
	height: 1px;
	background: #eacfb1;
	margin: 0 15px;
	position: relative;
	top: -25px;
}

.values-slider .value .head .value-icon{
	display: inline-block;
	width: 55px;
	height: auto;
}

.values-slider .value .head .value-icon svg{
	width: 100%;
	height: auto;
}

.values-slider .value .value-text{
	font: 12px quicksand;
	line-height: 20px;
	margin-top: 10px;
}

.values-slider .owl-item .item {
	filter: blur(3px);
	transform: scale(.75);
	transition: all .5s;
	
}

/* .owl-item.active {
	max-width: 300px;
	
} */

.values-slider .owl-item.active.center .item{
	filter: blur(0);
	transform: scale(1);
	transition: all .5s;
	
}

.values-slider .owl-nav {
	position: absolute;
	top: 35%;
	width: 100%;
}


.values-slider .owl-nav .owl-prev {
	float: left;
}

.values-slider .owl-nav .owl-prev span, .values-slider .owl-nav .owl-next span{
	color: #666;
	font-size: 48px;
	border-radius: 100%;
	width: 65px;
	height: 65px;
	line-height: 65px;
	text-align: center;
}

.values-slider .owl-nav .owl-next {
	float: right;
}

.detail_mock{
	max-width: 150px;
	margin: 5px;
}


.section_11{
	display: block;
	 
   
   
	  position:relative;
   
   
	
   }
   
.cloud11 {
	   display: flex;
   
	   position: absolute;
	   max-width: 1100px;
	   max-height: 153px;
	   z-index: 1;
	   margin: 0 auto;
   min-height: 70px;
	   bottom: -10%;
	flex-wrap: wrap;
	  justify-content: space-around;
	   left: 0;
	   right: 0;
	   opacity: 0;
	   transform: translateY(4em) /*rotateZ(-5deg)*/; 
	   transition: transform 4s .25s cubic-bezier(0,1,.3,1),
				   opacity .3s .25s ease-out;
	   /*max-width: 600px;*/
	   
	   will-change: transform, opacity;
   }
   .cloud11.is-visible {
	   opacity: 1;
	   transform: rotateZ(0deg);
   
   }
   .dvideo{
   
	   display: flex;
		  min-width: 100%;
	  
		  margin-top: 150px;
		 position:relative;
	   flex-wrap: wrap;
		 justify-content: center;
	  }
   
   .dvideo_float{
   
	display: flex;
width: 1600px;
height: 300px;
position: relative;
flex-wrap: wrap;
justify-content: center;
	  }


	  .dvideo_cl{
	   display: inline-block;
		  position: absolute;
		  opacity: 0;
		  transform: translateY(4em) /*rotateZ(-5deg)*/; 
		  transition: transform 4s .25s cubic-bezier(0,1,.3,1),
					  opacity .3s .25s ease-out;
		  /*max-width: 600px;*/
		  
		  will-change: transform, opacity;
		
	  }
	
	  .dvideo_cl.is-visible {
	   opacity: 1;
	   transform: rotateZ(0deg);
	 }
	  
	  .dvideo1{
		left: 292px;
		top: -81px;
		z-index: 2;
	
	
	  }
	  .dvideo2{
		left: 980px;
		top: -95px;
		z-index: 1;
	  }
	  .dvideo3{
		left: 964px;
top: 150px;
opacity: 1;
		/* z-index: 2; */
	  
	  }

	  .dvideo_youtube,iframe{
		width: 480px;
		height: 280px;
		margin: 10px auto 10px auto;
		}

.videos{

 display: flex;
    max-width: 70%;
   position:relative;
 flex-wrap: wrap;
   justify-content: space-around;
margin:0 auto;

}



.center_align_elem{ 
display: flex;
  
   margin-bottom:125px;
z-index:1;


   position:relative;
flex-wrap: wrap;
   justify-content: space-around;

}



@media (max-width: 767px) {

	.cloud_mobile{ 
		height: 130px;
		
		}
		

	.section_top{
		display: block;
		 
	   
	   margin-top:55px;
		  position:relative;
	   
		/* background: url(/images/sterimg/toper-back.png)  no-repeat center center fixed; 
		 -webkit-background-size: cover;
		 -moz-background-size: cover;
		 -o-background-size: cover;
		 background-size: cover; */
	   }
	   
	   
	  
	   
	   .top{
	   
		   display: flex;
			  min-width: 100%;
		  
		  
			 position:relative;
		   flex-wrap: wrap;
			 justify-content: center;
		  }
	   
	   .top_float{
	   
		display: flex;
		width: 100%;
		height: 240px;
		position: relative;
		flex-wrap: wrap;
		justify-content: center;
	   overflow: hidden;
	   
	   
	   }
	   .top_cl{
		display: inline-block;
		   position: absolute;
	   }
	   
	   .top1{
		/* left: 902px; */
		right: 0;
		z-index: 2;
		top: 40px;
		display: flex;
		width:45%
		
	   }
	   
	
	   .top2{
		/* left: 1129px; */
		/* right: -712px; */
		z-index: 2;
		width: 100%;
		height: 44vw;
		top: -2px;
		display: flex;
		opacity: 1;
		
	   }
	   
	   .top2_banner{
		   width: 100%;
	   }
	
	   .top3{
		/* left: 902px; */
		right: 0;
		z-index: 2;
		top: 373px;
		display: flex;
		
	   }
	
	.bx-wrapper-img {
		display: block;
		max-width: 100% !important;
	}
 

 
	.section_1{
		display: block;
		margin-top: 0;
		position: relative;
		margin: 10px auto 20px auto !important;
		/* background: url(/images/sterimg/1-background.png) no-repeat center center fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover; */
	   }
	   
	   
	   .cloud1 {
		display: flex;
			margin-top: -75px !important;
		margin-bottom: 0px !important;
		
		height: 30px !important;
	
		/* position: absolute; */
	
		z-index: 1;
		margin: 0 auto;
		flex-wrap: wrap;
	   justify-content: space-around;
	}
	   
	   .etapy{
		display: flex;
		min-width: 100%;
		margin-top: 30px !important;
		position: relative;
		flex-wrap: wrap;
		justify-content: center;
		  }
	   
	   .etapy_float{
	   
		display: flex;
    width: 100vw;
    height: 800px;
    position: relative;
    flex-wrap: wrap;
    justify-content: center;
	   
	   
	   
	   }
	   .etapy_cl{
		display: inline-block;
		   position: absolute;
		   transform: translateY(4em) /*rotateZ(
-5deg
)*/;
    transition: transform 4s .25s cubic-bezier(0,1,.3,1), opacity .3s .25s ease-out;
 
    will-change: transform, opacity;
	   }
	   
	   .etap1{
		left: 27px;
		z-index: 2;
		max-width: 127px;
	   }
	   .etap2{
		left: 1px;
		z-index: 2;
		max-width: 182px;
		top: 250px;
	   }
	   .etap3{
	    left: 213px;
    top: 524px;
    
    max-width: 146px;
	   
	   }
	   .etap4{
		left: 229px;
		top: 0px;
		max-width: 127px;
		z-index: 151;
	   
	   }
	   .etap5{
	    left: 210px;
    top: 249px;
    max-width: 153px;
	   
	   }
	   
	   .etap6{
		left: 12px;
    top: 530px;
    max-width: 153px;
	   }
	   
	   
	   .strelka1{
		left: 155px;
    top: 100px;
    max-width: 81.3px;
    transform: rotate(
0deg
);
	   }
	   
	   .strelka2{
		left: 10px;
		top: 758px;
		/* display: none; */
		transform: rotate(
	90deg
	);

	   }
	   .strelka3{
		left: 280px;
		top: 232px;
		transform: rotate( 
	180deg
	 );
		max-width: 20px;
	
	   
	   
	   }
	   .strelka4{
		left: 147px;
		top: 481px;
		transform: rotate( 
	13deg
	 );
		max-width: 119.48px;
	   
	   }
	   .strelka5{
		left: 160px;
		top: 340px;
		transform: rotate( 
	85deg
	 );
		max-width: 69.45px;
	   
	   }
	   .strelka6{
	    left: 31px;
    top: 515px;
    transform: rotate( 
90deg
 );
    max-width: 100px;
	   
	   }
	  
	   
	   .section_2{
		display: block;
		 
		margin-top: 0% !important;	   
		  position:relative;
	   
	   
		
	   }
	   
	   .cloud2 {
		display: flex;
		margin-top: -25px !important;
	margin-bottom: 0px !important;
	
	height: 58px !important;

	/* position: absolute; */

	z-index: 1;
	margin: 0 auto;
	flex-wrap: wrap;
   justify-content: space-around;
	   
	   }
	   .urazhennya{
	   
		display: flex;
		min-width: 100%;
		margin-top: 140px;
		position: relative;
		flex-wrap: wrap;
		justify-content: center;
		  }
	   
	   .urazhennya_float{
	   
		display: flex;
		width: 100vw;
		height: 400px;
		position: relative;
		flex-wrap: wrap;
		justify-content: center;
		  
		  
		  
		  }
		  .urazhennya_cl{
		   display: inline-block;
			  position: absolute;
		  }
		  
		  .ur1{
			left: 25px;
			top: -47px;
			z-index: 2;
			max-width: 42vw;
		  }
		  .ur2{
			left: 203px;
			top: -50px;
			z-index: 2;
			max-width: 42vw;
		  }
		  .ur3{
			left: 8px;
			top: 184px;
			opacity: 1;
			max-width: 42vw;
		  
		  }
		  .ur4{
			left: 207px;
			top: 186px;
			max-width: 42vw;
			
		  
		  }


		  .section_3{
			display: block;
		 
		margin-top: 0% !important;	   
		  position:relative;
		   
		   
			
		   }
		   
		   .cloud3 {
			display: flex;
			margin-top: -25px !important;
		margin-bottom: 0px !important;
		
		height: 58px;
	
		/* position: absolute; */
	
		z-index: 1;
		margin: 0 auto;
		flex-wrap: wrap;
	   justify-content: space-around;
		   
		   }
		   .fermer{
		   
			     display: flex;
			   min-width: 100%;
			   margin-top: 150px;
			   position: relative;
			   flex-wrap: wrap;
			   justify-content: center;
			  }
		   
		   .fermer_float{
		   
		    display: flex;
    width: 100vw;
    height: 400px;
    position: relative;
	overflow: inherit;
    flex-wrap: wrap;
    justify-content: center;
			  
			  }
			  .fermer_cl{
			   display: inline-block;
				  position: absolute;
			  }
			  
			  .ferm1{
				left: 5px;
				z-index: 2;
				width: 44vh;
			  }
			  .ferm2{
				left: 148px;
				top: -32px;
				z-index: 1;
				width: 39vw;
			  }
			  .ferm3{
				left: -6px;
				top: 7px;
				z-index: 2;
				width: 42vw;
			
			  }
			  .ferm4{
				left: 102px;
				top: -62px;
				width: 15vw;
			  }
		
			  .ferm5{
				left: 203px;
				top: 91px;
				z-index: 2;
				width: 11vh;
			   }
		
			   .ferm6{
				left: 80px;
				top: 110px;
				z-index: 3;
				width: 33vw;
			   
			   }
		
			   .ferm7{
				left: 241px;
				top: -11px;
				z-index: 3;
				width: 42vw;
				 
			   
			   }
		
			   .ferm8{
				left: 7px;
				top: 202px;
				width: 35vw;
			   
			   }
		
			   .ferm9{
			
				left: 108px;
				top: 273px;
				width: 46vw;
			   }
		
			   .ferm10{
				left: 252px;
				top: 200px;
				width: 31vw;
				 
			   
			   }
	   

	
   .section_4{
	display: block;
		 
	margin-top: 0% !important;	   
	  position:relative;
			   
			   
				
			   }
			   
			   .cloud4 {
				  display: flex;
			margin-top: -25px !important;
		margin-bottom: 0px !important;
		
		height: 58px;
			   
			   }
			   .bakter{
			   
				display: flex;
				min-width: 100%;
				margin-top: 140px;
				position: relative;
				flex-wrap: wrap;
				justify-content: center;
				  }
			   
			   .bakter_float{
			   
				display: flex;
		width: 100vw;
		height: 400px;
		position: relative;
		flex-wrap: wrap;
		justify-content: center;
				  }
				  .bakter_cl{
				   display: inline-block;
					  position: absolute;
				  }
				  
				  .bak1{
					left: -18px;
					top: -43px;
					z-index: 2;
					width: 108vw;
				
				  }
				  .bak2{
					left: -19px;
					top: -41px;
    z-index: 1;
    width: 85vw;
	transform: rotate(-20deg);
				  }
				  .bak3{
					left: 209px;
					top: 2px;
					opacity: 1;
					z-index: 2;
					width: 42vw;
				  }
				  .bak4{
					left: 253px;
					top: 99px;
					z-index: 2;
					width: 30vw;
				  }
			
				  .bak5{
					left: 4px;
					top: 205px;
					z-index: 2;
					width: 40vw;
				   
				   }
			
				   .bak6{
					left: 147px;
					top: 227px;
					z-index: 3;
					width: 49vw;
				   
				   }
			
				   .bak7{
					left: 238px;
					top: 182px;
					z-index: 3;
					width: 35vw;
				   
				   }
			
				   .bak8{
					left: 2px;
					top: 89px;
					z-index: 2;
					width: 34vw;
						   
				   }
			
	   .section_5{
		display: block;
		 
		margin-top: 0% !important;	   
		  position:relative;
				   
				   
					
				   }
				   
				   .cloud5 {
					display: flex;
					margin-top: -25px !important;
				margin-bottom: 0px !important;
				
				height: 58px;
				   
				   }
				   .ster{
				   
					display: flex;
					min-width: 100%;
					margin-top: 90px;
					position: relative;
					flex-wrap: wrap;
					justify-content: center;
					  }
				   
				   .ster_float{
				   
					display: flex;
					width: 100vw;
					height: 340px;
					position: relative;
					flex-wrap: wrap;
					justify-content: center;
					  }
			
			
					  .ster_cl{
					   display: inline-block;
						  position: absolute;
					  }
					  
					  .ster1{
						left: 8px;
						top: 13px;
						z-index: 2;
						width: 39vw;
						margin-bottom: 10px;
						margin-left: 5px;
					  }
					  .ster2{
						left: 184px;
						top: -36px;
						z-index: 1;
						width: 48vw;
					  }
					  .ster3{
						left: 144px;
						top: -15px;
						opacity: 1;
						/* z-index: 2; */
						width: 34vw;
					  }
					  .ster4{
						left: 30px;
						top: 173px;
						z-index: 2;
						width: 331px;
						/* width: 34vw; */
					  }	
					  h2.ster_text{
						font-size: 10px;
						margin-bottom: 5px;
						font-weight: normal;
						color: #2f3135;
						font-family: 'HelveticaNeueCyr-Medium', sans-serif;
					  }	
					  p.ster_text{
						font-size: 8px !important;
						margin-bottom: 10px;
						font-weight: normal;
						color: #2f3135;
						font-family: 'HelveticaNeueCyr-Medium', sans-serif;
					  }	


  .section_6{
	display: block;
		 
	margin-top: 0% !important;	   
	  position:relative;
			   
					   }
					   
					   .cloud6 {
						display: flex;
						margin-top: 0px !important;
					margin-bottom: 0px !important;
					
					height: 58px;
					   
					   }
					   .video{
					   
						display: flex;
						min-width: 100%;
						margin-top: 100px;
						position: relative;
						flex-wrap: wrap;
						justify-content: center;
						  }
					   
					   .video_float{
					   
						display: flex;
					width: 100vw;
					height: 330px;
					position: relative;
					flex-wrap: wrap;
					justify-content: center;
						  }
				
				
						  .video_ster,iframe{
							width: 1400px;
							height: 789px;
							margin: 10px auto 10px auto;
						  }


	.section_7{
		display: block;
		 
		margin-top: 0% !important;	   
		  position:relative;
			   
				
			   }
			   
 .cloud7 {
	display: flex;
						margin-top: -25px !important;
					margin-bottom: 0px !important;
					
					height: 58px;
			   
			   }
			   .vidy{
			   
				display: flex;
				min-width: 100%;
				margin-top: 140px;
				position: relative;
				flex-wrap: wrap;
				justify-content: center;
				  }
			   
			   .vidy_float{
				display: flex;
				width: 100vw;
				height: 650px;
				position: relative;
				flex-wrap: wrap;
				justify-content: center;
				  }
		
		
				  .vidy_cl{
				   display: inline-block;
					  position: absolute;
				  }
				  
				  .vidy1{
				    left: 0px;
    top: -61px;
    z-index: 2;
    width: 100vw;
	
				
				
				  }
				  .vidy2{
					left: 252px;
					top: -61px;
					z-index: 2;
					width: 36vw;
					
				  }
				  .vidy3{
					left: 0px;
					top: 100px;
					opacity: 1;
					/* z-index: 2; */
					width: 99vw;
				  }

				  .vidy4{
					left: -5px;
					top: 240px;
					opacity: 1;
					max-width: 100vw;
					/* z-index: 2;*/
				  }


				  .vidy5{
				    left: 0px;
    top: 385px;
    opacity: 1;
    /* z-index: 2; */
    max-width: 100vw;
				  
				  }
				  .vidy6{
					left: 0px;
					top: 650px;
					opacity: 1;
					max-width: 100vw;
					/* z-index: 2;*/
				  
				  }



  .section_8{
	display: block;
		 
		margin-top: 0% !important;	   
		  position:relative;
				   
				   
					
				   }
				   
	
				   
				   .goroh{
				   
					   display: flex;
						  min-width: 100%;
					  
						  margin-top: 150px;
						 position:relative;
					   flex-wrap: wrap;
						 justify-content: center;
					  }
				   
				   .goroh_float{
				   
					display: flex;
				width: 100vw;
				height: 1000px;
				position: relative;
				flex-wrap: wrap;
				justify-content: center;
					  }

					  .goroh_cl{
						display: inline-block;
						   position: absolute;
					   }
					  
					   #sticky {
						position: sticky;
						position: -webkit-sticky;
						/* background: #f83d23; */
						/* width: 100px; */
						height: 356px;
						top: 330px;
						display: flex;
						justify-content: center;
						align-items: center;
						/* box-shadow: 0 0 6px #000; */
						/* color: #fff; */
					}
					  .goroh1{
						left: 300px;
						top: 0px;
						opacity: 1;
						z-index: 2;
					  
					  }
					  .res_gor{
						width: 937px;
					  
					  }


					  .goroh2{
						left: 54px;
    top: 552px;
    opacity: 1;
    z-index: 3;
    width: 80vw;
					  
					  }

					  .goroh3{
						left: -38px;
						top: -9px;
						opacity: 0;
						z-index: 2;
						width: 68vw;
						
					  
					  }

					  .goroh4{
						left: 1px;
						z-index: 1;
						padding-right: -31px;
						position: sticky;
						position: -webkit-sticky;
						/* margin-left: -482px; */
						/* background: #f83d23; */
						width: 100px;
						height: 257px;
						top: 443px;
						display: flex;
						justify-content: center;
						align-items: center;
						margin-left: -614px;
						width: 108vw;
					  }

					
					  .goroh5{
						left: 155px;
						top: 77px;
						z-index: 2;
						position: sticky;
						position: -webkit-sticky;
						margin-left: -690px;
						/* background: #f83d23; */
						/* width: 100px; */
						height: 370px;
						top: 500px;
						display: flex;
						justify-content: center;
						align-items: center;
						/* box-shadow: 0 0 6px #000; */
						/* color: #fff; */
						width: 32vw;
					}

					.goroh6{
					/*	left: 664px; */
						top: 77px;
						z-index: 2;
						position: absolute;
						
						/*margin-left: -690px;
						 background: #f83d23; */
						/* width: 100px; */
						height: 100px;
						top: 425px;
						display: flex;
						justify-content: center;
						align-items: center;
						/* box-shadow: 0 0 6px #000; */
						/* color: #fff; */
						width: 68vw;
					}
					#sticky2 {
						position: absolute;
						/* background: #f83d23; */
						/* width: 100px; */
						height: 248px;
						top: 450px;
						display: flex;
						justify-content: center;
						align-items: center;
						/* box-shadow: 0 0 6px #000; */
						/* color: #fff; */
					}

					.goroh7{
						left: 664px;
						top: 77px;
						z-index: 2;
						position: sticky;
						position: -webkit-sticky;
						margin-left: -690px;
						/* background: #f83d23; */
						/* width: 100px; */
						height: 100px;
						top: 425px;
						display: flex;
						justify-content: center;
						align-items: center;
						/* box-shadow: 0 0 6px #000; */
						/* color: #fff; */
						width: 68vw;
					}

					.opa_change{
						opacity:0;
					}
				
				
	.section_10{
		display: block;
		 
		margin-top: 0% !important;	   
		  position:relative;
					   
						
					   }
					   
		
					   .sect{
					   
						   display: flex;
							  min-width: 100%;
						  
							  margin-top: 45px;
							 position:relative;
						   flex-wrap: wrap;
							 justify-content: center;
							 height: 88px;
						  }
					   
					   .sect_float{
						display: flex;
						width: 100vw;
						height: 4000px;
						position: relative;
						flex-wrap: wrap;
						justify-content: center;
						  }
				
				
						  .sect_cl{
						   display: inline-block;
							  position: absolute;
						  }
						  
						  .sect1{
							left: 0px;
							top: -81px;
							z-index: 2;
							margin: 10px;
						
						  }

						  .sect2{
							left: 11px;
							top: 29px;
							z-index: 2;
							max-width: 100Vw;
    margin: 0 10px 0 10px;
						
						  }

						  .detail_mock{
							max-width: 80px;
							margin: 5px;
						}


 .section_9{
	display: block;
		 
		margin-top: 0% !important;	   
		  position:relative;
						   
							
						   }
						   
			
						   
						   .sdown{
						   
							display: flex;
							min-width: 100%;
						
							margin-top: 70px;
						   position:relative;
						 flex-wrap: wrap;
						   justify-content: center;
							  }
						   
						   .sdown_float{
						   
							display: flex;
						width: 100vw;
						height: 500px;
						position: relative;
						flex-wrap: wrap;
						justify-content: center;
							  }
					


		  .section_11{
								display: block;
								 
							   
							   
								  position:relative;
							   
							   
								
							   }
							   
							.cloud11 {
								   display: flex;
							   
								   position: absolute;
								   max-width: 1100px;
								   max-height: 153px;
								   z-index: 1;
								   margin: 0 auto;
							   min-height: 70px;
								   bottom: -10%;
								flex-wrap: wrap;
								  justify-content: space-around;
								   left: 0;
								   right: 0;
								   opacity: 0;
								   transform: translateY(4em) /*rotateZ(-5deg)*/; 
								   transition: transform 4s .25s cubic-bezier(0,1,.3,1),
											   opacity .3s .25s ease-out;
								   /*max-width: 600px;*/
								   
								   will-change: transform, opacity;
							   }
							   .cloud11.is-visible {
								   opacity: 1;
								   transform: rotateZ(0deg);
							   
							   }
							   .dvideo{
							   
								   display: flex;
									  min-width: 100%;
								  
									  margin-top: 400px;
									 position:relative;
								   flex-wrap: wrap;
									 justify-content: center;
								  }
							   
							   .dvideo_float{
							   
								display: flex;
							width: 1600px;
							height: 810px;
							position: relative;
							flex-wrap: wrap;
							justify-content: center;
								  }
							
							
								  .dvideo_cl{
								   display: inline-block;
									  position: absolute;
									  opacity: 0;
									  transform: translateY(4em) /*rotateZ(-5deg)*/; 
									  transition: transform 4s .25s cubic-bezier(0,1,.3,1),
												  opacity .3s .25s ease-out;
									  /*max-width: 600px;*/
									  
									  will-change: transform, opacity;
									
								  }
								
								  .dvideo_cl.is-visible {
								   opacity: 1;
								   transform: rotateZ(0deg);
								 }
								  
								  .dvideo1{
									left: 292px;
									top: -81px;
									z-index: 2;
								
								
								  }
								  .dvideo2{
									left: 980px;
									top: -95px;
									z-index: 1;
								  }
								  .dvideo3{
									left: 964px;
							top: 150px;
							opacity: 1;
									/* z-index: 2; */
								  
								  }
							
								  .dvideo_youtube-mobile,iframe{
									width: 305px;
									height: 280px;
									margin: 10px auto 10px auto;
									}
							
							.videos{
							
							 display: flex;
								max-width: 70%;
							   position:relative;
							 flex-wrap: wrap;
							   justify-content: space-around;
							margin:0 auto;
							
							}


	.text_black_center{
	max-width:1200px;
	display: flex;
	   margin:25px 25px;
	
	}
	
	.topper_mobile_souces{
		margin-top: 27px;
	
	}

	 #layer_1_1, #layer_1_2, #layer_72, #layer_73, #layer_74, #layer_2_1, #layer_3  {
	display:none !important;
	
	}
	
	.use_for{
		margin: 1600px auto 0px auto !important;
	
	}
	
	
		.container2 {
			padding: 0;
	margin: 0 auto;
		clear: both;
	   
		-webkit-transition: all 0.2s ease;
		transition: all 0.2s ease;
	
		}
	
	.full_content {
	 display: flex;
		min-width: 100%;
		   
		height: 195px !important;
	
	   position:relative;

	
	
	}
	


	.textkist2 {
		display: flex;
	 height: 58px;
	
		position: absolute;
	
		z-index: 1;
		margin: 0 auto;
		bottom: -20%;
	 flex-wrap: wrap;
	   justify-content: space-around;
	}
	
	.text_kist {
		display: flex;
	 height: 100px;
	
		position: absolute;
	
		z-index: 1;
		margin: 0 auto;
		bottom: -20%;
	 flex-wrap: wrap;
	   justify-content: space-around;
	}
	
	
	.tarelka1, .tarelka2, .tarelka3, .tarelka4, .tarelka5, .tarelki_cl{
		all:unset !important;
	
	}
	
	.myaso_ovochi_text, .vegan, .myaso_txt, .myaso_img, .ovochi_txt, .ovochi_img {
		all:unset !important;
		
	
	}
	.vegan{
	 all:unset !important;
		margin-bottom:20px !important;
	
	}
	.nosalt{
	 all:unset !important;
		margin-bottom:20px !important;
	
	}
	
	.myaso_ovochi_text {
	 all:unset !important;
		 margin: 0px 25px !important; 
	display: flex !important;
	
	}
	
	
	.myaso_ovochi {
		display: flex;
		min-width: 100%;
	width:unset !important;
	height:unset !important;
		position: relative;
		flex-wrap: wrap;
		justify-content: center;
	
	}
	
	 .tarelki{
	margin-top:120px !important;
	max-height: 1200px; }
	
	
	.souce_youtube,iframe{
	width:320px !important;
	height:240px !important;
	
	}
	iframe{
	width:320px !important;
	height:240px !important;
	}
	
	.hv15big{
	
	display: none !important;
	
	}
	.hv15small{
	
		margin-top: 25px;
		margin-bottom: 25px;
		position: relative;
		flex-wrap: wrap;
		justify-content: space-around;
	padding:40px;
	display:flex !important;
	}
	
	.mobile_hide{
		display: none !important;
	}
	.mobile_show{
		display: flex !important; 
	}
	
	
	
	
	
	
	
	
	}