/* ROTATION */

	@-webkit-keyframes rotate {
	  from {
	    -webkit-transform: rotate(360deg);
	  }
	  50% {
	  }
	  to {
	    -webkit-transform: rotate(0deg);
	  }
	}


	@keyframes spin {
		from {
			transform: rotate(0deg);
		}

		to {
			transform: rotate(360deg);
		}
	}


	@keyframes logo_spin {
	  0% { transform: translate(-50%, -100%) rotate(0deg); }
	  100% { transform: translate(-50%, -100%) rotate(360deg); }
	}

	@keyframes spring {
		0%   { transform: translateY(0) scaleX(1) scaleY(1); }
		20%  { transform: translateY(-5px) scaleX(0.9) scaleY(1.1); } 
		40%  { transform: translateY(0) scaleX(1.1) scaleY(0.9); }     
		60%  { transform: translateY(-2.5px) scaleX(0.95) scaleY(1.025); } 
		80%  { transform: translateY(0) scaleX(1) scaleY(1); }          
		100% { transform: translateY(0) scaleX(1) scaleY(1); }
	}
	@keyframes spring-fade {
		0%   { transform: translateY(0) scaleX(1) scaleY(1); opacity: 1; }
		20%  { transform: translateY(-10px) scaleX(0.9) scaleY(1.2); opacity: 0; } 
		40%  { transform: translateY(0) scaleX(1.1) scaleY(0.9); opacity: 1; }     
		60%  { transform: translateY(-5px) scaleX(0.95) scaleY(1.05); opacity: 0.5;} 
		80%  { transform: translateY(0) scaleX(1) scaleY(1); opacity: 1; }          
		100% { transform: translateY(0) scaleX(1) scaleY(1); opacity: 1; }
	}


/* FADE */

	.fade_in{
	    opacity: 0;
	    transition: opacity 1s;
	}

	.ready .fade_in{
		opacity: 1;
	}