/* ==========================================================================
   Animate
   ========================================================================== */
  
.loading { visibility: hidden; }
.loaded { visibility: visible; }

.fadeIn.loaded {
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: .6s;
	-moz-animation-duration: .6s;
	-ms-animation-duration: .6s;
	-o-animation-duration: .6s;
	animation-duration: .6s;
  -webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-ms-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn; }

@-webkit-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
 @-moz-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

.fadeOut.loaded {
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-ms-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
  -webkit-animation-name: fadeOut;
	-moz-animation-name: fadeOut;
	-ms-animation-name: fadeOut;
	-o-animation-name: fadeOut;
	animation-name: fadeOut; }

@-webkit-keyframes fadeOut {
  0% { opacity: 1; }
  100% { opacity: 0; }
}
 @-moz-keyframes fadeOut {
  0% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes fadeOut {
  0% { opacity: 1; }
  100% { opacity: 0; }
}

.fadeUp.loaded {
	position: relative;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: .6s;
	-moz-animation-duration: .6s;
	-ms-animation-duration: .6s;
	-o-animation-duration: .6s;
	animation-duration: .6s;
  -webkit-animation-name: fadeUp;
	-moz-animation-name: fadeUp;
	-ms-animation-name: fadeUp;
	-o-animation-name: fadeUp;
	animation-name: fadeUp; }

@-webkit-keyframes fadeUp {
  0% { opacity: 0; top: 15px; }
  100% { opacity: 1; top: 0; }
}
 @-moz-keyframes fadeUp {
  0% { opacity: 0; top: 15px; }
  100% { opacity: 1; top: 0; }
}
@keyframes fadeUp {
  0% { opacity: 0; top: 15px; }
  100% { opacity: 1; top: 0; }
}

.fadeDown.loaded {
	position: relative;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: .6s;
	-moz-animation-duration: .6s;
	-ms-animation-duration: .6s;
	-o-animation-duration: .6s;
	animation-duration: .6s;
  -webkit-animation-name: fadeDown;
	-moz-animation-name: fadeDown;
	-ms-animation-name: fadeDown;
	-o-animation-name: fadeDown;
	animation-name: fadeDown; }

@-webkit-keyframes fadeDown {
  0% { opacity: 0; top: -15px; }
  100% { opacity: 1; top: 0; }
}
 @-moz-keyframes fadeDown {
  0% { opacity: 0; top: -15px; }
  100% { opacity: 1; top: 0; }
}
@keyframes fadeDown {
  0% { opacity: 0; top: -15px; }
  100% { opacity: 1; top: 0; }
}

.animateDelay.loaded {
	-webkit-animation-delay: .5s;
	-moz-animation-delay: .5s;
	-ms-animation-delay: .5s;
	-o-animation-delay: .5s;
	animation-delay: .5s; }

.animateDelay2.loaded {
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	-ms-animation-delay: 1s;
	-o-animation-delay: 1s;
	animation-delay: 1s; }