.main.smothie{
	background-color:#ecf9fe;
	height:100%;
	
}

.cover {
	width:100%;
	height:100vh;
	float:left;
	background-position:50% 50%;
	background-size:cover;
	background-repeat:no-repeat;
	position:fixed;
	min-width:990px;
	left: 0;
	top: 0;
}

.cover.smothie {
	background-image:url(../img/smothie/cover.jpg);
	
}
.title {
	position:absolute;
	left:50%;
	top:30%;
		 transform: translateX(-50%);
	 	-webkit-transform: translateX(-50%);
	-ms-transform:  translateX(-50%);
	 -moz-transorm:  translateX(-50%);
	 o-transform: translateX(-50%);
	
}

.title.smothie {
	width:35%;
	top:auto;
	bottom:35%;
	max-width:513px
	
}
.title.smothie img {
	width:100%;
	height:auto
}
.preview {
	width:160px;
	height:160px;
	border-radius:100%;
	position:absolute;
	left:45%;
	margin-left:-80px;
	overflow:hidden;
	top:-70px;
	z-index:999;
	border:3px solid #fbf3f2;
	-webkit-box-shadow: 0px -2px 20px 0px rgba(0,0,0,0.41);
-moz-box-shadow: 0px -2px 20px 0px rgba(0,0,0,0.41);
box-shadow: 0px -2px 20px 0px rgba(0,0,0,0.41);
}

.preview.smothie {
	border:4px solid #fff;
	top:40px;

}

.oval-holder {
	width:100%;
	min-height:100vh;
	overflow:hidden;
	height:auto;
	position:absolute;
	top:100vh;
	margin-top:-220px;
	min-width:990px;
	z-index:10;
	left: 0;
	
	
}



.oval {
	width:370%;
	height:auto;
		 transform: translateX(-50%);
	 	-webkit-transform: translateX(-50%);
	-ms-transform:  translateX(-50%);
	 -moz-transorm:  translateX(-50%);
	 o-transform: translateX(-50%);
	-webkit-border-top-left-radius: 100%;
-webkit-border-top-right-radius:100%;
-moz-border-radius-topleft: 100%;
-moz-border-radius-topright:100%;
border-top-left-radius: 100%;
border-top-right-radius: 100%;
margin-top:100px;

	position:relative;
	left:50%;
	
}


.oval.power {
	background-color:#000;
	border:2px solid #d1d1d1;
-webkit-box-shadow: 0px -2px 20px 0px rgba(0,0,0,0.41);
-moz-box-shadow: 0px -2px 20px 0px rgba(0,0,0,0.41);
box-shadow: 0px -2px 20px 0px rgba(0,0,0,0.41);

background: rgba(36,9,36,1);
background: -moz-linear-gradient(top, rgba(36,9,36,1) 0%, rgba(0,0,0,1) 22%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(36,9,36,1)), color-stop(22%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,1)));
background: -webkit-linear-gradient(top, rgba(36,9,36,1) 0%, rgba(0,0,0,1) 22%, rgba(0,0,0,1) 100%);
background: -o-linear-gradient(top, rgba(36,9,36,1) 0%, rgba(0,0,0,1) 22%, rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(top, rgba(36,9,36,1) 0%, rgba(0,0,0,1) 22%, rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(36,9,36,1) 0%, rgba(0,0,0,1) 22%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#240924', endColorstr='#000000', GradientType=0 );

}




.oval.smothie{
	background-color:#ebf7fb;
	border-top:3px solid #fff;
-webkit-box-shadow: 0px -2px 20px 0px rgba(0,0,0,0.41);
-moz-box-shadow: 0px -2px 20px 0px rgba(0,0,0,0.41);
box-shadow: 0px -2px 20px 0px rgba(0,0,0,0.41);
overflow:hidden


}





.content {
	
	color:#fff;
	min-width:990px;

	width:100vw;
	position:relative;
	margin:0px auto;
	padding-top:150px
}

section {
width:100%;
min-height:550px;
overflow:hidden;
position:relative;

}



/*---------------------------------------------------БИО-----------------------------------*/

.content.smothie {
	padding-top:0;
	background-color:#fcfbf2;
	
	

}
#smothie-1 {
	
		background:url(../img/smothie/back.jpg) 50% 50% repeat-y;



	width:100%;
	


	overflow:hidden;
	
top:0;
padding-bottom:100px

}

#banana {
	width:100%;
	position:relative;
	height:100vh;
	margin-top:0px;
	max-width:1500px;
	max-height:900px;
	

}
#mango {
	width:100%;
	position:relative;
	height:100vh;
	margin-top:0px;
	left:50%;
	max-width:1500px;
					 transform:  translate(-50%,0%);
 	-webkit-transform:  translate(-50%,0%);
	-ms-transform:   translate(-50%,0%);
	 -moz-transorm:  translate(-50%,0%);
	 o-transform:  translate(-50%,0%);
	 max-height:900px;

}

#kiwi {
	width:100%;
	position:relative;
	height:100vh;
	margin-top:0px;
	left:0;
	max-width:1500px;
	max-height:900px;
	

}

#kb4 {position:absolute;
top:50%;
left:35%;
				 transform:  translate(-50%,-50%);
 	-webkit-transform:  translate(-50%,-50%);
	-ms-transform:   translate(-50%,-50%);
	 -moz-transorm:  translate(-50%,-50%);
	 o-transform:  translate(-50%,-50%);
	 opacity:0;
}

#kt4 {position:absolute;
top:50%;
left:35%;
				 transform:  translate(-50%,-50%);
 	-webkit-transform:  translate(-50%,-50%);
	-ms-transform:   translate(-50%,-50%);
	 -moz-transorm:  translate(-50%,-50%);
	 o-transform:  translate(-50%,-50%);
	 opacity:0;
}



#b1{position:absolute;
top:43%;
left:35%;
				 transform:  translate(-50%,-50%);
 	-webkit-transform:  translate(-50%,-50%);
	-ms-transform:   translate(-50%,-50%);
	 -moz-transorm:  translate(-50%,-50%);
	 o-transform:  translate(-50%,-50%);
	  opacity:0;
}
#b3{position:absolute;
top:41%;
left:35%;
				 transform:  translate(-50%,-50%);
 	-webkit-transform:  translate(-50%,-50%);
	-ms-transform:   translate(-50%,-50%);
	 -moz-transorm:  translate(-50%,-50%);
	 o-transform:  translate(-50%,-50%);
	  opacity:0;
}

#kt1 {position:absolute;
top:28%;
left:48%;
				 transform:  translate(-50%,-50%);
 	-webkit-transform:  translate(-50%,-50%);
	-ms-transform:   translate(-50%,-50%);
	 -moz-transorm:  translate(-50%,-50%);
	 o-transform:  translate(-50%,-50%);
	  opacity:0;
}

#kt2 {position:absolute;
top:58%;
left:67%;
				 transform:  translate(-50%,-50%);
 	-webkit-transform:  translate(-50%,-50%);
	-ms-transform:   translate(-50%,-50%);
	 -moz-transorm:  translate(-50%,-50%);
	 o-transform:  translate(-50%,-50%);
	  opacity:0;
}
#kt3 {position:absolute;
top:65%;
left:17%;
				 transform:  translate(-50%,-50%);
 	-webkit-transform:  translate(-50%,-50%);
	-ms-transform:   translate(-50%,-50%);
	 -moz-transorm:  translate(-50%,-50%);
	 o-transform:  translate(-50%,-50%);
	  opacity:0;
}


#kb1 {position:absolute;
top:22%;
left:12%;
				 transform:  translate(-50%,-50%);
 	-webkit-transform:  translate(-50%,-50%);
	-ms-transform:   translate(-50%,-50%);
	 -moz-transorm:  translate(-50%,-50%);
	 o-transform:  translate(-50%,-50%);
	  opacity:0;
}

#kb2 {position:absolute;
top:35%;
left:47%;
				 transform:  translate(-50%,-50%);
 	-webkit-transform:  translate(-50%,-50%);
	-ms-transform:   translate(-50%,-50%);
	 -moz-transorm:  translate(-50%,-50%);
	 o-transform:  translate(-50%,-50%);
	  opacity:0;
}

#kb3 {position:absolute;
top:53%;
left:19%;
				 transform:  translate(-50%,-50%);
 	-webkit-transform:  translate(-50%,-50%);
	-ms-transform:   translate(-50%,-50%);
	 -moz-transorm:  translate(-50%,-50%);
	 o-transform:  translate(-50%,-50%);
	  opacity:0;
}
#kb5 {position:absolute;
top:64%;
left:62%;
				 transform:  translate(-50%,-50%);
 	-webkit-transform:  translate(-50%,-50%);
	-ms-transform:   translate(-50%,-50%);
	 -moz-transorm:  translate(-50%,-50%);
	 o-transform:  translate(-50%,-50%);
	  opacity:0;
}

#w2 {position:absolute;
top:33%;
left:69%;
				 transform:  translate(-50%,-50%);
 	-webkit-transform:  translate(-50%,-50%);
	-ms-transform:   translate(-50%,-50%);
	 -moz-transorm:  translate(-50%,-50%);
	 o-transform:  translate(-50%,-50%);
	  opacity:0;
}

#w1 {position:absolute;
top:80%;
left:18%;
				 transform:  translate(-50%,-50%) rotate(12deg);
 	-webkit-transform:  translate(-50%,-50%) rotate(12deg);
	-ms-transform:   translate(-50%,-50%) rotate(12deg);
	 -moz-transorm:  translate(-50%,-50%) rotate(12deg);
	 o-transform:  translate(-50%,-50%) rotate(12deg);
	  opacity:0;
}


#mm3 {position:absolute;
top:50%;
right:45%;
				 transform:  translate(50%,-50%);
 	-webkit-transform:  translate(50%,-50%);
	-ms-transform:   translate(50%,-50%);
	 -moz-transorm:  translate(50%,-50%);
	 o-transform:  translate(50%,-50%);
	 opacity:0;
}


.mkrug{
 animation: mkrug .4s cubic-bezier(.17,1.57,.06,.83);
 Animation-fill-mode: forwards
}


@keyframes mkrug{
  0% {
	 		 transform: rotate(-15deg) translate(50%,-50%);
 	-webkit-transform: rotate(-15deg) translate(50%,-50%);
	-ms-transform: rotate(-15deg) translate(50%,-50%);
	 -moz-transorm: rotate(-15deg) translate(50%,-50%);
	 o-transform: rotate(-15deg) translate(50%,-50%);
	 opacity:1;
	 margin-left:50px;
	 margin-top:50px;
	  	  
    }

	
	  100% {

	 		 transform:  rotate(0deg) translate(50%,-50%);
 	-webkit-transform: rotate(0deg) translate(50%,-50%);
	-ms-transform:  rotate(0deg) translate(50%,-50%);
	 -moz-transorm:rotate(0deg) translate(50%,-50%);
	 o-transform: rotate(0deg) translate(50%,-50%);
	  opacity:1;
	   margin-left:0px;
	 margin-top:0px;
    }
}









#mm1 {position:absolute;
top:49%;
right:21%;
				 transform:  translate(50%,-50%);
 	-webkit-transform:  translate(50%,-50%);
	-ms-transform:   translate(50%,-50%);
	 -moz-transorm:  translate(50%,-50%);
	 o-transform:  translate(50%,-50%);
	 opacity:0;
}

#mm2 {position:absolute;
top:70%;
left:31%;
				 transform:  translate(-50%,-50%);
 	-webkit-transform:  translate(-50%,-50%);
	-ms-transform:   translate(-50%,-50%);
	 -moz-transorm:  translate(-50%,-50%);
	 o-transform:  translate(-50%,-50%);
	 opacity:0;
}

#b2 {position:absolute;
top:42%;
right:45%;
				 transform:  translate(50%,-50%);
 	-webkit-transform:  translate(50%,-50%);
	-ms-transform:   translate(50%,-50%);
	 -moz-transorm:  translate(50%,-50%);
	 o-transform:  translate(50%,-50%);
	 opacity:0;
}
.mkrug2{
 animation: mkrug2 .3s cubic-bezier(.17,1.57,.06,.83);
 Animation-fill-mode: forwards;
 transform-origin:0 0
}


@keyframes mkrug2{
  0% {
	 		 transform: rotate(-15deg) translate(50%,-50%);
 	-webkit-transform: rotate(-15deg) translate(50%,-50%);
	-ms-transform: rotate(-15deg) translate(50%,-50%);
	 -moz-transorm: rotate(-15deg) translate(50%,-50%);
	 o-transform: rotate(-15deg) translate(50%,-50%);
	 opacity:1;

	  	  
    }

		  60% {
	 		 transform: rotate(35deg) translate(50%,-50%);
 	-webkit-transform: rotate(35deg) translate(50%,-50%);
	-ms-transform: rotate(35deg) translate(50%,-50%);
	 -moz-transorm: rotate(35deg) translate(50%,-50%);
	 o-transform: rotate(35deg) translate(50%,-50%);
	 margin-top:-50px;
	 opacity:1;

	  	  
    }
	
			  80% {

	 margin-top:30px;
	 opacity:1;

	  	  
    }
	  100% {

	 		 transform:  rotate(6deg) translate(50%,-50%);
 	-webkit-transform: rotate(6deg) translate(50%,-50%);
	-ms-transform:  rotate(6deg) translate(50%,-50%);
	 -moz-transorm:rotate(6deg) translate(50%,-50%);
	 o-transform: rotate(6deg) translate(50%,-50%);
	  opacity:1;

    }
}







#w3 {position:absolute;
top:29%;
left:31%;
				 transform:  translate(-50%,-50%);
 	-webkit-transform:  translate(-50%,-50%);
	-ms-transform:   translate(-50%,-50%);
	 -moz-transorm:  translate(-50%,-50%);
	 o-transform:  translate(-50%,-50%);
	 opacity:0;
}

#w4 {position:absolute;
top:78%;
right:21%;
				 transform:  translate(50%,-50%);
 	-webkit-transform:  translate(50%,-50%);
	-ms-transform:   translate(50%,-50%);
	 -moz-transorm:  translate(50%,-50%);
	 o-transform:  translate(50%,-50%);
	 opacity:0;
}

#w5 {position:absolute;
top:29%;
left:12%;
				 transform:  translate(-50%,-50%);
 	-webkit-transform:  translate(-50%,-50%);
	-ms-transform:   translate(-50%,-50%);
	 -moz-transorm:  translate(-50%,-50%);
	 o-transform:  translate(-50%,-50%);
	 opacity:0;
}

#w6 {position:absolute;
top:24%;
left:74%;
				 transform:  translate(-50%,-50%);
 	-webkit-transform:  translate(-50%,-50%);
	-ms-transform:   translate(-50%,-50%);
	 -moz-transorm:  translate(-50%,-50%);
	 o-transform:  translate(-50%,-50%);
	 opacity:0;
}
.packshot.smothie{
	width:50%;
	margin:0 auto;
	
	
	left:15%;
	top:0;
	padding:3%;
	

}

.pack-cont {
	
	
}

#smothie-2 {
	width:100%;
			min-height:100vh ; 
	
color:#642f0d;
	overflow:auto;
	background-color:#ede1d1;
	background: url(../img/smothie/back3.png);



	

}



#bottle1 {
	position:absolute;
	left:20%;
	top:59%;
			 transform:  translate(-50%,-50%);
 	-webkit-transform:  translate(-50%,-50%);
	-ms-transform:   translate(-50%,-50%);
	 -moz-transorm:  translate(-50%,-50%);
	 o-transform:  translate(-50%,-50%);
	

	 

}

.bootleg{
 animation: bootleg 0.7s ease-in-out;
 Animation-fill-mode: forwards
}



.smothie-p1 {
	font-size:16px;
	line-height:130%;
	font-family: 'gb';
	margin-bottom:50px;
	text-align:center;
}

.smothie-p2 {
	font-size:26px;
	line-height:110%;
	font-family: 'gb';
	margin-bottom:50px;
	text-transform:uppercase;
	text-align:center;
}

.resume {
	border-bottom:2px #642f0d solid;
	border-top:2px #642f0d solid;
	padding-top:50px;
	margin-top:50px;
	margin-bottom:50px
	
}

.res-logo {
	text-align:center
}

.rot1{
 animation: rot1 1.5s cubic-bezier(.57,1.8,.5,.49) ;
 Animation-fill-mode: forwards
}


@keyframes rot1{
  0% {
	 		 transform: rotate(-15deg);
 	-webkit-transform: rotate(-15deg);
	-ms-transform: rotate(-15deg);
	 -moz-transorm: rotate(-15deg);
	 o-transform: rotate(-15deg);
	 opacity:0
	  	  
    }

	  50% {
	 		 transform: rotate(-15deg);
 	-webkit-transform: rotate(-15deg);
	-ms-transform: rotate(-15deg);
	 -moz-transorm: rotate(-15deg);
	 o-transform: rotate(-15deg);
	 opacity:0
	  	  
    }
	  100% {

	 		 transform:  rotate(0deg);
 	-webkit-transform: rotate(0deg);
	-ms-transform:  rotate(0deg);
	 -moz-transorm:rotate(0deg);
	 o-transform: rotate(0deg);
	  opacity:1
    }
}




.mkrug3{
 animation: mkrug3 .4s cubic-bezier(.17,1.57,.06,.83);
 Animation-fill-mode: forwards
}


@keyframes mkrug3{
  0% {
	 		 transform: rotate(15deg) translate(-50%,-50%);
 	-webkit-transform: rotate(15deg) translate(-50%,-50%);
	-ms-transform: rotate(15deg) translate(-50%,-50%);
	 -moz-transorm: rotate(15deg) translate(-50%,-50%);
	 o-transform: rotate(15deg) translate(-50%,-50%);
	 opacity:1;
	 margin-left:-50px;
	 margin-top:70px;
	  	  
    }

	
	  100% {

	 		 transform:  rotate(-2deg) translate(-50%,-50%);
 	-webkit-transform: rotate(-2deg) translate(-50%,-50%);
	-ms-transform:  rotate(-2deg) translate(-50%,-50%);
	 -moz-transorm:rotate(-2deg) translate(-50%,-50%);
	 o-transform: rotate(-2deg) translate(-50%,-50%);
	  opacity:1;
	   margin-left:0px;
	 margin-top:0px;
    }
}

.krug2{
 animation: krug2 .3s cubic-bezier(.17,1.57,.06,.83);
 Animation-fill-mode: forwards;
 transform-origin:0 0
}



.krug{
 animation: krug .4s cubic-bezier(.17,1.57,.06,.83);
 Animation-fill-mode: forwards
}


@keyframes krug{
  0% {
	 		 transform: rotate(-15deg) translate(-50%,-50%);
 	-webkit-transform: rotate(-15deg) translate(-50%,-50%);
	-ms-transform: rotate(-15deg) translate(-50%,-50%);
	 -moz-transorm: rotate(-15deg) translate(-50%,-50%);
	 o-transform: rotate(-15deg) translate(-50%,-50%);
	 opacity:1;
	 margin-left:-50px;
	 margin-top:50px;
	  	  
    }

	
	  100% {

	 		 transform:  rotate(0deg) translate(-50%,-50%);
 	-webkit-transform: rotate(0deg) translate(-50%,-50%);
	-ms-transform:  rotate(0deg) translate(-50%,-50%);
	 -moz-transorm:rotate(0deg) translate(-50%,-50%);
	 o-transform: rotate(0deg) translate(-50%,-50%);
	  opacity:1;
	   margin-left:0px;
	 margin-top:0px;
    }
}

.krug2{
 animation: krug2 .3s cubic-bezier(.17,1.57,.06,.83);
 Animation-fill-mode: forwards;
 transform-origin:0 0
}


@keyframes krug2{
  0% {
	 		 transform: rotate(-15deg) translate(-50%,-50%);
 	-webkit-transform: rotate(-15deg) translate(-50%,-50%);
	-ms-transform: rotate(-15deg) translate(-50%,-50%);
	 -moz-transorm: rotate(-15deg) translate(-50%,-50%);
	 o-transform: rotate(-15deg) translate(-50%,-50%);
	 opacity:1;

	  	  
    }

		  60% {
	 		 transform: rotate(35deg) translate(-50%,-50%);
 	-webkit-transform: rotate(35deg) translate(-50%,-50%);
	-ms-transform: rotate(35deg) translate(-50%,-50%);
	 -moz-transorm: rotate(35deg) translate(-50%,-50%);
	 o-transform: rotate(35deg) translate(-50%,-50%);
	 margin-top:-50px;
	 opacity:1;

	  	  
    }
	
			  80% {

	 margin-top:30px;
	 opacity:1;

	  	  
    }
	  100% {

	 		 transform:  rotate(0deg) translate(-50%,-50%);
 	-webkit-transform: rotate(0deg) translate(-50%,-50%);
	-ms-transform:  rotate(0deg) translate(-50%,-50%);
	 -moz-transorm:rotate(0deg) translate(-50%,-50%);
	 o-transform: rotate(0deg) translate(-50%,-50%);
	  opacity:1;

    }
}








.krug3{
 animation: krug3 1.0s cubic-bezier(.17,1.57,.06,.83);
 Animation-fill-mode: forwards;
 animation-delay:0.3s;
}


@keyframes krug3{
  0% {
	 		 transform: rotate(-95deg) translate(-50%,-50%);
 	-webkit-transform: rotate(-95deg) translate(-50%,-50%);
	-ms-transform: rotate(-95deg) translate(-50%,-50%);
	 -moz-transorm: rotate(-95deg) translate(-50%,-50%);
	 o-transform: rotate(-95deg) translate(-50%,-50%);
	 opacity:1;

	  	  
    }

	
	  100% {

	 		 transform:  rotate(0deg) translate(-50%,-50%);
 	-webkit-transform: rotate(0deg) translate(-50%,-50%);
	-ms-transform:  rotate(0deg) translate(-50%,-50%);
	 -moz-transorm:rotate(0deg) translate(-50%,-50%);
	 o-transform: rotate(0deg) translate(-50%,-50%);
	  opacity:1;

    }
}


.krug4{
 animation: krug4 1.0s cubic-bezier(.17,1.57,.06,.83);
 Animation-fill-mode: forwards;
 animation-delay:0.4s;
  transform-origin:left top
}
.krug5{
 animation: krug3 1.0s cubic-bezier(.17,1.57,.06,.83);
 Animation-fill-mode: forwards;
 animation-delay:0.4s;
 transform-origin:right top
}

@keyframes krug4{
  0% {
	 		 transform: rotate(95deg) translate(-50%,-50%);
 	-webkit-transform: rotate(95deg) translate(-50%,-50%);
	-ms-transform: rotate(95deg) translate(-50%,-50%);
	 -moz-transorm: rotate(95deg) translate(-50%,-50%);
	 o-transform: rotate(95deg) translate(-50%,-50%);
	 opacity:1;

	  	  
    }

	
	  100% {

	 		 transform:  rotate(0deg) translate(-50%,-50%);
 	-webkit-transform: rotate(0deg) translate(-50%,-50%);
	-ms-transform:  rotate(0deg) translate(-50%,-50%);
	 -moz-transorm:rotate(0deg) translate(-50%,-50%);
	 o-transform: rotate(0deg) translate(-50%,-50%);
	  opacity:1;

    }
}


.mov{
 animation: mov 0.7s cubic-bezier(.27,1.36,.83,.91);
 Animation-fill-mode: forwards;
 animation-delay:0.2s;
 transform-origin:right top
}

@keyframes mov{
  0% {

	 opacity:1;
	 margin-left:-100px

	  	  
    }

	  50% {
	 		 transform: rotate(15deg) translate(-50%,-50%);
 	-webkit-transform: rotate(15deg) translate(-50%,-50%);
	-ms-transform: rotate(15deg) translate(-50%,-50%);
	 -moz-transorm: rotate(15deg) translate(-50%,-50%);
	 o-transform: rotate(15deg) translate(-50%,-50%);
	 opacity:1;

	  	  
    }
	  100% {


	  opacity:1;
 margin-left:-0px
    }
}
@keyframes mov3{
  0% {

	 opacity:1;
	 margin-left:100px

	  	  
    }

	  50% {
	 		 transform: rotate(-15deg) translate(-50%,-50%);
 	-webkit-transform: rotate(-15deg) translate(-50%,-50%);
	-ms-transform: rotate(-15deg) translate(-50%,-50%);
	 -moz-transorm: rotate(-15deg) translate(-50%,-50%);
	 o-transform: rotate(-15deg) translate(-50%,-50%);
	 opacity:1;

	  	  
    }
	  100% {


	  opacity:1;
 margin-left:-0px
    }
}

.mov2{
 animation: mov2 0.4s cubic-bezier(.27,1.36,.83,.91);
 Animation-fill-mode: forwards;
 animation-delay:0.2s;
 transform-origin:right bottom
}
.mov3{
 animation: mov3 0.4s cubic-bezier(.27,1.36,.83,.91);
 Animation-fill-mode: forwards;
 animation-delay:0.6s;
 transform-origin:0 0
}
@keyframes mov2{
  0% {

	 opacity:1;
	 margin-left:100px;
	 margin-top:-50px

	  	  
    }

	  50% {
	 		 transform: rotate(-45deg) translate(50%,-50%);
 	-webkit-transform: rotate(-45deg) translate(50%,-50%);
	-ms-transform: rotate(-45deg) translate(50%,-50%);
	 -moz-transorm: rotate(-45deg) translate(50%,-50%);
	 o-transform: rotate(-45deg) translate(50%,-50%);
	 opacity:1;

	  	  
    }
	  100% {


	  opacity:1;
 margin-left:-0px
    }
}


.w1{
 animation: w1 0.3s cubic-bezier(.27,1.36,.83,.91);
 Animation-fill-mode: forwards;
 animation-delay:0.5s;
 transform-origin:40% 50%
}
.w2{
 animation: w2 0.3s cubic-bezier(.27,1.36,.83,.91);
 Animation-fill-mode: forwards;
 animation-delay:0.6s;
 transform-origin:0% 50%
}
@keyframes w1{
  0% {

				 transform:  translate(-50%,-50%) rotate(12deg);
 	-webkit-transform:  translate(-50%,-50%) rotate(12deg);
	-ms-transform:   translate(-50%,-50%) rotate(12deg);
	 -moz-transorm:  translate(-50%,-50%) rotate(12deg);
	 o-transform:  translate(-50%,-50%) rotate(12deg);
	

	  	  
    }

	  50% {
	 		 transform: rotate(-15deg) translate(-50%,-50%);
 	-webkit-transform: rotate(-15deg) translate(-50%,-50%);
	-ms-transform: rotate(-15deg) translate(-50%,-50%);
	 -moz-transorm: rotate(-15deg) translate(-50%,-50%);
	 o-transform: rotate(-15deg) translate(-50%,-50%);
	 opacity:1;

	  	  
    }
	  100% {

				 transform:  translate(-50%,-50%) rotate(12deg);
 	-webkit-transform:  translate(-50%,-50%) rotate(12deg);
	-ms-transform:   translate(-50%,-50%) rotate(12deg);
	 -moz-transorm:  translate(-50%,-50%) rotate(12deg);
	 o-transform:  translate(-50%,-50%) rotate(12deg);
	  opacity:1;

    }
}


@keyframes w2{
  0% {

				 transform:  translate(-50%,-50%) rotate(0deg);
 	-webkit-transform:  translate(-50%,-50%) rotate(0deg);
	-ms-transform:   translate(-50%,-50%) rotate(0deg);
	 -moz-transorm:  translate(-50%,-50%) rotate(0deg);
	 o-transform:  translate(-50%,-50%) rotate(0deg);
	

	  	  
    }

	  50% {
	 		 transform: rotate(35deg) translate(-50%,-50%);
 	-webkit-transform: rotate(35deg) translate(-50%,-50%);
	-ms-transform: rotate(35deg) translate(-50%,-50%);
	 -moz-transorm: rotate(35deg) translate(-50%,-50%);
	 o-transform: rotate(35deg) translate(-50%,-50%);
	 opacity:1;

	  	  
    }
	  100% {

				 transform:  translate(-50%,-50%) rotate(0deg);
 	-webkit-transform:  translate(-50%,-50%) rotate(0deg);
	-ms-transform:   translate(-50%,-50%) rotate(0deg);
	 -moz-transorm:  translate(-50%,-50%) rotate(0deg);
	 o-transform:  translate(-50%,-50%) rotate(0deg);
	  opacity:1;

    }
}


.w3{
 animation: w3 0.3s cubic-bezier(.27,1.36,.83,.91);
 Animation-fill-mode: forwards;
 animation-delay:0.6s;
 transform-origin:0% 50%
}
@keyframes w3{
  0% {
				 transform:  translate(-50%,-50%) rotate(-5deg);
 	-webkit-transform:  translate(-50%,-50%) rotate(-5deg);
	-ms-transform:   translate(-50%,-50%) rotate(-5deg);
	 -moz-transorm:  translate(-50%,-50%) rotate(-5deg);
	 o-transform:  translate(-50%,-50%) rotate(-5deg);
	

	  	  
    }

	  50% {
	 		 transform: rotate(15deg) translate(-50%,-50%);
 	-webkit-transform: rotate(15deg) translate(-50%,-50%);
	-ms-transform: rotate(15deg) translate(-50%,-50%);
	 -moz-transorm: rotate(15deg) translate(-50%,-50%);
	 o-transform: rotate(15deg) translate(-50%,-50%);
	 opacity:1;

	  	  
    }
	  100% {

				 transform:  translate(-50%,-50%) rotate(-5deg);
 	-webkit-transform:  translate(-50%,-50%) rotate(-5deg);
	-ms-transform:   translate(-50%,-50%) rotate(-5deg);
	 -moz-transorm:  translate(-50%,-50%) rotate(-5deg);
	 o-transform:  translate(-50%,-50%) rotate(-5deg);
	  opacity:1;

    }
}


.w4{
 animation: w4 0.3s cubic-bezier(.27,1.36,.83,.91);
 Animation-fill-mode: forwards;
 animation-delay:0.7s;
 transform-origin:0% 50%
}
@keyframes w4{
  0% {
				 transform:  translate(50%,-50%) rotate(4deg);
 	-webkit-transform:  translate(50%,-50%) rotate(4deg);
	-ms-transform:   translate(50%,-50%) rotate(4deg);
	 -moz-transorm:  translate(50%,-50%) rotate(4deg);
	 o-transform:  translate(50%,-50%) rotate(4deg);
	

	  	  
    }

	  50% {
	 		 transform: rotate(-15deg) translate(50%,-50%);
 	-webkit-transform: rotate(-15deg) translate(50%,-50%);
	-ms-transform: rotate(-15deg) translate(50%,-50%);
	 -moz-transorm: rotate(-15deg) translate(50%,-50%);
	 o-transform: rotate(-15deg) translate(50%,-50%);
	 opacity:1;

	  	  
    }
	  100% {
				 transform:  translate(50%,-50%) rotate(4deg);
 	-webkit-transform:  translate(50%,-50%) rotate(4deg);
	-ms-transform:   translate(50%,-50%) rotate(4deg);
	 -moz-transorm:  translate(50%,-50%) rotate(4deg);
	 o-transform:  translate(50%,-50%) rotate(4deg);
	  opacity:1;

    }
}









.w5{
 animation: w5 0.3s cubic-bezier(.27,1.36,.83,.91);
 Animation-fill-mode: forwards;
 animation-delay:0.6s;
 transform-origin:0% 50%
}
@keyframes w5{
  0% {

				 transform:  translate(-50%,-50%) rotate(6deg);
 	-webkit-transform:  translate(-50%,-50%) rotate(6deg);
	-ms-transform:   translate(-50%,-50%) rotate(6deg);
	 -moz-transorm:  translate(-50%,-50%) rotate(6deg);
	 o-transform:  translate(-50%,-50%) rotate(6deg);
	

	  	  
    }

	  50% {
	 		 transform: rotate(-15deg) translate(-50%,-50%);
 	-webkit-transform: rotate(-15deg) translate(-50%,-50%);
	-ms-transform: rotate(-15deg) translate(-50%,-50%);
	 -moz-transorm: rotate(-15deg) translate(-50%,-50%);
	 o-transform: rotate(-15deg) translate(-50%,-50%);
	 opacity:1;

	  	  
    }
	  100% {

				 transform:  translate(-50%,-50%) rotate(6deg);
 	-webkit-transform:  translate(-50%,-50%) rotate(6deg);
	-ms-transform:   translate(-50%,-50%) rotate(6deg);
	 -moz-transorm:  translate(-50%,-50%) rotate(6deg);
	 o-transform:  translate(-50%,-50%) rotate(6deg);
	  opacity:1;

    }
}

.w6{
 animation: w6 0.3s cubic-bezier(.27,1.36,.83,.91);
 Animation-fill-mode: forwards;
 animation-delay:0.7s;
 transform-origin: bottom
}
@keyframes w6{
  0% {

				 transform:  translate(-50%,-50%) rotate(-30deg);
 	-webkit-transform:  translate(-50%,-50%) rotate(-30deg);
	-ms-transform:   translate(-50%,-50%) rotate(-30deg);
	 -moz-transorm:  translate(-50%,-50%) rotate(-30deg);
	 o-transform:  translate(-50%,-50%) rotate(-30deg);
	

	  	  
    }

	  50% {
	 		 transform: rotate(15deg) translate(-50%,-50%);
 	-webkit-transform: rotate(-15deg) translate(-50%,-50%);
	-ms-transform: rotate(15deg) translate(-50%,-50%);
	 -moz-transorm: rotate(15deg) translate(-50%,-50%);
	 o-transform: rotate(15deg) translate(-50%,-50%);
	 opacity:1;

	  	  
    }
	  100% {

				 transform:  translate(-50%,-50%) rotate(-30deg);
 	-webkit-transform:  translate(-50%,-50%) rotate(-30deg);
	-ms-transform:   translate(-50%,-50%) rotate(-30deg);
	 -moz-transorm:  translate(-50%,-50%) rotate(-30deg);
	 o-transform:  translate(-50%,-50%) rotate(-30deg);
	  opacity:1;

    }
}










@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  
}





/*АДАПТИВНЫЕ БРЕКПОИНТЫ*/

@media screen and (max-width: 600px),
screen and (max-device-width: 480px) {
	html {
		-ms-text-size-adjust: none;
		-webkit-text-size-adjust: none;
	}
}




@media screen and (max-height: 750px)   {




}





@media screen and (max-width: 1700px)   {



}


@media screen and (max-width: 1200px)   {



}