/* ==========================================================================
   fadeIn
   ========================================================================== */

#overlay.open {
	-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; }

.fadeIn {
	-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-delay: 0s;
	-moz-animation-delay: 0s;
	-ms-animation-delay: 0s;
	-o-animation-delay: 0s;
	animation-delay: 0s;
  -webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-ms-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
  visibility: visible; }

.fadeOut {
	-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-delay: 0s;
	-moz-animation-delay: 0s;
	-ms-animation-delay: 0s;
	-o-animation-delay: 0s;
	animation-delay: 0s;
  -webkit-animation-name: fadeOut;
	-moz-animation-name: fadeOut;
	-ms-animation-name: fadeOut;
	-o-animation-name: fadeOut;
	animation-name: fadeOut; }

.fadeInLoad.loading {
  visibility: hidden; }

.fadeInLoad.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-delay: 0.3s;
	-moz-animation-delay: 0.3s;
	-ms-animation-delay: 0.3s;
	-o-animation-delay: 0.3s;
	animation-delay: 0.3s;
  -webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-ms-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn; }

.fadeLeft {
	-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-delay: 0s;
	-moz-animation-delay: 0s;
	-ms-animation-delay: 0s;
	-o-animation-delay: 0s;
	animation-delay: 0s;
  -webkit-animation-name: fadeLeft;
	-moz-animation-name: fadeLeft;
	-ms-animation-name: fadeLeft;
	-o-animation-name: fadeLeft;
	animation-name: fadeLeft;
  position: relative; }

.fadeRight {
	-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-delay: 0s;
	-moz-animation-delay: 0s;
	-ms-animation-delay: 0s;
	-o-animation-delay: 0s;
	animation-delay: 0s;
  -webkit-animation-name: fadeRight;
	-moz-animation-name: fadeRight;
	-ms-animation-name: fadeRight;
	-o-animation-name: fadeRight;
	animation-name: fadeRight;
  position: relative; }

.fadeUp {
	-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-delay: 0s;
	-moz-animation-delay: 0s;
	-ms-animation-delay: 0s;
	-o-animation-delay: 0s;
	animation-delay: 0s;
  -webkit-animation-name: fadeUp;
	-moz-animation-name: fadeUp;
	-ms-animation-name: fadeUp;
	-o-animation-name: fadeUp;
	animation-name: fadeUp;
  position: relative; }

.fadeUpLoad.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-delay: 0s;
	-moz-animation-delay: 0s;
	-ms-animation-delay: 0s;
	-o-animation-delay: 0s;
	animation-delay: 0s;
  -webkit-animation-name: fadeUp;
	-moz-animation-name: fadeUp;
	-ms-animation-name: fadeUp;
	-o-animation-name: fadeUp;
	animation-name: fadeUp;
  position: relative; }

.fadeDown {
	-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: .5s;
	-moz-animation-duration: .5s;
	-ms-animation-duration: .5s;
	-o-animation-duration: .5s;
	animation-duration: .5s;
  -webkit-animation-name: fadeDown;
	-moz-animation-name: fadeDown;
	-ms-animation-name: fadeDown;
	-o-animation-name: fadeDown;
	animation-name: fadeDown; }

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

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

/* fade in */
@-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; }
}

/* fade out */
@-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; }
}

/* fade left */
@-webkit-keyframes fadeLeft {
  0% { opacity: 0; left: -20px; }
  100% { opacity: 1; left: 0; }
}
@-moz-keyframes fadeLeft {
  0% { opacity: 0; left: -20px; }
  100% { opacity: 1; left: 0; }
}
@keyframes fadeLeft {
  0% { opacity: 0; left: -20px; }
  100% { opacity: 1; left: 0; }
}

/* fade right */
@-webkit-keyframes fadeRight {
  0% { opacity: 0; right: -20px; }
  100% { opacity: 1; right: 0; }
}
@-moz-keyframes fadeRight {
  0% { opacity: 0; right: -20px; }
  100% { opacity: 1; right: 0; }
}
@keyframes fadeRight {
  0% { opacity: 0; right: -20px; }
  100% { opacity: 1; right: 0; }
}

/* fade up */
@-webkit-keyframes fadeUp {
  0% { opacity: 0; top: 20px; }
  100% { opacity: 1; top: 0; }
}
@-moz-keyframes fadeUp {
  0% { opacity: 0; top: 20px; }
  100% { opacity: 1; top: 0; }
}
@keyframes fadeUp {
  0% { opacity: 0; top: 20px; }
  100% { opacity: 1; top: 0; }
}

/* fade down */
@-webkit-keyframes fadeDown {
  0% { opacity: 0; -webkit-transform: translate(0,-8px); transform: translate(0,-8px); }
  100% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); }
}
@-moz-keyframes fadeDown {
  0% { opacity: 0; -moz-transform: translate(0,-8px); transform: translate(0,-8px); }
  100% { opacity: 1; -moz-transform: translate(0, 0); transform: translate(0, 0); }
}
@keyframes fadeDown {
  0% { opacity: 0; transform: translate(0,-8px); }
  100% { opacity: 1; transform: translate(0, 0); }
}