/************************************************************************************************************************************************************
 K E Y F R A M E S
 VERSION 1.0
 
  2px = 0.146vw
 10px = 0.732vw
 20px = 1.464vw

 FIRST OF ALL KEYFRAMES TO MAKE ANIMOs VISIBILE FOR A CERTAIN TIME

*/
 
/* F a d e I n */
@-webkit-keyframes fadein {
	  0% { opacity: 0; }
	  1% { opacity: 1; } 
   	 99% { opacity: 1; } 
   	100% { opacity: 0; }
}
@-moz-keyframes fadein {
	  0% { opacity: 0; }
	  1% { opacity: 1; } 
   	 99% { opacity: 1; } 
   	100% { opacity: 0; }
}
@keyframes fadein {
	  0% { opacity: 0; }
	  1% { opacity: 1; } 
   	 99% { opacity: 1; } 
   	100% { opacity: 0; }
}


/*
F L A S H I N G
*/

@-webkit-keyframes flashing {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-moz-keyframes flashing {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes flashing {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}






/*
M O V IN G
*/

@-webkit-keyframes moving {
  0%   { -webkit-transform: translate(0, 0); }
  100% { -webkit-transform: translate(1.464vw, -1.464vw);  }
}
@keyframes moving {
  0%   { transform: translate(0, 0); }
  100% { transform: translate(1.464vw, -1.464vw);  }
}



/*
A V I O N
*/

@-webkit-keyframes avion {
  100% {-webkit-transform: translate(0, -1.464vw);}
}
@keyframes avion {
  100% {transform: translate(0, -1.464vw);}
}


/*
B O U G E R
*/


@-webkit-keyframes bouger {
  0%   {-webkit-transform: rotate(15deg);}
  100% {-webkit-transform: rotate(-15deg);}
}
@keyframes bouger {
  0%   {transform: rotate(15deg);}
  100% {transform: rotate(-15deg);}
}


/*
Nr. 910
SHAKING
*/


@keyframes animation910 {
  10%, 90% {transform: translate3d(-1px, 0, 0);}
  20%, 80% {transform: translate3d(2px, 0, 0);}
  30%, 50%, 70% {transform: translate3d(-4px, 0, 0);}
  40%, 60% {transform: translate3d(4px, 0, 0);}
}



/*
Nr. 920 FADE-IN
*/

@-webkit-keyframes animation920 { from { opacity:0; } to { opacity:1; } }
@keyframes animation920 { from { opacity:0; } to { opacity:1; } }

/*
Nr. 921 FADE-IN-O U T
*/

@-webkit-keyframes animation921 { 
	25% { opacity: 1; }
	75% { opacity: 1; }
}
@keyframes animation921 { 
	25% { opacity: 1; }
	75% { opacity: 1; }
}



/*
Nr. 922 ZOOM IN
*/
@-webkit-keyframes animation922 { 
	from { -webkit-transform:scale(1.0); } 
	to { -webkit-transform:scale(1.3); } 
}
@-webkit-keyframes animation922 { 
	from { transform:scale(1.0); } 
	to { transform:scale(1.3); } 
}

/*
Nr. 923 ZOOM IN OUT
*/
@-webkit-keyframes animation923 {
  from, to {-webkit-transform: scale(1);}
  50% {-webkit-transform:scale(1.3);}

}
@keyframes animation923 {
  from, to {transform: scale(1);}
  50% {transform:scale(1.3);}

}


/*
Nr. 930 BLINKING CURSOR
*/

@-webkit-keyframes animation930 {
  50% {opacity: 0; }
}

@keyframes animation930 {
  50% {opacity: 0; }
 }


/*
Nr. 991 
*/

@-webkit-keyframes animation991 {
  from, to {-webkit-transform: translateY(0);}
  50% {-webkit-transform: translateY(-0.732vw);}
}
@keyframes animation991 {
  from, to {transform: translateY(0);}
  50% {transform: translateY(-0.732vw);}
}

/*
Nr. 9992 ROTATE
*/

@-webkit-keyframes animation992 {
  0% {-webkit-transform: rotate(0);}
  25% {-webkit-transform:rotate(-10deg);}
  50% {-webkit-transform:rotate(0deg);}
 100% {-webkit-transform:rotate(10deg);}
}
@keyframes animation992 {
  0% {transform: rotate(0);}
  25% {transform:rotate(-10deg);}
  50% {transform:rotate(0deg);}
 100% {transform:rotate(10deg);}
}



/*
DADO TIMER 
*/

@-webkit-keyframes animation990 {
  100% { -webkit-transform: rotate(360deg);}
}
@keyframes animation990 {
  100% { transform: rotate(360deg);}
}