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

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



@keyframes ae{	to{		transform: translateX(40px);	}}

.ab{	animation: ae 2s linear 0s 1 forwards;}



@keyframes af{	from{		transform: translateY( 0px );	}	to{		transform: translateY( 50px );	}}

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

.ac{	animation: af 0.2s ease 0.5s 10 alternate forwards;}

.ad{	animation: ag 3.5s;}



@keyframes ah{	from{		transform: translateX(-20px);	}	to{		transform: translateX(0px);	}}

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

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

.af{	animation: ai 3.5s;}



.by{	height: 50%;} 

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

.ag{	animation: aj 3.5s;}



@keyframes ak{	to{ transform: rotate(0deg); }}

@keyframes al{	to{ transform: rotate(45deg); }}

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

@keyframes an{	to{ transform: matrix( 1, 0, 0, 1, 0, 0 ); }}

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

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

.ca{	height: 100%;} 

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

.cd{  transform: rotate(45deg);}

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

.ak{  animation: al 5s 0s forwards;}

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

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

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

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




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

@keyframes ar{	to{ transform: rotate(45deg); }}

.at{  animation: aq 4s 0s forwards;}

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




@keyframes as{	from{		transform: translate( 0px, 0px );	}	to{		transform: translate( 0px, 2px );	}}
 
@keyframes at{	from{ transform: rotate(0deg); }	to{ transform: rotate(20deg); }}

@keyframes au{	to{ transform: rotate(0deg); }}

.cc{	height: 1%;} 
 
.au{  animation: au 1.5s 0s forwards;}

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

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




@keyframes av{	from{		height: 1%;	}	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 );	}}

@keyframes ax{	from{		transform: translate( 0px, 2px );	}	to{		transform: translate( 0px, 0px );	}}
 
@keyframes ay{	from{ transform: rotate(20deg); }	to{ transform: rotate(0deg); }}

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

.ck{	transform: translate( 0px, 2px );}


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

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

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

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



@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 );   }}

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

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

@keyframes bd{	to{ transform: rotate(0deg); }}

@keyframes be{	to{ transform: rotate(45deg); }}

.ca{	height: 100%;} 

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

.bn{  animation: az 5s 0s forwards;}

.bm{  animation: ba 5s 0s forwards;}

.bq{  animation: bb 5s 0s forwards;}

.bo{  animation: bc 5s 0s forwards;}

.bp{  animation: bd 5s 0s forwards;}

.bl{  animation: be 5s 0s forwards;}

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

.bu{	animation: bf 2s;}



@keyframes bg{	from{ 		transform: translateX(40px); 	}	to{ 		transform: translateX(0px);	}}

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

.cs{	transform: translateX(40px);}

.bv{	animation: bg 2s linear 0s 1 forwards;}

.bx{	animation: bh 4s;}




@keyframes bi{	from{ 		transform: translateX(40px); 	}	to{		transform: translateX(0px);	}	}

.ct{	transform: translateX(40px);}

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



.be{
  animation: bj 8s 1 forwards; 
  animation-timing-function: steps(8); 
}

@keyframes bj{
  0%{
    margin-left: 0vw;
  }
  100%{
    margin-left: -48vw; 
  }
}

@keyframes bk{	from{ 	transform: rotate(0deg); 	}	to{		transform:rotate(-45deg);	}	}
.bb{	animation: bk 2s linear 0s 1 forwards;}

@keyframes bl{	to{ opacity: 1; }}
@keyframes bm{	to{ opacity: 0; }}

.bc{  animation: bl 0.01s 0.2s forwards;}
.bd{  animation: bm 0.01s 0.2s forwards;}

@keyframes bn{	to{ opacity: 1; }}
@keyframes bo{	to{ opacity: 0; }}

.bg{  animation: bn 0.01s 2s forwards;}
.bf{  animation: bo 0.01s 2s forwards;}

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

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

.bh{  animation: bp 2s 2s forwards;}

.bi{  animation: bp 2s 2.2s forwards;}

.bj{  animation: bp 2s 2.4s forwards;}

.bk{  animation: bq 2.4s 2s forwards;}

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