@keyframes ad{		to{		transform: translateX( 32px );	 }}
@keyframes ae{		to{		transform: translateX( 32px );	opacity: 0; }}
@keyframes af{		to{		transform: translateX( 32px );	opacity: 1; }}
@keyframes ag{		to{		transform: translateX( -32px );	opacity: 0; }}
@keyframes ah{		to{		transform: translateX( -32px );	opacity: 1; }}

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

.ae{	animation: ah 3s linear 0.5s forwards; } 
.ad{	animation: ag 3s linear 0.5s forwards; } 
.ac{	animation: af 3s linear 0.5s forwards; } 
.ab{	animation: ae 3s linear 0.5s forwards; } 
.aa{	animation: ad 3s linear 0.5s forwards; } 

.ag{	animation: ai 4.5s;}


 

.bn{ transform: translateX( 32px ); }

@keyframes aj{	to{		transform: rotate( 190deg );	}	}

.ah{	animation: aj 2s linear 0s 1 forwards; }




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

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

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

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

.bo{	height: 50%;}

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

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

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

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

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


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

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

.ao{  animation: an 2.4s 2s forwards;}




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

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

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

.bp{	height: 1%;} 

.ar{  animation: aq 2s 0.2s forwards;}

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

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




@keyframes ar{	from{		height: 1%;	}	to{		height: 10%;	}}

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

.as{  animation: ar 1.5s 0s forwards;}




@keyframes as{	from{		transform: translate( 0px, 0px );	}	to{		transform: translate( 0.5px, 0.5px );	}}

@keyframes at{	from{		height: 10%;	}	to{		height: 20%;	}}
 
@keyframes au{	from{ transform: rotate(0deg); }	to{ transform: rotate(20deg); }}

.bu{	height: 10%;} 

.av{  animation: as 1s 0.5s forwards;}

.au{  animation: au 1s 0.5s forwards;}

.at{  animation: at 2.5s 0s forwards;} 




@keyframes av{	from{		height: 20%;	}	to{		height: 100%;	}}

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

.by{	height: 20%;} 

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

.bx{	transform: translate( 0.5px, 0.5px );}

.ax{  animation: av 5s 0s forwards;}

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




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

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

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

@keyframes ba{	from{		transform: translate( 0.5px, 0.5px );	}	to{		transform: translate( 0px, 0px );}}
 
@keyframes bb{	from{ transform: rotate(20deg); }	to{ transform: rotate(0deg); }}

.bz{	height: 100%;} 

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

.bc{  animation: ax 2s 0.2s forwards;}

.ba{  animation: ay 0.01s 0.2s forwards;}

.bb{  animation: az 0.01s 0.2s forwards;}

.az{  animation: ba 1s 0.5s forwards;}

.ay{  animation: bb 1s 0.5s forwards;}



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

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



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

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

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

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

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

.bi{  animation: bd 0.01s 2s forwards;}

.bh{  animation: be 0.01s 2s forwards;}

.be{  animation: bf 6s 2s forwards;}

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

.bg{  animation: bf 6s 2.4s forwards;}

.bj{  animation: bh 6.3s 2s forwards;}

.bk{  animation: bg 6.4s 2s forwards;}



@keyframes bi{	from{		transform: rotate( 190deg );	}	to{		transform: rotate( 0deg );	}}

@keyframes bj{	from{		opacity( 1 );	}	to{		opacity( 0.99 );	}}

.ch{	transform: rotate( 190deg );}

.bl{	animation: bi 2s linear 0s 1 forwards;}

.bm{	animation: bj 4s;}