@keyframes ad{	to{		transform: translateX(40px);		opacity: 0;	}}

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




@keyframes ae{	from{ 		transform: translate( 0px, 0px ); 	}	to{ 		transform: translate( 1.5px, 5px ); 	}}

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

.ab{	animation: ae 2s linear 0.5s 2 alternate;} 

.ac{	animation: af 6s;}




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

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

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

@keyframes aj{	to{		height: 1%;	}}

.bb{	height: 50%;}

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

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

.ae{  animation: ag 0.01s 2s forwards;}

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

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

.ag{  animation: ai 2s 2.2s forwards;}

.ah{  animation: ai 2s 2.4s forwards;}

.ai{  animation: aj 2.4s 2s forwards;}




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

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

@keyframes am{ to{	transform: rotate(38.144659deg);	}}
 
.bc{	height: 1%;} 

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

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

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



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

@keyframes an{	to{		height: 100%;	}}

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

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

.am{  animation: ao 5s 0s forwards;}




@keyframes ap{	from{ transform: rotate(38.144659deg); }	to{ transform: rotate(0.15587554deg); }}

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

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


.bg{	height: 100%;} 

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

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

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

.ap{  animation: ar 0.01s 0.2s forwards;}




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

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



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

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

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

@keyframes aw{ to{		height: 1%;	}}

@keyframes ax{	from{		transform: matrix( 1.2, 0, 0, 1, -2.6, 0 );	}	to{		transform: matrix( 1, 0, 0, 1, 0, 0 );	}}
 
.aw{  animation: at 0.01s 2s forwards;}

.av{  animation: au 0.01s 2s forwards;}

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

.at{  animation: av 6s 2.2s forwards;}

.au{  animation: av 6s 2.4s forwards;}

.ax{  transform-origin: center center;  animation: ax 6.3s 2s forwards;}

.ay{  animation: aw 6.4s 2s forwards;}




@keyframes ay{	 to{		transform: translateX(0px);	}}

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

.bl{	transform: translateX(40px);}
 
.az{	animation: ay 2s linear 0s 1 forwards;}

.ba{	animation: az 4s;}