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



@keyframes ae{ 	to{		transform: translateY(-40px); opacity: 0; }}
.aa{ 	animation: ae 2s linear 1s 1 forwards;}

.ab{ 	animation: ad 4s linear 0s 1 forwards;}



@keyframes af{ 	to{		transform: translateX(-30px); }}
.gira_base{ 	animation: af 2s linear 0.5s 1 forwards;}



.base_girada{ transform: translateX(-30px); }

@keyframes ag{ 	to{		transform: translateX(0px); }}
.gira_base_volta{ 	animation: ag 2s linear 0.5s 1 forwards;}



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

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

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

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

.ba{	height: 50%;}

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

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

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

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

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

.af{  animation: aj 2s 2.2s forwards;}

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

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




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

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

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

.bb{	height: 1%;} 

.ak{  animation: an 2s 0.2s forwards;}

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

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

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




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

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

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

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




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

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

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

.be{	height: 100%;} 

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

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

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

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




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

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




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

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

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

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

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

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

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

.ar{  animation: aw 6s 2s forwards;}

.as{  animation: aw 6s 2.2s forwards;}

.at{  animation: aw 6s 2.4s forwards;}

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

.ax{  animation: ax 6.4s 2s forwards;}



@keyframes az{ 	to{		transform: translateY(-61px); }}

.tirar_capsula_inalador__mover{ 	animation: az 2s linear 1s 1 forwards;}


.bj{ transform: translateY(-40px); opacity: 0;}


@keyframes ba{ 	to{		transform: translateY(0px); opacity: 1 }}
.ay{ 	animation: ba 2s linear 0s 1 forwards;}

