@keyframes ad{	to{		transform: translateX(40px);	}}
 
.aa{	animation: ad 2s linear 0s 1 forwards;}




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

@keyframes af{	to{		opacity( 0.99 );	}}
 
.ab{	animation: ae 0.2s ease 0.5s 10 alternate forwards;}

.ac{	animation: af 3.5s;}




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

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

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

.ae{	animation: af 3.5s;}



.bq{	height: 50%;} 

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

.af{	animation: ai 3.5s;}




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

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

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

@keyframes am{	to{ transform: rotate(0.1deg); }}

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

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

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

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

.bs{	height: 100%;} 

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

.bt{  transform: rotate(90deg);}
.bu{  transform: rotate(70deg);}

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

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

.ai{  animation: al 5s 0s forwards}

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

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

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

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

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



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

.aw{  animation: ar 4s 0s forwards;}




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

.bw{	height: 1%;} 

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

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




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

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

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

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

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

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

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

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

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




.ci{  transform: rotate(90deg); }

@keyframes ay{	to{ transform: rotate(0.1deg); }}
.bf{  animation: ay 5s ease 0s 1 forwards; }


@keyframes az{	to{ transform: rotate(90deg); }}
.bc{  animation: az 5s ease 0s 1 forwards; }


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

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

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

@keyframes bd{	from{		transform: matrix( 1, 0, 0, 1, 0, 0 );	}	to{		transform: matrix( 1.2, 0, 0, 1, -2.6, 0 );	}}
 
.bs{	height: 100%;} 

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

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

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

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

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

@keyframes be{	to{		opacity( 0.99 );	}}
 
.bn{	animation: be 2s;}



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

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

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

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

.bp{	animation: bg 4s;}