/* ANIMATIONS */

/*@keyframes flipIn {
	0% { transform: scale(1.1); }
	50% { transform: scale(1); }
	100% { transform: scale(1.1); }
}

@keyframes flipOut {
	0% { transform: scale(1); }
	50% { transform: scale(.9); }
	100% { transform: scale(1); }
}*/

/*@-webkit-keyframes fade {
	from {opacity: .4}
	to {opacity: 1}
}*/

@keyframes over {
	0% { transform: scale(1); }
	100% { transform: scale(1.1); }
}

@keyframes out {
	0% { transform: scale(1.1); }
	100% { transform: scale(1); }
}

@keyframes flipIn {
	0% { transform: scale(1.1); }
	35% { transform: scale(1.2); }
	100% { transform: scale(1); }
}

@keyframes flipOut {
	0% { transform: scale(1); }
	50% { transform: scale(.9); }
	100% { transform: scale(1); }
}

@keyframes fadeIn {
	0% {
		left: 100%;
		transform: scale(1.05);
		opacity: 1.5;
	}

	80% {
		left: 0;
		transform: scale(1.05);
		opacity: 1.9;
	}

	100% {
		left: 0;
		transform: scale(1);
		opacity: 1;
	}
}

@keyframes fadeOut {
	from {
		left: 0;
		opacity: 1;
	}
	to {
		left: 100%;
		opacity: .5;
	}
}

@media only screen and (max-width: 991px){
	@keyframes flipIn {
		0% { transform: scale(1); }
		50% { transform: scale(1.1); }
		100% { transform: scale(1); }
	}

	@keyframes fadeIn {
		0% {
			left: 0;
			top: -100%;
		}

		100% {
			left: 0;
			top: 0;
		}
	}

	@keyframes fadeOut {
		0% {
			left: 0;
			top: 0;
		}

		100% {
			left: 0;
			top: -100%;
		}
	}
}

/* LOADER */

@keyframes loadTop {
	from {
		top: -100px;
		opacity: 0;
	}

	to {
		top: 0;
		opacity: 1;
	}
}

@keyframes loadRight {
	from {
		left: -100%;
		opacity: 0;
	}

	to {
		left: 0;
		opacity: 1;
	}
}

@keyframes loadLeft {
	from {
		left: 100%;
		opacity: 0;
	}

	to {
		left: 0;
		opacity: 1;
	}
}

@keyframes loadBottom {
	from {
		bottom: -200px;
		opacity: 0;
	}

	to {
		bottom: 0;
		opacity: 1;
	}
}