/* CSS Document */

/* --------------------------------------------------
	 Animation
-------------------------------------------------- */

/* bounceInUp
-------------------------------------------------- */

@-moz-keyframes bounceInUp {
	0%, 60%, 75%, 90%, 100% {
		-moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	0% {
		opacity: 0;
		-moz-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0);
	}
	60% {
		opacity: 1;
		-moz-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0);
	}
	75% {
		-moz-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0);
	}
	90% {
		-moz-transform: translate3d(0, -5px, 0);
		transform: translate3d(0, -5px, 0);
	}
	100% {
		-moz-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@-webkit-keyframes bounceInUp {
	0%, 60%, 75%, 90%, 100% {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0);
	}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0);
	}
	75% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0);
	}
	90% {
		-webkit-transform: translate3d(0, -5px, 0);
		transform: translate3d(0, -5px, 0);
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes bounceInUp {
	0%, 60%, 75%, 90%, 100% {
		-moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	0% {
		opacity: 0;
		-moz-transform: translate3d(0, 2000px, 0);
		-ms-transform: translate3d(0, 2000px, 0);
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0);
	}
	60% {
		opacity: 1;
		-moz-transform: translate3d(0, -20px, 0);
		-ms-transform: translate3d(0, -20px, 0);
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0);
	}
	75% {
		-moz-transform: translate3d(0, 10px, 0);
		-ms-transform: translate3d(0, 10px, 0);
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0);
	}
	90% {
		-moz-transform: translate3d(0, -5px, 0);
		-ms-transform: translate3d(0, -5px, 0);
		-webkit-transform: translate3d(0, -5px, 0);
		transform: translate3d(0, -5px, 0);
	}
	100% {
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

/* fadeOutDown
-------------------------------------------------- */

@-moz-keyframes fadeOutDown {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		-moz-transform: translate3d(0, 1000px, 0);
		transform: translate3d(0, 1000px, 0);
	}
}
@-webkit-keyframes fadeOutDown {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 1000px, 0);
		transform: translate3d(0, 1000px, 0);
	}
}
@keyframes fadeOutDown {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		-moz-transform: translate3d(0, 1000px, 0);
		-ms-transform: translate3d(0, 1000px, 0);
		-webkit-transform: translate3d(0, 1000px, 0);
		transform: translate3d(0, 1000px, 0);
	}
}

/* fadeInUp
-------------------------------------------------- */

@-moz-keyframes fadeInUp {
	0% {
		opacity: 0;
		-moz-transform: translate3d(0, 20px, 0);
		transform: translate3d(0, 20px, 0);
	}
	100% {
		opacity: 1;
		-moz-transform: none;
		transform: none;
	}
}
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 20px, 0);
		transform: translate3d(0, 20px, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}
@keyframes fadeInUp {
	0% {
		opacity: 0;
		-moz-transform: translate3d(0, 30px, 0);
		-ms-transform: translate3d(0, 30px, 0);
		-webkit-transform: translate3d(0, 30px, 0);
		transform: translate3d(0, 30px, 0);
	}
	100% {
		opacity: 1;
		-moz-transform: none;
		-ms-transform: none;
		-webkit-transform: none;
		transform: none;
	}
}


/* fadeInUp
-------------------------------------------------- */

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
		-moz-transform: translate3d(-100px, 0, 0);
		-ms-transform: translate3d(-100px, 0, 0);
    -webkit-transform: translate3d(-100px, 0, 0);
    transform: translate3d(-100px, 0, 0);
  }

  to {
    opacity: 1;
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
		-moz-transform: translate3d(-100px, 0, 0);
		-ms-transform: translate3d(-100px, 0, 0);
    -webkit-transform: translate3d(-100px, 0, 0);
    transform: translate3d(-100px, 0, 0);
  }

  to {
    opacity: 1;
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}


/* animate
-------------------------------------------------- */

.animate {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
}
 .animate.is_move {
	-moz-animation: fadeInUp 1s ease 0.1s both;
	-webkit-animation: fadeInUp 1s ease 0.1s both;
	animation: fadeInUp 1s ease 0.1s both;
}

 .animate.fadeInLeft.is_move {
	-moz-animation: fadeInLeft 2s ease 0.1s both;
	-webkit-animation: fadeInLeft 2s ease 0.1s both;
	animation: fadeInLeft 2s ease 0.1s both;
	animation-delay: 0.5s;
}
 .animate.fadeInLeft2.is_move {
	-moz-animation: fadeInLeft 2s ease 0.1s both;
	-webkit-animation: fadeInLeft 2s ease 0.1s both;
	animation: fadeInLeft 2s ease 0.1s both;
	animation-delay: 1.0s;
}