@charset "utf-8";

/* =====================================================================

	Animation
	
======================================================================== */
		
	.floating {
  	animation: float_img 3s linear infinite;
  	transform-origin: 50% 50%;
		}
		@keyframes float_img {
			0% { transform: translateY(0) }
			50% { transform: translateY(-5px) }
			100% { transform: translateY(0) }
		}
	
	.fadeIn {
		opacity: 0;
		}
		.fadeIn.active {
			opacity: 1;
			animation: fadeIn 0.7s linear 1;
			animation-name: fadeIn;
			}
		@-webkit-keyframes fadeIn {
			from {opacity: 0;}		
			to   {opacity: 1;}
		}
		@keyframes fadeIn {
			from {opacity: 0;}		
			to   {opacity: 1;}
		}
	
	.zoomIn {
		opacity: 0;
		}
		.zoomIn.active {
			opacity: 1;
			-webkit-animation-name: zoomIn;
  		animation-name: zoomIn;
			-webkit-animation-duration: 1s;
			animation-duration: 1s;
			-webkit-animation-fill-mode: both;
			animation-fill-mode: both;
			}
		@-webkit-keyframes zoomIn {
			from {
				opacity: 0;
				-webkit-transform: scale3d(0.5, 0.5, 0.5);
				transform: scale3d(0.5, 0.5, 0.5);
				}
			50% {
				opacity: 1;
				}
		}
		@keyframes zoomIn {
			from {
				opacity: 0;
				-webkit-transform: scale3d(0.5, 0.5, 0.5);
				transform: scale3d(0.5, 0.5, 0.5);
			 }
			50% {
				opacity: 1;
				}
		}


	.fadeInRight {
		opacity: 0;
		}
		.fadeInRight.active {
			opacity: 1;
			animation: fadeInRight 1s linear 1;
			animation-name: fadeInRight;
			transition-delay: .8s;
			}
		@-webkit-keyframes fadeInRight {
			from {
				opacity: 0;
				-webkit-transform: translate3d(40px, 0, 0);
				transform: translate3d(20px, 0, 0);
				}
			to {
				opacity: 1;
				-webkit-transform: translate3d(0, 0, 0);
				transform: translate3d(0, 0, 0);
				}
		}
		@keyframes fadeInRight {
			from {
				opacity: 0;
				-webkit-transform: translate3d(20px, 0, 0);
				transform: translate3d(20px, 0, 0);
				}
			to {
				opacity: 1;
				-webkit-transform: translate3d(0, 0, 0);
				transform: translate3d(0, 0, 0);
				}
		}

	.fadeInLeft {
		opacity: 0;
		}
		.fadeInLeft.active {
			opacity: 1;
			animation: fadeInLeft 1s linear 1;
			animation-name: fadeInLeft;
			transition-delay: .8s;
			}
		@-webkit-keyframes fadeInLeft {
			from {
				opacity: 0;
				-webkit-transform: translate3d(-20px, 0, 0);
				transform: translate3d(-20px, 0, 0);
				}
			to {
				opacity: 1;
				-webkit-transform: translate3d(0, 0, 0);
				transform: translate3d(0, 0, 0);
				}
		}
		@keyframes fadeInLeft {
			from {
				opacity: 0;
				-webkit-transform: translate3d(-20px, 0, 0);
				transform: translate3d(-20px, 0, 0);
				}
			to {
				opacity: 1;
				-webkit-transform: translate3d(0, 0, 0);
				transform: translate3d(0, 0, 0);
				}
		}