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



.bc{	transform: rotate(-157deg);}

@keyframes ae{ 	to{		transform: rotate(0deg); }}
.aa{ 	animation: ae 2s linear 1s 1 forwards;}

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



.bo{	transform: rotate(-50deg);}

@keyframes af{ 	to{		transform: rotate(-50deg); }}
.ac{ 	animation: af 1.5s linear 1s 1 forwards;}



@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{	from{		height: 50%;	}	to{		height: 1%;	}}

.bd{	height: 50%;}

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

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

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

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

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

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

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

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




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

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


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

.be{	height: 1%;} 

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

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

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




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

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

.animate_step5_barra_animada{  animation: an 1.5s 0s forwards;}




@keyframes ao{	from{		transform: translate( 0px, 0px );	}	to{		transform: translate( 2px, 2px );	}}

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

.barra_animada10{	height: 10%;} 

.animate_step6_inalador_baixa{  animation: ao 1s 0.5s forwards;}

.animate_step6_dedo_press{  animation: aq 1s 0.5s forwards;}

.animate_step6_barra_animada{  animation: ap 2.5s 0s forwards;} 




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

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

.barra_animada20{	height: 20%;} 

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

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

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

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




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

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

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

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

.bi{	height: 100%;} 

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

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

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

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

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

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

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

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




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

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




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

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

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

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

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

.ax{  animation: az 0.01s 2s forwards;}

.aw{  animation: ba 0.01s 2s forwards;}

.at{  animation: bb 6s 2s forwards;}

.au{  animation: bb 6s 2.2s forwards;}

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

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

.az{  animation: bc 6.4s 2s forwards;}



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



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

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



@keyframes bf{ 	to{		transform: rotate(-157deg); }}
.ba{ 	animation: bf 2s linear 0s 1 forwards;}