@charset "utf-8";
/* --------------------------------------------------------------------------------------------------------- */
/* ----- ANIM.GENERIC ----- */
@keyframes animFadeIn{
  0%{
	  opacity: 0;
  }
  100%{
	  opacity: 1;
  }
}
@keyframes animFadeOut{
  0%{
	  opacity: 1;
  }
  100%{
	  opacity: 0;
  }
}

@keyframes animScrollIn{
  0%{
	  transform: translateY(5vh);
  }
  100%{
	  transform: translateY(0vh);
  }
}

@keyframes animFadeLtIn{
  0%{
	  transform: translateX(100%);
	  opacity: 0;
  }
  100%{
	  transform: translateX(0%);
	  opacity: 1;
  }
}
@keyframes animFadeLtOut{
	0%{
	  transform: translateX(0%);
		opacity: 1;
  }
  100%{
	  transform: translateX(-10%);
	  opacity: 0;
  }
}
@keyframes animFadeRtIn{
  0%{
	  transform: translateX(-10%);
	  opacity: 0;
  }
  100%{
	  transform: translateX(0%);
	  opacity: 1;
  }
}

@keyframes animFadeUpIn{
  0%{
	  transform: translateY(50%);
	  opacity: 0;
  }
  100%{
	  transform: translateY(0%);
	  opacity: 1;
  }
}
@keyframes animFadeDnOut{
  0%{
	  transform: translateY(0%);
	  opacity: 1;
  }
  100%{
	  transform: translateY(50%);
	  opacity: 0;
  }
}
/* ----- ANIM.GENERIC ----- */
/* --------------------------------------------------------------------------------------------------------- */
/* ----- ANIM.FEATURE ----- */
@keyframes animBarIn{
  0%{
	  height: 10px;
	  top: 5px;
  }
  100%{
	  height: 16px;
	  top: 2px;
  }
}
@keyframes animBarOut{
  0%{
	  height: 16px;
	  top: 2px;
  }
  100%{
	  height: 10px;
	  top: 5px;
  }
}

@keyframes animBarStart{
  0%{
	  width: 0%;
  }
  100%{
	  width: 100%;
  }
}
/* ----- ANIM.FEATURE ----- */
/* --------------------------------------------------------------------------------------------------------- */
/* ----- ANIM.BAR ----- */
@-webkit-keyframes animPulseLt{
	0%{
		background-position: 150% center, right center, left center;
	}
	100%{
		background-position: -50% center, right center, left center;
	}
}

@keyframes animPulseRt{
	0%{
		background-position: -50% center, right center, left center;
	}
	100%{
		background-position: 150% center, right center, left center;
	}
}
/* ----- ANIM.BAR ----- */
/* --------------------------------------------------------------------------------------------------------- */