@keyframes ad{ 	to{		transform: translate( 30px, 15px);	}}

.aa{	animation: ad 3s linear 0s 1 forwards; }



@keyframes ae{	to{		transform: translateY( 5px );	}}
@keyframes af{	to{		opacity: 0;	}}
@keyframes ag{	to{		opacity( 0.99 );	}}


.ab{	animation: ae  2s linear 0s 1 forwards;} 
.ac{	animation: af  0.1s linear 2s 1 forwards;} 
.ad{	animation: ag 4s; }


.bh{	transform: translateY( 5px );}

@keyframes ah{	to{		transform: translateY( 0px );	}}

.ae{	animation: ah  2s linear 0s 1 forwards;} 
.af{	animation: ag 4s; }



.ag{	animation: ag 2s; }



@keyframes ai{	to{ opacity: 1; }}

@keyframes aj{	to{ opacity: 0; }}

@keyframes ak{	from{	opacity: 1;	transform: translateX( 0vh );	}	to{		opacity: 0;	transform: translateX( -5vh );	}}

@keyframes al{	from{	height: 50%;	}	to{		height: 1%;	}}

.bi{	height: 50%;}

.mostra{ opacity: 1; }
.esconde{ opacity: 0; } 

.bk{	transform: rotate(0deg);}

.ai{  animation: ai 0.01s 2s forwards;}

.ah{  animation: aj 0.01s 2s forwards;}

.aj{  animation: ak 2s 2s forwards;}

.ak{  animation: ak 2s 2.2s forwards;}

.al{  animation: ak 2s 2.4s forwards;}

.am{  animation: al 2.4s 2s forwards;}




@keyframes am{	to{ opacity: 1; }}

@keyframes an{	to{ opacity: 0; }}

@keyframes ao{	0%{	transform: rotate(0deg);}	100%{	transform: rotate(38.144659deg);}}

.bj{	height: 1%;} 

.ap{ animation: ao 2s 0.2s forwards;}

.ao{ animation: am 0.01s 2s forwards;}

.an{ animation: an 0.01s 2s forwards;}

.bl{	transform: rotate(38.144659deg);}




@keyframes ap{	from{	height: 1%;	}	to{		height: 100%;	}}

@keyframes aq{	from{	transform: matrix( 1, 0, 0, 1, 0, 0 );	}	to{		transform: matrix( 1.2, 0, 0, 1, -2.6, 0 );	}}

@keyframes ar{	to{		opacity: 0;	}}

.as{  animation: ap 5s 0s forwards;}

.aq{  animation: aq 5s 0s forwards;}

.ar{  animation: ar 0.1s 4s forwards;}




@keyframes as{	from{ transform: rotate(38.144659deg); }	to{ transform: rotate(0deg); }}

@keyframes at{	to{ opacity: 1; }}

@keyframes au{	to{ opacity: 0; }}

.bn{	height: 100%;} 

.dedo_press_baixo{	transform: rotate(20deg);}

.bo{	transform: matrix( 1.2, 0, 0, 1, -2.6, 0 );}

.av{  animation: as 2s 0.2s forwards;}

.at{  animation: at 0.01s 0.2s forwards;}

.au{  animation: au 0.01s 0.2s forwards;}




.aw{
  animation: av 10s 1 forwards; 
  animation-timing-function: steps(11); 
}

@keyframes av{
  0%{
    margin-left: 0vw;
  }
  100%{
    margin-left: -66vw; 
  }
}




@keyframes aw{	to{ opacity: 1; }}

@keyframes ax{	to{ opacity: 0; }}

@keyframes ay{	from{	opacity: 1;	transform: translateX( 0vh );	}	to{	opacity: 0;	transform: translateX( -5vh );	}}

@keyframes az{	from{	height: 100%;	}	to{		height: 1%;	}}

@keyframes ba{	from{	transform: matrix( 1.2, 0, 0, 1, -2.6, 0 );	}	to{	transform: matrix( 1, 0, 0, 1, 0, 0 );	}}

.bb{  animation: aw 0.01s 2s forwards;}

.ba{  animation: ax 0.01s 2s forwards;}

.ax{  animation: ay 6s 2s forwards;}

.ay{  animation: ay 6s 2.2s forwards;}

.az{  animation: ay 6s 2.4s forwards;}

.bc{  animation: ba 6.3s 2s forwards;}

.bd{  animation: az 6.4s 2s forwards;}




@keyframes bb{ 	to{		transform: translate(0px, 0px);	}}

@keyframes bc{	to{		opacity( 0.99 );	}}

.bs{	transform: translate( 30px, 15px );}

.bf{ animation: bb 2s linear 0s 1 forwards;}

.be{ animation: bc 4s;}