.anim-top-bottom {
	animation: top-bottom 1s;
}

.anim-left-right {
	animation: left-right 1s;
}

.anim-right-left {
	animation: right-left 1s;
}

.anim-jump {
	animation: jump 0.5s;
}

.anim-fade-in {
	animation: fade-in 0.3s;
	animation-fill-mode: backwards;
}

.anim-fade-out {
	animation: fade-out 0.3s;
	animation-fill-mode: forwards;
}

.anim-hover-up {
	transition: transform 0.5s ease; 
}

.anim-hover-up:hover {
	transform: translateY(-20%);
}

.invisible {
	animation: none !important;
	opacity: 0;
}

.anim-blinker {
	animation: blinker 1s step-start infinite;
}

@keyframes blinker {
  0%, 50%, 100% {
	opacity: 0;
  }
  25%, 75% {
	opacity: 1;
  }
}

@keyframes fade-in {

  0% {
	opacity: 0;
  }
  
  100% {
	opacity: 1;
  }
	
}

@keyframes fade-out {

  0% {
	opacity: 1;
  }
  
  100% {
	opacity: 0;
  }
	
}

@keyframes left-right {

  0% {
	opacity: 0;
	transform: translateX(-10%);
  }
  
  100% {
	opacity: 1;
	transform: translateX(0);
  }
	
}

@keyframes top-bottom {

  0% {
	opacity: 0;
	transform: translateY(-30%);
  }
  
  100% {
	opacity: 1;
	transform: translateY(0);
  }
	
}

@keyframes right-left {

  0% {
	opacity: 0;
	transform: translateX(10%);
  }
  
  100% {
	opacity: 1;
	transform: translateX(0);
  }
	
}

@keyframes jump {

  0% {
	transform: translateY(0);
  }
  
  33% {
	transform: translateY(-20%);
  }
  100% {
	transform: translateY(0);
  }
	
}

.anim-stagger-slow:nth-child(1) {
	animation-delay: 0s;
}

.anim-stagger-slow:nth-child(2) {
	animation-delay: 0.1s;
}

.anim-stagger-slow:nth-child(3) {
	animation-delay: 0.2s;
}

.anim-stagger-slow:nth-child(4) {
	animation-delay: 0.3s;
}

.anim-stagger-slow:nth-child(5) {
	animation-delay: 0.4s;
}

.anim-stagger-slow:nth-child(6) {
	animation-delay: 0.5s;
}

.anim-stagger-slow:nth-child(7) {
	animation-delay: 0.6s;
}

.anim-stagger-slow:nth-child(8) {
	animation-delay: 0.7s;
}

.anim-stagger-slow:nth-child(9) {
	animation-delay: 0.8s;
}

.anim-stagger-slow:nth-child(10) {
	animation-delay: 0.9s;
}

.anim-stagger-slow:nth-child(11) {
	animation-delay: 1s;
}

.anim-stagger-slow:nth-child(12) {
	animation-delay: 1.1s;
}

.anim-stagger-slow:nth-child(13) {
	animation-delay: 1.2s;
}

.anim-stagger-slow:nth-child(14) {
	animation-delay: 1.3s;
}

.anim-stagger-slow:nth-child(15) {
	animation-delay: 1.4s;
}

.anim-stagger-slow:nth-child(16) {
	animation-delay: 1.5s;
}


.anim-stagger-fast:nth-child(1) {
	animation-delay: 0s;
}

.anim-stagger-fast:nth-child(2) {
	animation-delay: 0.05s;
}

.anim-stagger-fast:nth-child(3) {
	animation-delay: 0.1s;
}

.anim-stagger-fast:nth-child(4) {
	animation-delay: 0.15s;
}

.anim-stagger-fast:nth-child(5) {
	animation-delay: 0.2s;
}

.anim-stagger-fast:nth-child(6) {
	animation-delay: 0.25s;
}

.anim-stagger-fast:nth-child(7) {
	animation-delay: 0.3s;
}

.anim-stagger-fast:nth-child(8) {
	animation-delay: 0.35s;
}

.anim-stagger-fast:nth-child(9) {
	animation-delay: 0.4s;
}

.anim-stagger-fast:nth-child(10) {
	animation-delay: 0.45s;
}

.anim-stagger-fast:nth-child(11) {
	animation-delay: 0.5s;
}

.anim-stagger-fast:nth-child(12) {
	animation-delay: 0.55s;
}

.anim-stagger-fast:nth-child(13) {
	animation-delay: 0.6s;
}

.anim-stagger-fast:nth-child(14) {
	animation-delay: 0.65s;
}

.anim-stagger-fast:nth-child(15) {
	animation-delay: 0.7s;
}

.anim-stagger-fast:nth-child(16) {
	animation-delay: 0.75s;
}