/**
 * Animate CSS
 */
.animate {
	-webkit-animation-duration: 1.2s;
	        animation-duration: 1.2s;
	-webkit-animation-fill-mode: both;
	        animation-fill-mode: both;
}
.animate.infinite {
	-webkit-animation-duration: infinite;
	        animation-duration: infinite;
}


/**
 * Fade-Common
 */
.fadeIn, .fadeUp, .fadeRight, .fadeDown, .fadeLeft {
	opacity: 0;
	transition: opacity 1.2s;
}


/**
 * Fade-In
 */
.fadeIn {  }
.fadeIn.show {
	-webkit-animation-name: fadeIn;
	        animation-name: fadeIn;
}

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

@keyframes fadeIn {
	from {  }
	to { opacity: 1; }
}


/**
 * Fade-In Up
 */
.fadeUp {  }
.fadeUp.show {
	-webkit-animation-name: fadeUp;
	        animation-name: fadeUp;
}

@-webkit-keyframes fadeUp {
	from {
		-webkit-transform: translate3d(0,30px,0);
		        transform: translate3d(0,30px,0);
	}
	to { opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		        transform: translate3d(0,0,0);
	}
}

@keyframes fadeUp {
	from {
		-webkit-transform: translate3d(0,30px,0);
		        transform: translate3d(0,30px,0);
	}
	to { opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		        transform: translate3d(0,0,0);
	}
}


/**
 * Fade-In Right
 */
.fadeRight {  }
.fadeRight.show {
	-webkit-animation-name: fadeRight;
	        animation-name: fadeRight;
}

@-webkit-keyframes fadeRight {
	from {
		-webkit-transform: translate3d(30px,0,0);
		        transform: translate3d(30px,0,0);
	}
	to { opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		        transform: translate3d(0,0,0);
	}
}

@keyframes fadeRight {
	from {
		-webkit-transform: translate3d(30px,0,0);
		        transform: translate3d(30px,0,0);
	}
	to { opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		        transform: translate3d(0,0,0);
	}
}


/**
 * Fade-In Down
 */
.fadeDown {  }
.fadeDown.show {
	-webkit-animation-name: fadeDown;
	        animation-name: fadeDown;
}


@-webkit-keyframes fadeDown {
	from {
		-webkit-transform: translate3d(0,-30px,0);
		        transform: translate3d(0,-30px,0);
	}
	to { opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		        transform: translate3d(0,0,0);
	}
}

@keyframes fadeDown {
	from {
		-webkit-transform: translate3d(0,-30px,0);
		        transform: translate3d(0,-30px,0);
	}
	to { opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		        transform: translate3d(0,0,0);
	}
}


/**
 * Fade-In Left
 */
.fadeLeft {  }
.fadeLeft.show {
	-webkit-animation-name: fadeLeft;
	        animation-name: fadeLeft;
}


@-webkit-keyframes fadeLeft {
	from {
		-webkit-transform: translate3d(-30px,0,0);
		        transform: translate3d(-30px,0,0);
	}
	to { opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		        transform: translate3d(0,0,0);
	}
}

@keyframes fadeLeft {
	from {
		-webkit-transform: translate3d(-30px,0,0);
		        transform: translate3d(-30px,0,0);
	}
	to { opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		        transform: translate3d(0,0,0);
	}
}


/**
 * Flash
 */
.flash {  }
.flash.show {
	-webkit-animation-name: flash;
	        animation-name: flash;
}

@-webkit-keyframes flash {
	0% { opacity: 1; }
	25% { opacity: 0; }
	50% { opacity: 1; }
	75% { opacity: 0; }
	100% { opacity: 1; }
}

@keyframes flash {
	0% { opacity: 1; }
	25% { opacity: 0; }
	50% { opacity: 1; }
	75% { opacity: 0; }
	100% { opacity: 1; }
}


/**
 * Fade Scale Down
 */
.fadeScaleDown { opacity: 0; }
.fadeScaleDown.show { transform-origin: center;
	-webkit-animation-name: fadeScaleDown;
	        animation-name: fadeScaleDown;
}

@keyframes fadeScaleDown {
	from {
		-webkit-transform: scale(1.3);
		        transform: scale(1.3);
	}
	to { opacity: 1;
		-webkit-transform: scale(1);
		        transform: scale(1);
	}
}


/**
 * Fade-out Scale Down
 */
.fadeOutScaleDown { opacity: 1; }
.fadeOutScaleDown.show { transform-origin: center;
	-webkit-animation-name: fadeOutScaleDown;
	        animation-name: fadeOutScaleDown;
}

@keyframes fadeOutScaleDown {
	from {
		-webkit-transform: scale(1);
		        transform: scale(1);
	}
	to { opacity: 0;
		-webkit-transform: scale(0.7);
		        transform: scale(0.7);
	}
}


/**
 * Fade Scale In
 */
.fadeScaleIn { opacity: 0; }
.fadeScaleIn.show { transform-origin: center;
	-webkit-animation-name: fadeScaleIn;
	        animation-name: fadeScaleIn;
}

@keyframes fadeScaleIn {
	from {
		-webkit-transform: scale(0.7);
		        transform: scale(0.7);
	}
	to { opacity: 1;
		-webkit-transform: scale(1);
		        transform: scale(1);
	}
}